body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,
details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a,img,input,button,label{outline: none;}
a{-webkit-tap-highlight-color: transparent;color: inherit;text-decoration: none;}
body{font-family:Tahoma,Arial,"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",sans-serif;-webkit-text-size-adjust:none;font-size: .24rem;background: #2d3132;}
.fl{float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: block;  clear: both;  }

.spr {background: url(//game.gtimg.cn/images/hongjing/m/m201803/spr.png) no-repeat 0rem 0rem/6.02rem 7.68rem;}
a.btn {display:block;position:relative;text-indent: -99rem;}
a.btn i {display: block;position:absolute;left:0;top:0;animation: beat 2s infinite ease;}
@keyframes beat {
  0% { opacity: 0.2; }
  50%  { opacity:   1; }
  100%   { opacity: 0.2; }
}

/* top */
.top{
    height: 1.22rem;
    background: #212225;
    box-sizing: border-box;
    padding: .15rem .2rem 0 .2rem;
    border-bottom: 1px solid #d91715;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
}
.top .logo-box{
    position: relative;
    box-sizing: border-box;
    display: block;
    padding-left: 1.1rem;
    padding-top: .06rem;
    width: 4rem;
    height: .9rem;
    font-size: .38rem;
    font-weight: bold;
    color: #d91616;
}
.top .logo-box h1 {font-weight: bold;}
.top .logo-box img{
    position: absolute;
    width: .92rem;
    height: auto;
    left: 0;
    top: 0;
}
.top .logo-box .top-slogan{
    display: block;
    font-size: .22rem;
    font-weight:normal;
    line-height: 1.4;
    margin-top: .03rem;
    color: #fff;
}
.top .do-book{
    width: 2.14rem;
    height: .82rem;
    line-height: .8rem;
    text-align: center;
    background: #f9a31c;
    font-weight: bold;
    font-size: .32rem;
    color: #fff;
}
.top-button {position: absolute;right: .2rem;top: .25rem;}
.top_btn {float: right;display: block;width:2.21rem;height:.74rem;background-position:-.05rem -1.11rem;}
.top_btn i {width:2.21rem;height:.74rem;background-position:-.05rem -1.9rem;}

/* main */
.main{margin-top: 1.22rem;}
.main section{position: relative;width: 100%;background: no-repeat center top/100% auto;overflow: hidden;}
.main h3 {width: 1.96rem;height: .98rem;margin: 0.38rem auto 0;text-indent: -99rem;}

/* qrcode */
.qrcode-box {margin:.3rem auto 0;font-size: 0;}
.qrcode a {display: inline-block;width: 1.46rem;color: #fff;margin:0 .19rem;text-align:center;font-size: 0.22rem;}
.qrcode span {display:inline-block;width: 1.46rem;height: 1.46rem;margin-bottom:.2rem;}
.qrcode-wx span {background-position: -3.01rem -3.97rem;}
.qrcode-dj span {background-position: -4.51rem -3.97rem;}
.qrcode-bl span {background-position: -3.01rem -5.47rem;}
.qrcode-yxq span {background-position: -4.51rem -5.47rem;}

/* footicon */
.main .footicon {height: 1rem;background-color:#000;margin-top: -.02rem;box-sizing: border-box;padding: .3rem .25rem 0;overflow: hidden;}
.footicon a {display: inline-block;text-indent: -9999rem;margin: 0 .28rem;}
.footicon-tx {width: 2.42rem;height: .43rem;background: url(//game.gtimg.cn/images/hongjing/m/m201803/footicon_tx.png) no-repeat center 0 /cover;}
.footicon-ea {width: .86rem;height: .41rem;background: url(//game.gtimg.cn/images/hongjing/m/m201803/footicon_ea.png) no-repeat center 0 /cover;}
.footicon-ya {width: 1.62rem;height: .52rem;background: url(//game.gtimg.cn/images/hongjing/m/m201803/footicon_ya.png) no-repeat center 0 /cover;}


/* footer */
.foot{font-size: 0.22rem;text-align: center;padding: 0.20rem 0;background: #000;color: #fff;}
.foot a{color: #fff;text-decoration: none;}



/* ¶þάÂ뵯´° */
.qrcode-pop {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .8);
  z-index: 9999;
}
.qrcode-pop img {
  width:3.23rem;height:3.23rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.61rem;
  z-index: 10000;
}


/* µÇ¼´°¿Ú */
    .hongjing-pop-spr {background: url(//game.gtimg.cn/images/hongjing/m/m201803/hongjing_pop_spr.png);background-size: 7.51rem 12.48rem;}
    .mod-pop {display:none;position: fixed;left:50%;top:50%;right: 0;bottom: 0; z-index: 1001;width: 5.38rem;height: 3.27rem;background-position: 0 0;}
    .mod-pop-liwu {display:none;width: 5.38rem;height: 5.50rem;background-position: 0 -6.78rem}
    
    .close {display:block;width:.3rem;height:.3rem;float: right;padding: .2rem;
    background-position: -5.4rem -3.9rem;text-indent: -9999px;}
    .mod-txt {text-align: center;font-size: 0.28rem;color: #fff;line-height: 1.4;}
    .lp-txt {padding-top: 0.64rem;line-height: 1.4;}
    .bp-txt {padding-top: 1.35rem;line-height: 1.4;}
    .liwu-txt {padding-top: 0.05rem;}
    .liwu-txt1 {padding-top: 0.08rem;font-size: 0.20rem;}
    .liwu-img {width: 100%;height: 1.11rem;margin-top: 0.17rem;text-align: center;overflow:hidden;}
    .liwu-img div {display: inline-block;overflow:hidden;margin: 0 0.06rem; vertical-align:middle; color: #fff;   line-height: 0.17rem; font-size:0.15rem;width: 1.08rem;height: 1.08rem;overflow: hidden;}
    .liwu-img div span {width: 0.70rem;height: 0.68rem;display:block;margin:0 auto;}
    .liwu-img1 span{background-position: -5.77rem -4.76rem;}
    .liwu-img2 span{background-position: -5.77rem -5.48rem;}
    .liwu-img3 span{background-position: -5.77rem -6.16rem;}
    .liwu-img4 span{background-position: -5.77rem -6.87rem;}
    
    .pop-login{background-position: 0 -3.43rem;}
    .mod-btn {width: 4.18rem;margin: 0 auto;text-align: center;}
    .mod-btn a {color: #c34a2d;width: 1.44rem;height: 1.84rem;display: inline-block;margin-top: .50rem;font-size: .24rem;}
    .mod-btn .mod-wx {margin-right: 1rem;}
    .mod-btn span {display:inline-block;width: 1.44rem;height: 1.44rem;margin-bottom:.15rem;}
    .mod-btn .mod-wx span {background-position: -5.51rem 0.03rem;}
    .mod-btn .mod-qq span {background-position: -5.57rem -1.42rem;}
    a.mod-wx {color: #21c50e;}
    a.mod-qq {color: #2d80ff;margin-right: -.2rem;}
    
    .pop-login-p {
        text-align: center;
        font-size: 0.26rem;
        margin-top: 0.2rem;
        color: #fff;
        line-height: 1.2;}
    
    .mod-confirm {line-height: 0.55rem;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 1.83rem;
    height: .54rem;
    font-size: .26rem;
    color: #fff;
    background-position: -5.52rem -9.06rem;
    float: none;
    margin-top: .85rem;
    text-indent: 0;}
    .mod-close {
      display: block;
    float: right;
    margin: .14rem .05rem;
    width: .4rem;
    height: .4rem;
    background-position: -5.60rem -4.02rem;
    cursor: pointer;
    text-indent: -999rem;}

/* µ¯´° */
.font-shadow {text-shadow: 0 0 15px #f00;}
.showdia {
  z-index: 10000;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -2.7rem;
  margin-top: -1.65rem;
}
.dia {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .6;
  filter: alpha(opacity: 60);
  z-index: 9999;
  display: none;
}
.mod-pop-liwu {margin-top: -2.77rem;}