/* 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:#f9f9f9; 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: 200px;}
.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: 100px; top: 30px;}
.section{position: relative;}
.section1{height: 888px;}
.publicMain{width: 1300px; margin: 0 auto; position: relative; height: 100%;}

.navBox{height: 115px; display: flex; justify-content: center;}
.navBox a{display: block; width: 229px; height: 88px; line-height: 88px; cursor: pointer; margin: 0 8px; background: url(../images/nav_btn.png) no-repeat 0 0; text-align: center; font-size: 34px; color: #FFF;}
.navBox a.on,.navBox a:hover{background-position: 0 -88px;}

.saiMain{height: 520px; position: relative; background: url(../images/tips.png) no-repeat center 295px; margin: 0 auto;}
.saiStyle2{height: 330px; background: none;}
.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;}

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

.ruleMain{width: 1244px; margin: 0 auto;}
.ruleContTop{width: 100%; padding-bottom: 90px; margin-bottom: 30px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);}
.ruleTitle{height: 110px; display: flex; justify-content: center; align-items: center; margin-bottom: 14px;}
.ruleTitle img{display: block;}
.ruleLine{width: 1103px; height: 350px; background: url(../images/rule/ruleLine.png) no-repeat 0 0; margin: 0 auto; position: relative;}
.rulePop{width: 210px; height: 135px; background: url(../images/rule/rulePop.png) no-repeat 0 0; position: absolute; top: 165px; color: #000;}
.rulePop.r1{left: 59px;}
.rulePop.r2{left: 453px;}
.rulePop.r3{left: 817px;}
.rulePop h3{font-size: 20px; font-weight: bold; padding: 24px 0 10px 18px;}
.rulePop p{padding: 0 0 0 18px;}
.rulePop p span{display: block; background: url(../images/rule/d.png) no-repeat 0 center; text-indent: 14px; font-size: 14px; line-height: 30px;}

.ruleContMid{width: 100%; height: 665px; margin-bottom: 30px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);}

.ruleContBom{width: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);}
.ruleWrap{padding-top: 60px; color: #000;}
.ruleWrap h2{text-align: center; height: 50px; font-size: 24px;}
.ruleWrap img.img1{display: block; margin: 0 auto;margin-bottom: 88px;}
.ruleWrap img.img2{display: block; margin: 0 auto;margin-bottom: 50px;}
.rulefont{padding:0 50px 50px 50px; font-size: 18px; color: #3c506b; line-height: 40px;}
.rulefont p.c{text-align: center;}
.rulefont span{color: #d40000;}
.ruleBtns{display: block; width: 466px; height: 86px; margin: 0 auto; cursor: pointer; background: url(../images/rule/btn_select.png) no-repeat 0 0;}
.ruleBtns:hover{background-position: 0 -86px;}

.tableCont{width: 800px; margin: 0 auto; text-align: center;}
.tableCont h3{font-size: 48px; color: #2d6b7a; font-weight: bold; padding-bottom: 30px;}
.tableCont h3 img{display: block; margin: 0 auto;}
.tableCont h2{font-size: 24px; color: #16223e; padding-bottom: 12px;}
.tableCont table{width: 100%; border-collapse: collapse;}
.tableCont table th,.tableCont table td{border: 1px solid #000; background: #FFF; font-size: 18px; color: #16223e; line-height: 46px;}
.tableCont table th{background: #2d6a79; color: #FFF; font-weight: normal;}

.slistTitle{padding-bottom: 36px;}
.slistTitle img{display: block; margin: 0 auto; margin-bottom: 22px;}
.slistTitle span{display: block; width: 750px; height: 48px; line-height: 48px; text-align: center; color: #FFF; font-size: 24px; background: #43a5a9; border-radius: 48px; margin: 0 auto;}
.serverMain{width: 1244px; margin: 0 auto; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff); padding-bottom: 50px;}
.stab{height: 154px;}
.stab a{float: left; width: 311px; height: 93px; line-height: 93px; text-align: center; font-size: 28px; color: #fff; position: relative; cursor: pointer; background: #376a79 url(../images/s/tab.png) no-repeat 0 -9999px;}
.stab a span{display: block; width: 1px; height: 18px; background: #87a6af; line-height: 0; font-size: 0; position: absolute; left: 0px; top: 39px;}
.stab a:first-child span{display: none;}
.stab a:hover,.stab a.on{background: url(../images/s/tab.png) no-repeat 0 0; height: 105px;}
.stab a:hover span,.stab a.on span{display: none;}

.ftab{height: 112px; display: flex; justify-content: center;}
.ftab a{display: block; padding: 0 25px; height: 60px; line-height: 60px; text-align: center; background: #4dabb6; font-size: 24px; color: #FFF; cursor: pointer; margin: 0 5px;}
.ftab a:hover,.ftab a.on{background: #c6471a;}

.serverlistCont{width: 1056px; margin: 0 auto;}
.serverlistCont table{border-collapse: collapse; width: 100%;}
.serverlistCont table td{border: 1px solid #4dabb6; text-align: center; padding: 20px 0; line-height: 32px;}
.serverlistCont table td span{display: block; font-size: 24px; color: #16223e;}
.serverlistCont table td a{display: block; font-size: 18px; color: #c94e1c;}
.serverlistCont table tr:nth-child(odd){background: #FFF;}
.serverlistCont table tr:nth-child(even){background: #e4f4f6;}

.firstlistCont{width: 1054px; margin: 0 auto;}
.listBox{margin-bottom: 24px;}
.listBox h2{height: 86px; line-height: 86px; text-align: center; font-size: 48px; font-weight: bold;}
.listBox div{background: #e7f1f9; text-align: center;}
.listBox div span{display: block; height: 36px; line-height: 36px; font-size: 20px; color: #FFF;}
.listBox div strong{display: block; height: 90px; line-height: 90px; font-size: 26px; color: #16223e; font-weight: normal;}
.listBox.style1 h2{background: url(../images/s/t1.png) no-repeat center; color: #be4b1d;}
.listBox.style2 h2{background: url(../images/s/t2.png) no-repeat center; color: #c3ab6a;}
.listBox.style3 h2{background: url(../images/s/t3.png) no-repeat center; color: #697eb3;}
.listBox.style4 h2{background: url(../images/s/t4.png) no-repeat center; color: #5b9ed9;}
.listBox.style1 div{border: 1px solid #cb5a35;}
.listBox.style2 div{border: 1px solid #c3ab6a;}
.listBox.style3 div{border: 1px solid #697eb3;}
.listBox.style4 div{border: 1px solid #86a0e0;}
.listBox.style1 div span{background: #be4b1d;}
.listBox.style2 div span{background: #c3ab6a;}
.listBox.style3 div span{background: #697eb3;}
.listBox.style4 div span{background: #5b9ed9;}

.liveCont{}
.liveTitle{padding-top: 90px; height: 110px; text-align: center; font-size: 64px; color: #16223e;}

.liveMain{height: 822px;}
.livePlay{width: 1080px; height: 610px; margin: 0 auto; background: #1b1b1b;}
.livePlay iframe{width: 100%; height: 100%; display: block;}

.liveTab{display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 20px; width: 1080px; margin: 0 auto;}
.liveTab a{display: block; width: 260px; height: 82px; line-height: 82px; text-align: center; background:#3d7c89; text-align: center; color: #FFF; font-size: 26px; position: relative; cursor: pointer;}
.liveTab a span{display: none; width: 16px; height: 16px; background: #c6471a; transform: rotate(45deg) translate(-50%,0); position: absolute; left: 50%; top: -2px;}
.liveTab2 a{width: 528px;}
.liveTab a:hover,.liveTab a.on{background: #c6471a;}
.liveTab a:hover span,.liveTab a.on span{display: block;}

.roomName{ text-align: center; font-size: 40px; color: #354570; }
.liveBox{ position: relative; margin: 22px auto 0 auto; width: 1110px; height: 641px; background: url(../images/liveBox.png) no-repeat 0 0; }
.liveBox iframe{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1074px; height: 604px; }
.liveNull{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 896px; height: 389px; background: url(../images/pop_live.png) no-repeat 0 0; }
.close{ position: absolute; top: 13px; right: 140px; width: 17px; height: 14px; background: url(../images/close.png) no-repeat 0 0; }
.popLiveTit{ position: absolute; top: 16px; left: 0; width: 100%; text-align: center; font-weight: bold; font-size: 25px; color: #f2dea9; }
.popLiveText{ position: absolute; top: 100px; width: 520px; height: 200px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; line-height: 40px; font-weight: bold; font-size: 25px; color: #354570; }
.popLiveText span{ color: #ffe6a1; }
.liveBtns{ margin: 30px auto 0 auto; width: 1225px; display: flex; justify-content: center; }
.liveBtns a{ margin: 0 28px; width: 281px; height: 60px; line-height: 60px; text-align: center; background: url(../images/liveBtns.png) no-repeat 0 0; font-weight: bold; font-size: 31px; color: #FFF; cursor: pointer; }
.liveBtns a:hover, .liveBtns a.on{ background-position: 0 -60px; }


.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: 674px; background: url(../images/pop/pop1.png) no-repeat 0 0;}
.pop2{width: 680px; height: 616px; background: url(../images/pop/pop2.png) no-repeat 0 0;}
.closeBtn{display: block; width: 90px; height: 91px; background: url(../images/pop/close.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: 10px; top: 15px;}
.msgImg{padding-top: 220px;}
.msgImg img{display: block; margin: 0 auto;}

.page{padding-top: 30px;}
.page ul{display: flex; justify-content: center;}
.page li{border: 1px solid #677197; font-size: 24px; padding: 5px 14px; color: #677197; margin: 0 8px; cursor: pointer;}
.page li.pageItemActive{color: #c94e1c; border: 1px solid #c94e1c; cursor: default;}