page {
    background: #fff;
}

.coupon-detail-head {
    text-align: center;
    color: #fff;
    position: relative;
    padding: 1rem 0;
}

.coupon-detal-bot {
    height: 28rpx;
    position: absolute;
    bottom: -14rpx;
    left: 0;
    overflow: hidden;
}

.coupon-detal-bot i {
    width: 28rpx;
    height: 28rpx;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    margin: 0 8rpx;
    float: left;
}

.coupon-detail-head-title {
    padding: 0 0 20rpx;
    border-bottom: 1px dashed #fff;
}

.coupon-detail-head-title .title {
    font-size: 32rpx;
    font-weight: bold;
}

.coupon-detail-head-title .subtitle {
    font-size: 24rpx;
    height: 40rpx;
}

.coupon-detail-head-info {
    padding: 20rpx;
}

.coupon-detail-head-info .useprice {
    line-height: 48rpx;
    display: block;
    font-size: 36rpx;
    padding: 12rpx;
}

.coupon-detail-head-info .receive {
    display: block;
    width: 400rpx;
    height: 64rpx;
    border: 2rpx solid rgba(0,0,0,0.5);
    border-radius: 80rpx;
    margin: 0 auto;
    overflow: hidden;
    line-height: 64rpx;
    font-size: 28rpx;
}

.coupon-detail-head-info .receive .inner {
    background: #fff;
}

.blue.coupon-detail-head {
    background: #42b5fe;
}

.blue .coupon-detail-head-info .receive {
    color: #42b5fe;
}

.org.coupon-detail-head {
    background: #ff6c00;
}

.org .coupon-detail-head-info .receive {
    color: #ff6c00;
}

.pink.coupon-detail-head {
    background: #f55790;
}

.pink .coupon-detail-head-info .receive {
    color: #f55790;
}

.red.coupon-detail-head {
    background: #f74a4a;
}

.red .coupon-detail-head-info .receive {
    color: #f74a4a;
}

.disa.coupon-detail-head {
    background: #bcbcbc;
}

.disa .coupon-detail-head-info .receive {
    color: #bcbcbc;
}

.coupon-detail-content {
    padding: 40rpx;
}

.coupon-detail-content-info {
    border: 1px solid #dcdcdc;
    border-radius: 12rpx;
}

.coupon-detail-content-info-top {
    padding: 1rem 1rem 20rpx;
    border-bottom: 1px dashed #dfdfdf;
}

.coupon-detail-content-info-bot {
    padding: 40rpx;
}

.coupon-detail-content-info .title {
    height: 52rpx;
    line-height: 40rpx;
    color: #020202;
    font-size: 28rpx;
    display: block;
    font-weight: bold;
}

.coupon-detail-content-info .text {
    line-height: 32rpx;
    color: #8f8f8f;
    font-size: 24rpx;
    padding-bottom: 20rpx;
}

.coupon-detail-content-info .text .wxParse-p {
    margin-bottom: 16rpx;
}