/* promote/balance/balance.wxss */
page{background: #fff;}
.top {background: #fff;padding: 35rpx 30rpx;}
.ke {font-size: 26rpx;color: #999;width: 280rpx;}
.ke text {display: block;font-size: 48rpx;color: #333;margin-bottom: 8rpx;}
.datas {font-size: 24rpx;color: #999;flex-wrap: wrap;}
.datas .li {width: 31%;text-align: center;font-size: 32rpx;color: #000;font-weight: bold;}
.datas .li text {color: #999;margin-right: 10rpx;display: block;font-size: 24rpx;margin-top: 10rpx;font-weight: normal;}
.datas .li view text{display: inline-block;color: #000;margin: 0 5rpx 0 0;font-size: 20rpx;}
.datas view.fuhao{font-size: 26rpx;color: #999;width: 3%;text-align: center;}
.fuhao image{width: 100%;height: 25rpx;margin: 0 auto;}
.tab{border-top: 20rpx solid #f9f9f9;border-bottom: 1rpx solid #e9e9e9;padding: 0 30rpx;}
.tab .li{font-size: 30rpx;color: #333;margin-right: 40rpx;padding: 25rpx 0;position: relative;}
.tab .li.active{font-weight: bold;}
.tab .li.active::after{content: '';display: block;width: 50rpx;height: 5rpx;border-radius: 3rpx;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;background: var(--mina);}
.list{padding: 20rpx;background: #fff;}
.list .li{padding: 40rpx 20rpx;align-items: flex-start;border-bottom: 1rpx solid #e9e9e9;}
.list .li:last-child{border-bottom: none;}
.userimg{width: 66rpx;height: 66rpx;border-radius: 50%;margin-right: 15rpx;}
.username{font-size: 28rpx;color: #333;font-weight: bold;}
.time{font-size: 24rpx;color: #B5B5B5;margin-top: 8rpx;}
.money{font-size: 24rpx;color: #333;}
.money text{font-size: 36rpx;}
.name{font-size: 28rpx;color: #333;margin-top: 15rpx;}
.name text{font-size: 24rpx;margin-right: 10rpx;}
.pro-buy{align-items: flex-start;margin-top: 15rpx;}
.pro-buy text{font-size: 24rpx;color: #999;margin-right: 15rpx;}
.pro-list .lis{font-size: 24rpx;color: #4E6EAC;margin-bottom: 10rpx;}
.opt{justify-content: space-between;margin-top: 15rpx;text-align: right;font-size: 22rpx;}
.shifu{font-size: 20rpx;color: #999;border: 1rpx solid #999;padding: 2rpx 7rpx;border-radius: 5rpx;}
.dai{color: #E6A23C;border-color: #E6A23C;}
.green{color: #67C23A;border-color: #67C23A;}
.sta{font-size: 26rpx;}
.opts{justify-content: flex-end;}
.fail{color: #f00;}

/* .time,.money text.time{display: block; font-size: 24rpx;color: #B5B5B5;margin-top: 15rpx;}
.money{font-size: 24rpx;color: #333333; text-align: right;}
.money text{font-size: 36rpx;}
.dblock{display: block;margin-top: 15rpx;font-size: 24rpx;} */
.moneygray{color: #B5B5B5;}
.moneyred{color: #FE0419;}