@charset "utf-8";

@media screen and (max-width:1200px) {
    .header {
        display: none;
    }

    .cate-navs-warp {
        display: none;
    }

    .left-nav-part {
        display: none;
    }

    .right-online-service {
        display: none;
    }

    .page-center-part {
        margin: 0 5px;
        width: 100%;
    }

    .page-center-part .crumb {
        display: none;
    }

    .page-center-part .cur-page-title {
        flex-direction: column;
        align-items: center;
        margin: 0 0 20px;
    }

    .page-center-part .cur-page-title>h1 {
        font-size: 18px;
    }

    .page-center-part .cur-page-title>span {
       margin-top: 20px;
    }

    #head-bar {
        display: block;
    }

    .detail-warp img {
        max-width: 100%;
    }

    .related {
        flex-direction: column;
    }

    .related-warp {
        width: 100%!important;
    }

    .related-warp .related-box a{
        display: inline-block;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .area-tabs-data .link-box {
        width: 22%;
    }
}

@media screen and (min-width: 429px) and (max-width: 750px){
    .area-tabs-data .link-box {
        width: 28%;
    }

    .top-lines-list .show-box-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 376px) and (max-width: 428px){
    .area-tabs-data .link-box {
        width: 41%;
    }

    .top-lines-list .show-box-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:375px) {
    .area-tabs-data .link-box {
        width: 43%;
    }

    .top-lines-list .show-box-content {
        grid-template-columns: repeat(2, 1fr);
    }
}