/* 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;}
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;}
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;}
select,textarea,input{resize:none; outline:none;}
textarea,span,li{overflow:auto;}
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";}
.none{display:none;}
*:not(input):not(textarea){user-select:none;}
body{background:#282a2c; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}

#content{min-width: 1400px; position: relative; max-width: 1920px; margin: 0 auto;}
#wrap{height: 968px; position: relative;}
.indexBg{background: url(../images/indexbg.jpg) no-repeat center 0; height: 968px;}

.loginBox{width: 1000px; height: 28px; position: absolute; right: 20px; top: 22px;}
.loginBox a{cursor: pointer;}
.login{float: right; width: 66px; height: 28px;}
.login a{text-align: center; font-size: 14px; color: #fff; line-height: 28px; width: 66px; height: 28px; background: url(../images/login.png) no-repeat 0 2px; display: block;}
.login a:hover{background-position:0 -26px;}
.logout{height: 28px;}
.logout a.quit{float: right; text-align: center; font-size: 14px; color: #fff; line-height: 28px; width: 66px; height: 28px; background: url(../images/login.png) no-repeat 0 2px;}
.logout a.quit{background-position:0 -26px;}
.userLogin{float: right; height: 28px; line-height: 28px; font-size: 16px; color: #FFF; background: rgba(88,137,153,0.6); padding: 0 15px; border-radius: 28px; margin-right: 10px;}


.navBox{width: 1440px; position: absolute; left: 50%; margin-left: -720px; top: 460px;}
.navList{width: 1440px; position: absolute; left: 0; top:0;}
.navList a{display: block; overflow: hidden; text-indent: -999px; position: absolute; width: 151px; height: 282px;}
.navList a.n1{background: url(../images/indexnzv/n1.png) no-repeat 0 0; left: 0px; top: 0;}
.navList a.n2{background: url(../images/indexnzv/n2.png) no-repeat 0 0; left: 117px; top: 20px;}
.navList a.n3{background: url(../images/indexnzv/n3.png) no-repeat 0 0; left: 235px; top: 40px;}
.navList a.n4{background: url(../images/indexnzv/n4.png) no-repeat 0 0; left: 352px; top: 60px;}
.navList a.n5{background: url(../images/indexnzv/n5.png) no-repeat 0 0; left: 468px; top: 80px;}
.navList a.n6{background: url(../images/indexnzv/n6.png) no-repeat 0 0; left: 586px; top: 100px;}
.navList a.n7{background: url(../images/indexnzv/n7.png) no-repeat 0 0; right: 586px; top: 100px;}
.navList a.n8{background: url(../images/indexnzv/n8.png) no-repeat 0 0; right: 468px; top: 80px;}
.navList a.n9{background: url(../images/indexnzv/n9.png) no-repeat 0 0; right: 352px; top: 60px;}
.navList a.n10{background: url(../images/indexnzv/n10.png) no-repeat 0 0; right: 235px; top: 40px;}
.navList a.n11{background: url(../images/indexnzv/n11.png) no-repeat 0 0; right: 117px; top: 20px;}
.navList a.n12{background: url(../images/indexnzv/n12.png) no-repeat 0 0; right: 0px; top: 0;}
.navList a:hover{background-position: 0 -282px;}

.rightList{width: 184px; height: 687px; padding-top: 66px; background: url(../images/rightnav.png) no-repeat 0 0; position: absolute; right: 30px; top: 100px; z-index: 100;}
.rightList a{display: block; overflow: hidden; text-indent: -999px; width: 82px; height: 44px; margin:0 auto; margin-bottom: 7px;}
.rightList a.n1{background: url(../images/nav/s1.png) no-repeat 0 0;}
.rightList a.n2{background: url(../images/nav/s2.png) no-repeat 0 0;}
.rightList a.n3{background: url(../images/nav/s3.png) no-repeat 0 0;}
.rightList a.n4{background: url(../images/nav/s4.png) no-repeat 0 0;}
.rightList a.n5{background: url(../images/nav/s5.png) no-repeat 0 0;}
.rightList a.n6{background: url(../images/nav/s6.png) no-repeat 0 0;}
.rightList a.n7{background: url(../images/nav/s7.png) no-repeat 0 0;}
.rightList a.n8{background: url(../images/nav/s8.png) no-repeat 0 0;}
.rightList a.n9{background: url(../images/nav/s9.png) no-repeat 0 0;}
.rightList a.n10{background: url(../images/nav/s10.png) no-repeat 0 0;}
.rightList a.n11{background: url(../images/nav/s11.png) no-repeat 0 0;}
.rightList a.n12{background: url(../images/nav/s12.png) no-repeat 0 0;}
.rightList a.n13{background: url(../images/nav/s13.png) no-repeat 0 0;}
.rightList a.on,.rightList a:hover{background-position:-82px 0;}
.tempbg{background: url(../images/tempbg.jpg) no-repeat center 0; height: 968px;}

.mainBox{width: 1450px; margin: 0 auto; height: 968px;}
.publicTitle{height: 170px; width: 100%; overflow: hidden; text-indent: -99999px;}
.tit1{background: url(../images/tit/tit1.png) no-repeat center center;}
.tit2{background: url(../images/tit/tit2.png) no-repeat center center;}
.tit3{background: url(../images/tit/tit3.png) no-repeat center center;}
.tit4{background: url(../images/tit/tit4.png) no-repeat center center;}
.tit5{background: url(../images/tit/tit5.png) no-repeat center center;}
.tit6{background: url(../images/tit/tit6.png) no-repeat center center;}
.tit7{background: url(../images/tit/tit7.png) no-repeat center center;}
.tit8{background: url(../images/tit/tit8.png) no-repeat center center;}
.tit9{background: url(../images/tit/tit9.png) no-repeat center center;}
.tit10{background: url(../images/tit/tit10.png) no-repeat center center;}
.tit11{background: url(../images/tit/tit11.png) no-repeat center center;}
.tit12{background: url(../images/tit/tit12.png) no-repeat center center;}
.marBom{margin-bottom: 10px;}
.serverBox{width: 1199px; height: 276px; margin:0 auto; position: relative; margin-bottom: 26px;}
.serverBg{background: url(../images/serverbg.png) no-repeat 0 0;}
.serverBg2{background: url(../images/serverbg2.png) no-repeat 0 0; margin-bottom: 0;}
.serverLeft{width: 400px; padding: 55px 0 0 198px;}
.serverSelect{height: 40px;}
.serverSelect select{width: 282px; height: 40px; border:1px solid #8cb9c8; font-size: 15px;}
.serverLine{height: 44px; line-height: 44px; font-size: 18px; color: #cd6c60; border-bottom: 1px dashed #c0ccce;}
.serverLine2{height: 38px; line-height: 38px; font-size: 18px; color: #cd6c60; border-bottom: 1px dashed #c0ccce;}

.serverBegin{ height: 25px; line-height: 25px; padding-bottom: 27px;}
.serverYuyue{font-size: 18px; color: #cd6c60; height: 25px; line-height: 25px;}
.serverNumber{width: 374px; height: 73px; line-height: 73px; text-align: center; font-size: 48px; color: #cd6c60; font-weight: bold; position: absolute; right:  139px; top: 112px;}
.numBox{width: 1400px; height: 280px; background: url(../images/numbg.png) no-repeat 0 0; position: relative;}
.numScroll{width: 1400px; height: 66px; overflow: hidden; position: absolute; left: 0; top: 131px; z-index: 1;}
.numScroll span{width:0; overflow: hidden; height: 66px; background: url(../images/numhover.png) no-repeat 0 0; display: block;}
.numBox div.numList{width: 155px; height: 180px; position: absolute; cursor: pointer; top: 0; z-index: 2;}
.numBox div.numPos1{left: 234px; background:url(../images/l1.png) no-repeat 0 0;}
.numBox div.numPos2{left: 389px; background:url(../images/l2.png) no-repeat 0 0;}
.numBox div.numPos3{left: 558px; background:url(../images/l3.png) no-repeat 0 0;}
.numBox div.numPos4{left: 749px; background:url(../images/l4.png) no-repeat 0 0;}
.numBox div.numPos5{left: 1092px; background:url(../images/l5.png) no-repeat 0 0;}
.numBox div.on{background-position: 0 -180px;}

.levelCont{width: 1200px; height: 470px; margin: 0 auto; position: relative;}
.leveldiv{width: 250px; height: 250px; position: absolute;}
.leveldiv.le1{background: url(../images/zy1.png) no-repeat 0 0; left: 0; top: 0;}
.leveldiv.le2{background: url(../images/zy2.png) no-repeat 0 0; left: 316px; top: 0;}
.leveldiv.le3{background: url(../images/zy3.png) no-repeat 0 0; right: 316px; top: 0;}
.leveldiv.le4{background: url(../images/zy4.png) no-repeat 0 0; right: 0; top: 0;}
.leveldiv.le5{background: url(../images/zy5.png) no-repeat 0 0; left: 160px; bottom: 0;}
.leveldiv.le6{background: url(../images/zy6.png) no-repeat 0 0; left: 476px; bottom: 0;}
.leveldiv.le7{background: url(../images/zy7.png) no-repeat 0 0; right: 160px; bottom: 0;}
.levelRule{background: url(../images/level_rule.png) no-repeat 0 0; width: 1203px; height: 307px; margin: 0 auto;}

.gaoCont{width: 1425px; height: 688px; background: url(../images/gaoBox.png) no-repeat 0 0; position: relative; display: flex; justify-content: center;}
.gaolist{width: 143px; height: 400px;}
.gaoTitle{height: 214px; background-position:center 128px; background-repeat: no-repeat;}
.gaoTitle.g1{background-image: url(../images/level/l1.png);}
.gaoTitle.g2{background-image: url(../images/level/l2.png);}
.gaoTitle.g3{background-image: url(../images/level/l3.png);}
.gaoTitle.g4{background-image: url(../images/level/l4.png);}
.gaoTitle.g5{background-image: url(../images/level/l5.png);}
.gaoTitle.g6{background-image: url(../images/level/l6.png);}
.gaoTitle.g7{background-image: url(../images/level/l7.png);}
.gaoTitle.g8{background-image: url(../images/level/l8.png);}
.gaoTitle.g9{background-image: url(../images/level/l9.png);}
.gaoIcon{width: 88px; height: 88px; background: url(../images/k.png) no-repeat 0 0; margin: 0 auto; position: relative; cursor: pointer;}
.gaoIcon span.icon1{display: block; width: 100%; height: 100%; background: url(../images/icon2.png) no-repeat center;}
.gaoIcon span.icon2{display: block; width: 100%; height: 100%; background: url(../images/icon.png) no-repeat center;}
.gaoText{text-align: center; font-size: 18px; color: #2598a2; line-height: 24px;}

.moveWrap{width: 1200px; margin: 0 auto;}
.moveTime{height: 90px;}
.moveTime p{font-size: 20px; color: #35627c; line-height: 36px; width: 700px; float: left;}
.moveTime a.btnRule{float: right; width: 160px; height: 40px; line-height: 40px; background: #63a4bd; border-radius: 5px; text-align: center; color: #FFF; font-size: 20px; cursor: pointer; margin-top: 20px;}
.moveTime a.btnRule:hover{background: #64b7d8;}
.moveCont{width: 1200px; height: 584px; background: url(../images/step.png) no-repeat 0 0; position: relative;}
.moveStep{width: 535px; height: 230px; position: absolute;}
.moveStep.step1{left: 15px; top: 33px;}
.moveStep.step2{left: 15px; top: 342px;}
.moveStep.step3{left: 650px; top: 33px;}
.moveStep.step4{left: 650px; top: 342px;}
.moveServer{padding: 41px 0 0 0;}
.moveli{height: 60px; padding-left: 138px;}
.moveli select{width: 372px; height: 40px; display: block; border: 1px solid #8dbaca; background: #ecf5f8; font-size: 18px; color: #6ba6bb; outline: none;}
.moveli span{width: 352px; height: 40px; line-height: 40px; display: block; border: 1px solid #8dbaca; background: #ecf5f8; font-size: 18px; color: #6ba6bb; outline: none; padding: 0 10px;}
.moveDiv{width: 480px; margin: 0 auto; padding: 62px 0 0 0;}
.movep{height: 32px;}
.movep p{line-height: 32px; font-size: 18px; color: #5084a3;}
.movep p span{color: #ff4040;}
.btnQues{float: left; width: 24px; height: 32px; background: url(../images/que.png) no-repeat 0 center; cursor: pointer; margin-right: 8px; position: relative;}

.moveTips{line-height: 40px; font-size: 16px; color: #ff4040;}
.moveBtns{display: flex; justify-content: center;}
.moveBtns a{display: block; width: 160px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; color: #FFF; font-size: 20px; cursor: pointer; margin: 0 10px;}
.moveBtns a.btnRefresh{background: #6b84a2;}
.moveBtns a.btnRefresh:hover{background: #7693b7;}
.moveBtns a.btnReceive{background: #3990d3;}
.moveBtns a.btnReceive:hover{background: #3fa1ec;}
.moveBtns a.btnExchange{background: #d36b39;}
.moveBtns a.btnExchange:hover{background: #e87842;}

.moveClick{display: block; display: flex; justify-content: center;}
.moveClick a{display: block; width: 160px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; color: #FFF; font-size: 20px; cursor: pointer; margin: 0 5px;}
.moveClick a.on{background: #63a4bd;}
.moveClick a.rp{background: #de7b44;}
.moveClick a.over{background: #bababa; cursor: default;}
.moveClick a.on:hover{background: #64b7d8;}
.moveClick a.rp:hover{background: #fca474;}

.numPop{width: 456px; height: 292px; position: absolute; left: 35%; transform: translate(-50%,0); top: 80%; background: url(../images/numpop.png) no-repeat 0 0; display: none; z-index: 100;}
.numPop2{height: 360px; background: url(../images/numpop2.png) no-repeat 0 0;}
.numMain{width: 310px; padding:43px 0 0 104px;}
.numTitle{background: #cce0e0; height: 40px; line-height: 40px; text-align: center; font-size: 22px; font-weight: bold; color: #457587;}
.numText{color: #457587; font-size: 16px; line-height: 24px; padding-top: 12px;}
.numTow{float: left; width: 50%; line-height: 18px; font-size: 14px;}
.numTow2{line-height: 18px; font-size: 14px; clear: both; overflow: hidden;}
.btnBox{width: 660px; margin: 0 auto;}
.btnLeft{float: left; width: 244px;}
.btnLeft p{width: 244px; text-align: center; padding-top: 20px;}
.btnLeft p span{color: #82a8b5; font-size: 18px; text-decoration: underline; cursor: pointer;}
.btnRight{float: right; width: 244px;}
.yyBtn,.lcBtn{display: block; width: 244px; height: 74px; overflow: hidden; text-indent: -999px; background: url(../images/btn.png) no-repeat 0 0; cursor: pointer;}
.yyBtn{background-position: 0 0;}
.yyBtn:hover{background-position: 0 -74px;}
.lcBtn{background-position: 0 -148px;}
.lcBtn:hover{background-position: 0 -222px;}

.createTeam,.addTeam{display: block; width: 264px; height: 74px; overflow: hidden; text-indent: -999px; background: url(../images/btn2.png) no-repeat 0 0; cursor: pointer;}
.createTeam{background-position: 0 0;}
.createTeam:hover{background-position: 0 -74px;}
.addTeam{background-position: 0 -148px;}
.addTeam:hover{background-position: 0 -222px;}
.teamImg{background: url(../images/tuanImg.png) no-repeat center 0; height: 380px; width: 1200px; margin:0 auto; position: relative;}
.teamImg span.teamTime1,.teamImg span.teamTime2{display: block; width: 150px; font-size: 18px; color: #cd6c60; text-align: center; position: absolute; top: 259px;}
.teamImg span.teamTime1{left: 188px;}
.teamImg span.teamTime2{right: 224px;}

.teamLibaos{width: 162px; height: 170px; top: 73px; position: absolute; cursor: pointer;}
.teamLibaos span.txt{display: block; width: 100%; text-align: center; position: absolute; left: 0; bottom: 0; font-size: 16px; color: #2598a2; text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;}
.tlbs1{left: 60px;}
.tlbs2{left: 335px;}
.tlbs3{left: 696px;}
.tlbs4{left: 970px;}

.myBtn{width: 370px; position: absolute; right: 97px; top: 92px;}
.myBtn p{height: 58px;}
.myBtn a{display: block; width: 160px; height: 40px; overflow: hidden; text-indent: -999px; background: url(../images/btn3.png) no-repeat 0 0; cursor: pointer;}
.myBtn a.myText{background-position: 0 0; float: left;}
.myBtn a.myText:hover{background-position: 0 -40px;}
.myBtn a.myCore{background-position: -160px 0; float: right;}
.myBtn a.myCore:hover{background-position: -160px -40px;}
.myBtn a.myBuzou{background-position: 0 -80px; margin:0 auto;}
.myBtn a.myBuzou:hover{background-position: -160px -80px;}

.publicImg{}
.publicImg img{display: block; margin:0 auto;}

.bubuBox{background: url(../images/bububg.png) no-repeat 0 0; height: 620px; position: relative;}
.bubuMain{width: 1275px; position: absolute; right: 0; top: 170px;}
.bubuShow{float: left; width: 141px; height: 140px; background: url(../images/k.png) no-repeat center 0; position: relative; cursor: pointer;}
.bubuShow strong.iconImg{height: 80px; padding-top: 8px; display: block;}
.bubuShow strong.iconImg img{display: block; margin:0 auto;}
.bubuShow span.iconTtitle{display: block; text-align: center; padding:6px 10px; font-size: 16px; color: #2598a2; line-height: 24px; text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;}
.bubuShow .numPop{top: 120px; left: -190px;}

.bubuBox2{background: url(../images/bububg2.png) no-repeat 0 0;}
.bubuMain2{width: 1132px;}
.bubuShow2{margin-right: 96px;}
.bubuLast{margin: 0;}

.yingBox{background: url(../images/gradebg.png) no-repeat 0 0; width: 1203px; height: 672px; margin:0 auto; position: relative;}
.yingLibao{width:275px; height:275px; position: absolute; top: 70px; cursor: pointer;}
.yingLibao .numPop{left: -130px;}
.ylb0{left: 38px; background: url(../images/grade0.png) no-repeat center 0;}
.ylb1{left: 380px; background: url(../images/grade1.png) no-repeat center 0;}
.ylb2{left: 645px;background: url(../images/grade2.png) no-repeat center 0;}
.ylb3{left: 910px;background: url(../images/grade3.png) no-repeat center 0;}

.hylibao{width: 1400px; height: 300px; position: relative;}
.hyList{display: block; position: absolute; width: 181px; height: 165px; background: url(../images/hyIcon.png) no-repeat 0 0; cursor: pointer;}
.hyList span.name{display: block; position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; font-size: 18px; color: #4d90a7; text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;}
.hyPos1{left: 81px; top: 86px;}
.hyPos2{left: 254px; top: 0px;}
.hyPos3{left: 426px; top: 86px;}
.hyPos4{left: 599px; top: 0px;}
.hyPos5{left: 772px; top: 86px;}
.hyPos6{left: 944px; top: 0px;}
.hyPos7{left: 1117px; top: 86px;}

.userBox{width: 1212px; height: 520px; margin:0 auto; background: url(../images/userbg.png) no-repeat 0 0;}
.userMain{width: 1090px; margin:0 auto; padding: 47px 0 0 0;}
.userList{width: 334px; float: left;}
.userIcon{width: 44px; height: 210px; background: url(../images/l.png) no-repeat center center; float: left;}
.userImg{background: url(../images/bz.png) no-repeat 0 0; width: 334px; height: 220px; position: relative;}
.userImg span{display: block; width: 100%; height: 24px; position: absolute; left: 0; bottom: 0; overflow: hidden; text-indent: -999px;}
.userImg span.v1{background: url(../images/tt1.png) no-repeat center 0;}
.userImg span.v2{background: url(../images/tt2.png) no-repeat center 0;}
.userImg span.v3{background: url(../images/tt3.png) no-repeat center 0;}
.userImg img{cursor: pointer; width: 324px; height: 198px; padding: 5px 0 0 5px;} 
.userText{font-size: 16px; line-height: 24px; color: #4b96ad; padding-top: 15px;}

.publicPop{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: rgba(0,0,0,0.8); display: none;}
.bigPop{width: 1257px; height: 782px; background: url(../images/bigpop.png) no-repeat 0 0; position: fixed; left: 50%; top: 50%; margin:-391px 0 0 -628px;}
.bigTitle{width: 100%; position: absolute; left: 0; bottom: -38px; height: 76px;}
.bigT1{background: url(../images/a1.png) no-repeat center 0;}
.bigT2{background: url(../images/a2.png) no-repeat center 0;}
.bigT3{background: url(../images/a3.png) no-repeat center 0;}
.bigImg{width:100%; height: 100%; position: relative;}
.bigImg img{display: block; max-width:1100px; position: absolute; 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%);
}

#bigImgshow .closeButton{right:-60px;}

.firstBox{width: 1110px; margin:0 auto; height: 295px; background: url(../images/text1.png) no-repeat center 224px;}
.firstBox .firstIcon{width: 215px; height: 190px; float: left; background: url(../images/frIcon.png) no-repeat 0 0; position: relative; margin-right:7px; cursor: pointer;}
.firstBox .firstIcon span.name{width: 100%; position: absolute; left: 0; bottom: 0; font-size: 18px; color: #4d90a7; text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white; text-align: center;}

.firstBox2{background: url(../images/text5.png) no-repeat center 224px;}
.firstBox2 .firstIcon{margin: 0 30px;}

.firstMain{background: url(../images/frbg.png) no-repeat 0 0; width: 1212px; height: 396px; margin:0 auto; padding-top: 10px;}

.czBox{width: 1200px; margin:0 auto; height: 440px; padding-top: 65px; background: url(../images/text2.png) no-repeat center 420px;}
.czList{float: left; width: 268px; height: 305px; display: inline; margin-right: 42px;}
.czbg1{background: url(../images/czt1.png) no-repeat 0 0;}
.czbg2{background: url(../images/czt2.png) no-repeat 0 0;}
.czbg3{background: url(../images/czt3.png) no-repeat 0 0;}
.czbg4{background: url(../images/czt4.png) no-repeat 0 0; margin:0;}
.czScroll{width: 220px; margin: 0 auto; font-size: 15px; color: #4b96ad; line-height: 24px; overflow: hidden; height: 160px; overflow-y: auto; margin-top: 126px;}
.czScroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.czScroll::-webkit-scrollbar-track{border-radius:3px;background-color:#cce0e0;}
.czScroll::-webkit-scrollbar-thumb{border-radius:3px;background-color:#6fb4c6;} 
.czScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.czScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.czScroll::-webkit-scrollbar-track-piece{margin:0;}

.linkBtn{width: 264px; height: 74px; overflow: hidden; text-indent: -999px; margin:0 auto; background: url(../images/link.png) no-repeat 0 0; display: block;}
.linkBtn:hover{background-position: 0 -74px;}

.zsBox{background: url(../images/text3.png) no-repeat center 214px;}
.zsIcon{background: url(../images/zsIcon.png) no-repeat 0 0;}

.dbBox{width: 1200px; margin:0 auto; background: url(../images/text4.png) no-repeat center bottom; padding-bottom: 60px; padding-top: 60px; position: relative;}
.dbBox a.news{color: #FFF; padding:0 4px; font-size: 15px; position: absolute; left: 380px; top: 50px; background: #f00;}
.dbBox table{border-collapse: collapse;}
.dbBox th{height: 54px; background: url(../images/thbg.jpg) repeat; text-align: center;}
.dbBox td{height: 54px; background: #ecf5f8; text-align: center; font-size: 20px; color: #4b96ad;}
.dbBox th,.dbBox td{border:2px solid #457587;}
.dbBox span{display: block; width:100%; height: 54px; overflow: hidden; text-indent: -999px;}
.dbBox span.t1{background: url(../images/tab1.png) no-repeat center center;}
.dbBox span.t2{background: url(../images/tab2.png) no-repeat center center;}
.dbBox span.t3{background: url(../images/tab3.png) no-repeat center center;}
.dbBox span.t4{background: url(../images/tab4.png) no-repeat center center;}

.dbCont{}
.dbTop{padding: 70px 0 0 50px; height: 92px; font-size: 20px; color: #457587; line-height: 30px; position: relative;}
.dbTop span{color: #cd6c60;}
.btnlist{display: block; width: 160px; height: 40px; line-height: 40px; background: #de7b44; border-radius: 5px; text-align: center; color: #FFF; font-size: 20px; cursor: pointer; margin: 0 auto; position: absolute; right: 98px; top: 80px;}
.btnlist:hover{background: #ff8643;}
.dblist{display: flex; justify-content: center;}
.dbli{width: 160px; height: 240px;}
.dbli div.dbShow{width: 106px; height: 106px; margin: 0 auto; position: relative;}
.dbli div.dbShow img{display: block; width: 100%;}

.dbli p{text-align: center;  padding: 10px 0; font-size: 15px; color: #457587;}
.dbli p span{display: block; color: #cd6c60;}
.dbli a{display: block; width: 100px; height: 40px; line-height: 40px; background: #6fb4c6; border-radius: 5px; text-align: center; color: #FFF; font-size: 20px; cursor: pointer; margin: 0 auto;}
.dbli a:hover{background: #80c7d9;}

.secdCont{width: 650px; margin: 0 auto; padding: 70px 0 0 0;}
.secdlist p{padding: 15px 0; font-size: 20px; color: #457587; line-height: 32px; border-bottom: 1px dashed #c3c5c5;}
.secdlist p span{color: #cd6c60;}
.secdTips{text-align: center; font-size: 20px; color: #ff0000; padding-top: 36px; height: 66px;}
.btnAgree{display: block; width: 160px; height: 40px; line-height: 40px; background: #6fb4c6; border-radius: 5px; text-align: center; color: #FFF; font-size: 20px; cursor: pointer; margin: 0 auto;}
.btnAgree:hover{background: #80c7d9;}

.popMain,.popMain2,.popMain3,.popMain4{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%);}
.popMain{width: 656px; height: 391px; background: url(../images/popbg1.png) no-repeat 0 0;}
.popMain2{width: 656px; height: 305px; background: url(../images/popbg2.png) no-repeat 0 0;}
.popMain3{width: 956px; height: 703px; background: url(../images/popbg3.png) no-repeat 0 0;}
.popMain4{width: 956px; height: 493px; background: url(../images/popbg4.png) no-repeat 0 0;}
.closeButton{width: 51px; height: 51px; background: url(../images/close.png) no-repeat 0 0; position: absolute; right: -34px; top: 0; cursor: pointer;}
.popBox{width: 525px; height: 368px; position: absolute; left: 97px; top: 7px;}
.popBox2{width: 825px; height: 690px; position: absolute; left: 97px; top: 7px;}
.popBox4{width: 827px; height: 462px; position: absolute; left: 96px; top: 15px;}
.popTitle{height: 120px; background: url(../images/pop1.png) no-repeat center center;}
.popTitle span{display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -999px; background-position: center; background-repeat: no-repeat;}
.popTitle span.poptit1{background-image: url(../images/pop/pt1.png);}
.popTitle span.poptit2{background-image: url(../images/pop/pt2.png);}
.popTitle span.poptit3{background-image: url(../images/pop/pt3.png);}
.popTitle span.poptit4{background-image: url(../images/pop/pt4.png);}
.popTitle span.poptit5{background-image: url(../images/pop/pt5.png);}
.popTitle span.poptit6{background-image: url(../images/pop/pt6.png);}
.popTitle span.poptit7{background-image: url(../images/pop/pt7.png);}
.popTitle span.poptit8{background-image: url(../images/pop/pt8.png);}
.popTitle span.poptit9{background-image: url(../images/pop/pt9.png);}
.popTitle span.poptit10{background-image: url(../images/pop/pt10.png);}
.popTitle span.poptit11{background-image: url(../images/pop/pt11.png);}
.popTitle span.poptit12{background-image: url(../images/pop/pt12.png);}
.popTitle span.poptit13{background-image: url(../images/pop/pt13.png);}
.popTitle span.poptit14{background-image: url(../images/pop/pt14.png);}
.popTitle span.poptit15{background-image: url(../images/pop/pt15.png);}
.popTitle span.poptit16{background-image: url(../images/pop/pt16.png);}

.tableShow table{border-collapse: collapse; width: 98%;}
.tableShow table th,.tableShow table td{border: 1px solid #47a093; padding: 5px; text-align: center; background: #FFF; font-size: 20px; color: #68a6a5;}
.tableShow table th{background: #cce0df; color: #457687;}

.phoneList{height: 70px;}
.phoneList span{float: left; width: 120px; height: 40px; line-height: 40px; text-align: right; font-size: 18px; color: #6aa5a5; padding-right: 16px;}

.phoneList2{height: 62px;}
.phoneList2 select{float: left; width: 310px; height: 40px; border: 1px solid #8cb9c8; background: #FFF; font-size: 15px;}

.psText{padding: 0 46px; font-size: 16px; line-height: 24px; color: #3a6877; text-align: center; padding-bottom: 14px;}
.psText span{color: #cd6c60;}

.pubInput{float: left; border:1px solid #cce0e0; height: 38px; line-height: 38px; padding:0 10px; width: 290px; font-size: 16px; color: #6aa5a5;}
.pubShort{width: 156px;}
.yy_yzm{float: left; border:1px solid #cce0e0; width: 120px; height: 38px; line-height: 38px; text-align: center; background: #95d4d4; font-size: 16px; color: #FFF; margin-left: 12px; cursor: pointer;}
.yy_yzm:hover{background: #60cbcb;}
.yy_yzm_on,.yy_yzm_on:hover{cursor: default; background: #b6b6b6;}

.submitBtn{display:block; width: 160px; height: 40px; line-height: 40px; text-align: center; background: #6fb4c6; border-radius: 6px; font-size: 20px; color: #FFF; margin:0 auto; cursor: pointer;}
.submitBtn:hover{background: #80c7d9;}
.popMessage{text-align: center; font-size: 20px; color: #457587; line-height: 36px; padding: 6px 70px 20px 70px; word-wrap:break-word; word-break:break-all;}
.popMessage span{color: #cd6c60;}

.popOktext{ width: 390px; margin:0 auto;}
.popOktext h2{font-size: 20px; color: #457587; line-height: 50px;}
.popOktext p{font-size: 16px; color: #6aa5a5; line-height: 24px; height: 86px;}
.popOkbtn{height: 40px; padding: 0 0 0 30px;}
.popOkbtn a{cursor: pointer;}
.popOkbtn a.yq{float: left; width: 160px; height: 40px; line-height: 40px; text-align: center; background: #f4a05a; border-radius: 6px; font-size: 20px; color: #FFF;}
.popOkbtn a.yq:hover{background: #ffb668;}
.popOkbtn a.txt{float: left; margin:0 15px; font-size: 16px; color: #6fb4c6; line-height: 40px; text-decoration: underline;}

.popInput{text-align: center; width: 450px; margin:0 auto; padding: 15px; font-size: 20px; color: #457587; line-height: 32px; border:1px solid #cce0e0; background: #fff; word-wrap:break-word; word-break:break-all; margin-bottom:30px;}
.inputCode{text-align: center; padding-bottom: 30px;}
.inputCode input{text-align: left; width: 290px; padding:0 10px; font-size: 16px; color: #457587; line-height: 32px; border:1px solid #cce0e0; background: #fff; }
#qrcode{width: 150px; height: 150px; border: 10px solid #FFF; margin: 0 auto;}
#qrcode canvas{width: 150px; height: 150px;}
.urlInt{padding: 0 20px 30px 20px; font-size: 16px; line-height: 24px; color:#000; text-align: center; word-wrap:break-word; word-break:break-all;}

.popBox2 .popTitle{height: 160px;}

.perCenter{width: 750px; margin:0 auto;}
.perTop{height: 40px; padding-bottom: 32px;}
.perCode{float: left; width: 578px; height: 40px; line-height: 40px; font-size: 20px; color: #457587; background: #cce0e0; text-indent: 30px;}
.perCode span{color: #cd6c60;}
.perTop a.yq{float: right; width: 160px; height: 40px; line-height: 40px; text-align: center; background: #f4a05a; border-radius: 6px; font-size: 20px; color: #FFF; cursor: pointer;}
.perTop a.yq:hover{background: #ffb668;}
.perTitle{font-size: 20px; color: #457587; height: 32px; font-weight: bold;}
.perTable{height: 315px;}
.perTable table{border-collapse: collapse;}
.perTable table th,.perTable table td{border:1px solid #bdd5d5; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #6aa5a5;}
.perTable table th{background: #cce0e0; color: #457587;}
.perTable table td{position: relative;}
.perTable table td span.my{display: block; position: absolute; left: 0; top: 0; background: url(../images/my.png) no-repeat 0 0; width: 20px; height: 20px;}
.perTable table tr.on td{background: #fff8f3;}

.perBtn{height: 40px; padding-left: 260px;}
.perBtn a.jl{float:left; width: 160px; height: 40px; line-height: 40px; text-align: center; background: #6fb4c6; border-radius: 6px; font-size: 20px; color: #FFF; margin:0 auto; cursor: pointer;}
.perBtn a.jl:hover{background: #80c7d9;}
.perBtn a.gz{float: left; font-size: 16px; color: #6fb4c6; line-height: 40px; margin-left: 44px; text-decoration: underline; cursor:pointer;}

.popScroll{width: 750px; margin:0 auto; height: 460px; overflow: hidden; overflow-y: auto; font-size: 18px; color: #457587; line-height: 30px;}
.popScroll p{padding-right: 10px;}
.popScroll span{color: #ff4040;}
.popScroll::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0);}
.popScroll::-webkit-scrollbar-track{border-radius:6px;background-color:#cce0e0;}
.popScroll::-webkit-scrollbar-thumb{border-radius:6px;background-color:#6fb4c6;} 
.popScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.popScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.popScroll::-webkit-scrollbar-track-piece{margin:0;}


/*.popBg{background:#000; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;width: 100%;height: 100%;position:fixed; left: 0; top: 0; z-index: 998; display: none;}
.popFrom{width: 552px; height: 664px; background: url(../images/pop1.png) no-repeat 0 0; position: fixed; left: 50%; top: 50%; margin: -332px 0 0 -276px;z-index: 999; display: none;}
.closeBtn{display: block; width: 42px; height: 42px; position: absolute; right: -62px; top: 86px; background: url(../images/close.png) no-repeat center center;}
.fromBox{padding: 150px 0 0 0;}
.fromlist{height: 60px;}
.fromlist span{float: left; width: 142px; height: 42px; line-height: 42px; text-align: right; font-size: 18px; color: #FFF;}
.fromlist select{float: left; width: 340px; height: 40px; font-size: 16px; border-radius: 4px;}
.fromlist input{float: left; width: 328px; height: 40px; line-height: 40px; border: 1px solid #FFF; background: #FFF; color: #000; padding: 0 5px; border-radius: 4px; font-size: 16px;}
.fromlist textarea{float: left; width: 328px; height: 72px; line-height: 24px; border: 1px solid #FFF; background: #FFF; color: #000; padding:5px; border-radius: 4px; font-size: 16px;}
.submitBtn{display: block; width: 203px; height: 62px; overflow: hidden; text-indent: -999px; line-height: 45px; background: url(../images/b3.png) no-repeat 0 0; text-align: center; color: #03004c; font-size: 22px; margin: 0 auto;}
.submitBtn:hover{background-position: 0 -62px;}*/

