/* 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; outline: none;}
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;}
span,a,strong,div{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
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{position: relative; min-width: 1300px; max-width: 1920px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center 0; padding-bottom: 400px;}
.logo{display: block; position: absolute; left: 40px; top: 15px;}
.btnHome{display: block; width: 164px; height: 39px; background: url(../images/home.png) no-repeat 0 0; position: absolute; right: -220px; top: 22px;}
.section{position: relative;}
.section1{height: 888px;}
.publicMain{width: 1300px; margin: 0 auto; position: relative; height: 100%;}

.slogan{width: 100%; height: 245px; background: url(../images/slogan.png) no-repeat center 0; position: absolute; left: 0; bottom: 30px;}
.navBox{height: 115px; display: flex; justify-content: center;}
.navBox a{display: block; width: 229px; height: 88px; cursor: pointer; margin: 0 8px;}
.navBox a.a1{background: url(../images/a1.png) no-repeat center 0;}
.navBox a.a2{background: url(../images/a2.png) no-repeat center 0;}
.navBox a.a3{background: url(../images/a3.png) no-repeat center 0;}
.navBox a.a4{background: url(../images/a4.png) no-repeat center 0;}
.navBox a.a5{background: url(../images/a5.png) no-repeat center 0;}
.navBox a.on,.navBox a:hover{background-position: 0 -88px;}

.saiMain{height: 980px; position: relative; background: url(../images/box.png) no-repeat 0 0; margin: 0 auto;}
.saiTab{width: 100%; position: absolute; left: 0; top: 95px; z-index: 10; display: flex; justify-content: center;}
.saiTab a{display: block; width: 405px; height: 115px; cursor: pointer;}
.saiTab a.a1{margin-right: 126px;}
.saiTab a.a2{margin-left: 126px;}
.saiCont{padding-top: 305px;}
.saiCont.s1{background: url(../images/s1.png) no-repeat center 0;}
.saiCont.s2{background: url(../images/s2.png) no-repeat center 0;}

.saiTab{height: 318px;}
.sailist1{height: 390px; background: url(../images/list1.png) no-repeat center 0;}
.sailist2{height: 390px; background: url(../images/list2.png) no-repeat center 0;}
.saiTips{height: 55px; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #3f4a67;}
.saiTips span{color: #cf3e17; font-weight: bold;}

.saiRule{margin-top: 25px; display: flex; justify-content: center; width: 100%;}
.saiRule a{display: block; width: 405px; height: 61px; line-height: 61px; text-align: center; color: #FFF; font-size: 26px; margin: 0 74px; cursor: pointer;}
.saiRule a.a1{background: url(../images/btn_le.png) no-repeat 0 0;}
.saiRule a.a2{background: url(../images/btn_lr.png) no-repeat 0 0;}

.mainBox{width: 1140px; margin: 0 auto;}
.tabBox{height: 111px;}
.tabBox a{float: left; width: 570px; height: 111px; cursor: pointer;}
.tabBox a.a1{background: url(../images/tab1.png) no-repeat 0 -111px;}
.tabBox a.a2{background: url(../images/tab2.png) no-repeat 0 -111px;}
.tabBox a.on,.tabBox a:hover{background-position: 0 0;}

.boxShow img{display: block; margin-bottom: 20px;}

.ruleMain{background:#fff url(../images/rulebg.png) no-repeat 0 0; width: 1142px; height: 4080px; margin: 0 auto;}
.rulebg{width:1004px; margin: 0 auto;}
.rule_tip_line{
	width: 971px;
	height: 256px;
	padding: 56px 20px 0 24px;
	margin: 0 auto;
	margin-bottom: 35px;
	background: url(../images/rule_kuang.png) no-repeat;
}
.rulebg h2{text-align: center; display: flex; justify-content: center; align-items: center; height: 120px; padding-top: 16px; font-size: 40px; color: #16223e; font-weight: bold;}
.rulebg p{font-size: 18px; color: #16223e; line-height: 44px;}
.rulebg p strong{font-size: 24px;}
.rulebg p strong.font{font-size:20px;}
.rulebg p span{color: #dd2f0c;}
.ruleTitle{height: 71px; background: url(../images/ruleTitle.png) no-repeat center 0; line-height: 71px; text-align: center; font-size: 30px; color: #cf3e17; font-weight: bold; margin-bottom: 30px;}

.ruleTop{height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.ruleTop span{display: block; font-size: 24px; color: #16223e; width: 100%;}
.ruleTop strong{display: block; font-size: 48px; color: #675bc0; width: 100%;}
.ruleScroll{width: 620px; margin: 0 auto; overflow: hidden; overflow-y: auto; height: 600px; font-size: 20px; color: #16223e; line-height: 46px;}
.ruleScroll::-webkit-scrollbar{width:10px;height:10px;background-color:rgba(0,0,0,0);}
.ruleScroll::-webkit-scrollbar-track{border-radius:10px;background-color:#dee7f5;}/*底*/
.ruleScroll::-webkit-scrollbar-thumb{border-radius:10px;background-color:#675bc0;}/*面*/
.ruleScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.ruleScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.ruleScroll::-webkit-scrollbar-track-piece{margin:0;}
.ruleScroll strong{font-size: 24px;}
.ruleScroll strong.font{font-size:20px;}
.ruleScroll span{color: #dd2f0c;}
.tableBox table{width: 580px; margin: 0 auto; border-collapse: collapse;}
.tableBox table th,.tableBox table td{border: 2px solid #675bc0; font-size: 18px; text-align: center; line-height: 42px;}
.tableBox table th{color: #fff; background: #675bc0;}
.tableBox table td{color: #16223e;}
.tableBox table td.left{text-align: left; text-indent: 20px;}

.mainWidth{width: 1244px;}
.serverSelect{height: 305px; position: relative; margin: 0 auto;}
.serverTab{width: 100%; position: absolute; left: 0; top: 95px; z-index: 10; display: flex; justify-content: center;}
.serverTab a{display: block; width: 405px; height: 115px; cursor: pointer;}
.serverTab a.a1{margin-right: 126px;}
.serverTab a.a2{margin-left: 126px;}
.serverCont{height: 305px;}
.serverCont.s1{background: url(../images/s1.png) no-repeat center 0;}
.serverCont.s2{background: url(../images/s2.png) no-repeat center 0;}

.serverClick{height: 140px; display: flex; justify-content: center;}
.serverClick a{display: block; width: 375px; height: 95px; background: url(../images/servertab1.png) no-repeat 0 0; cursor: pointer; margin: 0 10px;}
.serverClick a span{display: block; width: 100%; height: 100%; cursor: pointer; overflow: hidden; text-indent: -999px;}
.serverClick a.a1 span{background: url(../images/txt1.png) no-repeat center;}
.serverClick a.a2 span{background: url(../images/txt2.png) no-repeat center;}
.serverClick a.a3 span{background: url(../images/txt3.png) no-repeat center;}
.serverClick a.a4,.serverClick a.a5{background: url(../images/servertab2.png) no-repeat 0 0; width: 455px; margin: 0 15px;}
.serverClick a.a4 span{background: url(../images/txt4.png) no-repeat center;}
.serverClick a.a5 span{background: url(../images/txt5.png) no-repeat center;}
.serverClick a.on{background-position: 0 bottom;}

.serverMain{background: #eef3ff; padding-bottom: 40px; min-height: 800px;}
.stab{height: 190px;}
.stab a{float: left; width: 622px; height: 113px; overflow: hidden; text-indent: -999px; cursor: pointer;}
.stab a.a1{background: url(../images/stab1.png) no-repeat 0 0;}
.stab a.a2{background: url(../images/stab2.png) no-repeat 0 0;}
.stab a.on,.stab a:hover{background-position: 0 -113px;}

.searchMain{height: 46px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
.selectDiv1{width: 240px; height: 36px; margin: 0 10px;}
.selectDiv2{width: 380px; height: 36px; margin: 0 10px;}
.searchMain select{display: block; width: 100%; height: 36px; background: #FFF; border: 1px solid #373737; font-size: 18px; outline: none;}

.searchMain span{display: block; width: 60px; height: 46px; line-height: 46px; font-size: 16px; color: #3d424f;}
.searchMain input{display: block; width: 405px; height: 36px; background: #FFF; border: 1px solid #373737; margin: 0 10px; font-size: 18px; color: #000; padding: 0 15px; outline: none;}
.searchMain a{display: block; width: 221px; height: 46px; line-height: 46px; text-align: center; background: url(../images/btn_search.png) no-repeat 0 0; color: #FFF; font-size: 24px; cursor: pointer; margin: 0 10px;}
.searchMain a:hover{background-position: 0 bottom;}

.serverTable{width: 1150px; margin: 0 auto;}
.serverTable table{width: 100%; border-collapse: collapse;}
.serverTable th,.serverTable td{font-size: 18px; color: #3d424f; height: 60px; background: #eef3ff; text-align: center;}
.serverTable th{background: #cf3e17; font-size: 24px; color: #f8e3ce;}
.serverTable td{border-bottom: 1px solid #b9beca;}
.serverTable a{color: #f00; cursor: pointer;}
.serverTable a:hover{text-decoration: underline;}

.serverTips{font-size: 18px; line-height: 36px; color: #3d424f; width: 1150px; margin: 0 auto; padding-top: 30px;}
.serverTips span{color: #f00;}
.tableMsg{text-align: center; font-size: 16px; padding: 50px 0 100px 0; display: none;}

.lrBox{width: 65px; position: absolute; right: 0; top: 0; height: 100%;}
.goTop{display: block; width: 65px; height: 75px; background: url(../images/top.png) no-repeat 0 0; position: fixed; bottom: 20%; cursor: pointer;}

.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: 53%; -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: 680px; height: 616px; background: url(../images/pop.png) no-repeat 0 0;}
.pop2{width: 680px; height: 850px; background: url(../images/pop2.png) no-repeat 0 0;}
.pop3{overflow-y: scroll; width: 680px; height: 850px; background: url(../images/pop3.png) no-repeat 0 0;}
.pop3::-webkit-scrollbar-track{border-radius:10px;background-color:#dee7f5;}/*底*/
.pop3::-webkit-scrollbar-thumb{border-radius:10px;background-color:#675bc0;}/*面*/
.closeBtn{display: block; width: 90px; height: 91px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: 10px; top: 15px;}
.msg{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 46px; color: #5589dd; line-height: 70px;}
.msg img{display: block;}


.pop_team_name{text-align: center; font-size: 44px; color: #50545f; padding-top: 60px; height: 60px;}
.pop_team_server{text-align: center; font-size: 24px; color: #50545f; height: 54px;}

.team_list{margin: 0 0 0 3px; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 10px;}
.teamli{width: 318px; height: 114px; border: 1px solid #a7bbdc; background: #FFF; margin-bottom: 10px;}
.teamTitle{height: 32px; line-height: 32px; background: #4f6397; padding: 8px 15px;}
.teamTitle a{font-size: 24px; color: #FFF;}
.teamTitle span{float: right; width: 62px; height: 28px; border: 2px solid #FFF; color: #FFF; text-align: center; line-height: 28px; font-size: 22px;}
.teamTitle span.leader{border: 2px solid #ff6600; color: #ff6600;}
.teamDesc{height: 60px; line-height: 60px; font-size: 24px; color: #50545f; padding: 0 15px;}
.teamDesc a{color: #ff6600;}
.teamDesc span{float: right;}