thxydetail.wxss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. page {
  2. padding: 20rpx;
  3. box-sizing: border-box;
  4. }
  5. page .info {
  6. padding: 20rpx 40rpx;
  7. color: #fff;
  8. line-height: 50rpx;
  9. font-size: 26rpx;
  10. background-size: 100% auto;
  11. background-repeat: no-repeat;
  12. background-color: #0DC6B6;
  13. background-position: top left;
  14. box-sizing: border-box;
  15. width: 100%;
  16. }
  17. page .info .tishi {
  18. width: 28rpx;
  19. height: 28rpx;
  20. margin: 0rpx 0 0 20rpx;
  21. }
  22. page .on {
  23. background-image: url('http://www.hnyfwlw.com:8006/bigdata_app/image/cb/onBg.png');
  24. }
  25. page .off {
  26. background-image: url('http://www.hnyfwlw.com:8006/bigdata_app/image/cb/offBg.png');
  27. }
  28. page .caobox {
  29. display: flex;
  30. flex-wrap: wrap;
  31. text-align: center;
  32. font-size: 28rpx;
  33. color: #666;
  34. line-height: 50rpx;
  35. }
  36. page .caobox image {
  37. width: 52rpx;
  38. }
  39. page .caobox .caobox_item {
  40. padding: 20rpx 0;
  41. box-sizing: border-box;
  42. flex-basis: 25%;
  43. }
  44. page .realtime {
  45. width: 95%;
  46. margin: 0rpx auto;
  47. }
  48. page .realtime .realtime_title {
  49. font-size: 32rpx;
  50. display: flex;
  51. justify-content: space-between;
  52. font-weight: 700;
  53. }
  54. page .realtime .realtime_title .span {
  55. color: #6e6c76;
  56. font-size: 24rpx;
  57. display: flex;
  58. justify-content: space-between;
  59. margin-top: 12rpx;
  60. }
  61. page .realtime .realtime_text {
  62. margin-top: 20rpx;
  63. display: flex;
  64. justify-content: space-between;
  65. flex-wrap: wrap;
  66. }
  67. page .realtime .realtime_text .realtime_item {
  68. width: 48%;
  69. height: 100rpx;
  70. display: flex;
  71. box-shadow: 0 0 10rpx #bcb9ca;
  72. margin-top: 20rpx;
  73. padding: 20rpx 0;
  74. }
  75. page .realtime .realtime_text .realtime_item image {
  76. width: 60rpx;
  77. height: 60rpx;
  78. margin: 20rpx 20rpx 20rpx 40rpx;
  79. }
  80. page .realtime .realtime_text .realtime_item .text {
  81. padding: 10rpx 0 10rpx 30rpx;
  82. }
  83. .btn-box {
  84. text-align: center;
  85. padding: 20rpx 30rpx;
  86. }
  87. .u-calendar__action {
  88. display: flex;
  89. justify-content: space-around;
  90. }
  91. .u-calendar__action .u-calendar__action__text {
  92. line-height: 25px;
  93. }