.give-coupons-container{ background-color: #98242d; padding-bottom: 80px;}
.banner-container{ width: 100%; height: 625px; background: url(/zhuanti/2022/regcoupon/img/register-coupon@banner.jpg) center no-repeat; text-align: center;}
.banner-container .banner-body{ position: relative; overflow: hidden; height: 280px; display: inline-block; width: 1155px; margin:185px auto 0; text-align: center;}
.banner-container .banner-body .title1{ position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 1; width: 473px; height: 90px; background: url(/zhuanti/2022/regcoupon/img/register-coupon1@title.png);}
.banner-container .banner-body .title2{ position: absolute; top: 42px; left: 0; right: 0; margin: auto; z-index: 2; width: 548px; height:154px; background:url(/zhuanti/2022/regcoupon/img/register-coupon2@title.png);}
.banner-container .banner-body .title3{ position: absolute; top: 190px; left: 0; right: 28px; line-height: 37px; color: #fcecd3; font-size: 18px; font-weight: bold; margin: auto; z-index: 2; width: 635px; height:38px; background:url(/zhuanti/2022/regcoupon/img/register-coupon3@title.png); }

.give-coupons-body{ background:url(/zhuanti/2022/regcoupon/img/give-coupons-body@bg.jpg) top center no-repeat #98242d; padding-top: 30px;}
.give-coupons-mod{ width: 1200px; height: 374px; margin:0 auto; background: url(/zhuanti/2022/regcoupon/img/give-coupons@bg.png);}
.give-coupons-mod .box{ padding: 55px 0 0 50px;}
.give-coupons-mod .box .title{ text-align: center; font-weight: bold; font-size: 32px; color: #b20d17;}
.give-coupons-mod .box .list{ margin-top: 42px;}
.give-coupons-mod .box .list li{ width: 347px; height: 151px; float: left; background: url(/zhuanti/2022/regcoupon/img/coupon-no@bg.png);}
.give-coupons-mod .box .list li.spacer{ margin-right: 30px;}
.give-coupons-mod .box .list li .item{ padding: 45px 10px; text-align: center;}
.give-coupons-mod .box .list li .item .money{ display: inline-block; vertical-align: middle; height: 64px; margin-right: 14px; }
.give-coupons-mod .box .list li .item .money.y20{ width: 103px; background: url(/zhuanti/2022/regcoupon/img/coupon-no@icon.png);}
.give-coupons-mod .box .list li .item .money.y50{ width: 110px; background: url(/zhuanti/2022/regcoupon/img/coupon-no@icon.png) 0 -77px ;}
.give-coupons-mod .box .list li .item .money.y100{ width: 136px; background: url(/zhuanti/2022/regcoupon/img/coupon-no@icon.png) 0 -154px ;}
.give-coupons-mod .box .list li .item .info{ display: inline-block; vertical-align: middle; margin-top: -5px;}
.give-coupons-mod .box .list li .item .info p{ color: #b31922; font-size: 16px; margin-bottom: 5px;}
.give-coupons-mod .box .list li .item .info a.btn{ display: block; width: 143px; height: 40px; line-height: 38px; background: url(/zhuanti/2022/regcoupon/img/coupons-btn@bg.png); font-size: 17px; color: #faebd4;}
.give-coupons-mod .box .list li .item .info a.btn:hover{ color: #fff091; margin-top: 2px; background: url(/zhuanti/2022/regcoupon/img/coupons-btn@bg.png) center; background-size: 105%; }
.give-coupons-mod .box .list li.received .item .info a.btn{ background: url(/zhuanti/2022/regcoupon/img/coupons-btn2@bg.png); color: #fff; cursor: default;}

.free-coupons-mod{ width: 1200px; margin: 0 auto; margin-top: 48px;}
.free-coupons-mod .title{ height:106px; background: url(/zhuanti/2022/regcoupon/img/free-coupon@title.png) center no-repeat; text-align: center; }
.free-coupons-mod .title h3{ display: inline-block; margin-top: 31px;  font-size: 32px; font-weight: bold; background-image: linear-gradient(180deg,#fefefd,#f3c99d); background-clip:text; -webkit-background-clip:text; color: transparent;}
.free-coupons-mod .box{ height:372px ; background: url(/zhuanti/2022/regcoupon/img/free-coupons@bg.png); padding: 0 0 0 50px;}
.free-coupons-mod .box .list{ display: inline-block; vertical-align: middle; margin-top: 110px;}
.free-coupons-mod .box .list li{ width: 347px; height: 151px; float: left; background: url(/zhuanti/2022/regcoupon/img/coupon-no@bg.png);}
.free-coupons-mod .box .list li.spacer{ margin-right: 30px;}
.free-coupons-mod .box .list li .item{ padding: 40px 10px; text-align: center;}
.free-coupons-mod .box .list li .item .money{ display: inline-block; vertical-align: top; width: 90px; margin-top: -5px; line-height: 36px; font-weight: bold; font-size: 34px; color: #b31922;}
.free-coupons-mod .box .list li .item .info{ display: inline-block; vertical-align: middle; margin-top: -5px;}
.free-coupons-mod .box .list li .item .info p{ color: #b31922; font-size: 16px; margin-bottom: 4px;}
.free-coupons-mod .box .list li .item .info a.btn{ display: block; width: 143px; height: 40px; line-height: 38px; background: url(/zhuanti/2022/regcoupon/img/coupons-btn@bg.png); font-size: 17px; color: #faebd4;}
.free-coupons-mod .box .list li .item .info a.btn:hover{ color: #fff091; margin-top: 2px; background: url(/zhuanti/2022/regcoupon/img/coupons-btn@bg.png) center; background-size: 105%; }
.free-coupons-mod .box .rule{ display: inline-block; vertical-align: top; color: #b31922; font-size: 16px; margin-top: 110px;}
.free-coupons-mod .box .rule p{ margin-bottom: 8px;}
.free-coupons-mod .box .rule a{ text-decoration: underline; color: #6e0f61;}
.free-coupons-mod .box .rule a:hover{ color: #99328b;}
.free-coupons-mod .box .list li.received .item .info a.btn{ background: url(/zhuanti/2022/regcoupon/img/coupons-btn2@bg.png); color: #fff; cursor: default;}

/*ÁìÈ¡µ¯¿ò*/
.free-proofing-up{ display: none; position:fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.free-proofing-up .free-proofing-up-body{ position: absolute; left: 50%; top: 50%; margin-left: -220px; margin-top: -175px; border-radius: 15px; width: 420px; background-color: #fff8f0; border: 2px solid #98242d; box-shadow: 0 6px 15px rgba(0,0,0,0.18);}
.free-proofing-up .free-proofing-up-body .box{ padding: 25px 40px 35px; }
.free-proofing-up .free-proofing-up-body .box h3{ font-size: 28px; color: #b20d17; line-height: 1.2; text-align: center; margin-bottom: 5px;}
.free-proofing-up .free-proofing-up-body .box .coupon{ width: 310px; height: 110px; margin: 0 auto; margin-top: 12px; background: url(/zhuanti/2022/regcoupon/img/coupon-no2@bg.png);}
.free-proofing-up .free-proofing-up-body .box .coupon .item{ padding: 28px 10px; text-align: center;}
.free-proofing-up .free-proofing-up-body .box .coupon .item .money{ display: inline-block; vertical-align: middle; height: 64px; margin-top: -8px; margin-right: 5px; font-size: 65px; line-height: 68px; color: #b31922; font-weight: bold; font-family:arial ;}
.free-proofing-up .free-proofing-up-body .box .coupon .item .money small{ font-size: 36px;}
.free-proofing-up .free-proofing-up-body .ewm{ text-align: center;}

.free-proofing-up .free-proofing-up-body .box .coupon .item .info{ display: inline-block; vertical-align: middle; }
.free-proofing-up .free-proofing-up-body .box .coupon .item .info p{ color: #b31922; font-size: 15px; margin-bottom: 2px; text-align: left;}
.free-proofing-up .free-proofing-up-body .box .coupon .item .info a.btn{ display: block; width: 143px; height: 40px; line-height: 38px; background: url(/zhuanti/2022/regcoupon/img/coupons-btn@bg.png); font-size: 17px; color: #fff;}
.free-proofing-up .free-proofing-up-body .box .coupon .item .info a.btn:hover{ color: #fff091; margin-top: 2px; background: url(/zhuanti/2022/regcoupon/img/coupons-btn@bg.png) center; background-size: 105%; }

.free-proofing-up .free-proofing-up-body .box .oper{ text-align: center; margin-top: 25px;}
.free-proofing-up .free-proofing-up-body .box .oper a{ display: inline-block; width: 142px; height: 40px; margin: 0 8px; line-height: 40px; border: 1px solid #c42533; background-color: #fff; font-size: 15px; color: #c42533; border-radius: 3px; box-shadow: 0 7px 7px rgba(255,104,34,0.12);}
.free-proofing-up .free-proofing-up-body .box .oper a:hover{ background-color: #fff;}
.free-proofing-up .free-proofing-up-body .box .oper a.goto{ background-color: #c42533; color: #fff;}
.free-proofing-up .free-proofing-up-body .box .oper a.goto:hover{ opacity: 0.9;}
.free-proofing-up .free-proofing-up-body .close{ position: absolute; right: -22px; top:-12px;  width: 41px; height: 41px; background: url(/zhuanti/2022/regcoupon/img/free-proofing-close@coupon.png);}
.free-proofing-up .free-proofing-up-body .box .tis {
    margin-top: 12px;
    padding: 20px 0;
    font-size: 16px;
    text-align: center;
}