/* ╔══════════════════ globalNav ═════════════════════╗ */


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




/* ╔══════════════════ searchBar ═════════════════════╗ */
.searchBox {
    width: 100%;
    /* height: 166px; */
    background-color: #fff;
    
    
    position: relative;
    display: block;
    display: flex;
    justify-content: center;

    /* padding-top: 88px; */
    /* padding-bottom: 30px; */
    padding: 25px 0px;
}

.searchBox .container {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    max-width: 720px;
}

.searchBox .container .searchBar {
    padding: 14px;
    /* height: 48px; */
    background: #EFF2F5;
    border-radius: 12px;
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    color: #40454A;
    vertical-align: middle;
    flex-grow: 1;
}

.searchBox .container .searchBar::placeholder {
    color: #8C939C;
}

.searchBox .container .searchBtn {
    width: 20%;
    min-width: 80px;
}

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








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






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










@media screen and (max-width: 1400px) {
    /* ╔══════════════════ searchBar ═════════════════════╗ */
    .searchBox {
        /* padding-top: 80px; */
        /* padding-bottom: 28px; */
        padding: 22px 0px;
    }
    .searchBox .container .searchBar {
        padding: 13px;
        font-size: 14px;
    }
    .searchBox .container .searchBtn {
        padding: 11px;
        font-size: 16px;
    }
    /* ╚════════════════════════════════╝ */

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

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

@media screen and (max-width: 1200px) {
    /* ╔══════════════════ searchBar ═════════════════════╗ */
    .searchBox {
        /* padding-top: 68px; */
        /* padding-bottom: 20px; */
        padding: 20px 0px;
    }
    .searchBox .container .searchBar {
        padding: 12px;
        font-size: 14px;
    }
    .searchBox .container .searchBtn {
        padding: 11px;
        font-size: 15px;
    }
    /* ╚════════════════════════════════╝ */

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

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

@media screen and (max-width: 992px) {
    /* ╔══════════════════ searchBar ═════════════════════╗ */
    .searchBox {
        /* padding-top: 60px; */
        /* padding-bottom: 16px; */
        padding: 16px 0px;
    }
    .searchBox .container .searchBar {
        padding: 11px;
        font-size: 13px;
    }
    .searchBox .container .searchBtn {
        padding: 11px;
        font-size: 14px;
    }
    /* ╚════════════════════════════════╝ */
    /* ╔══════════════════ main ═════════════════════╗ */
    .mainCtt {
        padding-top: 25px;
    }
    /* ╚════════════════════════════════╝ */

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

@media screen and (max-width: 768px) {
    /* ╔══════════════════ searchBar ═════════════════════╗ */
    .searchBox {
        /* padding-top: 62px; */
        /* padding-bottom: 5px; */
        padding: 15px 0px 12px 0px;
    }
    .searchBox .container .searchBar {
        padding: 10px;
        font-size: 13px;
    }
    .searchBox .container .searchBtn {
        padding: 10px;
        font-size: 14px;
    }
    /* ╚════════════════════════════════╝ */

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

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

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

@media screen and (max-width: 576px) {
    /* ╔══════════════════ searchBar ═════════════════════╗ */
    .searchBox {
        /* padding-top: 58px; */
        /* padding-bottom: 3px; */
        padding: 10px 0px;
    }
    /* ╚════════════════════════════════╝ */

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