@charset "utf-8";
/*
@author: he
@update: he (2022-08-10)
*/
body{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
input,button,select,textarea{outline:none} textarea{resize:none}

/*框架*/
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/* 新增公用样式 */
.hide{display:none;}
.diiblock{display: inline-block; *zoom: 1; *display: inline;}
.textcon{text-align:center;}
.marcon{margin:0 auto;}
.wblod{font-weight: bold;}
.horizontalcolor{background: -moz-linear-gradient(to right, #11C3F9, #72C472); background: -ms-linear-gradient(to right, #11C3F9, #72C472); background: -webkit-linear-gradient(to right, #11C3F9, #72C472); background: linear-gradient(to right, #11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="1");}
.verticalcolor{background: -moz-linear-gradient(#11C3F9, #72C472); background: -ms-linear-gradient(#11C3F9, #72C472); background: -webkit-linear-gradient(#11C3F9, #72C472); background: linear-gradient(#11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="0");}
.margR0{margin-right: 0 !important;}
.bodyBg{ background: #fd6946;}

/*页头*/
.headerBg{ position: relative; z-index: 1; overflow-x: hidden; overflow-y: hidden;}
.headerBg .header{ position: relative; z-index: 2; height: 850px;}
.headerBg .header .logo{ position: absolute; top: 51px; left: 15px; z-index: 10; width: 172px; height: 40px; display: block;}
.headerBg .header .login{ position: absolute; top: 40px; right: 50px; padding: 0 40px; height: 56px; line-height: 56px; font-size: 20px; color: #fff; background: #a90515; border-radius: 28px;}
.headerBg .header .login a{ color: #fff;}
.headerBg .header .shuangTime{ position: absolute; top: 296px; left: 50%; z-index: 6; width: 558px; height: 56px; margin-left: -282px; line-height: 56px; text-align: center; font-size: 22px; color: #82010e;}
.headerBg .header .shuangTime b{ display: inline-block; margin: 0 5px; font-size: 28px; vertical-align: -3px;}
.headerBg .header .cTit{ position: absolute; top: 144px; left: 50%; z-index: 10; margin-left: -355px; width: 710px; height: 135px;}
.headerBg .banner-fxBox{position: absolute;top: 0;left: 50%; z-index: 1; width: 1920px;height: 850px;margin-left: -960px;}
.headerBg .banner-fx1,.headerBg .banner-fx2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/images/zhuanti/chongzhi/bg_02.png) no-repeat;transform-origin: 960px 550px; transform: scale(0);opacity: 0;}
.headerBg .banner-fx1{animation: fxfd infinite 6s;}
.headerBg .banner-fx2{animation: fxfd infinite 6s 3s;}
@keyframes fxfd{
    0%{transform: scale(0);}
    50%{transform: scale(1);opacity: 0.8;}
    100%{transform: scale(1.5);opacity: 0;}
}
@keyframes kc {
    0%,25%,5%,12.5%,20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    10% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    15% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

/*充值*/
.recharge-wap{ margin-top: -190px; margin-bottom: 50px; position: relative; z-index: 2; padding: 6px; width: 1188px; border-radius: 24px; background: #e01d2a;
    background: -webkit-linear-gradient(top, #e01d2a, #ff633e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #e01d2a, #ff633e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #e01d2a, #ff633e); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #e01d2a, #ff633e); /* 标准的语法 */}
.recharge{ background: #fff; border-radius: 18px; padding-top: 44px;}
.recharge .topTit{ position: absolute; left: 50%; top: -20px; margin-left: -282px; width: 565px; height: 65px; line-height: 64px; text-align: center; font-size: 34px; color: #fffaf3; font-weight: 700; background: url(/images/zhuanti/chongzhi/tit_01.png) no-repeat;}
.recharge .fdIcon{ position: absolute; top: 22px; right: 30px; width: 70px; height: 70px; background: url(/images/zhuanti/chongzhi/icon_02.png) no-repeat;}
.recharge .nameBox{ padding: 18px 52px; height: 28px;}
.recharge .nameBox-left{ float: left; padding-left: 48px; height: 28px; line-height: 28px; font-size: 18px; color: #3f140c; background: url(/images/zhuanti/chongzhi/icon_01.png) no-repeat left center;}
.recharge .nameBox-left span{ color: #e50404}
.recharge .nameBox-left .btn{ margin-left: 22px; display: inline-block; width: 68px; height: 26px; line-height: 26px; text-align: center; font-size: 16px; color: #3f140c; border: 1px solid #dedede; border-radius: 14px;}
.recharge .nameBox-left .btn:hover{ text-decoration: none; background: #dedede;}
.recharge .cBox{ padding-left: 8px;}
.recharge .cBox-list{ float: left; position: relative; z-index: 1; width: 520px; height: 220px; margin: 0 0 30px 44px; background: url(/images/zhuanti/chongzhi/bg_04.png) no-repeat; cursor: pointer; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.recharge .cBox-list .fdleft,.recharge .cBox-list .fdRight{ position: absolute; left: 80px; top: 30px; width: 160px; line-height: 100px; font-size: 22px; color: #fff; text-align: center;}
.recharge .cBox-list .fdleft b,.recharge .cBox-list .fdRight b{ font-family:"Impact"; font-size: 46px; vertical-align: -2px;}
.recharge .cBox-list .fdRight{ left: 310px; top: 30px; color: #e50404;}
.recharge .cBox-list .fdbot{ position: absolute; left: 0; top: 160px; width: 100%; line-height: 40px; font-size: 18px; color: #a90515; text-align: center;}
.recharge .cBox-list .fdbot b{ font-size: 38px; vertical-align: -2px;}
.recharge .cBox-list.on{ background: url(/images/zhuanti/chongzhi/bg_03.png) no-repeat;}
.recharge .cBox-list:hover{ text-decoration: none; transform:translate3d(0, -4px, 0);}
.recharge .bBox{ overflow: hidden; height: 120px; background: #ffe2c0; border-radius: 0 0 18px 18px;}
.recharge .bBox-price{ float: left; line-height: 120px; margin-left: 200px; font-size: 18px; color: #e50404;}
.recharge .bBox-price b{ font-size: 46px; vertical-align: -3px;}
.recharge .bBox-btn{ float: right; margin: 24px 46px 0 0; width: 316px; height: 70px; line-height: 70px; text-align: center; font-size: 30px; font-weight: 700; color: #fff; border-bottom: 3px solid #ffa04c; border-radius: 35px; background: #f53d18; -webkit-box-shadow:0 4px 20px rgba(242, 95, 61, 0.76); -moz-box-shadow:0 4px 20px rgba(242, 95, 61, 0.76); box-shadow:0 4px 20px rgba(242, 95, 61, 0.76);
    background: -webkit-linear-gradient(top, #fe6229, #ee1f09); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #fe6229, #ee1f09); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #fe6229, #ee1f09); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #fe6229, #ee1f09); /* 标准的语法 */}
.recharge .bBox-btn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(top, #ee1f09, #fe6229); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ee1f09, #fe6229); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ee1f09, #fe6229); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ee1f09, #fe6229); /* 标准的语法 */}
.recharge .bBox-xieyi{ float: right; margin: 40px 40px 0 0; height: 40px; line-height: 40px; font-size: 16px; color: #a90515;}
.recharge .bBox-xieyi span{ display: inline-block; padding-left: 34px; cursor: pointer; background: url(/images/zhuanti/chongzhi/icon_04.png) no-repeat left center;}
.recharge .bBox-xieyi span.on{ background: url(/images/zhuanti/chongzhi/icon_03.png) no-repeat left center;}
.recharge .bBox-xieyi a{ color: #a90515;}
.recharge .noLogin-bg{ position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%; height: 630px;}

/*活动说明*/
.explain-wap{ margin-bottom: 50px; position: relative; z-index: 2; padding: 6px; width: 1188px; border-radius: 24px; background: #e01d2a;
    background: -webkit-linear-gradient(top, #e01d2a, #ff633e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #e01d2a, #ff633e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #e01d2a, #ff633e); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #e01d2a, #ff633e); /* 标准的语法 */}
.explain{ background: #fbe4c9; border-radius: 18px; padding: 70px 30px 30px;}
.explain .topTit{ position: absolute; left: 50%; top: -20px; margin-left: -218px; width: 437px; height: 65px; line-height: 64px; text-align: center; font-size: 34px; color: #fffaf3; font-weight: 700; background: url(/images/zhuanti/chongzhi/tit_02.png) no-repeat;}
.explain .conBox{ padding: 40px 30px 30px; background: #fff; border-radius: 16px;}
.explain .conBox .clist{ position: relative; z-index: 1; padding-left: 46px; line-height: 30px; font-size: 18px; color: #380b02; margin-bottom: 14px;}
.explain .conBox .clist i{ display: block; position: absolute; left: 0; top: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 20px; color: #fff; font-weight: 700; background: url(/images/zhuanti/chongzhi/icon_05.png) no-repeat; background-size: 30px 30px;}
.explain .conBox .clist span{ color: #e50404;}
.explain .conBox .clist span b{ font-size: 24px; vertical-align: -2px;}

/*加入我们*/
.joinBoxBg{ background: url(/images/zhuanti/chongzhi/bg_05.png) repeat-x left top #fffaf1;}
.joinBox{ width: 1100px; padding: 0 50px; background: #fff; border-radius: 16px; margin-bottom: 20px; -webkit-box-shadow:0 12px 16px rgba(247, 142, 106, 0.11); -moz-box-shadow:0 12px 16px rgba(247, 142, 106, 0.11); box-shadow:0 12px 16px rgba(247, 142, 106, 0.11);}
.joinBox .leftBox{ padding: 30px 0;}
.joinBox .leftBox-tit{ height: 34px; margin-bottom: 10px;}
.joinBox .leftBox-txt{ line-height: 40px; font-size: 16px; color: #3f140c;}
.joinBox .rightEwm{ width: 136px; height: 176px; padding: 12px 12px 0; border: 1px solid #fcc589; background: #fffcf7; margin: 20px 0 20px 20px; border-radius: 6px;}
.joinBox .rightEwm .pic{ display: block; width: 136px; height: 136px;}
.joinBox .rightEwm .txt{ line-height: 40px; text-align: center; font-size: 16px; color: #666;}

.footer{ margin: 0 auto !important; padding: 10px 0;}
.footer,.footer a{ color: #3f140c!important;}

.mask{ display: none; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); position:fixed; top:0; left:0; z-index:98;}

/*提示弹框*/
.tsTk{ display: none; width: 480px; background: #fff; border-radius: 8px; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -240px; z-index: 99;}
.tsTk .xx{ display: block; position: absolute; top: -10px; right: -10px; width: 39px; height: 39px; background: url(/images/zhuanti/20220618/icon_09.png) no-repeat;}
.tsTk .cpic{ width: 118px; height: 118px; padding-top: 24px; margin: 0 auto 3px;}
.tsTk .ctxt{ line-height: 38px; font-size: 22px; color: #666; margin-bottom: 20px; text-align: center;}
.tsTk .ctxt b{ color: #f7553f;}
.tsTk .bhan{ display: block; width: 170px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; color: #fff; font-weight: 700; background: #f26208; border-radius: 25px; margin: 0 auto 20px;}
.tsTk .bhan:hover{ text-decoration: none; background: #ff6302;}