home.wxss 2.1 KB

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