goods.wxss 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340
  1. @charset "UTF-8";
  2. .text-center.data-v-2eeb055a {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-2eeb055a {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-2eeb055a {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-2eeb055a {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-2eeb055a {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-2eeb055a {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-2eeb055a {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-2eeb055a {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-2eeb055a {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .time-bg.data-v-2eeb055a {
  39. width: 100%;
  40. height: 88rpx;
  41. }
  42. .time-bg .icon-time.data-v-2eeb055a {
  43. position: relative;
  44. height: 100%;
  45. width: 710rpx;
  46. background-repeat: no-repeat;
  47. background-size: 100% auto;
  48. }
  49. .time-bg .time-desc.data-v-2eeb055a {
  50. position: absolute;
  51. font-size: 26rpx;
  52. left: 0;
  53. right: 0;
  54. margin: 0 auto;
  55. color: #353535;
  56. }
  57. .time-bg .time-box.data-v-2eeb055a {
  58. height: 42rpx;
  59. color: #fff;
  60. width: 46rpx;
  61. line-height: 42rpx;
  62. text-align: center;
  63. background-color: #666;
  64. border-radius: 4rpx;
  65. margin: 0 10rpx;
  66. }
  67. .activity.data-v-2eeb055a {
  68. font-size: 28rpx;
  69. color: #353535;
  70. padding: 24rpx;
  71. background: #FFFFFF;
  72. width: 702rpx;
  73. border-radius: 15rpx 15rpx 0 0;
  74. margin: 24rpx 24rpx 0 24rpx;
  75. }
  76. .activity .user-img.data-v-2eeb055a {
  77. height: 96rpx;
  78. width: 96rpx;
  79. display: block;
  80. margin-right: 34rpx;
  81. }
  82. .activity .yellow.data-v-2eeb055a {
  83. color: #ff8c40;
  84. }
  85. .activity .current.data-v-2eeb055a {
  86. margin-top: 20rpx;
  87. font-size: 38rpx;
  88. color: #ff4544;
  89. }
  90. .activity .progress-box.data-v-2eeb055a {
  91. width: 100%;
  92. height: 40rpx;
  93. border-radius: 20rpx;
  94. border: 1px solid #ff5c5c;
  95. overflow: hidden;
  96. margin-top: 28rpx;
  97. margin-bottom: 16rpx;
  98. }
  99. .activity .progress-view.data-v-2eeb055a {
  100. width: 50%;
  101. height: 100%;
  102. border-radius: 20rpx;
  103. background-color: #ff9f9f;
  104. }
  105. .activity .price.data-v-2eeb055a {
  106. font-size: 26rpx;
  107. color: #666666;
  108. padding-bottom: 20rpx;
  109. }
  110. .goods.data-v-2eeb055a {
  111. width: 702rpx;
  112. border-radius: 15rpx 15rpx 0 0;
  113. margin: 24rpx 24rpx 0 24rpx;
  114. background: #FFFFFF;
  115. padding: 32rpx 24rpx 40rpx;
  116. color: #999999;
  117. }
  118. .goods .name.data-v-2eeb055a {
  119. color: #353535;
  120. margin-bottom: 32rpx;
  121. font-size: 32rpx;
  122. }
  123. .goods .goods-subtitle.data-v-2eeb055a {
  124. font-size: 24rpx;
  125. background-color: #ffffff;
  126. color: #999999;
  127. margin-bottom: 24rpx;
  128. }
  129. .goods .detail.data-v-2eeb055a {
  130. color: #999999;
  131. font-size: 28rpx;
  132. }
  133. .goods .detail .end.data-v-2eeb055a {
  134. line-height: 1;
  135. }
  136. .goods .detail .red.data-v-2eeb055a {
  137. color: #ff4544;
  138. }
  139. .goods .detail .price.data-v-2eeb055a {
  140. font-size: 46rpx;
  141. }
  142. .goods .detail .del.data-v-2eeb055a {
  143. margin-left: 16rpx;
  144. text-decoration: line-through;
  145. }
  146. .goods .detail .num.data-v-2eeb055a {
  147. margin-top: 32rpx;
  148. }
  149. .goods .detail .num view.data-v-2eeb055a:first-child {
  150. margin-right: 32rpx;
  151. }
  152. .goods .share.data-v-2eeb055a {
  153. margin-right: -24rpx;
  154. height: 48rpx;
  155. border-radius: 40rpx 0 0 40rpx;
  156. padding: 0 14rpx;
  157. width: 103rpx;
  158. }
  159. .goods .share .bd-icon.data-v-2eeb055a {
  160. height: 22rpx;
  161. width: 22rpx;
  162. }
  163. .goods .share view.data-v-2eeb055a {
  164. font-size: 22rpx;
  165. color: #ffffff;
  166. margin-left: 10rpx;
  167. }
  168. .circuit-label.data-v-2eeb055a {
  169. height: 88rpx;
  170. color: #ff4544;
  171. width: 702rpx;
  172. margin: 24rpx 24rpx 0 24rpx;
  173. font-size: 32rpx;
  174. background: #FFFFFF;
  175. border-bottom: 1px solid #e2e2e2;
  176. }
  177. .circuit-label .icon-circuit.data-v-2eeb055a {
  178. height: 34rpx;
  179. width: 34rpx;
  180. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAY1BMVEUAAAD/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFz/XFwjxQdLAAAAIHRSTlMAqLEyOwb3mg1dKm0X5M62fyLyvqCHU0TrxXZyYk3aj6x4dd0AAAFESURBVDjLjZPpkoMgEIQbRBDvO+bYpN//KVcnSWVVTO33Q5QZh+meAhvMMBh8xXFG4QsXUiuyxjGWGeBpY4TJkdA+EyMk2JMopqBNJCVprN5ViiYyw5ll2swPXMkiwooTWZgYKYUIsSnI06oG+Szc6GLS8nusSfPJiFtW2FGx/Xz0LBCgYI8X6XJ6AEOmeKJ2lm8DiSSHiMi34DsOuL+ED3zggJ5O1o5XHJCxlJX0OOCHlPWW5Tggzzz+Sep0b4KanXbi6ciZUMdeAl6M624qMIKG1De9BGrRpfczGKjFEYeKtajrsKGjl4Cak8/zm9tXeciWplt6qXwf6CUltVekeTdeh9xfyES+KvUJeb4xtoHRpTZ/dmhX9hnLZnuyJSsTQ4hNRbYmcBvJSV3G8aImkioJjUS1fNGqCGHisXZKuXpc3edfG40ZcnuJ5sUAAAAASUVORK5CYII=);
  181. background-repeat: no-repeat;
  182. background-size: 100% auto;
  183. margin: 0 16rpx;
  184. }
  185. .user-scroll.data-v-2eeb055a {
  186. max-height: 264rpx;
  187. }
  188. .info.data-v-2eeb055a {
  189. width: 100%;
  190. border-radius: 16rpx;
  191. background-color: #fff7f7;
  192. padding: 32rpx 24rpx;
  193. }
  194. .info .nickname.data-v-2eeb055a {
  195. max-width: 200rpx;
  196. word-break: break-all;
  197. text-overflow: ellipsis;
  198. display: -webkit-box;
  199. -webkit-box-orient: vertical;
  200. -webkit-line-clamp: 1;
  201. overflow: hidden;
  202. }
  203. .info .red.data-v-2eeb055a {
  204. color: #ff4544;
  205. }
  206. .info image.data-v-2eeb055a {
  207. width: 64rpx;
  208. height: 64rpx;
  209. margin-right: 24rpx;
  210. }
  211. .info .item.data-v-2eeb055a {
  212. margin-bottom: 32rpx;
  213. }
  214. .info .item.data-v-2eeb055a:last-child {
  215. margin-bottom: 0;
  216. }
  217. .circuit-value.data-v-2eeb055a {
  218. padding-top: 20rpx;
  219. background: #FFFFFF;
  220. padding-bottom: 30rpx;
  221. width: 702rpx;
  222. border-radius: 0 0 15rpx 15rpx;
  223. margin: 0 24rpx;
  224. }
  225. .circuit-value .icon-circuit-i.data-v-2eeb055a {
  226. height: 72rpx;
  227. width: 72rpx;
  228. }
  229. .circuit-value .name.data-v-2eeb055a {
  230. font-size: 24rpx;
  231. color: #999999;
  232. margin-top: 20rpx;
  233. }
  234. .circuit-value .icon-circuit-j.data-v-2eeb055a {
  235. margin-top: 19rpx;
  236. height: 34rpx;
  237. width: 52rpx;
  238. }
  239. .circuit-value > view.data-v-2eeb055a {
  240. margin: 0 10rpx;
  241. }
  242. .activity-time.data-v-2eeb055a {
  243. padding-bottom: 40rpx;
  244. background: #FFFFFF;
  245. padding-left: 20rpx;
  246. width: 702rpx;
  247. border-radius: 0 0 15rpx 15rpx;
  248. margin: 0 24rpx;
  249. }
  250. .activity-time view.data-v-2eeb055a {
  251. padding-top: 28rpx;
  252. font-size: 28rpx;
  253. color: #666666;
  254. }
  255. .activity-time view.data-v-2eeb055a:before {
  256. content: '●';
  257. margin-right: 20rpx;
  258. }
  259. .bargain-goods-bottom.data-v-2eeb055a {
  260. height: 120rpx;
  261. width: 100%;
  262. background: #FFFFFF;
  263. }
  264. .bargain-goods-bottom .btn.data-v-2eeb055a {
  265. font-size: 32rpx;
  266. height: 80rpx;
  267. line-height: 80rpx;
  268. text-align: center;
  269. width: 702rpx;
  270. border-radius: 40rpx;
  271. }
  272. .bargain-goods-bottom .default-btn.data-v-2eeb055a {
  273. background: -webkit-linear-gradient(#ff9292, #fc6969);
  274. background: linear-gradient(#ff9292, #fc6969);
  275. }
  276. .bargain-goods-bottom .btn.shop.data-v-2eeb055a {
  277. width: 346rpx;
  278. }
  279. .bargain-goods-bottom .btn.friend.data-v-2eeb055a {
  280. width: 346rpx;
  281. margin-left: 12rpx;
  282. }
  283. .bargain-goods-bottom .default-friend.data-v-2eeb055a {
  284. background: -webkit-linear-gradient(#ffc46b, #ffa13c);
  285. background: linear-gradient(#ffc46b, #ffa13c);
  286. color: #ffffff;
  287. }
  288. .attr-box.data-v-2eeb055a {
  289. width: 702rpx;
  290. margin: 0 24rpx 0 24rpx;
  291. border-radius: 0 0 15rpx 15rpx;
  292. padding: 0 24rpx;
  293. background: #ffffff;
  294. }
  295. .attr-box .attr.data-v-2eeb055a {
  296. padding: 28rpx 0;
  297. border-top: 1rpx solid #eeeeee;
  298. }
  299. .attr-box .attr .left.data-v-2eeb055a {
  300. color: #666666;
  301. margin-right: 24rpx;
  302. font-size: 24rpx;
  303. }
  304. .attr-box .attr .left view.data-v-2eeb055a {
  305. border: 1rpx solid #666666;
  306. padding: 8rpx 16px;
  307. border-radius: 30rpx;
  308. }
  309. .attr-box .attr .right.data-v-2eeb055a {
  310. font-size: 26rpx;
  311. margin-top: 10rpx;
  312. }
  313. .attr-box .attr .right .attr-item.data-v-2eeb055a {
  314. margin-right: 10rpx;
  315. }
  316. .text.data-v-2eeb055a {
  317. color: #ffffff;
  318. }
  319. .goods-margin.data-v-2eeb055a {
  320. margin-top: 20rpx;
  321. }
  322. .u-bottom-fixed.data-v-2eeb055a {
  323. position: fixed;
  324. bottom: 0;
  325. left: 0;
  326. width: 100%;
  327. z-index: 999;
  328. background-color: #ffffff;
  329. }
  330. .u-bottom-height.data-v-2eeb055a {
  331. height: 110rpx;
  332. }
  333. .bd-detail.data-v-2eeb055a {
  334. width: 702rpx;
  335. background-color: #ffffff;
  336. padding: 20rpx 0;
  337. margin: 0 24rpx;
  338. border-radius: 0 0 15rpx 15rpx;
  339. }