/*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:''}
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-line: none;}
html,body{font-size: .24rem}
body{padding: .93rem 0 .92rem;}

/*conmon*/
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }/*现代浏览�?*/
.clearfix { *zoom:1; } /*IE浏览�?*/
.fl{float: left;}
.fr{float: right;}

/*头部*/
.m-topbar {
    width: 100%;
    height: .96rem;
    overflow: hidden;
    background: #000000;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 999;
}
.m-topbar .u-logo {
    display: inline-block;
    width: .82rem;
    height: .82rem;
    margin-left: .2rem;
}
.m-topbar .u-logo>img {
    width: 100%;
    height: 100%;
}
.m-topbar .m-topbar-p {
    width: auto;
    height: auto;
    overflow: hidden;
    flex: 1;
    margin-left: .1rem;
}
.m-topbar .m-topbar-p span {
    display: block;
    line-height: 1.4;
}
.m-topbar .m-topbar-p span:first-child {
    font-size: .32rem;
    color: #ffffff;
}
.m-topbar .m-topbar-p span:last-child {
    font-size: .22rem;
    color: #7e7e7e;
}
.m-topbar .btn-order {
    width: 2rem;
    height: .7rem;
    color: #ffffff;
    font-size: .26rem;
    display: flex;
    margin-right: .10rem;
    align-items: center;
    justify-content: center;
}
.m-topbar .btn-order img{
    display: block;
    width: 100%;
    height: auto;
}

/*login*/
.login-box{
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    color: #ffffff;
    z-index: 102;
}
.login-box a{
    font-weight: bold;
    color: #ae0622;
}

/*底部导航*/
.index-nav{
    background: url("//game.gtimg.cn/images/zqnba/m/m201710/index-nav.jpg") no-repeat;
    background-size: 100%;
    background-color: #161729;
    width: 100%;
    height: .93rem;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 101;
}
.index-nav ul{
    width: 100%;
    height: 100%;
}
.index-nav ul li{
    display: block;
    width: 25%;
    height: 100%;
}
.index-nav ul li a{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

/*弹窗部分*/
/*登录弹窗*/
.login-show{position: relative;width: 5.29rem;height: 2.53rem;text-align: center;background: url("//game.gtimg.cn/images/zqnba/m/m201710/login.png") no-repeat 0 0;background-size: 5.29rem 2.53rem;display: none;}
.btn-login-wx,.btn-login-qq{display: inline-block;margin: 1.4rem 0.08rem 0;width: 2rem;height: 0.5rem;text-indent: -9999rem}
.dia-close {
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -999rem;
    overflow: hidden;
}  
.more-tips-dom{ display: block;width: 100%;text-align: center;color: #bbb;padding: 20px 0;}
.more-tips-box{width: 100%!important}
#navTab li{float: left}