info.wxss 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .main .one .swiper.data-v-1041d103 {
  5. height: 70vw;
  6. }
  7. .main .one .swiper .list .image.data-v-1041d103 {
  8. width: 100%;
  9. height: 100%;
  10. }
  11. .main .bottom.data-v-1041d103 {
  12. position: absolute;
  13. top: 65vw;
  14. left: 0;
  15. right: 0;
  16. background-color: var(--mainColor);
  17. border-radius: 20px;
  18. padding: 2vw 0 0 0;
  19. display: flex;
  20. flex-direction: column;
  21. width: 100vw;
  22. height: 100vh;
  23. }
  24. .main .bottom .two.data-v-1041d103 {
  25. padding: 4vw 2vw;
  26. }
  27. .main .bottom .two .two_1.data-v-1041d103 {
  28. display: flex;
  29. justify-content: space-between;
  30. align-items: center;
  31. }
  32. .main .bottom .two .two_1 .name.data-v-1041d103 {
  33. width: 80vw;
  34. padding: 1vw 0;
  35. font-weight: bold;
  36. font-size: var(--font16Size);
  37. }
  38. .main .bottom .two .two_2.data-v-1041d103 {
  39. color: var(--f85Color);
  40. font-size: var(--font12Size);
  41. }
  42. .main .bottom .thr.data-v-1041d103 {
  43. padding: 0 2vw;
  44. }
  45. .main .bottom .thr .thr_1.data-v-1041d103 {
  46. display: flex;
  47. font-size: var(--font14Size);
  48. padding: 0 0 1vw 0;
  49. }
  50. .main .bottom .thr .thr_1 .left.data-v-1041d103 {
  51. padding: 0 1vw 0 0;
  52. font-weight: bold;
  53. }
  54. .main .bottom .thr .thr_1 .right.data-v-1041d103 {
  55. color: var(--f85Color);
  56. }
  57. .main .bottom .thr .thr_1 .right .text_1.data-v-1041d103 {
  58. font-size: var(--font14Size);
  59. color: var(--f3CColor);
  60. }
  61. .main .bottom .thr .thr_2.data-v-1041d103 {
  62. display: flex;
  63. justify-content: space-between;
  64. align-items: center;
  65. padding: 3vw 2vw;
  66. font-size: var(--font14Size);
  67. background-color: var(--f9Color);
  68. border-radius: 10px;
  69. margin: 2vw 0;
  70. }
  71. .main .bottom .thr .thr_2 .center.data-v-1041d103 {
  72. display: flex;
  73. align-items: center;
  74. width: 65vw;
  75. }
  76. .main .bottom .thr .thr_2 .center .center_1 text.data-v-1041d103 {
  77. margin: 0 1vw 0 0;
  78. padding: 2px;
  79. font-size: var(--font12Size);
  80. color: var(--mainColor);
  81. border-radius: 5px;
  82. background: linear-gradient(to right, #FFA500, #FF0000);
  83. }
  84. .main .bottom .thr .thr_2 .right.data-v-1041d103 {
  85. display: flex;
  86. align-items: center;
  87. font-size: var(--font14Size);
  88. color: var(--fF0Color);
  89. }
  90. .main .bottom .four.data-v-1041d103 {
  91. padding: 0 2vw;
  92. }
  93. .main .bottom .four.data-v-1041d103 .uni-collapse-item__title-box {
  94. padding: 0 !important;
  95. }
  96. .main .bottom .four .four_1.data-v-1041d103 {
  97. font-weight: bold;
  98. font-size: var(--font16Size);
  99. padding: 0 0 1vw 0;
  100. }
  101. .main .bottom .five.data-v-1041d103 {
  102. position: relative;
  103. flex-grow: 1;
  104. background-color: var(--f9Color);
  105. margin: 2vw 0 0 0;
  106. }
  107. .main .bottom .five .list.data-v-1041d103 {
  108. display: flex;
  109. background-color: var(--mainColor);
  110. border: 1px solid var(--f5Color);
  111. padding: 2vw;
  112. margin: 2vw 2vw 0 2vw;
  113. border-radius: 5px;
  114. }
  115. .main .bottom .five .list .image.data-v-1041d103 {
  116. width: 25vw;
  117. height: 25vw;
  118. border-radius: 5px;
  119. }
  120. .main .bottom .five .list .list_1.data-v-1041d103 {
  121. width: 63vw;
  122. padding: 0 0 0 2vw;
  123. }
  124. .main .bottom .five .list .list_1 .name.data-v-1041d103 {
  125. font-size: var(--font14Size);
  126. font-weight: bold;
  127. padding: 0 0 1vw 0;
  128. }
  129. .main .bottom .five .list .list_1 .other.data-v-1041d103 {
  130. font-size: var(--font12Size);
  131. padding: 0 0 2px 0;
  132. }
  133. .main .bottom .five .list .list_1 .other text.data-v-1041d103 {
  134. color: #000;
  135. }
  136. .main .bottom .five .list .list_1 .other_1.data-v-1041d103 {
  137. color: red;
  138. }
  139. .main .bottom .five .list .list_1 .other_2.data-v-1041d103 {
  140. color: var(--f85Color);
  141. }
  142. .main .bottom .five .list .list_1 .button.data-v-1041d103 {
  143. text-align: right;
  144. }
  145. .main .bottom .five .list .list_1 .button button.data-v-1041d103 {
  146. font-size: var(--font12Size);
  147. background-color: var(--f3CColor);
  148. }
  149. .uni-popup.data-v-1041d103 {
  150. z-index: 9999 !important;
  151. }
  152. .coupon.data-v-1041d103 {
  153. display: flex;
  154. flex-direction: column;
  155. width: 100vw;
  156. height: 60vh;
  157. background-color: var(--f9Color);
  158. }
  159. .coupon .close.data-v-1041d103 {
  160. display: flex;
  161. justify-content: space-between;
  162. padding: 2vw;
  163. }
  164. .coupon .close text.data-v-1041d103:first-child {
  165. font-size: var(--font16Size);
  166. font-weight: bold;
  167. }
  168. .coupon .info_1.data-v-1041d103 {
  169. position: relative;
  170. display: flex;
  171. flex-direction: column;
  172. height: 54vh;
  173. padding: 2vw;
  174. }
  175. .coupon .info_1 .list.data-v-1041d103 {
  176. background-color: var(--mainColor);
  177. border: 1px solid var(--f5Color);
  178. padding: 2vw;
  179. margin: 2vw 2vw 0 2vw;
  180. border-radius: 5px;
  181. }
  182. .coupon .info_1 .list .list_1.data-v-1041d103 {
  183. display: flex;
  184. justify-content: space-between;
  185. align-items: center;
  186. }
  187. .coupon .info_1 .list .list_1 .left.data-v-1041d103 {
  188. width: 20vw;
  189. display: flex;
  190. flex-direction: column;
  191. justify-content: center;
  192. align-items: center;
  193. padding: 3vw;
  194. color: var(--fF0Color);
  195. font-size: var(--font14Size);
  196. }
  197. .coupon .info_1 .list .list_1 .left .left_1 text.data-v-1041d103 {
  198. font-weight: bold;
  199. font-size: 25px;
  200. }
  201. .coupon .info_1 .list .list_1 .left .left_2.data-v-1041d103 {
  202. font-size: var(--font12Size);
  203. }
  204. .coupon .info_1 .list .list_1 .center.data-v-1041d103 {
  205. width: 40vw;
  206. }
  207. .coupon .info_1 .list .list_1 .center .name.data-v-1041d103 {
  208. font-size: var(--font14Size);
  209. font-weight: bold;
  210. margin: 0 0 1vw 0;
  211. }
  212. .coupon .info_1 .list .list_1 .center .content.data-v-1041d103 {
  213. color: var(--f85Color);
  214. font-size: var(--font12Size);
  215. }
  216. .coupon .info_1 .list .list_1 .right button.data-v-1041d103 {
  217. font-size: 12px;
  218. border-radius: 20px;
  219. background: linear-gradient(to right, #FFA500, #FF0000);
  220. }
  221. .coupon .info_1 .list .list_2.data-v-1041d103 {
  222. font-size: var(--font12Size);
  223. }
  224. .coupon .info_1 .list .list_2.data-v-1041d103 .uni-collapse-item__title-box {
  225. padding: 0 !important;
  226. font-size: 12px !important;
  227. }
  228. .coupon .info_1 .list .list_2.data-v-1041d103 .uni-collapse-item__title-text {
  229. font-size: 12px !important;
  230. }
  231. .coupon .info_1 .list .list_2 .content.data-v-1041d103 {
  232. padding: 2vw;
  233. }
  234. .scroll-view.data-v-1041d103 {
  235. position: absolute;
  236. top: 0;
  237. left: 0;
  238. right: 0;
  239. bottom: 0;
  240. }
  241. .scroll-view .list-scroll-view.data-v-1041d103 {
  242. display: flex;
  243. flex-direction: column;
  244. }
  245. .is_bottom.data-v-1041d103 {
  246. width: 100%;
  247. text-align: center;
  248. }
  249. .is_bottom text.data-v-1041d103 {
  250. padding: 2vw 0;
  251. display: inline-block;
  252. color: var(--f85Color);
  253. font-size: var(--font14Size);
  254. }