@media only screen and (max-width:900px) {
.container {max-width: 100%;padding-right: 15px;padding-left: 15px;}
.topnav{display:none;}
.hhs-navbar{height: 62px;}
.hhs-navbar .logo {padding: 12px 0;}
.hhs-navbar .logo img{width:150px;}
.hhs-navbar .nav-list{padding:50px 15px;position: fixed;right: -280px;top:0;bottom: 0;width: 250px;margin-left:0;background: #fff;z-index: 99999;transition: all .3s ease;opacity: 0;}
.hhs-navbar .nav-list.show{right: 0px;opacity: 1;}
.hhs-navbar .nav-list > li{float: none;display: block;margin:8px 0;background-color: #f7f7f7;}
.hhs-navbar .nav-list > li > a{height: 40px;line-height: 40px;}
.nav-list > li.current a{background-color:initial;}
.canvas-close {display:block;position: absolute;right: 5px;top: 10px;width:30px;height:30px;z-index: 99999;color: #000;transition: all .3s ease;}
.canvas-close i{font-size:25px;transition: all .3s ease;}
.nav-list.show li em.dot {position: absolute;top: 0;right: 0;width: 50px;height: 40px;text-align: center;cursor: pointer;line-height: 40px;}
.nav-list.show li em.dot i{font-size:26px;}
.nav-list .sub-nav{padding:5px 10px;background: #eaeaea;width: 100%;position: relative;box-shadow: none;text-align: center;display:none;transition:none;opacity: 1;visibility: visible;-webkit-transform: translateY(0px);transform: translateY(0px);}
.nav-list .sub-nav li{background: #f7f7f7;margin: 10px 0px;border-radius: 4px;}
.nav-list li .down:before {transition: all .2s ease-out 0s;}
.nav-list li:hover .down:before {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.nav-list li.on .down:before {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.nav-list li:hover a, .nav-list li:hover i.down {color: #2c2e3b;}
.nav-list .sub-nav li a{padding: 6px 0;display: inline-block;width: 100%;}
.hhs-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);z-index: 9998;opacity:0;backdrop-filter: blur(2px);} 
.nav-right{font-size: 18px;}
.nav-right .nav-button{display:block;padding:15px 0 15px 0px;}
.nav-right .nav-button a{padding:7px 0 !important}
.nav-right .nav-search a {padding: 13px 0;}
.search-box .container{max-width:100%;}
.search-input{width:80%}
.search-btn{width:20%}
.search-button{position: absolute;right: 15px;top: 18px;display: block !important;}
.search-button a{color: #2d3757;}
.search-button .fa{font-size: 18px;}
.search-box{padding:8.5px 30px 8.5px 0;}
.search-box.show{top:7px;}
.search-box .search-input, .search-box .search-btn{height: 35px;}
.search-close{font-size: 24px;top:-1px;right: -30px;}

/*index*/
.recom .index-top-game ul {overflow:hidden;display:block;white-space:nowrap;overflow-x:scroll;margin:0px 15px;}
.recom .index-top-game ul li {width:24%;float:none;display:inline-block;text-align:center;}
.recomcat .row-cat .row_title {width:70px;}
.recomcat .row-cat {padding:0 10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.recomcat .row-cat a{display: inline-block;float:none;    padding-left: 8px;padding-right: 8px;}
.index-banner .home-week-hots{display: none;}
.index-banner .home-banner{width: 100%;margin: 0 0px;}
.index-banner .home-latest{width: 100%;margin-top:20px;}
.index-album-list{display: none;}
.index-game-box .index-title{display: block;}
.index-title>.index-title-a{display: block;margin:10px 0;}
.index-title>.index-title-a a{display: inline-block;width: 21%;margin-bottom: 10px;}
.index-title>.index-title-a a:nth-child(4n){margin-right:0px;}
.index-game-list{overflow: hidden;}
.index-game-list ul{display: block;white-space: nowrap;}
.index-game-list ul li{width: 19.2%;float: left;margin-right: 20px;}
.index-game-list ul li:nth-child(4n){margin-right: 0px;}
.index-game-list ul li:nth-child(10n){margin-right: 20px;}
.index-game-list ul li .img img{height: auto;}
.index-game-list ul li p{font-size:14px;}
.index-zt{padding-right: 15px;padding-left: 15px;}
.content-zt a{width:100%;margin-bottom: 9px;}
.index-news-left,.index-news-right{width: 100%;}
.index-news-right{margin-top: 20px;}
.home-hd-left{width: 100%;}
.home-hd-left .list2{display: none;}
.home-hd-right{width: 100%;}
.index-rank-box{display: block;}
.rank-list{max-width: 100%;margin-right: 0px;}
/*all*/
.game-tabs{margin-top: 20px;}
.game-tabs ul li{width: 26%;font-size: 14px;padding: 4px 8px;margin-bottom: 10px;margin-right: 10px;}
.game-tabs ul li a{font-size: 14px;}
.list-game ul li{width: 48%;}
.list-game ul li:nth-child(2n){margin-right: 0px;}
.appconleft{width: 100%;}
.show-game-top h1{font-size: 16px;}
.show-game-top{display: block;text-align: center;padding: 30px 10px;}
.show-game-top .info{display: block;margin-left: 0px;margin-bottom: 20px;height: auto;}
.xglist ul li .img{display: none;}
.xglist ul li .info{margin-left: 0px;}
.xglist ul li .info .name{font-size: 14px;}
.appconright{width: 100%;}
.grade{margin-right:0px;}
.grade .vote{display: inline-block;}
.show-game-down{display: inline-block;text-align: center;margin-top: 20px;}
.show-game-down .android{margin-right:0px;margin-bottom:20px;}




.newsconleft{width: 100%;}
.article-item ul li{display: block;}
.article-item ul li .list-image{width: 100%;margin-right: 0px;}
.article-item ul li .list-image a{width: 100%;}
.article-item ul li h2{margin-top:10px;}
.article-item ul li h2 a{font-size: 16px!important;}
.newsconright{width: 100%;}
.appclass .webapp-main.container{padding-right: 0px;padding-left: 0px;}

.appclass .webnews-main.container{padding-right: 0px;padding-left: 0px;}
.article-content{padding: 20px 15px;}
.article-detail .detail-title{font-size: 1.15rem;}


.appclass .hhs-crumb{padding: 1rem 0px 0rem 0;}
.gift-warp ul li .info p{display: none;}
.gift-warp ul li .img{width:80px;height: 80px;}
.gift-warp ul li .img img{width: 100%;height: 80px;}
.gift-warp ul li .name{font-size: 16px;}
.show-game-top .info p{display: block;}
.show-game-top .info p span{float:left;min-width: 100%;}


.zt-zx li{width: 100%;}
.rankbg{height: auto;}
.rank-page ul li .info p.one-cute{display: none;}
.rank-page{padding:0;}
.rank-page ul li .img {
    width: 68px;
    height: 68px;
    margin-right: 10px;
    margin: 24px 0px;
}
.rank-page ul li .img img{width: 100%;height: auto;}
.rank-page ul li .tags span:nth-child(2){display: none;}
.rank-page ul li .name{font-size: 14px;margin-bottom: 0px;margin-top: 0px;}
.rank-page ul li .info{margin-left: 10px;}
.page-tags a{width: auto;}
/*foot*/
.foot-wrap{padding: 20px;}
.footer .foot-logo{max-width: 100%;}
.footer .foot-menus{max-width: 100%;margin-left: 0rem;display: none;}
.footer .foot-follow{max-width: 100%;float:left;display: grid;text-align: center;display: none;}
.foot-cop .copyright .copy{text-align: center;}
.foot-cop .foot-db{text-align: center;display:block;float: none;margin-top:5px;}
}