.gminfo.m_gminfo {
    display: none;
}

@media screen and (max-width: 1100px) {



    .main {
        padding-top: 60px;
        max-width: 100%;
        width: 100%;
    }

    html {
        min-width: 100%;
        width: 100%;
    }



    .gmbq {
        overflow-x: auto;

        li {
            min-width: 100px;
        }
    }

    .gmms {

        &.cur {
            display: flex !important;
            flex-wrap: wrap;
            justify-content: space-around;
        }

        .gmli {
            flex: 0 0 48%;
            margin: 0;
            box-sizing: border-box;
            margin-bottom: 15px;
        }
    }

    .hotgm_li {
        width: 100% !important;
        box-sizing: border-box;

        span {
            display: none;
        }
    }

    .gmli {
        width: 100% !important;
        box-sizing: border-box;

    }

    .newgm_li {
        width: 100% !important;
        box-sizing: border-box;

    }

    .gmhjli {
        width: 100% !important;
        box-sizing: border-box;

    }

    .gmbq_tit {
        padding: 0 15px;
    }

    .gmm {
        a {
            width: 100% !important;
            box-sizing: border-box;
        }
    }

    .gmbq_tit {
        width: 100% !important;
        box-sizing: border-box;
    }


    .gminfo_main_left {
        width: 100%;
    }


    .gminfo.pc_gminfo {display: none;}
    .gminfo.m_gminfo {
        display: block;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        box-sizing: border-box;

        &>div {
            text-align: center;
            box-sizing: border-box;
            flex: 0 0 100%;

            &.gminfo_right {
                margin-left: 0;
            }

            p {
                text-align: center;
            }

            span {
                float: unset
            }
        }
    }

    .gminfo_main_right {
        width: 100%;

        .gmtit {
            padding: 0 15px
        }

        .gminfo_main_right_sv {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;

            a {
                width: 49%;
                box-sizing: border-box;
            }
        }
    }

    .bd_tit {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .hj_tit {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .bd_men {
        padding: 0 15px;
        box-sizing: border-box;

        a li {
            margin-bottom: 7px;
        }
    }

    .hj {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;

        a {
            width: 49% !important;
            flex: 0 0 49%;
            box-sizing: border-box;
            margin-right:0!important;
        }
    }

    .subjectlist_left {
        width: 100% !important;
    }

    .subjectlist_left_main {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;

        a {
            flex: 0 0 49%;
            margin-right: 0 !important;
            box-sizing: border-box;
        }
    }

    .subjectlist_right {
        box-sizing: border-box;
        padding: 0 15px;
        width: 100% !important;
    }

    .gmsoinput {
        width: 90% !important;
    }

    .search_tit {
        width: 90% !important;

        a {
            margin-bottom: 10px;
        }
    }

    .search_game {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;

        .search_gameli {
            box-sizing: border-box;
            flex:0 0 100%
        }
    }
}

@media (min-width: 1px) and (max-width: 1200px) {
    .news_main {
        width: 100%;
               padding: 0 15px;
        box-sizing: border-box;
    }
        .news_right {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;

    }
}

@media screen and (max-width: 1100px) {
    .r_meu {
        display: none;
    }
    .gminfo_main_right_sv a .right{display: block;}
}
@media screen and (max-width: 826px) {
    .gminfo_main_right_sv a .right{display: none;}
}
@media screen and (max-width: 768px) {
    
       .hj {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;

        a {
            img{height:auto!important}
            width: 100% !important;
            flex: 0 0 100%;

        }
    }
    .gminfo_main_right_sv a .right{display: block;}
}
@media screen and (max-width: 374px) {
    .gminfo_main_right_sv a .right{display: none;}
}


@media screen and (max-width: 768px) {
    .gminfo_main_right {


        .gminfo_main_right_sv {
            a {
                width: 100%;
            }
        }
    }
    .subjectlist_left {
        box-sizing: border-box;
    }

    .subjectlist_left_top {
        &>div {
            &.subjectlist_left_top_cen {
                margin-top: 15px;
            }

            width: 100%;
            height: auto !important;
        }

        p {
            height: auto !important;
        }
    }

    .gmms {
        &.cur {
            display: flex !important;
            flex-wrap: wrap;
            justify-content: space-around;
        }

        .gmli {
            flex: 0 0 100%;
            margin: 0;
            box-sizing: border-box;
            margin-bottom: 15px;
        }
    }



    .filter-box {
        padding: 0 15px;
        box-sizing: border-box;
        position: relative;
        margin-bottom: 12px;
    }

    /* ===== 当前显示（核心） ===== */
    .filter-current {
        height: 40px;
        line-height: 40px;
        padding: 0 35px 0 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        background: #fff;
        position: relative;
        font-size: 14px;
        color: #333;
    }

    /* 箭头 */
    .filter-current::after {
        content: '';
        position: absolute;
        right: 12px;
        top: 50%;
        width: 6px;
        height: 6px;
        border-right: 2px solid #999;
        border-bottom: 2px solid #999;
        transform: translateY(-50%) rotate(45deg);
        transition: .2s;
    }

    .filter-box.open .filter-current::after {
        transform: translateY(-50%) rotate(-135deg);
    }

    /* ===== 下拉面板 ===== */
    .gmbq {
        display: none;
        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        background: #fff;
        border: 1px solid #eee;
        border-radius: 8px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        padding: 10px;
        z-index: 99;
    }

    .filter-box.open .gmbq {
        display: block;
    }

    /* ===== 一行3个 ===== */


    .gmbq {
        box-sizing: border-box;
    }

    .gmbq a {
        float: left;
        width: calc(33.333% - 10px);
        margin: 5px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border-radius: 20px;
        background: #f5f5f5;
        font-size: 13px;
    }

    /* 当前高亮 */
    .gmbq a.cur {
        background: linear-gradient(180deg, #55ffff, rgba(85, 255, 127, 1));
        color: #000;
    }

    .subject_main a {
        width: 100%;
        margin-right: 0 !important;
    }

    .gminfo_right_ewm {
        display: none;
    }


}

@media screen and (max-width: 554px) {
    .subjectlist_left_main {
        a {
            flex: 0 0 100%;
        }
    }
}

@media screen and (max-width: 426px) {
    .hj {
        a {
            width: 100% !important;
            flex: 0 0 100%;
        }
    }

    .gminfo_main_right {
        .gminfo_main_right_sv {
            a {
                width: 100%;

                .cen {
                    max-width: 190px;
                }
            }
        }
    }
}
@media screen and (max-width: 296px) {
    .gminfo_main_right {
        .gminfo_main_right_sv {
            a {
                width: 100%;

                .cen {
                    max-width: 124px;
                }
            }
        }
    }
}

/* news-list-mobile-fix: 资讯列表手机自适应 */
@media screen and (max-width: 1100px) {
    .news {
        width: 100% !important;
        padding: 0 12px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .news_left,
    .news_right {
        width: 100% !important;
        float: none !important;
        overflow: hidden;
    }
    .news_tit,
    .news_right_tit {
        padding: 0 2px;
        height: auto;
        line-height: 48px;
    }
    .news_tpye a {
        width: auto !important;
        min-width: 72px;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .news_left_m {
        width: 100% !important;
    }
    .news_left_m a {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        padding: 12px !important;
        margin-bottom: 12px;
        float: none !important;
        display: block;
        overflow: hidden;
    }
    .news_left_m_ioc {
        float: left;
        width: 32% !important;
        height: 86px !important;
        overflow: hidden;
        border-radius: 8px;
    }
    .news_left_m_ioc img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .news_left_m_name,
    .news_left_m_xx,
    .news_left_m_bottom {
        float: left;
        width: 64% !important;
        padding-left: 3% !important;
        box-sizing: border-box;
    }
    .news_left_m_name {
        height: auto !important;
        max-height: 44px;
        line-height: 22px !important;
        white-space: normal !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
    }
    .news_left_m_xx {
        margin-bottom: 8px !important;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
    .news_left_m_bottom {
        height: auto !important;
    }
    .news_left_m_bottom span {
        float: right;
    }
    .news_right_newli a img {
        height: 160px !important;
    }
    .pag {
        width: 100%;
        overflow-x: auto;
    }
}



/* filter-expand-like-pc: 移动端游戏分类/标签像PC一样铺开 */
@media screen and (max-width: 1100px) {
    .filter-current {
        display: none !important;
    }
    .filter-box {
        position: static !important;
        padding: 0 12px !important;
        margin-bottom: 8px !important;
        box-sizing: border-box;
    }
    .filter-box .gmbq,
    .filter-box.open .gmbq,
    .gmbq {
        display: block !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        z-index: auto !important;
    }
    .gmbq dd {
        float: left;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
    }
    .gmbq a,
    .gmbq.s a {
        float: left !important;
        width: auto !important;
        min-width: 72px;
        max-width: none !important;
        height: 36px !important;
        line-height: 36px !important;
        padding: 0 14px !important;
        margin: 0 8px 10px 0 !important;
        border-radius: 33px !important;
        background: #fff !important;
        font-size: 13px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    .gmbq a.cur,
    .gmbq.s a.cur {
        background: linear-gradient(180deg,#55ffff,rgba(85, 255, 127, 1.0)) !important;
        color: #000 !important;
    }
}

/* rank-mobile-fix: seoqiu试改 — 榜单/首页 + 分类列表(a.gmli)分开处理 */
@media screen and (max-width: 1100px) {
    .bd_men {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 0 12px 8px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        height: auto !important;
    }
    .bd_men > a {
        float: none !important;
        display: block !important;
        flex: 0 0 calc((100% - 16px) / 3) !important;
        max-width: calc((100% - 16px) / 3) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
    }
    .bd_men li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        box-sizing: border-box !important;
    }
    .bd_men li h1,
    .bd_men li h2,
    .bd_men .rank-type {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 12px !important;
        font-weight: bold !important;
        line-height: 40px !important;
        height: 40px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    .bd_men a.cur li {
        background: linear-gradient(180deg,#55ffff,rgba(85, 255, 127, 1.0));
    }
    .bd_tit,
    .gmbq_tit { padding: 0 12px; box-sizing: border-box; }
    .gmm {
        padding: 0 12px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        overflow: hidden !important;
    }
    .gmms.cur { display: block !important; }

    /* ===== 首页/榜单：div.gmli > a + .gmli_r ===== */
    .gmms .gmli,
    .gmm > .gmli {
        display: flex !important;
        flex-direction: column !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px 0 !important;
        margin-right: 0 !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .gmli > a {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        float: none !important;
        color: inherit !important;
        text-decoration: none !important;
    }

    /* ===== 分类列表：a.gmli 自身含图标+文字+按钮 ===== */
    .gmm > a.gmli,
    a.gmli {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px 0 !important;
        margin-right: 0 !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .gmli_ewm { display: none !important; }
    .gmli_l {
        float: none !important;
        display: block !important;
        width: 56px !important;
        height: 56px !important;
        flex: 0 0 56px !important;
        margin: 0 !important;
        border-radius: 12px !important;
        object-fit: cover !important;
    }
    .gmli_c {
        float: none !important;
        display: block !important;
        width: auto !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        padding-left: 10px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .gmli_c_name {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 2px 0 !important;
        overflow: hidden !important;
    }
    .gmli_c_name h1,
    .gmli_c_name h2,
    .gmli_c h1,
    .gmli_c h2 {
        float: none !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 20px !important;
        font-size: 15px !important;
        font-weight: bold !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        text-align: left !important;
    }
    .gmli_c_name span,
    .gmli_c_name i {
        float: none !important;
        flex: 0 0 auto !important;
        max-width: 40% !important;
        margin: 0 !important;
        padding: 0 6px !important;
        height: 18px !important;
        line-height: 18px !important;
        font-size: 11px !important;
        font-style: normal !important;
        border: 1px solid rgba(0,0,0,.25);
        border-radius: 4px;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        opacity: 1 !important;
        color: #666 !important;
    }
    .gmli_c p {
        margin: 0 0 4px 0 !important;
        padding: 0 !important;
        height: auto !important;
        line-height: 18px !important;
        width: 100% !important;
    }
    .gmli_c_bq {
        height: auto !important;
        margin: 0 !important;
        width: 100% !important;
        overflow: hidden;
    }
    .gmli_c_bq span { float: left; margin: 0 6px 0 0 !important; }

    .gmli_r {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 6px !important;
        float: none !important;
        clear: both !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 0 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        position: static !important;
    }
    .gmli_r > a {
        display: block !important;
        float: none !important;
        flex: 1 1 0 !important;
        width: auto !important;
        margin: 0 !important;
        min-width: 0 !important;
    }
    .gmli_r_ewm,
    .gmli_r_xx,
    .gmli_r_dow {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        flex: 1 1 0 !important;
        width: auto !important;
        margin: 0 !important;
        height: 32px !important;
        line-height: 32px !important;
        font-size: 12px !important;
        box-sizing: border-box !important;
        padding: 0 4px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-align: center !important;
    }
    .gmli_r > a .gmli_r_xx,
    .gmli_r > a .gmli_r_dow {
        width: 100% !important;
    }
    .gmli_r_ewm a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100%;
        height: 100%;
        color: inherit;
        text-decoration: none;
    }
}

/* PC：版本同一行 + 按钮居中；分类列表 span 当标签 */
@media screen and (min-width: 1101px) {
    .gmli_r_ewm,
    .gmli_r_xx,
    .gmli_r_dow {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 35px !important;
        box-sizing: border-box;
    }
    .gmli_c_name {
        display: block !important;
        height: 20px !important;
        overflow: hidden !important;
    }
    .gmli_c_name h1,
    .gmli_c_name h2 {
        float: left !important;
        width: 77% !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 20px !important;
        line-height: 20px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    .gmli_c_name span,
    .gmli_c_name i {
        float: right !important;
        display: inline-block !important;
        max-width: 22% !important;
        margin: 0 !important;
        height: 18px !important;
        line-height: 18px !important;
        white-space: nowrap !important;
        font-size: 10px !important;
        font-style: normal !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        border-radius: 5px;
        border: 1px solid rgba(0,0,0,.5);
        opacity: 0.3;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* 分类页 a.gmli 保持原有 float 卡片网格，不要被当成 flex 列 */
    .gmm > a.gmli {
        display: block;
    }
}

/* seoqiu-layout-fix-20261027 */
/* iconfont 必须优先：almm 在前会导致 &#xeXXX; 显示成空方块 */
.tit p,
.tit h1,
.tit h5,
.gmli_c p,
.gmli_r_ewm,
.gmli_r_xx,
.gmli_r_dow,
.gmli_r_ewm a,
.newgm_li_m_p,
.newgm_b_xx,
.newgm_b_dow,
.newgm_b_ewm,
.hotgm_li_a_cen p,
.lbt_ewm {
    font-family: "iconfont", "almm", Arial, sans-serif !important;
}

@media screen and (max-width: 1100px) {
    /* 手机端保留英文叠字水印，仅微调高度避免裁切 */
    .tit {
        height: 72px !important;
        min-height: 72px !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
        position: relative !important;
    }
    .tit p {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 72px !important;
        line-height: 56px !important;
        text-align: center !important;
        font-size: 16px !important;
        color: rgba(0, 0, 0, 0.1) !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 0 !important;
        pointer-events: none !important;
        font-family: "iconfont", "almm", Arial, sans-serif !important;
    }
    .tit h1,
    .tit h5 {
        position: relative !important;
        z-index: 1 !important;
        height: 72px !important;
        line-height: 72px !important;
        font-size: 18px !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 分类标签：首页用的是 li.gmbqli，不是 a */
    .gmbq {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 0 12px 8px !important;
        box-sizing: border-box !important;
        list-style: none !important;
        margin: 0 !important;
    }
    .gmbq .gmbqli,
    .gmbq li {
        float: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 72px !important;
        height: 36px !important;
        line-height: 36px !important;
        padding: 0 14px !important;
        margin: 0 !important;
        border-radius: 20px !important;
        background: #fff !important;
        border: 1px solid #eee !important;
        box-sizing: border-box !important;
        list-style: none !important;
        white-space: nowrap !important;
        cursor: pointer;
    }
    .gmbq .gmbqli.cur,
    .gmbq li.cur {
        background: linear-gradient(180deg,#55ffff,rgba(85,255,127,1)) !important;
        border-color: transparent !important;
        color: #000 !important;
    }

    /* 按钮内图标与文字垂直居中，避免空方块把字顶歪 */
    .gmli_r_ewm,
    .gmli_r_xx,
    .gmli_r_dow {
        gap: 2px !important;
    }
}
/* end-seoqiu-layout-fix */

/* mob-header-click-fix: hide right float; remove PC header gap on mobile */
@media screen and (max-width: 1100px) {
    .r_meu { display: none !important; }
    .hed {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: 10060 !important;
        min-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        background: #fff !important;
    }
    .hed_m { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; }
    .main {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    .mob_search_panel.active,
    .mob_menu_panel.active {
        display: flex !important;
    }
}