/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
#content{max-width: 1920px; margin:0 auto; position: relative; min-width: 1200px;}
.section{position: relative;}
.publicMain{width: 1200px; margin: 0 auto; position: relative; height: 100%;}
.logobox{width: 200px; height: 126px; position: absolute; left: 40px; top: 40px;}
.btnBox{width: 200px; height: 34px; line-height: 34px; position: absolute; right: 30px; top: 38px; border-radius: 34px; text-align: center; background: #8a2735; font-size: 16px; color: #91bbe2; z-index: 10;}
.btnBox a{color: #fff;}
.btnBox a:hover{color: #fffb88;}
.btnBox span{padding: 0 10px; color: #FFF;}
.lrpop{position: absolute; right: 40px; top: 240px; width: 250px; z-index: 10;}
.roleShow{display: block; width: 243px; height: 400px; background: url(../images/popImg1.png) no-repeat 0 0; position: relative;}
.roleShow img{display: block; position: absolute; left: 81px; top: 188px; width: 139px; height: 139px}
.links{display: block; width: 243px; height: 175px; background: url(../images/popImg2.png) no-repeat right 0; margin: 0 auto;}


.tempBox{background: url(../images/tempbg.jpg) no-repeat center 0; height: 1080px; position: relative;}
.publicTitle{height: 250px; overflow: hidden; text-indent: -99999px;}

.mainBox{width: 1119px; padding: 0 0 0 70px;}

.serverInfo{background: url(../images/new_server.png) no-repeat 0 0; height: 296px; position: relative;}
.serverNum{background: url(../images/new_nums.png) no-repeat 0 0; width: 284px; height: 79px; line-height: 79px; font-weight: bold; color: #FFF; text-align: center; position: absolute; left: 760px; top: 148px; font-size:48px;}
.serverlist{width: 500px; position: absolute; left: 225px; top: 91px; font-size: 18px; color: #000;}
.serverlist div{height: 30px; line-height: 30px; margin-bottom: 9px;}

.serverTitle{background: url(../images/new_tit2.png) no-repeat center 0; height: 56px;}
.serverNav{background: url(../images/new_line.png) no-repeat 0 78px; width: 894px; height: 252px; margin: 0 auto;}

.serverLeft{padding-top: 19px; padding-left: 82px; float: left; height: 187px; width: 761px;}
.serverLeft .serverIcon{float: left; width: 137px; height: 187px; margin-right: 58px; position: relative;}
.serverLeft .serverIcon div.iconlist{width: 137px; height: 118px; display: block; position: relative; background: url(../images/serverIcon.png) no-repeat 0 bottom; position: relative; margin-bottom: 26px;}

.serverLeft .serverIcon span.icon{background: url(../images/serverOn.png) no-repeat 0 0; width: 28px; height: 28px; display: none; position: absolute; left: 50%; margin-left: -14px; top: -14px;}
.serverLeft .serverIcon:last-child{margin: 0;}
.serverLeft .serverIcon.on div.iconlist{background-position: 0 0;}
.serverLeft .serverIcon.on span.icon{display: block;}

.iconShow{width: 190px; display: none; background: #1a4993; padding: 10px 0; position: absolute; left: 50%; margin-left: -95px; text-align: center; color: #FFF; line-height: 24px; font-size: 14px; top: 100px;}
.iconShow span.top{background: url(../images/top.png?v=1) no-repeat 0 0; width: 20px; height: 11px; display: block; position: absolute; left: 50%; margin-left: -10px; top: -9px;}

.serverRight{float: left; width: 180px; height: 206px; position: relative;}
.serverRight .serverIcon{width: 180px; height: 206px; position: relative;}
.serverRight .serverIcon div.iconlist{width: 180px; height: 157px; display: block; position: relative; background: url(../images/serverIcon2.png) no-repeat 0 bottom; position: relative;}
.serverRight .serverIcon div.iconText{height: 43px; display: block; background: url(../images/t4.png) no-repeat 0 0;}
.serverRight .serverIcon span.icon{background: url(../images/serverOn.png) no-repeat 0 0; width: 28px; height: 28px; display: none; position: absolute; left: 50%; margin-left: -14px; top: -14px;}
.serverRight .serverIcon.on div.iconlist{background-position: 0 0;}
.serverRight .serverIcon.on span.icon{display: block;}

.serverBtn{display: flex; justify-content: center; height: 75px;}
.serverBtn a{width: 306px; height: 75px; display: block; cursor: pointer; overflow: hidden; text-indent: -999px; margin: 0 25px;}
.serverBtn a.b1{float: left; background: url(../images/btn_yy.png) no-repeat 0 0;}
.serverBtn a.b2{float: right; background: url(../images/btn_yylc.png) no-repeat 0 0;}
.serverBtn a:hover{background-position: 0 -75px;}

.role_name{position: absolute; right: 30px; bottom: 40px; font-size: 16px; color: #000;}


.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 854px; height: 444px; background: url(../images/pop.png) no-repeat 0 0;}
.closeBtn{display: block; width: 50px; height: 50px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: -60px; top: 10px;}
.closeBtn:hover{background-position: -50px 0;}

.popTitle{height: 146px;}
.pt1{background: url(../images/pt1.png) no-repeat center 51px;}
.pt2{background: url(../images/pt2.png) no-repeat center 51px;}

.msg{padding: 40px 70px 0 70px; font-size: 36px; color: #FFF; line-height: 64px; text-align: center; height: 140px;}


.subMain{padding-bottom: 20px;}
.sublist{height: 74px;}
.sublist span{float: left; width: 260px; height: 50px; line-height: 50px; text-align: right; font-size: 24px; color: #FFF; padding-right: 10px;}
.sublist select{float: left; width: 400px; height: 50px; background: #c6c6d1; border: 1px solid #fff8db; font-size: 18px; color: #000; outline: none;}


.btn_box{display: flex; justify-content: center;}
.btn_box a{display: block; width: 306px; height: 75px; margin: 0 20px; cursor: pointer;}
.btn_box a.btn_enter{background: url(../images/btn_enter.png) no-repeat 0 0;}
.btn_box a.btn_bind{background: url(../images/btn_bind.png) no-repeat 0 0;}

.wm_public_w2i_logo_bg{z-index: 99!important;}

.loginBox{position: absolute; width: 400px; right: 30px; top:170px; z-index: 33; color: #000; text-align: center; font-size: 18px;}
.loginBox a{width: 122px; height: 36px; cursor: pointer; color: #892634;line-height: 36px; font-weight: bold;}