/*
 * Theme Name:xinyou
 */
 @media only screen and (max-width:900px) {
.container {max-width: 100%;padding-right: 10px;padding-left: 10px;}
.appconleft {padding: 0px;}
.itembox {
    background-color: #fff;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 20px;
}
.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-input{width:100%}
.search-box .search-input, .search-box .search-btn{height: 35px;}
.search-close{font-size: 24px;top:-1px;right: -30px;}
.nav-search-box {
    float: left;
    margin-top: 12px;
    position: relative;
    width: 42%;
}
 .search-button {
        position: absolute;
        right: 0px;
        top: 0px;
        display: block !important;
    }
    

/*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:80px;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.5%;
        float: left;
        margin-right: 2.5%;
        margin-left: 2.5%;
    }

.index-game-list ul li:nth-child(10n){margin-right: 10px;}
.index-game-list ul li .img img{height: auto;}
.index-game-list ul li p{font-size:14px;}
.index-zt{padding-right: 10px;padding-left: 10px;}
.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;}
.index-links {
    overflow: hidden;
    padding-right: 10px;
    padding-left: 10px;
}
/*all*/
.game-tabs{margin-top: 20px;}
.game-tabs ul li{width: 29%;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(5n){margin-right: 12px;}
.list-game ul li:nth-child(2n){margin-right: 0px;}
.appconleft{width: 100%;}
.show-game-top h1{font-size: 16px;margin-bottom:5px}
.show-game-top{display: block;text-align: center;padding: 10px 10px;background-color: #ffffff;}
.show-game-top .info{display: block;margin-left: 0px;margin-bottom: 10px;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:block;}
.about-tabs{display:none;}
.about-content{width: 100%;}




.searchconleft{width: 100%;}
.se-item ul li{display: block;}
.searchlist-item ul li .list-image{margin-right: 2px;width: 70px;}
.searchlist-item ul li .list-image a{width: 70px;}
.searchlist-item ul li h2{margin-top:0px;margin-bottom: 20px;}
.searchlist-item ul li h2 a{font-size: 14px!important;}
.searchlist-item ul li .decs {display: none;}
.searchlist-item ul li .list-image img {height: 70px;
}
.searchlist-item ul li span {
    margin-right: 5px;
}
.newsconright{width: 100%;}
.appclass .webapp-main.container{padding-right: 0px;padding-left: 0px;}

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


.appclass .hhs-crumb{padding: 0rem 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%;}
.ztdesc .content {margin-left:0}
.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;}
}
@media only screen and (max-width: 500px) {
    .searchlist-item ul li h2 {max-width: 200px;
}
}

@media (min-width: 901px) and (max-width: 1300px) {
 .list-game ul li {
    width: 18.5%;}
 .index-banner .home-week-hots{display:none;}
    .index-banner .home-banner,
    .index-banner .home-latest {
        width: 100%;
        float: none;
        margin: 0;
        margin-bottom: 20px;
    }
    .index-banner .home-latest {
        width: 100%;
        float: none;
        margin: 0;
    }
    .appconleft {padding: 0px;}
    .itembox {
   
    padding: 10px;
}
.hhs-navbar .nav-list {
    margin-left: 5px;}  
.nav-list > li > a {
    padding: 0 10px;
}  
.hhs-navbar .logo {
    padding: 20px 0;
}
.hhs-navbar .logo img {
    width: 160px;
}

.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 ul li {width: 20%;margin-right: 0px;}


.container{padding-right: 10px;
        padding-left: 10px;

}
.index-links {
    overflow: hidden;
    padding-right: 10px;
    padding-left: 10px;
}
.appconleft {width: 100%;
}
.newsconright{width: 100%;
}
.about-tabs{width:18%;}
.about-content{width: 80%;min-height: 810px;}

}