/* 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;}
*:not(input):not(textarea){user-select:none;}
body{background:#282a2c; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;  -webkit-text-size-adjust: 100%;}
#content{position: relative; width: 100%; background: url(../images/bg.jpg) no-repeat 0 0; background-size: 100% auto; height: 42.90rem; display: none;}
.logo{display: block; position: absolute; left: .2rem; top: .2rem; width: 2rem; z-index: 10;}
.home{display: block; width: 1.84rem; height: .48rem; background: url(../images/home.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: .7rem; top: .5rem; z-index: 10;}
.loginBox{position: absolute; right: 2.74rem; top: .5rem; height: .48rem; line-height: .48rem; font-size: .22rem; color: #1551c1; z-index: 10; text-align: right}
.loginBox a{color: #da5171; cursor: pointer;}
.loginBox span{color: #da5171;}
.loginBox div{display: none;}

.section{position: relative;}
.section1{height: 13.12rem;}

.serverinfo{width: 12.95rem; height: 1.38rem; background: url(../images/server.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 50%; transform: translate(-50%,0); top: 9.6rem;}
.serverinfo span{display: block; width: 1.84rem; height: .4rem; line-height: .4rem; text-align: center; font-size: .18rem; color: #FFF; position: absolute; top: .8rem;}
.serverinfo span.s1{left: 3.72rem;}
.serverinfo span.s2{left: 7.42rem; width: 2.86rem;}

.tabBtns{width: 100%; position: absolute; left: 0; bottom: .06rem; display: flex; justify-content: center;}
.tabBtns a{display: block; width: 6.23rem; height: 1.51rem; background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat; cursor: pointer;}
.tabBtns a.s1{background-image: url(../images/s1.png);}
.tabBtns a.s2{background-image: url(../images/s2.png);}
.tabBtns a:hover{background-position: 0 bottom;}

.title1{height: 3rem; background: url(../images/tit1.png) no-repeat center .88rem; background-size: 11.25rem auto;}
.prize1{height: 2.64rem; background: url(../images/prize1.png) no-repeat center 0; background-size: 9.64rem auto;}

.btn_yy{height: 4.68rem;}
.btn_yy a.yy{display: block; width: 4.5rem; height: 1.71rem; background: url(../images/btn_yy.png) no-repeat 0 0; background-size: 100% auto; margin: 0 auto; cursor: pointer;}
.btn_yy p{text-align: center; padding-top: .2rem;}
.btn_yy p a{color: #518fa4; font-size: .24rem; text-decoration: underline; cursor: pointer;}

.prize2{height: 10.47rem; background: url(../images/prize2.png) no-repeat center 0; background-size: 9.45rem auto;}
.prize2 p{text-align: center; padding-top: 1.42rem;}
.prize2 p a{color: #518fa4; font-size: .24rem; text-decoration: underline; cursor: pointer;}

.title3{height: 1.5rem; background: url(../images/tit3.png) no-repeat center 0; background-size: 11.25rem auto;}
.textCont{text-align: center;  font-size: .24rem; color: #ee6881; line-height: .42rem;}
.textCont strong{font-size: .3rem;}
.textCont h3{padding-bottom: .45rem;}

.btn_pay{height: 2.2rem;}
.btn_pay a.pay{display: block; width: 4.78rem; height: 1.23rem; background: url(../images/btn_pay.png) no-repeat 0 0; background-size: 100% auto; margin: 0 auto; cursor: pointer;}
.btn_pay p{text-align: center; padding-top: .2rem;}
.btn_pay p a{color: #ee6881; font-size: .24rem; text-decoration: underline; cursor: pointer;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 6.14rem; height: 7.82rem; background: url(../images/pop1.png) no-repeat 0 0; background-size: 100% auto;}
.pop2{width: 6.14rem; height: 7.82rem; background: url(../images/pop2.png) no-repeat 0 0; background-size: 100% auto;}
.pop3{width: 6.14rem; height: 4.87rem; background: url(../images/pop3.png) no-repeat 0 0; background-size: 100% auto;}
.closeBtn{display: block; width: .35rem; height: .36rem; cursor: pointer; overflow: hidden; text-indent: -9999rem; position: absolute; right: .4rem; top: .4rem;}
.closeBtn.c1{background: url(../images/close1.png) no-repeat 0 0; background-size: 100% auto;}
.closeBtn.c2{background: url(../images/close2.png) no-repeat 0 0; background-size: 100% auto;}
.pt1{background: url(../images/pt1.png) no-repeat center .4rem; background-size: 4.34rem auto; height: 1.2rem;}
.pt2{background: url(../images/pt2.png) no-repeat center .4rem; background-size: 4.34rem auto; height: 1.2rem;}
.pt3{background: url(../images/pt3.png) no-repeat center; background-size: 4.34rem auto; height: 2rem;}
.divScroll{margin: 0 auto; width: 5.3rem; height: 6.2rem; overflow: hidden; overflow-y: auto; font-size: .2rem; line-height: .36rem;}
.scrollStyle1{color: #336c8a;}
.scrollStyle2{color: #ee6881;}
.scrollStyle1::-webkit-scrollbar{width:.06rem;height:.06rem;background-color:rgba(0,0,0,0);}
.scrollStyle1::-webkit-scrollbar-track{border-radius:0;background-color:#336c8a;}/*底*/
.scrollStyle1::-webkit-scrollbar-thumb{border-radius:0;background-color:#a1e2e4;}/*面*/
.scrollStyle1::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.scrollStyle1::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.scrollStyle1::-webkit-scrollbar-track-piece{margin:0;}

.scrollStyle2::-webkit-scrollbar{width:.06rem;height:.06rem;background-color:rgba(0,0,0,0);}
.scrollStyle2::-webkit-scrollbar-track{border-radius:0;background-color:#ff6f7e;}/*底*/
.scrollStyle2::-webkit-scrollbar-thumb{border-radius:0;background-color:#f3a6ae;}/*面*/
.scrollStyle2::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.scrollStyle2::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.scrollStyle2::-webkit-scrollbar-track-piece{margin:0;}

.msg{font-size: .4rem; color: #336c8a; line-height: .5rem; text-align: center; padding: 0 .4rem; display: flex; justify-content: center; align-items: center; height: 1.4rem}




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