H5_module/promote/performance/index/index.css

.top{position: fixed;top: 0;left: 0;right: 0;z-index: 50;text-align: center;}
.top-background{background: var(--mina);}
.top-nav{position: relative;}
.back{position: absolute;top: 50%;transform: translateY(-50%);left: 0;padding-left: 30rpx;}
.back image{width: 22rpx;height: 38rpx;}
.top-nav-title{font-size: 36rpx;color: #fff;font-weight: bold;}
.head{position: relative;}
.bg{width: 100%;height: 357rpx;}
.userinfo{padding: 0 30rpx 0 45rpx;position: absolute;z-index: 2;bottom: 40rpx;left: 0;right: 0;}
.userimg{width: 112rpx;height: 112rpx;border-radius: 50%;border: 2rpx solid #fff;margin-right: 25rpx;}
.username{font-size: 40rpx;color: #fff;font-weight: bold;}
.job{font-size: 24rpx;color: #AFE4FF;opacity: .9;margin-top: 8rpx;}
.job text{color: #fff;}
.job text{margin: 0 10rpx;}
.date{height: 50rpx;border: 1rpx solid #FFFFFF;border-radius: 6rpx;font-size: 24rpx;color: #fff;padding: 0 14rpx;line-height: 50rpx;}
.date view{display: inline-block;}
.bico{display: inline-block;width: 20rpx;height: 13rpx;margin-left: 10rpx;}
.box{background: #fff;margin: 30rpx;border-radius: 16rpx;padding: 30rpx;}
.tit{font-size: 30rpx;color: #333;}
.tit text{font-size: 24rpx;color: #999;margin-left: 12rpx;}
.yugu{font-size: 24rpx;color: #333;margin-top: 25rpx;margin-bottom: 45rpx;}
.yugu-money{font-size: 58rpx;font-weight: bold;margin-bottom: 10rpx;}
.yugu-text image{width: 27rpx;height: 30rpx;margin-right: 9rpx;}
.yeji-datas{border-bottom: 1rpx solid #EEEEEE;padding: 30rpx 0;}
.yeji-datas:last-child{border-bottom: none;padding-bottom: 0;}
.yeji-datas .li{width: 50%;font-size: 40rpx;color: #333;font-weight: bold;}
.yeji-datas .li .ddflex{font-size: 24rpx;color: #999;font-weight: normal;padding: 15rpx 0;}
.yeji-datas .li image{width: 12rpx;height: 22rpx;margin-left: 14rpx;}
.data{border: none;color: #999;padding: 0;height: auto;}
.bico1{display: inline-block;width: 18rpx;height: 11rpx;margin-left: 10rpx;}
.statistics{height: 450rpx;margin-top: 15rpx;}