.coupon-wrapper {
    position:fixed;z-index:1;width:100%;height:100%;left:0;top:0;
    display:flex;align-items:center;justify-content:center;
    transition:.5s;opacity:0.01;display:none;
}
.coupon-wrapper.show {opacity:1;}
.coupon-wrapper .bg {position:absolute;left:0;top:0;background-color:rgba(0,0,0,.5);width:100%;height:100%;}
.coupon-wrapper .coupon-box {
    width:500px;height:635px;
    background-image:url('/images/coupon/coupon-banner-bg.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center;
    z-index:1;
    position:relative;transition:.5s;transform:scale(.5);
}
.coupon-wrapper.show .coupon-box {transform:scale(1);}
.coupon-box .text-box {
    color:#db2b57;display:flex;flex-direction:column;align-items:center;justify-content:center;
    position:absolute;top:110px;left:17px;width:465px;height:100px;

}
.coupon-box .text-box .t1 {font-size:3rem;}
.coupon-box .text-box .t2 {font-size:2.5rem;margin-top:1rem;}

.coupon-box .amount-box {
    position:absolute;top:220px;left:142px;width:303px;height:183px;
    display:flex;align-items:center;justify-content:center;
    color:#fdf7d3;font-size:3rem;padding-right:2rem;
}
.coupon-box .amount-box .amount {font-size:3rem;}
.coupon-box .amount-box .num {font-size:8rem;}

.coupon-box .bottom-box {
    position:absolute;bottom:0;left:0;width:100%;height:190px;
    display:flex;align-items:center;justify-content:center;flex-direction:column;

}
.coupon-box .bottom-box .coupon-button {
    background-color:#fedb50;color:#b40935;
    font-size:2.5rem;padding:1rem 8rem;border-radius:1rem;
    cursor:pointer;
}
.coupon-box .bottom-box .coupon-button:hover {filter:brightness(1.1);}
.coupon-box .bottom-box .coupon-button.disabled {background-color:#ccc;color:#999;}
.coupon-box .bottom-box .help {margin-top:1.5rem;font-size:2.2rem;color:#fff;}
.coupon-box .bottom-box .help a {color:#fff;}
.coupon-box .bottom-box .help a:hover {text-decoration:underline;}