/* reset */

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,
strong,
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: '';
  display: block;
  height: 0;
  clear: both;
}

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 {text-decoration: none;-webkit-tap-highlight-color: transparent}
a:hover {text-decoration: none;}
/* common */

html {
  font-size: 100px;
}

body {
  font-size: .24rem;
  padding-top: 1.2rem;
 
}
.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hide {text-indent: -9999rem;font-size: 0}
/*  header */
.common-header{position:fixed;width:100%;height:1.2rem;background:#212025;z-index:19;top:0;left:0;box-sizing:border-box;padding: 0 .2rem 0 .15rem;}
.cover-content {display: flex;justify-content: space-between;align-items: center;height: 100%;}
.web-logo {padding-left: 1.18rem;position: relative;height: 100%;}
.web-logo a{position: absolute;top: 50%;left: 0;;width:1.04rem;height:1.04rem;transform: translateY(-50%)}
.web-logo img {width: 1.04rem;height: 1.04rem;}
.web-logo strong {margin-top: .16rem;font-size: .38rem;color: #d91616;display: block;line-height: .5rem;font-weight: bold;}
.web-logo em {font-size: .22rem;color: #fff}
.btn-download{box-sizing:border-box;width:2.04rem;height:.69rem;
  background: url(//game.gtimg.cn/images/hongjing/m/m201809/index-spr.png) no-repeat -.05rem -4.2rem/11.42rem 6.12rem;
  text-indent: -9999rem;
  margin-left: .5rem;
}
.btn_nav_slide{position: relative;margin-left: .3rem;width:.9rem;height:100%;}
.draw,.draw:before,.draw:after{width:.53rem;height:.05rem;background:#fff;position:absolute;-webkit-transition:all .5s;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}
.draw{left:50%;top:50%;-webkit-transform:translate(-50%, -50%)}
.draw:before{content:"";top:-.17rem}
.draw:after{content:"";top:.17rem}
.G_close .draw{background:transparent}
.G_close .draw:before{top:0;-webkit-transform:rotate(45deg);background:#fff}
.G_close .draw:after{top:0;-webkit-transform:rotate(-45deg);background:#fff}
.common_nav{width:0;height:0;position: fixed;right:0;top:1rem;z-index:9999;opacity:0;-webkit-transition:all .5s;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}.common_nav ul{width:100%;overflow:hidden;text-align:center}
.common_nav .cover_content {position: relative;z-index: 2;}
.common_nav li{display:block;width:100%;position:relative;font-size: .28rem;width: 5.82rem;margin: 0 auto;}
/* .common_nav li:first-child {margin-top: .3rem} */
.common_nav a{color:#d2d9ec;display:block;text-decoration:none;height: 1.05rem;box-sizing: border-box;line-height: 1.04rem;border-bottom: 1px solid #262b38}
.G_open{width:100%;height: 100%;top:1.2rem;opacity:1;-webkit-transform:scale3d(1,1,1)}
.common_nav:after {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #131826;}
/* qrcode */
.qrcode {
  justify-content: center;
  background: #0b0b0b;
  padding: .2rem 0 .5rem;
}
.qrcode li {width: 1.2rem;margin: 0 .28rem;}
.qrcode li a {display: block;width: 100%;}
.qrcode li strong {
  position: relative;
  display: block;
  width: 1.2rem;
  height: 1.17rem;
  background: url(//game.gtimg.cn/images/hongjing/m/m201809/code.png) no-repeat -.05rem -.05rem/2.93rem 1.94rem;
  text-indent: -9999rem;
}
.qrcode li strong:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(//game.gtimg.cn/images/hongjing/m/m201809/code.png) no-repeat 0 0/2.93rem 1.94rem;
}
.qrcode li:first-child strong:before {
  width: .72rem;
  height: .57rem;
  background-position: -.05rem -1.32rem;
}
.qrcode li:nth-child(2) strong:before {
  width: .58rem;
  height: .59rem;
  background-position: -2.3rem -.05rem;
}
.qrcode li:nth-child(3) strong:before {
  width: .58rem;
  height: .49rem;
  background-position: -2.3rem -.74rem;
}
.qrcode li:nth-child(4) strong:before {
  width: .85rem;
  height: .81rem;
  background-position: -1.35rem -.05rem;
}
.qrcode li span {
  display: block;
  font-size: .22rem;
  color: #5c5c5c;
  text-align: center;
  line-height: .3rem;
  margin-top: .07rem;
}
/* footicon */
.footicon {height: 1rem;background-color:#0b0b0b;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: .47rem;background: url(//game.gtimg.cn/images/hongjing/m/m201809/footicon_tx.png) no-repeat center 0 /cover;}
.footicon-ea {width: .86rem;height: .42rem;background: url(//game.gtimg.cn/images/hongjing/m/m201809/kv-ea.png) no-repeat center 0 /cover;}
.footicon-ya {width: 1.62rem;height: .52rem;background: url(//game.gtimg.cn/images/hongjing/m/m201809/footicon_ya.png) no-repeat center 0 /cover;}
/* shade */
.shade {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: none;
}
.shade-cover {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
}
.code-shade {
  width: 100%;
  height: 100%;
  z-index: 21;
}
.code-shade img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3.24rem;
  height: 3.24rem;
}
/*  footer */
.foot {padding: .4rem 0;background: #0b0b0b;margin-top: -1px;}
.foot p {
  text-align: center;
  line-height: 1.75;
  color: #999999;
  font-size: .24rem;
}
.foot p a {color: inherit}