/* packageD/mycomponent/coupon_store_item/coupon_store_item.wxss */

view,
text,
icon {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.coupon_voucher {
  width: 704rpx;
  margin: 0 auto;
  margin-bottom: 51rpx;
  display: flex;
  flex-direction: column;
  filter:
    drop-shadow(
      0rpx 5rpx 18rpx
      rgba(81, 81, 81, 0.52)
    );
  transform: translateX(-10rpx);
}

.coupon_voucher .coupon_voucher_wrapper {
  display: flex;
}

.coupon_voucher .coupon_voucher_left {
  width: 245rpx;
  height: 215rpx;
  margin-left: 20rpx;
  position: relative;
}

.coupon_voucher .coupon_voucher_left .bg_icon {
  width: 265rpx;
  height: 215rpx;
  position: absolute;
  top: 0;
  left: -20rpx;
}

.coupon_voucher .coupon_voucher_left .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 245rpx;
  height: 215rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.coupon_voucher .coupon_voucher_left .wrapper .discount {
  letter-spacing: 1rpx;
  color: #fff;
  font-size: 52rpx;
  padding: 0 10rpx;
  border-bottom: 2rpx dashed #f5f5f5;
}

.discountMum {
  font-size: 40rpx;
}

.coupon_voucher .coupon_voucher_left .wrapper .limit {
  letter-spacing: 1rpx;
  color: #fff;
  font-size: 28rpx;
  margin-top: 5rpx;
}

.coupon_voucher .coupon_voucher_right {
  width: 446rpx;
  height: 215rpx;
  padding: 18rpx 18rpx 22rpx 22rpx;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.coupon_voucher .coupon_voucher_right .c1 {
  display: flex;
}

.coupon_voucher .coupon_voucher_right .c1 .label {
  /* background-color: #fbbd5c; */
  border-radius: 7rpx;
  color: #fff;
  font-size: 23rpx;
  padding: 7rpx 13rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.coupon_voucher .coupon_voucher_right .c1 .title {
  letter-spacing: 1rpx;
  color: #000;
  font-size: 28rpx;
  margin-left: 17rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.coupon_voucher .coupon_voucher_right .c2 {
  margin-top: 30rpx;
  display: flex;
  flex-direction: column;
}

.coupon_voucher .coupon_voucher_right .c2 .time {
  font-size: 21rpx;
  color: #9c9c9c;
}

.coupon_voucher .coupon_voucher_right .c3 {
  display: flex;
  justify-content: flex-end;
  padding-right: 3rpx;
}

.coupon_voucher .coupon_voucher_right .c3 .describe {
  flex: 1;
  text-align: left;
  color: #fb605f;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.coupon_voucher .coupon_voucher_right .c3 .btn {
  width: 158rpx;
  height: 45rpx;

  /* background-color: #fb946c; */
  border-radius: 14rpx;
  letter-spacing: 3rpx;
  color: #fff;
  font-size: 27rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coupon_voucher .coupon_voucher_right .status {
  position: absolute;
  bottom: 50rpx;
  right: 10rpx;
  width: 158rpx;
  height: 58rpx;
  border: solid 2rpx #fb946c;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-35deg);
}

.coupon_voucher .coupon_voucher_right .status .wrapper {
  width: 142rpx;
  height: 44rpx;
  border: solid 1rpx #fb946c;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 4rpx;
  color: #fb946c;
  font-size: 28rpx;
}

.baground_4 {
  background-color: #6dccf8;
}

.baground_6 {
  background-color: #fb946c;
}

.baground_1 {
  background-color: #fbbd5c;
}

.baground_5 {
  background-color: #6dccf8;
}

.baground_3 {
  background-color: #a291ff;
}

.baground_2 {
  background-color: #fc6d6d;
}

.baground_8 {
  background-color: #3c98ff;
}

