@charset "utf-8";
@media (max-width: 1200px) {

    .box,
    main {
        width: 96%
    }
}

@media (max-width: 768px) {
    .search {
        width: 60%
    }

    .lbox,
    .rbox {
        width: 100%
    }

    footer {
        font-size: 12px;
        line-height: 24px;
        padding: 10px 0
    }
}

@media (max-width: 640px) {
    .gd-box {
        overflow-x: scroll;
    }

    ul#tab {
        width: max-content;
    }

    .blogs_list li i {
        width: 100px;
        height: 60px;
    }

    .info {
        font-size: 12px;
    }

    .blogs_list li p {
        margin: 12px 0;
    }

    .search {
        width: 90%;
        margin: 80px auto 0;
    }

    .logo {
        font-size: 20px;
        margin: 30px auto;
        position: fixed;
        top: 10px;
        left: 0;
        margin: 0;
        z-index: 999;
        font-size: 15px;
        padding-left: 10px;
        color: #fff;
    }

    .con_tit {
        margin: 10px;
    }

    .con_tit h1 {
        font-size: 20px;
        line-height: 30px;
    }

    .con_info {
        font-size: 12px;
    }

    .content blockquote {
        padding: 10px;
        font-size: 14px;
    }

    .content blockquote:before {
        background: no-repeat;
    }

    .content {
        margin: 10px;
        font-size: 15px;
    }

    .con_tags {
        margin: 10px;
    }

    .con_tags a {
        font-size: 12px;
    }

    .info-pre-next {
        margin: 10px;
        font-size: 12px;
    }

    .other_news {
        margin: 10px;
    }

    .blog_list.love_list .side_title {
        font-size: 18px;
        margin: 20px 10px 10px;
    }

    .other_news.tj_news h3 {
        font-size: 18px;
    }

    .blogs_list {
        padding: 10px;
    }

    .rbox>div {
        padding: 15px;
    }

    #mnavh {
        display: block;
        top: 0;
        right: 16px;
        position: absolute;
    }

    nav {
        height: 40px;
        width: 100%;
        padding-left: 0;
        margin-top: 0;
        position: fixed;
        top: 0;
        left: 0;
        background: #10363c;
        border-radius: 0;
        z-index: 999;
        overflow: initial;
    }

    nav #starlist {
        width: 36%;
        background: #e98264;
        overflow: hidden;
        top: 40px;
        left: 10px;
        position: absolute;
        padding: 20px;
        box-shadow: #c7c5c5 0px 4px 6px;
    }

    #starlist {
        display: none
    }

    #starlist li {
        margin: 5px 0;
        width: 100%;
        background: #ffffff;
        line-height: 38px;
        font-weight: normal;
        border-radius: 6px;
    }

    #starlist li a {
        text-align: center;
        display: block;
        line-height: inherit;
        margin: 0;
        padding: 0 18px;
        font-size: 14px;
    }

    .tags_list .tags {
        padding: 10px;
    }

    #tab li,
    .weizhi {
        line-height: 36px;
        font-size: 14px;
    }

    main {
        margin: -36px auto 0;
    }

    .blogs_list li p {
        -webkit-line-clamp: 2;
    }
}