xiaoe_mp_npm 0.5.42-test2 → 0.5.42-test21

package/src/CouponList/components/CouponItem/index.wxss

@@ -1,23 +1,28 @@
+.styleType1_wrapper.pop-card {
+  width: 64.53333vmin;
+  margin-bottom: 0;
+}
+
 .styleType1_wrapper.vertical-screen {
-  width: 63.47vmin;
+  width: 63.46667vmin;
   margin: 0 auto;
 }
 
 .styleType1_wrapper.vertical-screen.not-pop-card {
-  margin-bottom: 4.27vmin;
+  margin-bottom: 4.26667vmin;
 }
 
 .styleType1_wrapper.vertical-screen .coupon_style1 {
-  height: 24.53vmin;
+  height: 24.53333vmin;
 }
 
 .styleType1_wrapper.full-screen-list {
-  width: 92.47vmin;
-  margin: 3.2vmin 4.27vmin 0 4.27vmin;
+  width: 92.53333vmin;
+  margin: 3.2vmin 4.26667vmin 0 4.26667vmin;
 }
 
 .styleType1_wrapper.full-screen-list .coupon_style1 {
-  height: 27vmin;
+  height: 26.93333vmin;
 }
 
 .styleType1_wrapper .coupon_style1 {
@@ -27,7 +32,7 @@
 }
 
 .styleType1_wrapper .coupon_style1 .couponValue {
-  padding: 2.13vmin;
+  padding: 2.13333vmin;
   min-width: 24.8vmin;
   height: 100%;
   background: #ff781f;
@@ -37,7 +42,7 @@
   justify-content: space-around;
   align-items: center;
   box-sizing: border-box;
-  border-radius: 2.13vmin 0 0 2.13vmin;
+  border-radius: 2.13333vmin 0 0 2.13333vmin;
 }
 
 .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
@@ -49,17 +54,17 @@
 }
 
 .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
-  margin-right: 0.53vmin;
-  font-size: 4.27vmin;
+  margin-right: 0.53333vmin;
+  font-size: 4.26667vmin;
 }
 
 .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-price {
   display: flex;
-  font-size: 10.67vmin;
+  font-size: 10.66667vmin;
 }
 
 .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .discountFont {
-  font-size: 4.27vmin;
+  font-size: 4.26667vmin;
   font-weight: 500;
 }
 
@@ -69,41 +74,41 @@
   font-weight: 500;
   font-family: "PingFang SC";
   text-align: center;
-  line-height: 4.27vmin;
+  line-height: 4.26667vmin;
 }
 
 .styleType1_wrapper .coupon_style1 .couponInfo {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
-  width: 68.07vmin;
+  width: 68vmin;
   height: 100%;
   box-sizing: border-box;
   background: white;
-  padding: 2.13vmin 0 2.13vmin 2.13vmin;
+  padding: 2.13333vmin 0 2.13333vmin 2.13333vmin;
   color: #999999;
-  font-size: 2.67vmin;
+  font-size: 2.66667vmin;
   line-height: 3.2vmin;
   font-weight: 400;
   text-align: left;
-  border-radius: 0 2.13vmin 2.13vmin 0;
+  border-radius: 0 2.13333vmin 2.13333vmin 0;
 }
 
 .styleType1_wrapper .coupon_style1 .couponInfo .couponName {
   color: #333333;
   font-size: 3.2vmin;
-  line-height: 4.27vmin;
-  height: 4.27vmin;
+  line-height: 4.26667vmin;
+  height: 4.26667vmin;
   width: 32.8vmin;
   font-weight: 700;
-  margin-bottom: 1.07vmin;
+  margin-bottom: 1.06667vmin;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
 .styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
-  margin-bottom: 0.53vmin;
+  margin-bottom: 0.53333vmin;
 }
 
 .styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
@@ -125,21 +130,21 @@
 
 .styleType1_wrapper .coupon_style1 .couponState {
   position: absolute;
-  right: 2.13vmin;
-  bottom: 2.13vmin;
+  right: 2.13333vmin;
+  bottom: 2.13333vmin;
   height: 6.4vmin;
   line-height: 6.4vmin;
-  border-radius: 3.73vmin;
+  border-radius: 3.73333vmin;
   border: 0;
   background: #ff781f;
 }
 
 .styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
