xiaoe_mp_npm 0.5.42-test2 → 0.5.42-test3

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 (19) hide show
  1. package/miniprogram_dist/CouponList/components/CouponItem/index.css +1715 -1715
  2. package/miniprogram_dist/CouponList/components/CouponItem/index.min.css +1 -1
  3. package/miniprogram_dist/GoodsItem/index.wxs +18 -18
  4. package/miniprogram_dist/TeacherGoodsList/index.css +187 -187
  5. package/miniprogram_dist/TeacherGoodsList/index.js +585 -585
  6. package/miniprogram_dist/TeacherGoodsList/index.min.css +1 -1
  7. package/package.json +1 -1
  8. package/src/CouponList/components/CouponItem/index.css +1715 -1715
  9. package/src/CouponList/components/CouponItem/index.min.css +1 -1
  10. package/src/GoodsItem/index.wxs +18 -18
  11. package/src/TeacherGoodsList/index.css +187 -187
  12. package/src/TeacherGoodsList/index.js +585 -585
  13. package/src/TeacherGoodsList/index.min.css +1 -1
  14. package/miniprogram_dist/GoodsItem/index.css +0 -1364
  15. package/miniprogram_dist/GoodsItem/index.less +0 -299
  16. package/miniprogram_dist/GoodsItem/index.min.css +0 -1
  17. package/src/GoodsItem/index.css +0 -1364
  18. package/src/GoodsItem/index.less +0 -299
  19. package/src/GoodsItem/index.min.css +0 -1
