*{margin:0;padding: 0;border: 0;list-style: none;outline: none;}
a{text-decoration: none;}


body{position: relative;width: 100%;font-size: 14px;font-family:'Arial';}
.headerBox{position: fixed;top: 0;left: 0;width: 100%;height: 57px;background:url("../images/header/header_bg.png") repeat;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: 14px;right: 11%;width: 250px;height: 29px; }
.header_games{ position: absolute;top: 0;right: 120px;padding: 0 35px 0 15px;background-color: #909090;font-size: 16px;color: #fff;cursor: pointer; height: 29px;line-height: 29px;border-radius: 15px;-webkit-transition: all 0.35s;transition: all 0.35s;z-index: 1;}
.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_games:hover{background-color: #ff005b;}

/*20211104*/
.header_gamesBox{ position: absolute;top: 6px;padding-top: 30px;right: 120px;z-index: 0;}
.headerList{position: relative;width: 1200px;min-height: 300px;overflow: hidden;padding-bottom: 30px;background:url("../images/header/header_bg.png") repeat;}
.headerTh{position: relative;width: 1200px;height: 46px;line-height: 46px;background-color: #909090;margin-bottom: 20px;}
.headerTh li{float: left;width: 240px;text-align: center;line-height: 46px;color: #535252;font-size: 16px;text-transform: uppercase;font-weight: bold;}
.headerTd{float: left;width: 240px;border-right: 1px solid #909090;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: #909090;line-height: 27px;font-size: 16px;-webkit-transition: all 0.35s;transition: all 0.35s;}
.headerTd li a:hover{color: #ff005b;}
.header_loginBtn{position: absolute;top: 0;right: 0;width: 103px;height: 29px; background: url("../images/header/login.png") top no-repeat;}
.header_loginBtn:hover{background: url("../images/header/login2.png") no-repeat;}
.header_gamesId{display: none;position: absolute;top: 0;left: 147px;width: 150px;height: 43px; color: #ff005b;font-size: 14px;line-height: 29px;cursor: pointer;}
.header_gamesIdBox{display: none; position: absolute;top: 26px;padding-top: 10px;left: 0;z-index: -1;}
.header_logout{display: block;width: 70px;height: 37px;font-size: 14px;color: #aca7a5;text-align: center; line-height: 37px;border: 2px solid #aca7a5;background-color: rgba(0,0,0,.88);}
.header_logout:hover{color: #ff005b;}


/*点击弹出窗 兼容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: 660px; height: 460px;z-index:99;background:url("../images/header/headerBg.png") repeat;

  margin-left:-330px!important;/*FF IE7 half of its width */
  margin-top:-184px!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: 3px;right: -55px;width: 45px;height: 45px;cursor: pointer; background: url("../images/header/header_close.png") no-repeat;}
.header_close:hover{background: url("../images/header/header_close2.png") no-repeat;-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: all 0.35s;transition: all 0.35s;}
.header_logBox{position: relative; width: 100%;height: 4.5em;background-color: #3d3d3d;overflow: hidden;border-bottom: 0.25em solid #ff005b;}
.header_logBox li{float: left;font-size: 183.33%;font-weight: bold;line-height: 3em;height: 2.55em;color: #909090;width: 50%;text-align: center;box-sizing: border-box;cursor: pointer;}
.header_logBox li.on,.header_logBox li:hover{color: #ff005b;}
.header_logBox li:first-child{border-right: 2px solid #000000;}
.header_bd{position: relative; width: 82%;margin: 0 auto;overflow: hidden; padding-top: 25px;}
.header_bd label{font-size: 180%;color: #909090;}
.header_em,.header_pw,.header_vc{display: block;width: 100%;height: 50px;margin-bottom: 25px;font-size: 183.33%;color: #ffffff; line-height: 50px;text-indent: 15px;background-color: #909090;border-radius: 10px;border: 0;}
.header_agree input,.header_remember input{width: 16px;height: 16px;vertical-align: -2px;margin-right: 5px;}
.header_agree{font-size: 120%;color: #616161;}
.header_Btn,.header_save,.header_logAg{position: relative; float: left;margin-left: 60px;margin-top: 30px; color: #909090;font-size: 183.33%;line-height: 53px;text-align: center;font-weight: bold; width: 250px;height:53px;background-color: #3d3d3d;border-radius: 28px;overflow: hidden;	z-index: 1;-webkit-transition: all 0.8s;transition: all 0.8s; -webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.header_Btn:hover,.header_save:hover,.header_logAg:hover{color: #fff;background-color: #ff005b;text-decoration: none;}
.header_signOthers{float: right; margin-top: 37px;margin-right: 60px;padding-bottom: 7px; font-size: 150%;color: #909090;;}
.header_signOthers a{display: inline-block;width: 37px;height: 37px;vertical-align: bottom;margin-left: 15px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.header_fb{background: url("../images/header/log_fb.png") no-repeat;}
.header_fb:hover{background: url("../images/header/log_fb2.png") no-repeat;}
.header_google{background: url("../images/header/log_google.png") no-repeat;}
.header_google:hover{background: url("../images/header/log_google2.png") no-repeat;}
.header_remember,.header_forget{font-size: 133.33%;color: #616161;}
.header_remember{float: left;}
.header_forget{float: right;}
.header_forget:hover{text-decoration: underline;}
.header_issue{float: left;width: 250px; text-align: center;font-size: 116.7%;color: #4f6cbd;margin-top: 8px;margin-left: 60px;text-decoration: underline;}
#header_forget .header_bd{margin: 50px auto;}
#header_forget .header_Btn{ width: 220px;margin-left: 33px;}
.header_vc{float: left;width: 40%;}
.header_yzm{float: left;margin-left: 15%;width: 30%;height: 50px;line-height: 50px;text-align: center; color: #909090;font-size: 183.3%;}
.header_findTips{position: absolute;bottom: 70px;left: 0;color: #f00;width: 100%; font-size: 120%;text-align: center;}
.header_title{font-size: 183.33%;font-weight: bold;line-height: 3em;height: 2.55em;color: #909090;text-align: center;}
.header_pr{position: relative;}
.header_tips{position: absolute;top: 0;left: 10em;background-color: #b7b6b6;border-radius: 5px;color: #ff005b;padding: 0 10px;}
.header_tips:before{content: "";position: absolute;top: 100%;left: 10%;border: 7px solid transparent;border-top: 7px solid #b7b6b6;}
.header_lfBg{position: absolute;top: 0;left: 0;width: 180px;height: 100%;background-color: #000;z-index: -1;}
.header_serverGhw{position: absolute;bottom: 15px;left: 21px;}
.header_bd2{position: relative; width: 100%;overflow: hidden;margin-top: 25px;}
.header_lfBox{float: left;width: 193px;margin-left: 14px;}
.header_lfBox a{display: block;width: 147px;padding-right: 46px;margin-bottom: 28px; height: 48px;text-align: center;line-height: 48px;color: #909090;font-size: 183.33%;}
.header_lfBox a:hover,.header_lfBox a.on{color: #fff; background: url("../images/header/header_lfBtn.png") no-repeat;}
.header_rgBox{float: right;width: 308px;margin-right: 77px;}
.header_rgLl,.header_rgRe{position: relative;margin:70px auto 0;}
.header_rgBtn{position: relative; display: block; width: 280px;height: 45px;line-height: 45px;text-align: center;font-size: 183.3%;color: #909090;margin-bottom: 42px; background-color: #3d3d3d;-webkit-box-sizing: border-box;box-sizing: border-box;}
.header_rgBtn:hover{color: #ffffff;}
.header_rgBtn::after{content: "";position: absolute;top: 100%;left: 0; width: 0;height: 3px;background-color: #ff005b;-webkit-transition: all 0.5s;transition: all 0.5s;}
.header_rgBtn:hover::after{width: 100%;}
.header_rgRe{margin:135px auto 0;}
.header_rgBtn i{position: absolute;top: -2px;left: 0;width: 41px;height: 31px; background: url("../images/header/header_hotBtn.png") no-repeat;}
.header_rgTitle{position: absolute;top: 10px;left: 0;width: 100%;text-align: center;font-size: 183.3%;font-weight: bold;color: #ff005b;}
.header_rgOther{position: relative;width: 308px;height: 248px;margin: 0 auto 0;padding-top:60px;overflow: hidden;}
.header_rgOther .header_rgBtn{margin-bottom: 5px;}
.header_rgOtherBox{position: relative;width: 308px;height: 248px;overflow-y: auto;}
.header_save,.header_logAg{margin-left: 26.9%;}
.header_successTips{margin: 100px auto 40px;text-align: center;color: #ff0000;font-size: 183.3%;}



/*20211104*/
.headerTd_img{ width: 20px; height: 20px; vertical-align: -5px; margin-right: 10px; float: left; background-size: 100%;}
.headerTd_font{width: 167px; float: right; line-height: 25px; text-align: left;}
.clear{clear: both;}
/*20211104*/