xiaoe_mp_npm 0.5.42-test4 → 0.5.42-test5

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.
@@ -39,10 +39,9 @@
39
39
  display: flex;
40
40
  min-height: 24vmin;
41
41
  background: #ffffff;
42
- margin: 0 4.26667vmin 0 4.26667vmin;
43
42
  border-radius: 2.13333vmin;
44
- padding: 2.13333vmin;
45
43
  flex-direction: column;
44
+ margin-top: 4.26667vmin;
46
45
  }
47
46
  .goods-item .main-card {
48
47
  display: flex;
@@ -50,8 +49,8 @@
50
49
  }
51
50
  .goods-item .main-card .left {
52
51
  position: relative;
53
- width: 32vmin;
54
- height: 24vmin;
52
+ width: 29.86667vmin;
53
+ height: 29.86667vmin;
55
54
  }
56
55
  .goods-item .main-card .left .index {
57
56
  border-radius: 2.13333vmin 0 2.13333vmin 0;
@@ -103,31 +102,16 @@
103
102
  flex: 1;
104
103
  display: flex;
105
104
  flex-direction: column;
106
- justify-content: space-between;
107
105
  margin-left: 2.13333vmin;
108
- height: 24vmin;
106
+ height: 29.86667vmin;
109
107
  width: calc(100% - vmin(256));
108
+ position: relative;
110
109
  }
111
110
  .goods-item .main-card .right .line-one {
112
111
  display: flex;
113
112
  align-items: center;
114
113
  height: 4.8vmin;
115
114
  }
116
- .goods-item .main-card .right .line-one .activity-type {
117
- background-color: #FFF3EB;
118
- color: #FF781F;
119
- padding: 0vmin 1.06667vmin;
120
- font-size: 2.66667vmin;
121
- height: 4.26667vmin;
122
- line-height: 4.8vmin;
123
- flex-shrink: 0;
124
- margin-right: 1.06667vmin;
125
- border-radius: 0.53333vmin;
126
- display: flex;
127
- width: max-content;
128
- align-items: center;
129
- font-weight: 500;
130
- }
131
115
  .goods-item .main-card .right .line-one .super-activity-type {
132
116
  background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
133
117
  color: #ff781f;
@@ -157,46 +141,109 @@
157
141
  white-space: nowrap;
158
142
  display: inline-block;
159
143
  vertical-align: middle;
160
- line-height: 4.8vmin;
144
+ line-height: 5.33333vmin;
161
145
  font-weight: 500;
146
+ width: 59.46667vmin;
162
147
  }
