/* packageI/parkCouponFree/components/coupon/coupon.wxss */

.car-coupon-cell {
  margin: 20rpx 30rpx;
  min-height: 170rpx;
  background-color: #ffffff;
  border-radius: 12rpx;
  overflow: hidden;
  display: flex;
}

.car-coupon-cell .coupon-left {
  width: 35%;
  background-color: #ffb84c;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30rpx;
  color: #fff;
  line-height: 36rpx;
  font-weight: 600;
  padding: 20rpx;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* .car-coupon-cell .coupon-left:after {
  content: '';
  width: 16rpx;
  height: 170rpx;
  position: absolute;
  border-left: 14rpx dotted #fff;
  right: -22rpx;
} */

.car-coupon-cell .coupon-left:after {
  /* 优惠券 锯齿效果 */
  background-image: radial-gradient(#fff 4px, transparent 4px);
  background-repeat: repeat-y;
  background-size: 10px 10px;
  content: '';
  display: block;
  height: 100%;
  right: -5px;
  position: absolute;
  top: 0;
  width: 10px;
}

.car-coupon-cell .coupon-right {
  flex: 1;
  padding: 16rpx 24rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.car-coupon-cell .coupon-right .coupon-title {
  font-size: 30rpx;
  color: #333333;
  overflow: hidden;
  font-weight: 600;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
}

.car-coupon-cell .coupon-right .coupon-des {
  font-size: 24rpx;
  color: #535353;
}