xiaoe_mp_npm 0.5.42-test2 → 0.5.42-test21

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

@@ -4,29 +4,8 @@
   margin-left: auto;
   margin-right: auto;
 }
-.couponNewWrap:last-child {
-  margin-bottom: 0;
-}
-.couponNewWrap .detailInfo {
-  display: flex;
-  align-items: center;
-  padding: 4.69vmin;
-  background-color: #FFFAF4;
-  box-sizing: border-box;
-  border-radius: 0 0 0.53vmin 0.53vmin;
-  color: #505050;
-  font-size: 2.93vmin;
-  background: #FFFAF4;
-  text-align: left;
-}
-.couponNewWrap .detailInfo .instructions {
-  font-size: 1.87vmin;
-  color: #505050;
-}
-.couponNewWrap .detailInfo .instructions text {
-  white-space: pre-wrap;
-}
-.couponNewV2 {
+
+.couponNewWrap .couponNewV2 {
   position: relative;
   display: flex;
   width: 100%;
@@ -34,162 +13,809 @@
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
-  border-radius: 1.17vmin;
+  border-radius: 1.06667vmin;
   background-color: #fff;
 }
-.couponNewV2 .couponValue {
-  width: 30.51vmin;
+
+.couponNewWrap .couponNewV2 .disabledState {
+  background-color: #EEEEEE !important;
+}
+
+.couponNewWrap .couponNewV2 .disabledState .couponValue {
+  background: #CDCDCD !important;
+}
+
+.couponNewWrap .couponNewV2 .couponValue {
+  width: 30.4vmin;
   height: 29.92vmin;
   background: #FF821F !important;
   box-sizing: border-box;
-  border-radius: 1.17vmin 0 0 1.17vmin;
+  border-radius: 1.06667vmin 0 0 1.06667vmin;
 }
-.couponNewV2 .couponValue .couponPrice {
+
+.couponNewWrap .couponNewV2 .couponValue .couponPrice {
   position: relative;
   width: 100%;
   height: 13.2vmin;
-  margin: 4.11vmin auto 1.17vmin;
+  margin: 4.13333vmin auto 1.06667vmin;
   text-align: center;
   line-height: 13.2vmin;
-  font-size: 12.91vmin;
+  font-size: 12.93333vmin;
   font-weight: 500;
   color: #fff;
 }
-.couponNewV2 .couponValue .couponPrice .fontSmall {
-  font-size: 7.04vmin !important;
+
+.couponNewWrap .couponNewV2 .couponValue .couponPrice .fontSmall {
+  font-size: 7.06667vmin !important;
 }
-.couponNewV2 .couponValue .couponPrice .fontLastSmall {
-  font-size: 4.69vmin !important;
+
+.couponNewWrap .couponNewV2 .couponValue .couponPrice .fontLastSmall {
+  font-size: 4.66667vmin !important;
 }
-.couponNewV2 .couponValue .couponPrice .fixedfont {
+
+.couponNewWrap .couponNewV2 .couponValue .couponPrice .fixedfont {
   font-size: 3.52vmin !important;
 }
-.couponNewV2 .couponValue .couponPrice .fixedPercent {
-  font-size: 4.69vmin !important;
+
+.couponNewWrap .couponNewV2 .couponValue .couponPrice .fixedPercent {
+  font-size: 4.66667vmin !important;
 }
-.couponNewV2 .couponValue .couponPrice span {
+
+.couponNewWrap .couponNewV2 .couponValue .couponPrice span {
   position: relative;
   display: inline-block;
 }
-.couponNewV2 .couponValue .couponPrice .discountFont,
-.couponNewV2 .couponValue .couponPrice .coupon-symbol {
-  font-size: 4.69vmin;
-  margin-left: 0.29vmin;
-  margin-left: -0.15vmin;
+
+.couponNewWrap .couponNewV2 .couponValue .couponPrice .discountFont, .couponNewWrap .couponNewV2 .couponValue .couponPrice .coupon-symbol {
+  font-size: 4.66667vmin;
+  margin-left: 0.26667vmin;
+  margin-left: -vmin(1);
 }
-.couponNewV2 .couponValue .couponUseCondition {
+
+.couponNewWrap .couponNewV2 .couponValue .couponUseCondition {
   width: 100%;
   overflow: hidden;
-  max-height: 11.73vmin;
-  line-height: 5.28vmin;
+  max-height: 11.73333vmin;
+  line-height: 5.33333vmin;
   color: #fff;
   text-align: center;
 }
-.couponNewV2 .couponValue .couponMaxDiscountNum {
+
+.couponNewWrap .couponNewV2 .couponValue .couponMaxDiscountNum {
   width: 100%;
   text-align: center;
   color: #fff;
-  margin-bottom: 7.33vmin;
-  font-size: 1.33vmin;
+  margin-bottom: 7.33333vmin;
+  font-size: 1.33333vmin;
 }
-.couponNewV2 .couponInfo {
+
+.couponNewWrap .couponNewV2 .couponInfo {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  width: 49.87vmin;
+  width: 49.86667vmin;
   height: 100%;
   overflow: hidden;
   box-sizing: border-box;
-  padding: 2.35vmin 0 2.35vmin 3.52vmin;
-  border-bottom-right-radius: 1.17vmin;
-  border-top-right-radius: 1.17vmin;
+  padding: 2.4vmin 0 2.4vmin 3.52vmin;
+  border-bottom-right-radius: 1.06667vmin;
+  border-top-right-radius: 1.06667vmin;
   color: #888888;
-  font-size: 2.93vmin;
+  font-size: 2.93333vmin;
   text-align: left;
 }
-.couponNewV2 .couponInfo span {
+
+.couponNewWrap .couponNewV2 .couponInfo span {
   display: inline-block;
 }
-.couponNewV2 .couponInfo .couponName {
+
+.couponNewWrap .couponNewV2 .couponInfo .couponName {
   width: 100%;
   line-height: 4.4vmin;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-bottom: 2.35vmin;
+  margin-bottom: 2.4vmin;
   color: #505050;
   font-size: 3.52vmin;
   font-weight: 500;
 }
-.couponNewV2 .couponInfo .couponUseTime {
+
+.couponNewWrap .couponNewV2 .couponInfo .couponUseTime {
   width: 100%;
-  height: 4.11vmin;
-  line-height: 4.11vmin;
-  font-size: 2.93vmin;
+  height: 4.13333vmin;
+  line-height: 4.13333vmin;
+  font-size: 2.93333vmin;
 }
-.couponNewV2 .couponInfo .noSuperposition {
+
+.couponNewWrap .couponNewV2 .couponInfo .noSuperposition {
   color: #FF821F;
 }
-.couponNewV2 .couponInfo .moreInfo {
+
+.couponNewWrap .couponNewV2 .couponInfo .moreInfo {
   display: flex;
   align-items: center;
-  padding: 0.29vmin 0;
+  padding: 0.26667vmin 0;
 }
-.couponNewV2 .couponInfo .operateBtn {
+
+.couponNewWrap .couponNewV2 .couponInfo .operateBtn {
   width: 3.52vmin;
   height: 3.52vmin;
   cursor: pointer;
   margin-left: 0.88vmin;
   background-size: 100% 100%;
 }
-.couponNewV2 .couponInfo .retract {
-  background: url('../../../common/assets/images/coupon/up.svg') center no-repeat;
+
+.couponNewWrap .couponNewV2 .couponInfo .retract {
+  background: url("../../../common/assets/images/coupon/up.svg") center no-repeat;
 }
-.couponNewV2 .couponState {
+
+.couponNewWrap .couponNewV2 .couponState {
   position: absolute;
   right: 0;
   width: 17.6vmin;
   height: 100%;
 }
-.couponNewV2 .couponState .superImg {
-  width: 11.73vmin;
-  height: 11.73vmin;
+
+.couponNewWrap .couponNewV2 .couponState .superImg {
+  width: 11.73333vmin;
+  height: 11.73333vmin;
   background-size: 100% 100%;
   position: absolute;
   right: 0;
 }
-.couponNewV2 .couponState .coupon-choose-box {
+
+.couponNewWrap .couponNewV2 .couponState .coupon-choose-box {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
-  border-radius: 0 1.17vmin 1.17vmin 0;
+  border-radius: 0 1.06667vmin 1.06667vmin 0;
 }
-.couponNewV2 .couponState .coupon-choose-box .coupon-choose {
-  width: 5.87vmin;
-  height: 5.87vmin;
+
+.couponNewWrap .couponNewV2 .couponState .coupon-choose-box .coupon-choose {
+  width: 5.86667vmin;
+  height: 5.86667vmin;
+  background-size: 100% 100%;
   border-radius: 50%;
   box-sizing: border-box;
   background-size: 100% 100%;
 }
-.couponNewV2 .couponState .coupon-choose-box .coupon-unchoosed {
-  border: 0.44vmin solid #CCC;
+
+.couponNewWrap .couponNewV2 .couponState .coupon-choose-box .coupon-unchoosed {
+  border: 0.53333vmin solid #CCC;
   background: none;
 }
-.disabledState {
-  background-color: #EEEEEE !important;
+
+.couponNewWrap:last-child {
+  margin-bottom: 0;
 }
-.disabledState .couponValue {
-  background: #CDCDCD !important;
+
+.couponNewWrap .detailInfo {
+  display: flex;
+  align-items: center;
+  padding: 4.66667vmin;
+  background-color: #FFFAF4;
+  box-sizing: border-box;
+  border-radius: 0 0 0.53vmin 0.53vmin;
+  color: #505050;
+  font-size: 2.93333vmin;
+  background: #FFFAF4;
+  text-align: left;
 }
-.whiteBg {
+
+.couponNewWrap .detailInfo.whiteBg {
   background-color: #fff !important;
 }
-.disabledHint {
+
+.couponNewWrap .detailInfo .disabledHint {
   width: 4vmin;
   height: 4vmin;
-  margin-right: 1.07vmin;
+  margin-right: 1.06667vmin;
   transform: translateY(0.8vmin);
 }
+
+.couponNewWrap .detailInfo .instructions {
+  font-size: 1.86667vmin;
+  color: #505050;
+}
+
+.couponNewWrap .detailInfo .instructions text {
+  white-space: pre-wrap;
+}
+
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .couponNewWrap {
+    width: 100%;
+    margin-bottom: 1.71875vmin;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .couponNewWrap .couponNewV2 {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 14.60938vmin;
+    margin-left: auto;
+    margin-right: auto;
+    overflow: hidden;
+    border-radius: 0.52083vmin;
+    background-color: #fff;
+  }
+  .couponNewWrap .couponNewV2 .disabledState {
+    background-color: #EEEEEE !important;
+  }
+  .couponNewWrap .couponNewV2 .disabledState .couponValue {
+    background: #CDCDCD !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue {
+    width: 14.84375vmin;
+    height: 14.60938vmin;
+    background: #FF821F !important;
+    box-sizing: border-box;
+    border-radius: 0.52083vmin 0 0 0.52083vmin;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice {
+    position: relative;
+    width: 100%;
+    height: 6.44531vmin;
+    margin: 2.01823vmin auto 0.52083vmin;
+    text-align: center;
+    line-height: 6.44531vmin;
+    font-size: 6.3151vmin;
+    font-weight: 500;
+    color: #fff;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .fontSmall {
+    font-size: 3.45052vmin !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .fontLastSmall {
+    font-size: 2.27865vmin !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .fixedfont {
+    font-size: 1.71875vmin !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .fixedPercent {
+    font-size: 2.27865vmin !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice span {
+    position: relative;
+    display: inline-block;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .discountFont, .couponNewWrap .couponNewV2 .couponValue .couponPrice .coupon-symbol {
+    font-size: 2.27865vmin;
+    margin-left: 0.13021vmin;
+    margin-left: -vmin(1);
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponUseCondition {
+    width: 100%;
+    overflow: hidden;
+    max-height: 5.72917vmin;
+    line-height: 2.60417vmin;
+    color: #fff;
+    text-align: center;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponMaxDiscountNum {
+    width: 100%;
+    text-align: center;
+    color: #fff;
+    margin-bottom: 3.58073vmin;
+    font-size: 0.65104vmin;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    width: 24.34896vmin;
+    height: 100%;
+    overflow: hidden;
+    box-sizing: border-box;
+    padding: 1.17188vmin 0 1.17188vmin 1.71875vmin;
+    border-bottom-right-radius: 0.52083vmin;
+    border-top-right-radius: 0.52083vmin;
+    color: #888888;
+    font-size: 1.43229vmin;
+    text-align: left;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo span {
+    display: inline-block;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .couponName {
+    width: 100%;
+    line-height: 2.14844vmin;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-bottom: 1.17188vmin;
+    color: #505050;
+    font-size: 1.71875vmin;
+    font-weight: 500;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .couponUseTime {
+    width: 100%;
+    height: 2.01823vmin;
+    line-height: 2.01823vmin;
+    font-size: 1.43229vmin;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .noSuperposition {
+    color: #FF821F;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .moreInfo {
+    display: flex;
+    align-items: center;
+    padding: 0.13021vmin 0;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .operateBtn {
+    width: 1.71875vmin;
+    height: 1.71875vmin;
+    cursor: pointer;
+    margin-left: 0.42969vmin;
+    background-size: 100% 100%;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .retract {
+    background: url("../../../common/assets/images/coupon/up.svg") center no-repeat;
+  }
+  .couponNewWrap .couponNewV2 .couponState {
+    position: absolute;
+    right: 0;
+    width: 8.59375vmin;
+    height: 100%;
+  }
+  .couponNewWrap .couponNewV2 .couponState .superImg {
+    width: 5.72917vmin;
+    height: 5.72917vmin;
+    background-size: 100% 100%;
+    position: absolute;
+    right: 0;
+  }
+  .couponNewWrap .couponNewV2 .couponState .coupon-choose-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    border-radius: 0 0.52083vmin 0.52083vmin 0;
+  }
+  .couponNewWrap .couponNewV2 .couponState .coupon-choose-box .coupon-choose {
+    width: 2.86458vmin;
+    height: 2.86458vmin;
+    background-size: 100% 100%;
+    border-radius: 50%;
+    box-sizing: border-box;
+    background-size: 100% 100%;
+  }
+  .couponNewWrap .couponNewV2 .couponState .coupon-choose-box .coupon-unchoosed {
+    border: 0.26042vmin solid #CCC;
+    background: none;
+  }
+  .couponNewWrap:last-child {
+    margin-bottom: 0;
+  }
+  .couponNewWrap .detailInfo {
+    display: flex;
+    align-items: center;
+    padding: 2.27865vmin;
+    background-color: #FFFAF4;
+    box-sizing: border-box;
+    border-radius: 0 0 0.53vmin 0.53vmin;
+    color: #505050;
+    font-size: 1.43229vmin;
+    background: #FFFAF4;
+    text-align: left;
+  }
+  .couponNewWrap .detailInfo.whiteBg {
+    background-color: #fff !important;
+  }
+  .couponNewWrap .detailInfo .disabledHint {
+    width: 1.95312vmin;
+    height: 1.95312vmin;
+    margin-right: 0.52083vmin;
+    transform: translateY(0.39062vmin);
+  }
+  .couponNewWrap .detailInfo .instructions {
+    font-size: 0.91146vmin;
+    color: #505050;
+  }
+  .couponNewWrap .detailInfo .instructions text {
+    white-space: pre-wrap;
+  }
+}
+
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  .couponNewWrap {
+    width: 100%;
+    margin-bottom: 2.09524vmin;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .couponNewWrap .couponNewV2 {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 17.80952vmin;
+    margin-left: auto;
+    margin-right: auto;
+    overflow: hidden;
+    border-radius: 0.63492vmin;
+    background-color: #fff;
+  }
+  .couponNewWrap .couponNewV2 .disabledState {
+    background-color: #EEEEEE !important;
+  }
+  .couponNewWrap .couponNewV2 .disabledState .couponValue {
+    background: #CDCDCD !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue {
+    width: 18.09524vmin;
+    height: 17.80952vmin;
+    background: #FF821F !important;
+    box-sizing: border-box;
+    border-radius: 0.63492vmin 0 0 0.63492vmin;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice {
+    position: relative;
+    width: 100%;
+    height: 7.85714vmin;
+    margin: 2.46032vmin auto 0.63492vmin;
+    text-align: center;
+    line-height: 7.85714vmin;
+    font-size: 7.69841vmin;
+    font-weight: 500;
+    color: #fff;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .fontSmall {
+    font-size: 4.20635vmin !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .fontLastSmall {
+    font-size: 2.77778vmin !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .fixedfont {
+    font-size: 2.09524vmin !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .fixedPercent {
+    font-size: 2.77778vmin !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice span {
+    position: relative;
+    display: inline-block;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .discountFont, .couponNewWrap .couponNewV2 .couponValue .couponPrice .coupon-symbol {
+    font-size: 2.77778vmin;
+    margin-left: 0.15873vmin;
+    margin-left: -vmin(1);
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponUseCondition {
+    width: 100%;
+    overflow: hidden;
+    max-height: 6.98413vmin;
+    line-height: 3.1746vmin;
+    color: #fff;
+    text-align: center;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponMaxDiscountNum {
+    width: 100%;
+    text-align: center;
+    color: #fff;
+    margin-bottom: 4.36508vmin;
+    font-size: 0.79365vmin;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    width: 29.68254vmin;
+    height: 100%;
+    overflow: hidden;
+    box-sizing: border-box;
+    padding: 1.42857vmin 0 1.42857vmin 2.09524vmin;
+    border-bottom-right-radius: 0.63492vmin;
+    border-top-right-radius: 0.63492vmin;
+    color: #888888;
+    font-size: 1.74603vmin;
+    text-align: left;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo span {
+    display: inline-block;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .couponName {
+    width: 100%;
+    line-height: 2.61905vmin;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-bottom: 1.42857vmin;
+    color: #505050;
+    font-size: 2.09524vmin;
+    font-weight: 500;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .couponUseTime {
+    width: 100%;
+    height: 2.46032vmin;
+    line-height: 2.46032vmin;
+    font-size: 1.74603vmin;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .noSuperposition {
+    color: #FF821F;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .moreInfo {
+    display: flex;
+    align-items: center;
+    padding: 0.15873vmin 0;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .operateBtn {
+    width: 2.09524vmin;
+    height: 2.09524vmin;
+    cursor: pointer;
+    margin-left: 0.52381vmin;
+    background-size: 100% 100%;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .retract {
+    background: url("../../../common/assets/images/coupon/up.svg") center no-repeat;
+  }
+  .couponNewWrap .couponNewV2 .couponState {
+    position: absolute;
+    right: 0;
+    width: 10.47619vmin;
+    height: 100%;
+  }
+  .couponNewWrap .couponNewV2 .couponState .superImg {
+    width: 6.98413vmin;
+    height: 6.98413vmin;
+    background-size: 100% 100%;
+    position: absolute;
+    right: 0;
+  }
+  .couponNewWrap .couponNewV2 .couponState .coupon-choose-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    border-radius: 0 0.63492vmin 0.63492vmin 0;
+  }
+  .couponNewWrap .couponNewV2 .couponState .coupon-choose-box .coupon-choose {
+    width: 3.49206vmin;
+    height: 3.49206vmin;
+    background-size: 100% 100%;
+    border-radius: 50%;
+    box-sizing: border-box;
+    background-size: 100% 100%;
+  }
+  .couponNewWrap .couponNewV2 .couponState .coupon-choose-box .coupon-unchoosed {
+    border: 0.31746vmin solid #CCC;
+    background: none;
+  }
+  .couponNewWrap:last-child {
+    margin-bottom: 0;
+  }
+  .couponNewWrap .detailInfo {
+    display: flex;
+    align-items: center;
+    padding: 2.77778vmin;
+    background-color: #FFFAF4;
+    box-sizing: border-box;
+    border-radius: 0 0 0.53vmin 0.53vmin;
+    color: #505050;
+    font-size: 1.74603vmin;
+    background: #FFFAF4;
+    text-align: left;
+  }
+  .couponNewWrap .detailInfo.whiteBg {
+    background-color: #fff !important;
+  }
+  .couponNewWrap .detailInfo .disabledHint {
+    width: 2.38095vmin;
+    height: 2.38095vmin;
+    margin-right: 0.63492vmin;
+    transform: translateY(0.47619vmin);
+  }
+  .couponNewWrap .detailInfo .instructions {
+    font-size: 1.11111vmin;
+    color: #505050;
+  }
+  .couponNewWrap .detailInfo .instructions text {
+    white-space: pre-wrap;
+  }
+}
+
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .couponNewWrap {
+    width: 100%;
+    margin-bottom: 1.71875vmin;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .couponNewWrap .couponNewV2 {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 14.60938vmin;
+    margin-left: auto;
+    margin-right: auto;
+    overflow: hidden;
+    border-radius: 0.52083vmin;
+    background-color: #fff;
+  }
+  .couponNewWrap .couponNewV2 .disabledState {
+    background-color: #EEEEEE !important;
+  }
+  .couponNewWrap .couponNewV2 .disabledState .couponValue {
+    background: #CDCDCD !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue {
+    width: 14.84375vmin;
+    height: 14.60938vmin;
+    background: #FF821F !important;
+    box-sizing: border-box;
+    border-radius: 0.52083vmin 0 0 0.52083vmin;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice {
+    position: relative;
+    width: 100%;
+    height: 6.44531vmin;
+    margin: 2.01823vmin auto 0.52083vmin;
+    text-align: center;
+    line-height: 6.44531vmin;
+    font-size: 6.3151vmin;
+    font-weight: 500;
+    color: #fff;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .fontSmall {
+    font-size: 3.45052vmin !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .fontLastSmall {
+    font-size: 2.27865vmin !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .fixedfont {
+    font-size: 1.71875vmin !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .fixedPercent {
+    font-size: 2.27865vmin !important;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice span {
+    position: relative;
+    display: inline-block;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponPrice .discountFont, .couponNewWrap .couponNewV2 .couponValue .couponPrice .coupon-symbol {
+    font-size: 2.27865vmin;
+    margin-left: 0.13021vmin;
+    margin-left: -vmin(1);
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponUseCondition {
+    width: 100%;
+    overflow: hidden;
+    max-height: 5.72917vmin;
+    line-height: 2.60417vmin;
+    color: #fff;
+    text-align: center;
+  }
+  .couponNewWrap .couponNewV2 .couponValue .couponMaxDiscountNum {
+    width: 100%;
+    text-align: center;
+    color: #fff;
+    margin-bottom: 3.58073vmin;
+    font-size: 0.65104vmin;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    width: 24.34896vmin;
+    height: 100%;
+    overflow: hidden;
+    box-sizing: border-box;
+    padding: 1.17188vmin 0 1.17188vmin 1.71875vmin;
+    border-bottom-right-radius: 0.52083vmin;
+    border-top-right-radius: 0.52083vmin;
+    color: #888888;
+    font-size: 1.43229vmin;
+    text-align: left;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo span {
+    display: inline-block;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .couponName {
+    width: 100%;
+    line-height: 2.14844vmin;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-bottom: 1.17188vmin;
+    color: #505050;
+    font-size: 1.71875vmin;
+    font-weight: 500;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .couponUseTime {
+    width: 100%;
+    height: 2.01823vmin;
+    line-height: 2.01823vmin;
+    font-size: 1.43229vmin;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .noSuperposition {
+    color: #FF821F;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .moreInfo {
+    display: flex;
+    align-items: center;
+    padding: 0.13021vmin 0;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .operateBtn {
+    width: 1.71875vmin;
+    height: 1.71875vmin;
+    cursor: pointer;
+    margin-left: 0.42969vmin;
+    background-size: 100% 100%;
+  }
+  .couponNewWrap .couponNewV2 .couponInfo .retract {
+    background: url("../../../common/assets/images/coupon/up.svg") center no-repeat;
+  }
+  .couponNewWrap .couponNewV2 .couponState {
+    position: absolute;
+    right: 0;
+    width: 8.59375vmin;
+    height: 100%;
+  }
+  .couponNewWrap .couponNewV2 .couponState .superImg {
+    width: 5.72917vmin;
+    height: 5.72917vmin;
+    background-size: 100% 100%;
+    position: absolute;
+    right: 0;
+  }
+  .couponNewWrap .couponNewV2 .couponState .coupon-choose-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    border-radius: 0 0.52083vmin 0.52083vmin 0;
+  }
+  .couponNewWrap .couponNewV2 .couponState .coupon-choose-box .coupon-choose {
+    width: 2.86458vmin;
+    height: 2.86458vmin;
+    background-size: 100% 100%;
+    border-radius: 50%;
+    box-sizing: border-box;
+    background-size: 100% 100%;
+  }
+  .couponNewWrap .couponNewV2 .couponState .coupon-choose-box .coupon-unchoosed {
+    border: 0.26042vmin solid #CCC;
+    background: none;
+  }
+  .couponNewWrap:last-child {
+    margin-bottom: 0;
+  }
+  .couponNewWrap .detailInfo {
+    display: flex;
+    align-items: center;
+    padding: 2.27865vmin;
+    background-color: #FFFAF4;
+    box-sizing: border-box;
+    border-radius: 0 0 0.53vmin 0.53vmin;
+    color: #505050;
+    font-size: 1.43229vmin;
+    background: #FFFAF4;
+    text-align: left;
+  }
+  .couponNewWrap .detailInfo.whiteBg {
+    background-color: #fff !important;
+  }
+  .couponNewWrap .detailInfo .disabledHint {
+    width: 1.95312vmin;
+    height: 1.95312vmin;
+    margin-right: 0.52083vmin;
+    transform: translateY(0.39062vmin);
+  }
+  .couponNewWrap .detailInfo .instructions {
+    font-size: 0.91146vmin;
+    color: #505050;
+  }
+  .couponNewWrap .detailInfo .instructions text {
+    white-space: pre-wrap;
+  }
+}