/* reset */
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0}
a,img,input {border:none;}
body{font: 0.24rem -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a {text-decoration:none;color: inherit;}
ul,li{list-style: none}
a, img {-webkit-touch-callout: none;}
html, body {-webkit-user-select: none;user-select: none;}
/* header */
.head{position: fixed;z-index: 99;width: 100%;height: 1.1rem;text-align: right;background: rgba(19, 17, 44, 0.8);font-size: 0;}
.nav-items-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;align-items: center;-ms-flex-align: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;height: 100%;padding: 0 0.3rem 0 0.1rem;}
.nav-items{margin-left: 0.2rem;}
.nav-items a{display: block;height: 100%;}
.nav-logo a{width: 0.7rem;}
#hamburger{position: relative;width: 0.4rem;height: 0.4rem;}
.hamburger-line{position: absolute;top: 50%;left: 0;width: 100%;height: .04rem;margin-top: -0.02rem;-webkit-transition: background 0s 0.2s;transition: background 0s 0.2s;background: #fff;}
.hamburger-line::before,
.hamburger-line::after {position: absolute;left: 0;width: 100%;height: 0.04rem;content: "";-webkit-transition-delay: 0.2s, 0s;transition-delay: 0.2s, 0s;-webkit-transition-duration: 0.2s, 0.2s;transition-duration: 0.2s, 0.2s;background-color: #fff;}
.hamburger-line::before {top: -0.14rem;   -webkit-transition-property: top, -webkit-transform;transition-property: top, transform;}
.hamburger-line::after {bottom:-0.14rem;-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;}
.head-open .hamburger-line{background: none;}
.head-open .hamburger-line::before {top: 0;-webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.head-open .hamburger-line::after {bottom: 0;-webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}
.head-open .hamburger-line::before,
.head-open .hamburger-line::after {-webkit-transition-delay: 0s, 0.2s;  transition-delay: 0s, 0.2s;}
.nav-bbs{width: 1.2rem;height: 0.48rem;background: url(//game.gtimg.cn/images/xiawa/m/m201812/header/ico-bbs.png) no-repeat top /100%;}
.nav-order{position: relative;width: 1.3rem;height: 0.4rem;background: #5236ff;background: url(//game.gtimg.cn/images/xiawa/m/m201812/header/nav-order.png) no-repeat top /100%;}
.nav-logo{-webkit-box-flex: 2;-ms-flex-positive: 2;flex-grow: 2;height: 0.7rem;}
.nav-logo img{display: block;width: auto;height: 100%;}
.nav-list-box{width: 4.4rem;margin-left: 100%;padding-bottom: 0.4rem;transition: 0.4s ease;background: rgba(19, 17, 44, 0.8) url(//game.gtimg.cn/images/xiawa/m/m201812/header/nav-bg.png) no-repeat center top / 1.2rem auto;background-position-y: 0.4rem;}
.head-open .nav-list-box{margin-left: calc(100% - 4.4rem);}
.nav-list{position: relative;width: 90%;height: 1.05rem;margin: 0 auto;}
.nav-list a{display: block;height: 100%;}
.nav-list .slide-nav{display: none; width: 3.58rem;height: 2.21rem;background: url(//game.gtimg.cn/images/xiawa/m/m201812/header/slide-nav.png)no-repeat center top/100% 100%;position: absolute;left: -3.78rem;top: 0;z-index: 0;}
.nav-list .slide-nav.cur{display: block;}
.nav-list .slide-nav li{width: 100%;height: .54rem;}
.nav-list-bbs{background: url(//game.gtimg.cn/images/xiawa/m/m201812/header/nav-btn-bbs.png) no-repeat center / 100%;}
.nav-list-order{background: url(//game.gtimg.cn/images/xiawa/m/m201812/header/nav-btn-order.png) no-repeat center / 100%;}

/* #t6Hl8#25EF2A4F85D283AD90F78EC8051A9C88 */