@charset "utf-8";
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
area{outline:none;}
img{ border:0;}
input{ -webkit-appearance: none; outline: none; border-radius: 0;}
input::-ms-clear{display:none;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}
.box_justify{ display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; -webkit-box-pack:justify; -moz-box-pack:justify; -o-box-pack:justify; -ms-box-pack:justify; box-pack:justify;}

/*index_bg*/
.index_bg{ position: relative; width: 19.2rem; height: 11rem; margin: 0 auto; background: url(https://nq.games.laohu.com/_s/zx1909festival/index.jpg) no-repeat center top; background-size: 100% auto; }
.index_bg .nav{ position: absolute; top: 4.88rem; left: 1.91rem; }
.index_bg .nav a{ display: inline-block; width: 1.75rem; height: 4.28rem; }
.index_bg .nav a.n1{ background: url(https://nq.games.laohu.com/_s/zx1909festival/index_nav1.png) no-repeat 0 0; background-size: 100% auto; }
.index_bg .nav a.n2{ background: url(https://nq.games.laohu.com/_s/zx1909festival/index_nav2.png) no-repeat 0 0; background-size: 100% auto; }
.index_bg .nav a.n3{ background: url(https://nq.games.laohu.com/_s/zx1909festival/index_nav3.png) no-repeat 0 0; background-size: 100% auto; }
.index_bg .nav a.n4{ background: url(https://nq.games.laohu.com/_s/zx1909festival/index_nav4.png) no-repeat 0 0; background-size: 100% auto; }
.index_bg .nav a.n5{ background: url(https://nq.games.laohu.com/_s/zx1909festival/index_nav5.png) no-repeat 0 0; background-size: 100% auto; }

/*article_bg*/
.article_bg{ position: relative; width: 19.2rem; margin: 0 auto; min-height: 11rem; background: url(https://nq.games.laohu.com/_s/zx1909festival/article.jpg) no-repeat 0 0; background-size: 19.2rem 11rem; }
.article_bg .nav{ position: absolute; top: 38px; left: 30px; }
.article_bg .nav a{ display: block; width: 1.56rem; height: 1.56rem; margin-bottom: 0.05rem; }
.article_bg .nav a.n1{ background: url(https://nq.games.laohu.com/_s/zx1909festival/article_n1.png) no-repeat 0 0; background-size: 3.12rem 1.56rem; }
.article_bg .nav a.n2{ background: url(https://nq.games.laohu.com/_s/zx1909festival/article_n2.png) no-repeat 0 0; background-size: 3.12rem 1.56rem; }
.article_bg .nav a.n3{ background: url(https://nq.games.laohu.com/_s/zx1909festival/article_n3.png) no-repeat 0 0; background-size: 3.12rem 1.56rem; }
.article_bg .nav a.n4{ background: url(https://nq.games.laohu.com/_s/zx1909festival/article_n4.png) no-repeat 0 0; background-size: 3.12rem 1.56rem; }
.article_bg .nav a.n5{ background: url(https://nq.games.laohu.com/_s/zx1909festival/article_n5.png) no-repeat 0 0; background-size: 3.12rem 1.56rem; }
.article_bg .nav a.n6{ background: url(https://nq.games.laohu.com/_s/zx1909festival/article_n6.png) no-repeat 0 0; background-size: 3.12rem 1.56rem; }
.article_bg .nav a.on{ background-position: -1.56rem 0; }
.page_tit{ position: absolute; top: 0.85rem; left: 2.65rem; width: 9.66rem; height: 0.8rem; }
.page_tit.tit1{ background: url(https://nq.games.laohu.com/_s/zx1909festival/tit1.png) no-repeat 0 0; background-size: 100% auto; }
.page_tit.tit2{ background: url(https://nq.games.laohu.com/_s/zx1909festival/tit2.png) no-repeat 0 0; background-size: 100% auto; }
.page_tit.tit3{ background: url(https://nq.games.laohu.com/_s/zx1909festival/tit3.png) no-repeat 0 0; background-size: 100% auto; }
.page_tit.tit4{ background: url(https://nq.games.laohu.com/_s/zx1909festival/tit4.png) no-repeat 0 0; background-size: 100% auto; }
.page_tit.tit5{ background: url(https://nq.games.laohu.com/_s/zx1909festival/tit5.png) no-repeat 0 0; background-size: 100% auto; }
.content{ position: absolute; top: 2.06rem; left: 2.36rem; width: 14.32rem; height: 7.47rem; padding: 0.18rem; background: url(https://nq.games.laohu.com/_s/zx1909festival/content.png) no-repeat 0 0; background-size: 100% auto; }
.main{ width: 14.35rem; height: 7.47rem; overflow-x: hidden; overflow-y: auto; display: none; }
.main::-webkit-scrollbar {
  width: 0.14rem;
  height: 0.13rem;
  background-color: #7578b5;
  -webkit-border-radius: 0.07rem;
  -moz-border-radius: 0.07rem;
  border-radius: 0.07rem;
}
.main::-webkit-scrollbar-thumb {
  background-color: #f6f0ff;
  background-clip: padding-box;
  -webkit-border-radius: 0.07rem;
  -moz-border-radius: 0.07rem;
  border-radius: 0.07rem;
  min-height: 0.28rem;
}
.main img{ display: block; max-width: 14.35rem; margin: 0 auto; }
.tip{ position: absolute; bottom: 0.5rem; left: 0; width: 100%; text-align: center; font-size: 0.18rem; color: #FFF; }