xiaoe_mp_npm 0.5.42-test2 → 0.5.42-test21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/miniprogram_dist/ConfirmOrder/components/ConfirmOrderContent/index.scss +45 -0
  2. package/miniprogram_dist/ConfirmOrder/components/ConfirmOrderContent/index.wxss +37 -1
  3. package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/index.scss +223 -0
  4. package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/index.wxss +522 -36
  5. package/miniprogram_dist/ConfirmOrder/components/IntegralSelect/index.scss +91 -0
  6. package/miniprogram_dist/ConfirmOrder/components/IntegralSelect/index.wxss +170 -14
  7. package/miniprogram_dist/ConfirmOrder/components/Invoice/index.scss +61 -0
  8. package/miniprogram_dist/ConfirmOrder/components/Invoice/index.wxss +68 -2
  9. package/miniprogram_dist/ConfirmOrder/components/LeaveWord/index.scss +40 -0
  10. package/miniprogram_dist/ConfirmOrder/components/LeaveWord/index.wxss +26 -2
  11. package/miniprogram_dist/ConfirmOrder/components/PayBar/index.scss +62 -0
  12. package/miniprogram_dist/ConfirmOrder/components/PayBar/index.wxss +81 -3
  13. package/miniprogram_dist/ConfirmOrder/components/PayDetail/index.scss +41 -0
  14. package/miniprogram_dist/ConfirmOrder/components/PayDetail/index.wxss +35 -3
  15. package/miniprogram_dist/CouponList/components/CouponItem/index.css +1715 -1715
  16. package/miniprogram_dist/CouponList/components/CouponItem/index.js +31 -22
  17. package/miniprogram_dist/CouponList/components/CouponItem/index.min.css +1 -1
  18. package/miniprogram_dist/CouponList/components/CouponItem/index.wxml +6 -2
  19. package/miniprogram_dist/CouponList/components/CouponItem/index.wxss +1037 -79
  20. package/miniprogram_dist/CouponList/couponColumn/index.js +5 -1
  21. package/miniprogram_dist/CouponList/couponColumn/index.scss +118 -0
  22. package/miniprogram_dist/CouponList/couponColumn/index.wxml +1 -0
  23. package/miniprogram_dist/CouponList/couponColumn/index.wxss +221 -32
  24. package/miniprogram_dist/CouponReceivePopup/index.js +75 -0
  25. package/miniprogram_dist/CouponReceivePopup/index.json +6 -0
  26. package/miniprogram_dist/CouponReceivePopup/index.scss +99 -0
  27. package/miniprogram_dist/CouponReceivePopup/index.wxml +85 -0
  28. package/miniprogram_dist/CouponReceivePopup/index.wxss +75 -0
  29. package/miniprogram_dist/GoodsItem/index.js +7 -5
  30. package/miniprogram_dist/GoodsItem/index.scss +45 -22
  31. package/miniprogram_dist/GoodsItem/index.wxml +11 -11
  32. package/miniprogram_dist/GoodsItem/index.wxs +18 -18
  33. package/miniprogram_dist/GoodsItem/index.wxss +1273 -116
  34. package/miniprogram_dist/GoodsRecommend/index.scss +162 -0
  35. package/miniprogram_dist/GoodsRecommend/index.wxss +418 -33
  36. package/miniprogram_dist/LiveGoodsList/Header/index.scss +79 -0
  37. package/miniprogram_dist/LiveGoodsList/Header/index.wxss +148 -10
  38. package/miniprogram_dist/LiveGoodsList/index.js +167 -25
  39. package/miniprogram_dist/LiveGoodsList/index.scss +93 -0
  40. package/miniprogram_dist/LiveGoodsList/index.wxml +41 -19
  41. package/miniprogram_dist/LiveGoodsList/index.wxss +187 -19
  42. package/miniprogram_dist/PayModule/button/index.scss +45 -0
  43. package/miniprogram_dist/PayModule/button/index.wxss +46 -4
  44. package/miniprogram_dist/TeacherGoodsList/index.js +778 -585
  45. package/miniprogram_dist/TeacherGoodsList/index.scss +5 -2
  46. package/miniprogram_dist/TeacherGoodsList/index.wxml +42 -24
  47. package/miniprogram_dist/TeacherGoodsList/index.wxss +132 -14
  48. package/miniprogram_dist/common/api/liveGoodsList.js +10 -2
  49. package/miniprogram_dist/common/utils/index.js +14 -0
  50. package/miniprogram_dist/coupon/components/CouponItem/index.less +1 -0
  51. package/miniprogram_dist/coupon/components/CouponItem/index.scss +247 -0
  52. package/miniprogram_dist/coupon/components/CouponItem/index.wxss +677 -86
  53. package/miniprogram_dist/coupon/components/CouponSelect/index.scss +331 -0
  54. package/miniprogram_dist/coupon/components/CouponSelect/index.wxss +861 -59
  55. package/miniprogram_dist/coupon/index.scss +83 -0
  56. package/miniprogram_dist/coupon/index.wxss +171 -15
  57. package/package.json +2 -2
  58. package/src/ConfirmOrder/components/ConfirmOrderContent/index.scss +45 -0
  59. package/src/ConfirmOrder/components/ConfirmOrderContent/index.wxss +42 -1
  60. package/src/ConfirmOrder/components/GoodsInfo/index.scss +223 -0
  61. package/src/ConfirmOrder/components/GoodsInfo/index.wxss +552 -39
  62. package/src/ConfirmOrder/components/IntegralSelect/index.scss +91 -0
  63. package/src/ConfirmOrder/components/IntegralSelect/index.wxss +182 -14
  64. package/src/ConfirmOrder/components/Invoice/index.scss +61 -0
  65. package/src/ConfirmOrder/components/Invoice/index.wxss +75 -2
  66. package/src/ConfirmOrder/components/LeaveWord/index.scss +40 -0
  67. package/src/ConfirmOrder/components/LeaveWord/index.wxss +30 -2
  68. package/src/ConfirmOrder/components/PayBar/index.scss +62 -0
  69. package/src/ConfirmOrder/components/PayBar/index.wxss +87 -3
  70. package/src/ConfirmOrder/components/PayDetail/index.scss +41 -0
  71. package/src/ConfirmOrder/components/PayDetail/index.wxss +39 -3
  72. package/src/CouponList/components/CouponItem/index.css +1715 -1715
  73. package/src/CouponList/components/CouponItem/index.js +31 -22
  74. package/src/CouponList/components/CouponItem/index.min.css +1 -1
  75. package/src/CouponList/components/CouponItem/index.wxml +6 -2
  76. package/src/CouponList/components/CouponItem/index.wxss +1039 -85
  77. package/src/CouponList/couponColumn/index.js +5 -1
  78. package/src/CouponList/couponColumn/index.scss +118 -0
  79. package/src/CouponList/couponColumn/index.wxml +1 -0
  80. package/src/CouponList/couponColumn/index.wxss +236 -32
  81. package/src/CouponReceivePopup/index.js +75 -0
  82. package/src/CouponReceivePopup/index.json +6 -0
  83. package/src/CouponReceivePopup/index.scss +99 -0
  84. package/src/CouponReceivePopup/index.wxml +85 -0
  85. package/src/CouponReceivePopup/index.wxss +1 -0
  86. package/src/GoodsItem/index.js +7 -5
  87. package/src/GoodsItem/index.scss +45 -22
  88. package/src/GoodsItem/index.wxml +11 -11
  89. package/src/GoodsItem/index.wxs +18 -18
  90. package/src/GoodsItem/index.wxss +1331 -116
  91. package/src/GoodsRecommend/index.scss +162 -0
  92. package/src/GoodsRecommend/index.wxss +441 -33
  93. package/src/LiveGoodsList/Header/index.scss +79 -0
  94. package/src/LiveGoodsList/Header/index.wxss +156 -10
  95. package/src/LiveGoodsList/index.js +167 -25
  96. package/src/LiveGoodsList/index.scss +93 -0
  97. package/src/LiveGoodsList/index.wxml +41 -19
  98. package/src/LiveGoodsList/index.wxss +230 -50
  99. package/src/PayModule/button/index.scss +45 -0
  100. package/src/PayModule/button/index.wxss +50 -4
  101. package/src/TeacherGoodsList/index.js +778 -585
  102. package/src/TeacherGoodsList/index.scss +5 -2
  103. package/src/TeacherGoodsList/index.wxml +42 -24
  104. package/src/TeacherGoodsList/index.wxss +151 -14
  105. package/src/common/api/liveGoodsList.js +10 -2
  106. package/src/common/utils/index.js +14 -0
  107. package/src/coupon/components/CouponItem/index.less +1 -0
  108. package/src/coupon/components/CouponItem/index.scss +247 -0
  109. package/src/coupon/components/CouponItem/index.wxss +712 -86
  110. package/src/coupon/components/CouponSelect/index.scss +331 -0
  111. package/src/coupon/components/CouponSelect/index.wxss +910 -59
  112. package/src/coupon/index.scss +83 -0
  113. package/src/coupon/index.wxss +181 -15
  114. package/miniprogram_dist/GoodsItem/index.css +0 -1364
  115. package/miniprogram_dist/GoodsItem/index.less +0 -299
  116. package/miniprogram_dist/GoodsItem/index.min.css +0 -1
  117. package/miniprogram_dist/TeacherGoodsList/index.css +0 -187
  118. package/miniprogram_dist/TeacherGoodsList/index.min.css +0 -1
  119. package/src/GoodsItem/index.css +0 -1364
  120. package/src/GoodsItem/index.less +0 -299
  121. package/src/GoodsItem/index.min.css +0 -1
  122. package/src/TeacherGoodsList/index.css +0 -187
  123. package/src/TeacherGoodsList/index.min.css +0 -1
