xiaoe_mp_npm 1.0.12-alpha2 → 1.0.12-alpha3
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.
- package/miniprogram_dist/CouponList/components/CouponItem/index.scss +37 -16
- package/miniprogram_dist/CouponList/components/CouponItem/index.wxml +3 -3
- package/miniprogram_dist/CouponList/components/CouponItem/index.wxss +144 -56
- package/miniprogram_dist/CouponReceivePopup/index.scss +6 -0
- package/miniprogram_dist/CouponReceivePopup/index.wxml +4 -3
- package/miniprogram_dist/CouponReceivePopup/index.wxss +6 -0
- package/package.json +1 -1
- package/src/CouponList/components/CouponItem/index.scss +37 -16
- package/src/CouponList/components/CouponItem/index.wxml +3 -3
- package/src/CouponList/components/CouponItem/index.wxss +1 -1
- package/src/CouponReceivePopup/index.scss +6 -0
- package/src/CouponReceivePopup/index.wxml +4 -3
- package/src/CouponReceivePopup/index.wxss +1 -1
|
@@ -19,15 +19,19 @@ $deviceWidth: 750;
|
|
|
19
19
|
flex-direction: column;
|
|
20
20
|
position: relative;
|
|
21
21
|
width: 100%;
|
|
22
|
-
min-height: vmin(
|
|
23
|
-
background
|
|
22
|
+
min-height: vmin(320);
|
|
23
|
+
background: none !important;
|
|
24
24
|
.couponValue {
|
|
25
25
|
padding: vmin(40) vmin(16) vmin(16) vmin(16);
|
|
26
|
-
width:
|
|
27
|
-
height: vmin(
|
|
26
|
+
width: 98%;
|
|
27
|
+
height: vmin(140);
|
|
28
28
|
background: rgba(255, 120, 31, 1);
|
|
29
29
|
color: #fff;
|
|
30
30
|
border-radius: vmin(16) vmin(16) 0 0;
|
|
31
|
+
margin: 0;
|
|
32
|
+
.couponUseCondition{
|
|
33
|
+
color: #fff;
|
|
34
|
+
}
|
|
31
35
|
}
|
|
32
36
|
|
|
33
37
|
.couponInfo {
|
|
@@ -35,6 +39,7 @@ $deviceWidth: 750;
|
|
|
35
39
|
background: rgba(255, 255, 255, 1);
|
|
36
40
|
padding: vmin(16) vmin(16) vmin(30) vmin(16);
|
|
37
41
|
border-radius: 0 0 vmin(16) vmin(16);
|
|
42
|
+
margin: 0;
|
|
38
43
|
|
|
39
44
|
.couponName {
|
|
40
45
|
height: vmin(32);
|
|
@@ -68,7 +73,6 @@ $deviceWidth: 750;
|
|
|
68
73
|
}
|
|
69
74
|
}
|
|
70
75
|
}
|
|
71
|
-
|
|
72
76
|
}
|
|
73
77
|
|
|
74
78
|
&.vertical-screen {
|
|
@@ -81,15 +85,27 @@ $deviceWidth: 750;
|
|
|
81
85
|
|
|
82
86
|
.coupon_style1 {
|
|
83
87
|
height: vmin(176);
|
|
88
|
+
width: vmin(476);
|
|
84
89
|
background: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png') center no-repeat !important;
|
|
85
90
|
.couponValue {
|
|
86
|
-
width: vmin(
|
|
91
|
+
width: vmin(192);
|
|
92
|
+
margin-left: 1vmin;
|
|
93
|
+
box-sizing: border-box;
|
|
94
|
+
padding: 0 .4vmin;
|
|
95
|
+
.couponPriceWrap{
|
|
96
|
+
margin-top: -1.6vmin;
|
|
97
|
+
}
|
|
98
|
+
.coupon-price-long{
|
|
99
|
+
margin-top: 1vmin;
|
|
100
|
+
}
|
|
87
101
|
}
|
|
88
102
|
.couponName {
|
|
89
103
|
font-size: vmin(24) !important;
|
|
90
104
|
}
|
|
91
105
|
.couponInfo {
|
|
106
|
+
height: vmin(170);
|
|
92
107
|
justify-content: flex-start;
|
|
108
|
+
overflow: hidden;
|
|
93
109
|
padding: vmin(16) vmin(22) vmin(16) vmin(26);
|
|
94
110
|
}
|
|
95
111
|
.couponState {
|
|
@@ -107,9 +123,6 @@ $deviceWidth: 750;
|
|
|
107
123
|
cursor: pointer;
|
|
108
124
|
font-size: vmin(24);
|
|
109
125
|
font-weight: 500;
|
|
110
|
-
&.vertical-btn {
|
|
111
|
-
width: vmin(88);
|
|
112
|
-
}
|
|
113
126
|
}
|
|
114
127
|
}
|
|
115
128
|
}
|
|
@@ -145,6 +158,17 @@ $deviceWidth: 750;
|
|
|
145
158
|
font-size: vmin(36);
|
|
146
159
|
font-weight: 500;
|
|
147
160
|
}
|
|
161
|
+
.giftCouponTitle{
|
|
162
|
+
font-size: vmin(32);
|
|
163
|
+
font-weight: 500;
|
|
164
|
+
overflow: hidden;
|
|
165
|
+
text-overflow: ellipsis;
|
|
166
|
+
display: -webkit-box;
|
|
167
|
+
-webkit-line-clamp: 2;
|
|
168
|
+
-webkit-box-orient: vertical;
|
|
169
|
+
text-align: center;
|
|
170
|
+
|
|
171
|
+
}
|
|
148
172
|
.couponPriceWrap {
|
|
149
173
|
position: relative;
|
|
150
174
|
display: flex;
|
|
@@ -160,9 +184,6 @@ $deviceWidth: 750;
|
|
|
160
184
|
.coupon-price {
|
|
161
185
|
display: flex;
|
|
162
186
|
font-size: vmin(80);
|
|
163
|
-
&.discount-percent {
|
|
164
|
-
margin-top: -1.8vmin;
|
|
165
|
-
}
|
|
166
187
|
}
|
|
167
188
|
|
|
168
189
|
.discountFont {
|
|
@@ -170,7 +191,10 @@ $deviceWidth: 750;
|
|
|
170
191
|
font-weight: 500;
|
|
171
192
|
}
|
|
172
193
|
}
|
|
173
|
-
|
|
194
|
+
.discount-percent {
|
|
195
|
+
margin-top: -2vmin;
|
|
196
|
+
padding-top: vmin(6) !important;
|
|
197
|
+
}
|
|
174
198
|
.couponUseCondition {
|
|
175
199
|
color: #FF5429;
|
|
176
200
|
font-size: vmin(24);
|
|
@@ -500,9 +524,6 @@ $deviceWidth: 750;
|
|
|
500
524
|
cursor: pointer;
|
|
501
525
|
font-size: vmin(24);
|
|
502
526
|
font-weight: 500;
|
|
503
|
-
&.vertical-btn {
|
|
504
|
-
width: vmin(88);
|
|
505
|
-
}
|
|
506
527
|
}
|
|
507
528
|
}
|
|
508
529
|
}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
<view wx:else class="couponValue">
|
|
13
13
|
<view class="couponPriceWrap {{item.discount_way == 2 && aliveMode?'couponPriceWrap-discount-v':''}}">
|
|
14
14
|
<!-- discount_way优惠方式 1-满减券 2-折扣券 -->
|
|
15
|
-
<block wx:if="{{item.discount_way == 1}}">
|
|
15
|
+
<block wx:if="{{item.discount_way == 1}}" >
|
|
16
16
|
<view class="coupon-symbol">¥</view>
|
|
17
17
|
<view style="font-size: {{isLongNumStyle1}}" class="coupon-price {{isVerLongNumStyle1?'coupon-price-long':''}}" >
|
|
18
18
|
<view>{{price.ToFilter(item.price)}}</view>
|
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
</block>
|
|
31
31
|
</view>
|
|
32
32
|
<view wx:if="{{item.require_price == 0}}"
|
|
33
|
-
class="couponUseCondition">无门槛</view>
|
|
33
|
+
class="couponUseCondition {{item.discount_way == 2 ? 'discount-percent':''}}">无门槛</view>
|
|
34
34
|
<view wx:if="{{item.require_price != 0}}"
|
|
35
|
-
class="couponUseCondition">
|
|
35
|
+
class="couponUseCondition {{item.discount_way == 2 ? 'discount-percent':''}}">
|
|
36
36
|
满{{item.require_price / 100}}元可用
|
|
37
37
|
</view>
|
|
38
38
|
</view>
|
|
@@ -13,22 +13,27 @@
|
|
|
13
13
|
flex-direction: column;
|
|
14
14
|
position: relative;
|
|
15
15
|
width: 100%;
|
|
16
|
-
min-height:
|
|
17
|
-
background
|
|
16
|
+
min-height: 42.66667vmin;
|
|
17
|
+
background: none !important;
|
|
18
18
|
}
|
|
19
19
|
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue {
|
|
20
20
|
padding: 5.33333vmin 2.13333vmin 2.13333vmin 2.13333vmin;
|
|
21
|
-
width:
|
|
22
|
-
height:
|
|
21
|
+
width: 98%;
|
|
22
|
+
height: 18.66667vmin;
|
|
23
23
|
background: #ff781f;
|
|
24
24
|
color: #fff;
|
|
25
25
|
border-radius: 2.13333vmin 2.13333vmin 0 0;
|
|
26
|
+
margin: 0;
|
|
27
|
+
}
|
|
28
|
+
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue .couponUseCondition {
|
|
29
|
+
color: #fff;
|
|
26
30
|
}
|
|
27
31
|
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo {
|
|
28
32
|
flex: 1;
|
|
29
33
|
background: #fff;
|
|
30
34
|
padding: 2.13333vmin 2.13333vmin 4vmin 2.13333vmin;
|
|
31
35
|
border-radius: 0 0 2.13333vmin 2.13333vmin;
|
|
36
|
+
margin: 0;
|
|
32
37
|
}
|
|
33
38
|
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo .couponName {
|
|
34
39
|
height: 4.26667vmin;
|
|
@@ -63,16 +68,28 @@
|
|
|
63
68
|
}
|
|
64
69
|
.styleType1_wrapper.vertical-screen .coupon_style1 {
|
|
65
70
|
height: 23.46667vmin;
|
|
71
|
+
width: 63.46667vmin;
|
|
66
72
|
background: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important;
|
|
67
73
|
}
|
|
68
74
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue {
|
|
69
|
-
width: 25.
|
|
75
|
+
width: 25.6vmin;
|
|
76
|
+
margin-left: 1vmin;
|
|
77
|
+
box-sizing: border-box;
|
|
78
|
+
padding: 0 0.4vmin;
|
|
79
|
+
}
|
|
80
|
+
.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .couponPriceWrap {
|
|
81
|
+
margin-top: -1.6vmin;
|
|
82
|
+
}
|
|
83
|
+
.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .coupon-price-long {
|
|
84
|
+
margin-top: 1vmin;
|
|
70
85
|
}
|
|
71
86
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponName {
|
|
72
87
|
font-size: 3.2vmin !important;
|
|
73
88
|
}
|
|
74
89
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponInfo {
|
|
90
|
+
height: 22.66667vmin;
|
|
75
91
|
justify-content: flex-start;
|
|
92
|
+
overflow: hidden;
|
|
76
93
|
padding: 2.13333vmin 2.93333vmin 2.13333vmin 3.46667vmin;
|
|
77
94
|
}
|
|
78
95
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponState {
|
|
@@ -91,9 +108,6 @@
|
|
|
91
108
|
font-size: 3.2vmin;
|
|
92
109
|
font-weight: 500;
|
|
93
110
|
}
|
|
94
|
-
.styleType1_wrapper.vertical-screen .coupon_style1 .couponState.vertical-btn {
|
|
95
|
-
width: 11.73333vmin;
|
|
96
|
-
}
|
|
97
111
|
.styleType1_wrapper.full-screen-list {
|
|
98
112
|
width: 92.53333vmin;
|
|
99
113
|
margin: 3.2vmin 4.26667vmin 0 4.26667vmin;
|
|
@@ -123,6 +137,16 @@
|
|
|
123
137
|
font-size: 4.8vmin;
|
|
124
138
|
font-weight: 500;
|
|
125
139
|
}
|
|
140
|
+
.styleType1_wrapper .coupon_style1 .couponValue .giftCouponTitle {
|
|
141
|
+
font-size: 4.26667vmin;
|
|
142
|
+
font-weight: 500;
|
|
143
|
+
overflow: hidden;
|
|
144
|
+
text-overflow: ellipsis;
|
|
145
|
+
display: -webkit-box;
|
|
146
|
+
-webkit-line-clamp: 2;
|
|
147
|
+
-webkit-box-orient: vertical;
|
|
148
|
+
text-align: center;
|
|
149
|
+
}
|
|
126
150
|
.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
|
|
127
151
|
position: relative;
|
|
128
152
|
display: flex;
|
|
@@ -137,13 +161,14 @@
|
|
|
137
161
|
display: flex;
|
|
138
162
|
font-size: 10.66667vmin;
|
|
139
163
|
}
|
|
140
|
-
.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent {
|
|
141
|
-
margin-top: -1.8vmin;
|
|
142
|
-
}
|
|
143
164
|
.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
|
|
144
165
|
font-size: 4.26667vmin;
|
|
145
166
|
font-weight: 500;
|
|
146
167
|
}
|
|
168
|
+
.styleType1_wrapper .coupon_style1 .couponValue .discount-percent {
|
|
169
|
+
margin-top: -2vmin;
|
|
170
|
+
padding-top: 0.8vmin !important;
|
|
171
|
+
}
|
|
147
172
|
.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
|
|
148
173
|
color: #FF5429;
|
|
149
174
|
font-size: 3.2vmin;
|
|
@@ -429,9 +454,6 @@
|
|
|
429
454
|
font-size: 3.2vmin;
|
|
430
455
|
font-weight: 500;
|
|
431
456
|
}
|
|
432
|
-
.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState.vertical-btn {
|
|
433
|
-
width: 11.73333vmin;
|
|
434
|
-
}
|
|
435
457
|
.styleType1_wrapper-v.full-screen-list {
|
|
436
458
|
width: 92.53333vmin;
|
|
437
459
|
margin: 3.2vmin 4.26667vmin 0 4.26667vmin;
|
|
@@ -572,22 +594,27 @@
|
|
|
572
594
|
flex-direction: column;
|
|
573
595
|
position: relative;
|
|
574
596
|
width: 100%;
|
|
575
|
-
min-height:
|
|
576
|
-
background
|
|
597
|
+
min-height: 20.83333vmin;
|
|
598
|
+
background: none !important;
|
|
577
599
|
}
|
|
578
600
|
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue {
|
|
579
601
|
padding: 2.60417vmin 1.04167vmin 1.04167vmin 1.04167vmin;
|
|
580
|
-
width:
|
|
581
|
-
height:
|
|
602
|
+
width: 98%;
|
|
603
|
+
height: 9.11458vmin;
|
|
582
604
|
background: #ff781f;
|
|
583
605
|
color: #fff;
|
|
584
606
|
border-radius: 1.04167vmin 1.04167vmin 0 0;
|
|
607
|
+
margin: 0;
|
|
608
|
+
}
|
|
609
|
+
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue .couponUseCondition {
|
|
610
|
+
color: #fff;
|
|
585
611
|
}
|
|
586
612
|
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo {
|
|
587
613
|
flex: 1;
|
|
588
614
|
background: #fff;
|
|
589
615
|
padding: 1.04167vmin 1.04167vmin 1.95312vmin 1.04167vmin;
|
|
590
616
|
border-radius: 0 0 1.04167vmin 1.04167vmin;
|
|
617
|
+
margin: 0;
|
|
591
618
|
}
|
|
592
619
|
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo .couponName {
|
|
593
620
|
height: 2.08333vmin;
|
|
@@ -622,16 +649,28 @@
|
|
|
622
649
|
}
|
|
623
650
|
.styleType1_wrapper.vertical-screen .coupon_style1 {
|
|
624
651
|
height: 11.45833vmin;
|
|
652
|
+
width: 30.98958vmin;
|
|
625
653
|
background: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important;
|
|
626
654
|
}
|
|
627
655
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue {
|
|
628
|
-
width: 12.
|
|
656
|
+
width: 12.5vmin;
|
|
657
|
+
margin-left: 1vmin;
|
|
658
|
+
box-sizing: border-box;
|
|
659
|
+
padding: 0 0.4vmin;
|
|
660
|
+
}
|
|
661
|
+
.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .couponPriceWrap {
|
|
662
|
+
margin-top: -1.6vmin;
|
|
663
|
+
}
|
|
664
|
+
.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .coupon-price-long {
|
|
665
|
+
margin-top: 1vmin;
|
|
629
666
|
}
|
|
630
667
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponName {
|
|
631
668
|
font-size: 1.5625vmin !important;
|
|
632
669
|
}
|
|
633
670
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponInfo {
|
|
671
|
+
height: 11.06771vmin;
|
|
634
672
|
justify-content: flex-start;
|
|
673
|
+
overflow: hidden;
|
|
635
674
|
padding: 1.04167vmin 1.43229vmin 1.04167vmin 1.69271vmin;
|
|
636
675
|
}
|
|
637
676
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponState {
|
|
@@ -650,9 +689,6 @@
|
|
|
650
689
|
font-size: 1.5625vmin;
|
|
651
690
|
font-weight: 500;
|
|
652
691
|
}
|
|
653
|
-
.styleType1_wrapper.vertical-screen .coupon_style1 .couponState.vertical-btn {
|
|
654
|
-
width: 5.72917vmin;
|
|
655
|
-
}
|
|
656
692
|
.styleType1_wrapper.full-screen-list {
|
|
657
693
|
width: 45.18229vmin;
|
|
658
694
|
margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
|
|
@@ -682,6 +718,16 @@
|
|
|
682
718
|
font-size: 2.34375vmin;
|
|
683
719
|
font-weight: 500;
|
|
684
720
|
}
|
|
721
|
+
.styleType1_wrapper .coupon_style1 .couponValue .giftCouponTitle {
|
|
722
|
+
font-size: 2.08333vmin;
|
|
723
|
+
font-weight: 500;
|
|
724
|
+
overflow: hidden;
|
|
725
|
+
text-overflow: ellipsis;
|
|
726
|
+
display: -webkit-box;
|
|
727
|
+
-webkit-line-clamp: 2;
|
|
728
|
+
-webkit-box-orient: vertical;
|
|
729
|
+
text-align: center;
|
|
730
|
+
}
|
|
685
731
|
.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
|
|
686
732
|
position: relative;
|
|
687
733
|
display: flex;
|
|
@@ -696,13 +742,14 @@
|
|
|
696
742
|
display: flex;
|
|
697
743
|
font-size: 5.20833vmin;
|
|
698
744
|
}
|
|
699
|
-
.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent {
|
|
700
|
-
margin-top: -1.8vmin;
|
|
701
|
-
}
|
|
702
745
|
.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
|
|
703
746
|
font-size: 2.08333vmin;
|
|
704
747
|
font-weight: 500;
|
|
705
748
|
}
|
|
749
|
+
.styleType1_wrapper .coupon_style1 .couponValue .discount-percent {
|
|
750
|
+
margin-top: -2vmin;
|
|
751
|
+
padding-top: 0.39062vmin !important;
|
|
752
|
+
}
|
|
706
753
|
.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
|
|
707
754
|
color: #FF5429;
|
|
708
755
|
font-size: 1.5625vmin;
|
|
@@ -988,9 +1035,6 @@
|
|
|
988
1035
|
font-size: 1.5625vmin;
|
|
989
1036
|
font-weight: 500;
|
|
990
1037
|
}
|
|
991
|
-
.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState.vertical-btn {
|
|
992
|
-
width: 5.72917vmin;
|
|
993
|
-
}
|
|
994
1038
|
.styleType1_wrapper-v.full-screen-list {
|
|
995
1039
|
width: 45.18229vmin;
|
|
996
1040
|
margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
|
|
@@ -1132,22 +1176,27 @@
|
|
|
1132
1176
|
flex-direction: column;
|
|
1133
1177
|
position: relative;
|
|
1134
1178
|
width: 100%;
|
|
1135
|
-
min-height:
|
|
1136
|
-
background
|
|
1179
|
+
min-height: 25.39683vmin;
|
|
1180
|
+
background: none !important;
|
|
1137
1181
|
}
|
|
1138
1182
|
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue {
|
|
1139
1183
|
padding: 3.1746vmin 1.26984vmin 1.26984vmin 1.26984vmin;
|
|
1140
|
-
width:
|
|
1141
|
-
height:
|
|
1184
|
+
width: 98%;
|
|
1185
|
+
height: 11.11111vmin;
|
|
1142
1186
|
background: #ff781f;
|
|
1143
1187
|
color: #fff;
|
|
1144
1188
|
border-radius: 1.26984vmin 1.26984vmin 0 0;
|
|
1189
|
+
margin: 0;
|
|
1190
|
+
}
|
|
1191
|
+
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue .couponUseCondition {
|
|
1192
|
+
color: #fff;
|
|
1145
1193
|
}
|
|
1146
1194
|
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo {
|
|
1147
1195
|
flex: 1;
|
|
1148
1196
|
background: #fff;
|
|
1149
1197
|
padding: 1.26984vmin 1.26984vmin 2.38095vmin 1.26984vmin;
|
|
1150
1198
|
border-radius: 0 0 1.26984vmin 1.26984vmin;
|
|
1199
|
+
margin: 0;
|
|
1151
1200
|
}
|
|
1152
1201
|
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo .couponName {
|
|
1153
1202
|
height: 2.53968vmin;
|
|
@@ -1182,16 +1231,28 @@
|
|
|
1182
1231
|
}
|
|
1183
1232
|
.styleType1_wrapper.vertical-screen .coupon_style1 {
|
|
1184
1233
|
height: 13.96825vmin;
|
|
1234
|
+
width: 37.77778vmin;
|
|
1185
1235
|
background: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important;
|
|
1186
1236
|
}
|
|
1187
1237
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue {
|
|
1188
|
-
width: 15.
|
|
1238
|
+
width: 15.2381vmin;
|
|
1239
|
+
margin-left: 1vmin;
|
|
1240
|
+
box-sizing: border-box;
|
|
1241
|
+
padding: 0 0.4vmin;
|
|
1242
|
+
}
|
|
1243
|
+
.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .couponPriceWrap {
|
|
1244
|
+
margin-top: -1.6vmin;
|
|
1245
|
+
}
|
|
1246
|
+
.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .coupon-price-long {
|
|
1247
|
+
margin-top: 1vmin;
|
|
1189
1248
|
}
|
|
1190
1249
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponName {
|
|
1191
1250
|
font-size: 1.90476vmin !important;
|
|
1192
1251
|
}
|
|
1193
1252
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponInfo {
|
|
1253
|
+
height: 13.49206vmin;
|
|
1194
1254
|
justify-content: flex-start;
|
|
1255
|
+
overflow: hidden;
|
|
1195
1256
|
padding: 1.26984vmin 1.74603vmin 1.26984vmin 2.06349vmin;
|
|
1196
1257
|
}
|
|
1197
1258
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponState {
|
|
@@ -1210,9 +1271,6 @@
|
|
|
1210
1271
|
font-size: 1.90476vmin;
|
|
1211
1272
|
font-weight: 500;
|
|
1212
1273
|
}
|
|
1213
|
-
.styleType1_wrapper.vertical-screen .coupon_style1 .couponState.vertical-btn {
|
|
1214
|
-
width: 6.98413vmin;
|
|
1215
|
-
}
|
|
1216
1274
|
.styleType1_wrapper.full-screen-list {
|
|
1217
1275
|
width: 55.07937vmin;
|
|
1218
1276
|
margin: 1.90476vmin 2.53968vmin 0 2.53968vmin;
|
|
@@ -1242,6 +1300,16 @@
|
|
|
1242
1300
|
font-size: 2.85714vmin;
|
|
1243
1301
|
font-weight: 500;
|
|
1244
1302
|
}
|
|
1303
|
+
.styleType1_wrapper .coupon_style1 .couponValue .giftCouponTitle {
|
|
1304
|
+
font-size: 2.53968vmin;
|
|
1305
|
+
font-weight: 500;
|
|
1306
|
+
overflow: hidden;
|
|
1307
|
+
text-overflow: ellipsis;
|
|
1308
|
+
display: -webkit-box;
|
|
1309
|
+
-webkit-line-clamp: 2;
|
|
1310
|
+
-webkit-box-orient: vertical;
|
|
1311
|
+
text-align: center;
|
|
1312
|
+
}
|
|
1245
1313
|
.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
|
|
1246
1314
|
position: relative;
|
|
1247
1315
|
display: flex;
|
|
@@ -1256,13 +1324,14 @@
|
|
|
1256
1324
|
display: flex;
|
|
1257
1325
|
font-size: 6.34921vmin;
|
|
1258
1326
|
}
|
|
1259
|
-
.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent {
|
|
1260
|
-
margin-top: -1.8vmin;
|
|
1261
|
-
}
|
|
1262
1327
|
.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
|
|
1263
1328
|
font-size: 2.53968vmin;
|
|
1264
1329
|
font-weight: 500;
|
|
1265
1330
|
}
|
|
1331
|
+
.styleType1_wrapper .coupon_style1 .couponValue .discount-percent {
|
|
1332
|
+
margin-top: -2vmin;
|
|
1333
|
+
padding-top: 0.47619vmin !important;
|
|
1334
|
+
}
|
|
1266
1335
|
.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
|
|
1267
1336
|
color: #FF5429;
|
|
1268
1337
|
font-size: 1.90476vmin;
|
|
@@ -1548,9 +1617,6 @@
|
|
|
1548
1617
|
font-size: 1.90476vmin;
|
|
1549
1618
|
font-weight: 500;
|
|
1550
1619
|
}
|
|
1551
|
-
.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState.vertical-btn {
|
|
1552
|
-
width: 6.98413vmin;
|
|
1553
|
-
}
|
|
1554
1620
|
.styleType1_wrapper-v.full-screen-list {
|
|
1555
1621
|
width: 55.07937vmin;
|
|
1556
1622
|
margin: 1.90476vmin 2.53968vmin 0 2.53968vmin;
|
|
@@ -1692,22 +1758,27 @@
|
|
|
1692
1758
|
flex-direction: column;
|
|
1693
1759
|
position: relative;
|
|
1694
1760
|
width: 100%;
|
|
1695
|
-
min-height:
|
|
1696
|
-
background
|
|
1761
|
+
min-height: 20.83333vmin;
|
|
1762
|
+
background: none !important;
|
|
1697
1763
|
}
|
|
1698
1764
|
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue {
|
|
1699
1765
|
padding: 2.60417vmin 1.04167vmin 1.04167vmin 1.04167vmin;
|
|
1700
|
-
width:
|
|
1701
|
-
height:
|
|
1766
|
+
width: 98%;
|
|
1767
|
+
height: 9.11458vmin;
|
|
1702
1768
|
background: #ff781f;
|
|
1703
1769
|
color: #fff;
|
|
1704
1770
|
border-radius: 1.04167vmin 1.04167vmin 0 0;
|
|
1771
|
+
margin: 0;
|
|
1772
|
+
}
|
|
1773
|
+
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue .couponUseCondition {
|
|
1774
|
+
color: #fff;
|
|
1705
1775
|
}
|
|
1706
1776
|
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo {
|
|
1707
1777
|
flex: 1;
|
|
1708
1778
|
background: #fff;
|
|
1709
1779
|
padding: 1.04167vmin 1.04167vmin 1.95312vmin 1.04167vmin;
|
|
1710
1780
|
border-radius: 0 0 1.04167vmin 1.04167vmin;
|
|
1781
|
+
margin: 0;
|
|
1711
1782
|
}
|
|
1712
1783
|
.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo .couponName {
|
|
1713
1784
|
height: 2.08333vmin;
|
|
@@ -1742,16 +1813,28 @@
|
|
|
1742
1813
|
}
|
|
1743
1814
|
.styleType1_wrapper.vertical-screen .coupon_style1 {
|
|
1744
1815
|
height: 11.45833vmin;
|
|
1816
|
+
width: 30.98958vmin;
|
|
1745
1817
|
background: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important;
|
|
1746
1818
|
}
|
|
1747
1819
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue {
|
|
1748
|
-
width: 12.
|
|
1820
|
+
width: 12.5vmin;
|
|
1821
|
+
margin-left: 1vmin;
|
|
1822
|
+
box-sizing: border-box;
|
|
1823
|
+
padding: 0 0.4vmin;
|
|
1824
|
+
}
|
|
1825
|
+
.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .couponPriceWrap {
|
|
1826
|
+
margin-top: -1.6vmin;
|
|
1827
|
+
}
|
|
1828
|
+
.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .coupon-price-long {
|
|
1829
|
+
margin-top: 1vmin;
|
|
1749
1830
|
}
|
|
1750
1831
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponName {
|
|
1751
1832
|
font-size: 1.5625vmin !important;
|
|
1752
1833
|
}
|
|
1753
1834
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponInfo {
|
|
1835
|
+
height: 11.06771vmin;
|
|
1754
1836
|
justify-content: flex-start;
|
|
1837
|
+
overflow: hidden;
|
|
1755
1838
|
padding: 1.04167vmin 1.43229vmin 1.04167vmin 1.69271vmin;
|
|
1756
1839
|
}
|
|
1757
1840
|
.styleType1_wrapper.vertical-screen .coupon_style1 .couponState {
|
|
@@ -1770,9 +1853,6 @@
|
|
|
1770
1853
|
font-size: 1.5625vmin;
|
|
1771
1854
|
font-weight: 500;
|
|
1772
1855
|
}
|
|
1773
|
-
.styleType1_wrapper.vertical-screen .coupon_style1 .couponState.vertical-btn {
|
|
1774
|
-
width: 5.72917vmin;
|
|
1775
|
-
}
|
|
1776
1856
|
.styleType1_wrapper.full-screen-list {
|
|
1777
1857
|
width: 45.18229vmin;
|
|
1778
1858
|
margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
|
|
@@ -1802,6 +1882,16 @@
|
|
|
1802
1882
|
font-size: 2.34375vmin;
|
|
1803
1883
|
font-weight: 500;
|
|
1804
1884
|
}
|
|
1885
|
+
.styleType1_wrapper .coupon_style1 .couponValue .giftCouponTitle {
|
|
1886
|
+
font-size: 2.08333vmin;
|
|
1887
|
+
font-weight: 500;
|
|
1888
|
+
overflow: hidden;
|
|
1889
|
+
text-overflow: ellipsis;
|
|
1890
|
+
display: -webkit-box;
|
|
1891
|
+
-webkit-line-clamp: 2;
|
|
1892
|
+
-webkit-box-orient: vertical;
|
|
1893
|
+
text-align: center;
|
|
1894
|
+
}
|
|
1805
1895
|
.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
|
|
1806
1896
|
position: relative;
|
|
1807
1897
|
display: flex;
|
|
@@ -1816,13 +1906,14 @@
|
|
|
1816
1906
|
display: flex;
|
|
1817
1907
|
font-size: 5.20833vmin;
|
|
1818
1908
|
}
|
|
1819
|
-
.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent {
|
|
1820
|
-
margin-top: -1.8vmin;
|
|
1821
|
-
}
|
|
1822
1909
|
.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
|
|
1823
1910
|
font-size: 2.08333vmin;
|
|
1824
1911
|
font-weight: 500;
|
|
1825
1912
|
}
|
|
1913
|
+
.styleType1_wrapper .coupon_style1 .couponValue .discount-percent {
|
|
1914
|
+
margin-top: -2vmin;
|
|
1915
|
+
padding-top: 0.39062vmin !important;
|
|
1916
|
+
}
|
|
1826
1917
|
.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
|
|
1827
1918
|
color: #FF5429;
|
|
1828
1919
|
font-size: 1.5625vmin;
|
|
@@ -2108,9 +2199,6 @@
|
|
|
2108
2199
|
font-size: 1.5625vmin;
|
|
2109
2200
|
font-weight: 500;
|
|
2110
2201
|
}
|
|
2111
|
-
.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState.vertical-btn {
|
|
2112
|
-
width: 5.72917vmin;
|
|
2113
|
-
}
|
|
2114
2202
|
.styleType1_wrapper-v.full-screen-list {
|
|
2115
2203
|
width: 45.18229vmin;
|
|
2116
2204
|
margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
|
|
@@ -30,10 +30,16 @@ $deviceWidth: 750;
|
|
|
30
30
|
display: flex;
|
|
31
31
|
align-items: baseline;
|
|
32
32
|
flex-direction: column;
|
|
33
|
+
height: vmin(245);
|
|
33
34
|
.gift-coupon-name {
|
|
34
35
|
color: #fd2b54;
|
|
35
36
|
font-size: vmin(36);
|
|
36
37
|
font-weight: 500;
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
text-overflow: ellipsis;
|
|
40
|
+
display: -webkit-box;
|
|
41
|
+
-webkit-line-clamp: 2;
|
|
42
|
+
-webkit-box-orient: vertical;
|
|
37
43
|
}
|
|
38
44
|
.coupon-use-condition{
|
|
39
45
|
margin-top: vmin(28);
|
|
@@ -12,18 +12,19 @@
|
|
|
12
12
|
<view class="receive-container" style="background-image: url({{backgroundImageUrl}});">
|
|
13
13
|
<view class="receive-container__content">
|
|
14
14
|
<view wx:if="{{couponInfo.coupon_type == 6}}" class="receive-container__content-gift-coupon">
|
|
15
|
-
<view
|
|
15
|
+
<view>礼品券</view>
|
|
16
|
+
<view class="gift-coupon-name">{{couponInfo.title}}</view>
|
|
16
17
|
<view wx:if="{{!couponInfo.valid_day && couponInfo.valid_at && couponInfo.invalid_at}}" class="coupon-use-condition">
|
|
17
18
|
有效期至:{{price.formatDateToMinte(couponInfo.invalid_at) }}
|
|
18
19
|
</view>
|
|
19
20
|
</view>
|
|
20
21
|
<view wx:else class="receive-container__content-price">
|
|
21
|
-
<view wx:if="{{couponInfo.discount_way
|
|
22
|
+
<view wx:if="{{couponInfo.discount_way == 1}}">
|
|
22
23
|
<span class="smallIcon">¥</span>
|
|
23
24
|
<span class="boldIcon">{{ price.ToFilter(couponInfo.price) }}</span>
|
|
24
25
|
<span class="smallIcon" wx:if="{{isShowPoint}}">.{{ price.fixedFont(couponInfo.price) }}</span>
|
|
25
26
|
</view>
|
|
26
|
-
<view class="discount-price" wx:if="{{couponInfo.discount_way
|
|
27
|
+
<view class="discount-price" wx:if="{{couponInfo.discount_way == 2}}">
|
|
27
28
|
<view class="disc-detail">{{couponInfo.discount_percent/10}}</view>
|
|
28
29
|
<view>折</view>
|
|
29
30
|
</view>
|
|
@@ -26,11 +26,17 @@
|
|
|
26
26
|
display: flex;
|
|
27
27
|
align-items: baseline;
|
|
28
28
|
flex-direction: column;
|
|
29
|
+
height: 32.66667vmin;
|
|
29
30
|
}
|
|
30
31
|
.coupon-receive .receive-popup .receive-container__content-gift-coupon .gift-coupon-name {
|
|
31
32
|
color: #fd2b54;
|
|
32
33
|
font-size: 4.8vmin;
|
|
33
34
|
font-weight: 500;
|
|
35
|
+
overflow: hidden;
|
|
36
|
+
text-overflow: ellipsis;
|
|
37
|
+
display: -webkit-box;
|
|
38
|
+
-webkit-line-clamp: 2;
|
|
39
|
+
-webkit-box-orient: vertical;
|
|
34
40
|
}
|
|
35
41
|
.coupon-receive .receive-popup .receive-container__content-gift-coupon .coupon-use-condition {
|
|
36
42
|
margin-top: 3.73333vmin;
|
package/package.json
CHANGED
|
@@ -19,15 +19,19 @@ $deviceWidth: 750;
|
|
|
19
19
|
flex-direction: column;
|
|
20
20
|
position: relative;
|
|
21
21
|
width: 100%;
|
|
22
|
-
min-height: vmin(
|
|
23
|
-
background
|
|
22
|
+
min-height: vmin(320);
|
|
23
|
+
background: none !important;
|
|
24
24
|
.couponValue {
|
|
25
25
|
padding: vmin(40) vmin(16) vmin(16) vmin(16);
|
|
26
|
-
width:
|
|
27
|
-
height: vmin(
|
|
26
|
+
width: 98%;
|
|
27
|
+
height: vmin(140);
|
|
28
28
|
background: rgba(255, 120, 31, 1);
|
|
29
29
|
color: #fff;
|
|
30
30
|
border-radius: vmin(16) vmin(16) 0 0;
|
|
31
|
+
margin: 0;
|
|
32
|
+
.couponUseCondition{
|
|
33
|
+
color: #fff;
|
|
34
|
+
}
|
|
31
35
|
}
|
|
32
36
|
|
|
33
37
|
.couponInfo {
|
|
@@ -35,6 +39,7 @@ $deviceWidth: 750;
|
|
|
35
39
|
background: rgba(255, 255, 255, 1);
|
|
36
40
|
padding: vmin(16) vmin(16) vmin(30) vmin(16);
|
|
37
41
|
border-radius: 0 0 vmin(16) vmin(16);
|
|
42
|
+
margin: 0;
|
|
38
43
|
|
|
39
44
|
.couponName {
|
|
40
45
|
height: vmin(32);
|
|
@@ -68,7 +73,6 @@ $deviceWidth: 750;
|
|
|
68
73
|
}
|
|
69
74
|
}
|
|
70
75
|
}
|
|
71
|
-
|
|
72
76
|
}
|
|
73
77
|
|
|
74
78
|
&.vertical-screen {
|
|
@@ -81,15 +85,27 @@ $deviceWidth: 750;
|
|
|
81
85
|
|
|
82
86
|
.coupon_style1 {
|
|
83
87
|
height: vmin(176);
|
|
88
|
+
width: vmin(476);
|
|
84
89
|
background: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png') center no-repeat !important;
|
|
85
90
|
.couponValue {
|
|
86
|
-
width: vmin(
|
|
91
|
+
width: vmin(192);
|
|
92
|
+
margin-left: 1vmin;
|
|
93
|
+
box-sizing: border-box;
|
|
94
|
+
padding: 0 .4vmin;
|
|
95
|
+
.couponPriceWrap{
|
|
96
|
+
margin-top: -1.6vmin;
|
|
97
|
+
}
|
|
98
|
+
.coupon-price-long{
|
|
99
|
+
margin-top: 1vmin;
|
|
100
|
+
}
|
|
87
101
|
}
|
|
88
102
|
.couponName {
|
|
89
103
|
font-size: vmin(24) !important;
|
|
90
104
|
}
|
|
91
105
|
.couponInfo {
|
|
106
|
+
height: vmin(170);
|
|
92
107
|
justify-content: flex-start;
|
|
108
|
+
overflow: hidden;
|
|
93
109
|
padding: vmin(16) vmin(22) vmin(16) vmin(26);
|
|
94
110
|
}
|
|
95
111
|
.couponState {
|
|
@@ -107,9 +123,6 @@ $deviceWidth: 750;
|
|
|
107
123
|
cursor: pointer;
|
|
108
124
|
font-size: vmin(24);
|
|
109
125
|
font-weight: 500;
|
|
110
|
-
&.vertical-btn {
|
|
111
|
-
width: vmin(88);
|
|
112
|
-
}
|
|
113
126
|
}
|
|
114
127
|
}
|
|
115
128
|
}
|
|
@@ -145,6 +158,17 @@ $deviceWidth: 750;
|
|
|
145
158
|
font-size: vmin(36);
|
|
146
159
|
font-weight: 500;
|
|
147
160
|
}
|
|
161
|
+
.giftCouponTitle{
|
|
162
|
+
font-size: vmin(32);
|
|
163
|
+
font-weight: 500;
|
|
164
|
+
overflow: hidden;
|
|
165
|
+
text-overflow: ellipsis;
|
|
166
|
+
display: -webkit-box;
|
|
167
|
+
-webkit-line-clamp: 2;
|
|
168
|
+
-webkit-box-orient: vertical;
|
|
169
|
+
text-align: center;
|
|
170
|
+
|
|
171
|
+
}
|
|
148
172
|
.couponPriceWrap {
|
|
149
173
|
position: relative;
|
|
150
174
|
display: flex;
|
|
@@ -160,9 +184,6 @@ $deviceWidth: 750;
|
|
|
160
184
|
.coupon-price {
|
|
161
185
|
display: flex;
|
|
162
186
|
font-size: vmin(80);
|
|
163
|
-
&.discount-percent {
|
|
164
|
-
margin-top: -1.8vmin;
|
|
165
|
-
}
|
|
166
187
|
}
|
|
167
188
|
|
|
168
189
|
.discountFont {
|
|
@@ -170,7 +191,10 @@ $deviceWidth: 750;
|
|
|
170
191
|
font-weight: 500;
|
|
171
192
|
}
|
|
172
193
|
}
|
|
173
|
-
|
|
194
|
+
.discount-percent {
|
|
195
|
+
margin-top: -2vmin;
|
|
196
|
+
padding-top: vmin(6) !important;
|
|
197
|
+
}
|
|
174
198
|
.couponUseCondition {
|
|
175
199
|
color: #FF5429;
|
|
176
200
|
font-size: vmin(24);
|
|
@@ -500,9 +524,6 @@ $deviceWidth: 750;
|
|
|
500
524
|
cursor: pointer;
|
|
501
525
|
font-size: vmin(24);
|
|
502
526
|
font-weight: 500;
|
|
503
|
-
&.vertical-btn {
|
|
504
|
-
width: vmin(88);
|
|
505
|
-
}
|
|
506
527
|
}
|
|
507
528
|
}
|
|
508
529
|
}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
<view wx:else class="couponValue">
|
|
13
13
|
<view class="couponPriceWrap {{item.discount_way == 2 && aliveMode?'couponPriceWrap-discount-v':''}}">
|
|
14
14
|
<!-- discount_way优惠方式 1-满减券 2-折扣券 -->
|
|
15
|
-
<block wx:if="{{item.discount_way == 1}}">
|
|
15
|
+
<block wx:if="{{item.discount_way == 1}}" >
|
|
16
16
|
<view class="coupon-symbol">¥</view>
|
|
17
17
|
<view style="font-size: {{isLongNumStyle1}}" class="coupon-price {{isVerLongNumStyle1?'coupon-price-long':''}}" >
|
|
18
18
|
<view>{{price.ToFilter(item.price)}}</view>
|
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
</block>
|
|
31
31
|
</view>
|
|
32
32
|
<view wx:if="{{item.require_price == 0}}"
|
|
33
|
-
class="couponUseCondition">无门槛</view>
|
|
33
|
+
class="couponUseCondition {{item.discount_way == 2 ? 'discount-percent':''}}">无门槛</view>
|
|
34
34
|
<view wx:if="{{item.require_price != 0}}"
|
|
35
|
-
class="couponUseCondition">
|
|
35
|
+
class="couponUseCondition {{item.discount_way == 2 ? 'discount-percent':''}}">
|
|
36
36
|
满{{item.require_price / 100}}元可用
|
|
37
37
|
</view>
|
|
38
38
|
</view>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.styleType1_wrapper.pop-card{width:37.33333vmin;margin-bottom:0;position:relative;height:100%}.styleType1_wrapper.pop-card.vertical-screen{width:37.33333vmin;height:100%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1{display:flex;flex-direction:column;position:relative;width:100%;min-height:53.33333vmin;background-image:none}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:5.33333vmin 2.13333vmin 2.13333vmin 2.13333vmin;width:100%;height:26.66667vmin;background:#ff781f;color:#fff;border-radius:2.13333vmin 2.13333vmin 0 0}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo{flex:1;background:#fff;padding:2.13333vmin 2.13333vmin 4vmin 2.13333vmin;border-radius:0 0 2.13333vmin 2.13333vmin}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo .couponName{height:4.26667vmin;line-height:4.26667vmin;font-size:3.73333vmin;width:32.53333vmin;font-weight:500;margin-bottom:1.06667vmin;-webkit-line-clamp:1}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState{position:absolute;left:2.13333vmin;top:95%;transform:translateY(-95%);height:6.4vmin;line-height:6.4vmin;border-radius:1.06667vmin}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.fullscreen-btn{width:90%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.vertical-btn{width:88%}.styleType1_wrapper.vertical-screen{width:63.46667vmin;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:4.26667vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:23.46667vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:25.33333vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponName{font-size:3.2vmin !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponInfo{justify-content:flex-start;padding:2.13333vmin 2.93333vmin 2.13333vmin 3.46667vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponState{position:absolute;right:1.6vmin;top:90%;transform:translateY(-90%);height:5.06667vmin;line-height:5.06667vmin;background:#FF5429;border-radius:5.06667vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:3.2vmin;font-weight:500}.styleType1_wrapper.vertical-screen .coupon_style1 .couponState.vertical-btn{width:11.73333vmin}.styleType1_wrapper.full-screen-list{width:92.53333vmin;margin:3.2vmin 4.26667vmin 0 4.26667vmin}.styleType1_wrapper.full-screen-list .coupon_style1{height:26.93333vmin}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponValue{width:25.6vmin;color:#FF5429;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper .coupon_style1 .couponValue .giftCouponName{font-size:4.8vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{font-size:4.26667vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;font-size:10.66667vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent{margin-top:-1.8vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:4.26667vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition{color:#FF5429;font-size:3.2vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:4.26667vmin;padding-top:2.13333vmin}.styleType1_wrapper .coupon_style1 .couponInfo{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-around;height:100%;box-sizing:border-box;padding:2.13333vmin 0 2.13333vmin 2.66667vmin;color:#999999;font-size:2.66667vmin;line-height:3.2vmin;font-weight:400;text-align:left}.styleType1_wrapper .coupon_style1 .couponInfo .couponName{width:100%;line-height:5.33333vmin;color:#333333;font-size:3.73333vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper .coupon_style1 .couponInfo .moreCouponInfo{display:flex;flex-direction:column;justify-content:space-between}.styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.53333vmin}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo{display:flex;cursor:pointer;align-items:center}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn{width:3.2vmin;height:3.2vmin;margin-left:.8vmin;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponState{height:6.4vmin;line-height:6.4vmin;background:#FF5429;border-radius:6.4vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:1.33333vmin}.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn{width:18.13333vmin}.styleType1_wrapper .coupon_style1 .couponState.vertical-btn{width:14.13333vmin}.styleType1_wrapper .coupon_style1 .couponState .couponBtn{color:#fff;font-size:3.2vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:13.06667vmin;height:15.2vmin}.styleType1_wrapper .detailInfo{width:100%;display:flex;background-color:#fff6f0;box-sizing:border-box;border-radius:0 0 .53333vmin .53333vmin;padding:2.13333vmin;padding-top:5vmin;color:#666;font-size:2.66667vmin;margin-top:-2vmin;text-align:left}.styleType1_wrapper .detailInfo .disabledHint{width:3.73333vmin;margin-right:1.33333vmin}.styleType1_wrapper .detailInfo .instructions{word-break:break-all}.styleType1_wrapper .detailInfo .instructions .remark{color:#333;margin-bottom:1.06667vmin}.styleType2_wrapper{margin-bottom:3.2vmin;margin-right:2.13333vmin}.styleType2_wrapper .coupon_style2{display:flex;flex-direction:row;color:#ff781f;position:relative;overflow:hidden;width:44.8vmin;height:21.33333vmin;flex-shrink:0}.styleType2_wrapper .coupon_style2 .coupons-styles2-bg{position:absolute;top:0;left:0;right:0;width:100%;height:100%}.styleType2_wrapper .coupon_style2 .giftCouponInfo{display:flex;flex-direction:column;justify-content:center;align-items:baseline;color:#FF5429;position:relative;height:100%;width:36.26667vmin;font-size:2.66667vmin;line-height:3.2vmin;font-weight:400;padding:0 2.13333vmin}.styleType2_wrapper .coupon_style2 .giftCouponInfo .giftCouponName{font-size:4.8vmin;font-weight:500;height:4.26667vmin;line-height:4.26667vmin;margin-bottom:5.33333vmin}.styleType2_wrapper .coupon_style2 .couponInfo{display:inline-flex;flex-direction:column;box-sizing:border-box;padding-left:2.13333vmin;width:36.26667vmin;height:100%;font-family:"PingFang SC";font-size:2.66667vmin;line-height:3.2vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop{padding-top:2.13333vmin;display:flex;flex-direction:row;align-items:flex-end;height:6.4vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:700;height:6.4vmin;line-height:6.4vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol{margin-right:.53333vmin;font-size:3.2vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price{display:flex;font-size:9.4vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont{font-size:3.2vmin;font-weight:500;margin-left:.53333vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom{font-weight:400;line-height:3.2vmin;position:relative;margin-top:.8vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit{margin-bottom:.53333vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition{font-size:2.66667vmin;font-weight:400}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint{margin-bottom:.53333vmin}.styleType2_wrapper .coupon_style2 .couponStatewrapper{width:8.26667vmin;height:100%;-ms-flex-item-align:center;align-self:center;position:relative;display:inline-flex;justify-content:center;align-items:center;text-align:center}.styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn{writing-mode:vertical-lr;letter-spacing:1.33333vmin;font-size:3.2vmin;font-weight:700;font-family:"PingFang SC"}.styleType2_wrapper .coupon_style2 .couponStatewrapper:before{content:" ";display:block;width:100%;height:15.2vmin;border-left:.26667vmin dashed #ff781f;-webkit-transform:scale(1.3);transform:scale(0.7, 1.1);position:absolute;left:-vmin(10);top:3.07vmin}.styleType2_wrapper .coupon_style2 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:13.06667vmin;height:15.2vmin}.styleType1_wrapper-v.vertical-screen{width:63.46667vmin;height:23.46667vmin;margin:0 auto}.styleType1_wrapper-v.vertical-screen.not-pop-card{width:63.46667vmin;margin-bottom:0}.styleType1_wrapper-v.vertical-screen .coupon_style1{height:23.46667vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponValue{width:25.33333vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponName{font-size:3.2vmin !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponInfo{justify-content:flex-start;padding:2.13333vmin 2.93333vmin 2.13333vmin 3.46667vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState{position:absolute;right:1.6vmin;top:90%;transform:translateY(-90%);height:5.06667vmin;line-height:5.06667vmin;background:#FF5429;border-radius:5.06667vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:3.2vmin;font-weight:500}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState.vertical-btn{width:11.73333vmin}.styleType1_wrapper-v.full-screen-list{width:92.53333vmin;margin:3.2vmin 4.26667vmin 0 4.26667vmin}.styleType1_wrapper-v.full-screen-list .coupon_style1{height:26.93333vmin}.styleType1_wrapper-v .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper-v .coupon_style1 .couponValue{padding:3.33333vmin 0;min-width:unset;color:#FF5429;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper-v .coupon_style1 .couponValue .giftCouponName{font-size:4.8vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{margin-right:.53333vmin;font-size:4.26667vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;align-items:baseline;font-weight:500;font-size:8.53333vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent{margin-top:-1vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long{font-size:6.4vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:4.26667vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal{display:flex;align-items:center}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v{align-items:baseline}.styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition{color:#fff;font-size:3.2vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:4.26667vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo{flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:100%;box-sizing:border-box;padding:2.13333vmin;color:#999999;font-size:2.66667vmin;line-height:2.66667vmin;font-weight:400;text-align:left}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponName{width:100%;line-height:5.33333vmin;color:#333333;font-size:3.73333vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint{margin-bottom:1.06667vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime{margin-bottom:0}.styleType1_wrapper-v .coupon_style1 .couponState{height:6.4vmin;line-height:6.4vmin;background:#FF5429;border-radius:6.4vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:1.33333vmin}.styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn{width:14.13333vmin}.styleType1_wrapper-v .coupon_style1 .couponState .couponBtn{color:#fff;font-size:3.2vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}@media screen and (min-width: 768px) and (orientation: portrait){.styleType1_wrapper.pop-card{width:18.22917vmin;margin-bottom:0;position:relative;height:100%}.styleType1_wrapper.pop-card.vertical-screen{width:18.22917vmin;height:100%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1{display:flex;flex-direction:column;position:relative;width:100%;min-height:26.04167vmin;background-image:none}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:2.60417vmin 1.04167vmin 1.04167vmin 1.04167vmin;width:100%;height:13.02083vmin;background:#ff781f;color:#fff;border-radius:1.04167vmin 1.04167vmin 0 0}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo{flex:1;background:#fff;padding:1.04167vmin 1.04167vmin 1.95312vmin 1.04167vmin;border-radius:0 0 1.04167vmin 1.04167vmin}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo .couponName{height:2.08333vmin;line-height:2.08333vmin;font-size:1.82292vmin;width:15.88542vmin;font-weight:500;margin-bottom:.52083vmin;-webkit-line-clamp:1}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState{position:absolute;left:1.04167vmin;top:95%;transform:translateY(-95%);height:3.125vmin;line-height:3.125vmin;border-radius:.52083vmin}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.fullscreen-btn{width:90%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.vertical-btn{width:88%}.styleType1_wrapper.vertical-screen{width:30.98958vmin;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:2.08333vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:11.45833vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:12.36979vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponName{font-size:1.5625vmin !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponInfo{justify-content:flex-start;padding:1.04167vmin 1.43229vmin 1.04167vmin 1.69271vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponState{position:absolute;right:.78125vmin;top:90%;transform:translateY(-90%);height:2.47396vmin;line-height:2.47396vmin;background:#FF5429;border-radius:2.47396vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:1.5625vmin;font-weight:500}.styleType1_wrapper.vertical-screen .coupon_style1 .couponState.vertical-btn{width:5.72917vmin}.styleType1_wrapper.full-screen-list{width:45.18229vmin;margin:1.5625vmin 2.08333vmin 0 2.08333vmin}.styleType1_wrapper.full-screen-list .coupon_style1{height:13.15104vmin}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponValue{width:12.5vmin;color:#FF5429;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper .coupon_style1 .couponValue .giftCouponName{font-size:2.34375vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{font-size:2.08333vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;font-size:5.20833vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent{margin-top:-1.8vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:2.08333vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition{color:#FF5429;font-size:1.5625vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:2.08333vmin;padding-top:1.04167vmin}.styleType1_wrapper .coupon_style1 .couponInfo{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-around;height:100%;box-sizing:border-box;padding:1.04167vmin 0 1.04167vmin 1.30208vmin;color:#999999;font-size:1.30208vmin;line-height:1.5625vmin;font-weight:400;text-align:left}.styleType1_wrapper .coupon_style1 .couponInfo .couponName{width:100%;line-height:2.60417vmin;color:#333333;font-size:1.82292vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper .coupon_style1 .couponInfo .moreCouponInfo{display:flex;flex-direction:column;justify-content:space-between}.styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.26042vmin}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo{display:flex;cursor:pointer;align-items:center}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn{width:1.5625vmin;height:1.5625vmin;margin-left:.39062vmin;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponState{height:3.125vmin;line-height:3.125vmin;background:#FF5429;border-radius:3.125vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:.65104vmin}.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn{width:8.85417vmin}.styleType1_wrapper .coupon_style1 .couponState.vertical-btn{width:6.90104vmin}.styleType1_wrapper .coupon_style1 .couponState .couponBtn{color:#fff;font-size:1.5625vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:6.38021vmin;height:7.42188vmin}.styleType1_wrapper .detailInfo{width:100%;display:flex;background-color:#fff6f0;box-sizing:border-box;border-radius:0 0 .26042vmin .26042vmin;padding:1.04167vmin;padding-top:2.44141vmin;color:#666;font-size:1.30208vmin;margin-top:-2vmin;text-align:left}.styleType1_wrapper .detailInfo .disabledHint{width:1.82292vmin;margin-right:.65104vmin}.styleType1_wrapper .detailInfo .instructions{word-break:break-all}.styleType1_wrapper .detailInfo .instructions .remark{color:#333;margin-bottom:.52083vmin}.styleType2_wrapper{margin-bottom:1.5625vmin;margin-right:1.04167vmin}.styleType2_wrapper .coupon_style2{display:flex;flex-direction:row;color:#ff781f;position:relative;overflow:hidden;width:21.875vmin;height:10.41667vmin;flex-shrink:0}.styleType2_wrapper .coupon_style2 .coupons-styles2-bg{position:absolute;top:0;left:0;right:0;width:100%;height:100%}.styleType2_wrapper .coupon_style2 .giftCouponInfo{display:flex;flex-direction:column;justify-content:center;align-items:baseline;color:#FF5429;position:relative;height:100%;width:17.70833vmin;font-size:1.30208vmin;line-height:1.5625vmin;font-weight:400;padding:0 1.04167vmin}.styleType2_wrapper .coupon_style2 .giftCouponInfo .giftCouponName{font-size:2.34375vmin;font-weight:500;height:2.08333vmin;line-height:2.08333vmin;margin-bottom:2.60417vmin}.styleType2_wrapper .coupon_style2 .couponInfo{display:inline-flex;flex-direction:column;box-sizing:border-box;padding-left:1.04167vmin;width:17.70833vmin;height:100%;font-family:"PingFang SC";font-size:1.30208vmin;line-height:1.5625vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop{padding-top:1.04167vmin;display:flex;flex-direction:row;align-items:flex-end;height:3.125vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:700;height:3.125vmin;line-height:3.125vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol{margin-right:.26042vmin;font-size:1.5625vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price{display:flex;font-size:4.58984vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont{font-size:1.5625vmin;font-weight:500;margin-left:.26042vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom{font-weight:400;line-height:1.5625vmin;position:relative;margin-top:.39062vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit{margin-bottom:.26042vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition{font-size:1.30208vmin;font-weight:400}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint{margin-bottom:.26042vmin}.styleType2_wrapper .coupon_style2 .couponStatewrapper{width:4.03646vmin;height:100%;-ms-flex-item-align:center;align-self:center;position:relative;display:inline-flex;justify-content:center;align-items:center;text-align:center}.styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn{writing-mode:vertical-lr;letter-spacing:.65104vmin;font-size:1.5625vmin;font-weight:700;font-family:"PingFang SC"}.styleType2_wrapper .coupon_style2 .couponStatewrapper:before{content:" ";display:block;width:100%;height:7.42188vmin;border-left:.13021vmin dashed #ff781f;-webkit-transform:scale(1.3);transform:scale(0.7, 1.1);position:absolute;left:-vmin(10);top:3.07vmin}.styleType2_wrapper .coupon_style2 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:6.38021vmin;height:7.42188vmin}.styleType1_wrapper-v.vertical-screen{width:30.98958vmin;height:11.45833vmin;margin:0 auto}.styleType1_wrapper-v.vertical-screen.not-pop-card{width:30.98958vmin;margin-bottom:0}.styleType1_wrapper-v.vertical-screen .coupon_style1{height:11.45833vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponValue{width:12.36979vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponName{font-size:1.5625vmin !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponInfo{justify-content:flex-start;padding:1.04167vmin 1.43229vmin 1.04167vmin 1.69271vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState{position:absolute;right:.78125vmin;top:90%;transform:translateY(-90%);height:2.47396vmin;line-height:2.47396vmin;background:#FF5429;border-radius:2.47396vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:1.5625vmin;font-weight:500}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState.vertical-btn{width:5.72917vmin}.styleType1_wrapper-v.full-screen-list{width:45.18229vmin;margin:1.5625vmin 2.08333vmin 0 2.08333vmin}.styleType1_wrapper-v.full-screen-list .coupon_style1{height:13.15104vmin}.styleType1_wrapper-v .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper-v .coupon_style1 .couponValue{padding:1.6276vmin 0;min-width:unset;color:#FF5429;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper-v .coupon_style1 .couponValue .giftCouponName{font-size:2.34375vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{margin-right:.26042vmin;font-size:2.08333vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;align-items:baseline;font-weight:500;font-size:4.16667vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent{margin-top:-1vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long{font-size:3.125vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:2.08333vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal{display:flex;align-items:center}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v{align-items:baseline}.styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition{color:#fff;font-size:1.5625vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:2.08333vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo{flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:100%;box-sizing:border-box;padding:1.04167vmin;color:#999999;font-size:1.30208vmin;line-height:1.30208vmin;font-weight:400;text-align:left}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponName{width:100%;line-height:2.60417vmin;color:#333333;font-size:1.82292vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.52083vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime{margin-bottom:0}.styleType1_wrapper-v .coupon_style1 .couponState{height:3.125vmin;line-height:3.125vmin;background:#FF5429;border-radius:3.125vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:.65104vmin}.styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn{width:6.90104vmin}.styleType1_wrapper-v .coupon_style1 .couponState .couponBtn{color:#fff;font-size:1.5625vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}}@media screen and (min-height: 630px) and (orientation: landscape){.styleType1_wrapper.pop-card{width:22.22222vmin;margin-bottom:0;position:relative;height:100%}.styleType1_wrapper.pop-card.vertical-screen{width:22.22222vmin;height:100%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1{display:flex;flex-direction:column;position:relative;width:100%;min-height:31.74603vmin;background-image:none}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:3.1746vmin 1.26984vmin 1.26984vmin 1.26984vmin;width:100%;height:15.87302vmin;background:#ff781f;color:#fff;border-radius:1.26984vmin 1.26984vmin 0 0}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo{flex:1;background:#fff;padding:1.26984vmin 1.26984vmin 2.38095vmin 1.26984vmin;border-radius:0 0 1.26984vmin 1.26984vmin}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo .couponName{height:2.53968vmin;line-height:2.53968vmin;font-size:2.22222vmin;width:19.36508vmin;font-weight:500;margin-bottom:.63492vmin;-webkit-line-clamp:1}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState{position:absolute;left:1.26984vmin;top:95%;transform:translateY(-95%);height:3.80952vmin;line-height:3.80952vmin;border-radius:.63492vmin}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.fullscreen-btn{width:90%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.vertical-btn{width:88%}.styleType1_wrapper.vertical-screen{width:37.77778vmin;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:2.53968vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:13.96825vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:15.07937vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponName{font-size:1.90476vmin !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponInfo{justify-content:flex-start;padding:1.26984vmin 1.74603vmin 1.26984vmin 2.06349vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponState{position:absolute;right:.95238vmin;top:90%;transform:translateY(-90%);height:3.01587vmin;line-height:3.01587vmin;background:#FF5429;border-radius:3.01587vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:1.90476vmin;font-weight:500}.styleType1_wrapper.vertical-screen .coupon_style1 .couponState.vertical-btn{width:6.98413vmin}.styleType1_wrapper.full-screen-list{width:55.07937vmin;margin:1.90476vmin 2.53968vmin 0 2.53968vmin}.styleType1_wrapper.full-screen-list .coupon_style1{height:16.03175vmin}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponValue{width:15.2381vmin;color:#FF5429;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper .coupon_style1 .couponValue .giftCouponName{font-size:2.85714vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{font-size:2.53968vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;font-size:6.34921vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent{margin-top:-1.8vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:2.53968vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition{color:#FF5429;font-size:1.90476vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:2.53968vmin;padding-top:1.26984vmin}.styleType1_wrapper .coupon_style1 .couponInfo{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-around;height:100%;box-sizing:border-box;padding:1.26984vmin 0 1.26984vmin 1.5873vmin;color:#999999;font-size:1.5873vmin;line-height:1.90476vmin;font-weight:400;text-align:left}.styleType1_wrapper .coupon_style1 .couponInfo .couponName{width:100%;line-height:3.1746vmin;color:#333333;font-size:2.22222vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper .coupon_style1 .couponInfo .moreCouponInfo{display:flex;flex-direction:column;justify-content:space-between}.styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.31746vmin}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo{display:flex;cursor:pointer;align-items:center}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn{width:1.90476vmin;height:1.90476vmin;margin-left:.47619vmin;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponState{height:3.80952vmin;line-height:3.80952vmin;background:#FF5429;border-radius:3.80952vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:.79365vmin}.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn{width:10.79365vmin}.styleType1_wrapper .coupon_style1 .couponState.vertical-btn{width:8.4127vmin}.styleType1_wrapper .coupon_style1 .couponState .couponBtn{color:#fff;font-size:1.90476vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:7.77778vmin;height:9.04762vmin}.styleType1_wrapper .detailInfo{width:100%;display:flex;background-color:#fff6f0;box-sizing:border-box;border-radius:0 0 .31746vmin .31746vmin;padding:1.26984vmin;padding-top:2.97619vmin;color:#666;font-size:1.5873vmin;margin-top:-2vmin;text-align:left}.styleType1_wrapper .detailInfo .disabledHint{width:2.22222vmin;margin-right:.79365vmin}.styleType1_wrapper .detailInfo .instructions{word-break:break-all}.styleType1_wrapper .detailInfo .instructions .remark{color:#333;margin-bottom:.63492vmin}.styleType2_wrapper{margin-bottom:1.90476vmin;margin-right:1.26984vmin}.styleType2_wrapper .coupon_style2{display:flex;flex-direction:row;color:#ff781f;position:relative;overflow:hidden;width:26.66667vmin;height:12.69841vmin;flex-shrink:0}.styleType2_wrapper .coupon_style2 .coupons-styles2-bg{position:absolute;top:0;left:0;right:0;width:100%;height:100%}.styleType2_wrapper .coupon_style2 .giftCouponInfo{display:flex;flex-direction:column;justify-content:center;align-items:baseline;color:#FF5429;position:relative;height:100%;width:21.5873vmin;font-size:1.5873vmin;line-height:1.90476vmin;font-weight:400;padding:0 1.26984vmin}.styleType2_wrapper .coupon_style2 .giftCouponInfo .giftCouponName{font-size:2.85714vmin;font-weight:500;height:2.53968vmin;line-height:2.53968vmin;margin-bottom:3.1746vmin}.styleType2_wrapper .coupon_style2 .couponInfo{display:inline-flex;flex-direction:column;box-sizing:border-box;padding-left:1.26984vmin;width:21.5873vmin;height:100%;font-family:"PingFang SC";font-size:1.5873vmin;line-height:1.90476vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop{padding-top:1.26984vmin;display:flex;flex-direction:row;align-items:flex-end;height:3.80952vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:700;height:3.80952vmin;line-height:3.80952vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol{margin-right:.31746vmin;font-size:1.90476vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price{display:flex;font-size:5.59524vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont{font-size:1.90476vmin;font-weight:500;margin-left:.31746vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom{font-weight:400;line-height:1.90476vmin;position:relative;margin-top:.47619vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit{margin-bottom:.31746vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition{font-size:1.5873vmin;font-weight:400}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint{margin-bottom:.31746vmin}.styleType2_wrapper .coupon_style2 .couponStatewrapper{width:4.92063vmin;height:100%;-ms-flex-item-align:center;align-self:center;position:relative;display:inline-flex;justify-content:center;align-items:center;text-align:center}.styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn{writing-mode:vertical-lr;letter-spacing:.79365vmin;font-size:1.90476vmin;font-weight:700;font-family:"PingFang SC"}.styleType2_wrapper .coupon_style2 .couponStatewrapper:before{content:" ";display:block;width:100%;height:9.04762vmin;border-left:.15873vmin dashed #ff781f;-webkit-transform:scale(1.3);transform:scale(0.7, 1.1);position:absolute;left:-vmin(10);top:3.07vmin}.styleType2_wrapper .coupon_style2 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:7.77778vmin;height:9.04762vmin}.styleType1_wrapper-v.vertical-screen{width:37.77778vmin;height:13.96825vmin;margin:0 auto}.styleType1_wrapper-v.vertical-screen.not-pop-card{width:37.77778vmin;margin-bottom:0}.styleType1_wrapper-v.vertical-screen .coupon_style1{height:13.96825vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponValue{width:15.07937vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponName{font-size:1.90476vmin !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponInfo{justify-content:flex-start;padding:1.26984vmin 1.74603vmin 1.26984vmin 2.06349vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState{position:absolute;right:.95238vmin;top:90%;transform:translateY(-90%);height:3.01587vmin;line-height:3.01587vmin;background:#FF5429;border-radius:3.01587vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:1.90476vmin;font-weight:500}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState.vertical-btn{width:6.98413vmin}.styleType1_wrapper-v.full-screen-list{width:55.07937vmin;margin:1.90476vmin 2.53968vmin 0 2.53968vmin}.styleType1_wrapper-v.full-screen-list .coupon_style1{height:16.03175vmin}.styleType1_wrapper-v .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper-v .coupon_style1 .couponValue{padding:1.98413vmin 0;min-width:unset;color:#FF5429;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper-v .coupon_style1 .couponValue .giftCouponName{font-size:2.85714vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{margin-right:.31746vmin;font-size:2.53968vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;align-items:baseline;font-weight:500;font-size:5.07937vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent{margin-top:-1vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long{font-size:3.80952vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:2.53968vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal{display:flex;align-items:center}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v{align-items:baseline}.styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition{color:#fff;font-size:1.90476vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:2.53968vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo{flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:100%;box-sizing:border-box;padding:1.26984vmin;color:#999999;font-size:1.5873vmin;line-height:1.5873vmin;font-weight:400;text-align:left}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponName{width:100%;line-height:3.1746vmin;color:#333333;font-size:2.22222vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.63492vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime{margin-bottom:0}.styleType1_wrapper-v .coupon_style1 .couponState{height:3.80952vmin;line-height:3.80952vmin;background:#FF5429;border-radius:3.80952vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:.79365vmin}.styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn{width:8.4127vmin}.styleType1_wrapper-v .coupon_style1 .couponState .couponBtn{color:#fff;font-size:1.90476vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}}@media screen and (min-height: 768px) and (orientation: landscape){.styleType1_wrapper.pop-card{width:18.22917vmin;margin-bottom:0;position:relative;height:100%}.styleType1_wrapper.pop-card.vertical-screen{width:18.22917vmin;height:100%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1{display:flex;flex-direction:column;position:relative;width:100%;min-height:26.04167vmin;background-image:none}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:2.60417vmin 1.04167vmin 1.04167vmin 1.04167vmin;width:100%;height:13.02083vmin;background:#ff781f;color:#fff;border-radius:1.04167vmin 1.04167vmin 0 0}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo{flex:1;background:#fff;padding:1.04167vmin 1.04167vmin 1.95312vmin 1.04167vmin;border-radius:0 0 1.04167vmin 1.04167vmin}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo .couponName{height:2.08333vmin;line-height:2.08333vmin;font-size:1.82292vmin;width:15.88542vmin;font-weight:500;margin-bottom:.52083vmin;-webkit-line-clamp:1}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState{position:absolute;left:1.04167vmin;top:95%;transform:translateY(-95%);height:3.125vmin;line-height:3.125vmin;border-radius:.52083vmin}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.fullscreen-btn{width:90%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.vertical-btn{width:88%}.styleType1_wrapper.vertical-screen{width:30.98958vmin;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:2.08333vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:11.45833vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:12.36979vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponName{font-size:1.5625vmin !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponInfo{justify-content:flex-start;padding:1.04167vmin 1.43229vmin 1.04167vmin 1.69271vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponState{position:absolute;right:.78125vmin;top:90%;transform:translateY(-90%);height:2.47396vmin;line-height:2.47396vmin;background:#FF5429;border-radius:2.47396vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:1.5625vmin;font-weight:500}.styleType1_wrapper.vertical-screen .coupon_style1 .couponState.vertical-btn{width:5.72917vmin}.styleType1_wrapper.full-screen-list{width:45.18229vmin;margin:1.5625vmin 2.08333vmin 0 2.08333vmin}.styleType1_wrapper.full-screen-list .coupon_style1{height:13.15104vmin}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponValue{width:12.5vmin;color:#FF5429;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper .coupon_style1 .couponValue .giftCouponName{font-size:2.34375vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{font-size:2.08333vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;font-size:5.20833vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent{margin-top:-1.8vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:2.08333vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition{color:#FF5429;font-size:1.5625vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:2.08333vmin;padding-top:1.04167vmin}.styleType1_wrapper .coupon_style1 .couponInfo{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-around;height:100%;box-sizing:border-box;padding:1.04167vmin 0 1.04167vmin 1.30208vmin;color:#999999;font-size:1.30208vmin;line-height:1.5625vmin;font-weight:400;text-align:left}.styleType1_wrapper .coupon_style1 .couponInfo .couponName{width:100%;line-height:2.60417vmin;color:#333333;font-size:1.82292vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper .coupon_style1 .couponInfo .moreCouponInfo{display:flex;flex-direction:column;justify-content:space-between}.styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.26042vmin}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo{display:flex;cursor:pointer;align-items:center}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn{width:1.5625vmin;height:1.5625vmin;margin-left:.39062vmin;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponState{height:3.125vmin;line-height:3.125vmin;background:#FF5429;border-radius:3.125vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:.65104vmin}.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn{width:8.85417vmin}.styleType1_wrapper .coupon_style1 .couponState.vertical-btn{width:6.90104vmin}.styleType1_wrapper .coupon_style1 .couponState .couponBtn{color:#fff;font-size:1.5625vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:6.38021vmin;height:7.42188vmin}.styleType1_wrapper .detailInfo{width:100%;display:flex;background-color:#fff6f0;box-sizing:border-box;border-radius:0 0 .26042vmin .26042vmin;padding:1.04167vmin;padding-top:2.44141vmin;color:#666;font-size:1.30208vmin;margin-top:-2vmin;text-align:left}.styleType1_wrapper .detailInfo .disabledHint{width:1.82292vmin;margin-right:.65104vmin}.styleType1_wrapper .detailInfo .instructions{word-break:break-all}.styleType1_wrapper .detailInfo .instructions .remark{color:#333;margin-bottom:.52083vmin}.styleType2_wrapper{margin-bottom:1.5625vmin;margin-right:1.04167vmin}.styleType2_wrapper .coupon_style2{display:flex;flex-direction:row;color:#ff781f;position:relative;overflow:hidden;width:21.875vmin;height:10.41667vmin;flex-shrink:0}.styleType2_wrapper .coupon_style2 .coupons-styles2-bg{position:absolute;top:0;left:0;right:0;width:100%;height:100%}.styleType2_wrapper .coupon_style2 .giftCouponInfo{display:flex;flex-direction:column;justify-content:center;align-items:baseline;color:#FF5429;position:relative;height:100%;width:17.70833vmin;font-size:1.30208vmin;line-height:1.5625vmin;font-weight:400;padding:0 1.04167vmin}.styleType2_wrapper .coupon_style2 .giftCouponInfo .giftCouponName{font-size:2.34375vmin;font-weight:500;height:2.08333vmin;line-height:2.08333vmin;margin-bottom:2.60417vmin}.styleType2_wrapper .coupon_style2 .couponInfo{display:inline-flex;flex-direction:column;box-sizing:border-box;padding-left:1.04167vmin;width:17.70833vmin;height:100%;font-family:"PingFang SC";font-size:1.30208vmin;line-height:1.5625vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop{padding-top:1.04167vmin;display:flex;flex-direction:row;align-items:flex-end;height:3.125vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:700;height:3.125vmin;line-height:3.125vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol{margin-right:.26042vmin;font-size:1.5625vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price{display:flex;font-size:4.58984vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont{font-size:1.5625vmin;font-weight:500;margin-left:.26042vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom{font-weight:400;line-height:1.5625vmin;position:relative;margin-top:.39062vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit{margin-bottom:.26042vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition{font-size:1.30208vmin;font-weight:400}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint{margin-bottom:.26042vmin}.styleType2_wrapper .coupon_style2 .couponStatewrapper{width:4.03646vmin;height:100%;-ms-flex-item-align:center;align-self:center;position:relative;display:inline-flex;justify-content:center;align-items:center;text-align:center}.styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn{writing-mode:vertical-lr;letter-spacing:.65104vmin;font-size:1.5625vmin;font-weight:700;font-family:"PingFang SC"}.styleType2_wrapper .coupon_style2 .couponStatewrapper:before{content:" ";display:block;width:100%;height:7.42188vmin;border-left:.13021vmin dashed #ff781f;-webkit-transform:scale(1.3);transform:scale(0.7, 1.1);position:absolute;left:-vmin(10);top:3.07vmin}.styleType2_wrapper .coupon_style2 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:6.38021vmin;height:7.42188vmin}.styleType1_wrapper-v.vertical-screen{width:30.98958vmin;height:11.45833vmin;margin:0 auto}.styleType1_wrapper-v.vertical-screen.not-pop-card{width:30.98958vmin;margin-bottom:0}.styleType1_wrapper-v.vertical-screen .coupon_style1{height:11.45833vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponValue{width:12.36979vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponName{font-size:1.5625vmin !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponInfo{justify-content:flex-start;padding:1.04167vmin 1.43229vmin 1.04167vmin 1.69271vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState{position:absolute;right:.78125vmin;top:90%;transform:translateY(-90%);height:2.47396vmin;line-height:2.47396vmin;background:#FF5429;border-radius:2.47396vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:1.5625vmin;font-weight:500}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState.vertical-btn{width:5.72917vmin}.styleType1_wrapper-v.full-screen-list{width:45.18229vmin;margin:1.5625vmin 2.08333vmin 0 2.08333vmin}.styleType1_wrapper-v.full-screen-list .coupon_style1{height:13.15104vmin}.styleType1_wrapper-v .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper-v .coupon_style1 .couponValue{padding:1.6276vmin 0;min-width:unset;color:#FF5429;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper-v .coupon_style1 .couponValue .giftCouponName{font-size:2.34375vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{margin-right:.26042vmin;font-size:2.08333vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;align-items:baseline;font-weight:500;font-size:4.16667vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent{margin-top:-1vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long{font-size:3.125vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:2.08333vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal{display:flex;align-items:center}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v{align-items:baseline}.styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition{color:#fff;font-size:1.5625vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:2.08333vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo{flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:100%;box-sizing:border-box;padding:1.04167vmin;color:#999999;font-size:1.30208vmin;line-height:1.30208vmin;font-weight:400;text-align:left}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponName{width:100%;line-height:2.60417vmin;color:#333333;font-size:1.82292vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.52083vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime{margin-bottom:0}.styleType1_wrapper-v .coupon_style1 .couponState{height:3.125vmin;line-height:3.125vmin;background:#FF5429;border-radius:3.125vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:.65104vmin}.styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn{width:6.90104vmin}.styleType1_wrapper-v .coupon_style1 .couponState .couponBtn{color:#fff;font-size:1.5625vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}}
|
|
1
|
+
.styleType1_wrapper.pop-card{width:37.33333vmin;margin-bottom:0;position:relative;height:100%}.styleType1_wrapper.pop-card.vertical-screen{width:37.33333vmin;height:100%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1{display:flex;flex-direction:column;position:relative;width:100%;min-height:42.66667vmin;background:none !important}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:5.33333vmin 2.13333vmin 2.13333vmin 2.13333vmin;width:98%;height:18.66667vmin;background:#ff781f;color:#fff;border-radius:2.13333vmin 2.13333vmin 0 0;margin:0}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue .couponUseCondition{color:#fff}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo{flex:1;background:#fff;padding:2.13333vmin 2.13333vmin 4vmin 2.13333vmin;border-radius:0 0 2.13333vmin 2.13333vmin;margin:0}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo .couponName{height:4.26667vmin;line-height:4.26667vmin;font-size:3.73333vmin;width:32.53333vmin;font-weight:500;margin-bottom:1.06667vmin;-webkit-line-clamp:1}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState{position:absolute;left:2.13333vmin;top:95%;transform:translateY(-95%);height:6.4vmin;line-height:6.4vmin;border-radius:1.06667vmin}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.fullscreen-btn{width:90%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.vertical-btn{width:88%}.styleType1_wrapper.vertical-screen{width:63.46667vmin;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:4.26667vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:23.46667vmin;width:63.46667vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:25.6vmin;margin-left:1vmin;box-sizing:border-box;padding:0 .4vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .couponPriceWrap{margin-top:-1.6vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .coupon-price-long{margin-top:1vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponName{font-size:3.2vmin !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponInfo{height:22.66667vmin;justify-content:flex-start;overflow:hidden;padding:2.13333vmin 2.93333vmin 2.13333vmin 3.46667vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponState{position:absolute;right:1.6vmin;top:90%;transform:translateY(-90%);height:5.06667vmin;line-height:5.06667vmin;background:#FF5429;border-radius:5.06667vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:3.2vmin;font-weight:500}.styleType1_wrapper.full-screen-list{width:92.53333vmin;margin:3.2vmin 4.26667vmin 0 4.26667vmin}.styleType1_wrapper.full-screen-list .coupon_style1{height:26.93333vmin}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponValue{width:25.6vmin;color:#FF5429;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper .coupon_style1 .couponValue .giftCouponName{font-size:4.8vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .giftCouponTitle{font-size:4.26667vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{font-size:4.26667vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;font-size:10.66667vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:4.26667vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .discount-percent{margin-top:-2vmin;padding-top:.8vmin !important}.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition{color:#FF5429;font-size:3.2vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:4.26667vmin;padding-top:2.13333vmin}.styleType1_wrapper .coupon_style1 .couponInfo{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-around;height:100%;box-sizing:border-box;padding:2.13333vmin 0 2.13333vmin 2.66667vmin;color:#999999;font-size:2.66667vmin;line-height:3.2vmin;font-weight:400;text-align:left}.styleType1_wrapper .coupon_style1 .couponInfo .couponName{width:100%;line-height:5.33333vmin;color:#333333;font-size:3.73333vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper .coupon_style1 .couponInfo .moreCouponInfo{display:flex;flex-direction:column;justify-content:space-between}.styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.53333vmin}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo{display:flex;cursor:pointer;align-items:center}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn{width:3.2vmin;height:3.2vmin;margin-left:.8vmin;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponState{height:6.4vmin;line-height:6.4vmin;background:#FF5429;border-radius:6.4vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:1.33333vmin}.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn{width:18.13333vmin}.styleType1_wrapper .coupon_style1 .couponState.vertical-btn{width:14.13333vmin}.styleType1_wrapper .coupon_style1 .couponState .couponBtn{color:#fff;font-size:3.2vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:13.06667vmin;height:15.2vmin}.styleType1_wrapper .detailInfo{width:100%;display:flex;background-color:#fff6f0;box-sizing:border-box;border-radius:0 0 .53333vmin .53333vmin;padding:2.13333vmin;padding-top:5vmin;color:#666;font-size:2.66667vmin;margin-top:-2vmin;text-align:left}.styleType1_wrapper .detailInfo .disabledHint{width:3.73333vmin;margin-right:1.33333vmin}.styleType1_wrapper .detailInfo .instructions{word-break:break-all}.styleType1_wrapper .detailInfo .instructions .remark{color:#333;margin-bottom:1.06667vmin}.styleType2_wrapper{margin-bottom:3.2vmin;margin-right:2.13333vmin}.styleType2_wrapper .coupon_style2{display:flex;flex-direction:row;color:#ff781f;position:relative;overflow:hidden;width:44.8vmin;height:21.33333vmin;flex-shrink:0}.styleType2_wrapper .coupon_style2 .coupons-styles2-bg{position:absolute;top:0;left:0;right:0;width:100%;height:100%}.styleType2_wrapper .coupon_style2 .giftCouponInfo{display:flex;flex-direction:column;justify-content:center;align-items:baseline;color:#FF5429;position:relative;height:100%;width:36.26667vmin;font-size:2.66667vmin;line-height:3.2vmin;font-weight:400;padding:0 2.13333vmin}.styleType2_wrapper .coupon_style2 .giftCouponInfo .giftCouponName{font-size:4.8vmin;font-weight:500;height:4.26667vmin;line-height:4.26667vmin;margin-bottom:5.33333vmin}.styleType2_wrapper .coupon_style2 .couponInfo{display:inline-flex;flex-direction:column;box-sizing:border-box;padding-left:2.13333vmin;width:36.26667vmin;height:100%;font-family:"PingFang SC";font-size:2.66667vmin;line-height:3.2vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop{padding-top:2.13333vmin;display:flex;flex-direction:row;align-items:flex-end;height:6.4vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:700;height:6.4vmin;line-height:6.4vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol{margin-right:.53333vmin;font-size:3.2vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price{display:flex;font-size:9.4vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont{font-size:3.2vmin;font-weight:500;margin-left:.53333vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom{font-weight:400;line-height:3.2vmin;position:relative;margin-top:.8vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit{margin-bottom:.53333vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition{font-size:2.66667vmin;font-weight:400}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint{margin-bottom:.53333vmin}.styleType2_wrapper .coupon_style2 .couponStatewrapper{width:8.26667vmin;height:100%;-ms-flex-item-align:center;align-self:center;position:relative;display:inline-flex;justify-content:center;align-items:center;text-align:center}.styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn{writing-mode:vertical-lr;letter-spacing:1.33333vmin;font-size:3.2vmin;font-weight:700;font-family:"PingFang SC"}.styleType2_wrapper .coupon_style2 .couponStatewrapper:before{content:" ";display:block;width:100%;height:15.2vmin;border-left:.26667vmin dashed #ff781f;-webkit-transform:scale(1.3);transform:scale(0.7, 1.1);position:absolute;left:-vmin(10);top:3.07vmin}.styleType2_wrapper .coupon_style2 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:13.06667vmin;height:15.2vmin}.styleType1_wrapper-v.vertical-screen{width:63.46667vmin;height:23.46667vmin;margin:0 auto}.styleType1_wrapper-v.vertical-screen.not-pop-card{width:63.46667vmin;margin-bottom:0}.styleType1_wrapper-v.vertical-screen .coupon_style1{height:23.46667vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponValue{width:25.33333vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponName{font-size:3.2vmin !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponInfo{justify-content:flex-start;padding:2.13333vmin 2.93333vmin 2.13333vmin 3.46667vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState{position:absolute;right:1.6vmin;top:90%;transform:translateY(-90%);height:5.06667vmin;line-height:5.06667vmin;background:#FF5429;border-radius:5.06667vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:3.2vmin;font-weight:500}.styleType1_wrapper-v.full-screen-list{width:92.53333vmin;margin:3.2vmin 4.26667vmin 0 4.26667vmin}.styleType1_wrapper-v.full-screen-list .coupon_style1{height:26.93333vmin}.styleType1_wrapper-v .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper-v .coupon_style1 .couponValue{padding:3.33333vmin 0;min-width:unset;color:#FF5429;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper-v .coupon_style1 .couponValue .giftCouponName{font-size:4.8vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{margin-right:.53333vmin;font-size:4.26667vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;align-items:baseline;font-weight:500;font-size:8.53333vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent{margin-top:-1vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long{font-size:6.4vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:4.26667vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal{display:flex;align-items:center}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v{align-items:baseline}.styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition{color:#fff;font-size:3.2vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:4.26667vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo{flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:100%;box-sizing:border-box;padding:2.13333vmin;color:#999999;font-size:2.66667vmin;line-height:2.66667vmin;font-weight:400;text-align:left}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponName{width:100%;line-height:5.33333vmin;color:#333333;font-size:3.73333vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint{margin-bottom:1.06667vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime{margin-bottom:0}.styleType1_wrapper-v .coupon_style1 .couponState{height:6.4vmin;line-height:6.4vmin;background:#FF5429;border-radius:6.4vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:1.33333vmin}.styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn{width:14.13333vmin}.styleType1_wrapper-v .coupon_style1 .couponState .couponBtn{color:#fff;font-size:3.2vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}@media screen and (min-width: 768px) and (orientation: portrait){.styleType1_wrapper.pop-card{width:18.22917vmin;margin-bottom:0;position:relative;height:100%}.styleType1_wrapper.pop-card.vertical-screen{width:18.22917vmin;height:100%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1{display:flex;flex-direction:column;position:relative;width:100%;min-height:20.83333vmin;background:none !important}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:2.60417vmin 1.04167vmin 1.04167vmin 1.04167vmin;width:98%;height:9.11458vmin;background:#ff781f;color:#fff;border-radius:1.04167vmin 1.04167vmin 0 0;margin:0}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue .couponUseCondition{color:#fff}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo{flex:1;background:#fff;padding:1.04167vmin 1.04167vmin 1.95312vmin 1.04167vmin;border-radius:0 0 1.04167vmin 1.04167vmin;margin:0}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo .couponName{height:2.08333vmin;line-height:2.08333vmin;font-size:1.82292vmin;width:15.88542vmin;font-weight:500;margin-bottom:.52083vmin;-webkit-line-clamp:1}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState{position:absolute;left:1.04167vmin;top:95%;transform:translateY(-95%);height:3.125vmin;line-height:3.125vmin;border-radius:.52083vmin}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.fullscreen-btn{width:90%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.vertical-btn{width:88%}.styleType1_wrapper.vertical-screen{width:30.98958vmin;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:2.08333vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:11.45833vmin;width:30.98958vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:12.5vmin;margin-left:1vmin;box-sizing:border-box;padding:0 .4vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .couponPriceWrap{margin-top:-1.6vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .coupon-price-long{margin-top:1vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponName{font-size:1.5625vmin !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponInfo{height:11.06771vmin;justify-content:flex-start;overflow:hidden;padding:1.04167vmin 1.43229vmin 1.04167vmin 1.69271vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponState{position:absolute;right:.78125vmin;top:90%;transform:translateY(-90%);height:2.47396vmin;line-height:2.47396vmin;background:#FF5429;border-radius:2.47396vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:1.5625vmin;font-weight:500}.styleType1_wrapper.full-screen-list{width:45.18229vmin;margin:1.5625vmin 2.08333vmin 0 2.08333vmin}.styleType1_wrapper.full-screen-list .coupon_style1{height:13.15104vmin}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponValue{width:12.5vmin;color:#FF5429;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper .coupon_style1 .couponValue .giftCouponName{font-size:2.34375vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .giftCouponTitle{font-size:2.08333vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{font-size:2.08333vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;font-size:5.20833vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:2.08333vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .discount-percent{margin-top:-2vmin;padding-top:.39062vmin !important}.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition{color:#FF5429;font-size:1.5625vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:2.08333vmin;padding-top:1.04167vmin}.styleType1_wrapper .coupon_style1 .couponInfo{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-around;height:100%;box-sizing:border-box;padding:1.04167vmin 0 1.04167vmin 1.30208vmin;color:#999999;font-size:1.30208vmin;line-height:1.5625vmin;font-weight:400;text-align:left}.styleType1_wrapper .coupon_style1 .couponInfo .couponName{width:100%;line-height:2.60417vmin;color:#333333;font-size:1.82292vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper .coupon_style1 .couponInfo .moreCouponInfo{display:flex;flex-direction:column;justify-content:space-between}.styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.26042vmin}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo{display:flex;cursor:pointer;align-items:center}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn{width:1.5625vmin;height:1.5625vmin;margin-left:.39062vmin;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponState{height:3.125vmin;line-height:3.125vmin;background:#FF5429;border-radius:3.125vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:.65104vmin}.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn{width:8.85417vmin}.styleType1_wrapper .coupon_style1 .couponState.vertical-btn{width:6.90104vmin}.styleType1_wrapper .coupon_style1 .couponState .couponBtn{color:#fff;font-size:1.5625vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:6.38021vmin;height:7.42188vmin}.styleType1_wrapper .detailInfo{width:100%;display:flex;background-color:#fff6f0;box-sizing:border-box;border-radius:0 0 .26042vmin .26042vmin;padding:1.04167vmin;padding-top:2.44141vmin;color:#666;font-size:1.30208vmin;margin-top:-2vmin;text-align:left}.styleType1_wrapper .detailInfo .disabledHint{width:1.82292vmin;margin-right:.65104vmin}.styleType1_wrapper .detailInfo .instructions{word-break:break-all}.styleType1_wrapper .detailInfo .instructions .remark{color:#333;margin-bottom:.52083vmin}.styleType2_wrapper{margin-bottom:1.5625vmin;margin-right:1.04167vmin}.styleType2_wrapper .coupon_style2{display:flex;flex-direction:row;color:#ff781f;position:relative;overflow:hidden;width:21.875vmin;height:10.41667vmin;flex-shrink:0}.styleType2_wrapper .coupon_style2 .coupons-styles2-bg{position:absolute;top:0;left:0;right:0;width:100%;height:100%}.styleType2_wrapper .coupon_style2 .giftCouponInfo{display:flex;flex-direction:column;justify-content:center;align-items:baseline;color:#FF5429;position:relative;height:100%;width:17.70833vmin;font-size:1.30208vmin;line-height:1.5625vmin;font-weight:400;padding:0 1.04167vmin}.styleType2_wrapper .coupon_style2 .giftCouponInfo .giftCouponName{font-size:2.34375vmin;font-weight:500;height:2.08333vmin;line-height:2.08333vmin;margin-bottom:2.60417vmin}.styleType2_wrapper .coupon_style2 .couponInfo{display:inline-flex;flex-direction:column;box-sizing:border-box;padding-left:1.04167vmin;width:17.70833vmin;height:100%;font-family:"PingFang SC";font-size:1.30208vmin;line-height:1.5625vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop{padding-top:1.04167vmin;display:flex;flex-direction:row;align-items:flex-end;height:3.125vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:700;height:3.125vmin;line-height:3.125vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol{margin-right:.26042vmin;font-size:1.5625vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price{display:flex;font-size:4.58984vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont{font-size:1.5625vmin;font-weight:500;margin-left:.26042vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom{font-weight:400;line-height:1.5625vmin;position:relative;margin-top:.39062vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit{margin-bottom:.26042vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition{font-size:1.30208vmin;font-weight:400}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint{margin-bottom:.26042vmin}.styleType2_wrapper .coupon_style2 .couponStatewrapper{width:4.03646vmin;height:100%;-ms-flex-item-align:center;align-self:center;position:relative;display:inline-flex;justify-content:center;align-items:center;text-align:center}.styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn{writing-mode:vertical-lr;letter-spacing:.65104vmin;font-size:1.5625vmin;font-weight:700;font-family:"PingFang SC"}.styleType2_wrapper .coupon_style2 .couponStatewrapper:before{content:" ";display:block;width:100%;height:7.42188vmin;border-left:.13021vmin dashed #ff781f;-webkit-transform:scale(1.3);transform:scale(0.7, 1.1);position:absolute;left:-vmin(10);top:3.07vmin}.styleType2_wrapper .coupon_style2 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:6.38021vmin;height:7.42188vmin}.styleType1_wrapper-v.vertical-screen{width:30.98958vmin;height:11.45833vmin;margin:0 auto}.styleType1_wrapper-v.vertical-screen.not-pop-card{width:30.98958vmin;margin-bottom:0}.styleType1_wrapper-v.vertical-screen .coupon_style1{height:11.45833vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponValue{width:12.36979vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponName{font-size:1.5625vmin !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponInfo{justify-content:flex-start;padding:1.04167vmin 1.43229vmin 1.04167vmin 1.69271vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState{position:absolute;right:.78125vmin;top:90%;transform:translateY(-90%);height:2.47396vmin;line-height:2.47396vmin;background:#FF5429;border-radius:2.47396vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:1.5625vmin;font-weight:500}.styleType1_wrapper-v.full-screen-list{width:45.18229vmin;margin:1.5625vmin 2.08333vmin 0 2.08333vmin}.styleType1_wrapper-v.full-screen-list .coupon_style1{height:13.15104vmin}.styleType1_wrapper-v .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper-v .coupon_style1 .couponValue{padding:1.6276vmin 0;min-width:unset;color:#FF5429;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper-v .coupon_style1 .couponValue .giftCouponName{font-size:2.34375vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{margin-right:.26042vmin;font-size:2.08333vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;align-items:baseline;font-weight:500;font-size:4.16667vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent{margin-top:-1vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long{font-size:3.125vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:2.08333vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal{display:flex;align-items:center}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v{align-items:baseline}.styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition{color:#fff;font-size:1.5625vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:2.08333vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo{flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:100%;box-sizing:border-box;padding:1.04167vmin;color:#999999;font-size:1.30208vmin;line-height:1.30208vmin;font-weight:400;text-align:left}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponName{width:100%;line-height:2.60417vmin;color:#333333;font-size:1.82292vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.52083vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime{margin-bottom:0}.styleType1_wrapper-v .coupon_style1 .couponState{height:3.125vmin;line-height:3.125vmin;background:#FF5429;border-radius:3.125vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:.65104vmin}.styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn{width:6.90104vmin}.styleType1_wrapper-v .coupon_style1 .couponState .couponBtn{color:#fff;font-size:1.5625vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}}@media screen and (min-height: 630px) and (orientation: landscape){.styleType1_wrapper.pop-card{width:22.22222vmin;margin-bottom:0;position:relative;height:100%}.styleType1_wrapper.pop-card.vertical-screen{width:22.22222vmin;height:100%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1{display:flex;flex-direction:column;position:relative;width:100%;min-height:25.39683vmin;background:none !important}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:3.1746vmin 1.26984vmin 1.26984vmin 1.26984vmin;width:98%;height:11.11111vmin;background:#ff781f;color:#fff;border-radius:1.26984vmin 1.26984vmin 0 0;margin:0}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue .couponUseCondition{color:#fff}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo{flex:1;background:#fff;padding:1.26984vmin 1.26984vmin 2.38095vmin 1.26984vmin;border-radius:0 0 1.26984vmin 1.26984vmin;margin:0}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo .couponName{height:2.53968vmin;line-height:2.53968vmin;font-size:2.22222vmin;width:19.36508vmin;font-weight:500;margin-bottom:.63492vmin;-webkit-line-clamp:1}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState{position:absolute;left:1.26984vmin;top:95%;transform:translateY(-95%);height:3.80952vmin;line-height:3.80952vmin;border-radius:.63492vmin}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.fullscreen-btn{width:90%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.vertical-btn{width:88%}.styleType1_wrapper.vertical-screen{width:37.77778vmin;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:2.53968vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:13.96825vmin;width:37.77778vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:15.2381vmin;margin-left:1vmin;box-sizing:border-box;padding:0 .4vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .couponPriceWrap{margin-top:-1.6vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .coupon-price-long{margin-top:1vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponName{font-size:1.90476vmin !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponInfo{height:13.49206vmin;justify-content:flex-start;overflow:hidden;padding:1.26984vmin 1.74603vmin 1.26984vmin 2.06349vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponState{position:absolute;right:.95238vmin;top:90%;transform:translateY(-90%);height:3.01587vmin;line-height:3.01587vmin;background:#FF5429;border-radius:3.01587vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:1.90476vmin;font-weight:500}.styleType1_wrapper.full-screen-list{width:55.07937vmin;margin:1.90476vmin 2.53968vmin 0 2.53968vmin}.styleType1_wrapper.full-screen-list .coupon_style1{height:16.03175vmin}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponValue{width:15.2381vmin;color:#FF5429;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper .coupon_style1 .couponValue .giftCouponName{font-size:2.85714vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .giftCouponTitle{font-size:2.53968vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{font-size:2.53968vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;font-size:6.34921vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:2.53968vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .discount-percent{margin-top:-2vmin;padding-top:.47619vmin !important}.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition{color:#FF5429;font-size:1.90476vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:2.53968vmin;padding-top:1.26984vmin}.styleType1_wrapper .coupon_style1 .couponInfo{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-around;height:100%;box-sizing:border-box;padding:1.26984vmin 0 1.26984vmin 1.5873vmin;color:#999999;font-size:1.5873vmin;line-height:1.90476vmin;font-weight:400;text-align:left}.styleType1_wrapper .coupon_style1 .couponInfo .couponName{width:100%;line-height:3.1746vmin;color:#333333;font-size:2.22222vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper .coupon_style1 .couponInfo .moreCouponInfo{display:flex;flex-direction:column;justify-content:space-between}.styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.31746vmin}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo{display:flex;cursor:pointer;align-items:center}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn{width:1.90476vmin;height:1.90476vmin;margin-left:.47619vmin;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponState{height:3.80952vmin;line-height:3.80952vmin;background:#FF5429;border-radius:3.80952vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:.79365vmin}.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn{width:10.79365vmin}.styleType1_wrapper .coupon_style1 .couponState.vertical-btn{width:8.4127vmin}.styleType1_wrapper .coupon_style1 .couponState .couponBtn{color:#fff;font-size:1.90476vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:7.77778vmin;height:9.04762vmin}.styleType1_wrapper .detailInfo{width:100%;display:flex;background-color:#fff6f0;box-sizing:border-box;border-radius:0 0 .31746vmin .31746vmin;padding:1.26984vmin;padding-top:2.97619vmin;color:#666;font-size:1.5873vmin;margin-top:-2vmin;text-align:left}.styleType1_wrapper .detailInfo .disabledHint{width:2.22222vmin;margin-right:.79365vmin}.styleType1_wrapper .detailInfo .instructions{word-break:break-all}.styleType1_wrapper .detailInfo .instructions .remark{color:#333;margin-bottom:.63492vmin}.styleType2_wrapper{margin-bottom:1.90476vmin;margin-right:1.26984vmin}.styleType2_wrapper .coupon_style2{display:flex;flex-direction:row;color:#ff781f;position:relative;overflow:hidden;width:26.66667vmin;height:12.69841vmin;flex-shrink:0}.styleType2_wrapper .coupon_style2 .coupons-styles2-bg{position:absolute;top:0;left:0;right:0;width:100%;height:100%}.styleType2_wrapper .coupon_style2 .giftCouponInfo{display:flex;flex-direction:column;justify-content:center;align-items:baseline;color:#FF5429;position:relative;height:100%;width:21.5873vmin;font-size:1.5873vmin;line-height:1.90476vmin;font-weight:400;padding:0 1.26984vmin}.styleType2_wrapper .coupon_style2 .giftCouponInfo .giftCouponName{font-size:2.85714vmin;font-weight:500;height:2.53968vmin;line-height:2.53968vmin;margin-bottom:3.1746vmin}.styleType2_wrapper .coupon_style2 .couponInfo{display:inline-flex;flex-direction:column;box-sizing:border-box;padding-left:1.26984vmin;width:21.5873vmin;height:100%;font-family:"PingFang SC";font-size:1.5873vmin;line-height:1.90476vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop{padding-top:1.26984vmin;display:flex;flex-direction:row;align-items:flex-end;height:3.80952vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:700;height:3.80952vmin;line-height:3.80952vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol{margin-right:.31746vmin;font-size:1.90476vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price{display:flex;font-size:5.59524vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont{font-size:1.90476vmin;font-weight:500;margin-left:.31746vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom{font-weight:400;line-height:1.90476vmin;position:relative;margin-top:.47619vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit{margin-bottom:.31746vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition{font-size:1.5873vmin;font-weight:400}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint{margin-bottom:.31746vmin}.styleType2_wrapper .coupon_style2 .couponStatewrapper{width:4.92063vmin;height:100%;-ms-flex-item-align:center;align-self:center;position:relative;display:inline-flex;justify-content:center;align-items:center;text-align:center}.styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn{writing-mode:vertical-lr;letter-spacing:.79365vmin;font-size:1.90476vmin;font-weight:700;font-family:"PingFang SC"}.styleType2_wrapper .coupon_style2 .couponStatewrapper:before{content:" ";display:block;width:100%;height:9.04762vmin;border-left:.15873vmin dashed #ff781f;-webkit-transform:scale(1.3);transform:scale(0.7, 1.1);position:absolute;left:-vmin(10);top:3.07vmin}.styleType2_wrapper .coupon_style2 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:7.77778vmin;height:9.04762vmin}.styleType1_wrapper-v.vertical-screen{width:37.77778vmin;height:13.96825vmin;margin:0 auto}.styleType1_wrapper-v.vertical-screen.not-pop-card{width:37.77778vmin;margin-bottom:0}.styleType1_wrapper-v.vertical-screen .coupon_style1{height:13.96825vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponValue{width:15.07937vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponName{font-size:1.90476vmin !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponInfo{justify-content:flex-start;padding:1.26984vmin 1.74603vmin 1.26984vmin 2.06349vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState{position:absolute;right:.95238vmin;top:90%;transform:translateY(-90%);height:3.01587vmin;line-height:3.01587vmin;background:#FF5429;border-radius:3.01587vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:1.90476vmin;font-weight:500}.styleType1_wrapper-v.full-screen-list{width:55.07937vmin;margin:1.90476vmin 2.53968vmin 0 2.53968vmin}.styleType1_wrapper-v.full-screen-list .coupon_style1{height:16.03175vmin}.styleType1_wrapper-v .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper-v .coupon_style1 .couponValue{padding:1.98413vmin 0;min-width:unset;color:#FF5429;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper-v .coupon_style1 .couponValue .giftCouponName{font-size:2.85714vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{margin-right:.31746vmin;font-size:2.53968vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;align-items:baseline;font-weight:500;font-size:5.07937vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent{margin-top:-1vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long{font-size:3.80952vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:2.53968vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal{display:flex;align-items:center}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v{align-items:baseline}.styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition{color:#fff;font-size:1.90476vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:2.53968vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo{flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:100%;box-sizing:border-box;padding:1.26984vmin;color:#999999;font-size:1.5873vmin;line-height:1.5873vmin;font-weight:400;text-align:left}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponName{width:100%;line-height:3.1746vmin;color:#333333;font-size:2.22222vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.63492vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime{margin-bottom:0}.styleType1_wrapper-v .coupon_style1 .couponState{height:3.80952vmin;line-height:3.80952vmin;background:#FF5429;border-radius:3.80952vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:.79365vmin}.styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn{width:8.4127vmin}.styleType1_wrapper-v .coupon_style1 .couponState .couponBtn{color:#fff;font-size:1.90476vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}}@media screen and (min-height: 768px) and (orientation: landscape){.styleType1_wrapper.pop-card{width:18.22917vmin;margin-bottom:0;position:relative;height:100%}.styleType1_wrapper.pop-card.vertical-screen{width:18.22917vmin;height:100%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1{display:flex;flex-direction:column;position:relative;width:100%;min-height:20.83333vmin;background:none !important}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:2.60417vmin 1.04167vmin 1.04167vmin 1.04167vmin;width:98%;height:9.11458vmin;background:#ff781f;color:#fff;border-radius:1.04167vmin 1.04167vmin 0 0;margin:0}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue .couponUseCondition{color:#fff}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo{flex:1;background:#fff;padding:1.04167vmin 1.04167vmin 1.95312vmin 1.04167vmin;border-radius:0 0 1.04167vmin 1.04167vmin;margin:0}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponInfo .couponName{height:2.08333vmin;line-height:2.08333vmin;font-size:1.82292vmin;width:15.88542vmin;font-weight:500;margin-bottom:.52083vmin;-webkit-line-clamp:1}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState{position:absolute;left:1.04167vmin;top:95%;transform:translateY(-95%);height:3.125vmin;line-height:3.125vmin;border-radius:.52083vmin}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.fullscreen-btn{width:90%}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponState.vertical-btn{width:88%}.styleType1_wrapper.vertical-screen{width:30.98958vmin;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:2.08333vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:11.45833vmin;width:30.98958vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:12.5vmin;margin-left:1vmin;box-sizing:border-box;padding:0 .4vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .couponPriceWrap{margin-top:-1.6vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue .coupon-price-long{margin-top:1vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponName{font-size:1.5625vmin !important}.styleType1_wrapper.vertical-screen .coupon_style1 .couponInfo{height:11.06771vmin;justify-content:flex-start;overflow:hidden;padding:1.04167vmin 1.43229vmin 1.04167vmin 1.69271vmin}.styleType1_wrapper.vertical-screen .coupon_style1 .couponState{position:absolute;right:.78125vmin;top:90%;transform:translateY(-90%);height:2.47396vmin;line-height:2.47396vmin;background:#FF5429;border-radius:2.47396vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:1.5625vmin;font-weight:500}.styleType1_wrapper.full-screen-list{width:45.18229vmin;margin:1.5625vmin 2.08333vmin 0 2.08333vmin}.styleType1_wrapper.full-screen-list .coupon_style1{height:13.15104vmin}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponValue{width:12.5vmin;color:#FF5429;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper .coupon_style1 .couponValue .giftCouponName{font-size:2.34375vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .giftCouponTitle{font-size:2.08333vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{font-size:2.08333vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;font-size:5.20833vmin}.styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:2.08333vmin;font-weight:500}.styleType1_wrapper .coupon_style1 .couponValue .discount-percent{margin-top:-2vmin;padding-top:.39062vmin !important}.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition{color:#FF5429;font-size:1.5625vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:2.08333vmin;padding-top:1.04167vmin}.styleType1_wrapper .coupon_style1 .couponInfo{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-around;height:100%;box-sizing:border-box;padding:1.04167vmin 0 1.04167vmin 1.30208vmin;color:#999999;font-size:1.30208vmin;line-height:1.5625vmin;font-weight:400;text-align:left}.styleType1_wrapper .coupon_style1 .couponInfo .couponName{width:100%;line-height:2.60417vmin;color:#333333;font-size:1.82292vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper .coupon_style1 .couponInfo .moreCouponInfo{display:flex;flex-direction:column;justify-content:space-between}.styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.26042vmin}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo{display:flex;cursor:pointer;align-items:center}.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo .operateBtn{width:1.5625vmin;height:1.5625vmin;margin-left:.39062vmin;background-size:100% 100%}.styleType1_wrapper .coupon_style1 .couponState{height:3.125vmin;line-height:3.125vmin;background:#FF5429;border-radius:3.125vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:.65104vmin}.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn{width:8.85417vmin}.styleType1_wrapper .coupon_style1 .couponState.vertical-btn{width:6.90104vmin}.styleType1_wrapper .coupon_style1 .couponState .couponBtn{color:#fff;font-size:1.5625vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:6.38021vmin;height:7.42188vmin}.styleType1_wrapper .detailInfo{width:100%;display:flex;background-color:#fff6f0;box-sizing:border-box;border-radius:0 0 .26042vmin .26042vmin;padding:1.04167vmin;padding-top:2.44141vmin;color:#666;font-size:1.30208vmin;margin-top:-2vmin;text-align:left}.styleType1_wrapper .detailInfo .disabledHint{width:1.82292vmin;margin-right:.65104vmin}.styleType1_wrapper .detailInfo .instructions{word-break:break-all}.styleType1_wrapper .detailInfo .instructions .remark{color:#333;margin-bottom:.52083vmin}.styleType2_wrapper{margin-bottom:1.5625vmin;margin-right:1.04167vmin}.styleType2_wrapper .coupon_style2{display:flex;flex-direction:row;color:#ff781f;position:relative;overflow:hidden;width:21.875vmin;height:10.41667vmin;flex-shrink:0}.styleType2_wrapper .coupon_style2 .coupons-styles2-bg{position:absolute;top:0;left:0;right:0;width:100%;height:100%}.styleType2_wrapper .coupon_style2 .giftCouponInfo{display:flex;flex-direction:column;justify-content:center;align-items:baseline;color:#FF5429;position:relative;height:100%;width:17.70833vmin;font-size:1.30208vmin;line-height:1.5625vmin;font-weight:400;padding:0 1.04167vmin}.styleType2_wrapper .coupon_style2 .giftCouponInfo .giftCouponName{font-size:2.34375vmin;font-weight:500;height:2.08333vmin;line-height:2.08333vmin;margin-bottom:2.60417vmin}.styleType2_wrapper .coupon_style2 .couponInfo{display:inline-flex;flex-direction:column;box-sizing:border-box;padding-left:1.04167vmin;width:17.70833vmin;height:100%;font-family:"PingFang SC";font-size:1.30208vmin;line-height:1.5625vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop{padding-top:1.04167vmin;display:flex;flex-direction:row;align-items:flex-end;height:3.125vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:700;height:3.125vmin;line-height:3.125vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol{margin-right:.26042vmin;font-size:1.5625vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price{display:flex;font-size:4.58984vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont{font-size:1.5625vmin;font-weight:500;margin-left:.26042vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom{font-weight:400;line-height:1.5625vmin;position:relative;margin-top:.39062vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit{margin-bottom:.26042vmin}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition{font-size:1.30208vmin;font-weight:400}.styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint{margin-bottom:.26042vmin}.styleType2_wrapper .coupon_style2 .couponStatewrapper{width:4.03646vmin;height:100%;-ms-flex-item-align:center;align-self:center;position:relative;display:inline-flex;justify-content:center;align-items:center;text-align:center}.styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn{writing-mode:vertical-lr;letter-spacing:.65104vmin;font-size:1.5625vmin;font-weight:700;font-family:"PingFang SC"}.styleType2_wrapper .coupon_style2 .couponStatewrapper:before{content:" ";display:block;width:100%;height:7.42188vmin;border-left:.13021vmin dashed #ff781f;-webkit-transform:scale(1.3);transform:scale(0.7, 1.1);position:absolute;left:-vmin(10);top:3.07vmin}.styleType2_wrapper .coupon_style2 .hasReceivedStatus{position:absolute;top:0vmin;right:0vmin;width:6.38021vmin;height:7.42188vmin}.styleType1_wrapper-v.vertical-screen{width:30.98958vmin;height:11.45833vmin;margin:0 auto}.styleType1_wrapper-v.vertical-screen.not-pop-card{width:30.98958vmin;margin-bottom:0}.styleType1_wrapper-v.vertical-screen .coupon_style1{height:11.45833vmin;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png") center no-repeat !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponValue{width:12.36979vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponName{font-size:1.5625vmin !important}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponInfo{justify-content:flex-start;padding:1.04167vmin 1.43229vmin 1.04167vmin 1.69271vmin}.styleType1_wrapper-v.vertical-screen .coupon_style1 .couponState{position:absolute;right:.78125vmin;top:90%;transform:translateY(-90%);height:2.47396vmin;line-height:2.47396vmin;background:#FF5429;border-radius:2.47396vmin;text-align:center;color:#fff;border:none;cursor:pointer;font-size:1.5625vmin;font-weight:500}.styleType1_wrapper-v.full-screen-list{width:45.18229vmin;margin:1.5625vmin 2.08333vmin 0 2.08333vmin}.styleType1_wrapper-v.full-screen-list .coupon_style1{height:13.15104vmin}.styleType1_wrapper-v .coupon_style1{display:flex;align-items:center;position:relative;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:100% 100%}.styleType1_wrapper-v .coupon_style1 .couponValue{padding:1.6276vmin 0;min-width:unset;color:#FF5429;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.styleType1_wrapper-v .coupon_style1 .couponValue .giftCouponName{font-size:2.34375vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap{position:relative;display:flex;flex-direction:row;align-items:baseline;font-weight:600}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol{margin-right:.26042vmin;font-size:2.08333vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price{display:flex;align-items:baseline;font-weight:500;font-size:4.16667vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price.discount-percent{margin-top:-1vmin}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-price-long{font-size:3.125vmin !important}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discountFont{font-size:2.08333vmin;font-weight:500}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .discount-decimal{display:flex;align-items:center}.styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap.couponPriceWrap-discount-v{align-items:baseline}.styleType1_wrapper-v .coupon_style1 .couponValue .couponUseCondition{color:#fff;font-size:1.5625vmin;font-weight:500;font-family:"PingFang SC";text-align:center;line-height:2.08333vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo{flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:100%;box-sizing:border-box;padding:1.04167vmin;color:#999999;font-size:1.30208vmin;line-height:1.30208vmin;font-weight:400;text-align:left}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponName{width:100%;line-height:2.60417vmin;color:#333333;font-size:1.82292vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint{margin-bottom:.52083vmin}.styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime{margin-bottom:0}.styleType1_wrapper-v .coupon_style1 .couponState{height:3.125vmin;line-height:3.125vmin;background:#FF5429;border-radius:3.125vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:.65104vmin}.styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn{width:6.90104vmin}.styleType1_wrapper-v .coupon_style1 .couponState .couponBtn{color:#fff;font-size:1.5625vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}}
|
|
@@ -30,10 +30,16 @@ $deviceWidth: 750;
|
|
|
30
30
|
display: flex;
|
|
31
31
|
align-items: baseline;
|
|
32
32
|
flex-direction: column;
|
|
33
|
+
height: vmin(245);
|
|
33
34
|
.gift-coupon-name {
|
|
34
35
|
color: #fd2b54;
|
|
35
36
|
font-size: vmin(36);
|
|
36
37
|
font-weight: 500;
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
text-overflow: ellipsis;
|
|
40
|
+
display: -webkit-box;
|
|
41
|
+
-webkit-line-clamp: 2;
|
|
42
|
+
-webkit-box-orient: vertical;
|
|
37
43
|
}
|
|
38
44
|
.coupon-use-condition{
|
|
39
45
|
margin-top: vmin(28);
|
|
@@ -12,18 +12,19 @@
|
|
|
12
12
|
<view class="receive-container" style="background-image: url({{backgroundImageUrl}});">
|
|
13
13
|
<view class="receive-container__content">
|
|
14
14
|
<view wx:if="{{couponInfo.coupon_type == 6}}" class="receive-container__content-gift-coupon">
|
|
15
|
-
<view
|
|
15
|
+
<view>礼品券</view>
|
|
16
|
+
<view class="gift-coupon-name">{{couponInfo.title}}</view>
|
|
16
17
|
<view wx:if="{{!couponInfo.valid_day && couponInfo.valid_at && couponInfo.invalid_at}}" class="coupon-use-condition">
|
|
17
18
|
有效期至:{{price.formatDateToMinte(couponInfo.invalid_at) }}
|
|
18
19
|
</view>
|
|
19
20
|
</view>
|
|
20
21
|
<view wx:else class="receive-container__content-price">
|
|
21
|
-
<view wx:if="{{couponInfo.discount_way
|
|
22
|
+
<view wx:if="{{couponInfo.discount_way == 1}}">
|
|
22
23
|
<span class="smallIcon">¥</span>
|
|
23
24
|
<span class="boldIcon">{{ price.ToFilter(couponInfo.price) }}</span>
|
|
24
25
|
<span class="smallIcon" wx:if="{{isShowPoint}}">.{{ price.fixedFont(couponInfo.price) }}</span>
|
|
25
26
|
</view>
|
|
26
|
-
<view class="discount-price" wx:if="{{couponInfo.discount_way
|
|
27
|
+
<view class="discount-price" wx:if="{{couponInfo.discount_way == 2}}">
|
|
27
28
|
<view class="disc-detail">{{couponInfo.discount_percent/10}}</view>
|
|
28
29
|
<view>折</view>
|
|
29
30
|
</view>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.coupon-receive .receive-box{display:flex;flex-direction:column}.coupon-receive .receive-box-scale{transform:scale(80%);transform-origin:50% 10%}.coupon-receive .receive-popup{background-color:transparent;display:flex;flex-direction:column}.coupon-receive .receive-popup .receive-container{width:68.26667vmin;height:101.33333vmin;background-size:100% 100%}.coupon-receive .receive-popup .receive-container__content{display:flex;flex-direction:column;margin:37.33333vmin 4.26667vmin 4.26667vmin;padding:4.26667vmin 3.2vmin 3.2vmin}.coupon-receive .receive-popup .receive-container__content-gift-coupon{display:flex;align-items:baseline;flex-direction:column}.coupon-receive .receive-popup .receive-container__content-gift-coupon .gift-coupon-name{color:#fd2b54;font-size:4.8vmin;font-weight:500}.coupon-receive .receive-popup .receive-container__content-gift-coupon .coupon-use-condition{margin-top:3.73333vmin;color:#333333;font-size:3.73333vmin;font-weight:400}.coupon-receive .receive-popup .receive-container__content-price{font-weight:500;font-family:"PingFang SC";text-align:left}.coupon-receive .receive-popup .receive-container__content-price .discount-price{display:flex;align-items:baseline;color:#fd2b54;margin-top:-2.6vmin}.coupon-receive .receive-popup .receive-container__content-price .discount-price .disc-detail{font-size:12.26667vmin;line-height:12.26667vmin}.coupon-receive .receive-popup .receive-container__content-price .smallIcon{color:#fd2b54;font-size:5.33333vmin;line-height:5.33333vmin}.coupon-receive .receive-popup .receive-container__content-price .boldIcon{color:#fd2b54;font-size:10.66667vmin;line-height:10.66667vmin}.coupon-receive .receive-popup .receive-container__content-describe{margin-top:3.73333vmin;color:#333333;font-size:3.73333vmin;font-weight:400;font-family:"PingFang SC";text-align:left;line-height:5.33333vmin}.coupon-receive .receive-popup .receive-container__content-describe span{display:block;margin-bottom:1.06667vmin}.coupon-receive .receive-popup .receive-container__btn{width:53.33333vmin;height:10.66667vmin;border-radius:1.06667vmin;opacity:1;background:linear-gradient(270deg, #ff5820 0%, #ff4067 100%);color:#ffffff;font-size:4.26667vmin;font-weight:500;font-family:"PingFang SC";text-align:left;margin:5.33333vmin 7.46667vmin 7.46667vmin;display:flex;align-items:center;justify-content:center}.coupon-receive .receive-popup .receive-container__close{width:8.53333vmin;height:8.53333vmin;margin:4.26667vmin auto 0}
|
|
1
|
+
.coupon-receive .receive-box{display:flex;flex-direction:column}.coupon-receive .receive-box-scale{transform:scale(80%);transform-origin:50% 10%}.coupon-receive .receive-popup{background-color:transparent;display:flex;flex-direction:column}.coupon-receive .receive-popup .receive-container{width:68.26667vmin;height:101.33333vmin;background-size:100% 100%}.coupon-receive .receive-popup .receive-container__content{display:flex;flex-direction:column;margin:37.33333vmin 4.26667vmin 4.26667vmin;padding:4.26667vmin 3.2vmin 3.2vmin}.coupon-receive .receive-popup .receive-container__content-gift-coupon{display:flex;align-items:baseline;flex-direction:column;height:32.66667vmin}.coupon-receive .receive-popup .receive-container__content-gift-coupon .gift-coupon-name{color:#fd2b54;font-size:4.8vmin;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.coupon-receive .receive-popup .receive-container__content-gift-coupon .coupon-use-condition{margin-top:3.73333vmin;color:#333333;font-size:3.73333vmin;font-weight:400}.coupon-receive .receive-popup .receive-container__content-price{font-weight:500;font-family:"PingFang SC";text-align:left}.coupon-receive .receive-popup .receive-container__content-price .discount-price{display:flex;align-items:baseline;color:#fd2b54;margin-top:-2.6vmin}.coupon-receive .receive-popup .receive-container__content-price .discount-price .disc-detail{font-size:12.26667vmin;line-height:12.26667vmin}.coupon-receive .receive-popup .receive-container__content-price .smallIcon{color:#fd2b54;font-size:5.33333vmin;line-height:5.33333vmin}.coupon-receive .receive-popup .receive-container__content-price .boldIcon{color:#fd2b54;font-size:10.66667vmin;line-height:10.66667vmin}.coupon-receive .receive-popup .receive-container__content-describe{margin-top:3.73333vmin;color:#333333;font-size:3.73333vmin;font-weight:400;font-family:"PingFang SC";text-align:left;line-height:5.33333vmin}.coupon-receive .receive-popup .receive-container__content-describe span{display:block;margin-bottom:1.06667vmin}.coupon-receive .receive-popup .receive-container__btn{width:53.33333vmin;height:10.66667vmin;border-radius:1.06667vmin;opacity:1;background:linear-gradient(270deg, #ff5820 0%, #ff4067 100%);color:#ffffff;font-size:4.26667vmin;font-weight:500;font-family:"PingFang SC";text-align:left;margin:5.33333vmin 7.46667vmin 7.46667vmin;display:flex;align-items:center;justify-content:center}.coupon-receive .receive-popup .receive-container__close{width:8.53333vmin;height:8.53333vmin;margin:4.26667vmin auto 0}
|