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

.header{padding: 0 10rpx;}
.r_txt{line-height: 45rpx; }
.content{padding: 0 20rpx; margin-top: 20rpx}
.quan_item{ height: 213rpx; margin-bottom: 20rpx }
.quan_item .left{overflow: hidden;width: 35%; height: 213rpx;border-top-left-radius:10rpx;border-bottom-left-radius:10rpx;position: relative}
.quan_item .right{width: 65%; height:  210rpx; border-top-right-radius:10rpx;border-bottom-right-radius:10rpx;position: relative;
    background-position: center;background-size: 100% 100%; background-repeat: no-repeat}
.quan_item .left.red {background: url(https://mshopimg.yolipai.net/miniapp/images/coupon_img/red.png) no-repeat;background-position: center;background-size: 100% 100%;}
.quan_item .left.blue {background: url(https://mshopimg.yolipai.net/miniapp/images/coupon_img/blue.png) no-repeat;background-position: center;background-size: 100% 100%;}
.quan_item .left.purple {background: url(https://mshopimg.yolipai.net/miniapp/images/coupon_img/purple.png) no-repeat;background-position: center;background-size: 100% 100%;}

.quan_item .right.pding{padding-left: 40rpx}
.btn{position: absolute;right: 20rpx; bottom: 20rpx; border-radius: 5px; border: 1rpx solid #c4182e; width: 132rpx; height: 40rpx; color: #c4182e }
.btn.is_get{border: 0;background-color: #dcdcdc;color: #adb3be; width: 94rpx;}

.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{ 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;
}