payProject/components/local/couponItem/couponItem.wxss

/* components/local/couponItem/couponItem.wxss */
.flex {
  display: flex;
}

.flex-start {
  align-items: flex-start;
  justify-content: flex-start;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.flex-align-baseline {
  display: flex;
  align-items: baseline;
}

.flex-justify-center {
  display: flex;
  justify-content: center;
}

.flex-justify-space-around {
  display: flex;
  justify-content: space-around;
}

.flex-justify-space-between {
  display: flex;
  justify-content: space-between;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
  /* align-items: flex-start;
  justify-content: flex-start; */
}

.flex1 {
  flex: 1;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.component-coupon-item text {
  font-family: PingFangSC-Medium, PingFang SC;
}

.component-coupon-item.invalid {
  background: #E6E6E6 !important;
}

.component-coupon-item.invalid text {
  color: #B1B1B1 !important;
}

.component-coupon-item.invalid .coupon-item-mark {
  background: #B3B3B3 !important;
}

.component-coupon-item.invalid .coupon-item-btn1 {
  background: #B3B3B3 !important;
}

.component-coupon-item.invalid .coupon-item-line {
  border-top: 2rpx dashed #D7D7D7 !important;
}

.component-coupon-item .flex2 {
  flex: 2;
}

.component-coupon-item .flex-row {
  display: flex;
  flex-direction: row;
}

.component-coupon-item .flex-col {
  display: flex;
  flex-direction: column;
}

.component-coupon-item {
  position: relative;
  background: #FFF4E6;
  border-radius: 24rpx;
  overflow: hidden;
  padding: 20rpx 28rpx 12rpx;
  text-align: left;
}

.coupon-item-mark {
  position: absolute;
  top: 0;
  left: 0;
  height: 36rpx;
  background: #875617;
  border-radius: 24rpx 0rpx 24rpx 0rpx;
  text-align: center;
  line-height: 36rpx;
  font-size: 20rpx;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0 16rpx;
}

.coupon-item-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.coupon-item-money {
  flex: 1.2;
  overflow: hidden;
}

.coupon-item-money text {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FF3007;
}

.coupon-item-money-detail {
  align-items: baseline;
  margin-top: 30rpx;
}

.coupon-item-money-detail.line2 {
  margin-top: 10rpx;
}

.coupon-item-money-detail.line2 .yuan {
  line-height: 70rpx;
}

.coupon-item-money-detail .currency {
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  line-height: 40rpx;
}

.coupon-item-money-detail .yuan {
  font-size: 56rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  line-height: 80rpx;
}
.coupon-item-money-detail .yuan-price{
  font-size: 42rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  line-height: 80rpx;
}

.coupon-item-money-detail .fen {
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 40rpx;
}

.coupon-item-limit-text {
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC !important;
  font-weight: 400;
  color: #FF3007;
  line-height: 34rpx;
}

.coupon-item-btn1 {
  width: 104rpx;
  height: 50rpx;
  background: #FA7D22;
  border-radius: 25rpx;
  font-size: 24rpx;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 50rpx;
  text-align: center;
}

.coupon-item-btn2 {
  width: 48rpx;
  height: 48rpx;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  line-height: 50rpx;
  text-align: right;
}

.coupon-item-btn2 image {
  width: 48rpx;
  height: 48rpx;
}

.coupon-item-title {
  margin-top: 10rpx;
  /* margin-left: 36rpx; */
  flex: 2.5;
  overflow: hidden;
}

.coupon-item-title text {
  width: 100%;
  height: 44rpx;
  line-height: 44rpx;
  font-size: 32rpx;
  font-weight: 500;
  color: #875617;
  margin-top: 16rpx;
}

.coupon-item-title .coupon-time {
  height: 34rpx;
  line-height: 34rpx;
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #875617;
}

.coupon-item-line {
  height: 2rpx;
  border: none;
  border-top: 2rpx dashed #FFDFB6;
  margin: 16rpx 0 10rpx;
}

.coupon-item-rules {
  justify-content: space-between;
}

.coupon-item-rules image {
  width: 48rpx;
  height: 48rpx;
}

.coupon-item-rules-text {
  height: 32rpx;
  line-height: 32rpx;
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #C38029;
  margin-right: 56rpx;
}

.coupon-item-rules-text.rules-show {
  height: auto;
  margin-top: 8rpx;
}

.coupon-item-status-icon {
  width: 144rpx;
  height: 144rpx;
  position: absolute;
  top: 36rpx;
  right: 28rpx;
}