-  width: 18.13vmin;
+  width: 18.13333vmin;
 }
 
 .styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
-  width: 14.93vmin;
+  width: 14.93333vmin;
 }
 
 .styleType1_wrapper .coupon_style1 .couponState .couponBtn {
@@ -154,7 +159,7 @@
   position: absolute;
   top: 0vmin;
   right: 0vmin;
-  width: 13.07vmin;
+  width: 13.06667vmin;
   height: 15.2vmin;
 }
 
@@ -163,18 +168,18 @@
   display: flex;
   background-color: #fff6f0;
   box-sizing: border-box;
-  border-radius: 0 0 0.53vmin 0.53vmin;
-  padding: 2.13vmin;
+  border-radius: 0 0 0.53333vmin 0.53333vmin;
+  padding: 2.13333vmin;
   padding-top: 5vmin;
   color: #666666;
-  font-size: 2.67vmin;
+  font-size: 2.66667vmin;
   margin-top: -2vmin;
   text-align: left;
 }
 
 .styleType1_wrapper .detailInfo .disabledHint {
-  width: 3.73vmin;
-  margin-right: 1.33vmin;
+  width: 3.73333vmin;
+  margin-right: 1.33333vmin;
 }
 
 .styleType1_wrapper .detailInfo .instructions {
@@ -183,33 +188,12 @@
 
 .styleType1_wrapper .detailInfo .instructions .remark {
   color: #333333;
-  margin-bottom: 1.07vmin;
-}
-
-.disabledState {
-  background-color: #eeeeee !important;
-}
-
-.disabledState .couponValue {
-  background: #cdcdcd !important;
-}
-
-.whiteBg {
-  background-color: #fff !important;
-}
-
-.disabledHint {
-  width: 3.73vmin;
-  margin-right: 1.33vmin;
-}
-
-.unselectState {
-  background: #cdcdcd !important;
+  margin-bottom: 1.06667vmin;
 }
 
 .styleType2_wrapper {
   margin-bottom: 3.2vmin;
-  margin-right: 2.13vmin;
+  margin-right: 2.13333vmin;
 }
 
 .styleType2_wrapper .coupon_style2 {
@@ -219,7 +203,7 @@
   position: relative;
   overflow: hidden;
   width: 44.8vmin;
-  height: 21.33vmin;
+  height: 21.33333vmin;
   flex-shrink: 0;
 }
 
@@ -236,16 +220,16 @@
   display: inline-flex;
   flex-direction: column;
   box-sizing: border-box;
-  padding-left: 2.13vmin;
-  width: 36.27vmin;
+  padding-left: 2.13333vmin;
+  width: 36.26667vmin;
   height: 100%;
   font-family: "PingFang SC";
-  font-size: 2.67vmin;
+  font-size: 2.66667vmin;
   line-height: 3.2vmin;
 }
 
 .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop {
-  padding-top: 2.13vmin;
+  padding-top: 2.13333vmin;
   display: flex;
   flex-direction: row;
   align-items: flex-end;
@@ -263,7 +247,7 @@
 }
 
 .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol {
-  margin-right: 0.53vmin;
+  margin-right: 0.53333vmin;
   font-size: 3.2vmin;
 }
 
