@charset "utf-8";
html {-webkit-text-size-adjust:none;}
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{position: relative;width: 100%;font-size: 12px;font-family:'Arial';}
.headerBox{position: fixed;top: 0;left: 0;width: 100%;height: 57px;min-width: 400px; background: rgba(31,32,58,.9);z-index: 88;}
.header_ghw{position: absolute;top: 9px;left: 15%;width: 149px;height: 39px; background: url("../images/header/header_ghw.png") no-repeat;}
.header_rg{position: absolute;top: 13.5px;right: 11%;width: 220px;height: 35px; }
.header_loginBtn,.header_games{position: relative; float:left;background-color: #1c1d34; min-width: 6.572em;height: 2.143em;font-size:116.667%;color: #ffffff;line-height: 1.8572em;padding-left:2.5em;padding-right: 0.5em; border: 0.1429em solid #ffffff;box-sizing: border-box;-webkit-border-radius: 1em; border-radius:1rem;-webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.header_games{margin-right: 1em; padding: 0 35px 0 15px;cursor: pointer;}
.header_games:after{content: "";position: absolute;top: 10px;right: 15px;border-left: 7px solid transparent;border-right: 7px solid transparent; border-bottom: 9px solid transparent;border-top: 9px solid #ffffff;}
.header_loginBtn:after{content: "";position: absolute;top: 0.2145em;left: 1em; width: 1.0715em;height: 1.286em; background: url("../images/header/user_icon2.png") no-repeat;background-size: 100% 100%;}
.header_loginBtn:hover,.header_games:hover,.header_games.on{box-shadow: 0 0 .9375rem 0 #5346e7;color: #ffffff;background-color: #5346e7; border: 0.1429em solid #5346e7;}
.header_loginBtn:hover:after{background: url("../images/header/user_icon2.png") no-repeat;background-size: 100% 100%; }




/*20211104*/
.header_gamesBox{display: none; position: absolute;top: 33px;padding-top: 10px;right: 120px;z-index: 0;}
.header_hover{display: block;}
.headerList{position: relative;width: 1000px;min-height: 300px;overflow: hidden;padding-bottom: 30px;background-color: rgba(31, 32, 64, 0.88);}
.headerTh{position: relative;width: 1000px;height: 46px;line-height: 46px;background-color: #5346e7;margin-bottom: 20px;}
.headerTh li{float: left;width: 200px;text-align: center;line-height: 46px;color: #ffffff;font-size: 16px;text-transform: uppercase;font-weight: bold;}
.headerTd{float: left;width: 200px;border-right: 1px solid rgba(94, 82, 233, 0.6);;min-height: 300px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.headerTd:last-child{border-right: none;}
.headerTd li{width: 100%;margin: 15px 0; padding-left: 28px;padding-right: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
/*20211104*/


.headerTd li a{display: block;color: #ffffff;line-height: 27px;font-size: 12px;-webkit-transition: all 0.35s;transition: all 0.35s;}
.headerTd li a:hover{color: #978eff;}
.header_gamesId{display: none; position: absolute;top: 0;left: 147px;width: 150px;height: 43px; color: #ffffff;font-size: 14px;line-height: 29px;cursor: pointer;}
.header_gamesId span{display:block;;width: 150px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.header_gamesIdBox{display: none;position: absolute;top: 26px;padding-top: 10px;left: 0;z-index: -1;}
.header_logout{display: block;width: 90px;height: 28px;font-size: 14px;color: #ffffff;text-align: center; line-height: 28px;border: 2px solid #ffffff;background-color: rgba(28, 29, 52, 0.88);border-radius: 20px;}
.header_logout:hover{background-color: #5346e7;border-color: #5346e7;box-shadow: 0 0 .9375rem 0 #5346e7;}


/*点击弹出窗 兼容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_close{position: absolute;top: 1.125em;right: -2.2em;width: 1.75em;height: 1.75em;cursor: pointer; background: url("../images/header/header_close.png") no-repeat;background-size: 100% 100%;}
.header_close:hover{background: url("../images/header/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: 0 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/header/log_fb.png") no-repeat;background-size: 100% 100%;}
.header_fb:hover{background: url("../images/header/log_fb2.png") no-repeat;background-size: 100% 100%;}
.header_google{background: url("../images/header/log_google.png") no-repeat;background-size: 100% 100%;}
.header_google:hover{background: url("../images/header/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_save,.header_logAg{margin-left: 26.9%;}
.header_successTips{margin: 2.5em auto 2em;text-align: center;color: #ff0000;font-size: 183.3%;}



/*20211104*/
.headerTd_font{width: 150px; padding-left: 1em; line-height: 25px; text-align: left;}
.headerTd_font img{vertical-align: middle;margin-left: 5px;}
.clear{clear: both;}
/*20211104*/

@media screen and (max-width: 1200px){
  .header_gamesBox{right: 0;}
}
@media screen and (max-width: 1100px){
  .header_gamesBox{right: -110px;}
}
@media screen and (max-width: 600px) {
  .header_ghw{left: 1%; -webkit-transition: 0.35s all;transition: 0.35s all;}
  .header_rg{right: 0; -webkit-transition: 0.35s all;transition: 0.35s all;}
}