goods.wxss 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
  1. @charset "UTF-8";
  2. .text-center.data-v-6a8ecce1 {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-6a8ecce1 {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-6a8ecce1 {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-6a8ecce1 {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-6a8ecce1 {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-6a8ecce1 {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-6a8ecce1 {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-6a8ecce1 {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-6a8ecce1 {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .vip-card.data-v-6a8ecce1 {
  39. padding: 0 20rpx 20rpx;
  40. background-color: #fff;
  41. }
  42. .merchant-guarantee.data-v-6a8ecce1 {
  43. margin-top: 20rpx;
  44. }
  45. .app-goods.data-v-6a8ecce1 {
  46. background-color: #f7f7f7;
  47. }
  48. .attr.data-v-6a8ecce1 {
  49. margin: 20rpx 0;
  50. }
  51. .marketing.data-v-6a8ecce1 {
  52. margin-top: 20rpx;
  53. }
  54. .buttons.data-v-6a8ecce1 {
  55. width: 750rpx;
  56. height: 110rpx;
  57. }
  58. .buttons .app-home.data-v-6a8ecce1 {
  59. width: 14%;
  60. height: 110rpx;
  61. background-color: white;
  62. }
  63. .buttons .app-home .app-view.data-v-6a8ecce1 {
  64. width: 105rpx;
  65. height: 110rpx;
  66. }
  67. .buttons .app-home .app-view image.data-v-6a8ecce1 {
  68. width: 40rpx;
  69. height: 40rpx;
  70. }
  71. .buttons .app-home .app-view text.data-v-6a8ecce1 {
  72. font-size: 18rpx;
  73. color: #707070;
  74. }
  75. .buttons .app-button.data-v-6a8ecce1 {
  76. width: 86%;
  77. height: 110rpx;
  78. text-align: center;
  79. line-height: 110rpx;
  80. }
  81. .buttons .app-button .app-join-cart.data-v-6a8ecce1 {
  82. height: 110rpx;
  83. }
  84. .buttons .app-button .app-buy.data-v-6a8ecce1 {
  85. height: 110rpx;
  86. color: white;
  87. }
  88. .buttons .app-button .notStart.data-v-6a8ecce1 {
  89. width: 100%;
  90. height: 110rpx;
  91. color: #FFF;
  92. }
  93. .buttons .app-button .notStart > view.data-v-6a8ecce1 {
  94. width: 50%;
  95. }
  96. .buttons .app-button .app-over.data-v-6a8ecce1 {
  97. height: 110rpx;
  98. background: #666;
  99. color: #FFF;
  100. }
  101. .product-list.data-v-6a8ecce1 {
  102. background-color: white;
  103. }
  104. .join-member.data-v-6a8ecce1 {
  105. background-color: #fff;
  106. padding: 0 24rpx;
  107. }
  108. .app-bottom.data-v-6a8ecce1 {
  109. background-color: white;
  110. position: fixed;
  111. bottom: 0;
  112. left: 0;
  113. width: 100%;
  114. }
  115. .text.data-v-6a8ecce1 {
  116. color: #fff;
  117. }
  118. .goods-name.data-v-6a8ecce1 {
  119. padding: 24rpx 24rpx 0 24rpx;
  120. background-color: #fff;
  121. color: #353535;
  122. }
  123. .goods-subtitle.data-v-6a8ecce1 {
  124. padding: 24rpx 24rpx 0 24rpx;
  125. font-size: 24rpx;
  126. background-color: #ffffff;
  127. color: #999999;
  128. }
  129. .price-title-share.data-v-6a8ecce1 {
  130. padding-top: 24rpx;
  131. background-color: #fff;
  132. }
  133. .f-timing.data-v-6a8ecce1 {
  134. width: 750rpx;
  135. height: 88rpx;
  136. position: relative;
  137. }
  138. .f-timing .f-image.data-v-6a8ecce1 {
  139. width: 750rpx;
  140. height: 88rpx;
  141. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAABYCAMAAACdz4K5AAAAsVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+3mHKcAAAAOnRSTlMA8vkRG/u1gicC7uNUawnqPSzfIwT0XhUG1ce7RVnCL8sMT9nSe0ujz57cH+czN5mwp/Z0lGSQig+rNKGHuwAAC9RJREFUeNrswbENABAQAMBP9EJ0VCoriP0H05pB7i4AAAAAAAAAAAAAAAAAgH+VVQL+k/ecO+V4tXF6DS679tp1KBQFcHyXWzddhJRUiIqEnsizv/8Hm3MqBsvMmouZtWbW+b04rFTe/LEF87+ZrKIkiaIF3LEiRPQEYJj/gVgtxtrVd4sBUoXgmyLU1BKpqQkM8x+4DMkyP0uyPJB5JDpyuOlD4wNrhzYwzL/PmtDcE7xn+1BTJGwcWe/Mf6BFc1cL5AmsaTOo6QO8ObaAYf4yd6EQs/H4dDr1+7PLtv/Rf+HUV+bwQyYiWcRsrCiLVYoEv3dVqAgB3tmrwDB/1yZNU42QJInjONt3JX5EcU9G0zb8rN0GiZECtfYUKU7G2nkCV6I4nKgXy9oKfpa5a3ahkvkzNLwn++scX3N+OvdmdhnNoKJGSGiRa/S7GhKdcggA7Y/yvE8+D1PPiUN7uRkM5LQHxLrHqmfebIkUF3YdHhEHhlv335HSwWZJ2bbc+cXcs8197mUHUU70FoBo6WWQI/I0a33Ddzr4qKRDUcSH4zncDIfAML/JRupsthZalbueIpXOdr7vG5Qw5pAITLhc5pSqqpOKCM/Eh82+jQS3BqrPoVzo137V7SySq951GZ/RzbBOEbnPXlmei2K/T5JoDwzzm0KkPgAEuRpmsjr3gQk3OwmJuJ0dD5/HYxQlyb4gzsUCnrl0s/CYe95zVRDHklZmKtxRs76Xn8U6d57Pc07S0tE193mEVOcrDhjmN8VIkb7aISLvmHV9qPV1111Ti/WqajC2xjw+2g9b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);
  142. background-repeat: no-repeat;
  143. background-size: 100% 100%;
  144. }
  145. .f-timing .f-activity.data-v-6a8ecce1 {
  146. height: 37rpx;
  147. border-radius: 19rpx;
  148. background-color: #fff;
  149. padding: 0rpx 17rpx;
  150. line-height: 37rpx;
  151. font-size: 24rpx;
  152. position: absolute;
  153. left: 215rpx;
  154. top: 50%;
  155. -webkit-transform: translateY(-50%);
  156. transform: translateY(-50%);
  157. }
  158. .f-timing .f-content.data-v-6a8ecce1 {
  159. position: absolute;
  160. right: 20rpx;
  161. top: 0;
  162. height: 88rpx;
  163. }
  164. .f-timing .f-content .app-text.data-v-6a8ecce1 {
  165. font-size: 22rpx;
  166. color: #fff;
  167. text-align: center;
  168. margin-top: 6rpx;
  169. }
  170. .f-timing .f-content .over-text.data-v-6a8ecce1 {
  171. font-size: 32rpx;
  172. line-height: 88rpx;
  173. margin-top: 0;
  174. }
  175. .f-timing .f-content .app-time.data-v-6a8ecce1 {
  176. color: white;
  177. height: 36rpx;
  178. font-size: 26rpx;
  179. margin-top: 6rpx;
  180. }
  181. .f-timing .f-content .app-time .app-num.data-v-6a8ecce1 {
  182. display: inline-block;
  183. width: 44rpx;
  184. height: 36rpx;
  185. line-height: 36rpx;
  186. background-color: white;
  187. border-radius: 8rpx;
  188. color: #353535;
  189. text-align: center;
  190. }
  191. .f-timing .f-content .app-time .app-right.data-v-6a8ecce1 {
  192. margin: 0 4rpx;
  193. }
  194. .u-coupon.data-v-6a8ecce1 {
  195. margin-top: 20rpx;
  196. }
  197. .u-bottom-fixed.data-v-6a8ecce1 {
  198. position: fixed;
  199. bottom: 0;
  200. left: 0;
  201. width: 100%;
  202. z-index: 1500;
  203. background-color: #ffffff;
  204. }
  205. .u-bottom-height.data-v-6a8ecce1 {
  206. height: 110rpx;
  207. }
  208. .u-bottom-height-0.data-v-6a8ecce1 {
  209. height: 110rpx;
  210. }
  211. .u-bottom-height-1.data-v-6a8ecce1 {
  212. height: 190rpx;
  213. }
  214. .bd-bottom.data-v-6a8ecce1 {
  215. height: 110rpx;
  216. width: 750rpx;
  217. padding: 20rpx 24rpx;
  218. }
  219. .bd-back.data-v-6a8ecce1 {
  220. width: 66rpx;
  221. height: 100%;
  222. margin-right: 20rpx;
  223. font-size: 20rpx;
  224. color: #888888;
  225. }
  226. .bd-btn-half.data-v-6a8ecce1 {
  227. width: 50%;
  228. }
  229. .bd-icon.data-v-6a8ecce1 {
  230. width: 30rpx;
  231. height: 30rpx;
  232. margin-bottom: 8rpx;
  233. }
  234. .bd-button.data-v-6a8ecce1 {
  235. text-align: center;
  236. line-height: 70rpx;
  237. font-size: 28rpx;
  238. border-radius: 35rpx;
  239. }
  240. .bd-btn-left.data-v-6a8ecce1 {
  241. border-top-right-radius: 0;
  242. border-bottom-right-radius: 0;
  243. }
  244. .bd-btn-right.data-v-6a8ecce1 {
  245. border-top-left-radius: 0;
  246. border-bottom-left-radius: 0;
  247. color: #ffffff;
  248. }
  249. .bd-oversell-btn.data-v-6a8ecce1 {
  250. background-color: #CDCDCD;
  251. color: #ffffff;
  252. }