@@ -275,7 +259,7 @@
 .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .discountFont {
   font-size: 3.2vmin;
   font-weight: 500;
-  margin-left: 0.53vmin;
+  margin-left: 0.53333vmin;
 }
 
 .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom {
@@ -286,20 +270,20 @@
 }
 
 .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit {
-  margin-bottom: 0.53vmin;
+  margin-bottom: 0.53333vmin;
 }
 
 .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit .couponUseCondition {
-  font-size: 2.67vmin;
+  font-size: 2.66667vmin;
   font-weight: 400;
 }
 
 .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .couponUseHint {
-  margin-bottom: 0.53vmin;
+  margin-bottom: 0.53333vmin;
 }
 
 .styleType2_wrapper .coupon_style2 .couponStatewrapper {
-  width: 8.27vmin;
+  width: 8.26667vmin;
   height: 100%;
   /* -webkit-align-self: center; */
   -ms-flex-item-align: center;
@@ -313,7 +297,7 @@
 
 .styleType2_wrapper .coupon_style2 .couponStatewrapper .couponBtn {
   writing-mode: vertical-lr;
-  letter-spacing: 1.33vmin;
+  letter-spacing: 1.33333vmin;
   font-size: 3.2vmin;
   font-weight: 700;
   font-family: "PingFang SC";
@@ -324,11 +308,11 @@
   display: block;
   width: 100%;
   height: 15.2vmin;
-  border-left: 0.27vmin dashed #ff781f;
+  border-left: 0.26667vmin dashed #ff781f;
   -webkit-transform: scale(1.3);
   transform: scale(0.7, 1.1);
   position: absolute;
-  left: -1.33vmin;
+  left: -vmin(10);
   top: 3.07vmin;
 }
 
@@ -336,15 +320,10 @@
   position: absolute;
   top: 0vmin;
   right: 0vmin;
-  width: 13.07vmin;
+  width: 13.06667vmin;
   height: 15.2vmin;
 }
 
