@charset "utf-8";
/* 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: 1320px; max-width: 1920px; margin: 0 auto;}

.section{position: relative;}
.section1{height: 860px;}
.publicMain{width: 1320px; height: 100%; margin: 0 auto; position: relative;}
.logo{display: block; position: absolute; left: 50px; top: 50px;}

.bg_mid{background: url(../images/bg_mid.jpg) repeat-y center 0;}
.bg_top{background: url(../images/bg_top.jpg) no-repeat center 0;}
.bg_fot{background: url(../images/bg_fot.jpg) no-repeat center bottom; height: 3800px;}

.loginBox{width: 840px; height: 120px; position: absolute; left: 265px; top: 587px;}
.login{display: none;}
.divFiex{display: flex; justify-content: center; align-items: center; height: 120px;}
.btn_login{display: block; width: 172px; height: 61px; margin: 0 auto; background: url(../images/login.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -999rem;}
.logout_first{display: flex; justify-content: center; height: 46px;}
.logoutInfo{font-size: 24px; color: #FFF; height: 46px; line-height: 46px; margin-right: 20px;}
.logoutInfo span{color: #ffea5f;}

.logout_second{height: 92px;}
.logoutLine{height: 46px; display: flex; justify-content: center;}
.logoutInfo2{font-size: 20px; color: #FFF; width: 340px; height: 46px; line-height: 46px;}
.logoutInfo2 strong{float: left; width: 120px; height: 46px; font-weight: normal; background: url(../images/line.png) no-repeat 0 26px; text-align: right;}
.logoutInfo2 span{float: left; width: 220px; height: 46px; color: #ffea5f;}

.logout a{display: block; width: 120px; height: 46px; line-height: 46px; text-indent: 32px; font-size: 16px; color: #FFF; cursor: pointer;}
.logout a.btn1{background: url(../images/btn1.png) no-repeat 0 0;}
.logout a.btn2{background: url(../images/btn2.png) no-repeat 0 0;}
.logout a.btn3{background: url(../images/btn3.png) no-repeat 0 0;}
.logout a.btn4{cursor: default; opacity: 0;}

.prizelist{background: url(../images/prize.png) no-repeat 0 0; height: 1970px;}
.listDiv{height: 318px; position: relative;}
.listDiv a{display: block; width: 149px; height: 63px; background: url(../images/btn4.png) no-repeat 0 0; position: absolute; right: 173px; top: 150px;}
.listDiv a.on{background-position: 0 -63px; cursor: pointer;}
.listDiv a.over{background-position: 0 -126px;}
.wait{background: url(../images/wait.png) no-repeat center 0; height: 140px;}

.ruleCont{width: 920px; margin: 0 auto; font-size: 24px; color: #FFF; color: #ffffff; padding-top: 160px;}
.ruleCont li{list-style: decimal; margin-bottom: 25px;}
.ruleCont span{color: #50fff9; font-size: 18px;}

.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: 806px; height: 562px; background: url(../images/pop1.png) no-repeat 0 0;}
.pop2{width: 1066px; height: 741px; background: url(../images/pop2.png) no-repeat 0 0;}
.closeBtn{display: block; width: 56px; height: 56px; background: url(../images/close.png) no-repeat center; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: 35px; top: 35px;}
.icon{display: block; width: 226px; height: 194px; background: url(../images/icon.png) no-repeat 0 0; position: absolute; left: -70px; bottom: -20px;}
.popTit{background: url(../images/titbg.png) no-repeat center; margin-top: 20px; height: 150px; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #FFF; font-weight: bold; text-align: center;}
.serverlist{width: 624px; height: 165px; margin: 0 auto; background: url(../images/select.png) no-repeat 0 0; display: flex; justify-content: center; align-items: center; margin-bottom: 60px;}
.serverlist select{width: 550px; height: 64px; border: 1px solid #FFF; background: #FFF; font-size: 26px; color: #393939; display: block; margin: 0 auto; outline: none;}

.msg{font-size: 48px; color: #44ffe7; font-weight: bold; height: 240px; text-align: center;}
.msg2{font-size: 48px; color: #44ffe7; font-weight: bold; height: 180px; margin-bottom: 60px; text-align: center; display: flex; justify-content: center; align-items: center; }
.msg strong{font-size: 60px;}
.msg span{font-size: 24px; color: #FFF;}

.popBtns{display: flex; justify-content: center;}
.popBtns a{width: 353px; height: 80px; display: block; margin: 0 15px; cursor: pointer; background-position: 0 0; background-repeat: no-repeat;}
.popBtns a.btnEnter{background-image: url(../images/btn_enter.png);}

.listCont{width: 920px; height: 514px; margin: 0 auto; overflow: hidden; overflow-y: auto;}
.listCont::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.listCont::-webkit-scrollbar-track{border-radius:0;background-color:#183a66;}/*底*/
.listCont::-webkit-scrollbar-thumb{border-radius:0;background-color:#44ffe7;}/*面*/
.listCont::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.listCont::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.listCont::-webkit-scrollbar-track-piece{margin:0;}
.listCont table{width: 900px; border-collapse: collapse;}
.listCont table th,.listCont table td{line-height: 56px; border: 1px solid #FFF; font-size: 20px; color: #FFF; text-align: center;}
.listCont table th{background: #14aac5; font-weight: bold; font-size: 24px;}