@media screen and (max-width: 767px) {
    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

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

    body {
        width: auto !important;
        margin: 0;
        padding: 0 10px;
    }

    .all,
    .box,
    .t-main,
    .kjlist,
    .tagsMod,
    .main-nav-bd,
    .top_bar,
    .topbar,
    .blkBreadcrumb,
    .subtitle,
    .main_ad,
    #top-home-ads,
    .con,
    .mp-footer,
    .main,
    .header,
    .bar,
    .footer {
        width: 100% !important;
        max-width: 100%;
    }

    .main-nav-bd,
    .tagsMod,
    .con,
    .kjlist,
    .main,
    .header,
    .bar,
    .footer {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .kjls,
    .kj-list-tab,
    .kjtable {
        display: block;
        width: 100% !important;
        min-width: 0;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .kjls > tbody {
        display: table;
        min-width: 760px;
    }

    .kj-list-tab > tbody {
        display: table;
        min-width: 900px;
    }

    .kjtable > tbody {
        display: table;
        min-width: 960px;
    }

    .main-nav {
        margin-right: -10px;
        margin-left: -10px;
        width: calc(100% + 20px);
    }

    .main-nav .logo {
        width: 100%;
        padding: 0 10px;
    }

    .logo-title {
        width: auto !important;
        font-size: 22px !important;
    }

    .new-site-btn {
        padding: 0 10px;
        font-size: 14px;
    }

    .tagsMod .tags {
        height: auto;
    }

    .tagsMod .con,
    .con .bd,
    .con .bd .zst-cont {
        height: auto !important;
    }

    .con .bd .zst-cont {
        padding: 4px 8px;
    }

    .con .bd .zst-cont a {
        margin: 3px 6px;
        white-space: nowrap;
    }

    .h1-title,
    .kj-list-tab,
    .kjls {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .header {
        align-items: center;
    }

    .header h1 {
        width: auto !important;
        max-width: 75%;
        height: auto !important;
        font-size: 24px !important;
    }

    .header ul {
        float: none;
        line-height: normal;
    }

    .bar img,
    .content img {
        display: block;
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
    }

    .main .left_nav,
    .main .main_content {
        float: none;
        width: 100% !important;
        margin: 0;
    }

    .main .left_nav ul {
        min-height: 0;
    }

    .main .left_nav ul li {
        display: inline-block;
        padding: 0 8px;
        text-indent: 0;
        background: none;
    }

    .main .main_content .content {
        min-height: 0;
        padding: 8px 12px;
        overflow-wrap: anywhere;
    }

    .contact img,
    body > img {
        max-width: 100%;
        height: auto;
    }

    .mp-footer {
        height: auto;
        line-height: 1.8;
    }

    .mp-footer .mp-foot-nav {
        height: auto;
        white-space: normal;
    }

    .kjtable {
        display: block;
        overflow: visible;
        white-space: normal;
    }

    .kjtable > tbody {
        display: block;
        min-width: 0;
    }

    .kjtable > tbody > tr:nth-child(2) {
        display: none;
    }

    .kjtable > tbody > tr.kjtable-t {
        display: block;
        margin: 12px 0 6px;
    }

    .kjtable > tbody > tr.kjtable-t td {
        display: block;
        padding: 2px 10px;
        border: 0;
        border-left: 3px solid #d51938;
        line-height: 1.8;
        text-indent: 0;
        font-weight: 700;
    }

    .kjtable > tbody > tr:has(> td.number) {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr) auto;
        grid-template-areas:
            "icon name period"
            "icon date time"
            "numbers numbers numbers"
            "query query query";
        align-items: center;
        gap: 4px 8px;
        margin: 0 0 10px;
        padding: 10px;
        border: 1px solid #ececec;
        border-radius: 6px;
        background: #fff;
    }

    .kjtable > tbody > tr.tr-gray:has(> td.number) {
        background: #f7f7f7;
    }

    .kjtable > tbody > tr:has(> td.number) > td {
        min-width: 0;
        padding: 0;
        border: 0;
        line-height: 1.6;
        text-align: left;
    }

    .kjtable > tbody > tr:has(> td.number) > td:first-child {
        grid-area: icon;
        width: 32px;
        height: 32px;
    }

    .kjtable > tbody > tr:has(> td.number) > td:nth-child(2) {
        grid-area: name;
        font-size: 16px;
        font-weight: 700;
    }

    .kjtable > tbody > tr:has(> td.number) > td:nth-child(3) {
        grid-area: period;
        color: #666;
        text-align: right;
        white-space: nowrap;
    }

    .kjtable > tbody > tr:has(> td.number) > td:nth-child(4) {
        grid-area: date;
        color: #666;
    }

    .kjtable > tbody > tr:has(> td.number) > td.number {
        grid-area: numbers;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        padding: 8px 0 2px;
        white-space: normal;
    }

    .kjtable > tbody > tr:has(> td.number) > td:nth-child(6) {
        grid-area: time;
        color: #666;
        text-align: right;
        white-space: nowrap;
    }

    .kjtable > tbody > tr:has(> td.number) > td:nth-child(n+7):not(:last-child) {
        display: none;
    }

    .kjtable > tbody > tr:has(> td.number) > td:last-child {
        grid-area: query;
        justify-self: end;
        padding-top: 4px;
        color: #666;
        text-align: right;
    }

    .kjtable > tbody > tr:has(> td.number) td.number span {
        flex: 0 0 26px;
        padding: 0;
    }

    .kjtable > tbody > tr:has(> td.number) td.number .shijihao {
        width: 100%;
        padding: 4px 0 0;
    }

    .kjtable > tbody > tr:not(.kjtable-t):not(:nth-child(2)):not(:has(> td.number)) td[colspan="12"].tip {
        display: block;
        padding: 8px 10px;
        border: 0;
        line-height: 1.7;
        text-align: left;
        text-indent: 0;
        white-space: normal;
    }

    .kjtable > tbody > tr:not(.kjtable-t):not(:nth-child(2)):not(:has(> td.number)):not(:has(td.tip)):not(:has(> td[colspan="8"])):not(:has(> td[colspan="4"])) {
        display: block;
        margin: 0 0 10px;
    }

    .kjtable > tbody > tr:not(.kjtable-t):not(:nth-child(2)):not(:has(> td.number)):not(:has(td.tip)):not(:has(> td[colspan="8"])):not(:has(> td[colspan="4"])) > td {
        display: inline-block;
        padding: 4px 8px;
        border: 0;
        line-height: 1.6;
    }

    .kjtable > tbody > tr:not(.kjtable-t):not(:nth-child(2)):not(:has(> td.number)):not(:has(td.tip)):not(:has(> td[colspan="8"])):not(:has(> td[colspan="4"])) > td:first-child {
        display: none;
    }

    .kjtable > tbody > tr:not(.kjtable-t):not(:nth-child(2)):not(:has(> td.number)):not(:has(td.tip)):not(:has(> td[colspan="8"])):not(:has(> td[colspan="4"])) > td[colspan] {
        display: block;
    }

    .kjtable > tbody > tr:has(> td[colspan="8"]) {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        align-items: center;
        gap: 0 8px;
        margin: 0 0 10px;
        padding: 8px 10px;
        border: 1px solid #ececec;
        border-radius: 6px;
    }

    .kjtable > tbody > tr:has(> td[colspan="8"]) > td {
        display: block;
        padding: 0;
        border: 0;
        line-height: 1.7;
    }

    .kjtable > tbody > tr:has(> td[colspan="8"]) > td:first-child {
        display: block;
        grid-row: 1 / span 2;
        width: 32px;
        height: 32px;
    }

    .kjtable > tbody > tr:has(> td[colspan="8"]) > td:nth-child(2) {
        font-weight: 700;
    }

    .kjtable > tbody > tr:has(> td[colspan="4"]) {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 4px;
        margin: 0 0 10px;
    }

    .kjtable > tbody > tr:has(> td[colspan="4"]) > td {
        display: block;
        padding: 6px 2px;
        border: 1px solid #ececec;
        line-height: 1.5;
        text-align: center;
    }

    .mp-foot-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
    }

    .mp-foot-nav a,
    .mp-foot-nav b {
        float: none;
    }

    .mp-foot-nav span {
        float: none;
        width: 100%;
    }
}