-.pop-card {
-  width: 64.47vmin;
-  margin-bottom: 0;
-}
-
 .styleType1_wrapper-v.vertical-screen {
   width: 35.2vmin;
   height: 48.53333vmin;
@@ -360,12 +339,12 @@
 }
 
 .styleType1_wrapper-v.full-screen-list {
-  width: 92.47vmin;
-  margin: 3.2vmin 4.27vmin 0 4.27vmin;
+  width: 92.53333vmin;
+  margin: 3.2vmin 4.26667vmin 0 4.26667vmin;
 }
 
 .styleType1_wrapper-v.full-screen-list .coupon_style1 {
-  height: 27vmin;
+  height: 26.93333vmin;
 }
 
 .styleType1_wrapper-v .coupon_style1 {
@@ -497,6 +476,287 @@
 }
 
 @media screen and (min-width: 768px) and (orientation: portrait) {
+  .styleType1_wrapper.pop-card {
+    width: 31.51042vmin;
+    margin-bottom: 0;
+  }
+  .styleType1_wrapper.vertical-screen {
+    width: 30.98958vmin;
+    margin: 0 auto;
+  }
+  .styleType1_wrapper.vertical-screen.not-pop-card {
+    margin-bottom: 2.08333vmin;
+  }
+  .styleType1_wrapper.vertical-screen .coupon_style1 {
+    height: 11.97917vmin;
+  }
+  .styleType1_wrapper.full-screen-list {
+    width: 45.18229vmin;
+    margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
+  }
+  .styleType1_wrapper.full-screen-list .coupon_style1 {
+    height: 13.15104vmin;
+  }
+  .styleType1_wrapper .coupon_style1 {
+    display: flex;
+    position: relative;
+    width: 100%;
+  }
+  .styleType1_wrapper .coupon_style1 .couponValue {
+    padding: 1.04167vmin;
+    min-width: 12.10938vmin;
+    height: 100%;
+    background: #ff781f;
+    color: #fff;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+    box-sizing: border-box;
+    border-radius: 1.04167vmin 0 0 1.04167vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    align-items: baseline;
+    font-weight: 700;
+  }
+  .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
+    margin-right: 0.26042vmin;
+    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 .couponUseCondition {
+    color: white;
+    font-size: 1.5625vmin;
+    font-weight: 500;
+    font-family: "PingFang SC";
+    text-align: center;
+    line-height: 2.08333vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponInfo {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    width: 33.20312vmin;
+    height: 100%;
+    box-sizing: border-box;
+    background: white;
+    padding: 1.04167vmin 0 1.04167vmin 1.04167vmin;
+    color: #999999;
+    font-size: 1.30208vmin;
+    line-height: 1.5625vmin;
+    font-weight: 400;
+    text-align: left;
+    border-radius: 0 1.04167vmin 1.04167vmin 0;
+  }
+  .styleType1_wrapper .coupon_style1 .couponInfo .couponName {
+    color: #333333;
+    font-size: 1.5625vmin;
+    line-height: 2.08333vmin;
+    height: 2.08333vmin;
+    width: 16.01562vmin;
+    font-weight: 700;
+    margin-bottom: 0.52083vmin;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
+    margin-bottom: 0.26042vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
+    margin-bottom: 4.8vmin;
+  }
+  .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: 0.39062vmin;
+    background-size: 100% 100%;
+  }
+  .styleType1_wrapper .coupon_style1 .couponState {
+    position: absolute;
+    right: 1.04167vmin;
+    bottom: 1.04167vmin;
+    height: 3.125vmin;
+    line-height: 3.125vmin;
+    border-radius: 1.82292vmin;
+    border: 0;
+    background: #ff781f;
+  }
+  .styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
+    width: 8.85417vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
+    width: 7.29167vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponState .couponBtn {
+    color: white;
+    font-size: 1.5625vmin;
+    font-weight: 700;
+    text-align: center;
+    font-family: "PingFang SC";
+  }
+  .styleType1_wrapper .coupon_style1 .hasReceivedStatus {
+    position: absolute;
+    top: 0vmin;
+    right: 0vmin;
+    width: 6.38021vmin;
+    height: 7.42188vmin;
+  }
+  .styleType1_wrapper .detailInfo {
+    width: 100%;
+    display: flex;
+    background-color: #fff6f0;
+    box-sizing: border-box;
+    border-radius: 0 0 0.26042vmin 0.26042vmin;
+    padding: 1.04167vmin;
+    padding-top: 2.44141vmin;
+    color: #666666;
+    font-size: 1.30208vmin;
+    margin-top: -2vmin;
+    text-align: left;
+  }
+  .styleType1_wrapper .detailInfo .disabledHint {
+    width: 1.82292vmin;
+    margin-right: 0.65104vmin;
+  }
+  .styleType1_wrapper .detailInfo .instructions {
+    word-break: break-all;
+  }
+  .styleType1_wrapper .detailInfo .instructions .remark {
+    color: #333333;
+    margin-bottom: 0.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 .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: 0.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: 0.26042vmin;
+  }
+  .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom {
+    font-weight: 400;
+    line-height: 1.5625vmin;
+    position: relative;
+    margin-top: 0.39062vmin;
+  }
+  .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit {
+    margin-bottom: 0.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: 0.26042vmin;
+  }
+  .styleType2_wrapper .coupon_style2 .couponStatewrapper {
+    width: 4.03646vmin;
+    height: 100%;
+    /* -webkit-align-self: center; */
+    -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: 0.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: 0.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: 17.1875vmin;
     height: 23.69792vmin;
@@ -509,11 +769,11 @@
     height: 11.19792vmin;
   }
   .styleType1_wrapper-v.full-screen-list {
-    width: 92.47vmin;
-    margin: 3.2vmin 4.27vmin 0 4.27vmin;
+    width: 45.18229vmin;
+    margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
   }
   .styleType1_wrapper-v.full-screen-list .coupon_style1 {
-    height: 27vmin;
+    height: 13.15104vmin;
   }
   .styleType1_wrapper-v .coupon_style1 {
     display: block;
@@ -628,7 +888,701 @@
   }
 }
 