.popFrom2{width: 552px; height: 484px; background: url(../images/pop2.png) no-repeat 0 0; position: fixed; left: 50%; top: 50%; margin: -217px 0 0 -276px;z-index: 999; display: none;}
.areaTop{padding: 150px 0 0 0; height: 164px;}
.areaTop textarea{width: 400px; height: 130px; line-height: 24px; border: 1px solid #FFF; background: #FFF; color: #000; padding:10px; border-radius: 4px; font-size: 16px; margin: 0 auto; display: block;}
.areaTab{height: 52px; padding: 0 0 0 150px;}
.areaTab span{float: left; width: 100px; height: 26px; line-height: 26px; font-size: 18px; color: #FFF; text-indent: 25px; background: url(../images/o.png) no-repeat 0 -26px; display: inline; margin-right: 54px; cursor: pointer;}
.areaTab span.on{background-position: 0 0;}

.last{margin:0;}

.hoverTop{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverTop:hover{
  -webkit-transform: translate(0,-10px);
  -moz-transform: translate(0,-10px);
  -ms-transform: translate(0,-10px);
  -o-transform: translate(0,-10px);
  transform: translate(0,-10px);
}
.hoverYuan{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverYuan:hover{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.moveleft{-webkit-transform: translate3d(-100%,0,0);-moz-transform: translate3d(-100%,0,0);-ms-transform: translate3d(-100%,0,0);-o-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveright{-webkit-transform: translate3d(100%,0,0);-moz-transform: translate3d(100%,0,0);-ms-transform: translate3d(100%,0,0);-o-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveup{-webkit-transform: translate3d(0,-100%,0);-moz-transform: translate3d(0,-100%,0);-ms-transform: translate3d(0,-100%,0);-o-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.movedown{-webkit-transform: translate3d(0,100%,0);-moz-transform: translate3d(0,100%,0);-ms-transform: translate3d(0,100%,0);-o-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.moveyuan{
  -webkit-animation: moveyuan 40s linear infinite;
  -moz-animation: moveyuan 40s linear infinite;
  -o-animation: moveyuan 40s linear infinite;
  -ms-animation: moveyuan 40s linear infinite;
  animation: moveyuan 40s linear infinite;
}
.moveyuan2{
  -webkit-animation: moveyuan2 5s linear infinite;
  -moz-animation: moveyuan2 5s linear infinite;
  -o-animation: moveyuan2 5s linear infinite;
  -ms-animation: moveyuan2 5s linear infinite;
  animation: moveyuan2 5s linear infinite;
}
@-webkit-keyframes moveyuan{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(-360deg);}
}
@-moz-keyframes moveyuan{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(-360deg);}
}
@-ms-keyframes moveyuan{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(-360deg);}
}
@-o-keyframes moveyuan{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(-360deg);}
}
@keyframes moveyuan{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(-360deg);}
}

@-webkit-keyframes moveyuan2{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes moveyuan2{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(360deg);}
}
@-ms-keyframes moveyuan2{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(360deg);}
}
@-o-keyframes moveyuan2{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(360deg);}
}
@keyframes moveyuan2{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

.moveTop{
  -webkit-animation: moveTop 1s ease-in alternate;
  -moz-animation: moveTop 1s ease-in alternate;
  -o-animation: moveTop 1s ease-in alternate;
  -ms-animation: moveTop 1s ease-in alternate;
  animation: moveTop 1s ease-in alternate;
}
@-webkit-keyframes moveTop{
  0%{-webkit-transform:translate(0,-10px);}
  100%{-webkit-transform:translate(0,10px);}
}
@-moz-keyframes moveTop{
  0%{-moz-transform:translate(0,-10px);}
  100%{-moz-transform:translate(0,10px);}
}
@-ms-keyframes moveTop{
  0%{-ms-transform:translate(0,-10px);}
  100%{-ms-transform:translate(0,10px);}
}
@-o-keyframes moveTop{
  0%{-o-transform:translate(0,-10px);}
  100%{-o-transform:translate(0,10px);}
}
@keyframes moveTop{
  0%{transform:translate(0,-10px);}
  100%{transform:translate(0,10px);}
}






.buttonSelect{display: none;}

.newlibiao{height:520px;}
.newliTop{height: 220px; display: flex; justify-content: center;}

.newlist{width: 230px; height: 220px; background: url(../images/newIcon.png) no-repeat center 0; background-size: 186px auto;}
.newlast{margin: 0;}
.newlbtop{height: 130px; cursor: pointer; position: relative; display: block;}
.newlbtop2{height: 165px; cursor: pointer; position: relative; display: block;}

.newlbtop span.new{display: block; width: 28px; height: 28px; background: url(../images/new.png) no-repeat 0 0; position: absolute; right: 90px; top: 40px;}
.newlbtop2 span.new{display: block;width: 28px;height: 28px;background: url(../images/new.png) no-repeat 0 0;position: absolute;right: 85px;top: 37px;}
.newlbtop3 span.new{display: block; width: 28px; height: 28px; background: url(../images/new.png) no-repeat 0 0; position: absolute; right: 90px; top: 40px;}
.newlbtop4 span.new{display: block; width: 28px; height: 28px; background: url(../images/new.png) no-repeat 0 0; position: absolute; right: 90px; top: 40px;}
.newInfo h3{text-align: center; font-size: 18px; color: #4d90a7; padding-bottom: 5px;}
.newInfo p{text-align: center; font-size: 14px; color: #82a8b5;}
.newInfo p span{color: #e26f34; padding-right: 14px;}
.newInfo p strong{font-weight: normal; text-decoration: line-through;}
.numPop3{height: 360px; background: url(../images/numpop2.png) no-repeat 0 0;}
.btn_buy{display: block; width: 244px; height: 74px; margin: 0 auto; overflow: hidden; text-indent: -9999px; background: url(../images/buy.png) no-repeat 0 0;}
.btn_buy:hover{background-position: 0 -74px;}
.newTips{display: block; background: url(../images/b.png) no-repeat center 0; background-size: 224px auto; height:26px; text-align: center; font-size: 12px; color: #FFF; line-height: 26px; margin: 0 auto; margin-bottom: 5px}
.newTips span{color: #ffe779;}

.newTips2{display: block; background: url(../images/b1.png) no-repeat 0 0; width: 1101px; height: 40px; text-align: center; font-size: 18px; color: #35627c; line-height: 40px; margin: 0 auto; margin-bottom: 12px; text-align: center;}



.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: 707px; height: 481px; background: url(../images/pop.png) no-repeat 0 0;}
.close2{display: block; cursor: pointer; width: 27px; height: 27px; background: url(../images/close2.png) no-repeat 0 0; position: absolute; right: 0; top: -30px;}
.tableTitle{height: 18px;}
.tableMain{width: 640px; height: 440px; margin: 0 auto; overflow: hidden; overflow-y: auto;}
.tableMain img{display: block;}
.tableMain::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.tableMain::-webkit-scrollbar-track{border-radius:6px;background-color:#6ba0b2;}/*底*/
.tableMain::-webkit-scrollbar-thumb{border-radius:6px;background-color:#326f84;}/*面*/
.tableMain::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.tableMain::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.tableMain::-webkit-scrollbar-track-piece{margin:0;}