coupon.wxss 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257
  1. @charset "UTF-8";
  2. .text-center.data-v-2d0c424c {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-2d0c424c {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-2d0c424c {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-2d0c424c {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-2d0c424c {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-2d0c424c {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-2d0c424c {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-2d0c424c {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-2d0c424c {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .nav.data-v-2d0c424c {
  39. height: 270rpx;
  40. width: 100%;
  41. color: #353535;
  42. font-size: 15px;
  43. background-image: url(data:image/png;base64,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);
  44. background-size: 100% 100%;
  45. padding: 0 90rpx;
  46. }
  47. .nav > view.data-v-2d0c424c {
  48. width: 50%;
  49. }
  50. .price.data-v-2d0c424c {
  51. height: 270rpx;
  52. line-height: 270rpx;
  53. font-size: 22px;
  54. text-align: center;
  55. }
  56. .price text.data-v-2d0c424c {
  57. font-size: 40px;
  58. }
  59. .name.data-v-2d0c424c {
  60. font-size: 40rpx;
  61. width: 100%;
  62. overflow: hidden;
  63. text-overflow: ellipsis;
  64. white-space: nowrap;
  65. }
  66. .need-price.data-v-2d0c424c {
  67. height: 140rpx;
  68. line-height: 140rpx;
  69. padding-left: 24rpx;
  70. font-size: 16px;
  71. color: #353535;
  72. border-bottom: 1rpx solid #ededed;
  73. }
  74. .need-price text.data-v-2d0c424c {
  75. font-size: 24px;
  76. }
  77. .about.data-v-2d0c424c {
  78. padding: 40rpx 24rpx;
  79. color: #666;
  80. font-size: 15px;
  81. }
  82. .title.data-v-2d0c424c {
  83. font-size: 15px;
  84. margin-bottom: 30rpx;
  85. color: #353535;
  86. }
  87. .title view.data-v-2d0c424c {
  88. display: inline-block;
  89. height: 20rpx;
  90. width: 6rpx;
  91. margin-right: 8rpx;
  92. background-color: #ff4544;
  93. }
  94. .content.data-v-2d0c424c {
  95. padding-bottom: 130rpx;
  96. }
  97. .exchange.data-v-2d0c424c {
  98. z-index: 10;
  99. border-top: 1rpx solid #e2e2e2;
  100. position: fixed;
  101. bottom: 0;
  102. left: 0;
  103. right: 0;
  104. background-color: #fff;
  105. height: 120rpx;
  106. }
  107. .exchange.iphone_x.data-v-2d0c424c {
  108. padding-bottom: 50rpx;
  109. height: 170rpx;
  110. }
  111. .coupon-exchange.data-v-2d0c424c {
  112. margin-top: 20rpx;
  113. margin-left: 5%;
  114. height: 80rpx;
  115. line-height: 80rpx;
  116. width: 90%;
  117. border-radius: 40rpx;
  118. background-color: #ff4544;
  119. text-align: center;
  120. font-size: 16px;
  121. color: #fff;
  122. padding: 0;
  123. }
  124. .coupon-exchange.data-v-2d0c424c::after {
  125. border: 0;
  126. }
  127. .dialog-bg.data-v-2d0c424c {
  128. position: fixed;
  129. left: 0;
  130. top: 0;
  131. height: 100%;
  132. width: 100%;
  133. background-color: rgba(0, 0, 0, 0.3);
  134. }
  135. .dialog.data-v-2d0c424c {
  136. width: 574rpx;
  137. margin: 0 auto;
  138. background-color: #fff;
  139. position: fixed;
  140. top: 25%;
  141. left: 0;
  142. right: 0;
  143. border-radius: 16rpx;
  144. }
  145. .close.data-v-2d0c424c {
  146. height: 30rpx;
  147. width: 30rpx;
  148. position: absolute;
  149. right: 22rpx;
  150. top: 22rpx;
  151. z-index: 10;
  152. }
  153. .lose.data-v-2d0c424c {
  154. padding: 88rpx 0 88rpx 90rpx;
  155. height: 310rpx;
  156. font-size: 15px;
  157. color: #353535;
  158. }
  159. .lose-img.data-v-2d0c424c {
  160. height: 134rpx;
  161. width: 124rpx;
  162. margin-right: 48rpx;
  163. display: block;
  164. float: left;
  165. }
  166. .lose-title.data-v-2d0c424c {
  167. font-size: 23px;
  168. font-weight: 500;
  169. margin: 15rpx 0;
  170. }
  171. .success.data-v-2d0c424c {
  172. height: 350rpx;
  173. background-color: #fff;
  174. text-align: center;
  175. padding-top: 150rpx;
  176. font-size: 18px;
  177. color: #353535;
  178. border-radius: 16rpx;
  179. }
  180. .success-head.data-v-2d0c424c {
  181. height: 332rpx;
  182. width: 574rpx;
  183. position: absolute;
  184. top: -215rpx;
  185. left: 0;
  186. }
  187. .to-card.data-v-2d0c424c, .to-use.data-v-2d0c424c {
  188. margin-top: 44rpx;
  189. height: 64rpx;
  190. border-radius: 32rpx;
  191. line-height: 64rpx;
  192. width: 228rpx;
  193. font-size: 16px;
  194. }
  195. .to-card.data-v-2d0c424c::after, .to-use.data-v-2d0c424c::after {
  196. border: 0;
  197. }
  198. .to-card.data-v-2d0c424c {
  199. background-color: #fff;
  200. color: #353535;
  201. border: 1rpx solid #999;
  202. }
  203. .to-use.data-v-2d0c424c {
  204. background-color: #ff4544;
  205. color: #fff;
  206. }
  207. .success-btn.data-v-2d0c424c {
  208. padding: 0 39rpx;
  209. }
  210. .dialog-tip.data-v-2d0c424c {
  211. position: fixed;
  212. top: 400rpx;
  213. left: 0;
  214. right: 0;
  215. padding-bottom: 88rpx;
  216. width: 640rpx;
  217. margin: 0 auto;
  218. z-index: 221;
  219. background-color: #fff;
  220. border-radius: 10px;
  221. text-align: center;
  222. font-size: 30rpx;
  223. }
  224. .dialog-msg.data-v-2d0c424c {
  225. margin: 0 50rpx 50rpx;
  226. }
  227. .dialog-title.data-v-2d0c424c {
  228. margin: 40rpx auto 35rpx;
  229. }
  230. .dialog-btn.data-v-2d0c424c {
  231. height: 88rpx;
  232. width: 640rpx;
  233. border-top: 1rpx solid #e2e2e2;
  234. line-height: 88rpx;
  235. position: absolute;
  236. bottom: 0;
  237. left: 0;
  238. }
  239. .dialog-close.data-v-2d0c424c, .dialog-submit.data-v-2d0c424c {
  240. width: 50%;
  241. }
  242. .line.data-v-2d0c424c {
  243. height: 44rpx;
  244. margin-top: 22rpx;
  245. width: 1rpx;
  246. background-color: #e2e2e2;
  247. }
  248. .dialog-submit.data-v-2d0c424c {
  249. color: #ff4544;
  250. }
  251. .nav .right.data-v-2d0c424c {
  252. height: 270rpx;
  253. width: 320rpx;
  254. padding-left: 10rpx;
  255. font-size: 26rpx;
  256. }