@@ -1,1364 +0,0 @@
1
- @charset "UTF-8";
2
- /* 主题色 */
3
- .theme-customize-bg {
4
- background: linear-gradient(180.25deg, #fe6500 0%, #ff4102 100%) !important;
5
- }
6
-
7
- .theme-customize-font {
8
- color: #1472FF !important;
9
- }
10
-
11
- .theme-customize-light-new {
12
- background-color: #9db8f1 !important;
13
- }
14
-
15
- .theme-customize-bg-light {
16
- background-color: #fff3eb !important;
17
- }
18
-
19
- .theme-customize-border {
20
- border-color: #FF781F !important;
21
- }
22
-
23
- @keyframes turn {
24
- 0% {
25
- transform: rotate(0deg);
26
- }
27
- 20% {
28
- transform: rotate(72deg);
29
- }
30
- 40% {
31
- transform: rotate(144deg);
32
- }
33
- 60% {
34
- transform: rotate(216deg);
35
- }
36
- 80% {
37
- transform: rotate(288deg);
38
- }
39
- 100% {
40
- transform: rotate(360deg);
41
- }
42
- }
43
-
44
- .goods-item {
45
- display: flex;
46
- min-height: 24vmin;
47
- background: #ffffff;
48
- border-radius: 2.13333vmin;
49
- flex-direction: column;
50
- margin-top: 4.26667vmin;
51
- }
52
-
53
- .goods-item .main-card {
54
- display: flex;
55
- flex-direction: row;
56
- }
57
-
58
- .goods-item .main-card .left {
59
- position: relative;
60
- width: 29.86667vmin;
61
- height: 29.86667vmin;
62
- }
63
-
64
- .goods-item .main-card .left .index {
65
- border-radius: 2.13333vmin 0 2.13333vmin 0;
66
- position: absolute;
67
- top: 0;
68
- left: 0;
69
- display: inline-flex;
70
- align-items: center;
71
- justify-content: center;
72
- min-width: 4.8vmin;
73
- height: 3.73333vmin;
74
- padding: 0.13333vmin 0.8vmin;
75
- font-size: 2.66667vmin;
76
- background: rgba(0, 0, 0, 0.6);
77
- color: #FFFFFF;
78
- }
79
-
80
- .goods-item .main-card .left .ios-index {
81
- background: rgba(0, 0, 0, 0.25);
82
- backdrop-filter: blur(3.2vmin);
83
- }
84
-
85
- .goods-item .main-card .left .goods-type {
86
- position: absolute;
87
- right: 1.06667vmin;
88
- bottom: 1.06667vmin;
89
- padding: 1.06667vmin 1.33333vmin;
90
- background: rgba(0, 0, 0, 0.4);
91
- border-radius: 1.06667vmin;
92
- color: #fff;
93
- font-size: 2.66667vmin;
94
- width: fit-content;
95
- display: flex;
96
- justify-content: center;
97
- align-items: center;
98
- height: 2.66667vmin;
99
- font-weight: 500;
100
- }
101
-
102
- .goods-item .main-card .left .goods-explaining {
103
- position: absolute;
104
- width: 32vmin;
105
- height: 4.8vmin;
106
- bottom: 0vmin;
107
- left: 0vmin;
108
- }
109
-
110
- .goods-item .main-card .left .ios-goods-type {
111
- background: rgba(0, 0, 0, 0.25) !important;
112
- backdrop-filter: blur(3.2vmin);
113
- }
114
-
115
- .goods-item .main-card .right {
116
- flex: 1;
117
- display: flex;
118
- flex-direction: column;
119
- margin-left: 2.13333vmin;
120
- height: 29.86667vmin;
121
- width: calc(100% - vmin(256));
122
- position: relative;
123
- }
124
-
125
- .goods-item .main-card .right .line-one {
126
- display: flex;
127
- align-items: center;
128
- height: 4.8vmin;
129
- }
130
-
131
- .goods-item .main-card .right .line-one .super-activity-type {
132
- background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
133
- color: #ff781f;
134
- padding: 0.53333vmin 1.06667vmin;
135
- font-size: 2.66667vmin;
136
- height: 4.26667vmin;
137
- width: max-content;
138
- line-height: 4.8vmin;
139
- flex-shrink: 0;
140
- margin-right: 1.06667vmin;
141
- border-radius: 0.53333vmin;
142
- display: flex;
143
- font-weight: 500;
144
- align-items: center;
145
- }
146
-
147
- .goods-item .main-card .right .line-one .super-activity-type .super-activity-txt {
148
- background: linear-gradient(to right, #FFE4AD, #FFC266);
149
- -webkit-background-clip: text;
150
- color: transparent;
151
- }
152
-
153
- .goods-item .main-card .right .line-one .goods-title {
154
- font-size: 3.73333vmin;
155
- color: #333333;
156
- word-break: break-all;
157
- display: inline-block;
158
- overflow: hidden;
159
- text-overflow: ellipsis;
160
- white-space: nowrap;
161
- display: inline-block;
162
- vertical-align: middle;
163
- line-height: 5.33333vmin;
164
- font-weight: 500;
165
- width: 59.46667vmin;
166
- }
167
-
168
- .goods-item .main-card .right .line-one .manage-title {
169
- width: 49.86667vmin;
170
- }
171
-
172
- .goods-item .main-card .right .desc {
173
- color: #FF2E57;
174
- font-size: 3.2vmin;
175
- line-height: 3.2vmin;
176
- margin-top: 1.06667vmin;
177
- }
178
-
179
- .goods-item .main-card .right .order {
180
- margin-top: 1.06667vmin;
181
- display: flex;
182
- align-items: center;
183
- justify-content: space-between;
184
- font-size: 2.66667vmin;
185
- }
186
-
187
- .goods-item .main-card .right .order .order-left .preferential-price {
188
- color: #FF2E57;
189
- background: #FFEBEF;
190
- padding: 0.53333vmin 1.06667vmin;
191
- border-radius: 0.53333vmin;
192
- }
193
-
194
- .goods-item .main-card .right .order .order-stock {
195
- color: #999999;
196
- }
197
-
198
- .goods-item .main-card .right .progress {
199
- width: 42.66667vmin;
200
- height: 4.26667vmin;
201
- border-radius: 2.13333vmin;
202
- background: #ebebeb;
203
- position: relative;
204
- display: flex;
205
- justify-content: space-between;
206
- padding: 0.53333vmin 2.50933vmin 0.53333vmin 2.13333vmin;
207
- box-sizing: border-box;
208
- margin-top: 1.06667vmin;
209
- align-items: center;
210
- }
211
-
212
- .goods-item .main-card .right .progress .schedule {
213
- height: 4.26667vmin;
214
- border-radius: 2.13333vmin;
215
- background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
216
- position: absolute;
217
- left: 0;
218
- top: 0;
219
- }
220
-
221
- .goods-item .main-card .right .progress .residue-num {
222
- font-size: 2.66667vmin;
223
- color: #ffffff;
224
- z-index: 2;
225
- }
226
-
227
- .goods-item .main-card .right .progress .residue-time {
228
- color: #999999;
229
- font-size: 2.66667vmin;
230
- z-index: 2;
231
- }
232
-
233
- .goods-item .main-card .right .sec-kill {
234
- color: #333333;
235
- height: 4.26667vmin;
236
- border-radius: 2.13333vmin;
237
- background: linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);
238
- font-size: 2.66667vmin;
239
- margin-top: 1.06667vmin;
240
- display: flex;
241
- align-items: center;
242
- padding: 0 2.13333vmin;
243
- }
244
-
245
- .goods-item .main-card .right .sec-kill .time {
246
- margin: 0 1.86667vmin;
247
- color: #ff2e57;
248
- }
249
-
250
- .goods-item .main-card .right .line-three {
251
- display: flex;
252
- justify-content: space-between;
253
- align-items: flex-end;
254
- position: absolute;
255
- bottom: 0;
256
- width: 100%;
257
- }
258
-
259
- .goods-item .main-card .right .line-three .price {
260
- position: relative;
261
- min-height: 5.33333vmin;
262
- font-weight: 500;
263
- color: #FF2E57;
264
- }
265
-
266
- .goods-item .main-card .right .line-three .price .activity-type {
267
- font-size: 2.66667vmin;
268
- height: 4.26667vmin;
269
- line-height: 4.8vmin;
270
- flex-shrink: 0;
271
- margin-right: 0.53333vmin;
272
- border-radius: 0.53333vmin;
273
- font-weight: 500;
274
- }
275
-
276
- .goods-item .main-card .right .line-three .price .price-flow {
277
- font-size: 3.2vmin;
278
- }
279
-
280
- .goods-item .main-card .right .line-three .price .price-show {
281
- font-size: 4.26667vmin;
282
- }
283
-
284
- .goods-item .main-card .right .line-three .price .price-line {
285
- font-size: 2.66667vmin;
286
- text-decoration: line-through;
287
- color: #999999;
288
- margin-left: 1.06667vmin;
289
- }
290
-
291
- .goods-item .main-card .right .line-three .buy-btn {
292
- font-size: 3.2vmin;
293
- border-radius: 1.06667vmin;
294
- width: 17.06667vmin;
295
- height: 6.4vmin;
296
- display: flex;
297
- justify-content: center;
298
- align-items: center;
299
- color: white;
300
- line-height: 6.4vmin;
301
- font-weight: 500;
302
- background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
303
- }
304
-
305
- .goods-item .main-card .right .line-three .buy-btn-teacher {
306
- font-size: 3.2vmin;
307
- border-radius: 1.06667vmin;
308
- width: 17.06667vmin;
309
- height: 6.4vmin;
310
- display: flex;
311
- justify-content: center;
312
- align-items: center;
313
- color: white;
314
- line-height: 6.4vmin;
315
- font-weight: 500;
316
- background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
317
- }
318
-
319
- .goods-item .main-card .right .line-three .buy-btn-teacher .load {
320
- width: 3.2vmin;
321
- height: 3.2vmin;
322
- animation: turn 1s linear infinite;
323
- margin-right: 1.06667vmin;
324
- }
325
-
326
- .goods-item .main-card .right .line-three .no-stock-btn {
327
- font-size: 3.2vmin;
328
- border-radius: 5.33333vmin;
329
- width: 17.06667vmin;
330
- height: 6.4vmin;
331
- display: flex;
332
- justify-content: center;
333
- align-items: center;
334
- color: white;
335
- line-height: 6.4vmin;
336
- font-weight: 500;
337
- opacity: 40%;
338
- background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
339
- }
340
-
341
- .goods-item .main-card .right .line-three .see-btn {
342
- font-size: 3.2vmin;
343
- border-radius: 5.33333vmin;
344
- width: 17.06667vmin;
345
- height: 6.4vmin;
346
- display: flex;
347
- justify-content: center;
348
- align-items: center;
349
- color: white;
350
- line-height: 6.4vmin;
351
- font-weight: 500;
352
- margin-left: inherit;
353
- margin-right: inherit;
354
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
355
- }
356
-
357
- .goods-item .main-card .right .line-three .buy-btn-preferential {
358
- font-size: 3.2vmin;
359
- border-radius: 5.33333vmin;
360
- padding: 0 1.33333vmin;
361
- min-width: 21.33333vmin;
362
- height: 9.06667vmin;
363
- display: flex;
364
- justify-content: center;
365
- align-items: center;
366
- color: white;
367
- flex-flow: column;
368
- line-height: 4.26667vmin;
369
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
370
- }
371
-
372
- .goods-item .main-card .right .line-three .buy-btn-preferential .go-buy {
373
- font-size: 3.2vmin;
374
- font-weight: 500;
375
- }
376
-
377
- .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow {
378
- color: white;
379
- font-size: 2.66667vmin;
380
- }
381
-
382
- .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show {
383
- font-size: 3.73333vmin;
384
- color: white;
385
- }
386
-
387
- .goods-item .main-card .teacher-switch {
388
- height: 4.26667vmin;
389
- background: #fff;
390
- display: flex;
391
- margin-top: 2.13333vmin;
392
- }
393
-
394
- .goods-item .main-card .teacher-switch .switch-txt {
395
- opacity: 1;
396
- color: #333333;
397
- font-size: 3.2vmin;
398
- font-weight: 400;
399
- font-family: "PingFang SC";
400
- margin-left: 2.13333vmin;
401
- }
402
-
403
- @media screen and (min-width: 768px) and (orientation: portrait) {
404
- .goods-item {
405
- display: flex;
406
- min-height: 11.71875vmin;
407
- background: #ffffff;
408
- border-radius: 1.04167vmin;
409
- flex-direction: column;
410
- margin-top: 2.08333vmin;
411
- }
412
- .goods-item .main-card {
413
- display: flex;
414
- flex-direction: row;
415
- }
416
- .goods-item .main-card .left {
417
- position: relative;
418
- width: 14.58333vmin;
419
- height: 14.58333vmin;
420
- }
421
- .goods-item .main-card .left .index {
422
- border-radius: 1.04167vmin 0 1.04167vmin 0;
423
- position: absolute;
424
- top: 0;
425
- left: 0;
426
- display: inline-flex;
427
- align-items: center;
428
- justify-content: center;
429
- min-width: 2.34375vmin;
430
- height: 1.82292vmin;
431
- padding: 0.0651vmin 0.39062vmin;
432
- font-size: 1.30208vmin;
433
- background: rgba(0, 0, 0, 0.6);
434
- color: #FFFFFF;
435
- }
436
- .goods-item .main-card .left .ios-index {
437
- background: rgba(0, 0, 0, 0.25);
438
- backdrop-filter: blur(1.5625vmin);
439
- }
440
- .goods-item .main-card .left .goods-type {
441
- position: absolute;
442
- right: 0.52083vmin;
443
- bottom: 0.52083vmin;
444
- padding: 0.52083vmin 0.65104vmin;
445
- background: rgba(0, 0, 0, 0.4);
446
- border-radius: 0.52083vmin;
447
- color: #fff;
448
- font-size: 1.30208vmin;
449
- width: fit-content;
450
- display: flex;
451
- justify-content: center;
452
- align-items: center;
453
- height: 1.30208vmin;
454
- font-weight: 500;
455
- }
456
- .goods-item .main-card .left .goods-explaining {
457
- position: absolute;
458
- width: 15.625vmin;
459
- height: 2.34375vmin;
460
- bottom: 0vmin;
461
- left: 0vmin;
462
- }
463
- .goods-item .main-card .left .ios-goods-type {
464
- background: rgba(0, 0, 0, 0.25) !important;
465
- backdrop-filter: blur(1.5625vmin);
466
- }
467
- .goods-item .main-card .right {
468
- flex: 1;
469
- display: flex;
470
- flex-direction: column;
471
- margin-left: 1.04167vmin;
472
- height: 14.58333vmin;
473
- width: calc(100% - vmin(256));
474
- position: relative;
475
- }
476
- .goods-item .main-card .right .line-one {
477
- display: flex;
478
- align-items: center;
479
- height: 2.34375vmin;
480
- }
481
- .goods-item .main-card .right .line-one .super-activity-type {
482
- background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
483
- color: #ff781f;
484
- padding: 0.26042vmin 0.52083vmin;
485
- font-size: 1.30208vmin;
486
- height: 2.08333vmin;
487
- width: max-content;
488
- line-height: 2.34375vmin;
489
- flex-shrink: 0;
490
- margin-right: 0.52083vmin;
491
- border-radius: 0.26042vmin;
492
- display: flex;
493
- font-weight: 500;
494
- align-items: center;
495
- }
496
- .goods-item .main-card .right .line-one .super-activity-type .super-activity-txt {
497
- background: linear-gradient(to right, #FFE4AD, #FFC266);
498
- -webkit-background-clip: text;
499
- color: transparent;
500
- }
501
- .goods-item .main-card .right .line-one .goods-title {
502
- font-size: 1.82292vmin;
503
- color: #333333;
504
- word-break: break-all;
505
- display: inline-block;
506
- overflow: hidden;
507
- text-overflow: ellipsis;
508
- white-space: nowrap;
509
- display: inline-block;
510
- vertical-align: middle;
511
- line-height: 2.60417vmin;
512
- font-weight: 500;
513
- width: 29.03646vmin;
514
- }
515
- .goods-item .main-card .right .line-one .manage-title {
516
- width: 24.34896vmin;
517
- }
518
- .goods-item .main-card .right .desc {
519
- color: #FF2E57;
520
- font-size: 1.5625vmin;
521
- line-height: 1.5625vmin;
522
- margin-top: 0.52083vmin;
523
- }
524
- .goods-item .main-card .right .order {
525
- margin-top: 0.52083vmin;
526
- display: flex;
527
- align-items: center;
528
- justify-content: space-between;
529
- font-size: 1.30208vmin;
530
- }
531
- .goods-item .main-card .right .order .order-left .preferential-price {
532
- color: #FF2E57;
533
- background: #FFEBEF;
534
- padding: 0.26042vmin 0.52083vmin;
535
- border-radius: 0.26042vmin;
536
- }
537
- .goods-item .main-card .right .order .order-stock {
538
- color: #999999;
539
- }
540
- .goods-item .main-card .right .progress {
541
- width: 20.83333vmin;
542
- height: 2.08333vmin;
543
- border-radius: 1.04167vmin;
544
- background: #ebebeb;
545
- position: relative;
546
- display: flex;
547
- justify-content: space-between;
548
- padding: 0.26042vmin 1.22526vmin 0.26042vmin 1.04167vmin;
549
- box-sizing: border-box;
550
- margin-top: 0.52083vmin;
551
- align-items: center;
552
- }
553
- .goods-item .main-card .right .progress .schedule {
554
- height: 2.08333vmin;
555
- border-radius: 1.04167vmin;
556
- background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
557
- position: absolute;
558
- left: 0;
559
- top: 0;
560
- }
561
- .goods-item .main-card .right .progress .residue-num {
562
- font-size: 1.30208vmin;
563
- color: #ffffff;
564
- z-index: 2;
565
- }
566
- .goods-item .main-card .right .progress .residue-time {
567
- color: #999999;
568
- font-size: 1.30208vmin;
569
- z-index: 2;
570
- }
571
- .goods-item .main-card .right .sec-kill {
572
- color: #333333;
573
- height: 2.08333vmin;
574
- border-radius: 1.04167vmin;
575
- background: linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);
576
- font-size: 1.30208vmin;
577
- margin-top: 0.52083vmin;
578
- display: flex;
579
- align-items: center;
580
- padding: 0 1.04167vmin;
581
- }
582
- .goods-item .main-card .right .sec-kill .time {
583
- margin: 0 0.91146vmin;
584
- color: #ff2e57;
585
- }
586
- .goods-item .main-card .right .line-three {
587
- display: flex;
588
- justify-content: space-between;
589
- align-items: flex-end;
590
- position: absolute;
591
- bottom: 0;
592
- width: 100%;
593
- }
594
- .goods-item .main-card .right .line-three .price {
595
- position: relative;
596
- min-height: 2.60417vmin;
597
- font-weight: 500;
598
- color: #FF2E57;
599
- }
600
- .goods-item .main-card .right .line-three .price .activity-type {
601
- font-size: 1.30208vmin;
602
- height: 2.08333vmin;
603
- line-height: 2.34375vmin;
604
- flex-shrink: 0;
605
- margin-right: 0.26042vmin;
606
- border-radius: 0.26042vmin;
607
- font-weight: 500;
608
- }
609
- .goods-item .main-card .right .line-three .price .price-flow {
610
- font-size: 1.5625vmin;
611
- }
612
- .goods-item .main-card .right .line-three .price .price-show {
613
- font-size: 2.08333vmin;
614
- }
615
- .goods-item .main-card .right .line-three .price .price-line {
616
- font-size: 1.30208vmin;
617
- text-decoration: line-through;
618
- color: #999999;
619
- margin-left: 0.52083vmin;
620
- }
621
- .goods-item .main-card .right .line-three .buy-btn {
622
- font-size: 1.5625vmin;
623
- border-radius: 0.52083vmin;
624
- width: 8.33333vmin;
625
- height: 3.125vmin;
626
- display: flex;
627
- justify-content: center;
628
- align-items: center;
629
- color: white;
630
- line-height: 3.125vmin;
631
- font-weight: 500;
632
- background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
633
- }
634
- .goods-item .main-card .right .line-three .buy-btn-teacher {
635
- font-size: 1.5625vmin;
636
- border-radius: 0.52083vmin;
637
- width: 8.33333vmin;
638
- height: 3.125vmin;
639
- display: flex;
640
- justify-content: center;
641
- align-items: center;
642
- color: white;
643
- line-height: 3.125vmin;
644
- font-weight: 500;
645
- background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
646
- }
647
- .goods-item .main-card .right .line-three .buy-btn-teacher .load {
648
- width: 1.5625vmin;
649
- height: 1.5625vmin;
650
- animation: turn 1s linear infinite;
651
- margin-right: 0.52083vmin;
652
- }
653
- .goods-item .main-card .right .line-three .no-stock-btn {
654
- font-size: 1.5625vmin;
655
- border-radius: 2.60417vmin;
656
- width: 8.33333vmin;
657
- height: 3.125vmin;
658
- display: flex;
659
- justify-content: center;
660
- align-items: center;
661
- color: white;
662
- line-height: 3.125vmin;
663
- font-weight: 500;
664
- opacity: 40%;
665
- background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
666
- }
667
- .goods-item .main-card .right .line-three .see-btn {
668
- font-size: 1.5625vmin;
669
- border-radius: 2.60417vmin;
670
- width: 8.33333vmin;
671
- height: 3.125vmin;
672
- display: flex;
673
- justify-content: center;
674
- align-items: center;
675
- color: white;
676
- line-height: 3.125vmin;
677
- font-weight: 500;
678
- margin-left: inherit;
679
- margin-right: inherit;
680
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
681
- }
682
- .goods-item .main-card .right .line-three .buy-btn-preferential {
683
- font-size: 1.5625vmin;
684
- border-radius: 2.60417vmin;
685
- padding: 0 0.65104vmin;
686
- min-width: 10.41667vmin;
687
- height: 4.42708vmin;
688
- display: flex;
689
- justify-content: center;
690
- align-items: center;
691
- color: white;
692
- flex-flow: column;
693
- line-height: 2.08333vmin;
694
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
695
- }
696
- .goods-item .main-card .right .line-three .buy-btn-preferential .go-buy {
697
- font-size: 1.5625vmin;
698
- font-weight: 500;
699
- }
700
- .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow {
701
- color: white;
702
- font-size: 1.30208vmin;
703
- }
704
- .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show {
705
- font-size: 1.82292vmin;
706
- color: white;
707
- }
708
- .goods-item .main-card .teacher-switch {
709
- height: 2.08333vmin;
710
- background: #fff;
711
- display: flex;
712
- margin-top: 1.04167vmin;
713
- }
714
- .goods-item .main-card .teacher-switch .switch-txt {
715
- opacity: 1;
716
- color: #333333;
717
- font-size: 1.5625vmin;
718
- font-weight: 400;
719
- font-family: "PingFang SC";
720
- margin-left: 1.04167vmin;
721
- }
722
- }
723
-
724
- @media screen and (min-height: 630px) and (orientation: landscape) {
725
- .goods-item {
726
- display: flex;
727
- min-height: 14.28571vmin;
728
- background: #ffffff;
729
- border-radius: 1.26984vmin;
730
- flex-direction: column;
731
- margin-top: 2.53968vmin;
732
- }
733
- .goods-item .main-card {
734
- display: flex;
735
- flex-direction: row;
736
- }
737
- .goods-item .main-card .left {
738
- position: relative;
739
- width: 17.77778vmin;
740
- height: 17.77778vmin;
741
- }
742
- .goods-item .main-card .left .index {
743
- border-radius: 1.26984vmin 0 1.26984vmin 0;
744
- position: absolute;
745
- top: 0;
746
- left: 0;
747
- display: inline-flex;
748
- align-items: center;
749
- justify-content: center;
750
- min-width: 2.85714vmin;
751
- height: 2.22222vmin;
752
- padding: 0.07937vmin 0.47619vmin;
753
- font-size: 1.5873vmin;
754
- background: rgba(0, 0, 0, 0.6);
755
- color: #FFFFFF;
756
- }
757
- .goods-item .main-card .left .ios-index {
758
- background: rgba(0, 0, 0, 0.25);
759
- backdrop-filter: blur(1.90476vmin);
760
- }
761
- .goods-item .main-card .left .goods-type {
762
- position: absolute;
763
- right: 0.63492vmin;
764
- bottom: 0.63492vmin;
765
- padding: 0.63492vmin 0.79365vmin;
766
- background: rgba(0, 0, 0, 0.4);
767
- border-radius: 0.63492vmin;
768
- color: #fff;
769
- font-size: 1.5873vmin;
770
- width: fit-content;
771
- display: flex;
772
- justify-content: center;
773
- align-items: center;
774
- height: 1.5873vmin;
775
- font-weight: 500;
776
- }
777
- .goods-item .main-card .left .goods-explaining {
778
- position: absolute;
779
- width: 19.04762vmin;
780
- height: 2.85714vmin;
781
- bottom: 0vmin;
782
- left: 0vmin;
783
- }
784
- .goods-item .main-card .left .ios-goods-type {
785
- background: rgba(0, 0, 0, 0.25) !important;
786
- backdrop-filter: blur(1.90476vmin);
787
- }
788
- .goods-item .main-card .right {
789
- flex: 1;
790
- display: flex;
791
- flex-direction: column;
792
- margin-left: 1.26984vmin;
793
- height: 17.77778vmin;
794
- width: calc(100% - vmin(256));
795
- position: relative;
796
- }
797
- .goods-item .main-card .right .line-one {
798
- display: flex;
799
- align-items: center;
800
- height: 2.85714vmin;
801
- }
802
- .goods-item .main-card .right .line-one .super-activity-type {
803
- background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
804
- color: #ff781f;
805
- padding: 0.31746vmin 0.63492vmin;
806
- font-size: 1.5873vmin;
807
- height: 2.53968vmin;
808
- width: max-content;
809
- line-height: 2.85714vmin;
810
- flex-shrink: 0;
811
- margin-right: 0.63492vmin;
812
- border-radius: 0.31746vmin;
813
- display: flex;
814
- font-weight: 500;
815
- align-items: center;
816
- }
817
- .goods-item .main-card .right .line-one .super-activity-type .super-activity-txt {
818
- background: linear-gradient(to right, #FFE4AD, #FFC266);
819
- -webkit-background-clip: text;
820
- color: transparent;
821
- }
822
- .goods-item .main-card .right .line-one .goods-title {
823
- font-size: 2.22222vmin;
824
- color: #333333;
825
- word-break: break-all;
826
- display: inline-block;
827
- overflow: hidden;
828
- text-overflow: ellipsis;
829
- white-space: nowrap;
830
- display: inline-block;
831
- vertical-align: middle;
832
- line-height: 3.1746vmin;
833
- font-weight: 500;
834
- width: 35.39683vmin;
835
- }
836
- .goods-item .main-card .right .line-one .manage-title {
837
- width: 29.68254vmin;
838
- }
839
- .goods-item .main-card .right .desc {
840
- color: #FF2E57;
841
- font-size: 1.90476vmin;
842
- line-height: 1.90476vmin;
843
- margin-top: 0.63492vmin;
844
- }
845
- .goods-item .main-card .right .order {
846
- margin-top: 0.63492vmin;
847
- display: flex;
848
- align-items: center;
849
- justify-content: space-between;
850
- font-size: 1.5873vmin;
851
- }
852
- .goods-item .main-card .right .order .order-left .preferential-price {
853
- color: #FF2E57;
854
- background: #FFEBEF;
855
- padding: 0.31746vmin 0.63492vmin;
856
- border-radius: 0.31746vmin;
857
- }
858
- .goods-item .main-card .right .order .order-stock {
859
- color: #999999;
860
- }
861
- .goods-item .main-card .right .progress {
862
- width: 25.39683vmin;
863
- height: 2.53968vmin;
864
- border-radius: 1.26984vmin;
865
- background: #ebebeb;
866
- position: relative;
867
- display: flex;
868
- justify-content: space-between;
869
- padding: 0.31746vmin 1.49365vmin 0.31746vmin 1.26984vmin;
870
- box-sizing: border-box;
871
- margin-top: 0.63492vmin;
872
- align-items: center;
873
- }
874
- .goods-item .main-card .right .progress .schedule {
875
- height: 2.53968vmin;
876
- border-radius: 1.26984vmin;
877
- background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
878
- position: absolute;
879
- left: 0;
880
- top: 0;
881
- }
882
- .goods-item .main-card .right .progress .residue-num {
883
- font-size: 1.5873vmin;
884
- color: #ffffff;
885
- z-index: 2;
886
- }
887
- .goods-item .main-card .right .progress .residue-time {
888
- color: #999999;
889
- font-size: 1.5873vmin;
890
- z-index: 2;
891
- }
892
- .goods-item .main-card .right .sec-kill {
893
- color: #333333;
894
- height: 2.53968vmin;
895
- border-radius: 1.26984vmin;
896
- background: linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);
897
- font-size: 1.5873vmin;
898
- margin-top: 0.63492vmin;
899
- display: flex;
900
- align-items: center;
901
- padding: 0 1.26984vmin;
902
- }
903
- .goods-item .main-card .right .sec-kill .time {
904
- margin: 0 1.11111vmin;
905
- color: #ff2e57;
906
- }
907
- .goods-item .main-card .right .line-three {
908
- display: flex;
909
- justify-content: space-between;
910
- align-items: flex-end;
911
- position: absolute;
912
- bottom: 0;
913
- width: 100%;
914
- }
915
- .goods-item .main-card .right .line-three .price {
916
- position: relative;
917
- min-height: 3.1746vmin;
918
- font-weight: 500;
919
- color: #FF2E57;
920
- }
921
- .goods-item .main-card .right .line-three .price .activity-type {
922
- font-size: 1.5873vmin;
923
- height: 2.53968vmin;
924
- line-height: 2.85714vmin;
925
- flex-shrink: 0;
926
- margin-right: 0.31746vmin;
927
- border-radius: 0.31746vmin;
928
- font-weight: 500;
929
- }
930
- .goods-item .main-card .right .line-three .price .price-flow {
931
- font-size: 1.90476vmin;
932
- }
933
- .goods-item .main-card .right .line-three .price .price-show {
934
- font-size: 2.53968vmin;
935
- }
936
- .goods-item .main-card .right .line-three .price .price-line {
937
- font-size: 1.5873vmin;
938
- text-decoration: line-through;
939
- color: #999999;
940
- margin-left: 0.63492vmin;
941
- }
942
- .goods-item .main-card .right .line-three .buy-btn {
943
- font-size: 1.90476vmin;
944
- border-radius: 0.63492vmin;
945
- width: 10.15873vmin;
946
- height: 3.80952vmin;
947
- display: flex;
948
- justify-content: center;
949
- align-items: center;
950
- color: white;
951
- line-height: 3.80952vmin;
952
- font-weight: 500;
953
- background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
954
- }
955
- .goods-item .main-card .right .line-three .buy-btn-teacher {
956
- font-size: 1.90476vmin;
957
- border-radius: 0.63492vmin;
958
- width: 10.15873vmin;
959
- height: 3.80952vmin;
960
- display: flex;
961
- justify-content: center;
962
- align-items: center;
963
- color: white;
964
- line-height: 3.80952vmin;
965
- font-weight: 500;
966
- background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
967
- }
968
- .goods-item .main-card .right .line-three .buy-btn-teacher .load {
969
- width: 1.90476vmin;
970
- height: 1.90476vmin;
971
- animation: turn 1s linear infinite;
972
- margin-right: 0.63492vmin;
973
- }
974
- .goods-item .main-card .right .line-three .no-stock-btn {
975
- font-size: 1.90476vmin;
976
- border-radius: 3.1746vmin;
977
- width: 10.15873vmin;
978
- height: 3.80952vmin;
979
- display: flex;
980
- justify-content: center;
981
- align-items: center;
982
- color: white;
983
- line-height: 3.80952vmin;
984
- font-weight: 500;
985
- opacity: 40%;
986
- background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
987
- }
988
- .goods-item .main-card .right .line-three .see-btn {
989
- font-size: 1.90476vmin;
990
- border-radius: 3.1746vmin;
991
- width: 10.15873vmin;
992
- height: 3.80952vmin;
993
- display: flex;
994
- justify-content: center;
995
- align-items: center;
996
- color: white;
997
- line-height: 3.80952vmin;
998
- font-weight: 500;
999
- margin-left: inherit;
1000
- margin-right: inherit;
1001
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
1002
- }
1003
- .goods-item .main-card .right .line-three .buy-btn-preferential {
1004
- font-size: 1.90476vmin;
1005
- border-radius: 3.1746vmin;
1006
- padding: 0 0.79365vmin;
1007
- min-width: 12.69841vmin;
1008
- height: 5.39683vmin;
1009
- display: flex;
1010
- justify-content: center;
1011
- align-items: center;
1012
- color: white;
1013
- flex-flow: column;
1014
- line-height: 2.53968vmin;
1015
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
1016
- }
1017
- .goods-item .main-card .right .line-three .buy-btn-preferential .go-buy {
1018
- font-size: 1.90476vmin;
1019
- font-weight: 500;
1020
- }
1021
- .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow {
1022
- color: white;
1023
- font-size: 1.5873vmin;
1024
- }
1025
- .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show {
1026
- font-size: 2.22222vmin;
1027
- color: white;
1028
- }
1029
- .goods-item .main-card .teacher-switch {
1030
- height: 2.53968vmin;
1031
- background: #fff;
1032
- display: flex;
1033
- margin-top: 1.26984vmin;
1034
- }
1035
- .goods-item .main-card .teacher-switch .switch-txt {
1036
- opacity: 1;
1037
- color: #333333;
1038
- font-size: 1.90476vmin;
1039
- font-weight: 400;
1040
- font-family: "PingFang SC";
1041
- margin-left: 1.26984vmin;
1042
- }
1043
- }
1044
-
1045
- @media screen and (min-height: 768px) and (orientation: landscape) {
1046
- .goods-item {
1047
- display: flex;
1048
- min-height: 11.71875vmin;
1049
- background: #ffffff;
1050
- border-radius: 1.04167vmin;
1051
- flex-direction: column;
1052
- margin-top: 2.08333vmin;
1053
- }
1054
- .goods-item .main-card {
1055
- display: flex;
1056
- flex-direction: row;
1057
- }
1058
- .goods-item .main-card .left {
1059
- position: relative;
1060
- width: 14.58333vmin;
1061
- height: 14.58333vmin;
1062
- }
1063
- .goods-item .main-card .left .index {
1064
- border-radius: 1.04167vmin 0 1.04167vmin 0;
1065
- position: absolute;
1066
- top: 0;
1067
- left: 0;
1068
- display: inline-flex;
1069
- align-items: center;
1070
- justify-content: center;
1071
- min-width: 2.34375vmin;
1072
- height: 1.82292vmin;
1073
- padding: 0.0651vmin 0.39062vmin;
1074
- font-size: 1.30208vmin;
1075
- background: rgba(0, 0, 0, 0.6);
1076
- color: #FFFFFF;
1077
- }
1078
- .goods-item .main-card .left .ios-index {
1079
- background: rgba(0, 0, 0, 0.25);
1080
- backdrop-filter: blur(1.5625vmin);
1081
- }
1082
- .goods-item .main-card .left .goods-type {
1083
- position: absolute;
1084
- right: 0.52083vmin;
1085
- bottom: 0.52083vmin;
1086
- padding: 0.52083vmin 0.65104vmin;
1087
- background: rgba(0, 0, 0, 0.4);
1088
- border-radius: 0.52083vmin;
1089
- color: #fff;
1090
- font-size: 1.30208vmin;
1091
- width: fit-content;
1092
- display: flex;
1093
- justify-content: center;
1094
- align-items: center;
1095
- height: 1.30208vmin;
1096
- font-weight: 500;
1097
- }
1098
- .goods-item .main-card .left .goods-explaining {
1099
- position: absolute;
1100
- width: 15.625vmin;
1101
- height: 2.34375vmin;
1102
- bottom: 0vmin;
1103
- left: 0vmin;
1104
- }
1105
- .goods-item .main-card .left .ios-goods-type {
1106
- background: rgba(0, 0, 0, 0.25) !important;
1107
- backdrop-filter: blur(1.5625vmin);
1108
- }
1109
- .goods-item .main-card .right {
1110
- flex: 1;
1111
- display: flex;
1112
- flex-direction: column;
1113
- margin-left: 1.04167vmin;
1114
- height: 14.58333vmin;
1115
- width: calc(100% - vmin(256));
1116
- position: relative;
1117
- }
1118
- .goods-item .main-card .right .line-one {
1119
- display: flex;
1120
- align-items: center;
1121
- height: 2.34375vmin;
1122
- }
1123
- .goods-item .main-card .right .line-one .super-activity-type {
1124
- background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
1125
- color: #ff781f;
1126
- padding: 0.26042vmin 0.52083vmin;
1127
- font-size: 1.30208vmin;
1128
- height: 2.08333vmin;
1129
- width: max-content;
1130
- line-height: 2.34375vmin;
1131
- flex-shrink: 0;
1132
- margin-right: 0.52083vmin;
1133
- border-radius: 0.26042vmin;
1134
- display: flex;
1135
- font-weight: 500;
1136
- align-items: center;
1137
- }
1138
- .goods-item .main-card .right .line-one .super-activity-type .super-activity-txt {
1139
- background: linear-gradient(to right, #FFE4AD, #FFC266);
1140
- -webkit-background-clip: text;
1141
- color: transparent;
1142
- }
1143
- .goods-item .main-card .right .line-one .goods-title {
1144
- font-size: 1.82292vmin;
1145
- color: #333333;
1146
- word-break: break-all;
1147
- display: inline-block;
1148
- overflow: hidden;
1149
- text-overflow: ellipsis;
1150
- white-space: nowrap;
1151
- display: inline-block;
1152
- vertical-align: middle;
1153
- line-height: 2.60417vmin;
1154
- font-weight: 500;
1155
- width: 29.03646vmin;
1156
- }
1157
- .goods-item .main-card .right .line-one .manage-title {
1158
- width: 24.34896vmin;
1159
- }
1160
- .goods-item .main-card .right .desc {
1161
- color: #FF2E57;
1162
- font-size: 1.5625vmin;
1163
- line-height: 1.5625vmin;
1164
- margin-top: 0.52083vmin;
1165
- }
1166
- .goods-item .main-card .right .order {
1167
- margin-top: 0.52083vmin;
1168
- display: flex;
1169
- align-items: center;
1170
- justify-content: space-between;
1171
- font-size: 1.30208vmin;
1172
- }
1173
- .goods-item .main-card .right .order .order-left .preferential-price {
1174
- color: #FF2E57;
1175
- background: #FFEBEF;
1176
- padding: 0.26042vmin 0.52083vmin;
1177
- border-radius: 0.26042vmin;
1178
- }
1179
- .goods-item .main-card .right .order .order-stock {
1180
- color: #999999;
1181
- }
1182
- .goods-item .main-card .right .progress {
1183
- width: 20.83333vmin;
1184
- height: 2.08333vmin;
1185
- border-radius: 1.04167vmin;
1186
- background: #ebebeb;
1187
- position: relative;
1188
- display: flex;
1189
- justify-content: space-between;
1190
- padding: 0.26042vmin 1.22526vmin 0.26042vmin 1.04167vmin;
1191
- box-sizing: border-box;
1192
- margin-top: 0.52083vmin;
1193
- align-items: center;
1194
- }
1195
- .goods-item .main-card .right .progress .schedule {
1196
- height: 2.08333vmin;
1197
- border-radius: 1.04167vmin;
1198
- background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
1199
- position: absolute;
1200
- left: 0;
1201
- top: 0;
1202
- }
1203
- .goods-item .main-card .right .progress .residue-num {
1204
- font-size: 1.30208vmin;
1205
- color: #ffffff;
1206
- z-index: 2;
1207
- }
1208
- .goods-item .main-card .right .progress .residue-time {
1209
- color: #999999;
1210
- font-size: 1.30208vmin;
1211
- z-index: 2;
1212
- }
1213
- .goods-item .main-card .right .sec-kill {
1214
- color: #333333;
1215
- height: 2.08333vmin;
1216
- border-radius: 1.04167vmin;
1217
- background: linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);
1218
- font-size: 1.30208vmin;
1219
- margin-top: 0.52083vmin;
1220
- display: flex;
1221
- align-items: center;
1222
- padding: 0 1.04167vmin;
1223
- }
1224
- .goods-item .main-card .right .sec-kill .time {
1225
- margin: 0 0.91146vmin;
1226
- color: #ff2e57;
1227
- }
1228
- .goods-item .main-card .right .line-three {
1229
- display: flex;
1230
- justify-content: space-between;
1231
- align-items: flex-end;
1232
- position: absolute;
1233
- bottom: 0;
1234
- width: 100%;
1235
- }
1236
- .goods-item .main-card .right .line-three .price {
1237
- position: relative;
1238
- min-height: 2.60417vmin;
1239
- font-weight: 500;
1240
- color: #FF2E57;
1241
- }
1242
- .goods-item .main-card .right .line-three .price .activity-type {
1243
- font-size: 1.30208vmin;
1244
- height: 2.08333vmin;
1245
- line-height: 2.34375vmin;
1246
- flex-shrink: 0;
1247
- margin-right: 0.26042vmin;
1248
- border-radius: 0.26042vmin;
1249
- font-weight: 500;
1250
- }
1251
- .goods-item .main-card .right .line-three .price .price-flow {
1252
- font-size: 1.5625vmin;
1253
- }
1254
- .goods-item .main-card .right .line-three .price .price-show {
1255
- font-size: 2.08333vmin;
1256
- }
1257
- .goods-item .main-card .right .line-three .price .price-line {
1258
- font-size: 1.30208vmin;
1259
- text-decoration: line-through;
1260
- color: #999999;
1261
- margin-left: 0.52083vmin;
1262
- }
1263
- .goods-item .main-card .right .line-three .buy-btn {
1264
- font-size: 1.5625vmin;
1265
- border-radius: 0.52083vmin;
1266
- width: 8.33333vmin;
1267
- height: 3.125vmin;
1268
- display: flex;
1269
- justify-content: center;
1270
- align-items: center;
1271
- color: white;
1272
- line-height: 3.125vmin;
1273
- font-weight: 500;
1274
- background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
1275
- }
1276
- .goods-item .main-card .right .line-three .buy-btn-teacher {
1277
- font-size: 1.5625vmin;
1278
- border-radius: 0.52083vmin;
1279
- width: 8.33333vmin;
1280
- height: 3.125vmin;
1281
- display: flex;
1282
- justify-content: center;
1283
- align-items: center;
1284
- color: white;
1285
- line-height: 3.125vmin;
1286
- font-weight: 500;
1287
- background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
1288
- }
1289
- .goods-item .main-card .right .line-three .buy-btn-teacher .load {
1290
- width: 1.5625vmin;
1291
- height: 1.5625vmin;
1292
- animation: turn 1s linear infinite;
1293
- margin-right: 0.52083vmin;
1294
- }
1295
- .goods-item .main-card .right .line-three .no-stock-btn {
1296
- font-size: 1.5625vmin;
1297
- border-radius: 2.60417vmin;
1298
- width: 8.33333vmin;
1299
- height: 3.125vmin;
1300
- display: flex;
1301
- justify-content: center;
1302
- align-items: center;
1303
- color: white;
1304
- line-height: 3.125vmin;
1305
- font-weight: 500;
1306
- opacity: 40%;
1307
- background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
1308
- }
1309
- .goods-item .main-card .right .line-three .see-btn {
1310
- font-size: 1.5625vmin;
1311
- border-radius: 2.60417vmin;
1312
- width: 8.33333vmin;
1313
- height: 3.125vmin;
1314
- display: flex;
1315
- justify-content: center;
1316
- align-items: center;
1317
- color: white;
1318
- line-height: 3.125vmin;
1319
- font-weight: 500;
1320
- margin-left: inherit;
1321
- margin-right: inherit;
1322
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
1323
- }
1324
- .goods-item .main-card .right .line-three .buy-btn-preferential {
1325
- font-size: 1.5625vmin;
1326
- border-radius: 2.60417vmin;
1327
- padding: 0 0.65104vmin;
1328
- min-width: 10.41667vmin;
1329
- height: 4.42708vmin;
1330
- display: flex;
1331
- justify-content: center;
1332
- align-items: center;
1333
- color: white;
1334
- flex-flow: column;
1335
- line-height: 2.08333vmin;
1336
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
1337
- }
1338
- .goods-item .main-card .right .line-three .buy-btn-preferential .go-buy {
1339
- font-size: 1.5625vmin;
1340
- font-weight: 500;
1341
- }
1342
- .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow {
1343
- color: white;
1344
- font-size: 1.30208vmin;
1345
- }
1346
- .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show {
1347
- font-size: 1.82292vmin;
1348
- color: white;
1349
- }
1350
- .goods-item .main-card .teacher-switch {
1351
- height: 2.08333vmin;
1352
- background: #fff;
1353
- display: flex;
1354
- margin-top: 1.04167vmin;
1355
- }
1356
- .goods-item .main-card .teacher-switch .switch-txt {
1357
- opacity: 1;
1358
- color: #333333;
1359
- font-size: 1.5625vmin;
1360
- font-weight: 400;
1361
- font-family: "PingFang SC";
1362
- margin-left: 1.04167vmin;
1363
- }
1364
- }