/* 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: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 0.32rem;}
a {text-decoration:none;}
ul,li{list-style: none}
.clearfix:after{ content: " "; display: block; width: 0; height: 0; visibility: hidden; clear: both;}




img{ display: block; width: 100%;}

.topbar{ width: 100%; height: 1rem; position: fixed; left: 0; top: 0; z-index: 999; background: #27272c;}
.topbar_main{ width: 100%; height: 100%; display: flex; justify-content: space-between; }
.p_infos{ padding: 0.11rem 0 0 0.4rem; display: flex;}
.p_avater{ width: 0.78rem; border-radius: 0.2rem;}
.p_info{ padding-left: 0.35rem;   }
.p_name{  font-size: .3rem; color: #ffffff; padding-top: .2rem;}
.p_right{ display: flex; padding-right: 0.48rem;}
.p_music{ padding-right: 0.35rem; padding-top: 0.21rem;}
.music_btn{ width: 0.48rem; height: 0.48rem; display: block; background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/music_btn.png) center center no-repeat; background-size: 0.48rem 0.48rem;text-indent: -9999px;  }
.music_btn.on{animation: zd 3s linear infinite; }
@keyframes zd{
    0%{ transform: rotate(0deg);}
    100%{ transform: rotate(360deg);}
}


.zk_btn{ width: 0.4rem; height: 100%; display: block; background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/zk.png) center center no-repeat; background-size: 0.4rem 0.36rem;text-indent: -9999px; filter: brightness(2);  }
.zk_con{ width: 100%; height:4.04rem; overflow: hidden; background: rgba(0, 0, 0, 0.9); position: absolute; left: 0; top:1rem; transition: all 0.5s linear; height: 0;}
.zk_active{height:5.04rem;}
.zk_con ul { width: 6.4rem; margin: 0 auto;}
.zk_con ul li{ width: 100%; height: 0.76rem; border-bottom:1px solid rgba(0, 0, 0, 0.15); line-height: 0.76rem;  text-align: center;}
.zk_con ul li:last-child{ border: 0 none;}
.zk_con ul li a{ display: block; width: 35%; height: 100%; margin: 0 auto; text-indent: -9999px;}
.zk_con ul li a.home_nav{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/top_navs.png) center top no-repeat; background-size:1.44rem 3.8rem ;}
.zk_con ul li a.new_nav{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/top_navs.png) center -0.76rem no-repeat; background-size:1.44rem 3.8rem ;}
.zk_con ul li a.role_nav{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/top_navs.png) center -1.52rem no-repeat; background-size:1.44rem 3.8rem ;}
.zk_con ul li a.video_nav{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/top_navs.png) center -2.28rem no-repeat; background-size:1.44rem 3.8rem ;}
.zk_con ul li a.pay_nav { background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/top_navs.png) center -3.04rem no-repeat;  background-size: 1.44rem 3.8rem ;}

.zk_con ul li.active a.home_nav{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/top_navs_active.png) center top no-repeat; background-size:1.44rem 3.8rem ;}
.zk_con ul li.active a.new_nav{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/top_navs_active.png) center -0.76rem no-repeat; background-size:1.44rem 3.8rem ;}
.zk_con ul li.active a.role_nav{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/top_navs_active.png) center -1.52rem no-repeat; background-size:1.44rem 3.8rem ;}
.zk_con ul li.active a.video_nav{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/top_navs_active.png) center -2.28rem no-repeat; background-size:1.44rem 3.8rem ;}
.zk_con ul li.active a.pay_nav{ background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/top_navs_active.png) center -3.04rem no-repeat; background-size:1.44rem 3.8rem ;}
.expend_btn{ width: 100%; height: 0.76rem; display: block; background: url(//game.gtimg.cn/images/lv/act/a20260209index/m/sq.png) center center no-repeat; background-size: 0.28rem 0.16rem; text-indent: -9999px; margin-top: 0.2rem;}
#afooter{padding: 0.2rem 0;background-color: #000000;}
#afooter p{color: #ffffff;font-size: 0.2rem;text-align: center;line-height: 0.26rem;}
#afooter a{color: inherit;}


.pointers{ width: 1.5rem; position: fixed; left: 0; top: 0; display: none; z-index: 9999; pointer-events: none;}
.pointers img{ width: 100%; display: block;}

a.toindex{ display: block; text-indent: -9999px; width: 2.08rem; height: .58rem; background-position: -.13rem -6.63rem; margin-top: .22rem; margin-right: .15rem;}