@charset "utf-8";
/*  首页 自适应  */
@media (max-width: 980px) {
    html, body {
        overflow-x: hidden;
    }

    /*  头部自适应区域 */
    .searchHeader {
        height: 130px;
    }

    .searchBox {
        width: auto;
        text-align: center;
        padding-top: 10px;
    }

    .searchBox .topLeft {
        float: none;
        margin: 0;
    }

    .searchBox .topLeft img {
        width: 300px;
    }

    .searchMiddle {
        float: none;
        margin: 10px auto;
        width: 280px;
    }

    .searchMiddleBox {
        float: none;
        margin-left: 15px;
        width: 280px;
    }

    .searchOptions .searchInfo {
        padding-left: 0;
    }

    .topRight {
        display: none;
    }

    /*    导航自适应 */
    .navHeader {
        width: 150px;
        /* position: relative; */
        position: absolute;
        top: 80px;
        z-index: 10;
        left: -118px;
        border-radius: 4px;
        height: 31px;
        background: url("/_res/images_video/navbtn.png") no-repeat 110px center #f9f9f9;
    }

    .navHeader ul {
        width: 150px;
        display: none;
        margin: 28px 0 0;
    }

    .navHeader ul li {
        background: #f9f9f9;
        z-index: 100;
        width: 100%;
        list-style: none;
        float: none;
        height: 51px;
        line-height: 51px;
        color: #fff;
        margin-right: 0;
        display: flex;
        justify-content: center;
        border-bottom: 1px dashed #ccc;
    }

    .navHeader ul li:last-of-type {
        border: 0;
    }
    .navHeader.l0 {
        left: 0;
    }
    .mainBox {
    }
    .mainBoxContainer {
        display: flex;
        justify-content: space-around;
        margin: 0;
        width: auto;
        position: static;
        padding: 10px;
    }
    .left_column_wrap {
        margin-right: 10px;
    }
    .left_column {
        width: auto;
    }
    /*  右侧  */
    .right_recommend {
        position: static;
    }
}
@media (max-width: 650px) {
    .right_recommend {
        display: none;
    }
    .columnContent .columnList {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}
@media (max-width: 414px) {
    .columnContent .columnList {
        justify-content: center;
    }
}