body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font-size:12px;font-family:Arial!important}
body{margin:0 auto}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-family:PingFang-SC-Regular,Helvetica,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;vertical-align:middle;-webkit-appearance:none}
table{border-collapse:collapse;border-spacing:0}
.clear{clear:both}
a{text-decoration:none;color:#666}
body{margin:0 auto}
.bg{background:#2e3f67}
.top{height:1.2rem;background-color:#2757a5;padding:0 .3rem;display:flex;justify-content:space-between}
.best a{display:block;width:1rem;height:.67rem;line-height:.67rem;background-color:#5ba0fd;color:#fff;font-size:.3rem;text-align:center;margin-top:.25rem;border-radius:.1rem}
.logo{text-align:center;margin-top:.12rem;margin-left:.38rem}
.logo img{width:2.09rem}
.menu em{display:block;width:.48rem;height:.5rem;background:url(/assets/images_m/menu.png) no-repeat;background-size:.48rem .5rem;margin-top:.4rem}
	.list{margin:0 .2rem}
.list ul{display:flex;flex-wrap:wrap}
.list ul li{width:11.5%;margin:0 .5%;margin-top:.2rem}
.list ul li img{width:100%;height:100%;border-radius:.2rem}
.swiper-two{margin:0 .2rem;width:auto;margin-top:.3rem;background-color:#213155;border-radius:.2rem;border:1px solid #4c5d85;height:3.6rem;position:relative;padding:.1rem .3rem;margin-top:.15rem}
.swiper-two .swiper-slide img{border:2px solid #29323e;border-radius:200%;display:block;width:1.6rem;height:1.6rem}
.swiper-two .swiper-slide{padding-top:.1rem;height:1.6rem}
.swiper-two .swiper-container{height:3.5rem!important}
.swiper-two .swiper-slide{width:1.6rem!important;margin-top:0!important;margin-right:.21rem}
.swiper-container-multirow-column>.swiper-wrapper{flex-direction:row!important}



.menu-list{width:3rem;position:absolute;top:1.2rem;left:0;background-color:#334b82;z-index:999;display:none;max-height:11rem;overflow-x:auto}
.xy{overflow-x:hidden;overflow-y:hidden}
.menu-list::-webkit-scrollbar-track-piece{background-color:#2a3650}
.menu-list::-webkit-scrollbar{width:.09rem;height:.09rem}
.menu-list::-webkit-scrollbar-thumb{background-color:#455374;background-clip:padding-box;min-height:.28rem}
.menu-list::-webkit-scrollbar-thumb:hover{background-color:#455374}
.displayblock{display:block}
.menu-list ul li{height:2.5rem;border-bottom:1px solid #36518a;text-align:center}
.menu-list ul li img{margin-top:.27rem;width:1.5rem;height:1.5rem;border-radius:200%}
.menu-list ul li p{margin-top:.12rem;font-size:.3rem;color:#9daed3}
.menu-list ul li:hover{background-color:#5ba0fd;transition:300ms}
.menu-list ul li:hover p{color:#fff}
.menu-ico-close{background:url(/assets/images_m/close.png) no-repeat!important;background-size:.48rem .5rem!important}
@media only screen and (max-width:280px){
	html{font-size:18.6px}
		
}
@media only screen and (max-width:330px){
	html{font-size:20.5px}
	
}
@media only screen and (max-width:450px){
	html{font-size:30px}
	.list{margin:0 .2rem}
.list ul li{width:18%;margin:1%;margin-top:.1rem}
.list ul li img{height:100%;border-radius:.4rem}
.swiper-two{margin:0 .2rem;margin-top:.2rem;border-radius:.4rem;height:2.8rem;padding:.1rem .3rem;}
.swiper-two .swiper-slide img{width:1.2rem;height:1.2rem}
.swiper-two .swiper-slide{padding-top:.1rem;height:0.5rem}
.swiper-two .swiper-container{height:2.8rem!important}
.swiper-two .swiper-slide{width:1.2rem!important;margin-right:.1rem}


}
@media only screen and (max-width:650px){
	html{font-size:42.6px}


}
@media only screen and (max-width:900px){
	html{font-size:55.7px}
	

}
@media only screen and (min-width:901px){
	html{font-size:93.7px}
	

}

@media only screen and (max-width:250px){
	
	
	.top{height:2.4rem;padding:0 .6rem}
.best a{display:block;width:2rem;height:1.4rem;line-height:1.4rem;color:#fff;font-size:.6rem;margin-top:.5rem;border-radius:.2rem}
.logo img{width:4rem}
.logo{margin-top:.24rem;margin-left:.82rem}
.menu em{display:block;width:1rem;height:1rem;background-size:1rem 1rem;margin-top:.8rem}
}

@media only screen and (max-width:450px){
}

@media only screen and (max-width:250px){
}
.ad-auto{margin-top:.3rem;text-align:center;margin-bottom:.2rem}
.ad-text{margin-bottom:.2rem;margin-top:.3rem;font-size:.3rem;color:#fff;text-align:center}
.recommand-text{height:.88rem;line-height:.88rem;font-size:.4rem;color:#fff;text-align:center;background-color:#2757a5;border-radius:.2rem .2rem 0 0;margin:0 .2rem;font-weight:700;margin-bottom:.1rem}
@media only screen and (max-width:250px){.recommand-text{height:1.5rem;line-height:1.5rem;font-size:.6rem;color:#fff;border-radius:.3rem .3rem 0 0;margin:0 .5rem;margin-top:-1.8rem;margin-bottom:.3rem}
}
.ad-auto img{width:90%}
@media only screen and (max-width:250px){.ad-auto{margin-top:.6rem;margin-bottom:1rem}
.ad-text{margin-bottom:.4rem;margin-top:.6rem;font-size:.6rem}
}


@media only screen and (max-width:250px){
}
.loading{font-size:.3rem;text-align:center;margin-top:.2rem;color:#fff}
.loading img{width:30px;height:30px}
.bot{height:1.12rem;line-height:1.12rem;background-color:#2757a5;color:#fff;font-size:.3rem;text-align:center;margin-top:.66rem}
@media only screen and (max-width:250px){.loading{font-size:.6rem;margin-top:.4rem}
.bot{height:2.12rem;line-height:2.12rem;background-color:#2757a5;color:#fff;font-size:.6rem;text-align:center;margin-top:.66rem}
}
.action{height:.88rem;line-height:.88rem;font-size:.4rem;color:#fff;text-align:center;background-color:#2757a5;border-radius:.2rem .2rem 0 0;margin:0 .2rem;margin-top:.4rem;font-weight:700;margin-bottom:.1rem}
@media only screen and (max-width:250px){.action{height:1.5rem;line-height:1.5rem;font-size:.6rem;color:#fff;border-radius:.3rem .3rem 0 0;margin:0 .5rem;margin-top:.5rem;margin-bottom:.3rem}
}
.location{height:.85rem;line-height:.85rem;font-size:.3rem;color:#99a3bb;margin:0 .2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.location a{color:#99a3bb}
@media only screen and (max-width:250px){.location{height:1.6rem;line-height:1.6rem;font-size:.6rem;margin:0 .5rem}
}
.detail{margin:0 .2rem;background-color:#213155;padding:.25rem;border:1px solid #3b4d76;border-radius:.15rem}
.detail-title{font-size:.48rem;color:#ffff;font-weight:700}
.game-info{display:flex;margin-top:.2rem}
.game-l{width:15%}
.game-l img{width:100%;border-radius:.5rem;border:.06rem solid #fff;display:block}
.game-r{width:82%;margin-left:3%;height:1.7rem;background-color:#1e2940;padding:.25rem;font-size:.26rem;color:#fff;overflow:hidden;border-radius:.2rem;line-height:.4rem}
.tag{margin-top:.1rem;overflow:hidden;margin-bottom:.3rem}
.tag a{padding:.1rem .2rem;background-color:#2757a5;font-size:.32rem;border-radius:.1rem;color:#fff;margin-right:.15rem;float:left;margin-top:.2rem}
.tag a:hover{background-color:#5ba0fd;transition:300ms}
.arrow{text-align:center}
.arrow img{width:.45rem;margin:.2rem;margin-bottom:.4rem}
.play-link{height:.85rem;line-height:.85rem;text-align:center;font-size:.36rem;color:#fff;background-color:#fd9829;border-radius:.12rem}
.play-link a{display:block;color:#fff}
.play-link2{height:.85rem;line-height:.85rem;text-align:center;font-size:.36rem;color:#fff;background-color:#4434ff;border-radius:.12rem ;border-style:double;border-width:2px;border-color:#ffffff; display:none;}
.play-link2 a{display:block;color:#fff}

.tag-hide{display:none}
@media only screen and (max-width:250px){.detail{margin:0 .6rem;padding:.5rem;border-radius:.3rem}
.detail-title{font-size:.9rem}
.game-info{margin-top:.4rem}
.game-l img{border-radius:.3rem;border:.1rem solid #fff}
.game-r{height:1.7rem;padding:.2rem .4rem;font-size:.5rem;border-radius:.2rem;line-height:.6rem;overflow-y:auto}
.tag{margin-top:.2rem;margin-bottom:.6rem}
.tag a{padding:.2rem .35rem;font-size:.5rem;border-radius:.2rem;margin-right:.3rem;margin-top:.4rem}
.arrow img{width:.9rem;margin:.2rem;margin-bottom:.6rem}
.play-link{height:1.5rem;line-height:1.5rem;font-size:.6rem;border-radius:.24rem}
.play-link2{height:1.5rem;line-height:1.5rem;font-size:.6rem;border-radius:.24rem;border-style:double;border-width:2px;border-color:#ffffff;}
}
.play img{width:100%;height:100%}
.circle{background:url(/assets/images_m/quan-ico.png) no-repeat!important;background-color:none!important;border-radius:0!important;box-shadow:none!important;width:1.58rem!important;height:1.58rem!important;transform:none!important;background-size:1.58rem 1.58rem!important}
.display-left{margin-left:-4.3rem!important;display:block!important}
.display-right{margin-left:1.7rem;display:block!important}
.display{display:flex;width:4rem;height:1.5rem;background:rgba(0,0,0,.5);border-radius:1rem;margin-left:1.7rem;display:none;padding:0 .05rem}
.display img{width:1rem;height:1rem;margin-top:.2rem;margin-left:.15rem}
.arrow{background:url(/assets/images_m/arrow.png) no-repeat;width:.45rem;height:.39rem;background-size:.45rem .39rem;margin:0 auto;margin-bottom:.2rem;   /* margin-top:.5rem; */   text-align:center}
.arrow2{background:url(/assets/images_m/arrow2.png) no-repeat!important;width:.45rem;height:.39rem;background-size:.45rem .39rem!important;margin:0 auto;margin-bottom:.5rem;margin-top:.5rem;text-align:center}
.zk{display:block}
@media only screen and (max-width:250px){.arrow{background:url(/assets/images_m/arrow.png) no-repeat;width:.9rem;height:.78rem;background-size:.9rem .78rem;margin:0 auto;margin-bottom:1rem;margin-top:1rem;text-align:center}
.arrow2{background:url(/assets/images_m/arrow2.png) no-repeat!important;width:.9rem;height:.78rem;background-size:.9rem .78rem!important;margin:0 auto;margin-bottom:1rem;margin-top:1rem;text-align:center}
}
.play{display:flex;justify-content:center;align-items:center}