-@media screen and (min-height: 768px) and (orientation: landscape) {
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  .styleType1_wrapper.pop-card {
+    width: 38.4127vmin;
+    margin-bottom: 0;
+  }
+  .styleType1_wrapper.vertical-screen {
+    width: 37.77778vmin;
+    margin: 0 auto;
+  }
+  .styleType1_wrapper.vertical-screen.not-pop-card {
+    margin-bottom: 2.53968vmin;
+  }
+  .styleType1_wrapper.vertical-screen .coupon_style1 {
+    height: 14.60317vmin;
+  }
+  .styleType1_wrapper.full-screen-list {
+    width: 55.07937vmin;
+    margin: 1.90476vmin 2.53968vmin 0 2.53968vmin;
+  }
+  .styleType1_wrapper.full-screen-list .coupon_style1 {
+    height: 16.03175vmin;
+  }
+  .styleType1_wrapper .coupon_style1 {
+    display: flex;
+    position: relative;
+    width: 100%;
+  }
+  .styleType1_wrapper .coupon_style1 .couponValue {
+    padding: 1.26984vmin;
+    min-width: 14.7619vmin;
+    height: 100%;
+    background: #ff781f;
+    color: #fff;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+    box-sizing: border-box;
+    border-radius: 1.26984vmin 0 0 1.26984vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    align-items: baseline;
+    font-weight: 700;
+  }
+  .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
+    margin-right: 0.31746vmin;
+    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 .couponUseCondition {
+    color: white;
+    font-size: 1.90476vmin;
+    font-weight: 500;
+    font-family: "PingFang SC";
+    text-align: center;
+    line-height: 2.53968vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponInfo {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    width: 40.47619vmin;
+    height: 100%;
+    box-sizing: border-box;
+    background: white;
+    padding: 1.26984vmin 0 1.26984vmin 1.26984vmin;
+    color: #999999;
+    font-size: 1.5873vmin;
+    line-height: 1.90476vmin;
+    font-weight: 400;
+    text-align: left;
+    border-radius: 0 1.26984vmin 1.26984vmin 0;
+  }
+  .styleType1_wrapper .coupon_style1 .couponInfo .couponName {
+    color: #333333;
+    font-size: 1.90476vmin;
+    line-height: 2.53968vmin;
+    height: 2.53968vmin;
+    width: 19.52381vmin;
+    font-weight: 700;
+    margin-bottom: 0.63492vmin;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
+    margin-bottom: 0.31746vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
+    margin-bottom: 4.8vmin;
+  }
+  .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: 0.47619vmin;
+    background-size: 100% 100%;
+  }
+  .styleType1_wrapper .coupon_style1 .couponState {
+    position: absolute;
+    right: 1.26984vmin;
+    bottom: 1.26984vmin;
+    height: 3.80952vmin;
+    line-height: 3.80952vmin;
+    border-radius: 2.22222vmin;
+    border: 0;
+    background: #ff781f;
+  }
+  .styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
+    width: 10.79365vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
+    width: 8.88889vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponState .couponBtn {
+    color: white;
+    font-size: 1.90476vmin;
+    font-weight: 700;
+    text-align: center;
+    font-family: "PingFang SC";
+  }
+  .styleType1_wrapper .coupon_style1 .hasReceivedStatus {
+    position: absolute;
+    top: 0vmin;
+    right: 0vmin;
+    width: 7.77778vmin;
+    height: 9.04762vmin;
+  }
+  .styleType1_wrapper .detailInfo {
+    width: 100%;
+    display: flex;
+    background-color: #fff6f0;
+    box-sizing: border-box;
+    border-radius: 0 0 0.31746vmin 0.31746vmin;
+    padding: 1.26984vmin;
+    padding-top: 2.97619vmin;
+    color: #666666;
+    font-size: 1.5873vmin;
+    margin-top: -2vmin;
+    text-align: left;
+  }
+  .styleType1_wrapper .detailInfo .disabledHint {
+    width: 2.22222vmin;
+    margin-right: 0.79365vmin;
+  }
+  .styleType1_wrapper .detailInfo .instructions {
+    word-break: break-all;
+  }
+  .styleType1_wrapper .detailInfo .instructions .remark {
+    color: #333333;
+    margin-bottom: 0.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 .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: 0.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: 0.31746vmin;
+  }
+  .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom {
+    font-weight: 400;
+    line-height: 1.90476vmin;
+    position: relative;
+    margin-top: 0.47619vmin;
+  }
+  .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit {
+    margin-bottom: 0.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: 0.31746vmin;
+  }
+  .styleType2_wrapper .coupon_style2 .couponStatewrapper {
+    width: 4.92063vmin;
+    height: 100%;
+    /* -webkit-align-self: center; */
+    -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: 0.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: 0.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: 20.95238vmin;
+    height: 28.88889vmin;
+    margin: 0 auto;
+  }
+  .styleType1_wrapper-v.vertical-screen.not-pop-card {
+    margin-bottom: 0;
+  }
+  .styleType1_wrapper-v.vertical-screen .coupon_style1 {
+    height: 13.65079vmin;
+  }
+  .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: block;
+    position: static;
+    width: 100%;
+  }
+  .styleType1_wrapper-v .coupon_style1 .couponValue {
+    padding: 1.98413vmin 0;
+    min-width: unset;
+    height: 13.65079vmin;
+    background: #ff781f;
+    color: #fff;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+    box-sizing: border-box;
+    border-radius: 1.26984vmin 1.26984vmin 0 0;
+  }
+  .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-weight: 700;
+  }
+  .styleType1_wrapper-v .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
+    margin-right: 0.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-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: white;
+    font-size: 1.90476vmin;
+    font-weight: 500;
+    font-family: "PingFang SC";
+    text-align: center;
+    line-height: 2.53968vmin;
+  }
+  .styleType1_wrapper-v .coupon_style1 .couponInfo {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    width: 100%;
+    height: 15.2381vmin;
+    box-sizing: border-box;
+    background: white;
+    padding: 1.26984vmin;
+    color: #999999;
+    font-size: 1.5873vmin;
+    line-height: 1.5873vmin;
+    font-weight: 400;
+    text-align: left;
+    border-radius: 0 0 1.26984vmin 1.26984vmin;
+  }
+  .styleType1_wrapper-v .coupon_style1 .couponInfo .couponName {
+    color: #333;
+    font-size: 1.90476vmin;
+    line-height: 2.53968vmin;
+    height: 2.53968vmin;
+    width: 18.4127vmin;
+    font-weight: 700;
+    margin-bottom: 0.63492vmin;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseHint {
+    margin-bottom: 0.63492vmin;
+  }
+  .styleType1_wrapper-v .coupon_style1 .couponInfo .couponUseTime {
+    margin-bottom: 0;
+  }
+  .styleType1_wrapper-v .coupon_style1 .couponState {
+    position: absolute;
+    right: 1.26984vmin;
+    bottom: 1.26984vmin;
+    height: 3.80952vmin;
+    line-height: 3.80952vmin;
+    border-radius: 0.63492vmin;
+    border: 0;
+    background: #ff781f;
+  }
+  .styleType1_wrapper-v .coupon_style1 .couponState.vertical-btn {
+    width: 18.4127vmin;
+  }
+  .styleType1_wrapper-v .coupon_style1 .couponState .couponBtn {
+    color: white;
+    font-size: 1.90476vmin;
+    font-weight: 500;
+    text-align: center;
+    font-family: "PingFang SC";
+  }
+}
+
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .styleType1_wrapper.pop-card {
+    width: 31.51042vmin;
+    margin-bottom: 0;
+  }
+  .styleType1_wrapper.vertical-screen {
+    width: 30.98958vmin;
+    margin: 0 auto;
+  }
+  .styleType1_wrapper.vertical-screen.not-pop-card {
+    margin-bottom: 2.08333vmin;
+  }
+  .styleType1_wrapper.vertical-screen .coupon_style1 {
+    height: 11.97917vmin;
+  }
+  .styleType1_wrapper.full-screen-list {
+    width: 45.18229vmin;
+    margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
+  }
+  .styleType1_wrapper.full-screen-list .coupon_style1 {
+    height: 13.15104vmin;
+  }
+  .styleType1_wrapper .coupon_style1 {
+    display: flex;
+    position: relative;
+    width: 100%;
+  }
+  .styleType1_wrapper .coupon_style1 .couponValue {
+    padding: 1.04167vmin;
+    min-width: 12.10938vmin;
+    height: 100%;
+    background: #ff781f;
+    color: #fff;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+    box-sizing: border-box;
+    border-radius: 1.04167vmin 0 0 1.04167vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    align-items: baseline;
+    font-weight: 700;
+  }
+  .styleType1_wrapper .coupon_style1 .couponValue .couponPriceWrap .coupon-symbol {
+    margin-right: 0.26042vmin;
+    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 .couponUseCondition {
+    color: white;
+    font-size: 1.5625vmin;
+    font-weight: 500;
+    font-family: "PingFang SC";
+    text-align: center;
+    line-height: 2.08333vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponInfo {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    width: 33.20312vmin;
+    height: 100%;
+    box-sizing: border-box;
+    background: white;
+    padding: 1.04167vmin 0 1.04167vmin 1.04167vmin;
+    color: #999999;
+    font-size: 1.30208vmin;
+    line-height: 1.5625vmin;
+    font-weight: 400;
+    text-align: left;
+    border-radius: 0 1.04167vmin 1.04167vmin 0;
+  }
+  .styleType1_wrapper .coupon_style1 .couponInfo .couponName {
+    color: #333333;
+    font-size: 1.5625vmin;
+    line-height: 2.08333vmin;
+    height: 2.08333vmin;
+    width: 16.01562vmin;
+    font-weight: 700;
+    margin-bottom: 0.52083vmin;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .styleType1_wrapper .coupon_style1 .couponInfo .couponUseHint {
+    margin-bottom: 0.26042vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponInfo .couponUseTime {
+    margin-bottom: 4.8vmin;
+  }
+  .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: 0.39062vmin;
+    background-size: 100% 100%;
+  }
+  .styleType1_wrapper .coupon_style1 .couponState {
+    position: absolute;
+    right: 1.04167vmin;
+    bottom: 1.04167vmin;
+    height: 3.125vmin;
+    line-height: 3.125vmin;
+    border-radius: 1.82292vmin;
+    border: 0;
+    background: #ff781f;
+  }
+  .styleType1_wrapper .coupon_style1 .couponState.fullscreen-btn {
+    width: 8.85417vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponState.vertical-btn {
+    width: 7.29167vmin;
+  }
+  .styleType1_wrapper .coupon_style1 .couponState .couponBtn {
+    color: white;
+    font-size: 1.5625vmin;
+    font-weight: 700;
+    text-align: center;
+    font-family: "PingFang SC";
+  }
+  .styleType1_wrapper .coupon_style1 .hasReceivedStatus {
+    position: absolute;
+    top: 0vmin;
+    right: 0vmin;
+    width: 6.38021vmin;
+    height: 7.42188vmin;
+  }
+  .styleType1_wrapper .detailInfo {
+    width: 100%;
+    display: flex;
+    background-color: #fff6f0;
+    box-sizing: border-box;
+    border-radius: 0 0 0.26042vmin 0.26042vmin;
+    padding: 1.04167vmin;
+    padding-top: 2.44141vmin;
+    color: #666666;
+    font-size: 1.30208vmin;
+    margin-top: -2vmin;
+    text-align: left;
+  }
+  .styleType1_wrapper .detailInfo .disabledHint {
+    width: 1.82292vmin;
+    margin-right: 0.65104vmin;
+  }
+  .styleType1_wrapper .detailInfo .instructions {
+    word-break: break-all;
+  }
+  .styleType1_wrapper .detailInfo .instructions .remark {
+    color: #333333;
+    margin-bottom: 0.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 .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: 0.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: 0.26042vmin;
+  }
+  .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom {
+    font-weight: 400;
+    line-height: 1.5625vmin;
+    position: relative;
+    margin-top: 0.39062vmin;
+  }
+  .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoBottom .priceLimit {
+    margin-bottom: 0.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: 0.26042vmin;
+  }
+  .styleType2_wrapper .coupon_style2 .couponStatewrapper {
+    width: 4.03646vmin;
+    height: 100%;
+    /* -webkit-align-self: center; */
+    -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: 0.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: 0.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: 17.1875vmin;
     height: 23.69792vmin;
@@ -641,11 +1595,11 @@
     height: 11.19792vmin;
   }
   .styleType1_wrapper-v.full-screen-list {
-    width: 92.47vmin;
-    margin: 3.2vmin 4.27vmin 0 4.27vmin;
+    width: 45.18229vmin;
+    margin: 1.5625vmin 2.08333vmin 0 2.08333vmin;
   }
   .styleType1_wrapper-v.full-screen-list .coupon_style1 {
-    height: 27vmin;
+    height: 13.15104vmin;
   }
   .styleType1_wrapper-v .coupon_style1 {
     display: block;