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.
@@ -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
- if (val && this.data.isNewList) {
290
- this.initCouponType();
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
- // max-width: vmin(340);
226
+ max-width: vmin(302);
225
227
  height: 100%;
226
228
  box-sizing: border-box;
227
- padding: vmin(34) 0 vmin(34) vmin(32);
228
- color: #999999;
229
- font-size: vmin(20);
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
- height: vmin(48);
276
- line-height: vmin(48);
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(136);
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(48);
302
+ border-radius: vmin(56);
294
303
  color: rgba(255, 255, 255, 1);
295
304
  font-size: vmin(24);
296
305
  font-weight: 500;
@@ -58,6 +58,7 @@
58
58
  wx:if="{{!item.valid_day && item.valid_at && item.invalid_at}}">{{ time.formatDateToMinte(item.invalid_at) }}到期</text>
59
59
  </view>
60
60
  </view>
61
+ <view class="blank-item"></view>
61
62
 
62
63
  <!-- 右边优惠券领用状态, 讨论区跟列表不一样, 写两套了 -->
63
64
  <block wx:if="{{isNewList}}">
@@ -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: 4.53333vmin 0 4.53333vmin 4.26667vmin;
197
- color: #999999;
198
- font-size: 2.66667vmin;
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
- height: 6.4vmin;
236
- line-height: 6.4vmin;
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: 18.13333vmin;
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: 6.4vmin;
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: 2.21354vmin 0 2.21354vmin 2.08333vmin;
933
- color: #999999;
934
- font-size: 1.30208vmin;
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
- height: 3.125vmin;
972
- line-height: 3.125vmin;
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: 8.85417vmin;
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.125vmin;
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.69841vmin 0 2.69841vmin 2.53968vmin;
1670
- color: #999999;
1671
- font-size: 1.5873vmin;
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
- height: 3.80952vmin;
1709
- line-height: 3.80952vmin;
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: 10.79365vmin;
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: 3.80952vmin;
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: 2.21354vmin 0 2.21354vmin 2.08333vmin;
2407
- color: #999999;
2408
- font-size: 1.30208vmin;
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
- height: 3.125vmin;
2446
- line-height: 3.125vmin;
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: 8.85417vmin;
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.125vmin;
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: 375px; height: 100vmin';
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;
@@ -5,6 +5,7 @@
5
5
  round="{{ isRound }}"
6
6
  custom-class="coupon-list-popup"
7
7
  customStyle="{{ customStyle }}"
8
+ safe-area-inset-bottom="{{ false }}"
8
9
  bind:close="onClose"
9
10
  bind:click-overlay="onClose"
10
11
  zIndex="{{ zIndex }}"
@@ -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
- width: vmin(480);
16
- height: vmin(800);
17
- background-size: 100% 100%;
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(24);
194
- height: vmin(88);
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: 100% 100%;
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: 3.2vmin;
187
- height: 11.73333vmin;
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: 100% 100%;
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: 1.5625vmin;
383
- height: 5.72917vmin;
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: 100% 100%;
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: 1.5625vmin;
580
- height: 5.72917vmin;
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "xiaoe_mp_npm",
3
- "version": "1.0.15-test01",
3
+ "version": "1.0.15-test03",
4
4
  "description": "",
5
5
  "main": "miniprogram_dist/index.js",
6
6
  "scripts": {
@@ -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
- if (val && this.data.isNewList) {
290
- this.initCouponType();
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
- // max-width: vmin(340);
226
+ max-width: vmin(302);
225
227
  height: 100%;
226
228
  box-sizing: border-box;
227
- padding: vmin(34) 0 vmin(34) vmin(32);
228
- color: #999999;
229
- font-size: vmin(20);
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
- height: vmin(48);
276
- line-height: vmin(48);
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(136);
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(48);
302
+ border-radius: vmin(56);
294
303
  color: rgba(255, 255, 255, 1);
295
304
  font-size: vmin(24);
296
305
  font-weight: 500;
@@ -58,6 +58,7 @@
58
58
  wx:if="{{!item.valid_day && item.valid_at && item.invalid_at}}">{{ time.formatDateToMinte(item.invalid_at) }}到期</text>
59
59
  </view>
60
60
  </view>
61
+ <view class="blank-item"></view>
61
62
 
62
63
  <!-- 右边优惠券领用状态, 讨论区跟列表不一样, 写两套了 -->
63
64
  <block wx:if="{{isNewList}}">
@@ -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: 375px; height: 100vmin';
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;
@@ -5,6 +5,7 @@
5
5
  round="{{ isRound }}"
6
6
  custom-class="coupon-list-popup"
7
7
  customStyle="{{ customStyle }}"
8
+ safe-area-inset-bottom="{{ false }}"
8
9
  bind:close="onClose"
9
10
  bind:click-overlay="onClose"
10
11
  zIndex="{{ zIndex }}"
@@ -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
- width: vmin(480);
16
- height: vmin(800);
17
- background-size: 100% 100%;
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(24);
194
- height: vmin(88);
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}}