/* 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}
h1.wm-public{height:0rem; line-height:0rem; font-size:0rem;}
a{text-decoration:none;}
a{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: -999rem; cursor: pointer; position: absolute; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0;}

.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;}
body{background:#000; font-size:.12rem; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53; overflow: hidden;}
html{overflow: hidden;}
#content{width: 9.8rem; max-width: 9.8rem; margin:0 auto; display: none; position: relative; height: 5.55rem; overflow: hidden; background: url(../images/bg.jpg) no-repeat 0 0; background-size: 100% auto;}
.time{width: 4.98rem; height: .25rem; line-height: .25rem; text-align: center; position: absolute; left: 3.51rem; top: 1.19rem; font-size: .14rem; color: #ffda77;}
.time span{color: #FFF;}
.brn_rule{width: .82rem; height: 1.46rem; background-image: url(../images/brn_rule.png); right: 0; top: .12rem;}
.btn_list{width: 1.45rem; height: .32rem; background-image: url(../images/btn_list.png); left: 5.28rem; bottom: .12rem;}
.lotterCont{width: 7.21rem; height: 3.56rem; background: url(../images/lotter.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 2.40rem; top: 1.52rem;}
.lotterStartShow{width: 1.38rem; height: 1.64rem; position: absolute; left: 2.92rem; top: .96rem; cursor: pointer;}
.lotterStartShow div{display: block; width: 1.1rem; height: .24rem; line-height: .23rem; text-align: center; font-size: .13rem; color: #ffda77; background: #471111; border-radius: .1rem; position: absolute; left: 50%; margin-left: -.55rem; bottom: .14rem;}
.lotterStartShow div span{color: #ff0;}


.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 99999; 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: 4.58rem; height: 5rem; background: url(../images/pop1.png) no-repeat 0 0; background-size: 100% auto;}
.pop2{width: 5rem; height: 5rem; background: url(../images/pop2.png) no-repeat center 0; background-size: 4.56rem auto;}
.pop3{width: 6.74rem; height: 4.46rem; background: url(../images/pop3.png) no-repeat 0 0; background-size: 100% auto;}
.pop4{width: 5.13rem; height: 3.25rem; background: url(../images/pop4.png) no-repeat 0 0; background-size: 100% auto;}
.btnClose{width: .46rem; height: .46rem; background-image: url(../images/close.png); right: -.56rem; top: 0;}
#subShow{background: #000;}
.boxTop{height: 3.6rem;}
.lotterTop{height: 3.65rem; padding-top: .7rem; position: relative; margin-bottom: .1rem;}
.lotterImg img{display: block; margin: 0 auto; width: 4.9rem;}
.lotterText{text-align: center; font-size: .24rem; color: #FFF; width: 100%; position: absolute; left: 0; bottom: 0;}

.ptTitle{height: .8rem;}
.pt1{background: url(../images/pt1.png) no-repeat center .3rem; background-size: 1.38rem auto;}
.pt2{background: url(../images/pt2.png) no-repeat center .6rem; background-size: 1.29rem auto; height: 1.5rem;}
.pt3{background: url(../images/pt3.png) no-repeat center .3rem; background-size: 1.35rem auto;}
.pt4{background: url(../images/pt4.png) no-repeat center .3rem; background-size: 1.42rem auto;}
.pt5{background: url(../images/pt5.png) no-repeat center .3rem; background-size: 1.38rem auto;}

.ruleCont{width: 6.2rem; height: 2.7rem; overflow: hidden; overflow-y: auto; margin: 0 auto; margin-bottom: .15rem; font-size: 0.14rem; color: #38393b; line-height: .3rem;}
.ruleCont p{margin-bottom: .1rem;}
.ruleCont span{color: #a13332;}
.ruleMain{padding: 0 20px;}

.btnBox{display: flex; justify-content: center;}
.btnBox a{display: block; cursor: pointer; margin: 0 .2rem; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; width: 2.26rem; height: .56rem;}
.btnBox a.btn_start{background-image: url(../images/btn_start.png);}
.btnBox a.btn_enter{background-image: url(../images/btn_enter.png);}
.btnBox a.btn_enter2{background-image: url(../images/btn_enter2.png); width: 1.49rem; height: .57rem;}

.msg{color: #283647; font-size: .3rem; height: 1.4rem; margin-bottom: .3rem; padding: 0 .6rem; display: flex; justify-content: center; align-items: center; font-weight: bold; text-align: center;}
.msg span{color: #2871a2;}

.listData{width: 6.6rem;}
.listData div.li{height: .32rem;}
.listData div.li:nth-child(odd){background: #9eb5c6;}
.listData div.li span{float: left; height: .32rem; display: flex; justify-content: center; align-items: center; font-size: .14rem; color: #243042;}
.listData div.li span.a1{width: 0.5rem;}
.listData div.li span.a2{width: 0.9rem;}
.listData div.li span.a3{width: 4.5rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.listData div.li span.a4{width: 0.7rem;}
.listData div.li span.a3 a{padding: 0 0.05rem;}
.listData div.li span.a3 a:last-child{display: none;}
.mylist{border-top: 0.01rem dotted #aebac3; width: 6.72rem; padding-top: 0.1rem;}
.mylist a{float: left; width: 1.2rem; height: .28rem; background: #9eb5c6; border: 0.01rem solid #9eb5c6; font-size: .16rem; color: #a13332; display: flex; justify-content: center; align-items: center;}
.mylist span{float: left; width: .6rem; height: .28rem; background: #d9dadb; border: 0.01rem solid #9eb5c6; font-size: .16rem; color: #a13332; display: flex; justify-content: center; align-items: center;}
.mylistTips{position: absolute; left: 2rem; bottom: .0rem; font-size: .14rem;}

.subMain{height: 1.5rem; padding-top: .2rem;}
.sublist{height: .7rem;}
.sublist select{display: block; width: 4rem; height: 0.5rem; font-size: .2rem; margin: 0 auto; cursor: pointer; background: #FFF; border: 0.01rem solid #000; border-radius: 0.06rem; outline: none;}

.loginBox{position: absolute; left: 3.7rem; top: 0.05rem; font-size: .14rem; color: #000;}
.loginBox a{color: #f00;}

.lotItem{width: 3.4rem; margin: 0 auto;}
.itemli{height: .42rem;}
.itemli2{height: .78rem;}
.itemli span{float: left; width: .5rem; height: .28rem; line-height: .28rem; font-size: .14rem; color: #0b481e; font-weight: bold;}
.itemli input{float: right; padding: 0 .1rem; height: .26rem; border: .01rem solid #993837; font-size: .14rem; color: #000; background: #FFF; width: 2.6rem;}
.itemli textarea{float: right; padding:.05rem .1rem; font-family:"Microsoft YaHei"; height: .6rem; border: .01rem solid #993837; font-size: .14rem; color: #000; background: #FFF; width: 2.6rem;}

.listTab{width: 6.2rem; height: 2.9rem; margin: 0 auto;}
.listTop{width: 6.1rem; height: .3rem; line-height: .3rem; text-align: center; font-size: .13rem; color: #462c07; font-weight: bold; border-bottom: .02rem solid #b4aea5; margin-bottom: .06rem;}
.listTop span{float: left; height: .3rem;}
.listTop span.a1{width: 1.2rem;}
.listTop span.a2{width: 1.7rem;}
.listTop span.a3{width: 2.2rem;}
.listTop span.a4{width: 1rem;}
.listView{width: 6.2rem; height: 2.4rem; overflow: hidden; overflow-y: auto;}
.listli{width: 6.1rem; height: .7rem; line-height: .18rem; text-align: center; font-size: .12rem; color: #2a220e;}
.listli span{float: left; height: 100%; display: flex; justify-content: center; align-items: center;}
.listli span.a1{width: 1.2rem;}
.listli span.a2{width: 1.5rem; padding: 0 .1rem;}
.listli span.a3{width: 2rem; padding: 0 .1rem;}
.listli span.a4{width: 1rem;}
.listli span.c1{color: #800c16;}
.listli a{color: #3d54ff; cursor: pointer; text-decoration: underline;}

.scrollStyle::-webkit-scrollbar{width:.05rem;height:.05rem;background-color:rgba(0,0,0,0);}
.scrollStyle::-webkit-scrollbar-track{border-radius:0;background-color:#cfb597;}/*底*/
.scrollStyle::-webkit-scrollbar-thumb{border-radius:0;background-color:#178463;}/*面*/
.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;}