home.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. .main {
  2. float: left;
  3. width: 95%;
  4. height: 100%;
  5. /* background-image: linear-gradient(#ff0000, #ffffff); */
  6. background-color: #f6f6f6;
  7. padding: 30rpx 20rpx 0 20rpx;
  8. }
  9. .one {
  10. float: left;
  11. width: 100%;
  12. height: 150px;
  13. margin: 0 0 20rpx 0;
  14. }
  15. .one image {
  16. width: 100%;
  17. height: 150px;
  18. }
  19. .two {
  20. float: left;
  21. width: 100%;
  22. min-height: 200rpx;
  23. background-color: #ffffff;
  24. border: 1px solid #f1f1f1;
  25. border-radius: 10rpx;
  26. margin: 0 0 20rpx 0;
  27. }
  28. .two .btn {
  29. float: left;
  30. width: 25%;
  31. text-align: center;
  32. margin: 20rpx 0;
  33. }
  34. .two .btn image {
  35. width: 70rpx;
  36. height: 70rpx;
  37. }
  38. .two .btn text {
  39. float: left;
  40. width: 100%;
  41. text-align: center;
  42. }
  43. .three {
  44. float: left;
  45. width: 100%;
  46. min-height: 200rpx;
  47. margin: 0 0 20rpx 0;
  48. }
  49. .three .num {
  50. float: left;
  51. width: 46%;
  52. height: 150rpx;
  53. background-color: #ffffff;
  54. margin: 0 50rpx 20rpx 0;
  55. border-radius: 10rpx;
  56. box-shadow: 0 0 5rpx #ccc;
  57. }
  58. .three .num:nth-child(2n) {
  59. margin: 0;
  60. }
  61. .three .num .numOne {
  62. float: left;
  63. width: 100%;
  64. }
  65. .three .num .numOne text {
  66. float: left;
  67. margin: 25rpx 0 0 20rpx;
  68. font-family: monospace;
  69. font-weight: bold;
  70. }
  71. .three .num .numOne image {
  72. width: 60rpx;
  73. height: 60rpx;
  74. float: right;
  75. margin: 15rpx 20rpx 0 0;
  76. }
  77. .three .num .numTwo {
  78. float: left;
  79. width: 100%;
  80. text-align: center;
  81. padding: 15rpx 0;
  82. font-weight: bold;
  83. }
  84. .three .num:nth-child(1) .numTwo {
  85. color: #00FFFF;
  86. }
  87. .three .num:nth-child(2) .numTwo {
  88. color: #00FF00;
  89. }
  90. .three .num:nth-child(3) .numTwo {
  91. color: #FFA500;
  92. }
  93. .three .num:nth-child(4) .numTwo {
  94. color: #ff0000;
  95. }
  96. .four {
  97. float: left;
  98. width: 100%;
  99. min-height: 200rpx;
  100. background-color: #ffffff;
  101. border: 1px solid #f1f1f1;
  102. border-radius: 10rpx;
  103. margin: 0 0 20rpx 0;
  104. }
  105. .four .num {
  106. float: left;
  107. width: 25%;
  108. text-align: center;
  109. margin: 20rpx 0;
  110. }
  111. .four .num image {
  112. width: 70rpx;
  113. height: 70rpx;
  114. }
  115. .four .num text {
  116. float: left;
  117. width: 100%;
  118. text-align: center;
  119. }
  120. /* 公共标题样式 */
  121. .comTitle {
  122. float: left;
  123. width: 96%;
  124. font-size: 40rpx;
  125. padding: 10rpx 15rpx;
  126. font-weight: bold;
  127. }