@media screen and (max-width: 768px) {
    .layout-container {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 0;
        /* overflow: hidden; */
    }

    header {
        height: 1.5rem;
    }

    header .login {
        display: none;
    }

    .nav {
        height: 1.5rem;
    }

    .item {
        margin-bottom: 10px;
    }

    .item li a {
        padding: 0px 5px 10px 5px;
        font-size: 0.4rem;
        margin: 0;
        text-align: center;

    }

    .login a {
        font-size: 0.4rem;
    }

    .mainbox {
        width: 96%;
        min-width: 96%;
        padding: 0.125rem 0.125rem 0;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }

    .mainbox .column:nth-child(2) {
        margin: 0 0rem 0.1875rem;
        overflow: visible;
    }

    .panel {
        height: 6.875rem;
        box-sizing: border-box;
        padding: 0.5rem 0.1875rem 0.5rem;
        margin-bottom: 0.5rem;
    }

    .panel h2 {
        font-size: 0.4rem;
        height: 0.8rem;
    }

    .panel .chart {
        height: 5rem;
    }

    .bar2 {
        height: 9rem;
    }

    .bar2 .chart {
        height: 8rem;
    }

    .line {
        height: 7.875rem;
    }

    .line .chart {
        height: 6rem;
    }



    .ba {
        height: 9rem;
    }

    .ba .chart {
        height: 8rem;
    }

    .line1 {
        height: 8.875rem;
    }

    .line1 .chart {
        height: 7rem;
    }

    .banners {
        height: 10.875rem;
        /* zoom: 0.5;
        -ms-zoom: 0.5;
        -webkit-zoom: 0.5; */

    }

    .tablebox {
        font-size: 14px !important;
    }

    .tablebox table th {
        font-size: 14px;
        line-height: 30px;
        text-align: center !important;
    }

    .tablebox table th:nth-child(1) {
        width: 40px !important;

    }

    .tablebox table th:nth-child(2) {
        width: 80px !important;

    }

    .tablebox table th:nth-child(3) {
        width: 85px !important;
    }

    .tablebox table th:nth-child(4) {
        width: 83px !important;
    }

    .tablebox table th:nth-child(5) {
        width: 58px !important;
    }

    .tbl-body table tbody tr td {
        font-size: 12px;
        text-align: center;
    }

    .tbl-body table tbody tr td:nth-child(1) p {
        width: 40px !important;
    }

    .tbl-body table tbody tr td:nth-child(2) p {
        width: 80px !important;

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

    .tbl-body table tbody tr td:nth-child(3) p {
        width: 80px !important;

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

    .tbl-body table tbody tr td:nth-child(4) p {
        width: 80px !important;
        text-align: left !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tbl-body table tbody tr td:nth-child(5) p {
        width: 40px !important;
        text-align: center;
    }

    footer {
        font-size: 16px !important;
    }
}