xiaoe_mp_npm 0.5.39 → 0.5.40-alpha2

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

@@ -1,19 +1,23 @@
+.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 {
   display: flex;
@@ -21,7 +25,7 @@
   width: 100%;
 }
 .styleType1_wrapper .coupon_style1 .couponValue {
-  padding: 2.13vmin;
+  padding: 2.13333vmin;
   min-width: 24.8vmin;
   height: 100%;
   background: #ff781f;
@@ -31,7 +35,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 {
   position: relative;
@@ -41,15 +45,15 @@
   font-weight: 700;
 }
 .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;
 }
 .styleType1_wrapper .coupon_style1 .couponValue .couponUseCondition {
@@ -58,38 +62,38 @@
   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 {
   margin-bottom: 4.8vmin;
@@ -107,19 +111,19 @@
 }
 .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 {
   color: white;
@@ -132,7 +136,7 @@
   position: absolute;
   top: 0vmin;
   right: 0vmin;
-  width: 13.07vmin;
+  width: 13.06667vmin;
   height: 15.2vmin;
 }
 .styleType1_wrapper .detailInfo {
@@ -140,44 +144,28 @@
   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 {
   word-break: break-all;
 }
 .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 {
   display: flex;
@@ -186,7 +174,7 @@
   position: relative;
   overflow: hidden;
   width: 44.8vmin;
-  height: 21.33vmin;
+  height: 21.33333vmin;
   flex-shrink: 0;
 }
 .styleType2_wrapper .coupon_style2 .coupons-styles2-bg {
@@ -201,15 +189,15 @@
   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;
@@ -225,7 +213,7 @@
   line-height: 6.4vmin;
 }
 .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-symbol {
-  margin-right: 0.53vmin;
+  margin-right: 0.53333vmin;
   font-size: 3.2vmin;
 }
 .styleType2_wrapper .coupon_style2 .couponInfo .couponInfoTop .couponPriceWrap .coupon-price {
@@ -235,7 +223,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 {
   font-weight: 400;
@@ -244,17 +232,17 @@
   margin-top: 0.8vmin;
 }
 .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;
@@ -267,7 +255,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";
@@ -277,24 +265,20 @@
   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;
 }
 .styleType2_wrapper .coupon_style2 .hasReceivedStatus {
   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;
@@ -307,11 +291,11 @@
   height: 22.93333vmin;
 }
 .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 {
   display: block;
@@ -425,6 +409,287 @@
   font-family: "PingFang SC";
 }
 @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;
@@ -437,11 +702,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;
@@ -556,6 +821,287 @@
   }
 }
 @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;
@@ -568,11 +1114,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;