*{
    margin: 0;
    padding:0;
}
body,html{
    width: 100%;
    height: 100%;
    /*overflow:scroll;*/
    position:relative;
    overflow: hidden;

}
.line{
    border-bottom: 0.01rem solid #dddddd;
}
.head{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 0.79rem;
    margin-right: 0.79rem;
    margin-top: 0.4rem;
    height:1.08rem;

}
.head p{
    font-size: 0.3rem;
    color:#666;
    font-weight: bold;

}
.active{
    color:#3990F5;
    font-size: 0.34rem;
    height:1.03rem;
    border-bottom: 0.05rem solid #3990F5;
    line-height: 1.08rem;
}
/*优惠券列表*/
.couponlist{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: 0.39rem;
}
.coupon_list_line{

    height:3.5rem;
    background: url("../img/coupon.png")no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
}
.couponhead{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.3rem;
}
.couponmoney{
    display:flex;
}
.sign_coupon{
    font-size: 0.41rem;
    color:#fff;
    margin-left: 0.58rem;
}
.coupon_money{
    font-size: 0.94rem;
    color:#fff;
    font-weight: bold;
}
.voucher{
    font-size: 0.36rem;
    color:#FFD966;
    margin-top: 0.58rem;
    margin-left: 0.2rem;
}
.use{
    display:flex;
    width:2.21rem;
    height:0.67rem;
    background: #FECF40;
    border-radius: 8px;
    margin-right: 0.5rem;
    line-height: 0.67rem;
}
.rightuse{
    color:#F33A3A;
    font-size: 0.3rem;
    margin-left: 0.47rem;
}
.icon-arrow{
    font-size: 0.2rem;
    margin-left: 0.2rem;
}
.date{
    width:6rem;
    margin-left: 0.58rem;
    height:0.25rem;
    display:flex;
}
.date p{
    font-size: 0.26rem;
   color:#fff;
}
.share{
    display:flex;
    margin-top: 0.8rem;
    margin-left: 2rem;
}
.sharefriend{
   font-size: 0.28rem;
    color:#fff;
    line-height: 1;
    margin-left: 0.2rem;
}
.sharecoupon{
    width:0.29rem;
    height:0.29rem;
    background: #fff;
    border-radius: 5px;
}

.icon-duigou{
   width:0.29rem;
    height:0.29rem;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    line-height:0.25rem ;
    font-size: 0.3rem;
    color:#F33B3B;
}
/*分享第一步*/
.sharefirst{
    position:absolute;
    width:7.5rem;
    height:100%;
    background: url("../img/sharefirst.png") no-repeat center;
    background-size: 100% 100%;
}
.firststep{
    font-size: 0.42rem;
    color:#fff;
    margin-top: 6.5rem;
    margin-left: 0.78rem;
}
.nextstep{
    width:2.73rem;
    height:1rem;
    border:0.05rem solid #fff;
    border-radius: 50px;
    font-size: 0.42rem;
    color:#fff;
    text-align: center;
    line-height: 1rem;
    margin-top: 0.5rem;
    margin-left: 2.3rem;
}
/*分享第二步*/
.sharesecond{
    height:100%;
    background: url("../img/sharesecond.png") no-repeat center;
    background-size: 100% 100%;

}
/*已使用的优惠券*/
.uncoupon_list_line{
    height:3.5rem;
    background: url("../img/usecoupon.png")no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
}
.uncouponhead{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.3rem;
}
.uncouponmoney{
    display:flex;
}
.unsign_coupon{
    font-size: 0.41rem;
    color:#fff;
    margin-left: 0.58rem;
}
.uncoupon_money{
    font-size: 0.94rem;
    color:#fff;
    font-weight: bold;
}
.unvoucher{
    font-size: 0.36rem;
    color:#fff;
    margin-top: 0.58rem;
    margin-left: 0.2rem;
}
.alreadydate{
    font-size: 0.36rem;
    color:#fff;
    margin-right: 0.7rem;
}
.unsharecoupon{
    width:0.29rem;
    height:0.29rem;
    background: #fff;
    border-radius: 5px;
}
.alreadycoupon{
    margin-top: 0.39rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.uncoupon{
    margin-top: 0.39rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}