.main_l {
    width: 25%;
    background: #f8f4da;
}

.wrap {
    width: 100%;
    white-space: inherit;
    /* margin: 30px 0; */
}
.channel_main{
    font-size: 12px;
}
.channel_main .title {
    font-size: 18px;
    font-weight: bold;
}
.page_tit {
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.page_tit span {
    font-size: 22px;
    color: #40b0bd;
    font-weight: bold;
    float: left;
    margin-right: 20px;
    cursor: pointer;
    border-bottom: 3px solid #40b0bd;
    padding-bottom: 12px;
    float: left;
}

@media screen and (min-width: 1200px) {}

@media screen and (max-width: 1020px) {}

@media screen and (min-width: 992px) {}

@media screen and (max-width: 850px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 585px) {
    .main_l {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .main_l {
        width: 100%;
    }
}

@media screen and (max-width: 350px) {
    .main_l {
        width: 100%;
    }
}