.userinfo-container {
	padding-top: 120rpx;
	.bg {
		position: absolute;
		top: 0;
		width: 100%;
		height: 426rpx;
		background: linear-gradient(180deg, #04f5e7 0%, #01d0da 38%, #f5f7fa 100%);
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}
	.content {
		position: absolute;
		top: 200rpx;
		width: 100%;
    box-sizing: border-box;
    .fun-list-container{
      background-color: white;
			border-radius: 16rpx;
      padding: 24rpx 32rpx 91rpx;
      .title-name{
        font-weight: bold;
        font-size: 36rpx;
        color: #282F38;
      }

    }
		.fun-list {
      margin-top: 40rpx;
			width: 100%;
			// padding: 64rpx;
			display: grid;
			box-sizing: border-box;
			grid-template-columns: 1fr 1fr 1fr;
			gap: 24rpx;
      
			.fun-item {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				image {
					height: 72rpx;
					width: 72rpx;
				}
				text {
          margin-top: 20rpx;
					font-weight: 400;
					font-size: 28rpx;
					color: #282f38;
				}
				// height: 134rpx;
				// width: 112rpx;
			}
		}
	}
}
