/* ╔══════════════════ TAB组件 ═════════════════════╗ */
.tabsCtt {
    /* padding-top: 60px; */
    /* display: none; */
    height: 0px;
}
/* ╚════════════════════════════════╝ */




/* ╔══════════════════ main ═════════════════════╗ */

.mainCtt {
    /* margin-top: 68px; */
    /* padding-top: 100px; */
    /* padding-top: 32px; */
    padding-top: 20px;
}

/* ╚════════════════════════════════╝ */



/* ╔══════════════════ infoBar ═════════════════════╗ */
.infoBar {
    margin-top: 68px;
}
/* ╚════════════════════════════════╝ */









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

    /* ╔══════════════════ main ═════════════════════╗ */
    .mainCtt {
        /* padding-top: 100px; */
        /* padding-top: 32px; */
        padding-top: 18px;
    }

    /* ╚════════════════════════════════╝ */



    /* ╔══════════════════ infoBar ═════════════════════╗ */
    .infoBar {
        margin-top: 62px;
    }
    /* ╚════════════════════════════════╝ */
}

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

    /* ╔══════════════════ main ═════════════════════╗ */
    .mainCtt {
        /* padding-top: 90px; */
        padding-top: 16px;
    }
    /* ╚════════════════════════════════╝ */

    /* ╔══════════════════ infoBar ═════════════════════╗ */
    .infoBar {
        margin-top: 56px;
    }
    /* ╚════════════════════════════════╝ */
}

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

    /* ╔══════════════════ main ═════════════════════╗ */
    .mainCtt {
        /* padding-top: 80px; */
        padding-top: 15px;
    }

    /* ╚════════════════════════════════╝ */


    /* ╔══════════════════ infoBar ═════════════════════╗ */
    .infoBar {
        margin-top: 52px;
    }
    /* ╚════════════════════════════════╝ */
}

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

    /* ╔══════════════════ TAB组件 ═════════════════════╗ */
    .tabsCtt {
        padding-top: 5px;
        display: block;
        height: auto;
    }

    /* ╚════════════════════════════════╝ */


    /* ╔══════════════════ main ═════════════════════╗ */
    .mainCtt {
        padding-top: 25px;
    }

    /* ╚════════════════════════════════╝ */


    /* ╔══════════════════ infoBar ═════════════════════╗ */
    .infoBar {
        margin-top: 50px;
    }
    /* ╚════════════════════════════════╝ */
}

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

    /* ╔══════════════════ TAB组件 ═════════════════════╗ */
    .tabsCtt {
        padding-top: 5px;
        display: block;
    }

    /* ╚════════════════════════════════╝ */


    /* ╔══════════════════ main ═════════════════════╗ */
    .mainCtt {
        padding-top: 20px;
    }

    /* ╚════════════════════════════════╝ */
}