page{background-color: #f8f8f8;}
.co-w{color: #ffffff;}
.co_g{color:#b399b3}
.co_b{color:#333;}

.up_part{background-color: #fff;padding-bottom: 20rpx}
.img_part{ padding: 0 20rpx; position: relative}
.btn{ width: 90%; height: 72rpx; border-radius: 10rpx; background-color: #ff6c6c; color: #fff;}
.love{ width: 60rpx; height: 50rpx}
.q_content{ position: absolute;top: 0; left: 0; width: calc(100% - 40rpx); height: 450rpx;padding: 0 20rpx; }
.upper{ height:330rpx;}
.lower{ height: 120rpx; line-height: 170rpx;color:#7a668f}
.quan_box {display: flex;flex-direction: column; box-sizing: border-box;}
.upper .left{ margin-left:30rpx; margin-top: 30rpx }
.t_circle{ width: 10rpx; height: 10rpx; border-radius: 50%; background-color: #fff; margin-right: 8rpx}

.suc_content{
    height: 300rpx; width: 84%; margin-left:8%;position: fixed; border-radius:25rpx;
    top:50%; margin-top: -150rpx;background-color: #fff; z-index: 999999;
}

.suc_content .up{ min-height:200rpx;}
.suc_content .up image{ width: 280rpx; height: 220rpx; margin-top: -130rpx}
.suc_content .down{ background-color: #c4182e; height:106rpx; line-height: 106rpx;
    border-bottom-right-radius:25rpx;
    border-bottom-left-radius:25rpx;
}

.btn.gray{background-color: #aaa; color: #fff;}
.coupon_remark{padding: 30rpx 0 10rpx 0; box-sizing: border-box; overflow: hidden;}

.q_title{
    margin-top:30rpx;color:#4e220b; padding: 0 10rpx; padding-bottom: 10rpx;
}