/* 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));}
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_btn{display: block; overflow: hidden; 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;1}
#content{width: 9.86rem; max-width: 9.86rem; margin:0 auto; display: none; position: relative; height: 5.57rem; overflow: hidden; background: url(../images/bg.jpg) no-repeat 0 0; background-size: 100% auto;}
.btn_tab1{width: 1.25rem; height: 1.93rem; background-image: url(../images/tab1.png); left: .09rem; top: 0; z-index: 10;}
.btn_tab2{width: 1.35rem; height: 2.47rem; background-image: url(../images/tab2.png); left: 0rem; top: 1.66rem; z-index: 10;}
.tabBtns:hover,.tabBtns.on{background-position: 0 bottom;}
.btn_rule{width: .54rem; height: 2.31rem; background-image: url(../images/btn_rule.png); right: .24rem; top: 0; z-index: 10;}
.btn_lotter{width: 1.33rem; height: 1.73rem; background-image: url(../images/btn_lotter.png); right: .05rem; bottom: .15rem; z-index: 10;}
.btn_lotter p{text-align: center; font-size: .1rem; color: #fbe4b3; padding: 1.43rem 0 0 .1rem; line-height: .12rem;}

.contFiex{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none;}
.lotterCont{background: rgba(0,0,0,0.8); z-index: 100;}
.prize1{background: url(../images/tab_bg1.jpg) no-repeat 0 0; background-size: 100% auto;}
.prize2{background: url(../images/tab_bg2.jpg) no-repeat 0 0; background-size: 100% auto;}
.eventTime{width: 100%; position: absolute; left: 0; top: 1.1rem; text-align: center; font-size: .14rem; font-weight: bold; color: #FFF;}
.eventTime span{color: #fff071;}
.eventNum{width: 1rem; height: 4rem; position: absolute; left: 5.7rem; top: 1.5rem; font-size: .16rem; color: #ffffff;}
.eventNum span{color: #fff071;}
.eventbox{width: 1rem; margin-bottom: .08rem; display: flex; align-items: center;}
.eventbox.a1{height: 1.4rem;}
.eventbox.a2{height: .94rem;}

.eventCont{width: .87rem; height: 4rem; position: absolute; left: 7rem; top: 1.5rem;}
.eventli{width: .87rem; margin-bottom: .08rem; display: flex; align-items: center;}
.eventli p{padding: .04rem 0;}
.eventli.a1{height: 1.4rem;}
.eventli.a2{height: .94rem;}
.eventli a{display: block; width: .87rem; height: .27rem; background: url(../images/btn.png) no-repeat 0 -.36rem; background-size: 100% auto;}
.eventli a.on{background-position: 0 bottom; cursor: pointer;}
.eventli a.over{background-position: 0 0;}

.btnSubmit{width: 1.62rem; height: 1.8rem; left: .1rem; top: 3.74rem; text-align: center; font-size: .1rem; color: #fbe4b3; line-height: .14rem; background-image: url(../images/btn_submit.png); z-index: 100;}
.btnSubmit p{padding: 1.4rem 0 0 0; height: .22rem;}
.btnSubmit span{color: #36eaff;}
.role{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat; display: none;}
.role.r1{background-image: url(../images/r1.png);}
.role.r2{background-image: url(../images/r2.png);}
.role.r3{background-image: url(../images/r3.png);}

.divMain{width: 5.87rem; height: 1.3rem; position: absolute; left: 2.09rem; top: 4.25rem; background: url(../images/div.png) no-repeat 0 0; background-size: 100% auto; z-index: 10;}
.divLine{width: 4.22rem; height: .08rem; overflow: hidden; border-radius: .08rem; background: #99171f; position: absolute; left: 1.31rem; top: .17rem;}
.divLine span{display: block; width: 0%; height: .08rem; border-radius: .08rem; background: #fff836;}
.divIcon{display: block; width: 4.22rem; height: 1.25rem; position: absolute; left: 1.31rem; top: 0;}
.divIcon div{display: block; position: absolute; top: 0; background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat; width: 1rem; height: 1.25rem;}
.divIcon div.a1{background-image: url(../images/v1.png); left: .7rem;}
.divIcon div.a2{background-image: url(../images/v2.png); left: 1.9rem}
.divIcon div.a3{background-image: url(../images/v3.png); right: -.36rem;}
.divIcon p{padding-top: .95rem;}
.divIcon a{display: block; width: .87rem; height: .27rem; background: url(../images/btn.png) no-repeat 0 -.36rem; background-size: 100% auto; margin: 0 auto;}
.divIcon a.on{background-position: 0 bottom; cursor: pointer;}
.divIcon a.over{background-position: 0 0;}

.lotterMain{width: 6.5rem; height: 3.97rem; position: absolute; left: 1.85rem; top: .54rem;}
.btnClose,.closeBtn{width: .46rem; height: .46rem; background-image: url(../images/close.png); background-size: 100% auto; right: -.5rem; top: 0;}
.btn_lotter_list{width: 1.49rem; height: .57rem; background-image: url(../images/btn_lotter_list.png); background-size: 100% auto; left: 50%; transform: translate(-50%,0); bottom: -.65rem;}
.lotterBox{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/lotter.png) no-repeat 0 0; background-size: 100% auto;}
.lotterInt{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.lotterInt div{display: block; width: 2.12rem; height: 1.27rem; background: url(../images/on.png) no-repeat 0 -999rem; background-size: 100% auto; position: absolute;}
.lotterInt div.p1{left: 0; top: 0;}
.lotterInt div.p2{left: 2.19rem; top: 0;}
.lotterInt div.p3{right: 0; top: 0rem;}
.lotterInt div.p4{right: 0; top: 1.35rem;}
.lotterInt div.p5{right: 0; bottom: 0;}
.lotterInt div.p6{left: 2.19rem; bottom: 0;}
.lotterInt div.p7{left: 0; bottom: 0;}
.lotterInt div.p8{left: 0; top: 1.35rem;}
.lotterInt div.on{background-position: 0 0;}
.btnStart{width: 2.26rem; height: 1.43rem; background: url(../images/btn_start.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 2.12rem; top: 1.27rem; cursor: pointer; z-index: 10;}
.btnStart p{text-align: center; padding-top: .94rem; height: .2rem; line-height: .2rem; font-size: .12rem; color: #FFF;}
.btnStart p span{color: #ffd373;}

.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: 6.74rem; height: 4.46rem; background: url(../images/pop1.png) no-repeat 0 0; background-size: 100% auto;}
.pop2{width: 5.13rem; height: 3.25rem; background: url(../images/pop2.png) no-repeat 0 0; background-size: 100% auto;}

.tuIcon1{display: block; width: 1.42rem; height: 1.34rem; background: url(../images/icon1.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: -.75rem; top: -.4rem;}
.tuIcon2{display: block; width: 1.77rem; height: 1.27rem; background: url(../images/icon2.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: -.93rem; bottom: -.5rem;}

.ptTitle{width: 100%; height: .84rem; background-position: center .32rem;  background-size: auto .34rem; background-repeat: no-repeat;}
.pt1{background-image: url(../images/pt1.png);}
.pt2{background-image: url(../images/pt2.png); background-size: auto .39rem;}
.pt3{background-image: url(../images/pt3.png); background-size: auto .39rem;}
.pt4{background-image: url(../images/pt4.png); background-size: auto .37rem;}
.pt5{background-image: url(../images/pt5.png); background-size: auto .38rem;}
.pt6{background-image: url(../images/pt6.png); background-size: auto .40rem;}

.subMain{padding-top: .2rem;}
.sublist{padding-bottom: .2rem;}
.sublist select{width: 3rem; height: .4rem; display: block; margin: 0 auto; border: .01rem solid #000; background: #FFF; outline: none;}

.ruleCont{width: 5.8rem; height: 2.8rem; margin: 0 auto; margin-bottom: .1rem; overflow: hidden; overflow-y: auto; font-size: .14rem; color: #38393b; line-height: .26rem;}

.btnBox{display: flex; justify-content: center;}
.btn_enter{background-image: url(../images/btn_enter.png); display: block; width: 1.37rem; height: 0.55rem; cursor: pointer; margin: 0 .1rem; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0;}
.btn_cancel{background-image: url(../images/btn_cancel.png); display: block; width: 1.37rem; height: 0.55rem; cursor: pointer; margin: 0 .1rem; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0;}
.btn_submit{background-image: url(../images/btn_submit.png); display: block; width: 1.37rem; height: 0.55rem; cursor: pointer; margin: 0 .1rem; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0;}

.popTitle{text-align: center; height: 1.2rem; display: flex; justify-content: center; align-items: center; font-size: .36rem; color: #283647; font-weight: bold;}
.msg{color: #38393b; font-size: .3rem; height: 1.4rem; margin-bottom: .2rem; display: flex; justify-content: center; align-items: center; font-weight: bold; text-align: center;}
.msg div{padding: 0 .4rem;}
.msg span{color: #2871a2;}

.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: 1rem;}
.listTop span.a2{width: 1.7rem;}
.listTop span.a3{width: 2.4rem;}
.listTop span.a4{width: 1rem;}
.listView{width: 6.2rem; height: 2.4rem; overflow: hidden; overflow-y: auto;}
.listli{width: 6.1rem; height: .3rem; line-height: .3rem; text-align: center; font-size: .12rem; color: #2a220e;}
.listli span{float: left; height: .3rem; display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.listli span.a1{width: 1rem;}
.listli span.a2{width: 1.7rem;}
.listli span.a3{width: 2.4rem;}
.listli span.a4{width: 1rem;}
.listli span.c1{color: #800c16;}
.listli a{color: #3d54ff; cursor: pointer; text-decoration: underline;}

.lotImg{color: #38393b; font-size: .3rem; height: 1rem; margin-bottom: .2rem; display: flex; justify-content: center; align-items: center; font-weight: bold; text-align: center;}
.lotImg2{color: #38393b; font-size: .3rem; padding-bottom: .2rem; font-weight: bold; text-align: center;}
.lotTips{text-align: center; font-size: .14rem; padding-bottom: .2rem;}

.lotItem{width: 3.7rem; margin: 0 auto;}
.itemli{height: .36rem;}
.itemli2{height: 1.2rem;}
.itemli span{float: left; font-size: .14rem; font-weight: bold; color: #8f2120; height: .28rem; line-height: .28rem;}
.itemli input{width: 3rem; padding: 0 .1rem; height: .26rem; border: .01rem solid #8f2120; background: #FFF; font-size: .13rem; color: #000; float: right;}
.itemli select{width: 3.22rem; height: .26rem; border: .01rem solid #8f2120; background: #FFF; font-size: .13rem; color: #000; float: right; text-indent: .1rem;}
.itemli textarea{width: 3rem; padding: .05rem .1rem; height: 1rem; border: .01rem solid #8f2120; background: #FFF; font-size: .13rem; color: #000; float: right; font-family:"Microsoft YaHei";}

.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:#a63130;}/*面*/
.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;}