.page { background: #f7f7f7; padding: 0rpx 32rpx; height: 100vh; } .use{ padding-top: 30rpx; } .avatar{ width: 100rpx; height: 100rpx; padding: 4rpx; border-radius: 8rpx; background: #FFE50C; } .avatar image{ width: 100rpx; height: 100rpx; } .useMsg{ margin-left: 24rpx; } .name{ font-size: 28rpx; font-weight: bold; } .tag{ font-size: 20rpx; background: #FFE50C; margin-left: 24rpx; padding: 2rpx 10rpx; border-radius: 10rpx; } .phone{ font-size: 24rpx; } .statistics { background: #FFFFFF; box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(255, 224, 92, 0.05); border-radius: 24rpx; margin-top: 40rpx; overflow: hidden; } .statisticsTitle { font-size: 32rpx; font-weight: 600; color: #333333; margin-left: 32rpx; margin-top: 20rpx; } .statisticsItem { /*width: 33%;*/ /*height: 160rpx;*/ /*margin-top: 40rpx;*/ } .statisticsItemBorder { border-left: 4rpx solid #EEEEEE; } .statisticsKey { font-size: 24rpx; font-weight: 400; color: #999999; line-height: 60rpx; } .statisticsValue { font-size: 36rpx; font-weight: bold; color: #333333; } .tuoke { background: #FFFFFF; /*box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(255, 224, 92, 0.05);*/ /*background: linear-gradient(180deg, #FFFCED 0%, #FFFFFF 100%);*/ border-radius: 24rpx; margin-top: 24rpx; padding: 1rpx 0; overflow: hidden; }