/* pages/couponDetail/couponDetail.wxss */
@import './../../base/base.wxss';
.coupon-wrap{
  padding: 20rpx;
  clear: both;
}
.coupon-list{
  width: 712rpx;
  height: 209rpx;
  position: relative;
  margin-bottom: 20rpx;
}
.coupon-bg{
  width: 712rpx;
  height: 209rpx;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.coupon-img image{
  width: 172rpx;
  height: 172rpx;
  position: absolute;
  top: 18rpx;
  left: 16rpx;
}
.coupon-info{
  position: absolute;
  top: 30rpx;
  left: 236rpx;
}
.coupon-name{
  color:#000;
}
.coupon-desc{
  width: 360rpx;
  color:#999999;
  margin-top: 10rpx;
}
.coupon-code{
  color: #ffffff;
  position: absolute;
  right: 20rpx;
  top: 30rpx;
  width: 24rpx;
  word-wrap: break-word; 
  font-weight: bold;
}
.integral-detail{
  margin: 90rpx 0 160rpx 0;
  padding: 0 30rpx;
}
.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: 440rpx;
  color: #666666;
}