/* 导入样式表 */
@import url("/static/public/style-cn-mob.css");
@import url("/static/public/parts-cn-mob.css");

@media only screen and (max-width: 880px) {
    :root {
        --box-main-width: 100%;
    }

    .box-main h2 {
        font-size: 23px;
    }

    .box-main h3 {
        margin: 5px auto;
        font-size: 21px;
    }

    .box-son-bg {
        margin: 10px auto;
        padding: 10px;
    }

    .box-son {
        padding: 0;
    }

    /* --- 目录 ----------------- */
    .box-catalogue {
        background-image: none;
        padding: 10px;
    }

        .box-catalogue li {
            font-size: 17px;
            letter-spacing: 1px;
            line-height: 40px;
        }
    /* -------------------------- */

    /* --- part-2 --------------- */
    .box-part-2 {
        padding: 20px 10px;
    }

        .box-part-2 hr {
            display: none;
        }

        .box-part-2 > ul > li:nth-child(2n), .box-part-2 > ul > li:nth-child(2n+1) {
            float: none;
            width: 100%;
        }

            .box-part-2 > ul > li:nth-child(2n+1) > h3 {
                float: none;
                width: 65%;
                margin-left: 0;
            }

            .box-part-2 > ul > li:nth-child(2n) > h3 {
                width: 65%;
            }
    /* -------------------------- */

    /* --- part-3 --------------- */
    .box-part-3 > div {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

        .box-part-3 > div:nth-child(2n) {
            float: none;
        }

        .box-part-3 > div:nth-child(2n+1) {
            float: none;
        }
    /* -------------------------- */

    /* --- part-4 --------------- */
    .box-part-4 > div > div:first-child, .box-part-4 > div > div:last-child {
        width: 100%;
        float: none;
    }
    /* -------------------------- */
}