/* 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:0rem; line-height:0rem; font-size:0rem;}
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_txt{overflow: hidden; text-indent: -999rem;}
body{background:none; font-size:0.12rem; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53; background: #000;}
body,html{overflow-x: hidden;}
#content{width: 9.6rem; max-width: 9.6rem; margin:0 auto; display: none; height: 5.42rem; position: relative;}
.loginBox{width: 4.3rem; position: absolute; left: 1.9rem; top: .3rem; font-size: .14rem; color: #FFF; z-index: 2;}
.loginBox span{padding: 0 0.05rem 0 0;}
.loginBox a{color: #7a88c4;}
.bg1{background:#000 url(../images/bg1.jpg) no-repeat 0 0; background-size: 100% auto; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; display: block;}
.bg2{background:#000 url(../images/bg2.jpg) no-repeat 0 0; background-size: 100% auto; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; display: none;}

.tab1,.tab2{display: none; width: 1.38rem; height: .26rem; position: absolute; left: 0; top: 1.2rem;}
.tab1{background: url(../images/tab1.png) no-repeat 0 0; background-size: 100% auto;}
.tab2{background: url(../images/tab2.png) no-repeat 0 0; background-size: 100% auto;}

.topbox{width: 2.44rem; height: .46rem; position: absolute; right: .4rem; top: .1rem; z-index: 2}
.topbox a{display: block;}
.topbox a.btn_refresh{width: .2rem; height: .46rem; background: url(../images/btn_refresh.png) no-repeat 0 center; background-size: .2rem auto; cursor: pointer; margin-right: .13rem; float: left;}
.topbox a.btn_rule{width: .56rem; height: .46rem; background: url(../images/btn_rule.png) no-repeat 0 center; background-size: .56rem auto; cursor: pointer; float: left;}
.topbox a.btn_receive{width: 1.4rem; height: .46rem; float: right; background: url(../images/btn_receive_no.png) no-repeat 0 center; background-size: 1.4rem auto;}
.topbox a.btn_receive.on{background: url(../images/btn_receive.png) no-repeat 0 center;background-size: 1.4rem auto;cursor: pointer;}
.topbox a.btn_receive.over{background: url(../images/btn_receive_over.png) no-repeat 0 center; background-size: 1.4rem auto;}
.processMain{width: 9.6rem; height: .55rem; position: absolute; left: 0; top: .55rem; z-index: 20;}
.processline{width: 9.6rem; border-bottom: .02rem dotted #58699c; height: .29rem; position: absolute; left: 0; top: 0;}
.processCont{width: 9.6rem; height: .55rem; position: absolute; left: 0; top: 0; z-index: 2;}
.processCont div.proSpan{float: left; width: .42rem; height: .55rem; margin-left: .2rem; position: relative;}
.processCont div.t1{background: url(../images/n1.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t2{background: url(../images/n2.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t3{background: url(../images/n3.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t4{background: url(../images/n4.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t5{background: url(../images/n5.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t6{background: url(../images/n3.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t7{background: url(../images/n7.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t8{background: url(../images/n8.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t9{background: url(../images/n3.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t10{background: url(../images/n10.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t11{background: url(../images/n11.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t12{background: url(../images/n3.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t13{background: url(../images/n13.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t14{background: url(../images/n14.png) no-repeat 0 0; background-size: 100% auto;}
.processCont div.t15{background: url(../images/n15.png) no-repeat 0 0; width: .6rem; background-size: 100% auto;}


.processCont div.proSpan.on{background-position: 0 -.55rem;}
.processCont div.proSpan.over{background-position: 0 -1.1rem;}

.proPop{width: 2.44rem; border: .01rem solid #349a8a; border-radius: .04rem; background: rgba(32,88,80,.95); position: absolute; left: 50%; top: .55rem; margin-left: -1.22rem; padding-bottom: .03rem;}
.popCont{width: 2.12rem; margin: 0 auto;}
.popTitle{height: .66rem; line-height: .66rem; border-bottom: .01rem solid #349a8a; background: url(../images/lb1.png) no-repeat .06rem center; background-size: .49rem auto; color: #FFF; font-size: .20rem; text-indent: .6rem;}
.popDesc{color: #FFF;font-size: .14rem; line-height: .2rem; padding:.05rem;}
.proOver{cursor: pointer;}
.proOverLast .proPop{margin-left: 0; left: -1.9rem;}

.mBox{width: 4.61rem; position: absolute; right: .44rem; top: 1.36rem; display: none; z-index: 10;}
.mlist{height: .67rem; position: relative; margin-bottom: .1rem; background: url(../images/mbox.png) no-repeat 0 0; background-size: 100% auto;}
.mlist span{display: block; width: .48rem; height: .43rem; position: absolute; left: .1rem; top: .1rem;}
.mlist span.num1{background: url(../images/num1.png) no-repeat 0 0; background-size: 100% auto;}
.mlist span.num2{background: url(../images/num2.png) no-repeat 0 0; background-size: 100% auto;}
.mlist span.num3{background: url(../images/num3.png) no-repeat 0 0; background-size: 100% auto;}
.mlist span.num4{background: url(../images/num4.png) no-repeat 0 0; background-size: 100% auto;}
.mlist span.num5{background: url(../images/num5.png) no-repeat 0 0; background-size: 100% auto;}
.mlist div.text{color: #FFF; font-size: .14rem; padding: .34rem 0 0 .46rem;}
.mlist a{display: block; width: .99rem; height: .67rem; background: url(../images/ok.png) no-repeat 0 center; position: absolute; right: .1rem; top: .02rem; background-size: 100% auto;}

.mTab{width: 1.8rem; height: 4.04rem; position: absolute; left: 2.65rem; bottom: 0; z-index: 10;}
.mTab a{display: block; width: 1.3rem; height: 1.3rem; position: absolute; cursor: pointer;}
.mTab a.a1{background: url(../images/m1.png) no-repeat 0 0; background-size: 100% auto; left: 0; top: 0; z-index: 1;}
.mTab a.a2{background: url(../images/m2.png) no-repeat 0 0; background-size: 100% auto; right: 0; top: 0.8rem; z-index: 2;}
.mTab a.a3{background: url(../images/m3.png) no-repeat 0 0; background-size: 100% auto; left: 0; top: 1.6rem; z-index: 3;}
.mTab a.a4{background: url(../images/m4.png) no-repeat 0 0; background-size: 100% auto; right: 0; top: 2.4rem; z-index: 4;}
.mTab a.on,.mTab a:hover{background-position: 0 -1.3rem;}
.mTab a span{display: block; color: #FFF; font-size: .14rem; padding-top: .6rem; text-align: center;}
.mTab a strong{font-weight: normal;}
.mTab a.on span,.mTab a:hover span{color: #6d5631;}

.ruleTable{width: 5.7rem; color: #FFF; line-height: .2rem; margin: 0 auto;}
.ruleTable dl{clear: both; overflow: hidden; margin-bottom: .1rem;}
.ruleTable dt{float: left; width: .9rem; font-weight: bold; text-align: right;}
.ruleTable dd{float: right; width: 4.6rem;}

.prompt_bg{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 990; background: rgba(0,0,0,0.8); display: none;}
.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 990; background: rgba(0,0,0,0.8); display: none;}
.popMain{border: .01rem solid #399181; background: rgba(33,91,82,.95); border-radius: .1rem; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.popRule{width: 6.3rem; height: 4.3rem;}
.popSub{width: 5rem; height: 2.7rem;}
.pt1{height: .8rem; background: url(../images/pt1.png) no-repeat center; background-size: 3.14rem auto;}
.pt2{height: .8rem; background: url(../images/pt2.png) no-repeat center; background-size: 3.14rem auto;}

.closeBtn{display: block; cursor: pointer; width: 0.35rem; height: 0.34rem; background: url(../images/close.png) no-repeat center; background-size: 0.35rem auto; position: absolute; right: -0.4rem; top: 0rem;}


.subBox{}
.sublist{height: 0.48rem;}
.sublist span{float: left; width: 1.5rem; height: 0.32rem; padding-right: 0.1rem; line-height: 0.32rem; text-align: right; font-size: 0.18rem; color: #FFF;}
.sublist select{float: left; width: 2.6rem; height: 0.32rem; border:0.01rem solid #a1b9fc; font-size: 0.15rem; color: #FFF; background: #7488ca; outline: none;}
.popBtn{height: 0.92rem;}
.popBtn a{display: block; width:1.4rem; height: 0.46rem; overflow: hidden; text-indent: -999px; cursor: pointer;}
.popBtn a.submit{background: url(../images/sub.png) no-repeat 0 0; background-size: 100% auto; margin:0 auto;}

.ps{color: #FFF; font-size: 0.14rem; line-height: 0.3rem; text-align: center; height: .4rem;}


.popMess{color: #FFF; font-size: 0.26rem; line-height: 0.5rem; text-align: center; width: 90%; height: 1.8rem; display: flex; justify-content: center; align-items: center; margin: 0 auto;}

.oklist{padding: 0.28rem 0 0 0.03rem; height: 2.75rem; text-align: center;}
.oklist span{background: url(../images/on2.png) no-repeat 0 0; background-size: 100% auto; width: 1.71rem; height: 1.11rem; display: inline-block; margin: 0 0.05rem 0.14rem 0.05rem;}
.oklist span strong{display: block; color: #FFF; font-size: 0.14rem; text-align: center; font-weight: normal; padding-top: 0.74rem;}


.oklist2{padding: 0.4rem 0 0 0.03rem; height: 2.75rem; text-align: center;}
.oklist2 span{background: url(../images/on3.png) no-repeat 0 0; background-size: 100% auto; width: 2.11rem; height: 1.58rem; display: block; margin: 0 auto; margin-bottom: 0.2rem;}
.oklist2 strong{display: block; color: #FFF; font-size: 0.3rem; text-align: center; font-weight: normal;}

.okText{height: 0.55rem; text-align: center; font-size: 0.3rem; color: #FFF;}

.btn_enter{display: block; width: 2.84rem; height: 0.77rem; line-height: 0.77rem; text-align: center; overflow: hidden; text-indent: -999px; cursor: pointer; background: url(../images/btn3.png) no-repeat 0 0; background-size: 100% auto; margin:0 auto;}


.event4_1{width: 8.9rem; margin:0 auto;}
.tableBox{}
.tableBox table{border-collapse: collapse; width: 7.9rem; margin:0 auto;}
.tableBox table th,.tableBox table td{border:0.01rem solid #b96700; text-align: center; height: 0.36rem;}
.tableBox table th{background: #b96700; color: #FFF; font-size: 0.2rem; font-weight: normal;}
.tableBox table td{background: none; color: #c34345; font-size: 0.16rem;}
.tableBox span.ok{color: #c34345;}
.tableBox span.no{color: #111;}
.tableBox span.error{color: #f00;}

.nav{width: 1.64rem; position: fixed; right: 0; top: 50%; margin-top: -1.31rem; height: 2.62rem;}
.nav a{display: block; width: 1.64rem; height: 0.63rem; cursor: pointer;}
.nav a.a1{background: url(../images/a1.png) no-repeat right 0; background-size: 4.14rem auto;}
.nav a.a2{background: url(../images/a2.png) no-repeat right 0; background-size: 4.14rem auto;}
.nav a.a3{background: url(../images/a3.png) no-repeat right 0; background-size: 4.14rem auto;}
.nav a.a4{background: url(../images/a4.png) no-repeat right 0; background-size: 4.14rem auto;}
.nav a:hover,.nav a.on{background-position: 0 0;}