sales.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /* promote/balance/balance.wxss */
  2. page{background: #fff;}
  3. .top {background: #fff;padding: 35rpx 30rpx;}
  4. .ke {font-size: 26rpx;color: #999;width: 280rpx;}
  5. .ke text {display: block;font-size: 48rpx;color: #333;margin-bottom: 8rpx;}
  6. .datas {font-size: 24rpx;color: #999;flex-wrap: wrap;}
  7. .datas .li {width: 31%;text-align: center;font-size: 32rpx;color: #000;font-weight: bold;}
  8. .datas .li text {color: #999;margin-right: 10rpx;display: block;font-size: 24rpx;margin-top: 10rpx;font-weight: normal;}
  9. .datas .li view text{display: inline-block;color: #000;margin: 0 5rpx 0 0;font-size: 20rpx;}
  10. .datas view.fuhao{font-size: 26rpx;color: #999;width: 3%;text-align: center;}
  11. .fuhao image{width: 100%;height: 25rpx;margin: 0 auto;}
  12. .tab{border-top: 20rpx solid #f9f9f9;border-bottom: 1rpx solid #e9e9e9;padding: 0 30rpx;}
  13. .tab .li{font-size: 30rpx;color: #333;margin-right: 40rpx;padding: 25rpx 0;position: relative;}
  14. .tab .li.active{font-weight: bold;}
  15. .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);}
  16. .list{padding: 20rpx;background: #fff;}
  17. .list .li{padding: 40rpx 20rpx;align-items: flex-start;border-bottom: 1rpx solid #e9e9e9;}
  18. .list .li:last-child{border-bottom: none;}
  19. .userimg{width: 66rpx;height: 66rpx;border-radius: 50%;margin-right: 15rpx;}
  20. .username{font-size: 28rpx;color: #333;font-weight: bold;}
  21. .time{font-size: 24rpx;color: #B5B5B5;margin-top: 8rpx;}
  22. .money{font-size: 24rpx;color: #333;}
  23. .money text{font-size: 36rpx;}
  24. .name{font-size: 28rpx;color: #333;margin-top: 15rpx;}
  25. .name text{font-size: 24rpx;margin-right: 10rpx;}
  26. .pro-buy{align-items: flex-start;margin-top: 15rpx;}
  27. .pro-buy text{font-size: 24rpx;color: #999;margin-right: 15rpx;}
  28. .pro-list .lis{font-size: 24rpx;color: #4E6EAC;margin-bottom: 10rpx;}
  29. .opt{justify-content: space-between;margin-top: 15rpx;text-align: right;font-size: 22rpx;}
  30. .shifu{font-size: 20rpx;color: #999;border: 1rpx solid #999;padding: 2rpx 7rpx;border-radius: 5rpx;}
  31. .dai{color: #E6A23C;border-color: #E6A23C;}
  32. .green{color: #67C23A;border-color: #67C23A;}
  33. .sta{font-size: 26rpx;}
  34. .opts{justify-content: flex-end;}
  35. .fail{color: #f00;}
  36. /* .time,.money text.time{display: block; font-size: 24rpx;color: #B5B5B5;margin-top: 15rpx;}
  37. .money{font-size: 24rpx;color: #333333; text-align: right;}
  38. .money text{font-size: 36rpx;}
  39. .dblock{display: block;margin-top: 15rpx;font-size: 24rpx;} */
  40. .moneygray{color: #B5B5B5;}
  41. .moneyred{color: #FE0419;}