xiaoe_mp_npm 1.0.15-test01 → 1.0.15-test03
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.js +35 -4
- package/miniprogram_dist/CouponList/components/CouponItem/index.scss +18 -9
- package/miniprogram_dist/CouponList/components/CouponItem/index.wxml +1 -0
- package/miniprogram_dist/CouponList/components/CouponItem/index.wxss +76 -32
- package/miniprogram_dist/CouponList/stuCouponPopup/index.js +2 -2
- package/miniprogram_dist/CouponList/stuCouponPopup/index.wxml +1 -0
- package/miniprogram_dist/CouponReceivePopup/index.scss +17 -5
- package/miniprogram_dist/CouponReceivePopup/index.wxss +42 -12
- package/package.json +1 -1
- package/src/CouponList/components/CouponItem/index.js +35 -4
- package/src/CouponList/components/CouponItem/index.scss +18 -9
- package/src/CouponList/components/CouponItem/index.wxml +1 -0
- package/src/CouponList/components/CouponItem/index.wxss +1 -1
- package/src/CouponList/stuCouponPopup/index.js +2 -2
- package/src/CouponList/stuCouponPopup/index.wxml +1 -0
- package/src/CouponReceivePopup/index.scss +17 -5
- package/src/CouponReceivePopup/index.wxss +1 -1
|
@@ -103,7 +103,8 @@ Component({
|
|
|
103
103
|
data: {
|
|
104
104
|
is_viewUsingInfo: false, //是否点击了详细信息
|
|
105
105
|
coupon_type: COUPON_TYPE_ENUM.RECEIVE, // 状态类型: 1-领取 2-继续领 3-已领完 4-已过期(领取失败) 5-已结束 6-已达上限 7-已失效 13-已领取 14-操作频繁
|
|
106
|
-
has_received: false //标记是否领取过
|
|
106
|
+
has_received: false, //标记是否领取过
|
|
107
|
+
oldCouponItem: null // 上次传进来的优惠券信息
|
|
107
108
|
},
|
|
108
109
|
computed: {
|
|
109
110
|
// 判断金额长度,不同金额区间端显示不同样式(一行优惠券样式)
|
|
@@ -285,9 +286,15 @@ Component({
|
|
|
285
286
|
},
|
|
286
287
|
observers: {
|
|
287
288
|
item(val) {
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
this.
|
|
289
|
+
if (val) {
|
|
290
|
+
// 右下角卡片的,监听到原有卡片的数据变化,无需初始化领取状态
|
|
291
|
+
if (this.data.isFullScreen && val.id !== this.data.oldCouponItem?.id) {
|
|
292
|
+
this.couponCardTypeHandle(val)
|
|
293
|
+
}
|
|
294
|
+
// 只有列表需要处理
|
|
295
|
+
if (this.data.isNewList) {
|
|
296
|
+
this.initCouponType();
|
|
297
|
+
}
|
|
291
298
|
}
|
|
292
299
|
}
|
|
293
300
|
},
|
|
@@ -324,6 +331,30 @@ Component({
|
|
|
324
331
|
* 组件的方法列表
|
|
325
332
|
*/
|
|
326
333
|
methods: {
|
|
334
|
+
// 初始化优惠券状态
|
|
335
|
+
couponCardTypeHandle(info) {
|
|
336
|
+
let stock = info.count - info.has_received, coupon_type = COUPON_TYPE_ENUM.RECEIVE;
|
|
337
|
+
// 库存不为0
|
|
338
|
+
if (stock !== 0) {
|
|
339
|
+
if (info.receive_rule !== 0 && info.user_num === info.receive_rule) {
|
|
340
|
+
coupon_type = COUPON_TYPE_ENUM.IS_RECEIVED; // 展示已领取
|
|
341
|
+
} else {
|
|
342
|
+
// 无限制 || 未达到领取上限
|
|
343
|
+
coupon_type = COUPON_TYPE_ENUM.RECEIVE; // 展示正常可领取按钮
|
|
344
|
+
}
|
|
345
|
+
} else {
|
|
346
|
+
// 库存为0,领过
|
|
347
|
+
if (info.user_num !== 0) {
|
|
348
|
+
coupon_type = COUPON_TYPE_ENUM.IS_RECEIVED; // 展示已领取
|
|
349
|
+
} else {
|
|
350
|
+
coupon_type = COUPON_TYPE_ENUM.RECEIVED_COMPLETED; // 展示已领完
|
|
351
|
+
}
|
|
352
|
+
}
|
|
353
|
+
this.setData({
|
|
354
|
+
oldCouponItem: info,
|
|
355
|
+
coupon_type
|
|
356
|
+
});
|
|
357
|
+
},
|
|
327
358
|
getCouponFunction() {
|
|
328
359
|
if (this.data.isFullscreenList || (this.data.userRole === 'teacher' && !this.data.isFullScreenPopCard)) {
|
|
329
360
|
this.sendCoupon();
|
|
@@ -205,6 +205,8 @@ $deviceWidth: 750;
|
|
|
205
205
|
padding-top: vmin(6) !important;
|
|
206
206
|
}
|
|
207
207
|
.couponUseCondition {
|
|
208
|
+
width: vmin(160);
|
|
209
|
+
margin: 0 auto;
|
|
208
210
|
color: #FF5429;
|
|
209
211
|
font-size: vmin(24);
|
|
210
212
|
font-weight: 500;
|
|
@@ -216,17 +218,17 @@ $deviceWidth: 750;
|
|
|
216
218
|
}
|
|
217
219
|
|
|
218
220
|
.couponInfo {
|
|
219
|
-
flex: 1;
|
|
221
|
+
// flex: 1;
|
|
220
222
|
position: relative;
|
|
221
223
|
display: flex;
|
|
222
224
|
flex-direction: column;
|
|
223
225
|
justify-content: space-around;
|
|
224
|
-
|
|
226
|
+
max-width: vmin(302);
|
|
225
227
|
height: 100%;
|
|
226
228
|
box-sizing: border-box;
|
|
227
|
-
padding: vmin(
|
|
228
|
-
color: #
|
|
229
|
-
font-size: vmin(
|
|
229
|
+
padding: vmin(26) 0 vmin(26) vmin(32);
|
|
230
|
+
color: #666;
|
|
231
|
+
font-size: vmin(24);
|
|
230
232
|
line-height: vmin(24);
|
|
231
233
|
font-weight: 400;
|
|
232
234
|
text-align: left;
|
|
@@ -251,9 +253,11 @@ $deviceWidth: 750;
|
|
|
251
253
|
|
|
252
254
|
.couponUseHint {
|
|
253
255
|
margin-bottom: vmin(4);
|
|
256
|
+
line-height: vmin(32);
|
|
254
257
|
}
|
|
255
258
|
|
|
256
259
|
.couponUseTime {
|
|
260
|
+
line-height: vmin(32);
|
|
257
261
|
// margin-bottom: 4.8vmin;
|
|
258
262
|
}
|
|
259
263
|
|
|
@@ -270,10 +274,14 @@ $deviceWidth: 750;
|
|
|
270
274
|
}
|
|
271
275
|
}
|
|
272
276
|
}
|
|
277
|
+
.blank-item {
|
|
278
|
+
flex: 1;
|
|
279
|
+
}
|
|
273
280
|
|
|
274
281
|
.couponState {
|
|
275
|
-
|
|
276
|
-
|
|
282
|
+
width: vmin(144);
|
|
283
|
+
height: vmin(56);
|
|
284
|
+
line-height: vmin(56);
|
|
277
285
|
text-align: center;
|
|
278
286
|
color: #fff;
|
|
279
287
|
border: none;
|
|
@@ -281,7 +289,7 @@ $deviceWidth: 750;
|
|
|
281
289
|
margin-right: vmin(24);
|
|
282
290
|
|
|
283
291
|
&.fullscreen-btn {
|
|
284
|
-
width: vmin(
|
|
292
|
+
width: vmin(144);
|
|
285
293
|
}
|
|
286
294
|
|
|
287
295
|
&.vertical-btn {
|
|
@@ -289,8 +297,9 @@ $deviceWidth: 750;
|
|
|
289
297
|
}
|
|
290
298
|
|
|
291
299
|
.couponBtn {
|
|
300
|
+
width: 100%;
|
|
292
301
|
background: #FF5429;
|
|
293
|
-
border-radius: vmin(
|
|
302
|
+
border-radius: vmin(56);
|
|
294
303
|
color: rgba(255, 255, 255, 1);
|
|
295
304
|
font-size: vmin(24);
|
|
296
305
|
font-weight: 500;
|
|
@@ -177,6 +177,8 @@
|
|
|
177
177
|
padding-top: 0.8vmin !important;
|
|
178
178
|
}
|
|
179
179
|
.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
|
|
180
|
+
width: 21.33333vmin;
|
|
181
|
+
margin: 0 auto;
|
|
180
182
|
color: #FF5429;
|
|
181
183
|
font-size: 3.2vmin;
|
|
182
184
|
font-weight: 500;
|
|
@@ -186,16 +188,16 @@
|
|
|
186
188
|
padding-top: 2.13333vmin;
|
|
187
189
|
}
|
|
188
190
|
.styleType1_wrapper .coupon_style1 .couponInfo {
|
|
189
|
-
flex: 1;
|
|
190
191
|
position: relative;
|
|
191
192
|
display: flex;
|
|
192
193
|
flex-direction: column;
|
|
193
194
|
justify-content: space-around;
|
|
195
|
+
max-width: 40.26667vmin;
|
|
194
196
|
height: 100%;
|
|
195
197
|
box-sizing: border-box;
|
|
196
|
-
padding:
|
|
197
|
-
color: #
|
|
198
|
-
font-size:
|
|
198
|
+
padding: 3.46667vmin 0 3.46667vmin 4.26667vmin;
|
|
199
|
+
color: #666;
|
|
200
|
+
font-size: 3.2vmin;
|
|
199
201
|
line-height: 3.2vmin;
|
|
200
202
|
font-weight: 400;
|
|
201
203
|
text-align: left;
|
|
@@ -219,6 +221,10 @@
|
|
|
219
221
|
}
|
|
220
222
|
.styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
|
|
221
223
|
margin-bottom: 0.53333vmin;
|
|
224
|
+
line-height: 4.26667vmin;
|
|
225
|
+
}
|
|
226
|
+
.styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
|
|
227
|
+
line-height: 4.26667vmin;
|
|
222
228
|
}
|
|
223
229
|
.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo {
|
|
224
230
|
display: flex;
|
|
@@ -231,9 +237,13 @@
|
|
|
231
237
|
margin-left: 0.8vmin;
|
|
232
238
|
background-size: 100% 100%;
|
|
233
239
|
}
|
|
240
|
+
.styleType1_wrapper .coupon_style1 .blank-item {
|
|
241
|
+
flex: 1;
|
|
242
|
+
}
|
|
234
243
|
.styleType1_wrapper .coupon_style1 .couponState {
|
|
235
|
-
|
|
236
|
-
|
|
244
|
+
width: 19.2vmin;
|
|
245
|
+
height: 7.46667vmin;
|
|
246
|
+
line-height: 7.46667vmin;
|
|
237
247
|
text-align: center;
|
|
238
248
|
color: #fff;
|
|
239
249
|
border: none;
|
|
@@ -241,14 +251,15 @@
|
|
|
241
251
|
margin-right: 3.2vmin;
|
|
242
252
|
}
|
|
243
253
|
.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
|
|
244
|
-
width:
|
|
254
|
+
width: 19.2vmin;
|
|
245
255
|
}
|
|
246
256
|
.styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
|
|
247
257
|
width: 14.13333vmin;
|
|
248
258
|
}
|
|
249
259
|
.styleType1_wrapper .coupon_style1 .couponState .couponBtn {
|
|
260
|
+
width: 100%;
|
|
250
261
|
background: #FF5429;
|
|
251
|
-
border-radius:
|
|
262
|
+
border-radius: 7.46667vmin;
|
|
252
263
|
color: #fff;
|
|
253
264
|
font-size: 3.2vmin;
|
|
254
265
|
font-weight: 500;
|
|
@@ -913,6 +924,8 @@
|
|
|
913
924
|
padding-top: 0.39062vmin !important;
|
|
914
925
|
}
|
|
915
926
|
.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
|
|
927
|
+
width: 10.41667vmin;
|
|
928
|
+
margin: 0 auto;
|
|
916
929
|
color: #FF5429;
|
|
917
930
|
font-size: 1.5625vmin;
|
|
918
931
|
font-weight: 500;
|
|
@@ -922,16 +935,16 @@
|
|
|
922
935
|
padding-top: 1.04167vmin;
|
|
923
936
|
}
|
|
924
937
|
.styleType1_wrapper .coupon_style1 .couponInfo {
|
|
925
|
-
flex: 1;
|
|
926
938
|
position: relative;
|
|
927
939
|
display: flex;
|
|
928
940
|
flex-direction: column;
|
|
929
941
|
justify-content: space-around;
|
|
942
|
+
max-width: 19.66146vmin;
|
|
930
943
|
height: 100%;
|
|
931
944
|
box-sizing: border-box;
|
|
932
|
-
padding:
|
|
933
|
-
color: #
|
|
934
|
-
font-size: 1.
|
|
945
|
+
padding: 1.69271vmin 0 1.69271vmin 2.08333vmin;
|
|
946
|
+
color: #666;
|
|
947
|
+
font-size: 1.5625vmin;
|
|
935
948
|
line-height: 1.5625vmin;
|
|
936
949
|
font-weight: 400;
|
|
937
950
|
text-align: left;
|
|
@@ -955,6 +968,10 @@
|
|
|
955
968
|
}
|
|
956
969
|
.styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
|
|
957
970
|
margin-bottom: 0.26042vmin;
|
|
971
|
+
line-height: 2.08333vmin;
|
|
972
|
+
}
|
|
973
|
+
.styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
|
|
974
|
+
line-height: 2.08333vmin;
|
|
958
975
|
}
|
|
959
976
|
.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo {
|
|
960
977
|
display: flex;
|
|
@@ -967,9 +984,13 @@
|
|
|
967
984
|
margin-left: 0.39062vmin;
|
|
968
985
|
background-size: 100% 100%;
|
|
969
986
|
}
|
|
987
|
+
.styleType1_wrapper .coupon_style1 .blank-item {
|
|
988
|
+
flex: 1;
|
|
989
|
+
}
|
|
970
990
|
.styleType1_wrapper .coupon_style1 .couponState {
|
|
971
|
-
|
|
972
|
-
|
|
991
|
+
width: 9.375vmin;
|
|
992
|
+
height: 3.64583vmin;
|
|
993
|
+
line-height: 3.64583vmin;
|
|
973
994
|
text-align: center;
|
|
974
995
|
color: #fff;
|
|
975
996
|
border: none;
|
|
@@ -977,14 +998,15 @@
|
|
|
977
998
|
margin-right: 1.5625vmin;
|
|
978
999
|
}
|
|
979
1000
|
.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
|
|
980
|
-
width:
|
|
1001
|
+
width: 9.375vmin;
|
|
981
1002
|
}
|
|
982
1003
|
.styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
|
|
983
1004
|
width: 6.90104vmin;
|
|
984
1005
|
}
|
|
985
1006
|
.styleType1_wrapper .coupon_style1 .couponState .couponBtn {
|
|
1007
|
+
width: 100%;
|
|
986
1008
|
background: #FF5429;
|
|
987
|
-
border-radius: 3.
|
|
1009
|
+
border-radius: 3.64583vmin;
|
|
988
1010
|
color: #fff;
|
|
989
1011
|
font-size: 1.5625vmin;
|
|
990
1012
|
font-weight: 500;
|
|
@@ -1650,6 +1672,8 @@
|
|
|
1650
1672
|
padding-top: 0.47619vmin !important;
|
|
1651
1673
|
}
|
|
1652
1674
|
.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
|
|
1675
|
+
width: 12.69841vmin;
|
|
1676
|
+
margin: 0 auto;
|
|
1653
1677
|
color: #FF5429;
|
|
1654
1678
|
font-size: 1.90476vmin;
|
|
1655
1679
|
font-weight: 500;
|
|
@@ -1659,16 +1683,16 @@
|
|
|
1659
1683
|
padding-top: 1.26984vmin;
|
|
1660
1684
|
}
|
|
1661
1685
|
.styleType1_wrapper .coupon_style1 .couponInfo {
|
|
1662
|
-
flex: 1;
|
|
1663
1686
|
position: relative;
|
|
1664
1687
|
display: flex;
|
|
1665
1688
|
flex-direction: column;
|
|
1666
1689
|
justify-content: space-around;
|
|
1690
|
+
max-width: 23.96825vmin;
|
|
1667
1691
|
height: 100%;
|
|
1668
1692
|
box-sizing: border-box;
|
|
1669
|
-
padding: 2.
|
|
1670
|
-
color: #
|
|
1671
|
-
font-size: 1.
|
|
1693
|
+
padding: 2.06349vmin 0 2.06349vmin 2.53968vmin;
|
|
1694
|
+
color: #666;
|
|
1695
|
+
font-size: 1.90476vmin;
|
|
1672
1696
|
line-height: 1.90476vmin;
|
|
1673
1697
|
font-weight: 400;
|
|
1674
1698
|
text-align: left;
|
|
@@ -1692,6 +1716,10 @@
|
|
|
1692
1716
|
}
|
|
1693
1717
|
.styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
|
|
1694
1718
|
margin-bottom: 0.31746vmin;
|
|
1719
|
+
line-height: 2.53968vmin;
|
|
1720
|
+
}
|
|
1721
|
+
.styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
|
|
1722
|
+
line-height: 2.53968vmin;
|
|
1695
1723
|
}
|
|
1696
1724
|
.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo {
|
|
1697
1725
|
display: flex;
|
|
@@ -1704,9 +1732,13 @@
|
|
|
1704
1732
|
margin-left: 0.47619vmin;
|
|
1705
1733
|
background-size: 100% 100%;
|
|
1706
1734
|
}
|
|
1735
|
+
.styleType1_wrapper .coupon_style1 .blank-item {
|
|
1736
|
+
flex: 1;
|
|
1737
|
+
}
|
|
1707
1738
|
.styleType1_wrapper .coupon_style1 .couponState {
|
|
1708
|
-
|
|
1709
|
-
|
|
1739
|
+
width: 11.42857vmin;
|
|
1740
|
+
height: 4.44444vmin;
|
|
1741
|
+
line-height: 4.44444vmin;
|
|
1710
1742
|
text-align: center;
|
|
1711
1743
|
color: #fff;
|
|
1712
1744
|
border: none;
|
|
@@ -1714,14 +1746,15 @@
|
|
|
1714
1746
|
margin-right: 1.90476vmin;
|
|
1715
1747
|
}
|
|
1716
1748
|
.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
|
|
1717
|
-
width:
|
|
1749
|
+
width: 11.42857vmin;
|
|
1718
1750
|
}
|
|
1719
1751
|
.styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
|
|
1720
1752
|
width: 8.4127vmin;
|
|
1721
1753
|
}
|
|
1722
1754
|
.styleType1_wrapper .coupon_style1 .couponState .couponBtn {
|
|
1755
|
+
width: 100%;
|
|
1723
1756
|
background: #FF5429;
|
|
1724
|
-
border-radius:
|
|
1757
|
+
border-radius: 4.44444vmin;
|
|
1725
1758
|
color: #fff;
|
|
1726
1759
|
font-size: 1.90476vmin;
|
|
1727
1760
|
font-weight: 500;
|
|
@@ -2387,6 +2420,8 @@
|
|
|
2387
2420
|
padding-top: 0.39062vmin !important;
|
|
2388
2421
|
}
|
|
2389
2422
|
.styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
|
|
2423
|
+
width: 10.41667vmin;
|
|
2424
|
+
margin: 0 auto;
|
|
2390
2425
|
color: #FF5429;
|
|
2391
2426
|
font-size: 1.5625vmin;
|
|
2392
2427
|
font-weight: 500;
|
|
@@ -2396,16 +2431,16 @@
|
|
|
2396
2431
|
padding-top: 1.04167vmin;
|
|
2397
2432
|
}
|
|
2398
2433
|
.styleType1_wrapper .coupon_style1 .couponInfo {
|
|
2399
|
-
flex: 1;
|
|
2400
2434
|
position: relative;
|
|
2401
2435
|
display: flex;
|
|
2402
2436
|
flex-direction: column;
|
|
2403
2437
|
justify-content: space-around;
|
|
2438
|
+
max-width: 19.66146vmin;
|
|
2404
2439
|
height: 100%;
|
|
2405
2440
|
box-sizing: border-box;
|
|
2406
|
-
padding:
|
|
2407
|
-
color: #
|
|
2408
|
-
font-size: 1.
|
|
2441
|
+
padding: 1.69271vmin 0 1.69271vmin 2.08333vmin;
|
|
2442
|
+
color: #666;
|
|
2443
|
+
font-size: 1.5625vmin;
|
|
2409
2444
|
line-height: 1.5625vmin;
|
|
2410
2445
|
font-weight: 400;
|
|
2411
2446
|
text-align: left;
|
|
@@ -2429,6 +2464,10 @@
|
|
|
2429
2464
|
}
|
|
2430
2465
|
.styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
|
|
2431
2466
|
margin-bottom: 0.26042vmin;
|
|
2467
|
+
line-height: 2.08333vmin;
|
|
2468
|
+
}
|
|
2469
|
+
.styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
|
|
2470
|
+
line-height: 2.08333vmin;
|
|
2432
2471
|
}
|
|
2433
2472
|
.styleType1_wrapper .coupon_style1 .couponInfo .moreInfo {
|
|
2434
2473
|
display: flex;
|
|
@@ -2441,9 +2480,13 @@
|
|
|
2441
2480
|
margin-left: 0.39062vmin;
|
|
2442
2481
|
background-size: 100% 100%;
|
|
2443
2482
|
}
|
|
2483
|
+
.styleType1_wrapper .coupon_style1 .blank-item {
|
|
2484
|
+
flex: 1;
|
|
2485
|
+
}
|
|
2444
2486
|
.styleType1_wrapper .coupon_style1 .couponState {
|
|
2445
|
-
|
|
2446
|
-
|
|
2487
|
+
width: 9.375vmin;
|
|
2488
|
+
height: 3.64583vmin;
|
|
2489
|
+
line-height: 3.64583vmin;
|
|
2447
2490
|
text-align: center;
|
|
2448
2491
|
color: #fff;
|
|
2449
2492
|
border: none;
|
|
@@ -2451,14 +2494,15 @@
|
|
|
2451
2494
|
margin-right: 1.5625vmin;
|
|
2452
2495
|
}
|
|
2453
2496
|
.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
|
|
2454
|
-
width:
|
|
2497
|
+
width: 9.375vmin;
|
|
2455
2498
|
}
|
|
2456
2499
|
.styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
|
|
2457
2500
|
width: 6.90104vmin;
|
|
2458
2501
|
}
|
|
2459
2502
|
.styleType1_wrapper .coupon_style1 .couponState .couponBtn {
|
|
2503
|
+
width: 100%;
|
|
2460
2504
|
background: #FF5429;
|
|
2461
|
-
border-radius: 3.
|
|
2505
|
+
border-radius: 3.64583vmin;
|
|
2462
2506
|
color: #fff;
|
|
2463
2507
|
font-size: 1.5625vmin;
|
|
2464
2508
|
font-weight: 500;
|
|
@@ -75,7 +75,7 @@ Component({
|
|
|
75
75
|
|
|
76
76
|
computed: {
|
|
77
77
|
customStyle(data) {
|
|
78
|
-
return ['bottom', 'top'].includes(data.popPosition) ? '' : 'width:
|
|
78
|
+
return ['bottom', 'top'].includes(data.popPosition) ? '' : 'width: 100vmin; height: 100%';
|
|
79
79
|
},
|
|
80
80
|
isIndexList(data) {
|
|
81
81
|
return data.simpleRouter === 'index';
|
|
@@ -302,7 +302,7 @@ Component({
|
|
|
302
302
|
let state = this.data.componentsState;
|
|
303
303
|
getMyCouponList(data)
|
|
304
304
|
.then(res => {
|
|
305
|
-
let couponList =
|
|
305
|
+
let couponList = this.data.couponList,
|
|
306
306
|
finished = true,
|
|
307
307
|
loading = false;
|
|
308
308
|
const { code, data } = res.data;
|
|
@@ -6,15 +6,26 @@ $deviceWidth: 750;
|
|
|
6
6
|
@mixin coupon-receive {
|
|
7
7
|
.receive-popup {
|
|
8
8
|
background-color: transparent;
|
|
9
|
+
overflow: visible !important;
|
|
9
10
|
}
|
|
10
11
|
.receive-container {
|
|
11
12
|
transform: scale(0.8);
|
|
12
13
|
margin-top: vmin(-16);
|
|
14
|
+
// 全屏互动使用vmin
|
|
15
|
+
.receive-container-new {
|
|
16
|
+
width: vmin(480);
|
|
17
|
+
height: vmin(800);
|
|
18
|
+
background-size: contain;
|
|
19
|
+
}
|
|
13
20
|
}
|
|
14
21
|
.receive-container-new {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
22
|
+
// 在ios上使用vmin导致背景被截断,先用rpx了,调试太麻烦了,从简吧
|
|
23
|
+
width: 480rpx;
|
|
24
|
+
height: 800rpx;
|
|
25
|
+
transform: translateY(#{vmin(-40)});
|
|
26
|
+
background-size: 480rpx 800rpx;
|
|
27
|
+
background-position: center;
|
|
28
|
+
background-repeat: no-repeat;
|
|
18
29
|
background-image: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvm0oyn.png');
|
|
19
30
|
display: flex;
|
|
20
31
|
flex-flow: wrap;
|
|
@@ -190,11 +201,12 @@ $deviceWidth: 750;
|
|
|
190
201
|
font-family: "PingFang SC";
|
|
191
202
|
font-size: vmin(32);
|
|
192
203
|
font-weight: 600;
|
|
193
|
-
margin-top: vmin(
|
|
194
|
-
height: vmin(
|
|
204
|
+
margin-top: vmin(32);
|
|
205
|
+
height: vmin(80);
|
|
195
206
|
}
|
|
196
207
|
&__close {
|
|
197
208
|
position: absolute;
|
|
209
|
+
transform: translateY(#{vmin(-40)});
|
|
198
210
|
top: 0;
|
|
199
211
|
right: 0;
|
|
200
212
|
width: vmin(64);
|
|
@@ -1,14 +1,23 @@
|
|
|
1
1
|
.coupon-receive .receive-popup {
|
|
2
2
|
background-color: transparent;
|
|
3
|
+
overflow: visible !important;
|
|
3
4
|
}
|
|
4
5
|
.coupon-receive .receive-container {
|
|
5
6
|
transform: scale(0.8);
|
|
6
7
|
margin-top: -2.13333vmin;
|
|
7
8
|
}
|
|
8
|
-
.coupon-receive .receive-container-new {
|
|
9
|
+
.coupon-receive .receive-container .receive-container-new {
|
|
9
10
|
width: 64vmin;
|
|
10
11
|
height: 106.66667vmin;
|
|
11
|
-
background-size:
|
|
12
|
+
background-size: contain;
|
|
13
|
+
}
|
|
14
|
+
.coupon-receive .receive-container-new {
|
|
15
|
+
width: 480rpx;
|
|
16
|
+
height: 800rpx;
|
|
17
|
+
transform: translateY(-5.33333vmin);
|
|
18
|
+
background-size: 480rpx 800rpx;
|
|
19
|
+
background-position: center;
|
|
20
|
+
background-repeat: no-repeat;
|
|
12
21
|
background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvm0oyn.png");
|
|
13
22
|
display: flex;
|
|
14
23
|
flex-flow: wrap;
|
|
@@ -183,11 +192,12 @@
|
|
|
183
192
|
font-family: "PingFang SC";
|
|
184
193
|
font-size: 4.26667vmin;
|
|
185
194
|
font-weight: 600;
|
|
186
|
-
margin-top:
|
|
187
|
-
height:
|
|
195
|
+
margin-top: 4.26667vmin;
|
|
196
|
+
height: 10.66667vmin;
|
|
188
197
|
}
|
|
189
198
|
.coupon-receive .receive-container-new__close {
|
|
190
199
|
position: absolute;
|
|
200
|
+
transform: translateY(-5.33333vmin);
|
|
191
201
|
top: 0;
|
|
192
202
|
right: 0;
|
|
193
203
|
width: 8.53333vmin;
|
|
@@ -196,15 +206,24 @@
|
|
|
196
206
|
@media screen and (min-width: 768px) and (orientation: portrait) {
|
|
197
207
|
.coupon-receive .receive-popup {
|
|
198
208
|
background-color: transparent;
|
|
209
|
+
overflow: visible !important;
|
|
199
210
|
}
|
|
200
211
|
.coupon-receive .receive-container {
|
|
201
212
|
transform: scale(0.8);
|
|
202
213
|
margin-top: -1.04167vmin;
|
|
203
214
|
}
|
|
204
|
-
.coupon-receive .receive-container-new {
|
|
215
|
+
.coupon-receive .receive-container .receive-container-new {
|
|
205
216
|
width: 31.25vmin;
|
|
206
217
|
height: 52.08333vmin;
|
|
207
|
-
background-size:
|
|
218
|
+
background-size: contain;
|
|
219
|
+
}
|
|
220
|
+
.coupon-receive .receive-container-new {
|
|
221
|
+
width: 480rpx;
|
|
222
|
+
height: 800rpx;
|
|
223
|
+
transform: translateY(-2.60417vmin);
|
|
224
|
+
background-size: 480rpx 800rpx;
|
|
225
|
+
background-position: center;
|
|
226
|
+
background-repeat: no-repeat;
|
|
208
227
|
background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvm0oyn.png");
|
|
209
228
|
display: flex;
|
|
210
229
|
flex-flow: wrap;
|
|
@@ -379,11 +398,12 @@
|
|
|
379
398
|
font-family: "PingFang SC";
|
|
380
399
|
font-size: 2.08333vmin;
|
|
381
400
|
font-weight: 600;
|
|
382
|
-
margin-top:
|
|
383
|
-
height: 5.
|
|
401
|
+
margin-top: 2.08333vmin;
|
|
402
|
+
height: 5.20833vmin;
|
|
384
403
|
}
|
|
385
404
|
.coupon-receive .receive-container-new__close {
|
|
386
405
|
position: absolute;
|
|
406
|
+
transform: translateY(-2.60417vmin);
|
|
387
407
|
top: 0;
|
|
388
408
|
right: 0;
|
|
389
409
|
width: 4.16667vmin;
|
|
@@ -393,15 +413,24 @@
|
|
|
393
413
|
@media screen and (min-height: 768px) and (orientation: landscape) {
|
|
394
414
|
.coupon-receive .receive-popup {
|
|
395
415
|
background-color: transparent;
|
|
416
|
+
overflow: visible !important;
|
|
396
417
|
}
|
|
397
418
|
.coupon-receive .receive-container {
|
|
398
419
|
transform: scale(0.8);
|
|
399
420
|
margin-top: -1.04167vmin;
|
|
400
421
|
}
|
|
401
|
-
.coupon-receive .receive-container-new {
|
|
422
|
+
.coupon-receive .receive-container .receive-container-new {
|
|
402
423
|
width: 31.25vmin;
|
|
403
424
|
height: 52.08333vmin;
|
|
404
|
-
background-size:
|
|
425
|
+
background-size: contain;
|
|
426
|
+
}
|
|
427
|
+
.coupon-receive .receive-container-new {
|
|
428
|
+
width: 480rpx;
|
|
429
|
+
height: 800rpx;
|
|
430
|
+
transform: translateY(-2.60417vmin);
|
|
431
|
+
background-size: 480rpx 800rpx;
|
|
432
|
+
background-position: center;
|
|
433
|
+
background-repeat: no-repeat;
|
|
405
434
|
background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvm0oyn.png");
|
|
406
435
|
display: flex;
|
|
407
436
|
flex-flow: wrap;
|
|
@@ -576,11 +605,12 @@
|
|
|
576
605
|
font-family: "PingFang SC";
|
|
577
606
|
font-size: 2.08333vmin;
|
|
578
607
|
font-weight: 600;
|
|
579
|
-
margin-top:
|
|
580
|
-
height: 5.
|
|
608
|
+
margin-top: 2.08333vmin;
|
|
609
|
+
height: 5.20833vmin;
|
|
581
610
|
}
|
|
582
611
|
.coupon-receive .receive-container-new__close {
|
|
583
612
|
position: absolute;
|
|
613
|
+
transform: translateY(-2.60417vmin);
|
|
584
614
|
top: 0;
|
|
585
615
|
right: 0;
|
|
586
616
|
width: 4.16667vmin;
|
package/package.json
CHANGED
|
@@ -103,7 +103,8 @@ Component({
|
|
|
103
103
|
data: {
|
|
104
104
|
is_viewUsingInfo: false, //是否点击了详细信息
|
|
105
105
|
coupon_type: COUPON_TYPE_ENUM.RECEIVE, // 状态类型: 1-领取 2-继续领 3-已领完 4-已过期(领取失败) 5-已结束 6-已达上限 7-已失效 13-已领取 14-操作频繁
|
|
106
|
-
has_received: false //标记是否领取过
|
|
106
|
+
has_received: false, //标记是否领取过
|
|
107
|
+
oldCouponItem: null // 上次传进来的优惠券信息
|
|
107
108
|
},
|
|
108
109
|
computed: {
|
|
109
110
|
// 判断金额长度,不同金额区间端显示不同样式(一行优惠券样式)
|
|
@@ -285,9 +286,15 @@ Component({
|
|
|
285
286
|
},
|
|
286
287
|
observers: {
|
|
287
288
|
item(val) {
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
this.
|
|
289
|
+
if (val) {
|
|
290
|
+
// 右下角卡片的,监听到原有卡片的数据变化,无需初始化领取状态
|
|
291
|
+
if (this.data.isFullScreen && val.id !== this.data.oldCouponItem?.id) {
|
|
292
|
+
this.couponCardTypeHandle(val)
|
|
293
|
+
}
|
|
294
|
+
// 只有列表需要处理
|
|
295
|
+
if (this.data.isNewList) {
|
|
296
|
+
this.initCouponType();
|
|
297
|
+
}
|
|
291
298
|
}
|
|
292
299
|
}
|
|
293
300
|
},
|
|
@@ -324,6 +331,30 @@ Component({
|
|
|
324
331
|
* 组件的方法列表
|
|
325
332
|
*/
|
|
326
333
|
methods: {
|
|
334
|
+
// 初始化优惠券状态
|
|
335
|
+
couponCardTypeHandle(info) {
|
|
336
|
+
let stock = info.count - info.has_received, coupon_type = COUPON_TYPE_ENUM.RECEIVE;
|
|
337
|
+
// 库存不为0
|
|
338
|
+
if (stock !== 0) {
|
|
339
|
+
if (info.receive_rule !== 0 && info.user_num === info.receive_rule) {
|
|
340
|
+
coupon_type = COUPON_TYPE_ENUM.IS_RECEIVED; // 展示已领取
|
|
341
|
+
} else {
|
|
342
|
+
// 无限制 || 未达到领取上限
|
|
343
|
+
coupon_type = COUPON_TYPE_ENUM.RECEIVE; // 展示正常可领取按钮
|
|
344
|
+
}
|
|
345
|
+
} else {
|
|
346
|
+
// 库存为0,领过
|
|
347
|
+
if (info.user_num !== 0) {
|
|
348
|
+
coupon_type = COUPON_TYPE_ENUM.IS_RECEIVED; // 展示已领取
|
|
349
|
+
} else {
|
|
350
|
+
coupon_type = COUPON_TYPE_ENUM.RECEIVED_COMPLETED; // 展示已领完
|
|
351
|
+
}
|
|
352
|
+
}
|
|
353
|
+
this.setData({
|
|
354
|
+
oldCouponItem: info,
|
|
355
|
+
coupon_type
|
|
356
|
+
});
|
|
357
|
+
},
|
|
327
358
|
getCouponFunction() {
|
|
328
359
|
if (this.data.isFullscreenList || (this.data.userRole === 'teacher' && !this.data.isFullScreenPopCard)) {
|
|
329
360
|
this.sendCoupon();
|
|
@@ -205,6 +205,8 @@ $deviceWidth: 750;
|
|
|
205
205
|
padding-top: vmin(6) !important;
|
|
206
206
|
}
|
|
207
207
|
.couponUseCondition {
|
|
208
|
+
width: vmin(160);
|
|
209
|
+
margin: 0 auto;
|
|
208
210
|
color: #FF5429;
|
|
209
211
|
font-size: vmin(24);
|
|
210
212
|
font-weight: 500;
|
|
@@ -216,17 +218,17 @@ $deviceWidth: 750;
|
|
|
216
218
|
}
|
|
217
219
|
|
|
218
220
|
.couponInfo {
|
|
219
|
-
flex: 1;
|
|
221
|
+
// flex: 1;
|
|
220
222
|
position: relative;
|
|
221
223
|
display: flex;
|
|
222
224
|
flex-direction: column;
|
|
223
225
|
justify-content: space-around;
|
|
224
|
-
|
|
226
|
+
max-width: vmin(302);
|
|
225
227
|
height: 100%;
|
|
226
228
|
box-sizing: border-box;
|
|
227
|
-
padding: vmin(
|
|
228
|
-
color: #
|
|
229
|
-
font-size: vmin(
|
|
229
|
+
padding: vmin(26) 0 vmin(26) vmin(32);
|
|
230
|
+
color: #666;
|
|
231
|
+
font-size: vmin(24);
|
|
230
232
|
line-height: vmin(24);
|
|
231
233
|
font-weight: 400;
|
|
232
234
|
text-align: left;
|
|
@@ -251,9 +253,11 @@ $deviceWidth: 750;
|
|
|
251
253
|
|
|
252
254
|
.couponUseHint {
|
|
253
255
|
margin-bottom: vmin(4);
|
|
256
|
+
line-height: vmin(32);
|
|
254
257
|
}
|
|
255
258
|
|
|
256
259
|
.couponUseTime {
|
|
260
|
+
line-height: vmin(32);
|
|
257
261
|
// margin-bottom: 4.8vmin;
|
|
258
262
|
}
|
|
259
263
|
|
|
@@ -270,10 +274,14 @@ $deviceWidth: 750;
|
|
|
270
274
|
}
|
|
271
275
|
}
|
|
272
276
|
}
|
|
277
|
+
.blank-item {
|
|
278
|
+
flex: 1;
|
|
279
|
+
}
|
|
273
280
|
|
|
274
281
|
.couponState {
|
|
275
|
-
|
|
276
|
-
|
|
282
|
+
width: vmin(144);
|
|
283
|
+
height: vmin(56);
|
|
284
|
+
line-height: vmin(56);
|
|
277
285
|
text-align: center;
|
|
278
286
|
color: #fff;
|
|
279
287
|
border: none;
|
|
@@ -281,7 +289,7 @@ $deviceWidth: 750;
|
|
|
281
289
|
margin-right: vmin(24);
|
|
282
290
|
|
|
283
291
|
&.fullscreen-btn {
|
|
284
|
-
width: vmin(
|
|
292
|
+
width: vmin(144);
|
|
285
293
|
}
|
|
286
294
|
|
|
287
295
|
&.vertical-btn {
|
|
@@ -289,8 +297,9 @@ $deviceWidth: 750;
|
|
|
289
297
|
}
|
|
290
298
|
|
|
291
299
|
.couponBtn {
|
|
300
|
+
width: 100%;
|
|
292
301
|
background: #FF5429;
|
|
293
|
-
border-radius: vmin(
|
|
302
|
+
border-radius: vmin(56);
|
|
294
303
|
color: rgba(255, 255, 255, 1);
|
|
295
304
|
font-size: vmin(24);
|
|
296
305
|
font-weight: 500;
|
|
@@ -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:48vmin;background:none !important}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:5.33333vmin 2.13333vmin 2.13333vmin 2.13333vmin;width:98.5%;height:21.33333vmin;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;padding-top:0vmin !important}.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;height:100%;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:4.26667vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat;background-size:99% 99%;box-sizing:border-box}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:25.6vmin;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:23.46667vmin}.styleType1_wrapper .is-gray{filter:grayscale(100%) opacity(0.5)}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:99% 99%}.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:4.53333vmin 0 4.53333vmin 4.26667vmin;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;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:3.2vmin}.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{background:#FF5429;border-radius:6.4vmin;color:#fff;font-size:3.2vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .couponState .received{opacity:0.4}.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:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat !important;background-size:99% 99%}.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"}.coupon-container{height:58.66667vmin;width:35.2vmin;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvx099r.png");background-size:100% 100%;padding-top:10.66667vmin;box-sizing:border-box}.coupon-container .coupon-title{width:33.06667vmin;margin:0 auto;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-size:3.2vmin;font-weight:500;line-height:4.26667vmin;margin-top:3.2vmin}.coupon-container .coupon-discount{margin-top:1.06667vmin;color:#fffce0;line-height:8.53333vmin;font-size:7.46667vmin;font-weight:600;text-align:center}.coupon-container .coupon-discount .disc-logo{font-family:"D-DIN";font-size:5.33333vmin;line-height:5.33333vmin}.coupon-container .coupon-discount .disc-detail{font-family:"D-DIN"}.coupon-container .coupon-discount .discount-detail{color:#fffce0;text-align:center;font-size:3.2vmin;line-height:4.26667vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coupon-container .coupon-discount .disc-bpart{font-size:5.33333vmin;line-height:5.33333vmin}.coupon-container .coupon-gift{display:flex;justify-content:center;align-items:center;flex-direction:column}.coupon-container .coupon-gift-label{width:33.06667vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:5.33333vmin;font-weight:600;height:7.46667vmin;line-height:7.46667vmin;margin-top:3.2vmin;margin-bottom:1.06667vmin}.coupon-container .coupon-gift-title{display:flex;justify-content:center;align-items:center;height:9.6vmin}.coupon-container .coupon-gift-title .title-txt{width:33.06667vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:3.2vmin;font-weight:600;line-height:4.8vmin;overflow:hidden}.coupon-container .coupon-usage{margin-top:4.26667vmin;font-size:3.2vmin;font-weight:400;line-height:4.26667vmin;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis}.coupon-container .coupon-usage .qlive-coupon-btn{margin:3.2vmin auto 0;width:29.86667vmin;display:flex;height:7.46667vmin;justify-content:center;align-items:center;gap:1.06667vmin;border-radius:3.73333vmin;border:.26667vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .53333vmin 1.6vmin 0 #ff5034,0 1.06667vmin 1.06667vmin 0 #ffffff33 inset;box-sizing:border-box;color:#ff5429;text-align:center;font-size:3.73333vmin;font-weight:600}.coupon-container .coupon-usage .disable-btn{border:none;background:#ebebeb;color:#b2b2b2}.coupon-container .coupon-usage .received-btn{border:1px solid #f8ffaa;opacity:0.4;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);color:#ff5429}.coupon-container .coupon-usage .discount-date-new{width:33.06667vmin;color:#ffffff;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"PingFang SC";font-size:2.93333vmin;font-style:normal;font-weight:400;line-height:4.26667vmin;margin:0 auto}@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:23.4375vmin;background:none !important}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:2.60417vmin 1.04167vmin 1.04167vmin 1.04167vmin;width:98.5%;height:10.41667vmin;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;padding-top:0vmin !important}.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;height:100%;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:2.08333vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat;background-size:99% 99%;box-sizing:border-box}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:12.5vmin;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:11.45833vmin}.styleType1_wrapper .is-gray{filter:grayscale(100%) opacity(0.5)}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:99% 99%}.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:2.21354vmin 0 2.21354vmin 2.08333vmin;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;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:1.5625vmin}.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{background:#FF5429;border-radius:3.125vmin;color:#fff;font-size:1.5625vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .couponState .received{opacity:0.4}.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:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat !important;background-size:99% 99%}.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"}.coupon-container{height:28.64583vmin;width:17.1875vmin;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvx099r.png");background-size:100% 100%;padding-top:5.20833vmin;box-sizing:border-box}.coupon-container .coupon-title{width:16.14583vmin;margin:0 auto;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-size:1.5625vmin;font-weight:500;line-height:2.08333vmin;margin-top:1.5625vmin}.coupon-container .coupon-discount{margin-top:.52083vmin;color:#fffce0;line-height:4.16667vmin;font-size:3.64583vmin;font-weight:600;text-align:center}.coupon-container .coupon-discount .disc-logo{font-family:"D-DIN";font-size:2.60417vmin;line-height:2.60417vmin}.coupon-container .coupon-discount .disc-detail{font-family:"D-DIN"}.coupon-container .coupon-discount .discount-detail{color:#fffce0;text-align:center;font-size:1.5625vmin;line-height:2.08333vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coupon-container .coupon-discount .disc-bpart{font-size:2.60417vmin;line-height:2.60417vmin}.coupon-container .coupon-gift{display:flex;justify-content:center;align-items:center;flex-direction:column}.coupon-container .coupon-gift-label{width:16.14583vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:2.60417vmin;font-weight:600;height:3.64583vmin;line-height:3.64583vmin;margin-top:1.5625vmin;margin-bottom:.52083vmin}.coupon-container .coupon-gift-title{display:flex;justify-content:center;align-items:center;height:4.6875vmin}.coupon-container .coupon-gift-title .title-txt{width:16.14583vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:1.5625vmin;font-weight:600;line-height:2.34375vmin;overflow:hidden}.coupon-container .coupon-usage{margin-top:2.08333vmin;font-size:1.5625vmin;font-weight:400;line-height:2.08333vmin;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis}.coupon-container .coupon-usage .qlive-coupon-btn{margin:1.5625vmin auto 0;width:14.58333vmin;display:flex;height:3.64583vmin;justify-content:center;align-items:center;gap:.52083vmin;border-radius:1.82292vmin;border:.13021vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .26042vmin .78125vmin 0 #ff5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;box-sizing:border-box;color:#ff5429;text-align:center;font-size:1.82292vmin;font-weight:600}.coupon-container .coupon-usage .disable-btn{border:none;background:#ebebeb;color:#b2b2b2}.coupon-container .coupon-usage .received-btn{border:1px solid #f8ffaa;opacity:0.4;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);color:#ff5429}.coupon-container .coupon-usage .discount-date-new{width:16.14583vmin;color:#ffffff;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"PingFang SC";font-size:1.43229vmin;font-style:normal;font-weight:400;line-height:2.08333vmin;margin:0 auto}}@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:28.57143vmin;background:none !important}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:3.1746vmin 1.26984vmin 1.26984vmin 1.26984vmin;width:98.5%;height:12.69841vmin;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;padding-top:0vmin !important}.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;height:100%;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:2.53968vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat;background-size:99% 99%;box-sizing:border-box}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:15.2381vmin;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:13.96825vmin}.styleType1_wrapper .is-gray{filter:grayscale(100%) opacity(0.5)}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:99% 99%}.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:2.69841vmin 0 2.69841vmin 2.53968vmin;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;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:1.90476vmin}.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{background:#FF5429;border-radius:3.80952vmin;color:#fff;font-size:1.90476vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .couponState .received{opacity:0.4}.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:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat !important;background-size:99% 99%}.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"}.coupon-container{height:34.92063vmin;width:20.95238vmin;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvx099r.png");background-size:100% 100%;padding-top:6.34921vmin;box-sizing:border-box}.coupon-container .coupon-title{width:19.68254vmin;margin:0 auto;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-size:1.90476vmin;font-weight:500;line-height:2.53968vmin;margin-top:1.90476vmin}.coupon-container .coupon-discount{margin-top:.63492vmin;color:#fffce0;line-height:5.07937vmin;font-size:4.44444vmin;font-weight:600;text-align:center}.coupon-container .coupon-discount .disc-logo{font-family:"D-DIN";font-size:3.1746vmin;line-height:3.1746vmin}.coupon-container .coupon-discount .disc-detail{font-family:"D-DIN"}.coupon-container .coupon-discount .discount-detail{color:#fffce0;text-align:center;font-size:1.90476vmin;line-height:2.53968vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coupon-container .coupon-discount .disc-bpart{font-size:3.1746vmin;line-height:3.1746vmin}.coupon-container .coupon-gift{display:flex;justify-content:center;align-items:center;flex-direction:column}.coupon-container .coupon-gift-label{width:19.68254vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:3.1746vmin;font-weight:600;height:4.44444vmin;line-height:4.44444vmin;margin-top:1.90476vmin;margin-bottom:.63492vmin}.coupon-container .coupon-gift-title{display:flex;justify-content:center;align-items:center;height:5.71429vmin}.coupon-container .coupon-gift-title .title-txt{width:19.68254vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:1.90476vmin;font-weight:600;line-height:2.85714vmin;overflow:hidden}.coupon-container .coupon-usage{margin-top:2.53968vmin;font-size:1.90476vmin;font-weight:400;line-height:2.53968vmin;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis}.coupon-container .coupon-usage .qlive-coupon-btn{margin:1.90476vmin auto 0;width:17.77778vmin;display:flex;height:4.44444vmin;justify-content:center;align-items:center;gap:.63492vmin;border-radius:2.22222vmin;border:.15873vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .31746vmin .95238vmin 0 #ff5034,0 .63492vmin .63492vmin 0 #ffffff33 inset;box-sizing:border-box;color:#ff5429;text-align:center;font-size:2.22222vmin;font-weight:600}.coupon-container .coupon-usage .disable-btn{border:none;background:#ebebeb;color:#b2b2b2}.coupon-container .coupon-usage .received-btn{border:1px solid #f8ffaa;opacity:0.4;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);color:#ff5429}.coupon-container .coupon-usage .discount-date-new{width:19.68254vmin;color:#ffffff;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"PingFang SC";font-size:1.74603vmin;font-style:normal;font-weight:400;line-height:2.53968vmin;margin:0 auto}}@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:23.4375vmin;background:none !important}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:2.60417vmin 1.04167vmin 1.04167vmin 1.04167vmin;width:98.5%;height:10.41667vmin;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;padding-top:0vmin !important}.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;height:100%;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:2.08333vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat;background-size:99% 99%;box-sizing:border-box}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:12.5vmin;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:11.45833vmin}.styleType1_wrapper .is-gray{filter:grayscale(100%) opacity(0.5)}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:99% 99%}.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:2.21354vmin 0 2.21354vmin 2.08333vmin;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;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:1.5625vmin}.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{background:#FF5429;border-radius:3.125vmin;color:#fff;font-size:1.5625vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .couponState .received{opacity:0.4}.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:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat !important;background-size:99% 99%}.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"}.coupon-container{height:28.64583vmin;width:17.1875vmin;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvx099r.png");background-size:100% 100%;padding-top:5.20833vmin;box-sizing:border-box}.coupon-container .coupon-title{width:16.14583vmin;margin:0 auto;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-size:1.5625vmin;font-weight:500;line-height:2.08333vmin;margin-top:1.5625vmin}.coupon-container .coupon-discount{margin-top:.52083vmin;color:#fffce0;line-height:4.16667vmin;font-size:3.64583vmin;font-weight:600;text-align:center}.coupon-container .coupon-discount .disc-logo{font-family:"D-DIN";font-size:2.60417vmin;line-height:2.60417vmin}.coupon-container .coupon-discount .disc-detail{font-family:"D-DIN"}.coupon-container .coupon-discount .discount-detail{color:#fffce0;text-align:center;font-size:1.5625vmin;line-height:2.08333vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coupon-container .coupon-discount .disc-bpart{font-size:2.60417vmin;line-height:2.60417vmin}.coupon-container .coupon-gift{display:flex;justify-content:center;align-items:center;flex-direction:column}.coupon-container .coupon-gift-label{width:16.14583vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:2.60417vmin;font-weight:600;height:3.64583vmin;line-height:3.64583vmin;margin-top:1.5625vmin;margin-bottom:.52083vmin}.coupon-container .coupon-gift-title{display:flex;justify-content:center;align-items:center;height:4.6875vmin}.coupon-container .coupon-gift-title .title-txt{width:16.14583vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:1.5625vmin;font-weight:600;line-height:2.34375vmin;overflow:hidden}.coupon-container .coupon-usage{margin-top:2.08333vmin;font-size:1.5625vmin;font-weight:400;line-height:2.08333vmin;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis}.coupon-container .coupon-usage .qlive-coupon-btn{margin:1.5625vmin auto 0;width:14.58333vmin;display:flex;height:3.64583vmin;justify-content:center;align-items:center;gap:.52083vmin;border-radius:1.82292vmin;border:.13021vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .26042vmin .78125vmin 0 #ff5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;box-sizing:border-box;color:#ff5429;text-align:center;font-size:1.82292vmin;font-weight:600}.coupon-container .coupon-usage .disable-btn{border:none;background:#ebebeb;color:#b2b2b2}.coupon-container .coupon-usage .received-btn{border:1px solid #f8ffaa;opacity:0.4;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);color:#ff5429}.coupon-container .coupon-usage .discount-date-new{width:16.14583vmin;color:#ffffff;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"PingFang SC";font-size:1.43229vmin;font-style:normal;font-weight:400;line-height:2.08333vmin;margin:0 auto}}
|
|
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:48vmin;background:none !important}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:5.33333vmin 2.13333vmin 2.13333vmin 2.13333vmin;width:98.5%;height:21.33333vmin;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;padding-top:0vmin !important}.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;height:100%;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:4.26667vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat;background-size:99% 99%;box-sizing:border-box}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:25.6vmin;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:23.46667vmin}.styleType1_wrapper .is-gray{filter:grayscale(100%) opacity(0.5)}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:99% 99%}.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{width:21.33333vmin;margin:0 auto;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{position:relative;display:flex;flex-direction:column;justify-content:space-around;max-width:40.26667vmin;height:100%;box-sizing:border-box;padding:3.46667vmin 0 3.46667vmin 4.26667vmin;color:#666;font-size:3.2vmin;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;line-height:4.26667vmin}.styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime{line-height:4.26667vmin}.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 .blank-item{flex:1}.styleType1_wrapper .coupon_style1 .couponState{width:19.2vmin;height:7.46667vmin;line-height:7.46667vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:3.2vmin}.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn{width:19.2vmin}.styleType1_wrapper .coupon_style1 .couponState.vertical-btn{width:14.13333vmin}.styleType1_wrapper .coupon_style1 .couponState .couponBtn{width:100%;background:#FF5429;border-radius:7.46667vmin;color:#fff;font-size:3.2vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .couponState .received{opacity:0.4}.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:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat !important;background-size:99% 99%}.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"}.coupon-container{height:58.66667vmin;width:35.2vmin;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvx099r.png");background-size:100% 100%;padding-top:10.66667vmin;box-sizing:border-box}.coupon-container .coupon-title{width:33.06667vmin;margin:0 auto;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-size:3.2vmin;font-weight:500;line-height:4.26667vmin;margin-top:3.2vmin}.coupon-container .coupon-discount{margin-top:1.06667vmin;color:#fffce0;line-height:8.53333vmin;font-size:7.46667vmin;font-weight:600;text-align:center}.coupon-container .coupon-discount .disc-logo{font-family:"D-DIN";font-size:5.33333vmin;line-height:5.33333vmin}.coupon-container .coupon-discount .disc-detail{font-family:"D-DIN"}.coupon-container .coupon-discount .discount-detail{color:#fffce0;text-align:center;font-size:3.2vmin;line-height:4.26667vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coupon-container .coupon-discount .disc-bpart{font-size:5.33333vmin;line-height:5.33333vmin}.coupon-container .coupon-gift{display:flex;justify-content:center;align-items:center;flex-direction:column}.coupon-container .coupon-gift-label{width:33.06667vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:5.33333vmin;font-weight:600;height:7.46667vmin;line-height:7.46667vmin;margin-top:3.2vmin;margin-bottom:1.06667vmin}.coupon-container .coupon-gift-title{display:flex;justify-content:center;align-items:center;height:9.6vmin}.coupon-container .coupon-gift-title .title-txt{width:33.06667vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:3.2vmin;font-weight:600;line-height:4.8vmin;overflow:hidden}.coupon-container .coupon-usage{margin-top:4.26667vmin;font-size:3.2vmin;font-weight:400;line-height:4.26667vmin;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis}.coupon-container .coupon-usage .qlive-coupon-btn{margin:3.2vmin auto 0;width:29.86667vmin;display:flex;height:7.46667vmin;justify-content:center;align-items:center;gap:1.06667vmin;border-radius:3.73333vmin;border:.26667vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .53333vmin 1.6vmin 0 #ff5034,0 1.06667vmin 1.06667vmin 0 #ffffff33 inset;box-sizing:border-box;color:#ff5429;text-align:center;font-size:3.73333vmin;font-weight:600}.coupon-container .coupon-usage .disable-btn{border:none;background:#ebebeb;color:#b2b2b2}.coupon-container .coupon-usage .received-btn{border:1px solid #f8ffaa;opacity:0.4;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);color:#ff5429}.coupon-container .coupon-usage .discount-date-new{width:33.06667vmin;color:#ffffff;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"PingFang SC";font-size:2.93333vmin;font-style:normal;font-weight:400;line-height:4.26667vmin;margin:0 auto}@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:23.4375vmin;background:none !important}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:2.60417vmin 1.04167vmin 1.04167vmin 1.04167vmin;width:98.5%;height:10.41667vmin;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;padding-top:0vmin !important}.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;height:100%;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:2.08333vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat;background-size:99% 99%;box-sizing:border-box}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:12.5vmin;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:11.45833vmin}.styleType1_wrapper .is-gray{filter:grayscale(100%) opacity(0.5)}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:99% 99%}.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{width:10.41667vmin;margin:0 auto;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{position:relative;display:flex;flex-direction:column;justify-content:space-around;max-width:19.66146vmin;height:100%;box-sizing:border-box;padding:1.69271vmin 0 1.69271vmin 2.08333vmin;color:#666;font-size:1.5625vmin;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;line-height:2.08333vmin}.styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime{line-height:2.08333vmin}.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 .blank-item{flex:1}.styleType1_wrapper .coupon_style1 .couponState{width:9.375vmin;height:3.64583vmin;line-height:3.64583vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:1.5625vmin}.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn{width:9.375vmin}.styleType1_wrapper .coupon_style1 .couponState.vertical-btn{width:6.90104vmin}.styleType1_wrapper .coupon_style1 .couponState .couponBtn{width:100%;background:#FF5429;border-radius:3.64583vmin;color:#fff;font-size:1.5625vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .couponState .received{opacity:0.4}.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:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat !important;background-size:99% 99%}.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"}.coupon-container{height:28.64583vmin;width:17.1875vmin;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvx099r.png");background-size:100% 100%;padding-top:5.20833vmin;box-sizing:border-box}.coupon-container .coupon-title{width:16.14583vmin;margin:0 auto;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-size:1.5625vmin;font-weight:500;line-height:2.08333vmin;margin-top:1.5625vmin}.coupon-container .coupon-discount{margin-top:.52083vmin;color:#fffce0;line-height:4.16667vmin;font-size:3.64583vmin;font-weight:600;text-align:center}.coupon-container .coupon-discount .disc-logo{font-family:"D-DIN";font-size:2.60417vmin;line-height:2.60417vmin}.coupon-container .coupon-discount .disc-detail{font-family:"D-DIN"}.coupon-container .coupon-discount .discount-detail{color:#fffce0;text-align:center;font-size:1.5625vmin;line-height:2.08333vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coupon-container .coupon-discount .disc-bpart{font-size:2.60417vmin;line-height:2.60417vmin}.coupon-container .coupon-gift{display:flex;justify-content:center;align-items:center;flex-direction:column}.coupon-container .coupon-gift-label{width:16.14583vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:2.60417vmin;font-weight:600;height:3.64583vmin;line-height:3.64583vmin;margin-top:1.5625vmin;margin-bottom:.52083vmin}.coupon-container .coupon-gift-title{display:flex;justify-content:center;align-items:center;height:4.6875vmin}.coupon-container .coupon-gift-title .title-txt{width:16.14583vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:1.5625vmin;font-weight:600;line-height:2.34375vmin;overflow:hidden}.coupon-container .coupon-usage{margin-top:2.08333vmin;font-size:1.5625vmin;font-weight:400;line-height:2.08333vmin;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis}.coupon-container .coupon-usage .qlive-coupon-btn{margin:1.5625vmin auto 0;width:14.58333vmin;display:flex;height:3.64583vmin;justify-content:center;align-items:center;gap:.52083vmin;border-radius:1.82292vmin;border:.13021vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .26042vmin .78125vmin 0 #ff5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;box-sizing:border-box;color:#ff5429;text-align:center;font-size:1.82292vmin;font-weight:600}.coupon-container .coupon-usage .disable-btn{border:none;background:#ebebeb;color:#b2b2b2}.coupon-container .coupon-usage .received-btn{border:1px solid #f8ffaa;opacity:0.4;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);color:#ff5429}.coupon-container .coupon-usage .discount-date-new{width:16.14583vmin;color:#ffffff;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"PingFang SC";font-size:1.43229vmin;font-style:normal;font-weight:400;line-height:2.08333vmin;margin:0 auto}}@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:28.57143vmin;background:none !important}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:3.1746vmin 1.26984vmin 1.26984vmin 1.26984vmin;width:98.5%;height:12.69841vmin;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;padding-top:0vmin !important}.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;height:100%;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:2.53968vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat;background-size:99% 99%;box-sizing:border-box}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:15.2381vmin;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:13.96825vmin}.styleType1_wrapper .is-gray{filter:grayscale(100%) opacity(0.5)}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:99% 99%}.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{width:12.69841vmin;margin:0 auto;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{position:relative;display:flex;flex-direction:column;justify-content:space-around;max-width:23.96825vmin;height:100%;box-sizing:border-box;padding:2.06349vmin 0 2.06349vmin 2.53968vmin;color:#666;font-size:1.90476vmin;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;line-height:2.53968vmin}.styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime{line-height:2.53968vmin}.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 .blank-item{flex:1}.styleType1_wrapper .coupon_style1 .couponState{width:11.42857vmin;height:4.44444vmin;line-height:4.44444vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:1.90476vmin}.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn{width:11.42857vmin}.styleType1_wrapper .coupon_style1 .couponState.vertical-btn{width:8.4127vmin}.styleType1_wrapper .coupon_style1 .couponState .couponBtn{width:100%;background:#FF5429;border-radius:4.44444vmin;color:#fff;font-size:1.90476vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .couponState .received{opacity:0.4}.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:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat !important;background-size:99% 99%}.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"}.coupon-container{height:34.92063vmin;width:20.95238vmin;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvx099r.png");background-size:100% 100%;padding-top:6.34921vmin;box-sizing:border-box}.coupon-container .coupon-title{width:19.68254vmin;margin:0 auto;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-size:1.90476vmin;font-weight:500;line-height:2.53968vmin;margin-top:1.90476vmin}.coupon-container .coupon-discount{margin-top:.63492vmin;color:#fffce0;line-height:5.07937vmin;font-size:4.44444vmin;font-weight:600;text-align:center}.coupon-container .coupon-discount .disc-logo{font-family:"D-DIN";font-size:3.1746vmin;line-height:3.1746vmin}.coupon-container .coupon-discount .disc-detail{font-family:"D-DIN"}.coupon-container .coupon-discount .discount-detail{color:#fffce0;text-align:center;font-size:1.90476vmin;line-height:2.53968vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coupon-container .coupon-discount .disc-bpart{font-size:3.1746vmin;line-height:3.1746vmin}.coupon-container .coupon-gift{display:flex;justify-content:center;align-items:center;flex-direction:column}.coupon-container .coupon-gift-label{width:19.68254vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:3.1746vmin;font-weight:600;height:4.44444vmin;line-height:4.44444vmin;margin-top:1.90476vmin;margin-bottom:.63492vmin}.coupon-container .coupon-gift-title{display:flex;justify-content:center;align-items:center;height:5.71429vmin}.coupon-container .coupon-gift-title .title-txt{width:19.68254vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:1.90476vmin;font-weight:600;line-height:2.85714vmin;overflow:hidden}.coupon-container .coupon-usage{margin-top:2.53968vmin;font-size:1.90476vmin;font-weight:400;line-height:2.53968vmin;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis}.coupon-container .coupon-usage .qlive-coupon-btn{margin:1.90476vmin auto 0;width:17.77778vmin;display:flex;height:4.44444vmin;justify-content:center;align-items:center;gap:.63492vmin;border-radius:2.22222vmin;border:.15873vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .31746vmin .95238vmin 0 #ff5034,0 .63492vmin .63492vmin 0 #ffffff33 inset;box-sizing:border-box;color:#ff5429;text-align:center;font-size:2.22222vmin;font-weight:600}.coupon-container .coupon-usage .disable-btn{border:none;background:#ebebeb;color:#b2b2b2}.coupon-container .coupon-usage .received-btn{border:1px solid #f8ffaa;opacity:0.4;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);color:#ff5429}.coupon-container .coupon-usage .discount-date-new{width:19.68254vmin;color:#ffffff;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"PingFang SC";font-size:1.74603vmin;font-style:normal;font-weight:400;line-height:2.53968vmin;margin:0 auto}}@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:23.4375vmin;background:none !important}.styleType1_wrapper.pop-card.vertical-screen .coupon_style1 .couponValue{padding:2.60417vmin 1.04167vmin 1.04167vmin 1.04167vmin;width:98.5%;height:10.41667vmin;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;padding-top:0vmin !important}.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;height:100%;margin:0 auto}.styleType1_wrapper.vertical-screen.not-pop-card{margin-bottom:2.08333vmin}.styleType1_wrapper.vertical-screen .coupon_style1{height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat;background-size:99% 99%;box-sizing:border-box}.styleType1_wrapper.vertical-screen .coupon_style1 .couponValue{width:12.5vmin;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:11.45833vmin}.styleType1_wrapper .is-gray{filter:grayscale(100%) opacity(0.5)}.styleType1_wrapper .coupon_style1{display:flex;align-items:center;position:relative;height:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png") center no-repeat;background-size:99% 99%}.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{width:10.41667vmin;margin:0 auto;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{position:relative;display:flex;flex-direction:column;justify-content:space-around;max-width:19.66146vmin;height:100%;box-sizing:border-box;padding:1.69271vmin 0 1.69271vmin 2.08333vmin;color:#666;font-size:1.5625vmin;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;line-height:2.08333vmin}.styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime{line-height:2.08333vmin}.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 .blank-item{flex:1}.styleType1_wrapper .coupon_style1 .couponState{width:9.375vmin;height:3.64583vmin;line-height:3.64583vmin;text-align:center;color:#fff;border:none;cursor:pointer;margin-right:1.5625vmin}.styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn{width:9.375vmin}.styleType1_wrapper .coupon_style1 .couponState.vertical-btn{width:6.90104vmin}.styleType1_wrapper .coupon_style1 .couponState .couponBtn{width:100%;background:#FF5429;border-radius:3.64583vmin;color:#fff;font-size:1.5625vmin;font-weight:500;text-align:center;font-family:"PingFang SC"}.styleType1_wrapper .coupon_style1 .couponState .received{opacity:0.4}.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:100%;width:100%;background:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png") no-repeat !important;background-size:99% 99%}.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"}.coupon-container{height:28.64583vmin;width:17.1875vmin;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvx099r.png");background-size:100% 100%;padding-top:5.20833vmin;box-sizing:border-box}.coupon-container .coupon-title{width:16.14583vmin;margin:0 auto;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-size:1.5625vmin;font-weight:500;line-height:2.08333vmin;margin-top:1.5625vmin}.coupon-container .coupon-discount{margin-top:.52083vmin;color:#fffce0;line-height:4.16667vmin;font-size:3.64583vmin;font-weight:600;text-align:center}.coupon-container .coupon-discount .disc-logo{font-family:"D-DIN";font-size:2.60417vmin;line-height:2.60417vmin}.coupon-container .coupon-discount .disc-detail{font-family:"D-DIN"}.coupon-container .coupon-discount .discount-detail{color:#fffce0;text-align:center;font-size:1.5625vmin;line-height:2.08333vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coupon-container .coupon-discount .disc-bpart{font-size:2.60417vmin;line-height:2.60417vmin}.coupon-container .coupon-gift{display:flex;justify-content:center;align-items:center;flex-direction:column}.coupon-container .coupon-gift-label{width:16.14583vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:2.60417vmin;font-weight:600;height:3.64583vmin;line-height:3.64583vmin;margin-top:1.5625vmin;margin-bottom:.52083vmin}.coupon-container .coupon-gift-title{display:flex;justify-content:center;align-items:center;height:4.6875vmin}.coupon-container .coupon-gift-title .title-txt{width:16.14583vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:1.5625vmin;font-weight:600;line-height:2.34375vmin;overflow:hidden}.coupon-container .coupon-usage{margin-top:2.08333vmin;font-size:1.5625vmin;font-weight:400;line-height:2.08333vmin;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis}.coupon-container .coupon-usage .qlive-coupon-btn{margin:1.5625vmin auto 0;width:14.58333vmin;display:flex;height:3.64583vmin;justify-content:center;align-items:center;gap:.52083vmin;border-radius:1.82292vmin;border:.13021vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .26042vmin .78125vmin 0 #ff5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;box-sizing:border-box;color:#ff5429;text-align:center;font-size:1.82292vmin;font-weight:600}.coupon-container .coupon-usage .disable-btn{border:none;background:#ebebeb;color:#b2b2b2}.coupon-container .coupon-usage .received-btn{border:1px solid #f8ffaa;opacity:0.4;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);color:#ff5429}.coupon-container .coupon-usage .discount-date-new{width:16.14583vmin;color:#ffffff;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"PingFang SC";font-size:1.43229vmin;font-style:normal;font-weight:400;line-height:2.08333vmin;margin:0 auto}}
|
|
@@ -75,7 +75,7 @@ Component({
|
|
|
75
75
|
|
|
76
76
|
computed: {
|
|
77
77
|
customStyle(data) {
|
|
78
|
-
return ['bottom', 'top'].includes(data.popPosition) ? '' : 'width:
|
|
78
|
+
return ['bottom', 'top'].includes(data.popPosition) ? '' : 'width: 100vmin; height: 100%';
|
|
79
79
|
},
|
|
80
80
|
isIndexList(data) {
|
|
81
81
|
return data.simpleRouter === 'index';
|
|
@@ -302,7 +302,7 @@ Component({
|
|
|
302
302
|
let state = this.data.componentsState;
|
|
303
303
|
getMyCouponList(data)
|
|
304
304
|
.then(res => {
|
|
305
|
-
let couponList =
|
|
305
|
+
let couponList = this.data.couponList,
|
|
306
306
|
finished = true,
|
|
307
307
|
loading = false;
|
|
308
308
|
const { code, data } = res.data;
|
|
@@ -6,15 +6,26 @@ $deviceWidth: 750;
|
|
|
6
6
|
@mixin coupon-receive {
|
|
7
7
|
.receive-popup {
|
|
8
8
|
background-color: transparent;
|
|
9
|
+
overflow: visible !important;
|
|
9
10
|
}
|
|
10
11
|
.receive-container {
|
|
11
12
|
transform: scale(0.8);
|
|
12
13
|
margin-top: vmin(-16);
|
|
14
|
+
// 全屏互动使用vmin
|
|
15
|
+
.receive-container-new {
|
|
16
|
+
width: vmin(480);
|
|
17
|
+
height: vmin(800);
|
|
18
|
+
background-size: contain;
|
|
19
|
+
}
|
|
13
20
|
}
|
|
14
21
|
.receive-container-new {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
22
|
+
// 在ios上使用vmin导致背景被截断,先用rpx了,调试太麻烦了,从简吧
|
|
23
|
+
width: 480rpx;
|
|
24
|
+
height: 800rpx;
|
|
25
|
+
transform: translateY(#{vmin(-40)});
|
|
26
|
+
background-size: 480rpx 800rpx;
|
|
27
|
+
background-position: center;
|
|
28
|
+
background-repeat: no-repeat;
|
|
18
29
|
background-image: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvm0oyn.png');
|
|
19
30
|
display: flex;
|
|
20
31
|
flex-flow: wrap;
|
|
@@ -190,11 +201,12 @@ $deviceWidth: 750;
|
|
|
190
201
|
font-family: "PingFang SC";
|
|
191
202
|
font-size: vmin(32);
|
|
192
203
|
font-weight: 600;
|
|
193
|
-
margin-top: vmin(
|
|
194
|
-
height: vmin(
|
|
204
|
+
margin-top: vmin(32);
|
|
205
|
+
height: vmin(80);
|
|
195
206
|
}
|
|
196
207
|
&__close {
|
|
197
208
|
position: absolute;
|
|
209
|
+
transform: translateY(#{vmin(-40)});
|
|
198
210
|
top: 0;
|
|
199
211
|
right: 0;
|
|
200
212
|
width: vmin(64);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.coupon-receive .receive-popup{background-color:transparent}.coupon-receive .receive-container{transform:scale(0.8);margin-top:-2.13333vmin}.coupon-receive .receive-container-new{width:64vmin;height:106.66667vmin;background-size:100% 100%;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvm0oyn.png");display:flex;flex-flow:wrap}.coupon-receive .receive-container-new__content{width:100%;display:flex;flex-direction:column;padding:29.86667vmin 0 0;box-sizing:border-box}.coupon-receive .receive-container-new__content-title{margin:6.4vmin auto 0;width:58.13333vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fffce0;text-align:center;font-family:"PingFang SC";font-size:4.8vmin;font-style:normal;font-weight:500;line-height:6.4vmin}.coupon-receive .receive-container-new__content-price{margin-top:3.2vmin;font-family:"D-DIN";color:#fffce0;font-size:10.66667vmin;font-style:normal;font-weight:600;text-align:center;display:flex;width:100%;justify-content:center;align-items:baseline}.coupon-receive .receive-container-new__content-price .smallIcon{display:inline-block;font-size:7.46667vmin;line-height:7.46667vmin;font-family:"D-DIN"}.coupon-receive .receive-container-new__content-price .boldIcon{font-family:"D-DIN"}.coupon-receive .receive-container-new__content-detail{margin-top:1.6vmin;color:#fffce0;text-align:center;font-family:"PingFang SC";font-size:4.26667vmin;font-style:normal;font-weight:400;line-height:6.4vmin}.coupon-receive .receive-container-new__content-gift .label{margin:6.4vmin auto 3.2vmin;width:58.13333vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:8.53333vmin;font-weight:600;height:10.66667vmin;line-height:10.66667vmin}.coupon-receive .receive-container-new__content-gift .title{display:flex;justify-content:center;align-items:center;height:12.8vmin}.coupon-receive .receive-container-new__content-gift .title .title-txt{width:48vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:4.8vmin;font-weight:600;line-height:6.4vmin;overflow:hidden}.coupon-receive .receive-container-new__content-describe{margin-top:10.13333vmin;font-family:"PingFang SC";font-size:3.73333vmin;font-style:normal;font-weight:400;line-height:5.33333vmin}.coupon-receive .receive-container-new__content-describe text{width:100%;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis;display:block;margin-bottom:1.06667vmin}.coupon-receive .receive-container-new__btn_box{display:flex;align-items:center;justify-content:center;padding:0 4.26667vmin;box-sizing:border-box}.coupon-receive .receive-container-new__coupon_btn{display:flex;width:21.33333vmin;color:#fff1c0;text-align:center;font-family:"PingFang SC";font-size:4.26667vmin;height:10.66667vmin;line-height:10.66667vmin;justify-content:center;align-items:center;gap:1.06667vmin;flex-shrink:0;border-radius:5.33333vmin;border:.26667vmin solid #F8FFAA;background:linear-gradient(0deg, #ffffe91a 0%, #ffe4991a 100%);box-shadow:0 .53333vmin 1.6vmin 0 #FF5034,0 1.06667vmin 1.06667vmin 0 #ffffff33 inset;margin:3.2vmin auto 0;cursor:pointer}.coupon-receive .receive-container-new__btn{display:flex;width:28.8vmin;height:10.66667vmin;line-height:10.66667vmin;justify-content:center;align-items:center;gap:1.06667vmin;flex-shrink:0;border-radius:5.33333vmin;border:.26667vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .53333vmin 1.6vmin 0 #ff5034,0 1.06667vmin 1.06667vmin 0 #ffffff33 inset;color:#ff5429;text-align:center;font-family:"PingFang SC";font-size:4.26667vmin;font-style:normal;font-weight:500;line-height:6.4vmin;box-sizing:border-box;margin:3.2vmin auto 0;cursor:pointer}.coupon-receive .receive-container-new__gift-check-btn{display:flex;width:51.2vmin;padding:2.66667vmin 8.26667vmin;box-sizing:border-box;justify-content:center;align-items:center;border-radius:5.33333vmin;border:.26667vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .53333vmin 1.6vmin 0 #FF5034,0 1.06667vmin 1.06667vmin 0 #ffffff33 inset;color:#ff5429;text-align:center;font-family:"PingFang SC";font-size:4.26667vmin;font-weight:600;margin-top:3.2vmin;height:11.73333vmin}.coupon-receive .receive-container-new__close{position:absolute;top:0;right:0;width:8.53333vmin;height:8.53333vmin}@media screen and (min-width: 768px) and (orientation: portrait){.coupon-receive .receive-popup{background-color:transparent}.coupon-receive .receive-container{transform:scale(0.8);margin-top:-1.04167vmin}.coupon-receive .receive-container-new{width:31.25vmin;height:52.08333vmin;background-size:100% 100%;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvm0oyn.png");display:flex;flex-flow:wrap}.coupon-receive .receive-container-new__content{width:100%;display:flex;flex-direction:column;padding:14.58333vmin 0 0;box-sizing:border-box}.coupon-receive .receive-container-new__content-title{margin:3.125vmin auto 0;width:28.38542vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fffce0;text-align:center;font-family:"PingFang SC";font-size:2.34375vmin;font-style:normal;font-weight:500;line-height:3.125vmin}.coupon-receive .receive-container-new__content-price{margin-top:1.5625vmin;font-family:"D-DIN";color:#fffce0;font-size:5.20833vmin;font-style:normal;font-weight:600;text-align:center;display:flex;width:100%;justify-content:center;align-items:baseline}.coupon-receive .receive-container-new__content-price .smallIcon{display:inline-block;font-size:3.64583vmin;line-height:3.64583vmin;font-family:"D-DIN"}.coupon-receive .receive-container-new__content-price .boldIcon{font-family:"D-DIN"}.coupon-receive .receive-container-new__content-detail{margin-top:.78125vmin;color:#fffce0;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;font-style:normal;font-weight:400;line-height:3.125vmin}.coupon-receive .receive-container-new__content-gift .label{margin:3.125vmin auto 1.5625vmin;width:28.38542vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:4.16667vmin;font-weight:600;height:5.20833vmin;line-height:5.20833vmin}.coupon-receive .receive-container-new__content-gift .title{display:flex;justify-content:center;align-items:center;height:6.25vmin}.coupon-receive .receive-container-new__content-gift .title .title-txt{width:23.4375vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:2.34375vmin;font-weight:600;line-height:3.125vmin;overflow:hidden}.coupon-receive .receive-container-new__content-describe{margin-top:4.94792vmin;font-family:"PingFang SC";font-size:1.82292vmin;font-style:normal;font-weight:400;line-height:2.60417vmin}.coupon-receive .receive-container-new__content-describe text{width:100%;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis;display:block;margin-bottom:.52083vmin}.coupon-receive .receive-container-new__btn_box{display:flex;align-items:center;justify-content:center;padding:0 2.08333vmin;box-sizing:border-box}.coupon-receive .receive-container-new__coupon_btn{display:flex;width:10.41667vmin;color:#fff1c0;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;height:5.20833vmin;line-height:5.20833vmin;justify-content:center;align-items:center;gap:.52083vmin;flex-shrink:0;border-radius:2.60417vmin;border:.13021vmin solid #F8FFAA;background:linear-gradient(0deg, #ffffe91a 0%, #ffe4991a 100%);box-shadow:0 .26042vmin .78125vmin 0 #FF5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;margin:1.5625vmin auto 0;cursor:pointer}.coupon-receive .receive-container-new__btn{display:flex;width:14.0625vmin;height:5.20833vmin;line-height:5.20833vmin;justify-content:center;align-items:center;gap:.52083vmin;flex-shrink:0;border-radius:2.60417vmin;border:.13021vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .26042vmin .78125vmin 0 #ff5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;color:#ff5429;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;font-style:normal;font-weight:500;line-height:3.125vmin;box-sizing:border-box;margin:1.5625vmin auto 0;cursor:pointer}.coupon-receive .receive-container-new__gift-check-btn{display:flex;width:25vmin;padding:1.30208vmin 4.03646vmin;box-sizing:border-box;justify-content:center;align-items:center;border-radius:2.60417vmin;border:.13021vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .26042vmin .78125vmin 0 #FF5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;color:#ff5429;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;font-weight:600;margin-top:1.5625vmin;height:5.72917vmin}.coupon-receive .receive-container-new__close{position:absolute;top:0;right:0;width:4.16667vmin;height:4.16667vmin}}@media screen and (min-height: 768px) and (orientation: landscape){.coupon-receive .receive-popup{background-color:transparent}.coupon-receive .receive-container{transform:scale(0.8);margin-top:-1.04167vmin}.coupon-receive .receive-container-new{width:31.25vmin;height:52.08333vmin;background-size:100% 100%;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvm0oyn.png");display:flex;flex-flow:wrap}.coupon-receive .receive-container-new__content{width:100%;display:flex;flex-direction:column;padding:14.58333vmin 0 0;box-sizing:border-box}.coupon-receive .receive-container-new__content-title{margin:3.125vmin auto 0;width:28.38542vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fffce0;text-align:center;font-family:"PingFang SC";font-size:2.34375vmin;font-style:normal;font-weight:500;line-height:3.125vmin}.coupon-receive .receive-container-new__content-price{margin-top:1.5625vmin;font-family:"D-DIN";color:#fffce0;font-size:5.20833vmin;font-style:normal;font-weight:600;text-align:center;display:flex;width:100%;justify-content:center;align-items:baseline}.coupon-receive .receive-container-new__content-price .smallIcon{display:inline-block;font-size:3.64583vmin;line-height:3.64583vmin;font-family:"D-DIN"}.coupon-receive .receive-container-new__content-price .boldIcon{font-family:"D-DIN"}.coupon-receive .receive-container-new__content-detail{margin-top:.78125vmin;color:#fffce0;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;font-style:normal;font-weight:400;line-height:3.125vmin}.coupon-receive .receive-container-new__content-gift .label{margin:3.125vmin auto 1.5625vmin;width:28.38542vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:4.16667vmin;font-weight:600;height:5.20833vmin;line-height:5.20833vmin}.coupon-receive .receive-container-new__content-gift .title{display:flex;justify-content:center;align-items:center;height:6.25vmin}.coupon-receive .receive-container-new__content-gift .title .title-txt{width:23.4375vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:2.34375vmin;font-weight:600;line-height:3.125vmin;overflow:hidden}.coupon-receive .receive-container-new__content-describe{margin-top:4.94792vmin;font-family:"PingFang SC";font-size:1.82292vmin;font-style:normal;font-weight:400;line-height:2.60417vmin}.coupon-receive .receive-container-new__content-describe text{width:100%;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis;display:block;margin-bottom:.52083vmin}.coupon-receive .receive-container-new__btn_box{display:flex;align-items:center;justify-content:center;padding:0 2.08333vmin;box-sizing:border-box}.coupon-receive .receive-container-new__coupon_btn{display:flex;width:10.41667vmin;color:#fff1c0;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;height:5.20833vmin;line-height:5.20833vmin;justify-content:center;align-items:center;gap:.52083vmin;flex-shrink:0;border-radius:2.60417vmin;border:.13021vmin solid #F8FFAA;background:linear-gradient(0deg, #ffffe91a 0%, #ffe4991a 100%);box-shadow:0 .26042vmin .78125vmin 0 #FF5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;margin:1.5625vmin auto 0;cursor:pointer}.coupon-receive .receive-container-new__btn{display:flex;width:14.0625vmin;height:5.20833vmin;line-height:5.20833vmin;justify-content:center;align-items:center;gap:.52083vmin;flex-shrink:0;border-radius:2.60417vmin;border:.13021vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .26042vmin .78125vmin 0 #ff5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;color:#ff5429;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;font-style:normal;font-weight:500;line-height:3.125vmin;box-sizing:border-box;margin:1.5625vmin auto 0;cursor:pointer}.coupon-receive .receive-container-new__gift-check-btn{display:flex;width:25vmin;padding:1.30208vmin 4.03646vmin;box-sizing:border-box;justify-content:center;align-items:center;border-radius:2.60417vmin;border:.13021vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .26042vmin .78125vmin 0 #FF5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;color:#ff5429;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;font-weight:600;margin-top:1.5625vmin;height:5.72917vmin}.coupon-receive .receive-container-new__close{position:absolute;top:0;right:0;width:4.16667vmin;height:4.16667vmin}}
|
|
1
|
+
.coupon-receive .receive-popup{background-color:transparent;overflow:visible !important}.coupon-receive .receive-container{transform:scale(0.8);margin-top:-2.13333vmin}.coupon-receive .receive-container .receive-container-new{width:64vmin;height:106.66667vmin;background-size:contain}.coupon-receive .receive-container-new{width:480rpx;height:800rpx;transform:translateY(-5.33333vmin);background-size:480rpx 800rpx;background-position:center;background-repeat:no-repeat;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvm0oyn.png");display:flex;flex-flow:wrap}.coupon-receive .receive-container-new__content{width:100%;display:flex;flex-direction:column;padding:29.86667vmin 0 0;box-sizing:border-box}.coupon-receive .receive-container-new__content-title{margin:6.4vmin auto 0;width:58.13333vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fffce0;text-align:center;font-family:"PingFang SC";font-size:4.8vmin;font-style:normal;font-weight:500;line-height:6.4vmin}.coupon-receive .receive-container-new__content-price{margin-top:3.2vmin;font-family:"D-DIN";color:#fffce0;font-size:10.66667vmin;font-style:normal;font-weight:600;text-align:center;display:flex;width:100%;justify-content:center;align-items:baseline}.coupon-receive .receive-container-new__content-price .smallIcon{display:inline-block;font-size:7.46667vmin;line-height:7.46667vmin;font-family:"D-DIN"}.coupon-receive .receive-container-new__content-price .boldIcon{font-family:"D-DIN"}.coupon-receive .receive-container-new__content-detail{margin-top:1.6vmin;color:#fffce0;text-align:center;font-family:"PingFang SC";font-size:4.26667vmin;font-style:normal;font-weight:400;line-height:6.4vmin}.coupon-receive .receive-container-new__content-gift .label{margin:6.4vmin auto 3.2vmin;width:58.13333vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:8.53333vmin;font-weight:600;height:10.66667vmin;line-height:10.66667vmin}.coupon-receive .receive-container-new__content-gift .title{display:flex;justify-content:center;align-items:center;height:12.8vmin}.coupon-receive .receive-container-new__content-gift .title .title-txt{width:48vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:4.8vmin;font-weight:600;line-height:6.4vmin;overflow:hidden}.coupon-receive .receive-container-new__content-describe{margin-top:10.13333vmin;font-family:"PingFang SC";font-size:3.73333vmin;font-style:normal;font-weight:400;line-height:5.33333vmin}.coupon-receive .receive-container-new__content-describe text{width:100%;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis;display:block;margin-bottom:1.06667vmin}.coupon-receive .receive-container-new__btn_box{display:flex;align-items:center;justify-content:center;padding:0 4.26667vmin;box-sizing:border-box}.coupon-receive .receive-container-new__coupon_btn{display:flex;width:21.33333vmin;color:#fff1c0;text-align:center;font-family:"PingFang SC";font-size:4.26667vmin;height:10.66667vmin;line-height:10.66667vmin;justify-content:center;align-items:center;gap:1.06667vmin;flex-shrink:0;border-radius:5.33333vmin;border:.26667vmin solid #F8FFAA;background:linear-gradient(0deg, #ffffe91a 0%, #ffe4991a 100%);box-shadow:0 .53333vmin 1.6vmin 0 #FF5034,0 1.06667vmin 1.06667vmin 0 #ffffff33 inset;margin:3.2vmin auto 0;cursor:pointer}.coupon-receive .receive-container-new__btn{display:flex;width:28.8vmin;height:10.66667vmin;line-height:10.66667vmin;justify-content:center;align-items:center;gap:1.06667vmin;flex-shrink:0;border-radius:5.33333vmin;border:.26667vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .53333vmin 1.6vmin 0 #ff5034,0 1.06667vmin 1.06667vmin 0 #ffffff33 inset;color:#ff5429;text-align:center;font-family:"PingFang SC";font-size:4.26667vmin;font-style:normal;font-weight:500;line-height:6.4vmin;box-sizing:border-box;margin:3.2vmin auto 0;cursor:pointer}.coupon-receive .receive-container-new__gift-check-btn{display:flex;width:51.2vmin;padding:2.66667vmin 8.26667vmin;box-sizing:border-box;justify-content:center;align-items:center;border-radius:5.33333vmin;border:.26667vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .53333vmin 1.6vmin 0 #FF5034,0 1.06667vmin 1.06667vmin 0 #ffffff33 inset;color:#ff5429;text-align:center;font-family:"PingFang SC";font-size:4.26667vmin;font-weight:600;margin-top:4.26667vmin;height:10.66667vmin}.coupon-receive .receive-container-new__close{position:absolute;transform:translateY(-5.33333vmin);top:0;right:0;width:8.53333vmin;height:8.53333vmin}@media screen and (min-width: 768px) and (orientation: portrait){.coupon-receive .receive-popup{background-color:transparent;overflow:visible !important}.coupon-receive .receive-container{transform:scale(0.8);margin-top:-1.04167vmin}.coupon-receive .receive-container .receive-container-new{width:31.25vmin;height:52.08333vmin;background-size:contain}.coupon-receive .receive-container-new{width:480rpx;height:800rpx;transform:translateY(-2.60417vmin);background-size:480rpx 800rpx;background-position:center;background-repeat:no-repeat;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvm0oyn.png");display:flex;flex-flow:wrap}.coupon-receive .receive-container-new__content{width:100%;display:flex;flex-direction:column;padding:14.58333vmin 0 0;box-sizing:border-box}.coupon-receive .receive-container-new__content-title{margin:3.125vmin auto 0;width:28.38542vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fffce0;text-align:center;font-family:"PingFang SC";font-size:2.34375vmin;font-style:normal;font-weight:500;line-height:3.125vmin}.coupon-receive .receive-container-new__content-price{margin-top:1.5625vmin;font-family:"D-DIN";color:#fffce0;font-size:5.20833vmin;font-style:normal;font-weight:600;text-align:center;display:flex;width:100%;justify-content:center;align-items:baseline}.coupon-receive .receive-container-new__content-price .smallIcon{display:inline-block;font-size:3.64583vmin;line-height:3.64583vmin;font-family:"D-DIN"}.coupon-receive .receive-container-new__content-price .boldIcon{font-family:"D-DIN"}.coupon-receive .receive-container-new__content-detail{margin-top:.78125vmin;color:#fffce0;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;font-style:normal;font-weight:400;line-height:3.125vmin}.coupon-receive .receive-container-new__content-gift .label{margin:3.125vmin auto 1.5625vmin;width:28.38542vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:4.16667vmin;font-weight:600;height:5.20833vmin;line-height:5.20833vmin}.coupon-receive .receive-container-new__content-gift .title{display:flex;justify-content:center;align-items:center;height:6.25vmin}.coupon-receive .receive-container-new__content-gift .title .title-txt{width:23.4375vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:2.34375vmin;font-weight:600;line-height:3.125vmin;overflow:hidden}.coupon-receive .receive-container-new__content-describe{margin-top:4.94792vmin;font-family:"PingFang SC";font-size:1.82292vmin;font-style:normal;font-weight:400;line-height:2.60417vmin}.coupon-receive .receive-container-new__content-describe text{width:100%;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis;display:block;margin-bottom:.52083vmin}.coupon-receive .receive-container-new__btn_box{display:flex;align-items:center;justify-content:center;padding:0 2.08333vmin;box-sizing:border-box}.coupon-receive .receive-container-new__coupon_btn{display:flex;width:10.41667vmin;color:#fff1c0;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;height:5.20833vmin;line-height:5.20833vmin;justify-content:center;align-items:center;gap:.52083vmin;flex-shrink:0;border-radius:2.60417vmin;border:.13021vmin solid #F8FFAA;background:linear-gradient(0deg, #ffffe91a 0%, #ffe4991a 100%);box-shadow:0 .26042vmin .78125vmin 0 #FF5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;margin:1.5625vmin auto 0;cursor:pointer}.coupon-receive .receive-container-new__btn{display:flex;width:14.0625vmin;height:5.20833vmin;line-height:5.20833vmin;justify-content:center;align-items:center;gap:.52083vmin;flex-shrink:0;border-radius:2.60417vmin;border:.13021vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .26042vmin .78125vmin 0 #ff5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;color:#ff5429;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;font-style:normal;font-weight:500;line-height:3.125vmin;box-sizing:border-box;margin:1.5625vmin auto 0;cursor:pointer}.coupon-receive .receive-container-new__gift-check-btn{display:flex;width:25vmin;padding:1.30208vmin 4.03646vmin;box-sizing:border-box;justify-content:center;align-items:center;border-radius:2.60417vmin;border:.13021vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .26042vmin .78125vmin 0 #FF5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;color:#ff5429;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;font-weight:600;margin-top:2.08333vmin;height:5.20833vmin}.coupon-receive .receive-container-new__close{position:absolute;transform:translateY(-2.60417vmin);top:0;right:0;width:4.16667vmin;height:4.16667vmin}}@media screen and (min-height: 768px) and (orientation: landscape){.coupon-receive .receive-popup{background-color:transparent;overflow:visible !important}.coupon-receive .receive-container{transform:scale(0.8);margin-top:-1.04167vmin}.coupon-receive .receive-container .receive-container-new{width:31.25vmin;height:52.08333vmin;background-size:contain}.coupon-receive .receive-container-new{width:480rpx;height:800rpx;transform:translateY(-2.60417vmin);background-size:480rpx 800rpx;background-position:center;background-repeat:no-repeat;background-image:url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luc13xvm0oyn.png");display:flex;flex-flow:wrap}.coupon-receive .receive-container-new__content{width:100%;display:flex;flex-direction:column;padding:14.58333vmin 0 0;box-sizing:border-box}.coupon-receive .receive-container-new__content-title{margin:3.125vmin auto 0;width:28.38542vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fffce0;text-align:center;font-family:"PingFang SC";font-size:2.34375vmin;font-style:normal;font-weight:500;line-height:3.125vmin}.coupon-receive .receive-container-new__content-price{margin-top:1.5625vmin;font-family:"D-DIN";color:#fffce0;font-size:5.20833vmin;font-style:normal;font-weight:600;text-align:center;display:flex;width:100%;justify-content:center;align-items:baseline}.coupon-receive .receive-container-new__content-price .smallIcon{display:inline-block;font-size:3.64583vmin;line-height:3.64583vmin;font-family:"D-DIN"}.coupon-receive .receive-container-new__content-price .boldIcon{font-family:"D-DIN"}.coupon-receive .receive-container-new__content-detail{margin-top:.78125vmin;color:#fffce0;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;font-style:normal;font-weight:400;line-height:3.125vmin}.coupon-receive .receive-container-new__content-gift .label{margin:3.125vmin auto 1.5625vmin;width:28.38542vmin;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fffce0;font-family:"PingFang SC";font-size:4.16667vmin;font-weight:600;height:5.20833vmin;line-height:5.20833vmin}.coupon-receive .receive-container-new__content-gift .title{display:flex;justify-content:center;align-items:center;height:6.25vmin}.coupon-receive .receive-container-new__content-gift .title .title-txt{width:23.4375vmin;color:#fffce0;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:"PingFang SC";font-size:2.34375vmin;font-weight:600;line-height:3.125vmin;overflow:hidden}.coupon-receive .receive-container-new__content-describe{margin-top:4.94792vmin;font-family:"PingFang SC";font-size:1.82292vmin;font-style:normal;font-weight:400;line-height:2.60417vmin}.coupon-receive .receive-container-new__content-describe text{width:100%;overflow:hidden;color:#ffffff;text-align:center;text-overflow:ellipsis;display:block;margin-bottom:.52083vmin}.coupon-receive .receive-container-new__btn_box{display:flex;align-items:center;justify-content:center;padding:0 2.08333vmin;box-sizing:border-box}.coupon-receive .receive-container-new__coupon_btn{display:flex;width:10.41667vmin;color:#fff1c0;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;height:5.20833vmin;line-height:5.20833vmin;justify-content:center;align-items:center;gap:.52083vmin;flex-shrink:0;border-radius:2.60417vmin;border:.13021vmin solid #F8FFAA;background:linear-gradient(0deg, #ffffe91a 0%, #ffe4991a 100%);box-shadow:0 .26042vmin .78125vmin 0 #FF5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;margin:1.5625vmin auto 0;cursor:pointer}.coupon-receive .receive-container-new__btn{display:flex;width:14.0625vmin;height:5.20833vmin;line-height:5.20833vmin;justify-content:center;align-items:center;gap:.52083vmin;flex-shrink:0;border-radius:2.60417vmin;border:.13021vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .26042vmin .78125vmin 0 #ff5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;color:#ff5429;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;font-style:normal;font-weight:500;line-height:3.125vmin;box-sizing:border-box;margin:1.5625vmin auto 0;cursor:pointer}.coupon-receive .receive-container-new__gift-check-btn{display:flex;width:25vmin;padding:1.30208vmin 4.03646vmin;box-sizing:border-box;justify-content:center;align-items:center;border-radius:2.60417vmin;border:.13021vmin solid #f8ffaa;background:linear-gradient(0deg, #ffffe9 0%, #ffe499 100%);box-shadow:0 .26042vmin .78125vmin 0 #FF5034,0 .52083vmin .52083vmin 0 #ffffff33 inset;color:#ff5429;text-align:center;font-family:"PingFang SC";font-size:2.08333vmin;font-weight:600;margin-top:2.08333vmin;height:5.20833vmin}.coupon-receive .receive-container-new__close{position:absolute;transform:translateY(-2.60417vmin);top:0;right:0;width:4.16667vmin;height:4.16667vmin}}
|