@media(min-width: 1200px) {
    .container {
        width:1030px
    }

    .header_search>input {
        min-width: 400px
    }

    .mg_item .mg_images img,.story_item .story_images img {
        height: 250px
    }

    .mg_rank .mg_rank-content>.row {
        margin: 0 -7px
    }

    .mg_rank .mg_rank-content>.row .col-md-4 {
        padding: 0 7px
    }

    .recoment_box>.row .col-md-3:nth-child(4n+1) {
        clear: both
    }

    .detail_story>.row {
        margin: 0 -10px
    }

    .detail_story>.row>.col-md-8 {
        padding: 0 10px;
        width: 70%
    }

    .detail_story>.row>.col-md-4 {
        padding: 0 10px;
        width: 30%
    }
}

@media only screen and (max-width: 991px) {
    .iedu_main .iedu_block__menu .iedu_block__right .banner_list {
        margin-top:15px
    }

    .chat_rank {
        margin-bottom: 20px!important
    }
}

@media(min-width: 768px) {
    .story_item .story_images img {
        height: 110px;
    }

    .story_all .story_item .story_images img {
        max-height: 110px;
    }

    .chat_manga18 form>.row {
        margin: 0 -5px
    }

    .chat_manga18 form>.row>.col-md-5,.chat_manga18 form>.row .col-sm-5,.chat_manga18 form>.row .col-md-2,.chat_manga18 form>.row .col-sm-2 {
        padding: 0 5px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .story_item .story_images img {
        height: 110px;
    }

    .mg_rank .mg_rank-content>.row {
        margin: 0 -7px
    }

    .mg_rank .mg_rank-content>.row .col-sm-6 {
        padding: 0 7px
    }

    .mg_rank .mg_rank-content>.row .col-sm-6 .manga_box {
        margin-bottom: 15px
    }

    .mg_recomment .mg_recomment-content>.row {
        margin: 0 -7px
    }

    .mg_recomment .mg_recomment-content>.row .col-md-9,.mg_recomment .mg_recomment-content>.row .col-md-3 {
        padding: 0 7px
    }

    .mg_recomment .mg_recomment-content>.row .col-md-9 .recomment_box>.row,.mg_recomment .mg_recomment-content>.row .col-md-3 .recomment_box>.row {
        margin: 0 -7px
    }

    .mg_recomment .mg_recomment-content>.row .col-md-9 .recomment_box>.row .col-sm-3,.mg_recomment .mg_recomment-content>.row .col-md-3 .recomment_box>.row .col-sm-3 {
        padding: 0 7px
    }

    .mg_recomment .mg_recomment-content>.row .col-md-9 .recomment_box>.row .col-sm-3:nth-child(4n+1),.mg_recomment .mg_recomment-content>.row .col-md-3 .recomment_box>.row .col-sm-3:nth-child(4n+1) {
        clear: both
    }

    .recoment_box>.row .col-sm-3:nth-child(4n+1) {
        clear: both
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .story_item .story_images img {
        height: 110px;
    }

    .mg_recomment .mg_recomment-content>.row {
        margin: 0 -7px
    }

    .mg_recomment .mg_recomment-content>.row .col-md-9,.mg_recomment .mg_recomment-content>.row .col-md-3 {
        padding: 0 7px
    }

    .mg_recomment .mg_recomment-content>.row .col-md-9 .recomment_box>.row .col-xs-6:nth-child(2n+1),.mg_recomment .mg_recomment-content>.row .col-md-3 .recomment_box>.row .col-xs-6:nth-child(2n+1) {
        clear: both
    }

    .mg_rank .rank_title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .mg_rank .rank_title .rank_option {
        margin-top: 15px
    }

    .detail_infomation {
        margin-top: 15px
    }

    .detail_chapterMenu .section_button>button {
        min-width: unset
    }

    .chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailHead {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .user_left {
        margin-bottom: 15px
    }

    .detail_story .detail_avatar img {
        width: 80%;
        margin: auto;
        -o-object-fit: contain;
        /* object-fit: contain; */
        border-radius: 15px;
    }

    .recoment_box>.row .col-xs-6:nth-child(2n+1) {
        clear: both
    }
}