/* 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; max-width: 750px;}
#content{position: relative; background:#c0e7e4 url(../images/bg.jpg) no-repeat center 0; padding-bottom: 200px;}
.logo{display: block; position: absolute; left: 20px; top: 115px;}
.btnHome{display: none; width: 164px; height: 39px; background: url(../images/home.png) no-repeat 0 0; position: absolute; right: 52px; top: 85px;}
.section{position: relative;}
.section1{height: 1060px;}
.publicMain{width: 750px; margin: 0 auto; position: relative; height: 100%;}

.slogan{width: 100%; height: 347px; background: url(../images/slogan.png) no-repeat center 0; position: absolute; left: 0; bottom: 36px;}
.navBox{height: 96px; width: 750px; position: fixed; left: 0; bottom: 0; z-index: 100;}
.navBox a{display: block; width: 150px; height: 96px; cursor: pointer; float: left;}
.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; width: 151px;}
.navBox a.a4{background: url(../images/a4.png) no-repeat center 0;}
.navBox a.a5{background: url(../images/a5.png) no-repeat center 0; width: 149px;}
.navBox a.on,.navBox a:hover{background-position: 0 -96px;}

.saiMain{height: 870px; background: url(../images/server.png) no-repeat center 0; position: relative;}
.title1{height: 148px;}
.timeBox{background: url(../images/timebg.png) no-repeat 0 0; width: 520px; height: 166px; text-align: center; margin: 0 auto;}
.timeBox div{width: 100%; height: 54px; font-size: 24px; color: #16223e; margin-bottom: 2px; line-height: 54px;}
.timeBox div span{font-weight: bold; color: #cb4016;}
.timeBox div.li1{}
.ruleBtn{display: block; width: 126px; height: 121px; background: url(../images/ruleBtn.png) no-repeat 0 0; position: absolute; left: 50%; margin-left: -63px; top: 616px;}

.mainBox{width: 684px; margin: 0 auto;}
.mainBox2{width: 750px; margin: 0 auto;}
.tabBox{height: 111px;}
.tabBox a{float: left; width: 342px; 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;}

.tian_div1{height: 785px; background: url(../images/tian_div1.jpg) no-repeat 0 0; margin-bottom: 20px; position: relative;}
.tian_title1{text-align: center; font-size: 20px; color: #fef4c4; width: 100%; position: absolute; left: 0; top: 136px; line-height: 32px;}
.iconBox1{width: 480px; position: absolute; left: 186px; top: 200px; display: flex; flex-wrap:wrap;}
.iconBox2{width: 480px; margin: 0 auto; padding-top: 210px; display: flex; flex-wrap:wrap;}
.iconBox3{width: 480px; margin: 0 auto; padding-top: 44px; display: flex; flex-wrap:wrap;}
.iconBox1 img,.iconBox2 img,.iconBox3 img{display: block;}
.iconlist{width: 160px; height: 184px;}
.iconlist span{display: block; text-align: center; font-size: 20px; color: #16223e; padding-top: 10px;}
.liIcon{width: 117px; height: 117px; background: url(../images/bor.png) no-repeat 0 0; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.liIcon img{width: 103px; height: 103px; display: block;}

.tian_div2{height: 620px; background: url(../images/tian_div2.jpg) no-repeat 0 0; margin-bottom: 20px; position: relative;}
.tian_title2{text-align: center; font-size: 20px; color: #fef4c4; width: 100%; position: absolute; left: 0; top: 142px; line-height: 32px;}

.tian_div3{height: 605px; background: url(../images/tian_div3.jpg) no-repeat 0 0; margin-bottom: 20px; position: relative;}
.tian_title3{text-align: center; font-size: 20px; color: #fef4c4; width: 100%; position: absolute; left: 0; top: 136px; line-height: 32px;}

.tian_div4{height: 430px; background:#FFF url(../images/icon8.png) no-repeat 0 0; background-size: 77px auto; margin-bottom: 20px;}
.tian_div5{height: 430px; background:#FFF url(../images/icon16.png) no-repeat 0 0; background-size: 77px auto; margin-bottom: 20px;}

.di_div1{height: 641px; background: url(../images/di_div1.jpg) no-repeat 0 0; margin-bottom: 20px; position: relative;}

.title_rule{height: 158px; background: url(../../images/title_rule.png) no-repeat center 0;}
.ruleMain{background: #FFF; border: 1px solid #47a093; padding:48px 35px; color: #16223e;}
.ruleMain h2{text-align: center; font-size: 40px; font-weight: bold; padding-bottom: 42px;}
.ruleMain h3{font-size: 24px; font-weight: bold; padding-bottom: 12px;}
.ruleMain h4{font-size: 20px; font-weight: bold; padding-bottom: 12px;}
.ruleMain p{font-size: 18px; padding-bottom: 12px; line-height: 32px;}
.ruleMain span{color: #f00;}

.title_table{background: url(../../images/tablTitle.png) no-repeat center 0; height: 175px;}
.tabMain{height: 98px; background: url(../images/tabBg.png) no-repeat center 3px; display: flex; justify-content: center;}
.tabMain a{display: block; width: 170px; height: 83px; line-height: 72px; text-align: center; background: url(../images/tabon.png) no-repeat 0 -9999px; cursor: pointer; font-size: 22px; color: #fff; margin: 0 4px;}
.tabMain a.on,.tabMain a:hover{background-position: 0 0; color: #FFF;}

.tabCont{width: 660px; background: #f3f4f8; border: 1px solid #b3b8c6; padding:30px 20px; margin: 0 auto;}

.tabClick{height: 78px; display: flex; justify-content: center; font-size: 24px;}
.tabClick span{display: block; width: 20px; height: 40px; line-height: 40px; color: #000; text-align: center;}
.tabClick span:last-child{display: none;}
.tabClick a{display: block; width: 64px; height: 40px; line-height: 40px; color: #000; text-align: center; cursor: pointer;}
.tabClick a:hover,.tabClick a.on{background: #c94e1c; color: #FFF;}

.tablelist{overflow:hidden; clear: both;}
.tableShow table{border-collapse: collapse; width: 100%;}
.tableShow table td{border: 1px solid #e4d61e; height: 88px; text-align: center; width: 25%;}
.tableShow table tr:nth-child(odd){background: #f8f9fb;}
.tableShow table tr:nth-child(even){background: #f9f7e5}
.tableShow a{display: block;}
.tableShow a.a1{font-size: 24px; color: #16223e;}
.tableShow a.a2{font-size: 20px; color: #c94e1c;}

.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;}


.title_zhanbao{background: url(../../images/baoTitle.png) no-repeat center 0; height: 175px;}
.listTitle{height: 90px; line-height: 90px; text-align: center; font-size: 48px; font-weight: bold;}
.listTitle.c1{background: url(../../images/c1.png) no-repeat center; color: #be4b1d;}
.listTitle.c2{background: url(../../images/c2.png) no-repeat center; color: #c3ab6a;}
.listTitle.c3{background: url(../../images/c3.png) no-repeat center; color: #697eb3;}
.listTitle.c4{background: url(../../images/c4.png) no-repeat center; color: #7cb1e1;}

.listInt{padding-bottom: 50px;}
.listFlex{display: flex; justify-content: center;}
.listFlex2{display: flex; justify-content: center; flex-wrap: wrap;}

.listStyle1{border: 1px solid #be4b1d; background: #ecf7f6; text-align: center; width: 648px; margin: 0 auto;}
.listStyle1 div.server{background: #be4b1d; height: 36px; line-height: 36px; font-size: 20px; color: #FFF;}
.listStyle1 div.role{height: 90px; line-height: 90px; font-size: 26px; color: #16223e;}

.listStyle2{border: 1px solid #c3ab6a; background: #ecf7f6; text-align: center; width: 648px; margin: 0 auto;}
.listStyle2 div.server{background: #c3ab6a; height: 36px; line-height: 36px; font-size: 20px; color: #FFF;}
.listStyle2 div.role{height: 90px; line-height: 90px; font-size: 26px; color: #16223e;}

.listStyle3{border: 1px solid #697eb3; background: #ecf7f6; text-align: center; width: 318px; margin: 0 5px;}
.listStyle3 div.server{background: #697eb3; height: 36px; line-height: 36px; font-size: 20px; color: #FFF;}
.listStyle3 div.role{height: 90px; line-height: 90px; font-size: 26px; color: #16223e;}

.listStyle4{border: 1px solid #4baeb0; background: #ecf4fa; text-align: center; width: 318px; margin: 0 5px;}
.listStyle4 div.server{background: #7cb1e1; height: 36px; line-height: 36px; font-size: 20px; color: #FFF;}
.listStyle4 div.role{height: 90px; line-height: 90px; font-size: 26px; color: #16223e;}

.listFlex2 .listStyle4{margin-bottom: 10px;}

.title_live{background: url(../../images/liveTitle.png) no-repeat center 0; height: 175px;}
.liveBox{width: 700px; height: 640px; background: url(../../images/box.png) no-repeat 0 0; background-size: 100% auto; margin: 0 auto;}
.liveTitle{padding: 40px 0; text-align: center; font-size: 38px; color: #16223e;}
.liveVideo{width: 650px; margin: 0 auto;}
.liveVideo img{display: block; max-width: 100%;}
.liveVideo video{display: block; width: 100%; height: 100%;}

.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; right:0; 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: 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: 680px; height: 616px; background: url(../../images/pop.png) no-repeat 0 0;}
.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%; background: url(../../images/pt.png) no-repeat center;}