/* =========================================================
   新闻 / 游戏设置页面 - 移动端
   ========================================================= */
@media (max-width: 1169px) {

    /* ==============================
       1. 修复整个页面1920px最小宽度
       ============================== */

    :root {
        --min-width: 0px !important;
        --mobile-width: 100% !important;
    }

    html {
        zoom: 1 !important;
        width: 100%;
        overflow-x: hidden;
    }

    body {
        width: 100%;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    #layout-wrap,
    #layout-wrap.mobile {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
    }


    /* ==============================
       2. news 页面
       移动端取消大背景图
       ============================== */

    .news[data-v-7de6a834] {
        width: 100% !important;
        min-width: 0 !important;

        background: #000 !important;
        background-image: none !important;

        min-height: 0 !important;
    }


    /* PC新闻页顶部500px背景区域
       手机端不需要的话直接隐藏 */
    .news .header[data-v-7de6a834] {
        display: none !important;
    }


    /* ==============================
       3. 新闻列表
       ============================== */

    .news .list[data-v-7de6a834] {
        display: flex;
        flex-direction: column;

        width: 100% !important;
        max-width: 100% !important;

        padding: 0 12px;
        margin: 0 auto;

        gap: 15px !important;
    }


    /* 单条新闻 */
    .news .list .article a[data-v-7de6a834] {
        display: block;
        position: relative;

        width: 100% !important;
        height: 126px !important;

        /*
         * PC的news_list_bg.png是1316px宽，
         * 手机强行缩放会变形，所以移动端改为纯背景
         */
        background: #111 !important;
        background-image: none !important;

        border: 1px solid #292929;
        border-radius: 3px;

        overflow: hidden;
    }

    .news .list .article a[data-v-7de6a834]:hover {
        background: #161616 !important;
        background-image: none !important;
    }


    /* 新闻缩略图 */
    .news .list .article .thumbnail[data-v-7de6a834] {
        position: absolute;

        top: 10px !important;
        left: 10px !important;

        width: 100px !important;
        height: 82px !important;

        background-size: cover !important;
        background-position: center !important;

        border-radius: 2px;
    }


    /* 标题 */
    .news .list .article .subject[data-v-7de6a834] {
        position: absolute;

        top: 8px !important;
        left: 122px !important;
        right: 10px !important;

        color: #d5d5d5;

        font-size: 16px !important;
        line-height: 23px !important;

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    /* 摘要 */
    .news .list .article .summary[data-v-7de6a834] {
        display: -webkit-box;

        position: absolute;

        top: 37px !important;
        left: 122px !important;
        right: 10px !important;

        color: #9c9c9c;

        font-size: 13px !important;
        line-height: 18px !important;

        overflow: hidden;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }


    /* 时间 */
    .news .list .article .time[data-v-7de6a834] {
        position: absolute;

        top: auto !important;
        bottom: 7px !important;

        left: 122px !important;
        right: 10px !important;

        color: #8c8c8c;

        font-size: 12px !important;
        line-height: 18px !important;
    }


    /* 更多 */
    .news .list .more[data-v-7de6a834] {
        width: 100% !important;
        height: auto !important;

        padding: 15px 0;

        font-size: 14px !important;
    }


    /* ==============================
       4. 新闻详情页
       ============================== */

    .news .view[data-v-7de6a834] {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto;
        padding: 0 15px;
    }


    .news .view .subject[data-v-7de6a834] {
        margin-top: 10px;

        font-size: 21px !important;
        line-height: 30px !important;

        white-space: normal;
        word-break: break-word;
    }


    .news .view .time[data-v-7de6a834] {
        margin-top: 5px;

        font-size: 13px !important;
        line-height: 20px !important;
    }


    .news .view .content[data-v-7de6a834] {
        width: 100%;
        max-width: 100%;

        margin-top: 25px !important;

        font-size: 15px !important;
        line-height: 25px !important;

        word-break: break-word;
    }


    .news .view .content[data-v-7de6a834] img {
        max-width: 100% !important;
        height: auto !important;
    }


    /* =========================================================
       5. shezhi/1.php ~ 12.php 页面宽度
       ========================================================= */

    .news main,
    .news .layui-container,
    .news .layui-row,
    .news .main-content,
    .news .lanj838-right,
    .news .lanj838-tab-right,
    .news .lanj838-tab-card,
    .news .global-desc__content-box,
    .news .desc-skills__blocks,
    .news .desc-skills__block,
    .news .desc-skills__block-info {

        min-width: 0 !important;
        max-width: 100% !important;
    }


    .news main {
        width: 100% !important;
    }


    .news .layui-container {
        width: 100% !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    .news .main-content {
        width: 100% !important;
    }


    .news .lanj838-right,
    .news .lanj838-tab-right,
    .news .lanj838-tab-card {
        width: 100% !important;
    }


    /* =========================================================
       6. Excel 表格手机端左右拖动
       ========================================================= */

    .news .desc-skills__blocks {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }


    .news .desc-skills__block {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }


    /*
     * Excel表格的滚动区域
     *
     * 只让这个区域左右滚动，
     * 不让整个网页左右移动
     */
    .news .desc-skills__block-info {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch;

        overscroll-behavior-x: contain;
    }


    /*
     * 不允许Excel表格被压缩成手机宽度
     *
     * 原Excel例如：
     * width:1182px
     *
     * 手机依然保持完整表格，
     * 用户左右拖动查看
     */
    .news .desc-skills__block-info table {

        width: max-content !important;

        min-width: 900px !important;
        max-width: none !important;

        table-layout: auto !important;
    }


    /*
     * Excel里的列不要被CSS强制压缩
     */
    .news .desc-skills__block-info table col {
        max-width: none !important;
    }


    /*
     * 表格里的图片不要把行撑爆
     */
    .news .desc-skills__block-info table img {
        max-width: none;
    }


    /* =========================================================
       7. 普通文章中出现的表格也支持左右拖
       ========================================================= */

    .news .view .content table {
        display: block;

        width: max-content !important;
        min-width: 800px !important;
        max-width: none !important;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;
    }

}