/* 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;}
b{font-weight: normal;}
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;}
.le{float: left;}
.lr{float: right;}
.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; cursor: pointer;}
body{background:none; font-size:0.12rem; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53; background: #282828;}
body,html{overflow: hidden;}
#content{width: 9.6rem; height: 5.55rem; margin:0 auto; display: none; background:url(../images/bg.jpg) no-repeat center 0; background-size: 100% auto; position: relative; overflow:hidden;}

.loginBox{width: 4.3rem; position: absolute; right: .1rem; bottom: 0.03rem; font-size: .14rem; color: #FFF; background: rgba(0,0,0,.5); text-align: center; border-radius: .2rem; height: .2rem; line-height: .2rem; z-index: 999; display:none;}
.loginBox span{padding: 0 0.05rem 0 0;}
.loginBox a{color: #F00;}

.btnRule{display: block; width: 1.34rem; height: .45rem; background: url(../images/btn_rule.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 8.1rem; top: .5rem; z-index: 3;}
.listMes{width: 3.94rem; position: absolute; left: 5.2rem; top: 1.62rem;}
.listMes div{height: .38rem; border-bottom: 0.02rem dotted #FFF; line-height: .38rem; color: #FFF; font-size: .16rem;}
.listMes div span{float: left; height: .38rem;} 
.listMes div span.a1{width: 2.3rem;}
.listMes div span.a2{width: 1rem; color: #ffb20e;}
.listMes div span.a3{width: .64rem; text-align: right;}

.myNumber{width: 2.06rem; color: #FFF; font-size: .2rem; position: absolute; left: 7.33rem; top: 4.25rem; text-align: center;}
.myNumber span{color: #f00;}

.lcCont{width: 7.1rem; height: .72rem; background: url(../images/line.png) no-repeat 0 center; background-size: 7.18rem auto; position: absolute; left: .16rem; top: 4.58rem;  z-index: 10; display: flex; justify-content: center;}
.lcCont a{display: block; width: .65rem; height: .72rem; background-position: 0 0; background-repeat: no-repeat; background-size: 3rem auto; position: relative; margin: 0 0.14rem;}
.lcCont a div.popShow{width: 1rem; border-radius: .05rem; text-align: center; position: absolute; left: 50%; transform: translate(-50%,0); bottom: .72rem; font-size: .13rem; line-height: .18rem; color: #FFF; background: rgba(0,0,0,0.6); padding: .05rem; display: none;}
.lcCont a.a1{background-image: url(../images/icon2.png);}
.lcCont a.a2{background-image: url(../images/icon1.png);}
.lcCont a.on{background-position: -1rem 0; cursor: pointer;}
.lcCont a.over{background-position: -2rem 0;}
.lcCont a:hover div.popShow{display: block;}

.lcCont span{display: block; width: 100%; height: .18rem; position: absolute; left: 0; top: .35rem; background-size: auto .18rem; background-position: center 0; background-repeat: no-repeat;}
.lcCont span.n1{background-image: url(../images/q1.png);}
.lcCont span.n2{background-image: url(../images/q2.png);}
.lcCont span.n3{background-image: url(../images/q3.png);}
.lcCont span.n4{background-image: url(../images/q4.png);}
.lcCont span.n5{background-image: url(../images/q5.png);}
.lcCont span.n6{background-image: url(../images/q6.png);}
.lcCont span.n7{background-image: url(../images/q7.png);}
.lcCont span.n8{background-image: url(../images/q8.png);}

.btnRule2{display: block; width: 1.34rem; height: .45rem; background: url(../images/btn_rule2.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: 1.64rem; top: .4rem; z-index: 3;}
.btn_list{display: block; width: 1.34rem; height: .45rem; background: url(../images/btn_mylist.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right:.2rem; top: .4rem; z-index: 3;}

.btnBack{display: block; width: 1.34rem; height: .5rem; position: absolute; left:.23rem; top:.37rem;}
.btnPrize{display: block; width: 2.07rem; height: .6rem; background: url(../images/btn_prize.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 7.35rem; top: 4.62rem; z-index: 3;}
#lotterShow{width: 100%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; z-index: 10; background: url(../images/bg1.png) no-repeat 0 0; background-size: 100% auto;}



.lotterBox{width: 7.71rem; height: 4.37rem; position: absolute; left: 1.72rem; top: 1rem;}
.btnLotter{display: block; width: 2.68rem; height: 1.5rem; background: url(../images/start.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 2.53rem; top: 1.43rem; z-index: 30; cursor: pointer;}
.btnLotter span{display: block; width: 1.6rem; height: .2rem; line-height: .2rem; border-radius: .2rem; background:rgba(0,0,0,0.5); font-size: .14rem; color: #FFF; position: absolute; left: .52rem; top: 1.05rem; text-align: center;}
.lotterBox strong{display: block; width: 7.71rem; height: 4.37rem; background: url(../images/lotter.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 0; top: 0; z-index: 10;}
.lotterBox div{width: 2.51rem; height: 1.39rem; background:url(../images/on.png) no-repeat 0 bottom; background-size: 100% auto; position: absolute; display: block;}
.lotterBox div.on{background-position: 0 0;}
.lotterBox div.p0{left: 0rem; top: 0;}
.lotterBox div.p1{left: 2.6rem; top: 0;}
.lotterBox div.p2{right: 0rem; top: 0;}
.lotterBox div.p3{right: 0rem; top: 1.49rem;}
.lotterBox div.p4{right: 0rem; bottom: 0;}
.lotterBox div.p5{left: 2.6rem; bottom: 0;}
.lotterBox div.p6{left: 0; bottom: 0;}
.lotterBox div.p7{left: 0; top: 1.49rem;}


.mesBox{height: 5.45rem; position: relative;}
.msgInput{height: 1.42rem; width: 8.36rem; margin: 0 auto;}
.textareaBox{width: 6.7rem; height: 1.1rem; padding-top: .08rem; float: left; position: relative; background: rgba(21,19,40,.8);}
.textareaBox textarea{width: 6.3rem; height: .9rem; margin: 0 auto; display: block; font-size: .16rem; color: #a2adca; line-height: .30rem; background: none; border: 0 none;font-family:"Microsoft YaHei";}
.areaNum{width: .94rem; height: .32rem; line-height: .32rem; text-align: center; background: rgba(0,0,0,0.6); font-size: .18rem; color: #a2adca; position: absolute; right: 0; bottom: 0;}
.msgStart{width: 1.58rem; height: 1.18rem; background: url(../images/p.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; float: right; overflow: hidden; text-indent: -9999rem;}
#loginLayer a{display: none !important;}


.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999990; background: rgba(0,0,0,0.8); display: none;}
.popMain{position: fixed; left: 53%; 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%);}
.pop1{width: 6.28rem; height: 3.75rem; background: url(../images/pop1.png) no-repeat 0 0; background-size: 100% auto;}
.popConts{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.pt1{height: .8rem; background: url(../images/pt1.png) no-repeat center .32rem; background-size: 1.26rem auto;}
.pt2{height: .8rem; background: url(../images/pt2.png) no-repeat center .32rem; background-size: 1.26rem auto;}
.pt3{height: 1.2rem; background: url(../images/pt3.png) no-repeat center .52rem; background-size: 1.26rem auto;}
.pt4{height: .8rem; background: url(../images/pt4.png) no-repeat center .32rem; background-size: 1.26rem auto;}
.pt5{height: .8rem; background: url(../images/pt5.png) no-repeat center .32rem; background-size: 1.26rem auto;}
.pt6{height: 1.2rem; background: url(../images/pt6.png) no-repeat center .52rem; background-size: 1.26rem auto;}

.btn_libao{width: 2.2rem; height: 2.06rem; position: absolute; left: 2.34rem; top: 1.7rem; cursor: pointer;}
.btn_libao .popDay{left: .7rem; top: .7rem;}

.closeBtn{display: block; cursor: pointer; width: 0.4rem; height: 0.4rem; position: absolute; right: .23rem; top: .17rem; background: url(../images/close.png) no-repeat center; background-size: .2rem auto; z-index: 100;}

.ruleTable{width: 5.8rem; height: 2.5rem; margin: 0 auto; font-size: .14rem; line-height: .24rem; color: #FFF; overflow: hidden; overflow-y: auto; margin-bottom: .1rem;}
.ruleTable::-webkit-scrollbar{width:.05rem;height:.05rem;background-color:rgba(0,0,0,0);}
.ruleTable::-webkit-scrollbar-track{border-radius:0;background-color:#14111d;}
.ruleTable::-webkit-scrollbar-thumb{border-radius:0;background-color:#efe4ba;} 
.ruleTable::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.ruleTable::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.ruleTable::-webkit-scrollbar-track-piece{margin:0;}
.ruleTable p{padding: 0 .3rem;}

.btnsub{padding-top:0.05rem; display: flex; justify-content: center;}
.btnsub a{display: block; width: 1.09rem; height: .42rem; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; margin: 0 0.1rem; cursor: pointer; overflow: hidden; font-size: .18rem; color: #f6f1e3; line-height: .42rem; text-align: center;}
.btnsub a.enter{background-image: url(../images/btn_submit.png);}
.btnsub a.submit{background-image: url(../images/btn_submit.png);}
.btnsub a.cancel{background-image: url(../images/btn_cancel.png);}


.subBox{padding-top: .1rem;}
.sublist{height: 0.7rem;}
.sublist select{display: block; margin: 0 auto; width: 3.5rem; height: 0.4rem; border:0.01rem solid #000; font-size: 0.15rem; color: #000; background: #FFF; outline: none;}

.popBtn{height: 0.92rem;}
.popBtn a{display: block; width:1.8rem; height: 0.54rem; line-height: .54rem; font-size: .2rem; color: #fff2c0; text-align: center; overflow: hidden; cursor: pointer;}
.popBtn a.submit{background:#c3721c; border-radius: .1rem; background-size: 100% auto; margin:0 auto;}
.popBtn a.submit:hover{background: #e48219;}

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


.popMess{color: #fff2c0; font-size: 0.26rem; line-height: 0.4rem; text-align: center; padding: .4rem .3rem 0 .3rem; height: 1.3rem;}

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


.listScroll{width: 5.8rem; height: 2.2rem; margin: 0 auto; overflow: hidden; overflow-y: auto; margin-bottom: 0.1rem;}
.listScroll::-webkit-scrollbar{width:.04rem;height:.04rem;background-color:rgba(0,0,0,0);}
.listScroll::-webkit-scrollbar-track{border-radius:0;background-color:#14111d;}
.listScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#efe4ba;}  
.listScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.listScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.listScroll::-webkit-scrollbar-track-piece{margin:0;}

.listTable{padding-right: .1rem;}
.listTable table{border-collapse: collapse; width: 100%;}
.listTable table th{line-height: .3rem; text-align: center; font-size: .15rem; color: #2e1515; border: .02rem solid #6d3a28; background: #caa556;}
.listTable table td{line-height: .24rem; text-align: center; font-size: .13rem; color: #FFF; border: .02rem solid #6d3a28; background:#1d171a;}
.listTable a{text-decoration: underline; margin: 0 .1rem; cursor: pointer;}
.listTable table td.w{width: 2rem; word-wrap:break-word; word-break:break-all;}
.listTable a{color: #ffeaab;}

.lotter1{width: 5.3rem; margin: 0 auto; overflow: hidden; margin-bottom: .1rem;}
.lotter1 div.l1{height: .7rem; line-height: .7rem; font-size: .24rem; color: #d9dfef; overflow: hidden;}
.lotter1 div.l1 strong{font-size: .2rem; color: #d9dfef; float: left; font-weight: normal;}
.lotter1 div.l1 span{font-size: .36rem; color: #fff2c0; float: left;}

.lotter1 div.l2{height: .48rem;}
.lotter1 div.l2 div{width: 2.65rem; height: .4rem;}
.lotter1 div.l2 span{float: left; width: .5rem; line-height: .4rem; font-size: .16rem; color: #d9dfef;}
.lotter1 div.l2 input{float: left; width: 1.84rem; height: .38rem; border: .01rem solid #745652; background:#140b1b; color: #d9dfef; font-size: .14rem; padding: 0 .1rem;}

.lotter1 div.l3{height: 0.9rem;}
.lotter1 div.l3 span{float: left; width: .5rem; line-height: .4rem; font-size: .16rem; color: #d9dfef;}
.lotter1 div.l3 textarea{width: 4.48rem; padding: 0 .1rem; height: .9rem; float: left; font-size: .14rem; color: #d9dfef; line-height: .30rem; border: .01rem solid #745652; background:#140b1b; font-family:"Microsoft YaHei";}

.lotter1 div.l4{height: 1.5rem; font-size: .24rem; color: #d9dfef; padding-bottom: .1rem; text-align: center;}
.lotter1 div.l4 strong{font-size: .30rem; color: #d9dfef; display: block; font-weight: normal; padding-top: .2rem; padding-bottom: .3rem;}
.lotter1 div.l4 span{font-size: .40rem; color: #fff2c0; display: block;}
.lotter1 div.l5{height: .3rem; font-size: .24rem; color: #d9dfef; padding-bottom: .1rem; text-align: center;}

.getCode{display: block; width: 5rem; height: .58rem; margin: 0 auto; margin-bottom: .2rem;}
.getCode span{width: 3.6rem; height: .55rem; line-height: .55rem; text-align: center; border: .01rem solid #745652; background:#140b1b; font-size: .24rem; color: #c0dcff; float: left;}
.getCode a{float: right; width: 1.21rem; height: .57rem; cursor: pointer; overflow: hidden; text-indent: -999rem; background: url(../images/copy.png) no-repeat 0 0; background-size: 100% auto;}