/* 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";}
.pub_le{float: left;}
.pub_lr{float: right;}
.none{display:none;}
.swiper{width: 100%; height: 100%;}
.showlibao{cursor: pointer; position: relative;}
*:not(input):not(textarea){user-select:none;}
@font-face {
    font-family : "fz";
    src : url("https://zhuxianvmg.wmupd.com/game/zhuxian/251225zt/FZYanSJW.ttf");
}
body{background:#282a2c; font-size:12px; font-family:"fz","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(../img/indexbg.jpg) no-repeat center 0;}
.tempbg{background: url(../img/tempbg.jpg) no-repeat center 0;}
.box1{background: url(../img/box1.png) no-repeat center 0;}
.box2{background: url(../img/box2.png) no-repeat center 0;}
.box3{background: url(../img/box3.png) no-repeat center 0;}

.loginBox{height: 28px; position: absolute; right: 120px; top: 20px;}
.loginBox div{height: 28px; display: none;}
.loginBox a.btn{text-align: center; font-size: 14px; color: #fff; line-height: 28px; width: 66px; height: 28px; background: url(../img/btn_login.png) no-repeat 0 0; display: block; cursor: pointer; float: right;}
.loginBox a.btn:hover{background-position:0 -28px;}
.loginBox div.userLogin{float: right; height: 28px; line-height: 28px; font-size: 16px; color: #FFF; background: rgba(134,110,55,0.6); padding: 0 15px; border-radius: 28px; margin-right: 10px; display: block;}

.navBox{width: 100%; position: absolute; left:0; top: 370px;}
.navList{display: flex; justify-content: center;}
.navList a{display: block; width: 133px; height: 299px; margin: 0 4px; background-position: 0 0; background-repeat: no-repeat; background-image: url(../img/nav/navbg.png);}
.navList a span{display: block; width: 100%; height: 100%; background-position: center 65px; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px;}
.navList a.n1{margin-top: 20px;}
.navList a.n2{margin-top: 90px;}
.navList a.n3{margin-top: 66px;}
.navList a.n4{margin-top: 87px;}
.navList a.n5{margin-top: 24px;}
.navList a.n6{margin-top: 85px;}
.navList a.n7{margin-top: 58px;}
.navList a.n8{margin-top: 78px;}
.navList a.n1 span{background-image: url(../img/nav/btn1.png);}
.navList a.n2 span{background-image: url(../img/nav/btn2.png);}
.navList a.n3 span{background-image: url(../img/nav/btn3.png);}
.navList a.n4 span{background-image: url(../img/nav/btn4.png);}
.navList a.n5 span{background-image: url(../img/nav/btn5.png);}
.navList a.n6 span{background-image: url(../img/nav/btn6.png);}
.navList a.n7 span{background-image: url(../img/nav/btn7.png);}
.navList a.n8 span{background-image: url(../img/nav/btn8.png);}
.navList a.n9 span{background-image: url(../img/nav/btn9.png)}
.navList a:hover{background-position: 0 bottom;}
.navList a:hover span{background-position: center -230px;}

.btnShow{display: none; width: 81px; height: 80px; background: url(../img/nav/btn_show.png) no-repeat 0 0; cursor: pointer; position: absolute; right: 26px; top: 156px; z-index: 100;}
.btnHide{display: block; width: 81px; height: 80px; background: url(../img/nav/btn_hide.png) no-repeat 0 0; cursor: pointer; position: absolute; left: 70px; bottom: 40px; z-index: 100;}

.rightList{width: 213px; height: 791px; background: url(../img/nav/navbg_temp.png) no-repeat 0 0; position: absolute; right: 0; top: 56px; z-index: 100;}
.navCont{padding: 80px 0 0 10px;}
.navCont a{display: block; width: 156px; height: 46px; cursor: pointer; margin: 0 auto; margin-bottom: 16px; background-position: right 0; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px;}
.navCont a.n1{background-image: url(../img/nav/n1.png);}
.navCont a.n2{background-image: url(../img/nav/n2.png);}
.navCont a.n3{background-image: url(../img/nav/n3.png);}
.navCont a.n4{background-image: url(../img/nav/n4.png);}
.navCont a.n5{background-image: url(../img/nav/n5.png);}
.navCont a.n6{background-image: url(../img/nav/n6.png);}
.navCont a.n7{background-image: url(../img/nav/n7.png);}
.navCont a.n8{background-image: url(../img/nav/n8.png);}
.navCont a.n9{background-image: url(../img/nav/n9.png);}
.navCont a.on,.navCont a:hover{background-position: 0 0;}

.publicTitle{height: 175px; width: 1400px; margin: 0 auto; position: relative; background-position: center; background-repeat: no-repeat; margin-bottom: 34px;}
.tit1{background-image: url(../img/tit/tit1.png); height: 168px; margin-bottom: 0;}
.tit2{background-image: url(../img/tit/tit2.png);}
.tit3{background-image: url(../img/tit/tit3.png);}
.tit4{background-image: url(../img/tit/tit4.png);}
.tit5{background-image: url(../img/tit/tit5.png);}
.tit6{background-image: url(../img/tit/tit6.png);}
.tit7{background-image: url(../img/tit/tit7.png);}
.tit8{background-image: url(../img/tit/tit8.png);}
.tit9{background-image: url(../img/tit/tit9.png);}

.numPop{width: 408px; height: 242px; position: absolute; left: 42%; transform: translate(-50%,0); top: 100px; background: url(../img/pop_hover.png) no-repeat 0 0; display: block; z-index: 100; display: block;}
.numMain{width: 310px; padding:20px 0 0 68px;}
.numTitle{background: #bbaa67; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: #fff; margin-bottom: 8px;}
.numText{color: #a28538; font-size: 16px; line-height: 24px; overflow: hidden; width: 300px; height: 170px; margin: 0 auto; overflow: hidden; overflow-y: auto;}

.mainBox{width: 1200px; margin: 0 auto;}
.mainBox2{width: 1354px; margin: 0 auto;}
.mainBox3{width: 1075px; margin: 0 auto;}

/*抱团相约礼*/
.btContTop{height: 220px;}
.btTopleft{width: 680px; float: left; padding-top: 28px; height: 192px;}
.serverli{height: 46px; line-height: 46px;}
.serverli span{float: left; padding: 0 0 0 28px; height: 46px; font-size: 24px; color: #a28945;}
.serverli div{float: left; font-size: 18px; color: #b72f2f;}
.serverli select{float: left; width: 450px; height: 46px; border: 1px solid #b29d62; background: #FFF; color: #b29d62; font-size: 16px; outline: none;}

.btTopRight{width: 510px; float: right;}
.btBtn{display: flex; justify-content: center;}
.btBtn.pad{padding: 44px 0 15px 0;}
.btBtn a{display: block; width: 217px; height: 61px; margin: 0 8px; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.btBtn a.btn_rule{background: url(../img/btn/btn_rule.png) no-repeat 0 0;}
.btBtn a.btn_myteam{background: url(../img/btn/btn_myteam.png) no-repeat 0 0;}
.btBtn a.btn_create{background: url(../img/btn/btn_create.png) no-repeat 0 0; width: 308px; height: 61px;}
.btBtn a:hover{background-position: 0 bottom;}

.btContMid{height: 382px;}
.btmidli{width:565px; height: 330px; background: url(../img/b1.png) no-repeat 0 bottom;}
.btmidTitle{text-align: center; height: 68px; font-size: 36px; color: #a28945;}
.btmidlibao{height: 190px; display: flex; justify-content: center;}
.btmidTips{width: 100px; height: 190px; line-height: 160px; font-size: 22px; color: #a28945; text-align: center;}
.btmidIcon{width: 187px; height: 190px; background: url(../img/icon.png) no-repeat 0 0;}
.btmidIcon div.lb_list{width: 187px; height: 150px; display: flex; justify-content: center; align-items: center;}
.btmidIcon div.lb_a1{background: url(../img/icon/a1.png) no-repeat center;}
.btmidIcon div.lb_a2{background: url(../img/icon/a2.png) no-repeat center;}
.btmidIcon div.lb_a3{background: url(../img/icon/a3.png) no-repeat center;}
.btmidIcon div.lb_title{text-align: center; font-size: 18px; color: #a28945;}
.btmidPs{text-align: center;font-size: 18px; color: #a28945; line-height: 24px;}
.btmidPs span{color: #cd6c60; font-size: 18px; padding: 0 20px; font-weight: bold;}

.btButton{display: flex; justify-content: center;}
.btButton a{display: block; cursor: pointer; overflow: hidden; text-indent: -9999px; margin: 0 40px; width: 329px; height: 96px; background-position: 0 0; background-repeat: no-repeat;}
.btButton a.btn_teamCreate{background-image: url(../img/btn/btn_teamCreate.png);}
.btButton a.btn_teamlist{background-image: url(../img/btn/btn_teamlist.png);}
.btButton a.btn_prize{background-image: url(../img/btn/btn_prize.png);}
.btButton a.btn_yy{background-image: url(../img/btn/btn_yy.png);}
.btButton a.btn_baot{background-image: url(../img/btn/btn_baot.png);}
.btButton a.btn_lc{background-image: url(../img/btn/btn_lc.png);}
.btButton a:hover{background-position: 0 bottom;}
.btButton a.gray,.btButton a.gray:hover{-webkit-filter: grayscale(100%);filter: grayscale(100%); background-position: 0 0; cursor: default;}


/*步步登高礼*/
.gaoCont{height: 344px; background: url(../img/line1.png) no-repeat 0 104px; position: relative; display: flex; justify-content: center;}
.gaolist{width: 140px; height: 344px;}
.gaoTitle{height: 137px; background: url(../img/y1.png) no-repeat center bottom; text-align: center;}
.gaoTitle span{display: block; font-size: 18px; color: #baa25e; padding: 65px 0 0px 0;}
.gaoTitle strong{display: block; font-size: 24px; color: #b72f2f; font-weight: none;}

.gaoIcon{width: 116px; height: 110px; background: url(../img/icon2.png) no-repeat 0 0; margin: 0 auto; position: relative; cursor: pointer;}
.gaoIcon span.icon1{display: block; width: 100%; height: 100%; background: url(../img/icon/a5.png) no-repeat center;}
.gaoIcon span.icon2{display: block; width: 100%; height: 100%; background: url(../img/icon/a4.png) no-repeat center;}
.gaoText{text-align: center; font-size: 18px; color: #9d8644; line-height: 24px;}
.gaoWrap{width: 1225px; height: 272px; background: url(../img/b2.png) no-repeat 0 0; margin: 0 auto;}
.gaoRule{padding: 40px 60px 0 60px; color: #a28945;}
.gaoRule h3{font-size: 30px; padding-bottom: 6px;}
.gaoRule p{font-size: 18px; line-height: 30px;}

/*新服预约礼*/
.newServer_rule{background: url(../img/btn/btn_rule.png) no-repeat 0 0; display: block; width: 217px; height: 61px; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: 0; top: 65px;}
.newServer_rule:hover{background-position: 0 bottom;}
.newlb{width: 1110px; height: 40px; margin: 0 auto; position: relative; margin-bottom: 18px;}
.newlb a.lbPrev,.newlb a.lbNext{display: block; width: 54px; height: 40px; cursor: pointer; position: absolute; top: 0; z-index: 10;}
.newlb a.lbPrev{left: 0; background: url(../img/btn/btn_prev.png) no-repeat 0 center;}
.newlb a.lbNext{right: 0; background: url(../img/btn/btn_next.png) no-repeat 0 center;}
.newSwiper{width: 1020px; overflow: hidden; height: 40px; position: absolute; left: 68px; top: 0;}
.newSwiper div.ul{width: 10000px; height: 40px; position: absolute; left: 0; top: 0;}
.newSwiper div.li{width: 170px; background: url(../img/y2.png) no-repeat 136px center; cursor: pointer; float: left;}
.newSwiper div.li span{display: block; width: 120px; height: 38px; line-height: 38px; text-align: center; font-size: 22px; border: 1px solid #a18945; color: #a18945;}
.newSwiper div.li.on span{background: #a18945; border: 1px solid #bda15d; color: #fff5b0;}

.serverlb{width: 1420px; height: 104px; margin: 0 auto; position: relative; margin-bottom: 46px;}
.serverlb a.serverPrev,.serverlb a.serverNext{display: block; width: 68px; height: 39px; cursor: pointer; position: absolute; top: 28px; z-index: 10;}
.serverlb a.serverPrev{left: 0; background: url(../img/btn/btn_prev2.png) no-repeat 0 center;}
.serverlb a.serverNext{right: 0; background: url(../img/btn/btn_next2.png) no-repeat 0 center;}
.serverSwiper{width: 1300px; overflow: hidden; height: 104px; position: absolute; left: 70px; top: 0;}
.serverSwiper div.ul{width: 10000px; height: 104px; position: absolute; left: 0; top: 0;}
.serverSwiper div.li{width: 260px; background: url(../img/y2.png) no-repeat 240px 45px; cursor: pointer; float: left;}
.serverSwiper .newServerCont{width: 233px; height: 104px; background: url(../img/y3.png) no-repeat 0 0; display: flex; justify-content: center; align-items: center; text-align: center; color: #fffbdd; position: relative;}
.serverSwiper .newServerCont a.icon{display: block; width: 59px; height: 58px; background: url(../img/y4.png) no-repeat 0 0; position: absolute; right: 10px; top: 3px;}
.newsServerFlex{padding-bottom: 8px;}
.serverSwiper .newServerCont div.a1{font-size: 13px; display: none; font-family:"Microsoft YaHei";}
.serverSwiper .newServerCont div.a2{font-size: 26px; color: #a18945; padding: 2px 0;}
.serverSwiper .newServerCont div.a3{font-size: 12px; display: none; font-family:"Microsoft YaHei";}
.serverSwiper div.li.on .newServerCont{background-position: 0 bottom;}
.serverSwiper div.li.on div.a1,.serverSwiper div.li.on div.a3{display: block;}
.serverSwiper div.li.on div.a2{color: #fffbdd;}

.newServerTop{width: 1140px; height: 170px; margin: 0 auto;}
.newServerLeft{width: 620px; padding-top: 30px;}
.newServerli{height: 40px; line-height: 40px;}
.newServerli span{float: left; padding: 0 0 0 28px; height: 40px; font-size: 24px; color: #a28945;}
.newServerli div{float: left; font-size: 18px; color: #b72f2f;}
.newServerRight{width: 505px;}
.newServerRight h3{text-align: center; font-size: 28px; color: #a18945; padding: 27px 0 0 0; height: 30px;}
.serverNumber{width: 505px; height: 101px; line-height: 101px; text-align: center; font-size: 48px; color: #b72f2f;background: url(../img/b3.png) no-repeat 0 0;}
.yyCont{width: 1300px; height: 270px; background: url(../img/line2.png) no-repeat 0 52px; margin: 0 auto; display: flex; justify-content: center;}
.yylist{width: 151px; height: 200px; position: relative; margin: 0 23px;}
.yyIcon{width: 151px; height: 151px; background: url(../img/icon3.png) no-repeat 0 center;}
.yyIcon span{display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat;}
.yyIcon a{display: none; width: 100%; height: 151px; background: url(../img/icon3_ok.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 10;}
.yyIcon span.t1{background-image: url(../img/icon/a6.png);}
.yyIcon span.t2{background-image: url(../img/icon/a7.png);}
.yyIcon span.t3{background-image: url(../img/icon/a8.png);}
.yyIcon span.t4{background-image: url(../img/icon/a9.png);}
.yyIcon span.t5{background-image: url(../img/icon/a10.png);}
.yylist.on .yyIcon a{display: block;}
.yyText{text-align: center;}
.yyText span,.yyText a{display: block;}
.yyText span{font-size: 24px; color: #b72f2f;}
.yyText a{font-size: 18px; color: #baa25e;}


/*仙缘传承礼*/
.moveWrap{width: 1075px; margin: 0 auto;}
.moveTime{width: 100%; height: 100px; position: relative; display: flex; align-items: center;}
.moveTimeli{font-size: 24px; color: #a28945; line-height: 36px;}
.moveTimeli span{font-size: 18px; color: #b72f2f;}
.btnRuleMove{background: url(../img/btn/btn_rule.png) no-repeat 0 0; display: block; width: 217px; height: 61px; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: 0; top: 22px;}
.newServer_rule:hover{background-position: 0 bottom;}

.moveCont{width: 1075px; height: 524px; background: url(../img/step.png) no-repeat 0 0; position: relative;}
.moveStep{width: 476px; height: 170px; position: absolute;}
.moveStep.step1{left: 15px; top: 58px;}
.moveStep.step2{left: 15px; top: 335px;}
.moveStep.step3{left: 584px; top: 58px;}
.moveStep.step4{left: 584px; top: 335px;}
.moveServer{padding: 0 0 0 0;}
.moveli{height: 56px;}
.moveli a{float: left; width: 118px; height: 40px; line-height: 40px; text-align: right; font-size: 20px; color: #a28945;}
.moveli select{width: 340px; height: 40px; display: block; border: 1px solid #a18945; background: #FFF; font-size: 16px; color: #a28945; outline: none;}
.moveli span{width: 320px; height: 40px; line-height: 40px; display: block; border: 1px solid #a18945; background: #FFF; font-size: 16px; color: #a28945; padding: 0 10px;}
.moveDiv{padding: 0 0 0 20px; color: #a28945;}
.moveTextTitle{font-size: 20px; height: 30px;}
.movep{height: 28px;}
.movep p{line-height: 22px; font-size: 16px;}
.movep p span{color: #b72f2f;}
.btnQues{position: relative; float: left; width: 22px; height: 22px; margin-right: 8px; position: relative;background: url(../img/q.png) no-repeat 0 0; cursor: pointer;}
.btnQues .numPop{top: 25px;}
.moveTips{line-height: 32px; font-size: 16px; color: #b72f2f;}

.moveBtns{display: flex; justify-content: center;}
.moveBtns a{display: block; width: 168px; height: 53px; cursor: pointer; margin: 0 10px; overflow: hidden; text-indent: -9999px;}
.moveBtns a.btnRefresh{background: url(../img/btn/btnRefresh.png) no-repeat 0 0;}
.moveBtns a.btnReceive{background: url(../img/btn/btnReceive.png) no-repeat 0 0;}
.moveBtns a.btnExchange{background: url(../img/btn/btnExchange.png) no-repeat 0 0; width: 161px; height: 42px;}
.moveBtns a:hover{background-position:0 bottom;}

.moveClick{display: flex; justify-content: center;}
.moveClick a{display: block; overflow: hidden; text-indent: -9999px; cursor: pointer; margin: 0 5px;}
.moveClick a.on{background: url(../img/btn/btn_bind.png) no-repeat 0 0; width: 168px; height: 53px;}
.moveClick a.rp{background: url(../img/btn/btn_rp.png) no-repeat 0 0; width: 161px; height: 42px;}
.moveClick a.over{background: url(../img/btn/btn_bind_over.png) no-repeat 0 0; width: 168px; height: 53px; cursor: default;}
.moveClick a.on:hover,.moveClick a.rp:hover{background-position: 0 bottom;}
.moveClick a.over:hover{background-position: 0 0;}


/*冲缘赢好礼*/
.levelCont{width: 100%; height: 344px; position: relative;}
.levelTop{width: 100%; height: 170px; position: absolute;left: 0; top: 15px; display: flex; justify-content: center;}
.levelBom{width: 100%; height: 170px; position: absolute;left: 0; bottom: 10px; display: flex; justify-content: center;}
.leveldiv{display: block; width: 169px; height: 169px; background: url(../img/icon4.png) no-repeat 0 0; position: relative; margin: 0 50px;}
.levelDesc{text-align: center;}
.levelDesc span.icon{display: block; width: 100%; height: 120px; background: url(../img/icon/a11.png) no-repeat center bottom;}
.levelDesc h3{font-size: 18px; color: #a28945;}
.levelDesc h3 span{color: #b72f2f;}
.levelDesc p{font-size: 16px; color: #cd6c60;}
.levelWrap{width: 1225px; height: 291px; background: url(../img/b4.png) no-repeat 0 0; margin: 0 auto;}
.levelRule{padding: 30px 60px 0 60px; color: #a28945;}
.levelRule h3{font-size: 30px; padding-bottom: 6px;}
.levelRule p{font-size: 18px; line-height: 26px;}

/*助力大礼包*/
.helpTips{text-align: center; font-size: 18px; color: #a28945; height: 60px; padding-top: 20px;}
.helpTips span{color: #b72f2f;}
.helpCont{height: 530px;}
.helpWrap{display: flex; justify-content: center; height: 210px;}
.helpWrap2{height: 230px;}
.helplist{width: 280px; height: 100%; background: url(../img/icon.png) no-repeat center 0;}
.helpDesc{height: 138px; position: relative; background: url(../img/icon/a12.png) no-repeat center 30px;}
.helpDesc span.new{display: block; width: 28px; height: 55px; background: url(../img/icon/new.png) no-repeat 0 0; position: absolute; right: 70px; top: 8px;}
.helpText{text-align: center; color: #a28945;}
.helpText h3{font-size: 18px;}
.helpText p{font-size: 16px;}
.helpText p span{color: #b72f2f; padding-right: 10px;}
.helpText p a{text-decoration:line-through;}
.helphot{background: url(../img/line4.png) no-repeat center 0; height: 235px; height: 26px; line-height: 26px; text-align: center; font-size: 12px; color: #FFF;}
.helphot span{color: #ffe779;}
.btn_buy{display: block; width: 329px; height: 96px; margin: 0 auto; overflow: hidden; text-indent: -9999px; background: url(../img/btn/btn_buy.png) no-repeat 0 0;}
.btn_buy:hover{background-position: 0 bottom;}

/*首冲伴随礼*/
.payTips{text-align: center; font-size: 18px; color: #a28945; height: 60px; padding-top: 20px;}
.payTips span{color: #b72f2f;}
.payCont{height: 530px;}
.payWrap{display: flex; justify-content: center; height: 190px;}
.payWrap2{height: 190px;}
.paylist{width: 220px; height: 100%; background: url(../img/icon.png) no-repeat center 0;}
.payDesc{height: 145px; position: relative; background: url(../img/icon/a12.png) no-repeat center 30px;}
.payDesc span.new{display: block; width: 28px; height: 55px; background: url(../img/icon/new.png) no-repeat 0 0; position: absolute; right: 70px; top: 8px;}
.payText{text-align: center; color: #a28945;}
.payText h3{font-size: 18px;}
.payhot{background: url(../img/line4.png) no-repeat center 0; height: 235px; height: 26px; line-height: 26px; text-align: center; font-size: 12px; color: #FFF;}
.payhot span{color: #ffe779;}

.payMain{background: url(../img/b5.png) no-repeat 0 0; width: 1212px; height: 352px; margin:0 auto;}
.payBox{display: flex; justify-content: center; padding-top: 50px;}
.payFirstList{width: 334px;}
.payFirstIcon{width: 45px; height: 210px; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #d1c49d;}
.payFirstImg{width: 334px; height: 208px; background: url(../img/b6.png) no-repeat 0 0; display: flex; justify-content: center; align-items: center; position: relative;}
.payFirstImg img{display: block; width: 328px; height: 202px; cursor: pointer;}
.payFirstImg span{display: block; position: absolute; left: 0; bottom: -10px; text-align: center; font-size: 24px; color: #a28945; text-align: center; width: 100%;  -webkit-text-stroke: 1px rgba(255,255,255,.7);text-stroke: 1px rgba(255,255,255,.7);}
.payFirstText{font-size: 16px; color: #a28945; line-height: 20px; padding-top: 15px;}

/*充值积分礼*/
.rechargeBox{padding-top: 88px; height: 305px; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}
.rechargeList{width: 268px; height: 305px; background: url(../img/b7.png) no-repeat 0 0; margin: 0 16px;}
.rechargeTop{height: 60px; line-height: 48px; text-align: center; color: #FFF; font-size: 28px;}
.rechargeTop strong{font-size: 18px; font-weight: normal;}
.rechargeTitle{text-align: center; height: 74px; font-size: 28px; color: #a28945; line-height: 64px;}
.rechargeScroll{width: 230px; height: 140px; margin: 0 auto; font-size: 16px; color: #a28945; line-height: 24px; overflow: hidden; overflow-y: auto;}
.rechageTips{text-align: center; font-size: 18px; color: #a28945; height: 170px; padding-top: 20px;}
.rechageTips span{color: #b72f2f;}
.btn_take{display: block; width: 329px; height: 96px; margin: 0 auto; overflow: hidden; text-indent: -9999px; background: url(../img/btn/btn_take.png) no-repeat 0 0;}
.btn_take:hover{background-position: 0 bottom;}

.linkTips{text-align: center; font-size: 26px; color: #866d31; line-height: 70px;}
.linkTips2{text-align: center; font-size: 20px; color: #866d31; padding-top: 10px;}
.linkTips2 span{color: #b72f2f;}
.linkCont{display: flex; justify-content: center; height: 242px; margin-bottom: 20px;}
.linkList{width: 328px; height: 228px; background: url(../img/b8.png) no-repeat 0 0; margin: 0 20px;}
.linkListCont{width: 325px; padding: 0 0 0 0;}
.linkListCont span{display: block; height: 156px; background-position: center 54px; background-repeat: no-repeat;}
.linkListCont span.link1{background-image: url(../img/link1.png);}
.linkListCont span.link2{background-image: url(../img/link2.png);}
.linkListCont span.link3{background-image: url(../img/link3.png);}
.linkListCont span.link4{background-image: url(../img/link4.png); background-position: 0 36px;}
.linkListCont span.link5{background-image: url(../img/link5.png); background-position: 0 36px;}
.linkListCont span.link6{background-image: url(../img/link6.png); background-position: 0 36px;}
.linkListCont a{display: block; width: 153px; height: 45px; background: url(../img/linkMore.png) no-repeat 0 0; margin: 0 auto; cursor: pointer;}


.fontCont{width: 1000px; height: 780px; position: relative; margin: 0 auto;}
.goBack{display: block; width: 125px; height: 127px; background: url(../img/goback.png) no-repeat 0 0; position: absolute; left: -190px; top: 70px; cursor: pointer;}
.fontTitle{padding: 80px 0 0 0; height: 110px;}
.fontTitle span{display: block; height: 80px; line-height: 80px; text-align: center; background: url(../img/b9.png) no-repeat center 0; font-size: 48px; color: #836e31;}
.fontWrap{width: 1000px; height: 590px; overflow: hidden; overflow-y: auto; color: #836e31; font-size: 18px; color: #907c43; line-height: 26px; display: none;}
.fontWrap h3{font-size: 32px; padding-bottom: 20px;}
.fontWrap p{padding-bottom: 12px;}
.fontWrap img{display: block; margin: 0 auto; max-width: 100%;}
.fontNav{width: 272px; height: 794px; background: url(../img/text_nav.png) no-repeat 3px 0; position: absolute; right: -302px; top: 30px;}
.fontNavList{padding-top: 160px;}
.fontNavList a{display: block; width: 360px; height: 47px; line-height: 47px; font-size: 24px; color: #907c43; text-indent: 50px; background: url(../img/hover.png) no-repeat 0 -9999px; font-family:"Microsoft YaHei"; cursor: pointer; margin-bottom: 4px;}
.fontNavList a:hover,.fontNavList a.on{background-position: 0 0; color: #fff7c7;}

.popScroll{width: 750px; margin:0 auto; height: 340px; overflow: hidden; overflow-y: auto; font-size: 20px; color: #9d8644; line-height: 36px;}
.popScroll p{padding-right: 10px;}
.popScroll span{color: #ff4040;}
.popScroll img{display: block; width: 96%;}


.publicPop{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: rgba(0,0,0,0.8); display: none;}
.bigImg{width:100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center;}
.bigImg img{display: block; max-width:1100px;}

.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: 587px; height: 397px; background: url(../img/pop/v4.png) no-repeat 0 0;}
.popMain2{width: 876px; height: 503px; background: url(../img/pop/v1.png) no-repeat 0 0;}
.closeButton,.closeStyle{width: 27px; height: 28px; background: url(../img/pop/c1.png) no-repeat 0 0; position: absolute; right: 20px; top: 20px; cursor: pointer;}

.popTitle{height: 120px; display: flex; justify-content: center; align-items: center;}
.popTitle.p2{height: 76px;}
.popTitle span{display: block; width: 476px; height: 70px; line-height: 70px; text-align: center; margin: 0 auto; font-size: 40px; color: #9d8644; background: url(../img/pop/popTitle.png) no-repeat center center;}

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

.phoneBox{padding-bottom: 30px;}
.phoneList{height: 62px;}
.phoneList span{float: left; width: 140px; height: 40px; line-height: 40px; text-align: right; font-size: 18px; color: #9d8644; padding-right: 10px;}
.phoneList input.pubInput{float: left; border:1px solid #dcd0b8; background: #FFF; height: 38px; line-height: 38px; padding:0 10px; width: 320px; font-size: 16px; color: #9d8644;}
.phoneList input.pubShort{width: 186px;}
.phoneList select{float: left; width: 310px; height: 40px; border: 1px solid #dcd0b8; background: #FFF; font-size: 16px; color: #9d8644;}
.psText{padding: 0 46px; font-size: 16px; line-height: 24px; color: #9d8644; text-align: center; padding-bottom: 14px;}
.psText span{color: #b72f2f;}



.yy_yzm{float: left; border:1px solid #efe3cb; width: 120px; height: 38px; line-height: 38px; text-align: center; background: #cdb585; font-size: 16px; color: #FFF; margin-left: 12px; cursor: pointer;}
.yy_yzm:hover{background: #f9d897;}
.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: 24px; color: #9d8644; line-height: 32px; padding: 20px 30px 0 30px; height: 170px;}
.popMessage span{color: #b72f2f;}

.popOktext{width: 390px; margin:0 auto;}
.popOktext h2{font-size: 20px; color: #9d8644; line-height: 50px;}
.popOktext h2 strong{font-weight: normal; color: #b72f2f;}
.popOktext p{font-size: 16px; color: #9d8644; line-height: 24px; height: 86px;}
.popOkbtn{height: 40px; padding: 0 0 0 30px;}
.popOkbtn a{cursor: pointer;}
.popOkbtn a.yq{float: left; width: 162px; height: 42px; line-height: 42px; 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: #9d8644; line-height: 40px; text-decoration: underline;}

.popInput{text-align: center; width: 450px; margin:0 auto; padding: 15px; font-size: 20px; color: #9d8644; 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: 30px 0;}
.inputCode input{text-align: left; width: 320px; padding:0 10px; font-size: 18px; color: #9d8644; height: 40px; border:1px solid #dcd0b8; background: #fff; text-align: center;}
#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;}

.buttonSelect{display: none;}
.tableStyle{width: 760px; height: 340px; margin: 0 auto; overflow: hidden; overflow-y: auto;}
.tableStyle table{border-collapse: collapse; width: 98.8%;}
.tableStyle table th,.tableStyle table td{border: 1px solid #e9dcc0; padding: 5px; line-height: 30px; text-align: center; background: #FFF; font-size: 16px; color: #9d8644; font-weight: normal;}
.tableStyle table th{background: #9d8644; color: #FFF; font-size: 20px; font-weight: normal;}
.tableStyle2{height: 240px; margin-bottom: 20px;}

.scrollStyle::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.scrollStyle::-webkit-scrollbar-track{border-radius:6px;background-color:#bbaa67;}
.scrollStyle::-webkit-scrollbar-thumb{border-radius:6px;background-color:#947930;} 
.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;}


.submitCont{display: flex; justify-content: center;}
.submitCont a{display: block; width: 162px; height: 42px; line-height: 42px; text-align: center; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; font-size: 20px; color: #ffffff; margin: 0 10px; cursor: pointer;}
.submitCont a.enter{background-image: url(../img/pop/btn1.png);}
.submitCont a.enter2{background-image: url(../img/pop/btn2.png);}
.submitCont a.txt{text-indent: 0; text-decoration: underline; color: #9d8644; font-size: 16px; width: 80px;}
.submitCont a.txt:hover{color: #b72f2f;}
.submitCont a:hover{background-position: 0 bottom;}

.popTextStyle{text-align: center; font-size: 24px; color: #9d8644; line-height: 40px; padding: 10px 30px 0 30px; height: 180px;}
.popTextStyle span{color: #b72f2f;}
.popTextStyle p.tips{font-size: 18px;}
.popTextStyle a{color: #4191ff; text-decoration: underline; word-wrap:break-word; word-break:break-all;}
.codeInt{padding-top: 10px;}
.codeInt span{display: block; width: 310px; height: 38px; line-height: 38px; text-align: center; border:1px solid #dcd0b8; background: #FFF; font-size: 18px; color: #9d8644; margin: 0 auto;}



.listContBox{width: 760px; margin: 0 auto;}
.teamContTop{height: 62px;}
.myTeamCode{float: left; width: 400px; height: 42px; line-height: 42px; background: #e3d8c3; font-size: 20px; color: #9d8644; text-indent: 16px;}
.myTeamCode span{color: #b72f2f;}
.teamContTop a.btn{float: left; margin-left: 12px; cursor: pointer;}
.teamContTop a.btn{display: block; width: 162px; height: 42px; line-height: 42px; text-align: center; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; font-size: 20px; color: #ffffff;}
.teamContTop a.btn{background-image: url(../img/pop/btn2.png);}
.teamContTop a.btn:hover{background-position: 0 bottom;}

.teamlistTips{text-align: center; font-size: 18px; color: #9d8644;}
.teamlistTips span{color: #b72f2f;}
.teamlistWrap{width: 818px; height: 264px; margin: 0 auto; background: url(../img/pop/b1.png) no-repeat 0 0; background-size: 100% auto; display: flex; justify-content: center;}
.teamlist_li{width: 150px; padding-top: 30px; text-align: center;}
.teamlist_li img{display: block; width: 106px; margin: 0 auto;}
.teamlist_li p{font-size: 14px; color: #9d8644; padding: 10px 0;}
.teamlist_li span{color: #b72f2f;}

.teamlistPs{display: flex; justify-content: center; padding-top: 10px;}
.teamlistPs span{display: block; font-size: 16px; color: #b72f2f; padding: 0 10px; height: 42px; line-height: 42px;}
.teamlistPs a{display: block; width: 162px; height: 42px; line-height: 42px; cursor: pointer; text-align: center; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; font-size: 16px; color: #ffffff; margin: 0 10px;}
.teamlistPs a{background-image: url(../img/pop/btn2.png);}
.teamlistPs a:hover{background-position: 0 bottom;}


.tableClickBtns{display: block; width: 70px; height: 24px; line-height: 24px; text-align: center; border-radius: 4px; font-size: 14px; color: #fcf9f4; margin: 0 auto; cursor: pointer; background: #b19e67;}
.tableClickBtns:hover{background: #ccad52;}

.tableClickBtns2{display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; font-size: 20px; color: #fcf9f4; margin: 0 auto; cursor: pointer; background: #9d8644;}
.tableClickBtns2:hover{background: #bba051;}

.page{text-align: center; font-size: 18px; color: #9d8644;}
.page a{color: #9d8644; cursor: pointer;}
.page a,.page span{padding: 0 5px;}
.page a.active{color: #b72f2f;}

.dbCont{}
.dbTop{padding: 0px 0 0 50px; height: 92px; font-size: 20px; color: #9d8644; line-height: 30px; position: relative;}
.dbTop span{color: #cd6c60;}
.btnlist{display: block; width: 160px; height: 40px; line-height: 40px; background: #c93c3c; border-radius: 5px; text-align: center; color: #FFF; font-size: 20px; cursor: pointer; margin: 0 auto; position: absolute; right: 98px; top: 0px;}
.btnlist:hover{background: #e94848;}
.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: #9d8644;}
.dbli p span{display: block; color: #cd6c60;}
.dbli a{display: block; width: 100px; height: 40px; line-height: 40px; background: #9d8644; border-radius: 5px; text-align: center; color: #FFF; font-size: 20px; cursor: pointer; margin: 0 auto;}
.dbli a:hover{background: #bba051;}

.db_p{text-align: center; font-size: 14px; color: #9d8644; padding: 6px 0;}
.db_p span{display: block;}

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