.page { /*background-image: url('https://jje.admin.xinyuekj.com.cn/test-api/tech/static/my/bg1.png');*/ background-image: url('https://jje.xinyuekj.com.cn/prod-api/tech/static/my/bg1.png'); background-repeat: no-repeat; background-size: 100% 30%; background-color: #f7f7f7; padding: 0 32rpx; } .useInfo { width: 686rpx; height: 152rpx; margin-top: 32rpx; } .profileView { width: 152rpx; height: 152rpx; border-radius: 76rpx; } .profile { width: 152rpx; height: 152rpx; border-radius: 76rpx; border: 2px solid #ffffff; box-sizing: border-box; } .usermsg { width: 500rpx; height: 152rpx; margin-left: 24rpx; } .name { font-size: 32rpx; font-weight: 600; color: #333333; margin-top: 24rpx; } .other { font-size: 24rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; color: #333333; margin-top: 16rpx; } .statistics { width: 686rpx; height: 320rpx; background: #FFFFFF; box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(255, 224, 92, 0.05); border-radius: 24rpx; margin-top: 40rpx; } .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; } .tuoke { width: 686rpx; height: 308rpx; 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; } .statisticsKey { font-size: 24rpx; font-weight: 400; color: #999999; line-height: 60rpx; } .statisticsValue { font-size: 36rpx; font-weight: bold; color: #333333; } .list { width: 638rpx; background: #FFFFFF; border-radius: 24rpx; padding: 20rpx 24rpx; margin-top: 40rpx; }