XMSMZQFX.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .range {
  2. display: flex;
  3. justify-content: space-between;
  4. align-items: center;
  5. position: relative;
  6. line-height: 34rpx;
  7. font-family: PingFang SC, PingFang SC;
  8. font-size: 30rpx;
  9. font-weight: bold;
  10. color: #333333;
  11. margin-bottom: 10rpx;
  12. padding-left: 20rpx;
  13. .iconfont {
  14. font-weight: normal;
  15. font-size: 24rpx;
  16. }
  17. }
  18. .chart {
  19. height: 964rpx;
  20. display: flex;
  21. flex-direction: column;
  22. padding-bottom: 40rpx;
  23. .item {
  24. position: relative;
  25. display: flex;
  26. align-items: center;
  27. justify-content: center;
  28. width: 200rpx;
  29. font-family: PingFang SC, PingFang SC;
  30. font-size: 24rpx;
  31. color: #FFFFFF;
  32. .text {
  33. display: flex;
  34. position: absolute;
  35. top: 0;
  36. left: 220rpx;
  37. width: 400rpx;
  38. line-height: 44rpx;
  39. .label {
  40. font-weight: bold;
  41. font-size: 30rpx;
  42. color: #333333;
  43. }
  44. .tips {
  45. font-size: 24rpx;
  46. color: #999999;
  47. margin-left: 10rpx;
  48. }
  49. }
  50. .text1 {
  51. position: absolute;
  52. /* Ensure consistent positioning */
  53. top: auto;
  54. /* Reset top to avoid conflict */
  55. bottom: -40rpx;
  56. }
  57. }
  58. }
  59. .empty{
  60. margin-left: -60rpx;
  61. padding-bottom: 140rpx;
  62. }