waterprice.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. /* pages/waterprice/waterprice.wxss */
  2. .water-price {
  3. padding: 0;
  4. font-size: 28rpx;
  5. background-color: #FAFCFF;
  6. position: absolute;
  7. top: 0;
  8. bottom: 0;
  9. left: 0;
  10. right: 0;
  11. color: #686B78;
  12. }
  13. .water-price .box .title {
  14. height: 80rpx;
  15. line-height: 80rpx;
  16. padding: 0 40rpx;
  17. font-size: 28rpx;
  18. font-weight: 400;
  19. color: rgba(66, 70, 86, 1);
  20. background: rgba(250, 252, 255, 1);
  21. }
  22. .water-price .box .title .unit {
  23. color:rgba(104,107,120,1);
  24. margin-left: 20rpx;
  25. }
  26. .water-price .wrap {
  27. background-color: #FFF;
  28. padding: 0 40rpx;
  29. }
  30. .water-price .item {
  31. border-bottom: 2rpx solid rgba(174, 203, 228, 0.3);
  32. display: flex;
  33. align-items: center;
  34. padding: 30rpx 0;
  35. }
  36. .water-price .item:last-child {
  37. border-bottom: none;
  38. }
  39. .water-price .item .label {
  40. font-size: 28rpx;
  41. font-weight: 400;
  42. color: rgba(104, 107, 120, 1);
  43. width: 170rpx;
  44. margin-right: 40rpx;
  45. }
  46. .water-price .item .content {
  47. width: calc(100% - 210rpx);
  48. font-size: 28rpx;
  49. font-weight: 400;
  50. color: rgba(66, 70, 86, 1);
  51. line-height: 40rpx;
  52. }
  53. .water-price .item .content text{
  54. display: inline-block;
  55. width: 50%;
  56. }
  57. .water-price .tips {
  58. padding: 0 40rpx;
  59. margin-top: 34rpx;
  60. font-size: 28rpx;
  61. color: rgba(164, 165, 167, 1);
  62. line-height: 40rpx;
  63. }