/* 
 * @date 2022-12-30 00:00:00
 *
 * App分类 css
 */

@charset "utf-8";
/***Ⅰ 手游分类  ***/

.nav_list{width: 100%;height: auto; padding: 0 1.5em;}
.nav_list li a{float: left;width: calc(12.5% - 1.3125em);height: 34px;line-height: 34px;text-align: center;background: #fff;border-radius: 4px;font-size: 14px;color: #666;margin:1em 1.5em 1em 0;}
.nav_list li:nth-child(8n) a {
    margin: 1em 0;
}
.nav_list li a:hover, .nav_list li.active a {background: #21b47c !important;color: #fff !important;}
/*分类游戏列表*/
.list_box{width:100%;}
.list_box .bt-c span{margin: 0 0 0 0px;}
.list_box .bt-c>img{float: left;margin: 14px 8px;}
.list_box .bt-c a{margin-right: 20px;}
.bt-link {
    margin-left:1.5em;
}
.list_items{margin-top: 20px;}
.list_items li{width: calc(25% - 15px);height: 230px;background: #fff;float: left;margin: 0 20px 20px 0;position: relative;-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.04);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.04);}
.list_items li:nth-child(4n) {
    margin: 0 0 20px 0;
}
@media screen and (max-width:768px){
    .nav_list {
        padding: 0 1em;
    }
    .nav_list li a{width: calc(25% - 1.125em);margin:.5em 1.5em .5em 0;}
    .nav_list li:nth-child(4n) a {
        margin: .5em 0;
    }
    .bt-link {
        margin-left:1.5em;
    }    
    .list_items li{width: calc(50% - 10px);}
    .list_items li:nth-child(2n) {
        margin: 0 0 20px 0;
    }
}
.list_items li img.lazy{display: block;width: 120px;height: 120px;margin: 20px auto; border-radius: 25px}
.list_items li img.qrcode{display: none;width: 120px;height: 120px;margin: 20px auto; border-radius: 25px}
.list_items li:hover img.lazy{display: none;}
.list_items li:hover img.qrcode{display: block;}
.list_items li a p{text-align: center;line-height: 30px;height: 30px;width: 100%;padding: 0 10px;overflow: hidden;font-size: 16px;color: #4c4c4c;}
.list_items li a>span{text-align: center;display: block;font-size: 12px;color: #ccc;line-height: 30px;height: 30px;}
.list_items li:hover .item_hover{display: block;-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;}
.list_items li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);-moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.item_hover {display: none;width: 100%;height: 80px;background: #fff;position: absolute;left: 0;bottom: 0;z-index: 2;}
.item_hover .btn{ cursor: pointer;width: 96px;text-align: center;line-height: 28px;border: 1px solid rgba(143, 142, 147, 0.3);border-radius: 14px;display: block;font-size: 14px;color: #4c4c4c;margin:8px auto 4px;}
.item_hover .btn:hover{background: #21b47c;border: 1px solid #21b47c;color: #fff;}
.item_hover span{font-size: 12px;color: #999;display: block;width: 100%;height: 26px;line-height: 26px;overflow: hidden;text-align: center;}
/*猜你喜欢*/
.bq-like{margin: 20px auto;}
.bq_likelis{width: 1200px;height: auto;margin: 10px auto;}
.bq_likelis ul li{float: left; margin:4px 16px 4px 0;color: #21b47c;line-height: 30px;height: 30px;display: block;white-space: nowrap;}
/*.bq_likelis ul li:hover{text-shadow:1px 2px 2px rgba(0,0,0,0.9);}*/
.flph_l{width:890px;margin-right: 30px;}