/* component/selectCoupon/selectCoupon.wxss */
@import "/app.wxss";
.modal-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  transform: translateY(100%);
  opacity: 0;
  transition: opacity 200ms;
  z-index: 98; 
}

.modal-container.active {
  opacity: 1;
  transform: translateY(0); }

.modal-content.active {
  transform: translateY(0); }

.modal-content {
  position: fixed;
  z-index: 99;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #ffffff;
  transition: transform 300ms;
  transform: translateY(100%); 
  height: 1000rpx;
  }

.modal-content .modal-close {
  position: absolute;
  right: 24rpx;
  top: 35rpx;
  width: 25rpx;
   }

.modal-to-back{
  width: 18rpx;
  position: absolute;
  left: 24rpx;
  top: 35rpx;
  transform: rotate(180deg);
}
.modal-title{
  color: #333333;
  font-size: 32rpx;
  position: absolute;
  left: 295rpx;
  top: 28rpx;
}
.coupon-list{
  width: 702rpx;
  height: 174rpx;
  position: relative;
  margin-bottom: 25rpx;
}
.coupon-bg{
  width: 100%;
  height: 174rpx;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.left-price-coupon-bg {
  height: 174rpx;
  width: 174rpx;
  position: absolute;
  overflow: hidden;
}
.modal-info{
  padding: 0 24rpx;
  margin-top: 95rpx;
}
.left-price,.right-info{
  display: inline-block;
}
.left-price{
  font-size: 18rpx;
  color:#CB3C3C;
  position: absolute;
  /* top: 36rpx;
  left: 48rpx; */
  width: 174rpx;
  height: 174rpx;
}
.amount{
  font-size: 54rpx;
}
.right-info{
  position: absolute;
  top: 33rpx;
  left: 205rpx;
}
.coupon-title{
  font-size: 28rpx;
  color: #333333;
}
.coupon-time{
  color: #aaaaaa;
  font-size: 20rpx;
}
.coupon-desc{
  color: #aaaaaa;
  font-size: 22rpx;
  margin-top: 12rpx;
}
.modal-info{
  max-height: 900rpx;
  overflow: scroll;
}
.empty-coupon{
  width: 100%;
  color: #aaaaaa;
  margin-top:211rpx ;
  text-align: center;
}
.coupon-radio{
  width: 32rpx;
  height: 32rpx;
  border-radius: 50%;
  border: 1rpx solid rgba(0, 0, 0, 0.2);
  line-height: 26rpx;
  text-align: center;
}
.tick-success{
  width: 18rpx;
}
.select-radio{
  position: absolute;
  top: 71rpx;
  right: 30rpx;
}
.theme-color{
  border: none;
}


/* .integral-detail{
  margin-top: 90rpx;
}
.integral-list{
  margin-bottom: 60rpx;
  font-size: 27rpx;
}
.integral-title,.integral-desc{
  display: inline-block;
}
.integral-title{
  color: #999999;
  vertical-align: top;
  margin-right: 50rpx;
  text-align: right;
  width: 120rpx;
}
.integral-desc{
  width: 500rpx;
  color: #666666;
} */