﻿@charset "utf-8";
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}
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;}
*:not(input):not(textarea){user-select:none;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;  -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

#content{position: relative; min-width: 1300px; max-width: 1920px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center 0; height: 4400px;}

.lrBox{width: 116px; position: absolute; right: 20px; height: 100%; top: 0; z-index: 100;}
.navCont{width: 116px; height: 650px; position: fixed; top: 50%; transform: translate(0,-50%);}
.navCont a{display: block; width: 56px; height: 185px; position: absolute; background-position: 0 0; background-repeat: no-repeat; cursor: pointer;}
.navCont a.n1{background-image: url(../images/nav1.png); left: 0; top: 0;}
.navCont a.n2{background-image: url(../images/nav2.png); right: 0; top: 118px;}
.navCont a.n3{background-image: url(../images/nav3.png); left: 0; top: 237px;}
.navCont a.n4{background-image: url(../images/nav4.png); right: 0; top: 353px;}
.navCont a.n5{background-image: url(../images/nav5.png); left: 0; top: 471px;}
.navCont a:hover,.navCont a.on{background-position: right 0;}

.section{position: relative;}
.section1{height: 954px;}
.publicMain{width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.posCont{background: url(../images/prs.png) no-repeat center 0; width: 812px; height: 180px; position: absolute; left: 50%; margin-left: -406px; top: 740px;}
.posTips{text-align: center; width: 100%; position: absolute; left: 0; bottom: 0; font-size: 15px; color: #d7d7d7;}
.posTips span.s1{color: #56ffe9;}
.posTips span.s2{color: #f5dc34;}
.posNum{font-size: 27px; color: #ffe536; font-weight: bold; position: absolute; left: 386px; top: 4px;}
.posBox{width: 734px; height: 10px; position: absolute; left: 26px; top: 78px; background: #373737; border-radius: 10px; overflow: hidden;}
.posline{width: 0%; height: 10px; position: absolute; left: 0; top: 0; background: #fff836; border-radius: 10px;}
.posMain{width: 734px; height: 10px; position: absolute; left: 26px; top: 78px; z-index: 10;}
.posli{width: 100px; height: 100px; position: absolute; top: -24px;}
.posli.p1{background: url(../images/1.png) no-repeat center bottom; left: 25px;}
.posli.p2{background: url(../images/2.png) no-repeat center bottom; left: 130px;}
.posli.p3{background: url(../images/3.png) no-repeat center bottom; left: 270px;}
.posli.p4{background: url(../images/4.png) no-repeat center bottom; left: 455px;}
.posli.p5{background: url(../images/5.png) no-repeat center bottom; right: -32px;}
.posli span{display: block; width: 53px; height: 58px; background: url(../images/on.png) no-repeat 0 0; margin: 0 auto;}
.posli.on span{background-position: 0 bottom;}

.boxCont1{background: url(../images/tit1.png) no-repeat center 0; padding-top: 160px;}
.boxCont2{background: url(../images/tit2.png) no-repeat center 0; padding-top: 160px;}
.boxCont3{background: url(../images/tit3.png) no-repeat center 0; padding-top: 160px;}

.ruleCont{width: 1184px; height: 571px; background: url(../images/box2.png) no-repeat 0 0; margin: 0 auto;}
.ruleWarp{width: 940px; margin: 0 auto; padding-top: 22px;}
.ruleWarp li{font-size: 18px; line-height: 28px; color: #fcf0e1;}
.ruleWarp li span{color: #fff836;}

.timeBox{background: url(../images/box.png) no-repeat 0 0; width: 1094px; height: 184px; margin: 0 auto; display: flex; align-items: center;}
.timeBox p{padding: 0 0 0 250px; font-size: 18px; line-height: 36px; color: #fcf0e1;}
.timeBox strong{color: #46d2c1;}
.timeBox span{color: #fff836;}

.liCont{width: 1185px; height: 613px; background: url(../images/p.png) no-repeat 0 0; margin: 0 auto; position: relative;}
.liMain{width: 830px; height: 527px; position: absolute; left: 265px; top: 21px;}
.liTips{width: 100%; position: absolute; left: 0; bottom: 20px; text-align: center; font-size: 16px; color: #232f41;}
.liTips span{color: #a13332;}
.btnSearch{display: block; width: 167px; height: 63px; background: url(../images/btnSearch.png) no-repeat 0 0; cursor: pointer; position: absolute; right: -60px; bottom: 10px; z-index: 10;}
.liBox{width: 100%; position: absolute; left: 0; top: 25px; display: flex; justify-content: center;}
.lilist{width: 160px; height: 416px; position: relative;}
.lilist.a1{background: url(../images/a1.png) no-repeat 0 0;}
.lilist.a2{background: url(../images/a2.png) no-repeat 0 0;}
.lilist.a3{background: url(../images/a3.png) no-repeat 0 0;}
.lilist.a4{background: url(../images/a4.png) no-repeat 0 0;}
.lilist.a5{background: url(../images/a5.png) no-repeat 0 0;}
.liTop{width: 138px; height: 88px; position: absolute; left: 16px; top: 152px;}
.liTit{width: 100%; height: 100%; background-position: center; background-repeat: no-repeat;}
.liTit.t1{background-image: url(../images/t1.png);}
.liTit.t2{background-image: url(../images/t2.png);}
.liTit.t3{background-image: url(../images/t3.png);}
.liTit.t4{background-image: url(../images/t4.png);}
.liTit.t5{background-image: url(../images/t5.png);}
.liInfo{width: 100%; height: 100%; background: url(../images/tit_bg.png) no-repeat center 0; display: none;}
.liInfo span{display: block; text-align: center; font-size: 14px; color: #3b3e43; line-height: 20px; padding-top: 23px; height: 59px; display: flex; justify-content: center; align-items: center;}
.liBom{width: 138px; position: absolute; left: 16px; top: 280px; text-align: center;}
.liBom p{font-size: 21px; color: #a23f21; padding-bottom: 5px;}
.liBom a{display: block; width: 92px; height: 31px; line-height: 31px; cursor: pointer; background: url(../images/btn.png) no-repeat 0 0; margin: 0 auto; font-size: 14px; color: #FFF;}

.boxCont4{background: url(../images/page4.png) no-repeat center 0; width: 928px; height: 704px; margin: 0 auto; position: relative;}
.boxCont5{background: url(../images/page5.png) no-repeat center 0; width: 793px; height: 673px; margin: 0 auto;}

.infoShow{display: block; width: 84px; height: 20px; position: absolute; left: 274px; cursor: pointer;}
.infoShow.v1{top: 449px;}
.infoShow.v2{top: 535px;}
.infoShow.v3{top: 622px;}
.showli{width: 150px; padding:10px 20px; background: #eaeaea; position: absolute; left: 10px; top: 26px; display: none; font-size: 16px; line-height: 24px; color: #313b53; font-weight: bold;}
.showli span{width: 16px; height: 16px; background: #eaeaea; transform: rotate(45deg); position: absolute; left: 15px; top: -6px;}
.infoShow:hover .showli{display: block;}

.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: 1015px; height: 525px; background: url(../images/pop1.png) no-repeat 0 0;}
.pop2{width: 613px; height: 360px; background: url(../images/pop2.png) no-repeat 0 0;}
.pop3{width: 613px; height: 446px; background: url(../images/pop3.png) no-repeat 0 0;}

.closeBtn{display: block; width: 54px; height: 107px; background: url(../images/close.png) no-repeat center; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: 10px; top: -24px; z-index: 99;}
.closeBtn2{right: 60px; top: -10px;}
.closeBtn3{right: -50px; top: -10px;}

.tableCont{width: 680px; position: absolute; left: 230px; top: 44px;}
.tableWrap{height: 38px; padding-right: 20px;}
.tableTab{float: left; height: 38px; width: 300px;}
.tableTab a{float: left; width: 71px; height: 29px; line-height: 29px; text-align: center; font-size: 16px; color: #2871a2; background: url(../images/tab_on.png) no-repeat right 0; cursor: pointer; margin-right: 7px;}
.tableTab a:last-child{margin: 0;}
.tableTab a:hover,.tableTab a.on{background-position: 0 0; color: #FFF;}

.tableTop{width: 330px; height: 38px; float: right;}
.tableTop input{float: left; width: 170px; height: 28px; padding: 0 10px; border: 1px solid #FFF; background: #fff; font-size: 13px; outline: none;}
.tableTop a.btnRp{float: right; width: 30px; height: 30px; background: #3254a1 url(../images/icon1.png) no-repeat center; cursor: pointer;}
.tableTop a.searchBtns{float: left; width: 32px; height: 30px; background: #a13332 url(../images/icon2.png) no-repeat center; cursor: pointer;}
.tableTop a.inputClear{float: left; width: 60px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #2473f6; cursor: pointer; text-decoration: underline;}

.tableThead{width: 660px; height: 30px; line-height: 30px; text-align: center; background: #313b53; font-size: 14px; color: #f7db92; font-weight: bold;}
.tableThead span{float: left; height: 30px; line-height: 30px;}
.tableThead span.a1{width: 80px;}
.tableThead span.a2{width: 320px;}
.tableThead span.a3{width: 150px;}
.tableThead span.a4{width: 100px;}
.tableThead span a{display: block; background: url(../images/icon3.png) no-repeat right center; cursor: pointer; width: 100px; margin: 0 auto; position: relative;}
.tableThead span a div.tablePop{width: 184px; height: 58px; background: url(../images/textpop2.png) no-repeat 0 0; position: absolute; left: 70px; top: 22px; display: none;}
.tableThead span a:hover div.tablePop{display: block;}

.tableTbody{width: 660px; height: 30px; line-height: 30px; font-size: 14px; color: #243041;}
.tableTbody:nth-child(odd){background: #bccdda;}
.tableTbody:nth-child(even){background: #a9bcc9;}
.tableTbody div{float: left; height: 30px; line-height: 30px;}
.tableTbody div.a1{width: 80px; text-align: center;}
.tableTbody div.a2{width: 320px; display: flex; justify-content: center;}
.tableTbody div.a2 span{}
.tableTbody div.a2 a.moreBtns{cursor: pointer; color: #2473f6; text-decoration: underline; margin-left: 20px;}
.tableTbody div.a3{width: 150px; text-align: center;}
.tableTbody div.a4{width: 100px; text-align: center;}
.tableTbody strong{display: none; width: 0; height: 0;}

.myCont{width: 210px; height: 30px; background: #a9bcc9; position: absolute; left: 240px; bottom: 70px;}
.myCont span{float: left; width: 140px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #232f41;}
.myCont a{float: right; width:66px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #a9bcc9; background: #FFF; font-size: 16px; color: #a13332;}
.myTips{width: 460px; font-size: 14px; color: #232f41; position: absolute; left: 242px; bottom: 78px;}
.myTips span{color: #a13332;}

.tableScroll{width: 680px; height: 272px; overflow: hidden; overflow-y: auto; margin-bottom: 18px;}
.tableScroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.tableScroll::-webkit-scrollbar-track{border-radius:0;background-color:#98a7b1;}/*底*/
.tableScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#39619f;}/*面*/
.tableScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.tableScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.tableScroll::-webkit-scrollbar-track-piece{margin:0;}

.btnBox{display: flex; justify-content: center; padding-top: 5px;}
.btnBox a{display: block; width: 137px; height: 55px; cursor: pointer; margin: 0 auto; overflow: hidden; text-indent: -9999px;}
.btnBox a.btn_enter{background: url(../images/btn_enter.png) no-repeat 0 0;}

.btnEnter{display: block; width: 137px; height: 55px; cursor: pointer; background: url(../images/btn_enter.png) no-repeat 0 0; position: absolute; right: 110px; bottom: 58px;}

.msg{color: #283647;}
.msg h2{text-align: center; height: 80px; line-height: 80px; text-align: center; font-size: 30px; font-weight: bold;}
.intMsg{width: 500px; padding-bottom: 20px; margin: 0 auto;}
.intMsg h3{font-weight: bold; font-size: 18px; height: 30px;}
.intMsg p{font-size: 16px; padding-bottom: 10px; line-height: 22px;}
.intMsg div{text-align: center; font-size: 30px;}
.intMsg p a:last-child{display: none;}
#msg{height: 260px; display: flex; justify-content: center; align-items: center; font-size: 30px; font-weight: bold;}
.intTips{width: 500px; margin: 0 auto; font-size: 16px; color: #0b74ba; line-height: 26px; padding-top: 10px;}


.scrollStyle::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.scrollStyle::-webkit-scrollbar-track{border-radius:6px;background-color:#1e1e1e;}/*底*/
.scrollStyle::-webkit-scrollbar-thumb{border-radius:6px;background-color:#8b8b8b;}/*面*/
.scrollStyle::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.scrollStyle::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.scrollStyle::-webkit-scrollbar-track-piece{margin:0;}

body::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
body::-webkit-scrollbar-track{border-radius:6px;background-color:#1e1e1e;}/*底*/
body::-webkit-scrollbar-thumb{border-radius:6px;background-color:#8b8b8b;}/*面*/
body::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
body::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
body::-webkit-scrollbar-track-piece{margin:0;}