*{box-sizing: border-box;}
html,body{width:100%;height: 100%;}
body{font-family:"Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0); }
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{border:0;}
ol,ul{list-style:none;}
a{text-decoration:none;outline:none;border:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
.fl{float: left;}
.fr{float: right;}
.clear:after{content: "";display: block;clear: both;}
.clear{zoom: 1;}
.bgs100{background-repeat: no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
:focus {outline: none;}


/* @font-face{
    font-family: 'songti'; 
    src: url('../../https://media.zlongame.com/media/pictures/cn/lzgwy/official/2023/0331/m/img/font.ttf');
} */
body{font-family:'songti';}
.banner{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 1.00rem;
    background-color: rgba(7,14,25,.9);
    padding-right: 0.22rem;
    padding-left: 1.56rem;
}
.banner .logo{
    position: absolute; 
    top: 0.02rem;
    left: 0.2rem;
    width: 1.15rem;
    height: 1.15rem;
    background-image: url(https://media.zlongame.com/media/pictures/cn/lzgwy/official/2023/0331/m/img/logo.png);
}
.banner .logo_main_wrap{
    display: -webkit-flex;
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}
.banner .bar_text{
    display: block;
    width: 2.95rem;
    height: 0.65rem;
    background-image: url(https://media.zlongame.com/media/pictures/cn/lzgwy/official/2023/0331/m/img/bar_text2.png);
}
.banner .bar_book{
    display: block;
    width: 1.92rem;
    height: 0.63rem;
    display: block;
}
.banner .android_book_btn{
    background-image: url(https://media.zlongame.com/media/pictures/cn/lzgwy/official/2023/0331/m/img/1/download.png);
}
.banner .iphone_book_btn{
    background-image: url(//media.zlongame.com/media/pictures/cn/tdj/m/static/img/1/bar_iphone.png);
}
.android .banner .android_book_btn{
    display: block;
}
.iphone .banner .iphone_book_btn{
    display: none;
}
.down_arrow{
    position: fixed;
    left: 50%;
    bottom: 0.7rem;
    width: 0.38rem;
    height: 0.69rem;
    background: url(//media.zlongame.com/media/pictures/cn/tdj/m/static/img/down.png) no-repeat;
    background-size: 100% auto;
    z-index: 9;
    margin-left: -.19rem;
	-webkit-animation:arrowDown 1s .3s linear both infinite;
	animation:arrowDown 1s .3s linear both infinite;
}

@keyframes arrowDown{
    0%{opacity:1;transform:translateY(0px);}
    100%{opacity:1;transform:translateY(20px);}
}
@-webkit-keyframes arrowDown{
    0%{opacity:1;-webkit-transform:translateY(0px);}
    100%{opacity:1;-webkit-transform:translateY(20px);}
}