.x-coupon--wrap[data-v-4cb97b31] {
  display: flex;
  flex-direction: column;
  margin-top: 0.3rem;
}
.x-coupon--wrap-select[data-v-4cb97b31] {
  margin-right: 0.3rem;
  display: flex;
  flex-direction: row-reverse;
}
.x-coupon--wrap-select .select-item[data-v-4cb97b31] {
  padding: 0 0.3rem;
  height: 0.56rem;
  border-radius: 0.28rem;
  border: 1px solid rgba(51, 51, 51, 0.6);
  font-size: 0.28rem;
  font-weight: 400;
  color: #333333;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.x-coupon--wrap-select .select-item__san[data-v-4cb97b31] {
  width: 0;
  height: 0;
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
  border-top: 0.1rem solid #333333;
  margin-left: 0.1rem;
}
.x-coupon--wrap .x-coupon[data-v-4cb97b31] {
  margin: 0.3rem 0.3rem 0 0.3rem;
  display: flex;
  background-color: transparent;
  border-radius: 0.2rem;
  overflow: hidden;
  position: relative;
  filter: drop-shadow(0px 0.04rem 0.12rem rgba(0, 0, 0, 0.08));
}
.x-coupon--wrap .x-coupon--left[data-v-4cb97b31] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2.24rem;
  width: 2.24rem;
  height: inherit;
  color: #F20B02;
  position: relative;
  overflow: hidden;
}
.x-coupon--wrap .x-coupon--left-wrap[data-v-4cb97b31] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.x-coupon--wrap .x-coupon--left-wrap .price-wrap[data-v-4cb97b31] {
  display: flex;
  align-items: flex-end;
}
.x-coupon--wrap .x-coupon--left-wrap .price-wrap__price[data-v-4cb97b31] {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 0.64rem;
  margin: 0 0 0 0.08rem;
}
.x-coupon--wrap .x-coupon--left-wrap .price-wrap__price.right[data-v-4cb97b31] {
  line-height: 0.56rem;
  margin: 0 0.08rem 0 0;
}
.x-coupon--wrap .x-coupon--left-wrap .price-wrap__unit[data-v-4cb97b31] {
  font-size: 0.32rem;
  font-weight: 600;
  line-height: 0.32rem;
}
.x-coupon--wrap .x-coupon--left-wrap__des[data-v-4cb97b31] {
  font-size: 0.28rem;
  font-weight: 400;
  line-height: 0.28rem;
  margin-top: 0.2rem;
}
.x-coupon--wrap .x-coupon--left[data-v-4cb97b31]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: radial-gradient(circle at right top, transparent 0.2rem, rgba(242, 11, 2, 0.13) 0.2rem);
}
.x-coupon--wrap .x-coupon--left[data-v-4cb97b31]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: radial-gradient(circle at right bottom, transparent 0.2rem, rgba(242, 11, 2, 0.13) 0.2rem);
}
.x-coupon--wrap .x-coupon--right[data-v-4cb97b31] {
  display: flex;
  flex: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 3;
  padding: 0.4rem 0.2rem 0.3rem 0;
}
.x-coupon--wrap .x-coupon--right .range-icon[data-v-4cb97b31] {
  position: absolute;
  top: 1.5rem;
  right: 0.2rem;
  width: 0.32rem;
  height: 0.32rem;
  z-index: 9;
}
.x-coupon--wrap .x-coupon--right-wrap[data-v-4cb97b31] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 0.6rem;
  z-index: 4;
}
.x-coupon--wrap .x-coupon--right-wrap__title[data-v-4cb97b31] {
  font-size: 0.32rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.32rem;
  margin-bottom: 0.4rem;
}
.x-coupon--wrap .x-coupon--right-wrap__range[data-v-4cb97b31],
.x-coupon--wrap .x-coupon--right-wrap__time[data-v-4cb97b31] {
  font-size: 0.24rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.24rem;
}
.x-coupon--wrap .x-coupon--right-wrap__time[data-v-4cb97b31] {
  margin-bottom: 0.2rem;
}
.x-coupon--wrap .x-coupon--right-wrap__range[data-v-4cb97b31] {
  width: 3.5rem;
  line-height: 0.32rem;
  text-align: left;
}
.x-coupon--wrap .x-coupon--right-wrap__range.ellipsis[data-v-4cb97b31] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.x-coupon--wrap .x-coupon--right[data-v-4cb97b31]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: radial-gradient(circle at left top, transparent 0.2rem, #fff 0.2rem);
}
.x-coupon--wrap .x-coupon--right[data-v-4cb97b31]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: radial-gradient(circle at left bottom, transparent 0.2rem, #fff 0.2rem);
}