@import "../../style/common";
.coupon-item{
  height: 140upx;
  background-color: rgba(252, 53, 56, 0.05);
  border-radius: 20upx;
  padding: 0 30upx 0 53upx;
  margin-bottom: 30upx;
}
.coupon-item-left{
  min-width: 100upx;
  margin-right: 20upx;
}
.coupon-item-price-group{
  font-size:24upx;
  line-height: 52upx;
  color: #FC3538;
}
.coupon-item-price{
  font-size: 56upx;
  margin-left: 6upx;
}
.coupon-item-button{
  width: 130upx;
  height: 50upx;
  background-color: #FC3538;
  border-radius: 25upx;
  font-size: 24upx;
  line-height: 30upx;
  color: #fff;
  margin-left: 10upx;
}
.coupon-item-button-disabled{
  background-color: #999;
}
.coupon-introduce{
  font-size: 24upx;
  line-height: 30upx;
  color: #999999;
}
.coupon-item-title{
  font-size: 26upx;
  color: #333;
  line-height: 30upx;
}
.coupon-item-title,.coupon-item-time{
  line-height: 30upx;
  font-weight: 400;
}
.coupon-item-time{
  font-size: 24upx;
  color: #999999;
  margin-top: 16upx;
}
.coupon-item-icon{
  width: 74upx;
  height: 74upx;
  margin-left: 30upx;
}

/* 不可用 */
.coupon-item-available,.coupon-item-notUse,.coupon-item-use,.coupon-item-expired{
  background-color: #fff;
}
.coupon-item-available{
  height: 200upx;
  padding-bottom: 60upx;
}
.coupon-available-footer{
  bottom: 0;
  height: 60upx;
  left: 30upx;
  right: 30upx;
  border-top: 1upx dashed #BFBFBF;
  font-size: 26upx;
  color: #333;
  line-height: 30upx;
}
/* 不可用 */

/* 已使用 和 已过期 */
.coupon-item-use .coupon-item-title,
.coupon-item-expired .coupon-item-title,
.coupon-item-use .coupon-item-price-group,
.coupon-item-expired .coupon-item-price-group
{
  color: #999999;
}
/* 已使用 和 已过期 */