@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration: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;}
textarea{overflow:auto;}
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_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

.wrap{ width: 19.2rem; height: 52.8rem; background: url(https://nq.games.laohu.com/_s/zx1909national/bg.jpg) no-repeat center top; background-size: 100% auto; }
.logo{ position: absolute; top: 0.29rem; left: 0.36rem; }
.info{ position: absolute; top: 11.05rem; left: 0; display: table; width: 19.2rem; height: 4.56rem; background: url(https://nq.games.laohu.com/_s/zx1909national/info.png) no-repeat 0 0; background-size: 100% auto; }
.info div{ display: table-cell; vertical-align: middle; text-align: center; line-height: 0.48rem; font-size: 0.3rem; color: #533223; }
.info div span{ color: #ae1717; }
.state_num{ position: absolute; top: 15.7rem; left: 0; width: 100%; }
.state_num .icon{ position: absolute; top: 0; width: 4.82rem; }
.state_num .icon p{ width: 3.23rem; height: 4.71rem; margin: 0 auto; }
.state_num .icon.icon36576{ left: 1.58rem; }
.state_num .icon.icon36576 p{ background: url(https://nq.games.laohu.com/_s/zx1909national/w1.png) no-repeat 0 0; background-size: 200% auto; }
.state_num .icon.icon36577{ left: 7.18rem; }
.state_num .icon.icon36577 p{ background: url(https://nq.games.laohu.com/_s/zx1909national/w5.png) no-repeat 0 0; background-size: 200% auto; }
.state_num .icon.icon36578{ left: 12.78rem; }
.state_num .icon.icon36578 p{ background: url(https://nq.games.laohu.com/_s/zx1909national/w10.png) no-repeat 0 0; background-size: 200% auto; }
.state_num .icon.ok p{ background-position: -3.23rem 0; }
.state_num .icon a{ display: block; margin: 1.55rem auto 0 auto; width: 3.46rem; height: 1.28rem; background: url(https://nq.games.laohu.com/_s/zx1909national/state_a.png) no-repeat 0 0; background-size: 3.46rem 3.84rem; cursor: default; }
.state_num .icon.on a{ background-position: 0 -2.56rem; }
.state_num .icon.ok a{ background-position: 0 -1.28rem; cursor: pointer; }
.progress{ position: absolute; top: 4.68rem; left: 1.5rem; width: 16.31rem; height: 1.68rem; background: url(https://nq.games.laohu.com/_s/zx1909national/progress.png) no-repeat 0 0; background-size: 100% auto; }
.bar{ position: absolute; top: 0; left: 0; height: 1.68rem; background: url(https://nq.games.laohu.com/_s/zx1909national/bar.png) no-repeat 0 0; background-size: 16.31rem 1.68rem; }
.bar.b1{ width: 1.30rem; }
.bar.b2{ width: 3rem; }
.bar.b3{ width: 5.45rem; }
.bar.b4{ width: 8.62rem; }
.bar.b5{ width: 11.2rem; }
.bar.b6{ width: 14.22rem; }
.bar.b7{ width: 16.31rem; }
.msg_list{ position: absolute; top: 24.46rem; left: 0; width: 19.2rem; height: 8.85rem; }
.content{ position: absolute; top: 0; left: 0; width: 19.2rem; height: 8.85rem; overflow: hidden; }
.content div{ position: absolute; top: 0; left: 0; white-space:nowrap; font-weight: bold; font-size: 0.32rem; color:#48403f;}
.layer{ position: absolute; top: 0; left: 0; width: 19.2rem; height: 8.85rem; background: url(https://nq.games.laohu.com/_s/zx1909national/msg_list.png) no-repeat 0 0; background-size: 100% auto; }
.role{ position: absolute; top: -0.2rem; right: 0; width: 11.36rem; height: 9.24rem; }
.lantern{ position: absolute; top: -0.46rem; left: 0.26rem; width: 4.47rem; height: 7.53rem; }
.lure{ position: absolute; top: 5.5rem; right: 1.7rem; width: 3.72rem; height: 3.38rem; background: url(https://nq.games.laohu.com/_s/zx1909national/lure.png) no-repeat 0 0; background-size: 100% auto; }
.lure img{ position: absolute; top: 1rem; left: 1.14rem; width: 1.29rem; height: 1.29rem; }
.send_msg{ position: absolute; top: 34.08rem; left: 1.09rem; width: 17.08rem; height: 1.98rem; border-radius: 0.99rem; background-color: #7d0a0a; }
textarea{ position: absolute; top: 0; left: 0; padding: 0.4rem 0.95rem; width: 7.9rem; height: 1.18rem; border: none; border-radius: 0.99rem; line-height: 0.48rem; background: none; font-size: 0.36rem; color: #FFF; }
textarea::-webkit-input-placeholder{ color: #FFF; }
.text_num{ position: absolute; bottom: 0.11rem; right: 5.89rem; width: 1.3rem; height: 0.54rem; line-height: 0.54rem; text-align: center; border-radius: 0.27rem; background-color: #4a1c1c; font-size: 0.36rem; color: #f0d8bf; }
.send_btn{ position: absolute; top: 0; right: 0; width: 5.9rem; height: 1.98rem; background: url(https://nq.games.laohu.com/_s/zx1909national/send_btn.png) no-repeat 0 0; background-size: 100% auto; }
.send_tip{ position: absolute; top: 36.54rem; left: 0; width: 100%; text-align: center; line-height: 0.48rem; font-size: 0.3rem; color: #7d0a0a; }
.send_tip span{ color: #f0d8bf; }
.rule{ position: absolute; top: 41.44rem; left: 0; width: 15.8rem; padding: 0 1.7rem; line-height: 0.48rem; font-size: 0.3rem; color: #533223; }
.rule .col{ color: #ae1717; }
.prompt_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 9; }
.prompt{ position: fixed; top: 50%; left: 50%; margin: -4.05rem 0 0 -7rem; width: 14rem; height: 8.1rem; text-align: center; background: url(https://nq.games.laohu.com/_s/zx1909national/prompt.png) no-repeat 0 0; background-size: 100% auto; z-index: 10; display: none; }
.prompt .text{ padding: 1.7rem 0 1.1rem 0; line-height: 1.1rem; font-size: 0.7rem; color: #FFF; }
.prompt .text span{ color: #ffdb4a; }
.prompt .btn a{ display: inline-block; width: 4.43rem; height: 1.48rem; margin: 0 0.25rem; }
.prompt .btn a.cancel{ background: url(https://nq.games.laohu.com/_s/zx1909national/cancel.png) no-repeat 0 0; background-size: 100% auto; }
.prompt .btn a.confirm{ background: url(https://nq.games.laohu.com/_s/zx1909national/confirm.png) no-repeat 0 0; background-size: 100% auto; }