163
- .goods-item .main-card .right .sec-kill {
164
- color: #FF781F;
148
+ .goods-item .main-card .right .line-one .manage-title {
149
+ width: 49.86667vmin;
150
+ }
151
+ .goods-item .main-card .right .desc {
152
+ color: #FF2E57;
153
+ font-size: 3.2vmin;
154
+ line-height: 3.2vmin;
155
+ margin-top: 1.06667vmin;
156
+ }
157
+ .goods-item .main-card .right .order {
158
+ margin-top: 1.06667vmin;
159
+ display: flex;
160
+ align-items: center;
161
+ justify-content: space-between;
165
162
  font-size: 2.66667vmin;
166
- line-height: 4.26667vmin;
167
- margin: 1.06667vmin 0;
168
163
  }
169
- .goods-item .main-card .right .left-stock {
164
+ .goods-item .main-card .right .order .order-left .preferential-price {
165
+ color: #FF2E57;
166
+ background: #FFEBEF;
167
+ padding: 0.53333vmin 1.06667vmin;
168
+ border-radius: 0.53333vmin;
169
+ }
170
+ .goods-item .main-card .right .order .order-stock {
170
171
  color: #999999;
172
+ }
173
+ .goods-item .main-card .right .progress {
174
+ width: 42.66667vmin;
175
+ height: 4.26667vmin;
176
+ border-radius: 2.13333vmin;
177
+ background: #ebebeb;
178
+ position: relative;
179
+ display: flex;
180
+ justify-content: space-between;
181
+ padding: 0.53333vmin 2.50933vmin 0.53333vmin 2.13333vmin;
182
+ box-sizing: border-box;
183
+ margin-top: 1.06667vmin;
184
+ align-items: center;
185
+ }
186
+ .goods-item .main-card .right .progress .schedule {
187
+ height: 4.26667vmin;
188
+ border-radius: 2.13333vmin;
189
+ background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
190
+ position: absolute;
191
+ left: 0;
192
+ top: 0;
193
+ }
194
+ .goods-item .main-card .right .progress .residue-num {
171
195
  font-size: 2.66667vmin;
172
- height: 3.2vmin;
196
+ color: #ffffff;
197
+ z-index: 2;
198
+ }
199
+ .goods-item .main-card .right .progress .residue-time {
200
+ color: #999999;
201
+ font-size: 2.66667vmin;
202
+ z-index: 2;
203
+ }
204
+ .goods-item .main-card .right .sec-kill {
205
+ color: #333333;
206
+ height: 4.26667vmin;
207
+ border-radius: 2.13333vmin;
208
+ background: linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);
209
+ font-size: 2.66667vmin;
210
+ margin-top: 1.06667vmin;
173
211
  display: flex;
174
212
  align-items: center;
213
+ padding: 0 2.13333vmin;
175
214
  }
176
- .goods-item .main-card .right .left-stock .split {
177
- display: inline-block;
178
- border-left: 0.13333vmin solid #999999;
179
- width: 0.26667vmin;
180
- height: 3.2vmin;
181
- margin: 0 1.6vmin;
215
+ .goods-item .main-card .right .sec-kill .time {
216
+ margin: 0 1.86667vmin;
217
+ color: #ff2e57;
182
218
  }
183
219
  .goods-item .main-card .right .line-three {
184
220
  display: flex;
185
221
  justify-content: space-between;
186
222
  align-items: flex-end;
223
+ position: absolute;
224
+ bottom: 0;
225
+ width: 100%;
187
226
  }
188
227
  .goods-item .main-card .right .line-three .price {
189
228
  position: relative;
190
229
  min-height: 5.33333vmin;
191
230
  font-weight: 500;
231
+ color: #FF2E57;
232
+ }
233
+ .goods-item .main-card .right .line-three .price .activity-type {
234
+ font-size: 2.66667vmin;
235
+ height: 4.26667vmin;
236
+ line-height: 4.8vmin;
237
+ flex-shrink: 0;
238
+ margin-right: 0.53333vmin;
239
+ border-radius: 0.53333vmin;
240
+ font-weight: 500;
192
241
  }
193
242
  .goods-item .main-card .right .line-three .price .price-flow {
194
- color: #FF5429;
195
243
  font-size: 3.2vmin;
196
244
  }
197
245
  .goods-item .main-card .right .line-three .price .price-show {
198
- color: #FF5429;
199
- font-size: 4.8vmin;
246
+ font-size: 4.26667vmin;
200
247
  }
201
248
  .goods-item .main-card .right .line-three .price .price-line {
202
249
  font-size: 2.66667vmin;
@@ -206,29 +253,29 @@
206
253
  }
207
254
  .goods-item .main-card .right .line-three .buy-btn {
208
255
  font-size: 3.2vmin;
209
- border-radius: 5.33333vmin;
210
- width: 21.33333vmin;
211
- height: 7.46667vmin;
256
+ border-radius: 1.06667vmin;
257
+ width: 17.06667vmin;
258
+ height: 6.4vmin;
212
259
  display: flex;
213
260
  justify-content: center;
214
261
  align-items: center;
215
262
  color: white;
216
- line-height: 7.46667vmin;
263
+ line-height: 6.4vmin;
217
264
  font-weight: 500;
218
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
265
+ background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
219
266
  }
220
267
  .goods-item .main-card .right .line-three .buy-btn-teacher {
221
268
  font-size: 3.2vmin;
222
- border-radius: 5.33333vmin;
223
- width: 21.33333vmin;
224
- height: 7.46667vmin;
269
+ border-radius: 1.06667vmin;
270
+ width: 17.06667vmin;
271
+ height: 6.4vmin;
225
272
  display: flex;
226
273
  justify-content: center;
227
274
  align-items: center;
228
275
  color: white;
229
- line-height: 7.46667vmin;
276
+ line-height: 6.4vmin;
230
277
  font-weight: 500;
231
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
278
+ background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
232
279
  }
233
280
  .goods-item .main-card .right .line-three .buy-btn-teacher .load {
234
281
  width: 3.2vmin;
@@ -239,27 +286,27 @@
239
286
  .goods-item .main-card .right .line-three .no-stock-btn {
240
287
  font-size: 3.2vmin;
241
288
  border-radius: 5.33333vmin;
242
- width: 21.33333vmin;
243
- height: 7.46667vmin;
289
+ width: 17.06667vmin;
290
+ height: 6.4vmin;
244
291
  display: flex;
245
292
  justify-content: center;
246
293
  align-items: center;
247
294
  color: white;
248
- line-height: 7.46667vmin;
295
+ line-height: 6.4vmin;
249
296
  font-weight: 500;
250
297
  opacity: 40%;
251
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
298
+ background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
252
299
  }
253
300
  .goods-item .main-card .right .line-three .see-btn {
254
301
  font-size: 3.2vmin;
255
302
  border-radius: 5.33333vmin;
256
- width: 21.33333vmin;
257
- height: 7.46667vmin;
303
+ width: 17.06667vmin;
304
+ height: 6.4vmin;
258
305
  display: flex;
259
306
  justify-content: center;
260
307
  align-items: center;
261
308
  color: white;
262
- line-height: 7.46667vmin;
309
+ line-height: 6.4vmin;
263
310
  font-weight: 500;
264
311
  margin-left: inherit;
265
312
  margin-right: inherit;
@@ -310,10 +357,9 @@
310
357
  display: flex;
311
358
  min-height: 11.71875vmin;
312
359
  background: #ffffff;
313
- margin: 0 2.08333vmin 0 2.08333vmin;
314
360
  border-radius: 1.04167vmin;
315
- padding: 1.04167vmin;
316
361
  flex-direction: column;
362
+ margin-top: 2.08333vmin;
317
363
  }
318
364
  .goods-item .main-card {
319
365
  display: flex;
@@ -321,8 +367,8 @@
321
367
  }
322
368
  .goods-item .main-card .left {
323
369
  position: relative;
324
- width: 15.625vmin;
325
- height: 11.71875vmin;
370
+ width: 14.58333vmin;
371
+ height: 14.58333vmin;
326
372
  }
327
373
  .goods-item .main-card .left .index {
328
374
  border-radius: 1.04167vmin 0 1.04167vmin 0;
@@ -374,31 +420,16 @@
374
420
  flex: 1;
375
421
  display: flex;
376
422
  flex-direction: column;
377
- justify-content: space-between;
378
423
  margin-left: 1.04167vmin;
379
- height: 11.71875vmin;
424
+ height: 14.58333vmin;
380
425
  width: calc(100% - vmin(256));
426
+ position: relative;
381
427
  }
382
428
  .goods-item .main-card .right .line-one {
383
429
  display: flex;
384
430
  align-items: center;
385
431
  height: 2.34375vmin;
386
432
  }
387
- .goods-item .main-card .right .line-one .activity-type {
388
- background-color: #FFF3EB;
389
- color: #FF781F;
390
- padding: 0vmin 0.52083vmin;
391
- font-size: 1.30208vmin;
392
- height: 2.08333vmin;
393
- line-height: 2.34375vmin;
394
- flex-shrink: 0;
395
- margin-right: 0.52083vmin;
396
- border-radius: 0.26042vmin;
397
- display: flex;
398
- width: max-content;
399
- align-items: center;
400
- font-weight: 500;
401
- }
402
433
  .goods-item .main-card .right .line-one .super-activity-type {
403
434
  background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
404
435
  color: #ff781f;
@@ -428,46 +459,109 @@
428
459
  white-space: nowrap;
429
460
  display: inline-block;
430
461
  vertical-align: middle;
431
- line-height: 2.34375vmin;
462
+ line-height: 2.60417vmin;
432
463
  font-weight: 500;
464
+ width: 29.03646vmin;
433
465
  }
434
- .goods-item .main-card .right .sec-kill {
435
- color: #FF781F;
466
+ .goods-item .main-card .right .line-one .manage-title {
467
+ width: 24.34896vmin;
468
+ }
469
+ .goods-item .main-card .right .desc {
470
+ color: #FF2E57;
471
+ font-size: 1.5625vmin;
472
+ line-height: 1.5625vmin;
473
+ margin-top: 0.52083vmin;
474
+ }
475
+ .goods-item .main-card .right .order {
476
+ margin-top: 0.52083vmin;
477
+ display: flex;
478
+ align-items: center;
479
+ justify-content: space-between;
436
480
  font-size: 1.30208vmin;
437
- line-height: 2.08333vmin;
438
- margin: 0.52083vmin 0;
439
481
  }
440
- .goods-item .main-card .right .left-stock {
482
+ .goods-item .main-card .right .order .order-left .preferential-price {
483
+ color: #FF2E57;
484
+ background: #FFEBEF;
485
+ padding: 0.26042vmin 0.52083vmin;
486
+ border-radius: 0.26042vmin;
487
+ }
488
+ .goods-item .main-card .right .order .order-stock {
441
489
  color: #999999;
490
+ }
491
+ .goods-item .main-card .right .progress {
492
+ width: 20.83333vmin;
493
+ height: 2.08333vmin;
494
+ border-radius: 1.04167vmin;
495
+ background: #ebebeb;
496
+ position: relative;
497
+ display: flex;
498
+ justify-content: space-between;
499
+ padding: 0.26042vmin 1.22526vmin 0.26042vmin 1.04167vmin;
500
+ box-sizing: border-box;
501
+ margin-top: 0.52083vmin;
502
+ align-items: center;
503
+ }
504
+ .goods-item .main-card .right .progress .schedule {
505
+ height: 2.08333vmin;
506
+ border-radius: 1.04167vmin;
507
+ background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
508
+ position: absolute;
509
+ left: 0;
510
+ top: 0;
511
+ }
512
+ .goods-item .main-card .right .progress .residue-num {
442
513
  font-size: 1.30208vmin;
443
- height: 1.5625vmin;
514
+ color: #ffffff;
515
+ z-index: 2;
516
+ }
517
+ .goods-item .main-card .right .progress .residue-time {
518
+ color: #999999;
519
+ font-size: 1.30208vmin;
520
+ z-index: 2;
521
+ }
522
+ .goods-item .main-card .right .sec-kill {
523
+ color: #333333;
524
+ height: 2.08333vmin;
525
+ border-radius: 1.04167vmin;
526
+ background: linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);
527
+ font-size: 1.30208vmin;
528
+ margin-top: 0.52083vmin;
444
529
  display: flex;
445
530
  align-items: center;
531
+ padding: 0 1.04167vmin;
446
532
  }
447
- .goods-item .main-card .right .left-stock .split {
448
- display: inline-block;
449
- border-left: 0.0651vmin solid #999999;
450
- width: 0.13021vmin;
451
- height: 1.5625vmin;
452
- margin: 0 0.78125vmin;
533
+ .goods-item .main-card .right .sec-kill .time {
534
+ margin: 0 0.91146vmin;
535
+ color: #ff2e57;
453
536
  }
454
537
  .goods-item .main-card .right .line-three {
455
538
  display: flex;
456
539
  justify-content: space-between;
457
540
  align-items: flex-end;
541
+ position: absolute;
542
+ bottom: 0;
543
+ width: 100%;
458
544
  }
459
545
  .goods-item .main-card .right .line-three .price {
460
546
  position: relative;
461
547
  min-height: 2.60417vmin;
462
548
  font-weight: 500;
549
+ color: #FF2E57;
550
+ }
551
+ .goods-item .main-card .right .line-three .price .activity-type {
552
+ font-size: 1.30208vmin;
553
+ height: 2.08333vmin;
554
+ line-height: 2.34375vmin;
555
+ flex-shrink: 0;
556
+ margin-right: 0.26042vmin;
557
+ border-radius: 0.26042vmin;
558
+ font-weight: 500;
463
559
  }
464
560
  .goods-item .main-card .right .line-three .price .price-flow {
465
- color: #FF5429;
466
561
  font-size: 1.5625vmin;
467
562
  }
468
563
  .goods-item .main-card .right .line-three .price .price-show {
469
- color: #FF5429;
470
- font-size: 2.34375vmin;
564
+ font-size: 2.08333vmin;
471
565
  }
472
566
  .goods-item .main-card .right .line-three .price .price-line {
473
567
  font-size: 1.30208vmin;
@@ -477,29 +571,29 @@
477
571
  }
478
572
  .goods-item .main-card .right .line-three .buy-btn {
479
573
  font-size: 1.5625vmin;
480
- border-radius: 2.60417vmin;
481
- width: 10.41667vmin;
482
- height: 3.64583vmin;
574
+ border-radius: 0.52083vmin;
575
+ width: 8.33333vmin;
576
+ height: 3.125vmin;
483
577
  display: flex;
484
578
  justify-content: center;
485
579
  align-items: center;
486
580
  color: white;
487
- line-height: 3.64583vmin;
581
+ line-height: 3.125vmin;
488
582
  font-weight: 500;
489
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
583
+ background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
490
584
  }
491
585
  .goods-item .main-card .right .line-three .buy-btn-teacher {
492
586
  font-size: 1.5625vmin;
493
- border-radius: 2.60417vmin;
494
- width: 10.41667vmin;
495
- height: 3.64583vmin;
587
+ border-radius: 0.52083vmin;
588
+ width: 8.33333vmin;
589
+ height: 3.125vmin;
496
590
  display: flex;
497
591
  justify-content: center;
498
592
  align-items: center;
499
593
  color: white;
500
- line-height: 3.64583vmin;
594
+ line-height: 3.125vmin;
501
595
  font-weight: 500;
502
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
596
+ background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
503
597
  }
504
598
  .goods-item .main-card .right .line-three .buy-btn-teacher .load {
505
599
  width: 1.5625vmin;
@@ -510,27 +604,27 @@
510
604
  .goods-item .main-card .right .line-three .no-stock-btn {
511
605
  font-size: 1.5625vmin;
512
606
  border-radius: 2.60417vmin;
513
- width: 10.41667vmin;
514
- height: 3.64583vmin;
607
+ width: 8.33333vmin;
608
+ height: 3.125vmin;
515
609
  display: flex;
516
610
  justify-content: center;
517
611
  align-items: center;
518
612
  color: white;
519
- line-height: 3.64583vmin;
613
+ line-height: 3.125vmin;
520
614
  font-weight: 500;
521
615
  opacity: 40%;
522
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
616
+ background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
523
617
  }
524
618
  .goods-item .main-card .right .line-three .see-btn {
525
619
  font-size: 1.5625vmin;
526
620
  border-radius: 2.60417vmin;
527
- width: 10.41667vmin;
528
- height: 3.64583vmin;
621
+ width: 8.33333vmin;
622
+ height: 3.125vmin;
529
623
  display: flex;
530
624
  justify-content: center;
531
625
  align-items: center;
532
626
  color: white;
533
- line-height: 3.64583vmin;
627
+ line-height: 3.125vmin;
534
628
  font-weight: 500;
535
629
  margin-left: inherit;
536
630
  margin-right: inherit;
@@ -582,10 +676,9 @@
582
676
  display: flex;
583
677
  min-height: 14.28571vmin;
584
678
  background: #ffffff;
585
- margin: 0 2.53968vmin 0 2.53968vmin;
586
679
  border-radius: 1.26984vmin;
587
- padding: 1.26984vmin;
588
680
  flex-direction: column;
681
+ margin-top: 2.53968vmin;
589
682
  }
590
683
  .goods-item .main-card {
591
684
  display: flex;
@@ -593,8 +686,8 @@
593
686
  }
594
687
  .goods-item .main-card .left {
595
688
  position: relative;
596
- width: 19.04762vmin;
597
- height: 14.28571vmin;
689
+ width: 17.77778vmin;
690
+ height: 17.77778vmin;
598
691
  }
599
692
  .goods-item .main-card .left .index {
600
693
  border-radius: 1.26984vmin 0 1.26984vmin 0;
@@ -646,31 +739,16 @@
646
739
  flex: 1;
647
740
  display: flex;
648
741
  flex-direction: column;
649
- justify-content: space-between;
650
742
  margin-left: 1.26984vmin;
651
- height: 14.28571vmin;
743
+ height: 17.77778vmin;
652
744
  width: calc(100% - vmin(256));
745
+ position: relative;
653
746
  }
654
747
  .goods-item .main-card .right .line-one {
655
748
  display: flex;
656
749
  align-items: center;
657
750
  height: 2.85714vmin;
658
751
  }
659
- .goods-item .main-card .right .line-one .activity-type {
660
- background-color: #FFF3EB;
661
- color: #FF781F;
662
- padding: 0vmin 0.63492vmin;
663
- font-size: 1.5873vmin;
664
- height: 2.53968vmin;
665
- line-height: 2.85714vmin;
666
- flex-shrink: 0;
667
- margin-right: 0.63492vmin;
668
- border-radius: 0.31746vmin;
669
- display: flex;
670
- width: max-content;
671
- align-items: center;
672
- font-weight: 500;
673
- }
674
752
  .goods-item .main-card .right .line-one .super-activity-type {
675
753
  background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
676
754
  color: #ff781f;
@@ -700,46 +778,109 @@
700
778
  white-space: nowrap;
701
779
  display: inline-block;
702
780
  vertical-align: middle;
703
- line-height: 2.85714vmin;
781
+ line-height: 3.1746vmin;
704
782
  font-weight: 500;
783
+ width: 35.39683vmin;
705
784
  }
706
- .goods-item .main-card .right .sec-kill {
707
- color: #FF781F;
785
+ .goods-item .main-card .right .line-one .manage-title {
786
+ width: 29.68254vmin;
787
+ }
788
+ .goods-item .main-card .right .desc {
789
+ color: #FF2E57;
790
+ font-size: 1.90476vmin;
791
+ line-height: 1.90476vmin;
792
+ margin-top: 0.63492vmin;
793
+ }
794
+ .goods-item .main-card .right .order {
795
+ margin-top: 0.63492vmin;
796
+ display: flex;
797
+ align-items: center;
798
+ justify-content: space-between;
708
799
  font-size: 1.5873vmin;
709
- line-height: 2.53968vmin;
710
- margin: 0.63492vmin 0;
711
800
  }
712
- .goods-item .main-card .right .left-stock {
801
+ .goods-item .main-card .right .order .order-left .preferential-price {
802
+ color: #FF2E57;
803
+ background: #FFEBEF;
804
+ padding: 0.31746vmin 0.63492vmin;
805
+ border-radius: 0.31746vmin;
806
+ }
807
+ .goods-item .main-card .right .order .order-stock {
713
808
  color: #999999;
809
+ }
810
+ .goods-item .main-card .right .progress {
811
+ width: 25.39683vmin;
812
+ height: 2.53968vmin;
813
+ border-radius: 1.26984vmin;
814
+ background: #ebebeb;
815
+ position: relative;
816
+ display: flex;
817
+ justify-content: space-between;
818
+ padding: 0.31746vmin 1.49365vmin 0.31746vmin 1.26984vmin;
819
+ box-sizing: border-box;
820
+ margin-top: 0.63492vmin;
821
+ align-items: center;
822
+ }
823
+ .goods-item .main-card .right .progress .schedule {
824
+ height: 2.53968vmin;
825
+ border-radius: 1.26984vmin;
826
+ background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
827
+ position: absolute;
828
+ left: 0;
829
+ top: 0;
830
+ }
831
+ .goods-item .main-card .right .progress .residue-num {
714
832
  font-size: 1.5873vmin;
715
- height: 1.90476vmin;
833
+ color: #ffffff;
834
+ z-index: 2;
835
+ }
836
+ .goods-item .main-card .right .progress .residue-time {
837
+ color: #999999;
838
+ font-size: 1.5873vmin;
839
+ z-index: 2;
840
+ }
841
+ .goods-item .main-card .right .sec-kill {
842
+ color: #333333;
843
+ height: 2.53968vmin;
844
+ border-radius: 1.26984vmin;
845
+ background: linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);
846
+ font-size: 1.5873vmin;
847
+ margin-top: 0.63492vmin;
716
848
  display: flex;
717
849
  align-items: center;
850
+ padding: 0 1.26984vmin;
718
851
  }
719
- .goods-item .main-card .right .left-stock .split {
720
- display: inline-block;
721
- border-left: 0.07937vmin solid #999999;
722
- width: 0.15873vmin;
723
- height: 1.90476vmin;
724
- margin: 0 0.95238vmin;
852
+ .goods-item .main-card .right .sec-kill .time {
853
+ margin: 0 1.11111vmin;
854
+ color: #ff2e57;
725
855
  }
726
856
  .goods-item .main-card .right .line-three {
727
857
  display: flex;
728
858
  justify-content: space-between;
729
859
  align-items: flex-end;
860
+ position: absolute;
861
+ bottom: 0;
862
+ width: 100%;
730
863
  }
731
864
  .goods-item .main-card .right .line-three .price {
732
865
  position: relative;
733
866
  min-height: 3.1746vmin;
734
867
  font-weight: 500;
868
+ color: #FF2E57;
869
+ }
870
+ .goods-item .main-card .right .line-three .price .activity-type {
871
+ font-size: 1.5873vmin;
872
+ height: 2.53968vmin;
873
+ line-height: 2.85714vmin;
874
+ flex-shrink: 0;
875
+ margin-right: 0.31746vmin;
876
+ border-radius: 0.31746vmin;
877
+ font-weight: 500;
735
878
  }
736
879
  .goods-item .main-card .right .line-three .price .price-flow {
737
- color: #FF5429;
738
880
  font-size: 1.90476vmin;
739
881
  }
740
882
  .goods-item .main-card .right .line-three .price .price-show {
741
- color: #FF5429;
742
- font-size: 2.85714vmin;
883
+ font-size: 2.53968vmin;
743
884
  }
744
885
  .goods-item .main-card .right .line-three .price .price-line {
745
886
  font-size: 1.5873vmin;
@@ -749,29 +890,29 @@
749
890
  }
750
891
  .goods-item .main-card .right .line-three .buy-btn {
751
892
  font-size: 1.90476vmin;
752
- border-radius: 3.1746vmin;
753
- width: 12.69841vmin;
754
- height: 4.44444vmin;
893
+ border-radius: 0.63492vmin;
894
+ width: 10.15873vmin;
895
+ height: 3.80952vmin;
755
896
  display: flex;
756
897
  justify-content: center;
757
898
  align-items: center;
758
899
  color: white;
759
- line-height: 4.44444vmin;
900
+ line-height: 3.80952vmin;
760
901
  font-weight: 500;
761
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
902
+ background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
762
903
  }
763
904
  .goods-item .main-card .right .line-three .buy-btn-teacher {
764
905
  font-size: 1.90476vmin;
765
- border-radius: 3.1746vmin;
766
- width: 12.69841vmin;
767
- height: 4.44444vmin;
906
+ border-radius: 0.63492vmin;
907
+ width: 10.15873vmin;
908
+ height: 3.80952vmin;
768
909
  display: flex;
769
910
  justify-content: center;
770
911
  align-items: center;
771
912
  color: white;
772
- line-height: 4.44444vmin;
913
+ line-height: 3.80952vmin;
773
914
  font-weight: 500;
774
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
915
+ background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
775
916
  }
776
917
  .goods-item .main-card .right .line-three .buy-btn-teacher .load {
777
918
  width: 1.90476vmin;
@@ -782,27 +923,27 @@
782
923
  .goods-item .main-card .right .line-three .no-stock-btn {
783
924
  font-size: 1.90476vmin;
784
925
  border-radius: 3.1746vmin;
785
- width: 12.69841vmin;
786
- height: 4.44444vmin;
926
+ width: 10.15873vmin;
927
+ height: 3.80952vmin;
787
928
  display: flex;
788
929
  justify-content: center;
789
930
  align-items: center;
790
931
  color: white;
791
- line-height: 4.44444vmin;
932
+ line-height: 3.80952vmin;
792
933
  font-weight: 500;
793
934
  opacity: 40%;
794
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
935
+ background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
795
936
  }
796
937
  .goods-item .main-card .right .line-three .see-btn {
797
938
  font-size: 1.90476vmin;
798
939
  border-radius: 3.1746vmin;
799
- width: 12.69841vmin;
800
- height: 4.44444vmin;
940
+ width: 10.15873vmin;
941
+ height: 3.80952vmin;
801
942
  display: flex;
802
943
  justify-content: center;
803
944
  align-items: center;
804
945
  color: white;
805
- line-height: 4.44444vmin;
946
+ line-height: 3.80952vmin;
806
947
  font-weight: 500;
807
948
  margin-left: inherit;
808
949
  margin-right: inherit;
@@ -854,10 +995,9 @@
854
995
  display: flex;
855
996
  min-height: 11.71875vmin;
856
997
  background: #ffffff;
857
- margin: 0 2.08333vmin 0 2.08333vmin;
858
998
  border-radius: 1.04167vmin;
859
- padding: 1.04167vmin;
860
999
  flex-direction: column;
1000
+ margin-top: 2.08333vmin;
861
1001
  }
862
1002
  .goods-item .main-card {
863
1003
  display: flex;
@@ -865,8 +1005,8 @@
865
1005
  }
866
1006
  .goods-item .main-card .left {
867
1007
  position: relative;
868
- width: 15.625vmin;
869
- height: 11.71875vmin;
1008
+ width: 14.58333vmin;
1009
+ height: 14.58333vmin;
870
1010
  }
871
1011
  .goods-item .main-card .left .index {
872
1012
  border-radius: 1.04167vmin 0 1.04167vmin 0;
@@ -918,31 +1058,16 @@
918
1058
  flex: 1;
919
1059
  display: flex;
920
1060
  flex-direction: column;
921
- justify-content: space-between;
922
1061
  margin-left: 1.04167vmin;
923
- height: 11.71875vmin;
1062
+ height: 14.58333vmin;
924
1063
  width: calc(100% - vmin(256));
1064
+ position: relative;
925
1065
  }
926
1066
  .goods-item .main-card .right .line-one {
927
1067
  display: flex;
928
1068
  align-items: center;
929
1069
  height: 2.34375vmin;
930
1070
  }
931
- .goods-item .main-card .right .line-one .activity-type {
932
- background-color: #FFF3EB;
933
- color: #FF781F;
934
- padding: 0vmin 0.52083vmin;
935
- font-size: 1.30208vmin;
936
- height: 2.08333vmin;
937
- line-height: 2.34375vmin;
938
- flex-shrink: 0;
939
- margin-right: 0.52083vmin;
940
- border-radius: 0.26042vmin;
941
- display: flex;
942
- width: max-content;
943
- align-items: center;
944
- font-weight: 500;
945
- }
946
1071
  .goods-item .main-card .right .line-one .super-activity-type {
947
1072
  background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
948
1073
  color: #ff781f;
@@ -972,46 +1097,109 @@
972
1097
  white-space: nowrap;
973
1098
  display: inline-block;
974
1099
  vertical-align: middle;
975
- line-height: 2.34375vmin;
1100
+ line-height: 2.60417vmin;
976
1101
  font-weight: 500;
1102
+ width: 29.03646vmin;
977
1103
  }
978
- .goods-item .main-card .right .sec-kill {
979
- color: #FF781F;
1104
+ .goods-item .main-card .right .line-one .manage-title {
1105
+ width: 24.34896vmin;
1106
+ }
1107
+ .goods-item .main-card .right .desc {
1108
+ color: #FF2E57;
1109
+ font-size: 1.5625vmin;
1110
+ line-height: 1.5625vmin;
1111
+ margin-top: 0.52083vmin;
1112
+ }
1113
+ .goods-item .main-card .right .order {
1114
+ margin-top: 0.52083vmin;
1115
+ display: flex;
1116
+ align-items: center;
1117
+ justify-content: space-between;
980
1118
  font-size: 1.30208vmin;
981
- line-height: 2.08333vmin;
982
- margin: 0.52083vmin 0;
983
1119
  }
984
- .goods-item .main-card .right .left-stock {
1120
+ .goods-item .main-card .right .order .order-left .preferential-price {
1121
+ color: #FF2E57;
1122
+ background: #FFEBEF;
1123
+ padding: 0.26042vmin 0.52083vmin;
1124
+ border-radius: 0.26042vmin;
1125
+ }
1126
+ .goods-item .main-card .right .order .order-stock {
985
1127
  color: #999999;
1128
+ }
1129
+ .goods-item .main-card .right .progress {
1130
+ width: 20.83333vmin;
1131
+ height: 2.08333vmin;
1132
+ border-radius: 1.04167vmin;
1133
+ background: #ebebeb;
1134
+ position: relative;
1135
+ display: flex;
1136
+ justify-content: space-between;
1137
+ padding: 0.26042vmin 1.22526vmin 0.26042vmin 1.04167vmin;
1138
+ box-sizing: border-box;
1139
+ margin-top: 0.52083vmin;
1140
+ align-items: center;
1141
+ }
1142
+ .goods-item .main-card .right .progress .schedule {
1143
+ height: 2.08333vmin;
1144
+ border-radius: 1.04167vmin;
1145
+ background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
1146
+ position: absolute;
1147
+ left: 0;
1148
+ top: 0;
1149
+ }
1150
+ .goods-item .main-card .right .progress .residue-num {
986
1151
  font-size: 1.30208vmin;
987
- height: 1.5625vmin;
1152
+ color: #ffffff;
1153
+ z-index: 2;
1154
+ }
1155
+ .goods-item .main-card .right .progress .residue-time {
1156
+ color: #999999;
1157
+ font-size: 1.30208vmin;
1158
+ z-index: 2;
1159
+ }
1160
+ .goods-item .main-card .right .sec-kill {
1161
+ color: #333333;
1162
+ height: 2.08333vmin;
1163
+ border-radius: 1.04167vmin;
1164
+ background: linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);
1165
+ font-size: 1.30208vmin;
1166
+ margin-top: 0.52083vmin;
988
1167
  display: flex;
989
1168
  align-items: center;
1169
+ padding: 0 1.04167vmin;
990
1170
  }
991
- .goods-item .main-card .right .left-stock .split {
992
- display: inline-block;
993
- border-left: 0.0651vmin solid #999999;
994
- width: 0.13021vmin;
995
- height: 1.5625vmin;
996
- margin: 0 0.78125vmin;
1171
+ .goods-item .main-card .right .sec-kill .time {
1172
+ margin: 0 0.91146vmin;
1173
+ color: #ff2e57;
997
1174
  }
998
1175
  .goods-item .main-card .right .line-three {
999
1176
  display: flex;
1000
1177
  justify-content: space-between;
1001
1178
  align-items: flex-end;
1179
+ position: absolute;
1180
+ bottom: 0;
1181
+ width: 100%;
1002
1182
  }
1003
1183
  .goods-item .main-card .right .line-three .price {
1004
1184
  position: relative;
1005
1185
  min-height: 2.60417vmin;
1006
1186
  font-weight: 500;
1187
+ color: #FF2E57;
1188
+ }
1189
+ .goods-item .main-card .right .line-three .price .activity-type {
1190
+ font-size: 1.30208vmin;
1191
+ height: 2.08333vmin;
1192
+ line-height: 2.34375vmin;
1193
+ flex-shrink: 0;
1194
+ margin-right: 0.26042vmin;
1195
+ border-radius: 0.26042vmin;
1196
+ font-weight: 500;
1007
1197
  }
1008
1198
  .goods-item .main-card .right .line-three .price .price-flow {
1009
- color: #FF5429;
1010
1199
  font-size: 1.5625vmin;
1011
1200
  }
1012
1201
  .goods-item .main-card .right .line-three .price .price-show {
1013
- color: #FF5429;
1014
- font-size: 2.34375vmin;
1202
+ font-size: 2.08333vmin;
1015
1203
  }
1016
1204
  .goods-item .main-card .right .line-three .price .price-line {
1017
1205
  font-size: 1.30208vmin;
@@ -1021,29 +1209,29 @@
1021
1209
  }
1022
1210
  .goods-item .main-card .right .line-three .buy-btn {
1023
1211
  font-size: 1.5625vmin;
1024
- border-radius: 2.60417vmin;
1025
- width: 10.41667vmin;
1026
- height: 3.64583vmin;
1212
+ border-radius: 0.52083vmin;
1213
+ width: 8.33333vmin;
1214
+ height: 3.125vmin;
1027
1215
  display: flex;
1028
1216
  justify-content: center;
1029
1217
  align-items: center;
1030
1218
  color: white;
1031
- line-height: 3.64583vmin;
1219
+ line-height: 3.125vmin;
1032
1220
  font-weight: 500;
1033
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
1221
+ background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
1034
1222
  }
1035
1223
  .goods-item .main-card .right .line-three .buy-btn-teacher {
1036
1224
  font-size: 1.5625vmin;
1037
- border-radius: 2.60417vmin;
1038
- width: 10.41667vmin;
1039
- height: 3.64583vmin;
1225
+ border-radius: 0.52083vmin;
1226
+ width: 8.33333vmin;
1227
+ height: 3.125vmin;
1040
1228
  display: flex;
1041
1229
  justify-content: center;
1042
1230
  align-items: center;
1043
1231
  color: white;
1044
- line-height: 3.64583vmin;
1232
+ line-height: 3.125vmin;
1045
1233
  font-weight: 500;
1046
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
1234
+ background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
1047
1235
  }
1048
1236
  .goods-item .main-card .right .line-three .buy-btn-teacher .load {
1049
1237
  width: 1.5625vmin;
@@ -1054,27 +1242,27 @@
1054
1242
  .goods-item .main-card .right .line-three .no-stock-btn {
1055
1243
  font-size: 1.5625vmin;
1056
1244
  border-radius: 2.60417vmin;
1057
- width: 10.41667vmin;
1058
- height: 3.64583vmin;
1245
+ width: 8.33333vmin;
1246
+ height: 3.125vmin;
1059
1247
  display: flex;
1060
1248
  justify-content: center;
1061
1249
  align-items: center;
1062
1250
  color: white;
1063
- line-height: 3.64583vmin;
1251
+ line-height: 3.125vmin;
1064
1252
  font-weight: 500;
1065
1253
  opacity: 40%;
1066
- background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
1254
+ background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
1067
1255
  }
1068
1256
  .goods-item .main-card .right .line-three .see-btn {
1069
1257
  font-size: 1.5625vmin;
1070
1258
  border-radius: 2.60417vmin;
1071
- width: 10.41667vmin;
1072
- height: 3.64583vmin;
1259
+ width: 8.33333vmin;
1260
+ height: 3.125vmin;
1073
1261
  display: flex;
1074
1262
  justify-content: center;
1075
1263
  align-items: center;
1076
1264
  color: white;
1077
- line-height: 3.64583vmin;
1265
+ line-height: 3.125vmin;
1078
1266
  font-weight: 500;
1079
1267
  margin-left: inherit;
1080
1268
  margin-right: inherit;