@charset "utf-8";
html {-webkit-text-size-adjust:none;}
html,body,div,hr,p,blockquote,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,select,textarea,fieldset,legend,ins,menu{margin:0;padding:0;}
body,button,input,label,select,option,textarea,button,fieldset,legend,ins,sup{font:12px/1.5 Arial,'Lucida Grande',\5FAE\8F6F\96C5\9ED1,Verdana,Tahoma,\5b8b\4f53;outline: none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none;}
address,cite,dfn,em,var{font-style:normal;}
a{color:#999; text-decoration:none;star:expression(this.onFocus=this.blur()); /* for Ie*/}
img{ border:none;}
.clear{clear: both;zoom: 1;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}
input:-moz-placeholder,textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}
a{text-decoration: none;-webkit-transition: all 0.35s;transition: all 0.35s;}
.clear{clear: both;}
.btn{position: relative; -wbekit-box-sizing: border-box;box-sizing: border-box; -wbekit-border-radius: 5px;border-radius: 5px; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-property: color;transition-property: color;}
.btn:hover{border-color: #ffffff;}
.btn:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #5346e7;z-index: -1;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: transform 0.2s ease-out;transition: transform 0.2s ease-out;}
.btn:hover:before{-webkit-transform: scale(0);transform: scale(0);}


body,html{height: 100%;}
body{width: 100%;font-family:'Arial';background-color: #000;
    -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;    /* Internet Explorer/Edge */
    user-select: none;        /* Standard */}
.headerBox{position: fixed;top: 0;left: 0;width: 100%;height: 6.0834em;background-color: #11121c;z-index: 2;}
.header_content{position: relative;width: 100%;height: 4.8334em;z-index: 1;}
.header_content.on{display: none;}



.header_home{position: absolute;top: 0.625em;left: 2%;width: 3.58334em;height: 3.58334em;border-radius: 50%;border: 0.334em solid #5346e7;box-sizing: border-box;}
.header_home:before{top: -0.334em;left: -0.334em;-webkit-border-radius: 100%;border-radius: 100%;width: 3.58334em;height: 3.58334em;-webkit-transition: transform 0.15s ease-out;transition: transform 0.15s ease-out;}
.header_home span{position: absolute;top: -0.334em;left: -0.334em; width: 3.58334em;height: 3.58334em; }
.header_home:hover{border-color: #ffffff;}
.header_home span{background: url("../images/home.png") no-repeat;background-size: 100%;}

.header_ghw{position: absolute;top: 0.8334em;left: 5%;width: 12.4167em;height: 3.25em; background: url("../images/header_ghw.png") no-repeat; background-size: 100% 100%;-webkit-animation: 0.35s all;animation: 0.35s all;}
.header_ghw:hover{background: url("../images/header_ghwH.png") no-repeat; background-size: 100% 100%;}
.headerSlide{position: absolute;top: 0.334em;left: 15%; width: 41.667em;overflow: hidden;z-index: 2;}
.headerSlide .bd{position: relative;width: 38.33em;height: 4.1667em; overflow: hidden;margin: 0 auto;}
.headerSlide .bd ul{ overflow:hidden; zoom:1; }
.headerSlide .bd li{position: relative;float: left;cursor: pointer;margin-right: 0.4167em;width: 12.5em;overflow: hidden;}
.headerSlide .bd a,.headerSlide .bd a img{display: block;width: 100%;}
.headerSlide .prev,.headerSlide .next{position: absolute;top: 1.4167em;width: 1.25em;height: 1.334em; background: url("../images/header_lf.png") no-repeat; background-size: 100% 100%;}
.headerSlide .prev{left: 0;}
.headerSlide .next{right: 0;background: url("../images/header_rg.png") no-repeat; background-size: 100% 100%;}
.header_info{float: right;padding-top: 1.3em;min-height: 2.2334em;line-height: 2.2334em;}
.header_txt{float: left;max-width: 15em;margin-top: 0.60em;color: #ffffff;}
.headerID{width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size: 116.6667%;line-height: 1.25;}
.headerID span{color: #978eff;}
.headerServer{position: relative; float: left;margin-left: 1em;max-width: 12em;padding: 0 1em;color: #ffffff;font-size: 116.6667%; height: 2.07145em; line-height: 1.7868em;background-color: #5346e7; border: 2px solid #5346e7;border-radius: 1.27273em;}
.headerServer:before{border-radius: 1.27273em;}
.headerServer span{display: block;width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.headerServer:hover{background-color: #11121c;}
/*加红点*/
.headerServer.red:after{content: ""; position: absolute;top: -0.2858em;right: -0.35em;border:0.25em solid #ff005b; border-radius: 50%;}
.header_btnBox{position: relative; float: right; padding-top:1.3em;margin-left:1em; margin-right: 3%;min-width: 12.5em;height: 2.8334em;}
.header_others{position: relative;cursor: pointer; float: left;width: 10.5715em;padding: 0 0.6em; color: #ffffff;font-size: 116.6667%; height: 2.07145em; line-height: 1.7868em;background-color: #5346e7; border: 2px solid #5346e7;border-radius: 1.27273em;}
.header_others:before{border-radius: 1.27273em;}
.header_others:hover,.header_others.cur{background-color: #11121c;}
.header_others.cur{border-color: #ffffff;}
.header_others.cur:before{-webkit-transform: scale(0);transform: scale(0);}
.header_others:after{display: none; content: ""; position: absolute;top: -0.2858em;right: -0.35em;border:0.25em solid #ff005b; border-radius: 50%;}
.header_others.on:after{display: block;}
.header_others i{position: absolute;top: 0.5em;right: 0.6em;border: 0.5em solid transparent; border-top: 0.75em solid #fff;border-bottom: 0.75em;}
.header_othersBox{display: none; position: absolute;top: 3em;padding-top: 1em;left: 50%;transform: translateX(-50%);}
.header_othersBox ul{width: 6.2857em; border: 1px solid #5346e7;padding: 0.5em 1em;background-color: #1f203a;overflow: hidden;}
.header_othersBox li{width: 6.2857em;height: 2.42857em; }
.header_othersBox ul a{display: block;width: 6.2857em;height: 2.42857em;line-height: 2.42857em;color: #ffffff;text-align: center;}
.header_othersBox ul a:hover{color: #978eff;border-bottom: 1px solid #978eff;}
.header_othersBox i{display: none;margin-left: 0.2em;vertical-align: 0.5em; width: 0.5em;height: 0.5em;border-radius: 50%; background-color: #ff005b;}
.header_othersBox .red i{display: inline-block;}

/* 20250217新增微端下载 添加抖动效果*/
#pop_CheckIn,.header_shake{-webkit-animation:shake .2s infinite; -moz-animation:shake .2s infinite; animation:shake .2s infinite;}
/* .header_heart{display: inline-block;width: 0.91667em;height: 0.75em;margin-right: 0.3em; background: url(../images/love.png) no-repeat;background-size: 100% 100%;}
.header_heart.on{ background: url(../images/love2.png) no-repeat;background-size: 100% 100%;} */
@-webkit-keyframes shake {
    0% {
        -webkit-transform: rotate(5deg) translate3d(0,0,0)
    }

    50% {
        -webkit-transform: rotate(-5deg) translate3d(0,0,0)
    }

    100% {
        -webkit-transform: rotate(5deg) translate3d(0,0,0)
    }
}

@-moz-keyframes shake {
    0% {
        -webkit-transform: rotate(5deg) translate3d(0,0,0)
    }

    50% {
        -webkit-transform: rotate(-5deg) translate3d(0,0,0)
    }

    100% {
        -webkit-transform: rotate(5deg) translate3d(0,0,0)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: rotate(5deg) translate3d(0,0,0)
    }

    50% {
        -webkit-transform: rotate(-5deg) translate3d(0,0,0)
    }

    100% {
        -webkit-transform: rotate(5deg) translate3d(0,0,0)
    }
}
/* ----------------------20250217 新增结束 ---------------------------------- */



.header_close{width: 100%;height: 0.75em;padding: 0.25em 0; background: #000106 url("../images/header_close.png") center no-repeat;text-align: center;cursor: pointer;}
.games{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 0;}
.games iframe{padding-top: 6.0834em;-webkit-box-sizing: border-box;box-sizing: border-box;}


/*点击弹出窗 兼容IE*/
.header_mask{ width: 100%; height: 100%; background: #000; opacity: .8;filter:alpha(opacity=80); position: fixed; left: 0; top: 0; z-index:99;}
.header_pop{width: 39.16667em;height: 32.5em;z-index:99;background: #11121c;
    margin-left:-19.58333em!important;/*FF IE7 half of its width */
    margin-top:-13em!important;/*FF IE7 half of its height*/

    left:50%;/*FF IE7*/

    top:40%;/*FF IE7*/

    margin-top:0px;

    position:fixed!important;/*FF IE7*/

    position:absolute;/*IE6*/

    _top:       expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}

.header_popClose{position: absolute;top: 1.125em;right: -2.2em;width: 1.75em;height: 1.75em;cursor: pointer; background: url("../images/header_close1.png") no-repeat;background-size: 100% 100%;}
.header_popClose:hover{background: url("../images/header_close2.png") no-repeat;background-size: 100% 100%;-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: all 0.35s;transition: all 0.35s;}
.header_logBox{position: relative;width: 100%;height: 4em;background-color: #1f203a;overflow: hidden;box-shadow: 0px 0.333em 0.25em -0.2em #000000;}
.header_logBox li{float: left;font-size: 133.334%;font-weight: bold;line-height: 3em;height: 3em;color: #978eff;width: 50%;text-align: center;box-sizing: border-box;cursor: pointer;}
.header_logBox li.on,.header_logBox li:hover{color: #fff;}
.header_logBox li:first-child{border-right: 0.091em solid #000000;}
.header_bd{position: relative; width: 80%;margin: 0 auto;overflow: hidden; padding-top: 3em;}
.header_bd label{font-size: 116.667%;color: #ffffff;}
.header_em,.header_pw,.header_vc{display: block;width: 100%;height: 2.7143em;margin: 0.5em 0 1.3636364em;font-size: 116.667%;color: #ffffff;line-height: 2.5715em;text-indent: 0.6818182em;background-color: #000000;border-radius: 5px;border: 1px solid #ffffff;box-sizing: border-box;}
.header_agree input,.header_remember input{width: 1em;height: 1em;vertical-align: -0.25px;margin-right: 0.41667em;}
.header_agree{color: #ffffff;}
.header_Btn,.header_save,.header_logAg{position: relative;float: left;margin-left: 2.25em;margin-top: 1.5em;color: #ffffff;font-size: 133.334%;line-height: 2.0625em;text-align: center;font-weight: bold;width: 9.375em;height: 2.4375em;background-color: #5346e7;border: 0.1875em solid #5346e7;border-radius: 1.27273em;overflow: hidden;z-index: 1;-webkit-transition: all 0.2s;transition: all 0.2s;}
.header_Btn:hover,.header_save:hover,.header_logAg:hover{background-color: #11121c;text-decoration: none;border: 0.1875em solid #ffffff;}
.header_Btn span,.header_save span,.header_logAg span{display: block;width: 100%;text-align: center;height: 2.13637em;line-height: 2.13637em; }
.header_signOthers{float: right; margin-top: 2.2em;margin-right: 3em;color: #909090;;}
.header_signOthers img{display: block;width: 100%;}
.header_signOthers a{display: inline-block;width: 3.08334em;height: 3.08334em;vertical-align: bottom;margin-left: 1.5em;-webkit-transition: all 0.35s;transition: all 0.35s;}
.header_fb{background: url("../images/log_fb.png") no-repeat;background-size: 100% 100%;}
.header_fb:hover{background: url("../images/log_fb2.png") no-repeat;background-size: 100% 100%;}
.header_google{background: url("../images/log_google.png") no-repeat;background-size: 100% 100%;}
.header_google:hover{background: url("../images/log_google2.png") no-repeat;background-size: 100% 100%;}
.header_remember,.header_forget{color: #ffffff;}
.header_remember{float: left;}
.header_forget{float: right;}
.header_forget:hover{text-decoration: underline;}
.header_issue{float: left;width: 12.5em;text-align: center;color: #5346e7;margin-top: 0.8333em;margin-left: 3em;text-decoration: underline;}
#header_forget .header_bd,#header_fp .header_bd{margin: 4em auto;padding-top: 1px;}
#header_forget .header_Btn,#header_fp .header_Btn{ margin-left: 2.1111em; margin-top: 2em;}
.header_vc{float: left;width: 40%;}
.header_yzm{float: left;margin-left: 15%;width: 30%;height: 2.375em;line-height: 2.375em;margin-top: 0.5em; text-align: center; color: #909090;font-size: 133.334%;}
.header_findTips{position: absolute;bottom: 4.5em;left: 0;color: #f00;width: 100%;text-align: center;}
.header_title{font-size: 133.334%;font-weight: bold;line-height: 3em;height: 3em;color: #fff;text-align: center;}
.header_pr{position: relative;}
.header_tips{position: absolute;top: 0;left: 8em;background-color: #e5e5e5;border-radius: 5px;color: #5346e7;padding: 0.2em 0.8333em;}
.header_tips:before{content: "";position: absolute;top: 100%;left: 10%;border: 7px solid transparent;border-top: 7px solid #ffffff;}
.header_lfBg{position: absolute;top: 0;left: 0;width: 11em;height: 100%;background-color: #000;z-index: -1;}
.header_serverGhw{position: absolute;bottom: 1em;left: 0.5em;width: 9.83334em;}
.header_serverGhw img{display: block;width: 100%;}
.header_bd2{position: relative; width: 100%;overflow: hidden;margin-top: 2.08333em;}
.header_lfBox{float: left;width: 10em;margin-left: 1em;}
.header_lfBox a{display: block;width: 8em;padding-right: 3em;margin-bottom: 1.5em; height: 2.5em;text-align: center;line-height: 2.5em;color: #ffffff;font-size: 116.667%;}
.header_lfBox a:hover,.header_lfBox a.on{color: #fff; background: url("../images/header_lfBtn.png") no-repeat;background-size: 100% 100%;}
.header_rgBox{float: right;width: 23em;margin-right: 2em;}
.header_rgLl,.header_rgRe{position: relative;margin:7.833em auto 0;}
.header_rgBtn{position: relative; display: block; width: 18.75em;height:2.5em;line-height: 2.16667em;text-align: center;color: #ffffff;margin: 0 auto 1em;background-color: #11121c;border: 2px solid #5346e7;-webkit-box-sizing: border-box;box-sizing: border-box;}
.header_rgBtn:hover{border-color: #fff;}
.header_rgRe{margin: 11.25em auto 0;}
.header_rgBtn i{position: absolute;top: -0.3334em;left: -0.1667em;width: 3em;height: 2.25em; background: url("../images/header_hotBtn.png") no-repeat;background-size: 100% 100%;}
.header_rgTitle{position: absolute;top: 3.4546em;left: 0;width: 19.7143em;text-align: center;font-size: 116.667%;font-weight: bold;color: #ffffff;}
.header_rgOther{position: relative;width: 23.667em;height: 18em;margin: 0 auto 0;padding-top:7em;overflow: hidden;}
.header_rgOther .pop_rgBtn{margin-bottom: 0.5em;}
.header_rgOtherBox{position: relative;width: 23em;height: 20.667em;overflow-y: auto;}
.header_save,.header_logAg{margin-left: 26.9%;}
.header_successTips{margin: 2.5em auto 2em;text-align: center;color: #ff0000;font-size: 183.3%;}
.header_fbNotice{color: #fff;margin-top: -1em;font-size: 116.667%;line-height: 1.8;}
.header_fbNotice span{font-weight: bold;}
.header_fbLink{color: #5346e7;text-decoration: underline;}
.header_back{position: absolute;top: 0.75em;left: 1.25em;width: 2.5em;height: 2.5em;  background: url("../images/header_back.png") no-repeat;background-size: 100% 100%;}


.header_selectBox{position: absolute;top: 0;right: 4.125em;width: 18.75em;height:2.5em; border: 0.1667em solid #ffffff;box-sizing: border-box;z-index: 2;}
.header_selectBox:before{content: "";position: absolute;top: 0;right: 4.3334em;width: 0.1667em;height: 2.16667em;background-color: #fff;}
.header_select,.header_selectInput{position: absolute;top: 3.41667em;left: 0;border: 0;width: 13.91667em;height: 2.16667em;text-indent: 0.83334em; background-color:#fff;}
.header_select{display: none;height: auto;}
.header_select a{display: block; color: #000;padding: 0.5em 0;line-height: 1.5em;border: 1px solid #ffffff;}
.header_select a:hover{background-color: #5346E7;color: #ffffff;}
.header_selectInput{top: 0;background-color: #11121c;line-height: 2.1667em;color: #ffffff;}
.header_selectLogin{position: absolute;top: 0;right: 0;width: 4.3334em;height: 2.1667em;line-height: 2.1667em;text-align: center;background-color: #6d6d6d;color: #bfbfcc;cursor: default;}


/*登出警告 弹窗*/
#logout_warning,#header_favorite{height: 19em;
    margin-top:-7.6em!important;/*FF IE7 half of its height*/}
#logout_warning .header_title{color: #ff005b;}
#logout_warning .header_bd{width: 88%;padding-top: 2em;}
.header_txt2{color: #ffffff;line-height: 1.6667em;}
.header_logoutBtn{width: 100%;text-align: center;margin-top: 2em;}
.header_logoutBtn a{display: inline-block;margin: 0 2em;width: 6.5em;height: 2.2143em;color: #ffffff;font-size: 116.667%; background-color: #11121c; border: 2px solid #5346e7;text-align: center;line-height:1.9286em; }
.header_logoutBtn .header_logoutGrey{border-color: #1f203a;}
.header_logoutBtn .header_logoutGrey:hover{border-color: #fff;}
.header_logoutGrey:before{background-color: #1f203a;}
#header_favorite .header_txt2{text-align: center;font-size: 1.2rem;padding-top: 1rem;}

/* 20250217 微端下载弹窗 */
.header_hubTitle{text-align: center;color: #fff;font-size: 1.2rem;}
.header_hubTxt{font-size: 1.1rem;text-align: center;line-height: 3rem;color: #fff;}
#header_hubInput{position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
.header_hubInput{width: 100%;height: 2.5rem;line-height: 2.2rem;text-align: center;color: #fff;font-size: 1.2rem;background-color: #11121c;border: 2px solid #5346E7;box-sizing: border-box;border-radius: 5px;}
.header_ghgHubDown{position: relative;width: 100%;margin-top: 2.5rem; text-align: center;}
.header_download{position: relative;display:  inline-block; min-width: 9.1875rem;font-size: 1.1rem;padding: 0.56rem 0.6rem 0.54rem;color: #ffffff;background-color: #5346e7;border: 2px solid #5346E7;}
.header_download:hover{background-color: #11121c}



@media screen and (max-width: 1400px) {
    html,body,button,input,label,select,option,textarea,button,fieldset,legend,ins,sup{font:10px/1.5 Arial}
}
@media screen and (max-width: 1200px) {
    .header_home{display: none;}
    .header_ghw{left: 0.5%;width: 4.0833334em; background: url("../images/header_ghw2.png") no-repeat;background-size: 100% 100%;}
    .header_ghw:hover{ background: url("../images/header_ghw2H.png") no-repeat;background-size: 100% 100%;}
    .headerSlide{left: 5%;}
}