@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: 1300px; max-width: 1920px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center 0; height: 4272px;}

.section{position: relative;}
.section1{height: 845px;}
.publicMain{width: 1200px; margin: 0 auto; position: relative;}
.top_nav{height: 32px; position: absolute; right: 0; top: 0; z-index: 10;}
.top_nav a{float: left; width: 72px; height: 32px; line-height: 32px; text-align: center; color: #FFF; font-size: 14px; margin-right: 5px; background: rgba(26,30,49,0.6);}
.top_nav a:hover{background: rgba(26,30,49,0.9);}

.slg{width: 100%; height: 350px; background: url(../images/slg.png) no-repeat center 0; position: absolute; left: 0; top: 400px;}
.loginBox{height: 150px;}
.slg{-webkit-animation:moveIn 1s .2s ease-in-out both;-ms-animation:moveIn 1s .2s ease-in-out both;animation:moveIn 1s .2s ease-in-out both}
@-webkit-keyframes moveIn{
    0%{-webkit-transform:scale(0.6);opacity:0}
    100%{-webkit-transform:scale(1);opacity:1}
}
@keyframes moveIn{
    0%{transform:scale(0.6);opacity:0}
    100%{transform:scale(1);opacity:1}
}

.logout{text-align: center; font-size: 18px; color: #FFF; line-height: 81px; position: relative;}
.login a,.logout a{color: #babaff;}
.loginDiv,.logoutDiv{display: none;}

.title1{height: 132px; background: url(../images/t1.png) no-repeat center 0;}
.title2{height: 132px; background: url(../images/t2.png) no-repeat center 0;}
.title3{height: 132px; background: url(../images/t3.png) no-repeat center 0;}
.imgBox{height: 1115px; background: url(../images/img.png) no-repeat center 0;}
.btnDiv1{height: 106px;}
.btnDiv2{height: 170px;}
.btnDiv3{height: 113px;}
.btnDiv4{height: 200px;}

.btnBox a{display: block; width: 291px; height: 81px; cursor: pointer; margin: 0 auto;}
.btnBox a.log{background: url(../images/login.png) no-repeat center 0;}
.btnBox a.yy{background: url(../images/yy.png) no-repeat center 0;}
.btnBox a.lc{background: url(../images/lc.png) no-repeat center 0;}
.btnBox a.hot{background: url(../images/hot.png) no-repeat center 0;}
.btnBox a:hover{background-position: 0 -81px;}
.btnBox a.on,.btnBox a.on:hover{background-position: 0 -162px; cursor: default;}

.progMain{width: 1181px; height: 404px; margin: 0 auto; background: url(../images/line.png) no-repeat 0 33px; position: relative;}
.progMain .list{width: 147px; height: 330px; position: absolute; top: 0;}
.progMain .li1{background: url(../images/a1.png) no-repeat 0 0; left: 78px;}
.progMain .li2{background: url(../images/a2.png) no-repeat 0 0; left: 300px;}
.progMain .li3{background: url(../images/a3.png) no-repeat 0 0; left: 520px;}
.progMain .li4{background: url(../images/a4.png) no-repeat 0 0; left: 850px; width: 146px;}
.progMain .li5{background: url(../images/a5.png) no-repeat 0 0; left: 1070px; width: 146px;}
.progMain .progLine{position: absolute; left: 35px; top: 43px; width: 1110px; height: 9px; border: 1px solid #575d60; background: #4b4452; border-radius: 9px; overflow: hidden;}
.progMain .progLine a{display: block; height: 100%; background: url(../images/line_on.png) no-repeat 0 0; width: 0;}

.ruleMain{width: 1120px; margin: 0 auto;}
.ruleMain p{height: 30px; line-height: 30px; font-size: 16px; color: #FFF; margin-bottom: 16px; text-indent: 40px;}
.ruleMain p.v1{background: url(../images/v1.png) no-repeat 0 0;}
.ruleMain p.v2{background: url(../images/v2.png) no-repeat 0 0;}
.ruleMain p.v3{background: url(../images/v3.png) no-repeat 0 0;}
.ruleMain p.v4{background: url(../images/v4.png) no-repeat 0 0;}
.ruleMain p.v5{background: url(../images/v5.png) no-repeat 0 0;}

.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: 644px; height: 365px; background: url(../images/pop1.png) no-repeat 0 0;}
.closeBtn{display: block; width: 32px; height: 34px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: 26px; top: 18px;}
.closeBtn:hover{background-position: right 0;}

.pt1{background: url(../images/pt1.png) no-repeat center 50px; height: 140px;}

.msg{font-size: 36px; text-align: center; height: 260px; padding-top: 7px; display: flex; justify-content: center; align-items: center; font-weight: bold;}
.msg a.c1{color: #f4edff;}
.msg a.c2{color: #b1a0cf;}

.subMain{height: 130px;}
.sublist{height: 60px;}
.sublist span{float: left; width: 160px; height: 36px; line-height: 36px; font-size: 20px; color: #FFF; text-align: right;}
.sublist select{float: left; width: 380px; height: 36px; background: #d2c4dd; border: 1px solid #d2c4dd; font-size: 20px; color: #2c2136; outline: none;}

.clickBox a{display: block; width: 187px; height: 53px; cursor: pointer; margin: 0 auto;}
.clickBox a.submit{background: url(../images/btn_submit.png) no-repeat center 0;}
.clickBox a.enter{background: url(../images/btn_enter.png) no-repeat center 0;}
.clickBox a:hover{background-position: 0 bottom;}