package/miniprogram_dist/CouponList/components/CouponItem/index.css CHANGED
@@ -1,1715 +1,1715 @@
1
- .styleType1_wrapper.pop-card {
2
- width: 64.53333vmin;
3
- margin-bottom: 0;
4
- }
5
-
6
- .styleType1_wrapper.vertical-screen {
7
- width: 63.46667vmin;
8
- margin: 0 auto;
9
- }
10
-
11
- .styleType1_wrapper.vertical-screen.not-pop-card {
12
- margin-bottom: 4.26667vmin;
13
- }
14
-
15
- .styleType1_wrapper.vertical-screen .coupon_style1 {
16
- height: 24.53333vmin;
17
- }
18
-
19
- .styleType1_wrapper.full-screen-list {
20
- width: 92.53333vmin;
21
- margin: 3.2vmin 4.26667vmin 0 4.26667vmin;
22
- }
23
-
24
- .styleType1_wrapper.full-screen-list .coupon_style1 {
25
- height: 26.93333vmin;
26
- }
27
-
28
- .styleType1_wrapper .coupon_style1 {
29
- display: flex;
30
- position: relative;
31
- width: 100%;
32
- }
33
-
34
- .styleType1_wrapper .coupon_style1 .couponValue {
35
- padding: 2.13333vmin;
36
- min-width: 24.8vmin;
37
- height: 100%;
38
- background: #ff781f;
39
- color: #fff;
40
- display: flex;
41
- flex-direction: column;
42
- justify-content: space-around;
43
- align-items: center;
44
- box-sizing: border-box;
45
- border-radius: 2.13333vmin 0 0 2.13333vmin;
46
- }
47
-
48
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
49
- position: relative;
50
- display: flex;
51
- flex-direction: row;
52
- align-items: baseline;
53
- font-weight: 700;
54
- }
55
-
56
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
57
- margin-right: 0.53333vmin;
58
- font-size: 4.26667vmin;
59
- }
60
-
61
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
62
- display: flex;
63
- font-size: 10.66667vmin;
64
- }
65
-
66
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
67
- font-size: 4.26667vmin;
68
- font-weight: 500;
69
- }
70
-
71
- .styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
72
- color: white;
73
- font-size: 3.2vmin;
74
- font-weight: 500;
75
- font-family: "PingFang SC";
76
- text-align: center;
77
- line-height: 4.26667vmin;
78
- }
79
-
80
- .styleType1_wrapper .coupon_style1 .couponInfo {
81
- display: flex;
82
- flex-direction: column;
83
- justify-content: flex-start;
84
- width: 68vmin;
85
- height: 100%;
86
- box-sizing: border-box;
87
- background: white;
88
- padding: 2.13333vmin 0 2.13333vmin 2.13333vmin;
89
- color: #999999;
90
- font-size: 2.66667vmin;
91
- line-height: 3.2vmin;
92
- font-weight: 400;
93
- text-align: left;
94
- border-radius: 0 2.13333vmin 2.13333vmin 0;
95
- }
96
-
97
- .styleType1_wrapper .coupon_style1 .couponInfo .couponName {
98
- color: #333333;
99
- font-size: 3.2vmin;
100
- line-height: 4.26667vmin;
101
- height: 4.26667vmin;
102
- width: 32.8vmin;
103
- font-weight: 700;
104
- margin-bottom: 1.06667vmin;
105
- overflow: hidden;
106
- white-space: nowrap;
107
- text-overflow: ellipsis;
108
- }
109
-
110
- .styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
111
- margin-bottom: 0.53333vmin;
112
- }
113
-
114
- .styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
115
- margin-bottom: 4.8vmin;
116
- }
117
-
118
- .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo {
119
- display: flex;
120
- cursor: pointer;
121
- align-items: center;
122
- }
123
-
124
- .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn {
125
- width: 3.2vmin;
126
- height: 3.2vmin;
127
- margin-left: 0.8vmin;
128
- background-size: 100% 100%;
129
- }
130
-
131
- .styleType1_wrapper .coupon_style1 .couponState {
132
- position: absolute;
133
- right: 2.13333vmin;
134
- bottom: 2.13333vmin;
135
- height: 6.4vmin;
136
- line-height: 6.4vmin;
137
- border-radius: 1.06667vmin;
138
- border: 0;
139
- background: #ff781f;
140
- }
141
-
142
- .styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
143
- width: 18.13333vmin;
144
- }
145
-
146
- .styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
147
- width: 14.93333vmin;
148
- }
149
-
150
- .styleType1_wrapper .coupon_style1 .couponState .couponBtn {
151
- color: white;
152
- font-size: 3.2vmin;
153
- font-weight: 700;
154
- text-align: center;
155
- font-family: "PingFang SC";
156
- }
157
-
158
- .styleType1_wrapper .coupon_style1 .hasReceivedStatus {
159
- position: absolute;
160
- top: 0vmin;
161
- right: 0vmin;
162
- width: 13.06667vmin;
163
- height: 15.2vmin;
164
- }
165
-
166
- .styleType1_wrapper .detailInfo {
167
- width: 100%;
168
- display: flex;
169
- background-color: #fff6f0;
170
- box-sizing: border-box;
171
- border-radius: 0 0 0.53333vmin 0.53333vmin;
172
- padding: 2.13333vmin;
173
- padding-top: 5vmin;
174
- color: #666666;
175
- font-size: 2.66667vmin;
176
- margin-top: -2vmin;
177
- text-align: left;
178
- }
179
-
180
- .styleType1_wrapper .detailInfo .disabledHint {
181
- width: 3.73333vmin;
182
- margin-right: 1.33333vmin;
183
- }
184
-
185
- .styleType1_wrapper .detailInfo .instructions {
186
- word-break: break-all;
187
- }
188
-
189
- .styleType1_wrapper .detailInfo .instructions .remark {
190
- color: #333333;
191
- margin-bottom: 1.06667vmin;
192
- }
193
-
194
- .styleType2_wrapper {
195
- margin-bottom: 3.2vmin;
196
- margin-right: 2.13333vmin;
197
- }
198
-
199
- .styleType2_wrapper .coupon_style2 {
200
- display: flex;
201
- flex-direction: row;
202
- color: #ff781f;
203
- position: relative;
204
- overflow: hidden;
205
- width: 44.8vmin;
206
- height: 21.33333vmin;
207
- flex-shrink: 0;
208
- }
209
-
210
- .styleType2_wrapper .coupon_style2 .coupons-styles2-bg {
211
- position: absolute;
212
- top: 0;
213
- left: 0;
214
- right: 0;
215
- width: 100%;
216
- height: 100%;
217
- }
218
-
219
- .styleType2_wrapper .coupon_style2 .couponInfo {
220
- display: inline-flex;
221
- flex-direction: column;
222
- box-sizing: border-box;
223
- padding-left: 2.13333vmin;
224
- width: 36.26667vmin;
225
- height: 100%;
226
- font-family: "PingFang SC";
227
- font-size: 2.66667vmin;
228
- line-height: 3.2vmin;
229
- }
230
-
231
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop {
232
- padding-top: 2.13333vmin;
233
- display: flex;
234
- flex-direction: row;
235
- align-items: flex-end;
236
- height: 6.4vmin;
237
- }
238
-
239
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap {
240
- position: relative;
241
- display: flex;
242
- flex-direction: row;
243
- align-items: baseline;
244
- font-weight: 700;
245
- height: 6.4vmin;
246
- line-height: 6.4vmin;
247
- }
248
-
249
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol {
250
- margin-right: 0.53333vmin;
251
- font-size: 3.2vmin;
252
- }
253
-
254
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price {
255
- display: flex;
256
- font-size: 9.4vmin;
257
- }
258
-
259
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont {
260
- font-size: 3.2vmin;
261
- font-weight: 500;
262
- margin-left: 0.53333vmin;
263
- }
264
-
265
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom {
266
- font-weight: 400;
267
- line-height: 3.2vmin;
268
- position: relative;
269
- margin-top: 0.8vmin;
270
- }
271
-
272
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit {
273
- margin-bottom: 0.53333vmin;
274
- }
275
-
276
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition {
277
- font-size: 2.66667vmin;
278
- font-weight: 400;
279
- }
280
-
281
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint {
282
- margin-bottom: 0.53333vmin;
283
- }
284
-
285
- .styleType2_wrapper .coupon_style2 .couponStatewrapper {
286
- width: 8.26667vmin;
287
- height: 100%;
288
- /* -webkit-align-self: center; */
289
- -ms-flex-item-align: center;
290
- align-self: center;
291
- position: relative;
292
- display: inline-flex;
293
- justify-content: center;
294
- align-items: center;
295
- text-align: center;
296
- }
297
-
298
- .styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn {
299
- writing-mode: vertical-lr;
300
- letter-spacing: 1.33333vmin;
301
- font-size: 3.2vmin;
302
- font-weight: 700;
303
- font-family: "PingFang SC";
304
- }
305
-
306
- .styleType2_wrapper .coupon_style2 .couponStatewrapper:before {
307
- content: " ";
308
- display: block;
309
- width: 100%;
310
- height: 15.2vmin;
311
- border-left: 0.26667vmin dashed #ff781f;
312
- -webkit-transform: scale(1.3);
313
- transform: scale(0.7, 1.1);
314
- position: absolute;
315
- left: -vmin(10);
316
- top: 3.07vmin;
317
- }
318
-
319
- .styleType2_wrapper .coupon_style2 .hasReceivedStatus {
320
- position: absolute;
321
- top: 0vmin;
322
- right: 0vmin;
323
- width: 13.06667vmin;
324
- height: 15.2vmin;
325
- }
326
-
327
- .styleType1_wrapper-v.vertical-screen {
328
- width: 35.2vmin;
329
- height: 48.53333vmin;
330
- margin: 0 auto;
331
- }
332
-
333
- .styleType1_wrapper-v.vertical-screen.not-pop-card {
334
- margin-bottom: 0;
335
- }
336
-
337
- .styleType1_wrapper-v.vertical-screen .coupon_style1 {
338
- height: 22.93333vmin;
339
- }
340
-
341
- .styleType1_wrapper-v.full-screen-list {
342
- width: 92.53333vmin;
343
- margin: 3.2vmin 4.26667vmin 0 4.26667vmin;
344
- }
345
-
346
- .styleType1_wrapper-v.full-screen-list .coupon_style1 {
347
- height: 26.93333vmin;
348
- }
349
-
350
- .styleType1_wrapper-v .coupon_style1 {
351
- display: block;
352
- position: static;
353
- width: 100%;
354
- }
355
-
356
- .styleType1_wrapper-v .coupon_style1 .couponValue {
357
- padding: 3.33333vmin 0;
358
- min-width: unset;
359
- height: 22.93333vmin;
360
- background: #ff781f;
361
- color: #fff;
362
- display: flex;
363
- flex-direction: column;
364
- justify-content: space-around;
365
- align-items: center;
366
- box-sizing: border-box;
367
- border-radius: 2.13333vmin 2.13333vmin 0 0;
368
- }
369
-
370
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap {
371
- position: relative;
372
- display: flex;
373
- flex-direction: row;
374
- align-items: center;
375
- font-weight: 700;
376
- }
377
-
378
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
379
- margin-right: 0.53333vmin;
380
- font-size: 4.26667vmin;
381
- }
382
-
383
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
384
- display: flex;
385
- align-items: baseline;
386
- font-weight: 500;
387
- font-size: 8.53333vmin !important;
388
- }
389
-
390
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long {
391
- font-size: 6.4vmin !important;
392
- }
393
-
394
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont {
395
- font-size: 4.26667vmin;
396
- font-weight: 500;
397
- }
398
-
399
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal {
400
- display: flex;
401
- align-items: center;
402
- }
403
-
404
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v {
405
- align-items: baseline;
406
- }
407
-
408
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition {
409
- color: white;
410
- font-size: 3.2vmin;
411
- font-weight: 500;
412
- font-family: "PingFang SC";
413
- text-align: center;
414
- line-height: 4.26667vmin;
415
- }
416
-
417
- .styleType1_wrapper-v .coupon_style1 .couponInfo {
418
- display: flex;
419
- flex-direction: column;
420
- justify-content: flex-start;
421
- width: 100%;
422
- height: 25.6vmin;
423
- box-sizing: border-box;
424
- background: white;
425
- padding: 2.13333vmin;
426
- color: #999999;
427
- font-size: 2.66667vmin;
428
- line-height: 2.66667vmin;
429
- font-weight: 400;
430
- text-align: left;
431
- border-radius: 0 0 2.13333vmin 2.13333vmin;
432
- }
433
-
434
- .styleType1_wrapper-v .coupon_style1 .couponInfo .couponName {
435
- color: #333;
436
- font-size: 3.2vmin;
437
- line-height: 4.26667vmin;
438
- height: 4.26667vmin;
439
- width: 30.93333vmin;
440
- font-weight: 700;
441
- margin-bottom: 1.06667vmin;
442
- overflow: hidden;
443
- white-space: nowrap;
444
- text-overflow: ellipsis;
445
- }
446
-
447
- .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint {
448
- margin-bottom: 1.06667vmin;
449
- }
450
-
451
- .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime {
452
- margin-bottom: 0;
453
- }
454
-
455
- .styleType1_wrapper-v .coupon_style1 .couponState {
456
- position: absolute;
457
- right: 2.13333vmin;
458
- bottom: 2.13333vmin;
459
- height: 6.4vmin;
460
- line-height: 6.4vmin;
461
- border-radius: 1.06667vmin;
462
- border: 0;
463
- background: #ff781f;
464
- }
465
-
466
- .styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn {
467
- width: 30.93333vmin;
468
- }
469
-
470
- .styleType1_wrapper-v .coupon_style1 .couponState .couponBtn {
471
- color: white;
472
- font-size: 3.2vmin;
473
- font-weight: 500;
474
- text-align: center;
475
- font-family: "PingFang SC";
476
- }
477
-
478
- @media screen and (min-width: 768px) and (orientation: portrait) {
479
- .styleType1_wrapper.pop-card {
480
- width: 31.51042vmin;
481
- margin-bottom: 0;
482
- }
483
- .styleType1_wrapper.vertical-screen {
484
- width: 30.98958vmin;
485
- margin: 0 auto;
486
- }
487
- .styleType1_wrapper.vertical-screen.not-pop-card {
488
- margin-bottom: 2.08333vmin;
489
- }
490
- .styleType1_wrapper.vertical-screen .coupon_style1 {
491
- height: 11.97917vmin;
492
- }
493
- .styleType1_wrapper.full-screen-list {
494
- width: 45.18229vmin;
495
- margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
496
- }
497
- .styleType1_wrapper.full-screen-list .coupon_style1 {
498
- height: 13.15104vmin;
499
- }
500
- .styleType1_wrapper .coupon_style1 {
501
- display: flex;
502
- position: relative;
503
- width: 100%;
504
- }
505
- .styleType1_wrapper .coupon_style1 .couponValue {
506
- padding: 1.04167vmin;
507
- min-width: 12.10938vmin;
508
- height: 100%;
509
- background: #ff781f;
510
- color: #fff;
511
- display: flex;
512
- flex-direction: column;
513
- justify-content: space-around;
514
- align-items: center;
515
- box-sizing: border-box;
516
- border-radius: 1.04167vmin 0 0 1.04167vmin;
517
- }
518
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
519
- position: relative;
520
- display: flex;
521
- flex-direction: row;
522
- align-items: baseline;
523
- font-weight: 700;
524
- }
525
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
526
- margin-right: 0.26042vmin;
527
- font-size: 2.08333vmin;
528
- }
529
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
530
- display: flex;
531
- font-size: 5.20833vmin;
532
- }
533
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
534
- font-size: 2.08333vmin;
535
- font-weight: 500;
536
- }
537
- .styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
538
- color: white;
539
- font-size: 1.5625vmin;
540
- font-weight: 500;
541
- font-family: "PingFang SC";
542
- text-align: center;
543
- line-height: 2.08333vmin;
544
- }
545
- .styleType1_wrapper .coupon_style1 .couponInfo {
546
- display: flex;
547
- flex-direction: column;
548
- justify-content: flex-start;
549
- width: 33.20312vmin;
550
- height: 100%;
551
- box-sizing: border-box;
552
- background: white;
553
- padding: 1.04167vmin 0 1.04167vmin 1.04167vmin;
554
- color: #999999;
555
- font-size: 1.30208vmin;
556
- line-height: 1.5625vmin;
557
- font-weight: 400;
558
- text-align: left;
559
- border-radius: 0 1.04167vmin 1.04167vmin 0;
560
- }
561
- .styleType1_wrapper .coupon_style1 .couponInfo .couponName {
562
- color: #333333;
563
- font-size: 1.5625vmin;
564
- line-height: 2.08333vmin;
565
- height: 2.08333vmin;
566
- width: 16.01562vmin;
567
- font-weight: 700;
568
- margin-bottom: 0.52083vmin;
569
- overflow: hidden;
570
- white-space: nowrap;
571
- text-overflow: ellipsis;
572
- }
573
- .styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
574
- margin-bottom: 0.26042vmin;
575
- }
576
- .styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
577
- margin-bottom: 4.8vmin;
578
- }
579
- .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo {
580
- display: flex;
581
- cursor: pointer;
582
- align-items: center;
583
- }
584
- .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn {
585
- width: 1.5625vmin;
586
- height: 1.5625vmin;
587
- margin-left: 0.39062vmin;
588
- background-size: 100% 100%;
589
- }
590
- .styleType1_wrapper .coupon_style1 .couponState {
591
- position: absolute;
592
- right: 1.04167vmin;
593
- bottom: 1.04167vmin;
594
- height: 3.125vmin;
595
- line-height: 3.125vmin;
596
- border-radius: 0.52083vmin;
597
- border: 0;
598
- background: #ff781f;
599
- }
600
- .styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
601
- width: 8.85417vmin;
602
- }
603
- .styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
604
- width: 7.29167vmin;
605
- }
606
- .styleType1_wrapper .coupon_style1 .couponState .couponBtn {
607
- color: white;
608
- font-size: 1.5625vmin;
609
- font-weight: 700;
610
- text-align: center;
611
- font-family: "PingFang SC";
612
- }
613
- .styleType1_wrapper .coupon_style1 .hasReceivedStatus {
614
- position: absolute;
615
- top: 0vmin;
616
- right: 0vmin;
617
- width: 6.38021vmin;
618
- height: 7.42188vmin;
619
- }
620
- .styleType1_wrapper .detailInfo {
621
- width: 100%;
622
- display: flex;
623
- background-color: #fff6f0;
624
- box-sizing: border-box;
625
- border-radius: 0 0 0.26042vmin 0.26042vmin;
626
- padding: 1.04167vmin;
627
- padding-top: 2.44141vmin;
628
- color: #666666;
629
- font-size: 1.30208vmin;
630
- margin-top: -2vmin;
631
- text-align: left;
632
- }
633
- .styleType1_wrapper .detailInfo .disabledHint {
634
- width: 1.82292vmin;
635
- margin-right: 0.65104vmin;
636
- }
637
- .styleType1_wrapper .detailInfo .instructions {
638
- word-break: break-all;
639
- }
640
- .styleType1_wrapper .detailInfo .instructions .remark {
641
- color: #333333;
642
- margin-bottom: 0.52083vmin;
643
- }
644
- .styleType2_wrapper {
645
- margin-bottom: 1.5625vmin;
646
- margin-right: 1.04167vmin;
647
- }
648
- .styleType2_wrapper .coupon_style2 {
649
- display: flex;
650
- flex-direction: row;
651
- color: #ff781f;
652
- position: relative;
653
- overflow: hidden;
654
- width: 21.875vmin;
655
- height: 10.41667vmin;
656
- flex-shrink: 0;
657
- }
658
- .styleType2_wrapper .coupon_style2 .coupons-styles2-bg {
659
- position: absolute;
660
- top: 0;
661
- left: 0;
662
- right: 0;
663
- width: 100%;
664
- height: 100%;
665
- }
666
- .styleType2_wrapper .coupon_style2 .couponInfo {
667
- display: inline-flex;
668
- flex-direction: column;
669
- box-sizing: border-box;
670
- padding-left: 1.04167vmin;
671
- width: 17.70833vmin;
672
- height: 100%;
673
- font-family: "PingFang SC";
674
- font-size: 1.30208vmin;
675
- line-height: 1.5625vmin;
676
- }
677
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop {
678
- padding-top: 1.04167vmin;
679
- display: flex;
680
- flex-direction: row;
681
- align-items: flex-end;
682
- height: 3.125vmin;
683
- }
684
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap {
685
- position: relative;
686
- display: flex;
687
- flex-direction: row;
688
- align-items: baseline;
689
- font-weight: 700;
690
- height: 3.125vmin;
691
- line-height: 3.125vmin;
692
- }
693
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol {
694
- margin-right: 0.26042vmin;
695
- font-size: 1.5625vmin;
696
- }
697
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price {
698
- display: flex;
699
- font-size: 4.58984vmin;
700
- }
701
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont {
702
- font-size: 1.5625vmin;
703
- font-weight: 500;
704
- margin-left: 0.26042vmin;
705
- }
706
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom {
707
- font-weight: 400;
708
- line-height: 1.5625vmin;
709
- position: relative;
710
- margin-top: 0.39062vmin;
711
- }
712
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit {
713
- margin-bottom: 0.26042vmin;
714
- }
715
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition {
716
- font-size: 1.30208vmin;
717
- font-weight: 400;
718
- }
719
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint {
720
- margin-bottom: 0.26042vmin;
721
- }
722
- .styleType2_wrapper .coupon_style2 .couponStatewrapper {
723
- width: 4.03646vmin;
724
- height: 100%;
725
- /* -webkit-align-self: center; */
726
- -ms-flex-item-align: center;
727
- align-self: center;
728
- position: relative;
729
- display: inline-flex;
730
- justify-content: center;
731
- align-items: center;
732
- text-align: center;
733
- }
734
- .styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn {
735
- writing-mode: vertical-lr;
736
- letter-spacing: 0.65104vmin;
737
- font-size: 1.5625vmin;
738
- font-weight: 700;
739
- font-family: "PingFang SC";
740
- }
741
- .styleType2_wrapper .coupon_style2 .couponStatewrapper:before {
742
- content: " ";
743
- display: block;
744
- width: 100%;
745
- height: 7.42188vmin;
746
- border-left: 0.13021vmin dashed #ff781f;
747
- -webkit-transform: scale(1.3);
748
- transform: scale(0.7, 1.1);
749
- position: absolute;
750
- left: -vmin(10);
751
- top: 3.07vmin;
752
- }
753
- .styleType2_wrapper .coupon_style2 .hasReceivedStatus {
754
- position: absolute;
755
- top: 0vmin;
756
- right: 0vmin;
757
- width: 6.38021vmin;
758
- height: 7.42188vmin;
759
- }
760
- .styleType1_wrapper-v.vertical-screen {
761
- width: 17.1875vmin;
762
- height: 23.69792vmin;
763
- margin: 0 auto;
764
- }
765
- .styleType1_wrapper-v.vertical-screen.not-pop-card {
766
- margin-bottom: 0;
767
- }
768
- .styleType1_wrapper-v.vertical-screen .coupon_style1 {
769
- height: 11.19792vmin;
770
- }
771
- .styleType1_wrapper-v.full-screen-list {
772
- width: 45.18229vmin;
773
- margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
774
- }
775
- .styleType1_wrapper-v.full-screen-list .coupon_style1 {
776
- height: 13.15104vmin;
777
- }
778
- .styleType1_wrapper-v .coupon_style1 {
779
- display: block;
780
- position: static;
781
- width: 100%;
782
- }
783
- .styleType1_wrapper-v .coupon_style1 .couponValue {
784
- padding: 1.6276vmin 0;
785
- min-width: unset;
786
- height: 11.19792vmin;
787
- background: #ff781f;
788
- color: #fff;
789
- display: flex;
790
- flex-direction: column;
791
- justify-content: space-around;
792
- align-items: center;
793
- box-sizing: border-box;
794
- border-radius: 1.04167vmin 1.04167vmin 0 0;
795
- }
796
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap {
797
- position: relative;
798
- display: flex;
799
- flex-direction: row;
800
- align-items: center;
801
- font-weight: 700;
802
- }
803
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
804
- margin-right: 0.26042vmin;
805
- font-size: 2.08333vmin;
806
- }
807
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
808
- display: flex;
809
- align-items: baseline;
810
- font-weight: 500;
811
- font-size: 4.16667vmin !important;
812
- }
813
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long {
814
- font-size: 3.125vmin !important;
815
- }
816
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont {
817
- font-size: 2.08333vmin;
818
- font-weight: 500;
819
- }
820
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal {
821
- display: flex;
822
- align-items: center;
823
- }
824
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v {
825
- align-items: baseline;
826
- }
827
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition {
828
- color: white;
829
- font-size: 1.5625vmin;
830
- font-weight: 500;
831
- font-family: "PingFang SC";
832
- text-align: center;
833
- line-height: 2.08333vmin;
834
- }
835
- .styleType1_wrapper-v .coupon_style1 .couponInfo {
836
- display: flex;
837
- flex-direction: column;
838
- justify-content: flex-start;
839
- width: 100%;
840
- height: 12.5vmin;
841
- box-sizing: border-box;
842
- background: white;
843
- padding: 1.04167vmin;
844
- color: #999999;
845
- font-size: 1.30208vmin;
846
- line-height: 1.30208vmin;
847
- font-weight: 400;
848
- text-align: left;
849
- border-radius: 0 0 1.04167vmin 1.04167vmin;
850
- }
851
- .styleType1_wrapper-v .coupon_style1 .couponInfo .couponName {
852
- color: #333;
853
- font-size: 1.5625vmin;
854
- line-height: 2.08333vmin;
855
- height: 2.08333vmin;
856
- width: 15.10417vmin;
857
- font-weight: 700;
858
- margin-bottom: 0.52083vmin;
859
- overflow: hidden;
860
- white-space: nowrap;
861
- text-overflow: ellipsis;
862
- }
863
- .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint {
864
- margin-bottom: 0.52083vmin;
865
- }
866
- .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime {
867
- margin-bottom: 0;
868
- }
869
- .styleType1_wrapper-v .coupon_style1 .couponState {
870
- position: absolute;
871
- right: 1.04167vmin;
872
- bottom: 1.04167vmin;
873
- height: 3.125vmin;
874
- line-height: 3.125vmin;
875
- border-radius: 0.52083vmin;
876
- border: 0;
877
- background: #ff781f;
878
- }
879
- .styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn {
880
- width: 15.10417vmin;
881
- }
882
- .styleType1_wrapper-v .coupon_style1 .couponState .couponBtn {
883
- color: white;
884
- font-size: 1.5625vmin;
885
- font-weight: 500;
886
- text-align: center;
887
- font-family: "PingFang SC";
888
- }
889
- }
890
-
891
- @media screen and (min-height: 630px) and (orientation: landscape) {
892
- .styleType1_wrapper.pop-card {
893
- width: 38.4127vmin;
894
- margin-bottom: 0;
895
- }
896
- .styleType1_wrapper.vertical-screen {
897
- width: 37.77778vmin;
898
- margin: 0 auto;
899
- }
900
- .styleType1_wrapper.vertical-screen.not-pop-card {
901
- margin-bottom: 2.53968vmin;
902
- }
903
- .styleType1_wrapper.vertical-screen .coupon_style1 {
904
- height: 14.60317vmin;
905
- }
906
- .styleType1_wrapper.full-screen-list {
907
- width: 55.07937vmin;
908
- margin: 1.90476vmin 2.53968vmin 0 2.53968vmin;
909
- }
910
- .styleType1_wrapper.full-screen-list .coupon_style1 {
911
- height: 16.03175vmin;
912
- }
913
- .styleType1_wrapper .coupon_style1 {
914
- display: flex;
915
- position: relative;
916
- width: 100%;
917
- }
918
- .styleType1_wrapper .coupon_style1 .couponValue {
919
- padding: 1.26984vmin;
920
- min-width: 14.7619vmin;
921
- height: 100%;
922
- background: #ff781f;
923
- color: #fff;
924
- display: flex;
925
- flex-direction: column;
926
- justify-content: space-around;
927
- align-items: center;
928
- box-sizing: border-box;
929
- border-radius: 1.26984vmin 0 0 1.26984vmin;
930
- }
931
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
932
- position: relative;
933
- display: flex;
934
- flex-direction: row;
935
- align-items: baseline;
936
- font-weight: 700;
937
- }
938
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
939
- margin-right: 0.31746vmin;
940
- font-size: 2.53968vmin;
941
- }
942
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
943
- display: flex;
944
- font-size: 6.34921vmin;
945
- }
946
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
947
- font-size: 2.53968vmin;
948
- font-weight: 500;
949
- }
950
- .styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
951
- color: white;
952
- font-size: 1.90476vmin;
953
- font-weight: 500;
954
- font-family: "PingFang SC";
955
- text-align: center;
956
- line-height: 2.53968vmin;
957
- }
958
- .styleType1_wrapper .coupon_style1 .couponInfo {
959
- display: flex;
960
- flex-direction: column;
961
- justify-content: flex-start;
962
- width: 40.47619vmin;
963
- height: 100%;
964
- box-sizing: border-box;
965
- background: white;
966
- padding: 1.26984vmin 0 1.26984vmin 1.26984vmin;
967
- color: #999999;
968
- font-size: 1.5873vmin;
969
- line-height: 1.90476vmin;
970
- font-weight: 400;
971
- text-align: left;
972
- border-radius: 0 1.26984vmin 1.26984vmin 0;
973
- }
974
- .styleType1_wrapper .coupon_style1 .couponInfo .couponName {
975
- color: #333333;
976
- font-size: 1.90476vmin;
977
- line-height: 2.53968vmin;
978
- height: 2.53968vmin;
979
- width: 19.52381vmin;
980
- font-weight: 700;
981
- margin-bottom: 0.63492vmin;
982
- overflow: hidden;
983
- white-space: nowrap;
984
- text-overflow: ellipsis;
985
- }
986
- .styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
987
- margin-bottom: 0.31746vmin;
988
- }
989
- .styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
990
- margin-bottom: 4.8vmin;
991
- }
992
- .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo {
993
- display: flex;
994
- cursor: pointer;
995
- align-items: center;
996
- }
997
- .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn {
998
- width: 1.90476vmin;
999
- height: 1.90476vmin;
1000
- margin-left: 0.47619vmin;
1001
- background-size: 100% 100%;
1002
- }
1003
- .styleType1_wrapper .coupon_style1 .couponState {
1004
- position: absolute;
1005
- right: 1.26984vmin;
1006
- bottom: 1.26984vmin;
1007
- height: 3.80952vmin;
1008
- line-height: 3.80952vmin;
1009
- border-radius: 0.63492vmin;
1010
- border: 0;
1011
- background: #ff781f;
1012
- }
1013
- .styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
1014
- width: 10.79365vmin;
1015
- }
1016
- .styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
1017
- width: 8.88889vmin;
1018
- }
1019
- .styleType1_wrapper .coupon_style1 .couponState .couponBtn {
1020
- color: white;
1021
- font-size: 1.90476vmin;
1022
- font-weight: 700;
1023
- text-align: center;
1024
- font-family: "PingFang SC";
1025
- }
1026
- .styleType1_wrapper .coupon_style1 .hasReceivedStatus {
1027
- position: absolute;
1028
- top: 0vmin;
1029
- right: 0vmin;
1030
- width: 7.77778vmin;
1031
- height: 9.04762vmin;
1032
- }
1033
- .styleType1_wrapper .detailInfo {
1034
- width: 100%;
1035
- display: flex;
1036
- background-color: #fff6f0;
1037
- box-sizing: border-box;
1038
- border-radius: 0 0 0.31746vmin 0.31746vmin;
1039
- padding: 1.26984vmin;
1040
- padding-top: 2.97619vmin;
1041
- color: #666666;
1042
- font-size: 1.5873vmin;
1043
- margin-top: -2vmin;
1044
- text-align: left;
1045
- }
1046
- .styleType1_wrapper .detailInfo .disabledHint {
1047
- width: 2.22222vmin;
1048
- margin-right: 0.79365vmin;
1049
- }
1050
- .styleType1_wrapper .detailInfo .instructions {
1051
- word-break: break-all;
1052
- }
1053
- .styleType1_wrapper .detailInfo .instructions .remark {
1054
- color: #333333;
1055
- margin-bottom: 0.63492vmin;
1056
- }
1057
- .styleType2_wrapper {
1058
- margin-bottom: 1.90476vmin;
1059
- margin-right: 1.26984vmin;
1060
- }
1061
- .styleType2_wrapper .coupon_style2 {
1062
- display: flex;
1063
- flex-direction: row;
1064
- color: #ff781f;
1065
- position: relative;
1066
- overflow: hidden;
1067
- width: 26.66667vmin;
1068
- height: 12.69841vmin;
1069
- flex-shrink: 0;
1070
- }
1071
- .styleType2_wrapper .coupon_style2 .coupons-styles2-bg {
1072
- position: absolute;
1073
- top: 0;
1074
- left: 0;
1075
- right: 0;
1076
- width: 100%;
1077
- height: 100%;
1078
- }
1079
- .styleType2_wrapper .coupon_style2 .couponInfo {
1080
- display: inline-flex;
1081
- flex-direction: column;
1082
- box-sizing: border-box;
1083
- padding-left: 1.26984vmin;
1084
- width: 21.5873vmin;
1085
- height: 100%;
1086
- font-family: "PingFang SC";
1087
- font-size: 1.5873vmin;
1088
- line-height: 1.90476vmin;
1089
- }
1090
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop {
1091
- padding-top: 1.26984vmin;
1092
- display: flex;
1093
- flex-direction: row;
1094
- align-items: flex-end;
1095
- height: 3.80952vmin;
1096
- }
1097
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap {
1098
- position: relative;
1099
- display: flex;
1100
- flex-direction: row;
1101
- align-items: baseline;
1102
- font-weight: 700;
1103
- height: 3.80952vmin;
1104
- line-height: 3.80952vmin;
1105
- }
1106
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol {
1107
- margin-right: 0.31746vmin;
1108
- font-size: 1.90476vmin;
1109
- }
1110
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price {
1111
- display: flex;
1112
- font-size: 5.59524vmin;
1113
- }
1114
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont {
1115
- font-size: 1.90476vmin;
1116
- font-weight: 500;
1117
- margin-left: 0.31746vmin;
1118
- }
1119
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom {
1120
- font-weight: 400;
1121
- line-height: 1.90476vmin;
1122
- position: relative;
1123
- margin-top: 0.47619vmin;
1124
- }
1125
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit {
1126
- margin-bottom: 0.31746vmin;
1127
- }
1128
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition {
1129
- font-size: 1.5873vmin;
1130
- font-weight: 400;
1131
- }
1132
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint {
1133
- margin-bottom: 0.31746vmin;
1134
- }
1135
- .styleType2_wrapper .coupon_style2 .couponStatewrapper {
1136
- width: 4.92063vmin;
1137
- height: 100%;
1138
- /* -webkit-align-self: center; */
1139
- -ms-flex-item-align: center;
1140
- align-self: center;
1141
- position: relative;
1142
- display: inline-flex;
1143
- justify-content: center;
1144
- align-items: center;
1145
- text-align: center;
1146
- }
1147
- .styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn {
1148
- writing-mode: vertical-lr;
1149
- letter-spacing: 0.79365vmin;
1150
- font-size: 1.90476vmin;
1151
- font-weight: 700;
1152
- font-family: "PingFang SC";
1153
- }
1154
- .styleType2_wrapper .coupon_style2 .couponStatewrapper:before {
1155
- content: " ";
1156
- display: block;
1157
- width: 100%;
1158
- height: 9.04762vmin;
1159
- border-left: 0.15873vmin dashed #ff781f;
1160
- -webkit-transform: scale(1.3);
1161
- transform: scale(0.7, 1.1);
1162
- position: absolute;
1163
- left: -vmin(10);
1164
- top: 3.07vmin;
1165
- }
1166
- .styleType2_wrapper .coupon_style2 .hasReceivedStatus {
1167
- position: absolute;
1168
- top: 0vmin;
1169
- right: 0vmin;
1170
- width: 7.77778vmin;
1171
- height: 9.04762vmin;
1172
- }
1173
- .styleType1_wrapper-v.vertical-screen {
1174
- width: 20.95238vmin;
1175
- height: 28.88889vmin;
1176
- margin: 0 auto;
1177
- }
1178
- .styleType1_wrapper-v.vertical-screen.not-pop-card {
1179
- margin-bottom: 0;
1180
- }
1181
- .styleType1_wrapper-v.vertical-screen .coupon_style1 {
1182
- height: 13.65079vmin;
1183
- }
1184
- .styleType1_wrapper-v.full-screen-list {
1185
- width: 55.07937vmin;
1186
- margin: 1.90476vmin 2.53968vmin 0 2.53968vmin;
1187
- }
1188
- .styleType1_wrapper-v.full-screen-list .coupon_style1 {
1189
- height: 16.03175vmin;
1190
- }
1191
- .styleType1_wrapper-v .coupon_style1 {
1192
- display: block;
1193
- position: static;
1194
- width: 100%;
1195
- }
1196
- .styleType1_wrapper-v .coupon_style1 .couponValue {
1197
- padding: 1.98413vmin 0;
1198
- min-width: unset;
1199
- height: 13.65079vmin;
1200
- background: #ff781f;
1201
- color: #fff;
1202
- display: flex;
1203
- flex-direction: column;
1204
- justify-content: space-around;
1205
- align-items: center;
1206
- box-sizing: border-box;
1207
- border-radius: 1.26984vmin 1.26984vmin 0 0;
1208
- }
1209
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap {
1210
- position: relative;
1211
- display: flex;
1212
- flex-direction: row;
1213
- align-items: center;
1214
- font-weight: 700;
1215
- }
1216
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
1217
- margin-right: 0.31746vmin;
1218
- font-size: 2.53968vmin;
1219
- }
1220
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
1221
- display: flex;
1222
- align-items: baseline;
1223
- font-weight: 500;
1224
- font-size: 5.07937vmin !important;
1225
- }
1226
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long {
1227
- font-size: 3.80952vmin !important;
1228
- }
1229
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont {
1230
- font-size: 2.53968vmin;
1231
- font-weight: 500;
1232
- }
1233
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal {
1234
- display: flex;
1235
- align-items: center;
1236
- }
1237
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v {
1238
- align-items: baseline;
1239
- }
1240
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition {
1241
- color: white;
1242
- font-size: 1.90476vmin;
1243
- font-weight: 500;
1244
- font-family: "PingFang SC";
1245
- text-align: center;
1246
- line-height: 2.53968vmin;
1247
- }
1248
- .styleType1_wrapper-v .coupon_style1 .couponInfo {
1249
- display: flex;
1250
- flex-direction: column;
1251
- justify-content: flex-start;
1252
- width: 100%;
1253
- height: 15.2381vmin;
1254
- box-sizing: border-box;
1255
- background: white;
1256
- padding: 1.26984vmin;
1257
- color: #999999;
1258
- font-size: 1.5873vmin;
1259
- line-height: 1.5873vmin;
1260
- font-weight: 400;
1261
- text-align: left;
1262
- border-radius: 0 0 1.26984vmin 1.26984vmin;
1263
- }
1264
- .styleType1_wrapper-v .coupon_style1 .couponInfo .couponName {
1265
- color: #333;
1266
- font-size: 1.90476vmin;
1267
- line-height: 2.53968vmin;
1268
- height: 2.53968vmin;
1269
- width: 18.4127vmin;
1270
- font-weight: 700;
1271
- margin-bottom: 0.63492vmin;
1272
- overflow: hidden;
1273
- white-space: nowrap;
1274
- text-overflow: ellipsis;
1275
- }
1276
- .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint {
1277
- margin-bottom: 0.63492vmin;
1278
- }
1279
- .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime {
1280
- margin-bottom: 0;
1281
- }
1282
- .styleType1_wrapper-v .coupon_style1 .couponState {
1283
- position: absolute;
1284
- right: 1.26984vmin;
1285
- bottom: 1.26984vmin;
1286
- height: 3.80952vmin;
1287
- line-height: 3.80952vmin;
1288
- border-radius: 0.63492vmin;
1289
- border: 0;
1290
- background: #ff781f;
1291
- }
1292
- .styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn {
1293
- width: 18.4127vmin;
1294
- }
1295
- .styleType1_wrapper-v .coupon_style1 .couponState .couponBtn {
1296
- color: white;
1297
- font-size: 1.90476vmin;
1298
- font-weight: 500;
1299
- text-align: center;
1300
- font-family: "PingFang SC";
1301
- }
1302
- }
1303
-
1304
- @media screen and (min-height: 768px) and (orientation: landscape) {
1305
- .styleType1_wrapper.pop-card {
1306
- width: 31.51042vmin;
1307
- margin-bottom: 0;
1308
- }
1309
- .styleType1_wrapper.vertical-screen {
1310
- width: 30.98958vmin;
1311
- margin: 0 auto;
1312
- }
1313
- .styleType1_wrapper.vertical-screen.not-pop-card {
1314
- margin-bottom: 2.08333vmin;
1315
- }
1316
- .styleType1_wrapper.vertical-screen .coupon_style1 {
1317
- height: 11.97917vmin;
1318
- }
1319
- .styleType1_wrapper.full-screen-list {
1320
- width: 45.18229vmin;
1321
- margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
1322
- }
1323
- .styleType1_wrapper.full-screen-list .coupon_style1 {
1324
- height: 13.15104vmin;
1325
- }
1326
- .styleType1_wrapper .coupon_style1 {
1327
- display: flex;
1328
- position: relative;
1329
- width: 100%;
1330
- }
1331
- .styleType1_wrapper .coupon_style1 .couponValue {
1332
- padding: 1.04167vmin;
1333
- min-width: 12.10938vmin;
1334
- height: 100%;
1335
- background: #ff781f;
1336
- color: #fff;
1337
- display: flex;
1338
- flex-direction: column;
1339
- justify-content: space-around;
1340
- align-items: center;
1341
- box-sizing: border-box;
1342
- border-radius: 1.04167vmin 0 0 1.04167vmin;
1343
- }
1344
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
1345
- position: relative;
1346
- display: flex;
1347
- flex-direction: row;
1348
- align-items: baseline;
1349
- font-weight: 700;
1350
- }
1351
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
1352
- margin-right: 0.26042vmin;
1353
- font-size: 2.08333vmin;
1354
- }
1355
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
1356
- display: flex;
1357
- font-size: 5.20833vmin;
1358
- }
1359
- .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
1360
- font-size: 2.08333vmin;
1361
- font-weight: 500;
1362
- }
1363
- .styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
1364
- color: white;
1365
- font-size: 1.5625vmin;
1366
- font-weight: 500;
1367
- font-family: "PingFang SC";
1368
- text-align: center;
1369
- line-height: 2.08333vmin;
1370
- }
1371
- .styleType1_wrapper .coupon_style1 .couponInfo {
1372
- display: flex;
1373
- flex-direction: column;
1374
- justify-content: flex-start;
1375
- width: 33.20312vmin;
1376
- height: 100%;
1377
- box-sizing: border-box;
1378
- background: white;
1379
- padding: 1.04167vmin 0 1.04167vmin 1.04167vmin;
1380
- color: #999999;
1381
- font-size: 1.30208vmin;
1382
- line-height: 1.5625vmin;
1383
- font-weight: 400;
1384
- text-align: left;
1385
- border-radius: 0 1.04167vmin 1.04167vmin 0;
1386
- }
1387
- .styleType1_wrapper .coupon_style1 .couponInfo .couponName {
1388
- color: #333333;
1389
- font-size: 1.5625vmin;
1390
- line-height: 2.08333vmin;
1391
- height: 2.08333vmin;
1392
- width: 16.01562vmin;
1393
- font-weight: 700;
1394
- margin-bottom: 0.52083vmin;
1395
- overflow: hidden;
1396
- white-space: nowrap;
1397
- text-overflow: ellipsis;
1398
- }
1399
- .styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
1400
- margin-bottom: 0.26042vmin;
1401
- }
1402
- .styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
1403
- margin-bottom: 4.8vmin;
1404
- }
1405
- .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo {
1406
- display: flex;
1407
- cursor: pointer;
1408
- align-items: center;
1409
- }
1410
- .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn {
1411
- width: 1.5625vmin;
1412
- height: 1.5625vmin;
1413
- margin-left: 0.39062vmin;
1414
- background-size: 100% 100%;
1415
- }
1416
- .styleType1_wrapper .coupon_style1 .couponState {
1417
- position: absolute;
1418
- right: 1.04167vmin;
1419
- bottom: 1.04167vmin;
1420
- height: 3.125vmin;
1421
- line-height: 3.125vmin;
1422
- border-radius: 0.52083vmin;
1423
- border: 0;
1424
- background: #ff781f;
1425
- }
1426
- .styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
1427
- width: 8.85417vmin;
1428
- }
1429
- .styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
1430
- width: 7.29167vmin;
1431
- }
1432
- .styleType1_wrapper .coupon_style1 .couponState .couponBtn {
1433
- color: white;
1434
- font-size: 1.5625vmin;
1435
- font-weight: 700;
1436
- text-align: center;
1437
- font-family: "PingFang SC";
1438
- }
1439
- .styleType1_wrapper .coupon_style1 .hasReceivedStatus {
1440
- position: absolute;
1441
- top: 0vmin;
1442
- right: 0vmin;
1443
- width: 6.38021vmin;
1444
- height: 7.42188vmin;
1445
- }
1446
- .styleType1_wrapper .detailInfo {
1447
- width: 100%;
1448
- display: flex;
1449
- background-color: #fff6f0;
1450
- box-sizing: border-box;
1451
- border-radius: 0 0 0.26042vmin 0.26042vmin;
1452
- padding: 1.04167vmin;
1453
- padding-top: 2.44141vmin;
1454
- color: #666666;
1455
- font-size: 1.30208vmin;
1456
- margin-top: -2vmin;
1457
- text-align: left;
1458
- }
1459
- .styleType1_wrapper .detailInfo .disabledHint {
1460
- width: 1.82292vmin;
1461
- margin-right: 0.65104vmin;
1462
- }
1463
- .styleType1_wrapper .detailInfo .instructions {
1464
- word-break: break-all;
1465
- }
1466
- .styleType1_wrapper .detailInfo .instructions .remark {
1467
- color: #333333;
1468
- margin-bottom: 0.52083vmin;
1469
- }
1470
- .styleType2_wrapper {
1471
- margin-bottom: 1.5625vmin;
1472
- margin-right: 1.04167vmin;
1473
- }
1474
- .styleType2_wrapper .coupon_style2 {
1475
- display: flex;
1476
- flex-direction: row;
1477
- color: #ff781f;
1478
- position: relative;
1479
- overflow: hidden;
1480
- width: 21.875vmin;
1481
- height: 10.41667vmin;
1482
- flex-shrink: 0;
1483
- }
1484
- .styleType2_wrapper .coupon_style2 .coupons-styles2-bg {
1485
- position: absolute;
1486
- top: 0;
1487
- left: 0;
1488
- right: 0;
1489
- width: 100%;
1490
- height: 100%;
1491
- }
1492
- .styleType2_wrapper .coupon_style2 .couponInfo {
1493
- display: inline-flex;
1494
- flex-direction: column;
1495
- box-sizing: border-box;
1496
- padding-left: 1.04167vmin;
1497
- width: 17.70833vmin;
1498
- height: 100%;
1499
- font-family: "PingFang SC";
1500
- font-size: 1.30208vmin;
1501
- line-height: 1.5625vmin;
1502
- }
1503
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop {
1504
- padding-top: 1.04167vmin;
1505
- display: flex;
1506
- flex-direction: row;
1507
- align-items: flex-end;
1508
- height: 3.125vmin;
1509
- }
1510
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap {
1511
- position: relative;
1512
- display: flex;
1513
- flex-direction: row;
1514
- align-items: baseline;
1515
- font-weight: 700;
1516
- height: 3.125vmin;
1517
- line-height: 3.125vmin;
1518
- }
1519
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol {
1520
- margin-right: 0.26042vmin;
1521
- font-size: 1.5625vmin;
1522
- }
1523
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price {
1524
- display: flex;
1525
- font-size: 4.58984vmin;
1526
- }
1527
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont {
1528
- font-size: 1.5625vmin;
1529
- font-weight: 500;
1530
- margin-left: 0.26042vmin;
1531
- }
1532
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom {
1533
- font-weight: 400;
1534
- line-height: 1.5625vmin;
1535
- position: relative;
1536
- margin-top: 0.39062vmin;
1537
- }
1538
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit {
1539
- margin-bottom: 0.26042vmin;
1540
- }
1541
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition {
1542
- font-size: 1.30208vmin;
1543
- font-weight: 400;
1544
- }
1545
- .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint {
1546
- margin-bottom: 0.26042vmin;
1547
- }
1548
- .styleType2_wrapper .coupon_style2 .couponStatewrapper {
1549
- width: 4.03646vmin;
1550
- height: 100%;
1551
- /* -webkit-align-self: center; */
1552
- -ms-flex-item-align: center;
1553
- align-self: center;
1554
- position: relative;
1555
- display: inline-flex;
1556
- justify-content: center;
1557
- align-items: center;
1558
- text-align: center;
1559
- }
1560
- .styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn {
1561
- writing-mode: vertical-lr;
1562
- letter-spacing: 0.65104vmin;
1563
- font-size: 1.5625vmin;
1564
- font-weight: 700;
1565
- font-family: "PingFang SC";
1566
- }
1567
- .styleType2_wrapper .coupon_style2 .couponStatewrapper:before {
1568
- content: " ";
1569
- display: block;
1570
- width: 100%;
1571
- height: 7.42188vmin;
1572
- border-left: 0.13021vmin dashed #ff781f;
1573
- -webkit-transform: scale(1.3);
1574
- transform: scale(0.7, 1.1);
1575
- position: absolute;
1576
- left: -vmin(10);
1577
- top: 3.07vmin;
1578
- }
1579
- .styleType2_wrapper .coupon_style2 .hasReceivedStatus {
1580
- position: absolute;
1581
- top: 0vmin;
1582
- right: 0vmin;
1583
- width: 6.38021vmin;
1584
- height: 7.42188vmin;
1585
- }
1586
- .styleType1_wrapper-v.vertical-screen {
1587
- width: 17.1875vmin;
1588
- height: 23.69792vmin;
1589
- margin: 0 auto;
1590
- }
1591
- .styleType1_wrapper-v.vertical-screen.not-pop-card {
1592
- margin-bottom: 0;
1593
- }
1594
- .styleType1_wrapper-v.vertical-screen .coupon_style1 {
1595
- height: 11.19792vmin;
1596
- }
1597
- .styleType1_wrapper-v.full-screen-list {
1598
- width: 45.18229vmin;
1599
- margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
1600
- }
1601
- .styleType1_wrapper-v.full-screen-list .coupon_style1 {
1602
- height: 13.15104vmin;
1603
- }
1604
- .styleType1_wrapper-v .coupon_style1 {
1605
- display: block;
1606
- position: static;
1607
- width: 100%;
1608
- }
1609
- .styleType1_wrapper-v .coupon_style1 .couponValue {
1610
- padding: 1.6276vmin 0;
1611
- min-width: unset;
1612
- height: 11.19792vmin;
1613
- background: #ff781f;
1614
- color: #fff;
1615
- display: flex;
1616
- flex-direction: column;
1617
- justify-content: space-around;
1618
- align-items: center;
1619
- box-sizing: border-box;
1620
- border-radius: 1.04167vmin 1.04167vmin 0 0;
1621
- }
1622
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap {
1623
- position: relative;
1624
- display: flex;
1625
- flex-direction: row;
1626
- align-items: center;
1627
- font-weight: 700;
1628
- }
1629
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
1630
- margin-right: 0.26042vmin;
1631
- font-size: 2.08333vmin;
1632
- }
1633
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
1634
- display: flex;
1635
- align-items: baseline;
1636
- font-weight: 500;
1637
- font-size: 4.16667vmin !important;
1638
- }
1639
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long {
1640
- font-size: 3.125vmin !important;
1641
- }
1642
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont {
1643
- font-size: 2.08333vmin;
1644
- font-weight: 500;
1645
- }
1646
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal {
1647
- display: flex;
1648
- align-items: center;
1649
- }
1650
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v {
1651
- align-items: baseline;
1652
- }
1653
- .styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition {
1654
- color: white;
1655
- font-size: 1.5625vmin;
1656
- font-weight: 500;
1657
- font-family: "PingFang SC";
1658
- text-align: center;
1659
- line-height: 2.08333vmin;
1660
- }
1661
- .styleType1_wrapper-v .coupon_style1 .couponInfo {
1662
- display: flex;
1663
- flex-direction: column;
1664
- justify-content: flex-start;
1665
- width: 100%;
1666
- height: 12.5vmin;
1667
- box-sizing: border-box;
1668
- background: white;
1669
- padding: 1.04167vmin;
1670
- color: #999999;
1671
- font-size: 1.30208vmin;
1672
- line-height: 1.30208vmin;
1673
- font-weight: 400;
1674
- text-align: left;
1675
- border-radius: 0 0 1.04167vmin 1.04167vmin;
1676
- }
1677
- .styleType1_wrapper-v .coupon_style1 .couponInfo .couponName {
1678
- color: #333;
1679
- font-size: 1.5625vmin;
1680
- line-height: 2.08333vmin;
1681
- height: 2.08333vmin;
1682
- width: 15.10417vmin;
1683
- font-weight: 700;
1684
- margin-bottom: 0.52083vmin;
1685
- overflow: hidden;
1686
- white-space: nowrap;
1687
- text-overflow: ellipsis;
1688
- }
1689
- .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint {
1690
- margin-bottom: 0.52083vmin;
1691
- }
1692
- .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime {
1693
- margin-bottom: 0;
1694
- }
1695
- .styleType1_wrapper-v .coupon_style1 .couponState {
1696
- position: absolute;
1697
- right: 1.04167vmin;
1698
- bottom: 1.04167vmin;
1699
- height: 3.125vmin;
1700
- line-height: 3.125vmin;
1701
- border-radius: 0.52083vmin;
1702
- border: 0;
1703
- background: #ff781f;
1704
- }
1705
- .styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn {
1706
- width: 15.10417vmin;
1707
- }
1708
- .styleType1_wrapper-v .coupon_style1 .couponState .couponBtn {
1709
- color: white;
1710
- font-size: 1.5625vmin;
1711
- font-weight: 500;
1712
- text-align: center;
1713
- font-family: "PingFang SC";
1714
- }
1715
- }
1
+ .styleType1_wrapper.pop-card {
2
+ width: 64.53333vmin;
3
+ margin-bottom: 0;
4
+ }
5
+
6
+ .styleType1_wrapper.vertical-screen {
7
+ width: 63.46667vmin;
8
+ margin: 0 auto;
9
+ }
10
+
11
+ .styleType1_wrapper.vertical-screen.not-pop-card {
12
+ margin-bottom: 4.26667vmin;
13
+ }
14
+
15
+ .styleType1_wrapper.vertical-screen .coupon_style1 {
16
+ height: 24.53333vmin;
17
+ }
18
+
19
+ .styleType1_wrapper.full-screen-list {
20
+ width: 92.53333vmin;
21
+ margin: 3.2vmin 4.26667vmin 0 4.26667vmin;
22
+ }
23
+
24
+ .styleType1_wrapper.full-screen-list .coupon_style1 {
25
+ height: 26.93333vmin;
26
+ }
27
+
28
+ .styleType1_wrapper .coupon_style1 {
29
+ display: flex;
30
+ position: relative;
31
+ width: 100%;
32
+ }
33
+
34
+ .styleType1_wrapper .coupon_style1 .couponValue {
35
+ padding: 2.13333vmin;
36
+ min-width: 24.8vmin;
37
+ height: 100%;
38
+ background: #ff781f;
39
+ color: #fff;
40
+ display: flex;
41
+ flex-direction: column;
42
+ justify-content: space-around;
43
+ align-items: center;
44
+ box-sizing: border-box;
45
+ border-radius: 2.13333vmin 0 0 2.13333vmin;
46
+ }
47
+
48
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
49
+ position: relative;
50
+ display: flex;
51
+ flex-direction: row;
52
+ align-items: baseline;
53
+ font-weight: 700;
54
+ }
55
+
56
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
57
+ margin-right: 0.53333vmin;
58
+ font-size: 4.26667vmin;
59
+ }
60
+
61
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
62
+ display: flex;
63
+ font-size: 10.66667vmin;
64
+ }
65
+
66
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
67
+ font-size: 4.26667vmin;
68
+ font-weight: 500;
69
+ }
70
+
71
+ .styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
72
+ color: white;
73
+ font-size: 3.2vmin;
74
+ font-weight: 500;
75
+ font-family: "PingFang SC";
76
+ text-align: center;
77
+ line-height: 4.26667vmin;
78
+ }
79
+
80
+ .styleType1_wrapper .coupon_style1 .couponInfo {
81
+ display: flex;
82
+ flex-direction: column;
83
+ justify-content: flex-start;
84
+ width: 68vmin;
85
+ height: 100%;
86
+ box-sizing: border-box;
87
+ background: white;
88
+ padding: 2.13333vmin 0 2.13333vmin 2.13333vmin;
89
+ color: #999999;
90
+ font-size: 2.66667vmin;
91
+ line-height: 3.2vmin;
92
+ font-weight: 400;
93
+ text-align: left;
94
+ border-radius: 0 2.13333vmin 2.13333vmin 0;
95
+ }
96
+
97
+ .styleType1_wrapper .coupon_style1 .couponInfo .couponName {
98
+ color: #333333;
99
+ font-size: 3.2vmin;
100
+ line-height: 4.26667vmin;
101
+ height: 4.26667vmin;
102
+ width: 32.8vmin;
103
+ font-weight: 700;
104
+ margin-bottom: 1.06667vmin;
105
+ overflow: hidden;
106
+ white-space: nowrap;
107
+ text-overflow: ellipsis;
108
+ }
109
+
110
+ .styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
111
+ margin-bottom: 0.53333vmin;
112
+ }
113
+
114
+ .styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
115
+ margin-bottom: 4.8vmin;
116
+ }
117
+
118
+ .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo {
119
+ display: flex;
120
+ cursor: pointer;
121
+ align-items: center;
122
+ }
123
+
124
+ .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn {
125
+ width: 3.2vmin;
126
+ height: 3.2vmin;
127
+ margin-left: 0.8vmin;
128
+ background-size: 100% 100%;
129
+ }
130
+
131
+ .styleType1_wrapper .coupon_style1 .couponState {
132
+ position: absolute;
133
+ right: 2.13333vmin;
134
+ bottom: 2.13333vmin;
135
+ height: 6.4vmin;
136
+ line-height: 6.4vmin;
137
+ border-radius: 1.06667vmin;
138
+ border: 0;
139
+ background: #ff781f;
140
+ }
141
+
142
+ .styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
143
+ width: 18.13333vmin;
144
+ }
145
+
146
+ .styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
147
+ width: 14.93333vmin;
148
+ }
149
+
150
+ .styleType1_wrapper .coupon_style1 .couponState .couponBtn {
151
+ color: white;
152
+ font-size: 3.2vmin;
153
+ font-weight: 700;
154
+ text-align: center;
155
+ font-family: "PingFang SC";
156
+ }
157
+
158
+ .styleType1_wrapper .coupon_style1 .hasReceivedStatus {
159
+ position: absolute;
160
+ top: 0vmin;
161
+ right: 0vmin;
162
+ width: 13.06667vmin;
163
+ height: 15.2vmin;
164
+ }
165
+
166
+ .styleType1_wrapper .detailInfo {
167
+ width: 100%;
168
+ display: flex;
169
+ background-color: #fff6f0;
170
+ box-sizing: border-box;
171
+ border-radius: 0 0 0.53333vmin 0.53333vmin;
172
+ padding: 2.13333vmin;
173
+ padding-top: 5vmin;
174
+ color: #666666;
175
+ font-size: 2.66667vmin;
176
+ margin-top: -2vmin;
177
+ text-align: left;
178
+ }
179
+
180
+ .styleType1_wrapper .detailInfo .disabledHint {
181
+ width: 3.73333vmin;
182
+ margin-right: 1.33333vmin;
183
+ }
184
+
185
+ .styleType1_wrapper .detailInfo .instructions {
186
+ word-break: break-all;
187
+ }
188
+
189
+ .styleType1_wrapper .detailInfo .instructions .remark {
190
+ color: #333333;
191
+ margin-bottom: 1.06667vmin;
192
+ }
193
+
194
+ .styleType2_wrapper {
195
+ margin-bottom: 3.2vmin;
196
+ margin-right: 2.13333vmin;
197
+ }
198
+
199
+ .styleType2_wrapper .coupon_style2 {
200
+ display: flex;
201
+ flex-direction: row;
202
+ color: #ff781f;
203
+ position: relative;
204
+ overflow: hidden;
205
+ width: 44.8vmin;
206
+ height: 21.33333vmin;
207
+ flex-shrink: 0;
208
+ }
209
+
210
+ .styleType2_wrapper .coupon_style2 .coupons-styles2-bg {
211
+ position: absolute;
212
+ top: 0;
213
+ left: 0;
214
+ right: 0;
215
+ width: 100%;
216
+ height: 100%;
217
+ }
218
+
219
+ .styleType2_wrapper .coupon_style2 .couponInfo {
220
+ display: inline-flex;
221
+ flex-direction: column;
222
+ box-sizing: border-box;
223
+ padding-left: 2.13333vmin;
224
+ width: 36.26667vmin;
225
+ height: 100%;
226
+ font-family: "PingFang SC";
227
+ font-size: 2.66667vmin;
228
+ line-height: 3.2vmin;
229
+ }
230
+
231
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop {
232
+ padding-top: 2.13333vmin;
233
+ display: flex;
234
+ flex-direction: row;
235
+ align-items: flex-end;
236
+ height: 6.4vmin;
237
+ }
238
+
239
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap {
240
+ position: relative;
241
+ display: flex;
242
+ flex-direction: row;
243
+ align-items: baseline;
244
+ font-weight: 700;
245
+ height: 6.4vmin;
246
+ line-height: 6.4vmin;
247
+ }
248
+
249
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol {
250
+ margin-right: 0.53333vmin;
251
+ font-size: 3.2vmin;
252
+ }
253
+
254
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price {
255
+ display: flex;
256
+ font-size: 9.4vmin;
257
+ }
258
+
259
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont {
260
+ font-size: 3.2vmin;
261
+ font-weight: 500;
262
+ margin-left: 0.53333vmin;
263
+ }
264
+
265
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom {
266
+ font-weight: 400;
267
+ line-height: 3.2vmin;
268
+ position: relative;
269
+ margin-top: 0.8vmin;
270
+ }
271
+
272
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit {
273
+ margin-bottom: 0.53333vmin;
274
+ }
275
+
276
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition {
277
+ font-size: 2.66667vmin;
278
+ font-weight: 400;
279
+ }
280
+
281
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint {
282
+ margin-bottom: 0.53333vmin;
283
+ }
284
+
285
+ .styleType2_wrapper .coupon_style2 .couponStatewrapper {
286
+ width: 8.26667vmin;
287
+ height: 100%;
288
+ /* -webkit-align-self: center; */
289
+ -ms-flex-item-align: center;
290
+ align-self: center;
291
+ position: relative;
292
+ display: inline-flex;
293
+ justify-content: center;
294
+ align-items: center;
295
+ text-align: center;
296
+ }
297
+
298
+ .styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn {
299
+ writing-mode: vertical-lr;
300
+ letter-spacing: 1.33333vmin;
301
+ font-size: 3.2vmin;
302
+ font-weight: 700;
303
+ font-family: "PingFang SC";
304
+ }
305
+
306
+ .styleType2_wrapper .coupon_style2 .couponStatewrapper:before {
307
+ content: " ";
308
+ display: block;
309
+ width: 100%;
310
+ height: 15.2vmin;
311
+ border-left: 0.26667vmin dashed #ff781f;
312
+ -webkit-transform: scale(1.3);
313
+ transform: scale(0.7, 1.1);
314
+ position: absolute;
315
+ left: -vmin(10);
316
+ top: 3.07vmin;
317
+ }
318
+
319
+ .styleType2_wrapper .coupon_style2 .hasReceivedStatus {
320
+ position: absolute;
321
+ top: 0vmin;
322
+ right: 0vmin;
323
+ width: 13.06667vmin;
324
+ height: 15.2vmin;
325
+ }
326
+
327
+ .styleType1_wrapper-v.vertical-screen {
328
+ width: 35.2vmin;
329
+ height: 48.53333vmin;
330
+ margin: 0 auto;
331
+ }
332
+
333
+ .styleType1_wrapper-v.vertical-screen.not-pop-card {
334
+ margin-bottom: 0;
335
+ }
336
+
337
+ .styleType1_wrapper-v.vertical-screen .coupon_style1 {
338
+ height: 22.93333vmin;
339
+ }
340
+
341
+ .styleType1_wrapper-v.full-screen-list {
342
+ width: 92.53333vmin;
343
+ margin: 3.2vmin 4.26667vmin 0 4.26667vmin;
344
+ }
345
+
346
+ .styleType1_wrapper-v.full-screen-list .coupon_style1 {
347
+ height: 26.93333vmin;
348
+ }
349
+
350
+ .styleType1_wrapper-v .coupon_style1 {
351
+ display: block;
352
+ position: static;
353
+ width: 100%;
354
+ }
355
+
356
+ .styleType1_wrapper-v .coupon_style1 .couponValue {
357
+ padding: 3.33333vmin 0;
358
+ min-width: unset;
359
+ height: 22.93333vmin;
360
+ background: #ff781f;
361
+ color: #fff;
362
+ display: flex;
363
+ flex-direction: column;
364
+ justify-content: space-around;
365
+ align-items: center;
366
+ box-sizing: border-box;
367
+ border-radius: 2.13333vmin 2.13333vmin 0 0;
368
+ }
369
+
370
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap {
371
+ position: relative;
372
+ display: flex;
373
+ flex-direction: row;
374
+ align-items: center;
375
+ font-weight: 700;
376
+ }
377
+
378
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
379
+ margin-right: 0.53333vmin;
380
+ font-size: 4.26667vmin;
381
+ }
382
+
383
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
384
+ display: flex;
385
+ align-items: baseline;
386
+ font-weight: 500;
387
+ font-size: 8.53333vmin !important;
388
+ }
389
+
390
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long {
391
+ font-size: 6.4vmin !important;
392
+ }
393
+
394
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont {
395
+ font-size: 4.26667vmin;
396
+ font-weight: 500;
397
+ }
398
+
399
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal {
400
+ display: flex;
401
+ align-items: center;
402
+ }
403
+
404
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v {
405
+ align-items: baseline;
406
+ }
407
+
408
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition {
409
+ color: white;
410
+ font-size: 3.2vmin;
411
+ font-weight: 500;
412
+ font-family: "PingFang SC";
413
+ text-align: center;
414
+ line-height: 4.26667vmin;
415
+ }
416
+
417
+ .styleType1_wrapper-v .coupon_style1 .couponInfo {
418
+ display: flex;
419
+ flex-direction: column;
420
+ justify-content: flex-start;
421
+ width: 100%;
422
+ height: 25.6vmin;
423
+ box-sizing: border-box;
424
+ background: white;
425
+ padding: 2.13333vmin;
426
+ color: #999999;
427
+ font-size: 2.66667vmin;
428
+ line-height: 2.66667vmin;
429
+ font-weight: 400;
430
+ text-align: left;
431
+ border-radius: 0 0 2.13333vmin 2.13333vmin;
432
+ }
433
+
434
+ .styleType1_wrapper-v .coupon_style1 .couponInfo .couponName {
435
+ color: #333;
436
+ font-size: 3.2vmin;
437
+ line-height: 4.26667vmin;
438
+ height: 4.26667vmin;
439
+ width: 30.93333vmin;
440
+ font-weight: 700;
441
+ margin-bottom: 1.06667vmin;
442
+ overflow: hidden;
443
+ white-space: nowrap;
444
+ text-overflow: ellipsis;
445
+ }
446
+
447
+ .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint {
448
+ margin-bottom: 1.06667vmin;
449
+ }
450
+
451
+ .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime {
452
+ margin-bottom: 0;
453
+ }
454
+
455
+ .styleType1_wrapper-v .coupon_style1 .couponState {
456
+ position: absolute;
457
+ right: 2.13333vmin;
458
+ bottom: 2.13333vmin;
459
+ height: 6.4vmin;
460
+ line-height: 6.4vmin;
461
+ border-radius: 1.06667vmin;
462
+ border: 0;
463
+ background: #ff781f;
464
+ }
465
+
466
+ .styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn {
467
+ width: 30.93333vmin;
468
+ }
469
+
470
+ .styleType1_wrapper-v .coupon_style1 .couponState .couponBtn {
471
+ color: white;
472
+ font-size: 3.2vmin;
473
+ font-weight: 500;
474
+ text-align: center;
475
+ font-family: "PingFang SC";
476
+ }
477
+
478
+ @media screen and (min-width: 768px) and (orientation: portrait) {
479
+ .styleType1_wrapper.pop-card {
480
+ width: 31.51042vmin;
481
+ margin-bottom: 0;
482
+ }
483
+ .styleType1_wrapper.vertical-screen {
484
+ width: 30.98958vmin;
485
+ margin: 0 auto;
486
+ }
487
+ .styleType1_wrapper.vertical-screen.not-pop-card {
488
+ margin-bottom: 2.08333vmin;
489
+ }
490
+ .styleType1_wrapper.vertical-screen .coupon_style1 {
491
+ height: 11.97917vmin;
492
+ }
493
+ .styleType1_wrapper.full-screen-list {
494
+ width: 45.18229vmin;
495
+ margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
496
+ }
497
+ .styleType1_wrapper.full-screen-list .coupon_style1 {
498
+ height: 13.15104vmin;
499
+ }
500
+ .styleType1_wrapper .coupon_style1 {
501
+ display: flex;
502
+ position: relative;
503
+ width: 100%;
504
+ }
505
+ .styleType1_wrapper .coupon_style1 .couponValue {
506
+ padding: 1.04167vmin;
507
+ min-width: 12.10938vmin;
508
+ height: 100%;
509
+ background: #ff781f;
510
+ color: #fff;
511
+ display: flex;
512
+ flex-direction: column;
513
+ justify-content: space-around;
514
+ align-items: center;
515
+ box-sizing: border-box;
516
+ border-radius: 1.04167vmin 0 0 1.04167vmin;
517
+ }
518
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
519
+ position: relative;
520
+ display: flex;
521
+ flex-direction: row;
522
+ align-items: baseline;
523
+ font-weight: 700;
524
+ }
525
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
526
+ margin-right: 0.26042vmin;
527
+ font-size: 2.08333vmin;
528
+ }
529
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
530
+ display: flex;
531
+ font-size: 5.20833vmin;
532
+ }
533
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
534
+ font-size: 2.08333vmin;
535
+ font-weight: 500;
536
+ }
537
+ .styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
538
+ color: white;
539
+ font-size: 1.5625vmin;
540
+ font-weight: 500;
541
+ font-family: "PingFang SC";
542
+ text-align: center;
543
+ line-height: 2.08333vmin;
544
+ }
545
+ .styleType1_wrapper .coupon_style1 .couponInfo {
546
+ display: flex;
547
+ flex-direction: column;
548
+ justify-content: flex-start;
549
+ width: 33.20312vmin;
550
+ height: 100%;
551
+ box-sizing: border-box;
552
+ background: white;
553
+ padding: 1.04167vmin 0 1.04167vmin 1.04167vmin;
554
+ color: #999999;
555
+ font-size: 1.30208vmin;
556
+ line-height: 1.5625vmin;
557
+ font-weight: 400;
558
+ text-align: left;
559
+ border-radius: 0 1.04167vmin 1.04167vmin 0;
560
+ }
561
+ .styleType1_wrapper .coupon_style1 .couponInfo .couponName {
562
+ color: #333333;
563
+ font-size: 1.5625vmin;
564
+ line-height: 2.08333vmin;
565
+ height: 2.08333vmin;
566
+ width: 16.01562vmin;
567
+ font-weight: 700;
568
+ margin-bottom: 0.52083vmin;
569
+ overflow: hidden;
570
+ white-space: nowrap;
571
+ text-overflow: ellipsis;
572
+ }
573
+ .styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
574
+ margin-bottom: 0.26042vmin;
575
+ }
576
+ .styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
577
+ margin-bottom: 4.8vmin;
578
+ }
579
+ .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo {
580
+ display: flex;
581
+ cursor: pointer;
582
+ align-items: center;
583
+ }
584
+ .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn {
585
+ width: 1.5625vmin;
586
+ height: 1.5625vmin;
587
+ margin-left: 0.39062vmin;
588
+ background-size: 100% 100%;
589
+ }
590
+ .styleType1_wrapper .coupon_style1 .couponState {
591
+ position: absolute;
592
+ right: 1.04167vmin;
593
+ bottom: 1.04167vmin;
594
+ height: 3.125vmin;
595
+ line-height: 3.125vmin;
596
+ border-radius: 0.52083vmin;
597
+ border: 0;
598
+ background: #ff781f;
599
+ }
600
+ .styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
601
+ width: 8.85417vmin;
602
+ }
603
+ .styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
604
+ width: 7.29167vmin;
605
+ }
606
+ .styleType1_wrapper .coupon_style1 .couponState .couponBtn {
607
+ color: white;
608
+ font-size: 1.5625vmin;
609
+ font-weight: 700;
610
+ text-align: center;
611
+ font-family: "PingFang SC";
612
+ }
613
+ .styleType1_wrapper .coupon_style1 .hasReceivedStatus {
614
+ position: absolute;
615
+ top: 0vmin;
616
+ right: 0vmin;
617
+ width: 6.38021vmin;
618
+ height: 7.42188vmin;
619
+ }
620
+ .styleType1_wrapper .detailInfo {
621
+ width: 100%;
622
+ display: flex;
623
+ background-color: #fff6f0;
624
+ box-sizing: border-box;
625
+ border-radius: 0 0 0.26042vmin 0.26042vmin;
626
+ padding: 1.04167vmin;
627
+ padding-top: 2.44141vmin;
628
+ color: #666666;
629
+ font-size: 1.30208vmin;
630
+ margin-top: -2vmin;
631
+ text-align: left;
632
+ }
633
+ .styleType1_wrapper .detailInfo .disabledHint {
634
+ width: 1.82292vmin;
635
+ margin-right: 0.65104vmin;
636
+ }
637
+ .styleType1_wrapper .detailInfo .instructions {
638
+ word-break: break-all;
639
+ }
640
+ .styleType1_wrapper .detailInfo .instructions .remark {
641
+ color: #333333;
642
+ margin-bottom: 0.52083vmin;
643
+ }
644
+ .styleType2_wrapper {
645
+ margin-bottom: 1.5625vmin;
646
+ margin-right: 1.04167vmin;
647
+ }
648
+ .styleType2_wrapper .coupon_style2 {
649
+ display: flex;
650
+ flex-direction: row;
651
+ color: #ff781f;
652
+ position: relative;
653
+ overflow: hidden;
654
+ width: 21.875vmin;
655
+ height: 10.41667vmin;
656
+ flex-shrink: 0;
657
+ }
658
+ .styleType2_wrapper .coupon_style2 .coupons-styles2-bg {
659
+ position: absolute;
660
+ top: 0;
661
+ left: 0;
662
+ right: 0;
663
+ width: 100%;
664
+ height: 100%;
665
+ }
666
+ .styleType2_wrapper .coupon_style2 .couponInfo {
667
+ display: inline-flex;
668
+ flex-direction: column;
669
+ box-sizing: border-box;
670
+ padding-left: 1.04167vmin;
671
+ width: 17.70833vmin;
672
+ height: 100%;
673
+ font-family: "PingFang SC";
674
+ font-size: 1.30208vmin;
675
+ line-height: 1.5625vmin;
676
+ }
677
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop {
678
+ padding-top: 1.04167vmin;
679
+ display: flex;
680
+ flex-direction: row;
681
+ align-items: flex-end;
682
+ height: 3.125vmin;
683
+ }
684
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap {
685
+ position: relative;
686
+ display: flex;
687
+ flex-direction: row;
688
+ align-items: baseline;
689
+ font-weight: 700;
690
+ height: 3.125vmin;
691
+ line-height: 3.125vmin;
692
+ }
693
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol {
694
+ margin-right: 0.26042vmin;
695
+ font-size: 1.5625vmin;
696
+ }
697
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price {
698
+ display: flex;
699
+ font-size: 4.58984vmin;
700
+ }
701
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont {
702
+ font-size: 1.5625vmin;
703
+ font-weight: 500;
704
+ margin-left: 0.26042vmin;
705
+ }
706
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom {
707
+ font-weight: 400;
708
+ line-height: 1.5625vmin;
709
+ position: relative;
710
+ margin-top: 0.39062vmin;
711
+ }
712
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit {
713
+ margin-bottom: 0.26042vmin;
714
+ }
715
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition {
716
+ font-size: 1.30208vmin;
717
+ font-weight: 400;
718
+ }
719
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint {
720
+ margin-bottom: 0.26042vmin;
721
+ }
722
+ .styleType2_wrapper .coupon_style2 .couponStatewrapper {
723
+ width: 4.03646vmin;
724
+ height: 100%;
725
+ /* -webkit-align-self: center; */
726
+ -ms-flex-item-align: center;
727
+ align-self: center;
728
+ position: relative;
729
+ display: inline-flex;
730
+ justify-content: center;
731
+ align-items: center;
732
+ text-align: center;
733
+ }
734
+ .styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn {
735
+ writing-mode: vertical-lr;
736
+ letter-spacing: 0.65104vmin;
737
+ font-size: 1.5625vmin;
738
+ font-weight: 700;
739
+ font-family: "PingFang SC";
740
+ }
741
+ .styleType2_wrapper .coupon_style2 .couponStatewrapper:before {
742
+ content: " ";
743
+ display: block;
744
+ width: 100%;
745
+ height: 7.42188vmin;
746
+ border-left: 0.13021vmin dashed #ff781f;
747
+ -webkit-transform: scale(1.3);
748
+ transform: scale(0.7, 1.1);
749
+ position: absolute;
750
+ left: -vmin(10);
751
+ top: 3.07vmin;
752
+ }
753
+ .styleType2_wrapper .coupon_style2 .hasReceivedStatus {
754
+ position: absolute;
755
+ top: 0vmin;
756
+ right: 0vmin;
757
+ width: 6.38021vmin;
758
+ height: 7.42188vmin;
759
+ }
760
+ .styleType1_wrapper-v.vertical-screen {
761
+ width: 17.1875vmin;
762
+ height: 23.69792vmin;
763
+ margin: 0 auto;
764
+ }
765
+ .styleType1_wrapper-v.vertical-screen.not-pop-card {
766
+ margin-bottom: 0;
767
+ }
768
+ .styleType1_wrapper-v.vertical-screen .coupon_style1 {
769
+ height: 11.19792vmin;
770
+ }
771
+ .styleType1_wrapper-v.full-screen-list {
772
+ width: 45.18229vmin;
773
+ margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
774
+ }
775
+ .styleType1_wrapper-v.full-screen-list .coupon_style1 {
776
+ height: 13.15104vmin;
777
+ }
778
+ .styleType1_wrapper-v .coupon_style1 {
779
+ display: block;
780
+ position: static;
781
+ width: 100%;
782
+ }
783
+ .styleType1_wrapper-v .coupon_style1 .couponValue {
784
+ padding: 1.6276vmin 0;
785
+ min-width: unset;
786
+ height: 11.19792vmin;
787
+ background: #ff781f;
788
+ color: #fff;
789
+ display: flex;
790
+ flex-direction: column;
791
+ justify-content: space-around;
792
+ align-items: center;
793
+ box-sizing: border-box;
794
+ border-radius: 1.04167vmin 1.04167vmin 0 0;
795
+ }
796
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap {
797
+ position: relative;
798
+ display: flex;
799
+ flex-direction: row;
800
+ align-items: center;
801
+ font-weight: 700;
802
+ }
803
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
804
+ margin-right: 0.26042vmin;
805
+ font-size: 2.08333vmin;
806
+ }
807
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
808
+ display: flex;
809
+ align-items: baseline;
810
+ font-weight: 500;
811
+ font-size: 4.16667vmin !important;
812
+ }
813
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long {
814
+ font-size: 3.125vmin !important;
815
+ }
816
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont {
817
+ font-size: 2.08333vmin;
818
+ font-weight: 500;
819
+ }
820
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal {
821
+ display: flex;
822
+ align-items: center;
823
+ }
824
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v {
825
+ align-items: baseline;
826
+ }
827
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition {
828
+ color: white;
829
+ font-size: 1.5625vmin;
830
+ font-weight: 500;
831
+ font-family: "PingFang SC";
832
+ text-align: center;
833
+ line-height: 2.08333vmin;
834
+ }
835
+ .styleType1_wrapper-v .coupon_style1 .couponInfo {
836
+ display: flex;
837
+ flex-direction: column;
838
+ justify-content: flex-start;
839
+ width: 100%;
840
+ height: 12.5vmin;
841
+ box-sizing: border-box;
842
+ background: white;
843
+ padding: 1.04167vmin;
844
+ color: #999999;
845
+ font-size: 1.30208vmin;
846
+ line-height: 1.30208vmin;
847
+ font-weight: 400;
848
+ text-align: left;
849
+ border-radius: 0 0 1.04167vmin 1.04167vmin;
850
+ }
851
+ .styleType1_wrapper-v .coupon_style1 .couponInfo .couponName {
852
+ color: #333;
853
+ font-size: 1.5625vmin;
854
+ line-height: 2.08333vmin;
855
+ height: 2.08333vmin;
856
+ width: 15.10417vmin;
857
+ font-weight: 700;
858
+ margin-bottom: 0.52083vmin;
859
+ overflow: hidden;
860
+ white-space: nowrap;
861
+ text-overflow: ellipsis;
862
+ }
863
+ .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint {
864
+ margin-bottom: 0.52083vmin;
865
+ }
866
+ .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime {
867
+ margin-bottom: 0;
868
+ }
869
+ .styleType1_wrapper-v .coupon_style1 .couponState {
870
+ position: absolute;
871
+ right: 1.04167vmin;
872
+ bottom: 1.04167vmin;
873
+ height: 3.125vmin;
874
+ line-height: 3.125vmin;
875
+ border-radius: 0.52083vmin;
876
+ border: 0;
877
+ background: #ff781f;
878
+ }
879
+ .styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn {
880
+ width: 15.10417vmin;
881
+ }
882
+ .styleType1_wrapper-v .coupon_style1 .couponState .couponBtn {
883
+ color: white;
884
+ font-size: 1.5625vmin;
885
+ font-weight: 500;
886
+ text-align: center;
887
+ font-family: "PingFang SC";
888
+ }
889
+ }
890
+
891
+ @media screen and (min-height: 630px) and (orientation: landscape) {
892
+ .styleType1_wrapper.pop-card {
893
+ width: 38.4127vmin;
894
+ margin-bottom: 0;
895
+ }
896
+ .styleType1_wrapper.vertical-screen {
897
+ width: 37.77778vmin;
898
+ margin: 0 auto;
899
+ }
900
+ .styleType1_wrapper.vertical-screen.not-pop-card {
901
+ margin-bottom: 2.53968vmin;
902
+ }
903
+ .styleType1_wrapper.vertical-screen .coupon_style1 {
904
+ height: 14.60317vmin;
905
+ }
906
+ .styleType1_wrapper.full-screen-list {
907
+ width: 55.07937vmin;
908
+ margin: 1.90476vmin 2.53968vmin 0 2.53968vmin;
909
+ }
910
+ .styleType1_wrapper.full-screen-list .coupon_style1 {
911
+ height: 16.03175vmin;
912
+ }
913
+ .styleType1_wrapper .coupon_style1 {
914
+ display: flex;
915
+ position: relative;
916
+ width: 100%;
917
+ }
918
+ .styleType1_wrapper .coupon_style1 .couponValue {
919
+ padding: 1.26984vmin;
920
+ min-width: 14.7619vmin;
921
+ height: 100%;
922
+ background: #ff781f;
923
+ color: #fff;
924
+ display: flex;
925
+ flex-direction: column;
926
+ justify-content: space-around;
927
+ align-items: center;
928
+ box-sizing: border-box;
929
+ border-radius: 1.26984vmin 0 0 1.26984vmin;
930
+ }
931
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
932
+ position: relative;
933
+ display: flex;
934
+ flex-direction: row;
935
+ align-items: baseline;
936
+ font-weight: 700;
937
+ }
938
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
939
+ margin-right: 0.31746vmin;
940
+ font-size: 2.53968vmin;
941
+ }
942
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
943
+ display: flex;
944
+ font-size: 6.34921vmin;
945
+ }
946
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
947
+ font-size: 2.53968vmin;
948
+ font-weight: 500;
949
+ }
950
+ .styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
951
+ color: white;
952
+ font-size: 1.90476vmin;
953
+ font-weight: 500;
954
+ font-family: "PingFang SC";
955
+ text-align: center;
956
+ line-height: 2.53968vmin;
957
+ }
958
+ .styleType1_wrapper .coupon_style1 .couponInfo {
959
+ display: flex;
960
+ flex-direction: column;
961
+ justify-content: flex-start;
962
+ width: 40.47619vmin;
963
+ height: 100%;
964
+ box-sizing: border-box;
965
+ background: white;
966
+ padding: 1.26984vmin 0 1.26984vmin 1.26984vmin;
967
+ color: #999999;
968
+ font-size: 1.5873vmin;
969
+ line-height: 1.90476vmin;
970
+ font-weight: 400;
971
+ text-align: left;
972
+ border-radius: 0 1.26984vmin 1.26984vmin 0;
973
+ }
974
+ .styleType1_wrapper .coupon_style1 .couponInfo .couponName {
975
+ color: #333333;
976
+ font-size: 1.90476vmin;
977
+ line-height: 2.53968vmin;
978
+ height: 2.53968vmin;
979
+ width: 19.52381vmin;
980
+ font-weight: 700;
981
+ margin-bottom: 0.63492vmin;
982
+ overflow: hidden;
983
+ white-space: nowrap;
984
+ text-overflow: ellipsis;
985
+ }
986
+ .styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
987
+ margin-bottom: 0.31746vmin;
988
+ }
989
+ .styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
990
+ margin-bottom: 4.8vmin;
991
+ }
992
+ .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo {
993
+ display: flex;
994
+ cursor: pointer;
995
+ align-items: center;
996
+ }
997
+ .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn {
998
+ width: 1.90476vmin;
999
+ height: 1.90476vmin;
1000
+ margin-left: 0.47619vmin;
1001
+ background-size: 100% 100%;
1002
+ }
1003
+ .styleType1_wrapper .coupon_style1 .couponState {
1004
+ position: absolute;
1005
+ right: 1.26984vmin;
1006
+ bottom: 1.26984vmin;
1007
+ height: 3.80952vmin;
1008
+ line-height: 3.80952vmin;
1009
+ border-radius: 0.63492vmin;
1010
+ border: 0;
1011
+ background: #ff781f;
1012
+ }
1013
+ .styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
1014
+ width: 10.79365vmin;
1015
+ }
1016
+ .styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
1017
+ width: 8.88889vmin;
1018
+ }
1019
+ .styleType1_wrapper .coupon_style1 .couponState .couponBtn {
1020
+ color: white;
1021
+ font-size: 1.90476vmin;
1022
+ font-weight: 700;
1023
+ text-align: center;
1024
+ font-family: "PingFang SC";
1025
+ }
1026
+ .styleType1_wrapper .coupon_style1 .hasReceivedStatus {
1027
+ position: absolute;
1028
+ top: 0vmin;
1029
+ right: 0vmin;
1030
+ width: 7.77778vmin;
1031
+ height: 9.04762vmin;
1032
+ }
1033
+ .styleType1_wrapper .detailInfo {
1034
+ width: 100%;
1035
+ display: flex;
1036
+ background-color: #fff6f0;
1037
+ box-sizing: border-box;
1038
+ border-radius: 0 0 0.31746vmin 0.31746vmin;
1039
+ padding: 1.26984vmin;
1040
+ padding-top: 2.97619vmin;
1041
+ color: #666666;
1042
+ font-size: 1.5873vmin;
1043
+ margin-top: -2vmin;
1044
+ text-align: left;
1045
+ }
1046
+ .styleType1_wrapper .detailInfo .disabledHint {
1047
+ width: 2.22222vmin;
1048
+ margin-right: 0.79365vmin;
1049
+ }
1050
+ .styleType1_wrapper .detailInfo .instructions {
1051
+ word-break: break-all;
1052
+ }
1053
+ .styleType1_wrapper .detailInfo .instructions .remark {
1054
+ color: #333333;
1055
+ margin-bottom: 0.63492vmin;
1056
+ }
1057
+ .styleType2_wrapper {
1058
+ margin-bottom: 1.90476vmin;
1059
+ margin-right: 1.26984vmin;
1060
+ }
1061
+ .styleType2_wrapper .coupon_style2 {
1062
+ display: flex;
1063
+ flex-direction: row;
1064
+ color: #ff781f;
1065
+ position: relative;
1066
+ overflow: hidden;
1067
+ width: 26.66667vmin;
1068
+ height: 12.69841vmin;
1069
+ flex-shrink: 0;
1070
+ }
1071
+ .styleType2_wrapper .coupon_style2 .coupons-styles2-bg {
1072
+ position: absolute;
1073
+ top: 0;
1074
+ left: 0;
1075
+ right: 0;
1076
+ width: 100%;
1077
+ height: 100%;
1078
+ }
1079
+ .styleType2_wrapper .coupon_style2 .couponInfo {
1080
+ display: inline-flex;
1081
+ flex-direction: column;
1082
+ box-sizing: border-box;
1083
+ padding-left: 1.26984vmin;
1084
+ width: 21.5873vmin;
1085
+ height: 100%;
1086
+ font-family: "PingFang SC";
1087
+ font-size: 1.5873vmin;
1088
+ line-height: 1.90476vmin;
1089
+ }
1090
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop {
1091
+ padding-top: 1.26984vmin;
1092
+ display: flex;
1093
+ flex-direction: row;
1094
+ align-items: flex-end;
1095
+ height: 3.80952vmin;
1096
+ }
1097
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap {
1098
+ position: relative;
1099
+ display: flex;
1100
+ flex-direction: row;
1101
+ align-items: baseline;
1102
+ font-weight: 700;
1103
+ height: 3.80952vmin;
1104
+ line-height: 3.80952vmin;
1105
+ }
1106
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol {
1107
+ margin-right: 0.31746vmin;
1108
+ font-size: 1.90476vmin;
1109
+ }
1110
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price {
1111
+ display: flex;
1112
+ font-size: 5.59524vmin;
1113
+ }
1114
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont {
1115
+ font-size: 1.90476vmin;
1116
+ font-weight: 500;
1117
+ margin-left: 0.31746vmin;
1118
+ }
1119
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom {
1120
+ font-weight: 400;
1121
+ line-height: 1.90476vmin;
1122
+ position: relative;
1123
+ margin-top: 0.47619vmin;
1124
+ }
1125
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit {
1126
+ margin-bottom: 0.31746vmin;
1127
+ }
1128
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition {
1129
+ font-size: 1.5873vmin;
1130
+ font-weight: 400;
1131
+ }
1132
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint {
1133
+ margin-bottom: 0.31746vmin;
1134
+ }
1135
+ .styleType2_wrapper .coupon_style2 .couponStatewrapper {
1136
+ width: 4.92063vmin;
1137
+ height: 100%;
1138
+ /* -webkit-align-self: center; */
1139
+ -ms-flex-item-align: center;
1140
+ align-self: center;
1141
+ position: relative;
1142
+ display: inline-flex;
1143
+ justify-content: center;
1144
+ align-items: center;
1145
+ text-align: center;
1146
+ }
1147
+ .styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn {
1148
+ writing-mode: vertical-lr;
1149
+ letter-spacing: 0.79365vmin;
1150
+ font-size: 1.90476vmin;
1151
+ font-weight: 700;
1152
+ font-family: "PingFang SC";
1153
+ }
1154
+ .styleType2_wrapper .coupon_style2 .couponStatewrapper:before {
1155
+ content: " ";
1156
+ display: block;
1157
+ width: 100%;
1158
+ height: 9.04762vmin;
1159
+ border-left: 0.15873vmin dashed #ff781f;
1160
+ -webkit-transform: scale(1.3);
1161
+ transform: scale(0.7, 1.1);
1162
+ position: absolute;
1163
+ left: -vmin(10);
1164
+ top: 3.07vmin;
1165
+ }
1166
+ .styleType2_wrapper .coupon_style2 .hasReceivedStatus {
1167
+ position: absolute;
1168
+ top: 0vmin;
1169
+ right: 0vmin;
1170
+ width: 7.77778vmin;
1171
+ height: 9.04762vmin;
1172
+ }
1173
+ .styleType1_wrapper-v.vertical-screen {
1174
+ width: 20.95238vmin;
1175
+ height: 28.88889vmin;
1176
+ margin: 0 auto;
1177
+ }
1178
+ .styleType1_wrapper-v.vertical-screen.not-pop-card {
1179
+ margin-bottom: 0;
1180
+ }
1181
+ .styleType1_wrapper-v.vertical-screen .coupon_style1 {
1182
+ height: 13.65079vmin;
1183
+ }
1184
+ .styleType1_wrapper-v.full-screen-list {
1185
+ width: 55.07937vmin;
1186
+ margin: 1.90476vmin 2.53968vmin 0 2.53968vmin;
1187
+ }
1188
+ .styleType1_wrapper-v.full-screen-list .coupon_style1 {
1189
+ height: 16.03175vmin;
1190
+ }
1191
+ .styleType1_wrapper-v .coupon_style1 {
1192
+ display: block;
1193
+ position: static;
1194
+ width: 100%;
1195
+ }
1196
+ .styleType1_wrapper-v .coupon_style1 .couponValue {
1197
+ padding: 1.98413vmin 0;
1198
+ min-width: unset;
1199
+ height: 13.65079vmin;
1200
+ background: #ff781f;
1201
+ color: #fff;
1202
+ display: flex;
1203
+ flex-direction: column;
1204
+ justify-content: space-around;
1205
+ align-items: center;
1206
+ box-sizing: border-box;
1207
+ border-radius: 1.26984vmin 1.26984vmin 0 0;
1208
+ }
1209
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap {
1210
+ position: relative;
1211
+ display: flex;
1212
+ flex-direction: row;
1213
+ align-items: center;
1214
+ font-weight: 700;
1215
+ }
1216
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
1217
+ margin-right: 0.31746vmin;
1218
+ font-size: 2.53968vmin;
1219
+ }
1220
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
1221
+ display: flex;
1222
+ align-items: baseline;
1223
+ font-weight: 500;
1224
+ font-size: 5.07937vmin !important;
1225
+ }
1226
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long {
1227
+ font-size: 3.80952vmin !important;
1228
+ }
1229
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont {
1230
+ font-size: 2.53968vmin;
1231
+ font-weight: 500;
1232
+ }
1233
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal {
1234
+ display: flex;
1235
+ align-items: center;
1236
+ }
1237
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v {
1238
+ align-items: baseline;
1239
+ }
1240
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition {
1241
+ color: white;
1242
+ font-size: 1.90476vmin;
1243
+ font-weight: 500;
1244
+ font-family: "PingFang SC";
1245
+ text-align: center;
1246
+ line-height: 2.53968vmin;
1247
+ }
1248
+ .styleType1_wrapper-v .coupon_style1 .couponInfo {
1249
+ display: flex;
1250
+ flex-direction: column;
1251
+ justify-content: flex-start;
1252
+ width: 100%;
1253
+ height: 15.2381vmin;
1254
+ box-sizing: border-box;
1255
+ background: white;
1256
+ padding: 1.26984vmin;
1257
+ color: #999999;
1258
+ font-size: 1.5873vmin;
1259
+ line-height: 1.5873vmin;
1260
+ font-weight: 400;
1261
+ text-align: left;
1262
+ border-radius: 0 0 1.26984vmin 1.26984vmin;
1263
+ }
1264
+ .styleType1_wrapper-v .coupon_style1 .couponInfo .couponName {
1265
+ color: #333;
1266
+ font-size: 1.90476vmin;
1267
+ line-height: 2.53968vmin;
1268
+ height: 2.53968vmin;
1269
+ width: 18.4127vmin;
1270
+ font-weight: 700;
1271
+ margin-bottom: 0.63492vmin;
1272
+ overflow: hidden;
1273
+ white-space: nowrap;
1274
+ text-overflow: ellipsis;
1275
+ }
1276
+ .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint {
1277
+ margin-bottom: 0.63492vmin;
1278
+ }
1279
+ .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime {
1280
+ margin-bottom: 0;
1281
+ }
1282
+ .styleType1_wrapper-v .coupon_style1 .couponState {
1283
+ position: absolute;
1284
+ right: 1.26984vmin;
1285
+ bottom: 1.26984vmin;
1286
+ height: 3.80952vmin;
1287
+ line-height: 3.80952vmin;
1288
+ border-radius: 0.63492vmin;
1289
+ border: 0;
1290
+ background: #ff781f;
1291
+ }
1292
+ .styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn {
1293
+ width: 18.4127vmin;
1294
+ }
1295
+ .styleType1_wrapper-v .coupon_style1 .couponState .couponBtn {
1296
+ color: white;
1297
+ font-size: 1.90476vmin;
1298
+ font-weight: 500;
1299
+ text-align: center;
1300
+ font-family: "PingFang SC";
1301
+ }
1302
+ }
1303
+
1304
+ @media screen and (min-height: 768px) and (orientation: landscape) {
1305
+ .styleType1_wrapper.pop-card {
1306
+ width: 31.51042vmin;
1307
+ margin-bottom: 0;
1308
+ }
1309
+ .styleType1_wrapper.vertical-screen {
1310
+ width: 30.98958vmin;
1311
+ margin: 0 auto;
1312
+ }
1313
+ .styleType1_wrapper.vertical-screen.not-pop-card {
1314
+ margin-bottom: 2.08333vmin;
1315
+ }
1316
+ .styleType1_wrapper.vertical-screen .coupon_style1 {
1317
+ height: 11.97917vmin;
1318
+ }
1319
+ .styleType1_wrapper.full-screen-list {
1320
+ width: 45.18229vmin;
1321
+ margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
1322
+ }
1323
+ .styleType1_wrapper.full-screen-list .coupon_style1 {
1324
+ height: 13.15104vmin;
1325
+ }
1326
+ .styleType1_wrapper .coupon_style1 {
1327
+ display: flex;
1328
+ position: relative;
1329
+ width: 100%;
1330
+ }
1331
+ .styleType1_wrapper .coupon_style1 .couponValue {
1332
+ padding: 1.04167vmin;
1333
+ min-width: 12.10938vmin;
1334
+ height: 100%;
1335
+ background: #ff781f;
1336
+ color: #fff;
1337
+ display: flex;
1338
+ flex-direction: column;
1339
+ justify-content: space-around;
1340
+ align-items: center;
1341
+ box-sizing: border-box;
1342
+ border-radius: 1.04167vmin 0 0 1.04167vmin;
1343
+ }
1344
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
1345
+ position: relative;
1346
+ display: flex;
1347
+ flex-direction: row;
1348
+ align-items: baseline;
1349
+ font-weight: 700;
1350
+ }
1351
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
1352
+ margin-right: 0.26042vmin;
1353
+ font-size: 2.08333vmin;
1354
+ }
1355
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
1356
+ display: flex;
1357
+ font-size: 5.20833vmin;
1358
+ }
1359
+ .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
1360
+ font-size: 2.08333vmin;
1361
+ font-weight: 500;
1362
+ }
1363
+ .styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
1364
+ color: white;
1365
+ font-size: 1.5625vmin;
1366
+ font-weight: 500;
1367
+ font-family: "PingFang SC";
1368
+ text-align: center;
1369
+ line-height: 2.08333vmin;
1370
+ }
1371
+ .styleType1_wrapper .coupon_style1 .couponInfo {
1372
+ display: flex;
1373
+ flex-direction: column;
1374
+ justify-content: flex-start;
1375
+ width: 33.20312vmin;
1376
+ height: 100%;
1377
+ box-sizing: border-box;
1378
+ background: white;
1379
+ padding: 1.04167vmin 0 1.04167vmin 1.04167vmin;
1380
+ color: #999999;
1381
+ font-size: 1.30208vmin;
1382
+ line-height: 1.5625vmin;
1383
+ font-weight: 400;
1384
+ text-align: left;
1385
+ border-radius: 0 1.04167vmin 1.04167vmin 0;
1386
+ }
1387
+ .styleType1_wrapper .coupon_style1 .couponInfo .couponName {
1388
+ color: #333333;
1389
+ font-size: 1.5625vmin;
1390
+ line-height: 2.08333vmin;
1391
+ height: 2.08333vmin;
1392
+ width: 16.01562vmin;
1393
+ font-weight: 700;
1394
+ margin-bottom: 0.52083vmin;
1395
+ overflow: hidden;
1396
+ white-space: nowrap;
1397
+ text-overflow: ellipsis;
1398
+ }
1399
+ .styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
1400
+ margin-bottom: 0.26042vmin;
1401
+ }
1402
+ .styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
1403
+ margin-bottom: 4.8vmin;
1404
+ }
1405
+ .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo {
1406
+ display: flex;
1407
+ cursor: pointer;
1408
+ align-items: center;
1409
+ }
1410
+ .styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn {
1411
+ width: 1.5625vmin;
1412
+ height: 1.5625vmin;
1413
+ margin-left: 0.39062vmin;
1414
+ background-size: 100% 100%;
1415
+ }
1416
+ .styleType1_wrapper .coupon_style1 .couponState {
1417
+ position: absolute;
1418
+ right: 1.04167vmin;
1419
+ bottom: 1.04167vmin;
1420
+ height: 3.125vmin;
1421
+ line-height: 3.125vmin;
1422
+ border-radius: 0.52083vmin;
1423
+ border: 0;
1424
+ background: #ff781f;
1425
+ }
1426
+ .styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
1427
+ width: 8.85417vmin;
1428
+ }
1429
+ .styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
1430
+ width: 7.29167vmin;
1431
+ }
1432
+ .styleType1_wrapper .coupon_style1 .couponState .couponBtn {
1433
+ color: white;
1434
+ font-size: 1.5625vmin;
1435
+ font-weight: 700;
1436
+ text-align: center;
1437
+ font-family: "PingFang SC";
1438
+ }
1439
+ .styleType1_wrapper .coupon_style1 .hasReceivedStatus {
1440
+ position: absolute;
1441
+ top: 0vmin;
1442
+ right: 0vmin;
1443
+ width: 6.38021vmin;
1444
+ height: 7.42188vmin;
1445
+ }
1446
+ .styleType1_wrapper .detailInfo {
1447
+ width: 100%;
1448
+ display: flex;
1449
+ background-color: #fff6f0;
1450
+ box-sizing: border-box;
1451
+ border-radius: 0 0 0.26042vmin 0.26042vmin;
1452
+ padding: 1.04167vmin;
1453
+ padding-top: 2.44141vmin;
1454
+ color: #666666;
1455
+ font-size: 1.30208vmin;
1456
+ margin-top: -2vmin;
1457
+ text-align: left;
1458
+ }
1459
+ .styleType1_wrapper .detailInfo .disabledHint {
1460
+ width: 1.82292vmin;
1461
+ margin-right: 0.65104vmin;
1462
+ }
1463
+ .styleType1_wrapper .detailInfo .instructions {
1464
+ word-break: break-all;
1465
+ }
1466
+ .styleType1_wrapper .detailInfo .instructions .remark {
1467
+ color: #333333;
1468
+ margin-bottom: 0.52083vmin;
1469
+ }
1470
+ .styleType2_wrapper {
1471
+ margin-bottom: 1.5625vmin;
1472
+ margin-right: 1.04167vmin;
1473
+ }
1474
+ .styleType2_wrapper .coupon_style2 {
1475
+ display: flex;
1476
+ flex-direction: row;
1477
+ color: #ff781f;
1478
+ position: relative;
1479
+ overflow: hidden;
1480
+ width: 21.875vmin;
1481
+ height: 10.41667vmin;
1482
+ flex-shrink: 0;
1483
+ }
1484
+ .styleType2_wrapper .coupon_style2 .coupons-styles2-bg {
1485
+ position: absolute;
1486
+ top: 0;
1487
+ left: 0;
1488
+ right: 0;
1489
+ width: 100%;
1490
+ height: 100%;
1491
+ }
1492
+ .styleType2_wrapper .coupon_style2 .couponInfo {
1493
+ display: inline-flex;
1494
+ flex-direction: column;
1495
+ box-sizing: border-box;
1496
+ padding-left: 1.04167vmin;
1497
+ width: 17.70833vmin;
1498
+ height: 100%;
1499
+ font-family: "PingFang SC";
1500
+ font-size: 1.30208vmin;
1501
+ line-height: 1.5625vmin;
1502
+ }
1503
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop {
1504
+ padding-top: 1.04167vmin;
1505
+ display: flex;
1506
+ flex-direction: row;
1507
+ align-items: flex-end;
1508
+ height: 3.125vmin;
1509
+ }
1510
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap {
1511
+ position: relative;
1512
+ display: flex;
1513
+ flex-direction: row;
1514
+ align-items: baseline;
1515
+ font-weight: 700;
1516
+ height: 3.125vmin;
1517
+ line-height: 3.125vmin;
1518
+ }
1519
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol {
1520
+ margin-right: 0.26042vmin;
1521
+ font-size: 1.5625vmin;
1522
+ }
1523
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price {
1524
+ display: flex;
1525
+ font-size: 4.58984vmin;
1526
+ }
1527
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont {
1528
+ font-size: 1.5625vmin;
1529
+ font-weight: 500;
1530
+ margin-left: 0.26042vmin;
1531
+ }
1532
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom {
1533
+ font-weight: 400;
1534
+ line-height: 1.5625vmin;
1535
+ position: relative;
1536
+ margin-top: 0.39062vmin;
1537
+ }
1538
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit {
1539
+ margin-bottom: 0.26042vmin;
1540
+ }
1541
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition {
1542
+ font-size: 1.30208vmin;
1543
+ font-weight: 400;
1544
+ }
1545
+ .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint {
1546
+ margin-bottom: 0.26042vmin;
1547
+ }
1548
+ .styleType2_wrapper .coupon_style2 .couponStatewrapper {
1549
+ width: 4.03646vmin;
1550
+ height: 100%;
1551
+ /* -webkit-align-self: center; */
1552
+ -ms-flex-item-align: center;
1553
+ align-self: center;
1554
+ position: relative;
1555
+ display: inline-flex;
1556
+ justify-content: center;
1557
+ align-items: center;
1558
+ text-align: center;
1559
+ }
1560
+ .styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn {
1561
+ writing-mode: vertical-lr;
1562
+ letter-spacing: 0.65104vmin;
1563
+ font-size: 1.5625vmin;
1564
+ font-weight: 700;
1565
+ font-family: "PingFang SC";
1566
+ }
1567
+ .styleType2_wrapper .coupon_style2 .couponStatewrapper:before {
1568
+ content: " ";
1569
+ display: block;
1570
+ width: 100%;
1571
+ height: 7.42188vmin;
1572
+ border-left: 0.13021vmin dashed #ff781f;
1573
+ -webkit-transform: scale(1.3);
1574
+ transform: scale(0.7, 1.1);
1575
+ position: absolute;
1576
+ left: -vmin(10);
1577
+ top: 3.07vmin;
1578
+ }
1579
+ .styleType2_wrapper .coupon_style2 .hasReceivedStatus {
1580
+ position: absolute;
1581
+ top: 0vmin;
1582
+ right: 0vmin;
1583
+ width: 6.38021vmin;
1584
+ height: 7.42188vmin;
1585
+ }
1586
+ .styleType1_wrapper-v.vertical-screen {
1587
+ width: 17.1875vmin;
1588
+ height: 23.69792vmin;
1589
+ margin: 0 auto;
1590
+ }
1591
+ .styleType1_wrapper-v.vertical-screen.not-pop-card {
1592
+ margin-bottom: 0;
1593
+ }
1594
+ .styleType1_wrapper-v.vertical-screen .coupon_style1 {
1595
+ height: 11.19792vmin;
1596
+ }
1597
+ .styleType1_wrapper-v.full-screen-list {
1598
+ width: 45.18229vmin;
1599
+ margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
1600
+ }
1601
+ .styleType1_wrapper-v.full-screen-list .coupon_style1 {
1602
+ height: 13.15104vmin;
1603
+ }
1604
+ .styleType1_wrapper-v .coupon_style1 {
1605
+ display: block;
1606
+ position: static;
1607
+ width: 100%;
1608
+ }
1609
+ .styleType1_wrapper-v .coupon_style1 .couponValue {
1610
+ padding: 1.6276vmin 0;
1611
+ min-width: unset;
1612
+ height: 11.19792vmin;
1613
+ background: #ff781f;
1614
+ color: #fff;
1615
+ display: flex;
1616
+ flex-direction: column;
1617
+ justify-content: space-around;
1618
+ align-items: center;
1619
+ box-sizing: border-box;
1620
+ border-radius: 1.04167vmin 1.04167vmin 0 0;
1621
+ }
1622
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap {
1623
+ position: relative;
1624
+ display: flex;
1625
+ flex-direction: row;
1626
+ align-items: center;
1627
+ font-weight: 700;
1628
+ }
1629
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
1630
+ margin-right: 0.26042vmin;
1631
+ font-size: 2.08333vmin;
1632
+ }
1633
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
1634
+ display: flex;
1635
+ align-items: baseline;
1636
+ font-weight: 500;
1637
+ font-size: 4.16667vmin !important;
1638
+ }
1639
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long {
1640
+ font-size: 3.125vmin !important;
1641
+ }
1642
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont {
1643
+ font-size: 2.08333vmin;
1644
+ font-weight: 500;
1645
+ }
1646
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal {
1647
+ display: flex;
1648
+ align-items: center;
1649
+ }
1650
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v {
1651
+ align-items: baseline;
1652
+ }
1653
+ .styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition {
1654
+ color: white;
1655
+ font-size: 1.5625vmin;
1656
+ font-weight: 500;
1657
+ font-family: "PingFang SC";
1658
+ text-align: center;
1659
+ line-height: 2.08333vmin;
1660
+ }
1661
+ .styleType1_wrapper-v .coupon_style1 .couponInfo {
1662
+ display: flex;
1663
+ flex-direction: column;
1664
+ justify-content: flex-start;
1665
+ width: 100%;
1666
+ height: 12.5vmin;
1667
+ box-sizing: border-box;
1668
+ background: white;
1669
+ padding: 1.04167vmin;
1670
+ color: #999999;
1671
+ font-size: 1.30208vmin;
1672
+ line-height: 1.30208vmin;
1673
+ font-weight: 400;
1674
+ text-align: left;
1675
+ border-radius: 0 0 1.04167vmin 1.04167vmin;
1676
+ }
1677
+ .styleType1_wrapper-v .coupon_style1 .couponInfo .couponName {
1678
+ color: #333;
1679
+ font-size: 1.5625vmin;
1680
+ line-height: 2.08333vmin;
1681
+ height: 2.08333vmin;
1682
+ width: 15.10417vmin;
1683
+ font-weight: 700;
1684
+ margin-bottom: 0.52083vmin;
1685
+ overflow: hidden;
1686
+ white-space: nowrap;
1687
+ text-overflow: ellipsis;
1688
+ }
1689
+ .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint {
1690
+ margin-bottom: 0.52083vmin;
1691
+ }
1692
+ .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime {
1693
+ margin-bottom: 0;
1694
+ }
1695
+ .styleType1_wrapper-v .coupon_style1 .couponState {
1696
+ position: absolute;
1697
+ right: 1.04167vmin;
1698
+ bottom: 1.04167vmin;
1699
+ height: 3.125vmin;
1700
+ line-height: 3.125vmin;
1701
+ border-radius: 0.52083vmin;
1702
+ border: 0;
1703
+ background: #ff781f;
1704
+ }
1705
+ .styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn {
1706
+ width: 15.10417vmin;
1707
+ }
1708
+ .styleType1_wrapper-v .coupon_style1 .couponState .couponBtn {
1709
+ color: white;
1710
+ font-size: 1.5625vmin;
1711
+ font-weight: 500;
1712
+ text-align: center;
1713
+ font-family: "PingFang SC";
1714
+ }
1715
+ }