﻿@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%;}
#content{position: relative; min-width: 1300px; max-width: 1920px; margin: 0 auto;}
.index1{background: url(../images/bg1.jpg) no-repeat center 0;}
.index2{background: url(../images/bg2.jpg) no-repeat center 2000px; height: 8223px;}

.section{position: relative;}
.header{height: 1046px;}
.box1{height: 706px; background: url(../images/box1.png) no-repeat center 0;}
.box2{height: 1243px; background: url(../images/box2.png) no-repeat center 0;}
.box3{height: 774px; background: url(../images/box3.png) no-repeat center 0;}
.box4{height: 850px; background: url(../images/box4.png) no-repeat center 0;}
.box5{height: 1070px; background: url(../images/box5.png) no-repeat center 0;}
.box6{height: 790px; background: url(../images/box6.png) no-repeat center 0;}
.box7{height: 790px; background: url(../images/box7.png) no-repeat center 0;}
.box8{height: 660px; background: url(../images/box8.png) no-repeat center 0;}
.publicMain{width: 1200px; height: 100%; margin: 0 auto; position: relative;}

.topMenu{width: 234px; height: 36px; line-height: 36px; text-align: center; border-radius: 36px; background: rgba(35,39,107,.8); position: absolute; right: 0; top: 16px; font-size: 17px;}
.topMenu span{color: #f6f6b7; padding: 0 13px;}
.topMenu a{color: #FFF;}
.topMenu a:hover{color: #f6f6b7;}

.headerCont{width: 100%; position: absolute; left: 0; top: 728px;}
.btnSign{height: 103px;}
.btnSign a{display: block; width: 344px; height: 72px; cursor: pointer; background: url(../images/btnSign.png) no-repeat 0 0; margin: 0 auto;}
.btnSign a:hover{background-position: 0 bottom;}
.btnRule{height: 63px;}
.btnRule a{display: block; width: 210px; height: 45px; cursor: pointer; background: url(../images/btnRule.png) no-repeat 0 0; margin: 0 auto;}
.loginBox{height: 56px; line-height: 56px; text-align: center; font-size: 18px; color: #FFF; background: url(../images/loginbg.png) no-repeat center 0;}
.loginBox div{display: none;}
.loginBox span,.loginBox a{color: #f4f4a5;}
.loginBox a{cursor: pointer;}

.tit2{height: 248px;}
.img2{width: 1200px; height: 813px; position: relative; margin: 0 auto;}
.img2 img{display: block; position: absolute; left: 10px; top: 0; z-index: 2;}
.img2 span{display: block; width: 1180px; height: 799px; background: #113a66; position: absolute; right: 0px; bottom: 0; z-index: 1;}



.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: 988px; height: 616px; background: url(../images/pop1.png) no-repeat 0 0;}
.pop2{width: 988px; height: 616px; background: url(../images/pop2.png) no-repeat 0 0;}
.pop3{width: 700px; height: 400px; background: #1a486f; border: 10px solid #fcfbd9;}
.closeBtn{display: block; width: 44px; height: 44px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: -30px; top: -24px;}
.popTitle{height: 109px;}
.subMain{padding: 0 0 0 377px;}
.sublist{height: 48px;}
.sublist.s2{height: 68px;}
.sublist.s3{height: 100px;}
.sublist select{display: block; width: 300px; height: 36px; background: #dae3e9; border: 1px solid #c1cdd5; font-size: 16px; color: #000; outline: none;}
.sublist input{display: block; width: 288px; height: 36px; background: #dae3e9; border: 1px solid #c1cdd5; font-size: 16px; color: #000; padding: 0 5px; outline: none;}
.sublist textarea{display: block; width: 288px; height: 72px; background: #dae3e9; border: 1px solid #c1cdd5; font-size: 16px; color: #000; padding: 5px; outline: none; font-family:"Microsoft YaHei"; line-height: 24px;}
.sublist textarea::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.sublist textarea::-webkit-scrollbar-track{border-radius:6px;background-color:#1e1e1e;}/*底*/
.sublist textarea::-webkit-scrollbar-thumb{border-radius:6px;background-color:#8b8b8b;}/*面*/
.sublist textarea::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.sublist textarea::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.sublist textarea::-webkit-scrollbar-track-piece{margin:0;}

.subText{padding: 0 0 10px 300px; font-size: 12px; line-height: 20px; color: #bbe8ff;}
.subText p.p{padding-left: 32px;}

.btnBox{display: flex; justify-content: center; padding-bottom: 14px;}
.btnBox a{display: block; cursor: pointer; width: 267px; height: 56px;}
.btnBox a.btn_submit{background: url(../images/btn_submit.png) no-repeat 0 0;}
.btnBox a.btn_enter{background: url(../images/btn_enter.png) no-repeat 0 0;}
.btnBox a:hover{background-position: 0 bottom;}

.selectOn{display: block; width: 375px; background: url(../images/on.png) no-repeat 0 0; height: 17px; line-height: 17px; font-size: 14px; color: #f6ed8a; margin: 0 auto; cursor: pointer; text-align: right;}
.selectOn.on{background-position: 0 bottom;}

.ruleShow{width: 700px; margin: 0 auto; font-size: 20px; line-height: 42px; color: #bbe8ff; padding-bottom: 30px;}
.msg{height: 300px; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #bbe8ff; font-weight: bold; text-align: center;}

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