/* 819px 媒体查询 */
@media (max-width: 819px) {
    .home-h1 {
        font-size: 18px;
    }
    .jz-banner {
        min-height: 150px;
        margin-top: 0;
    }
    .jz-dynamic-state, .literature, .rank-section, .sign-book {
        width: auto;
        padding: 0 15px;
        margin: 10px 10px 0;
    }
    .jz-dynamic-state .tit {
        font-size: 18px;
        padding: 5px 0;
        line-height: 40px;
    }
    .dynamic-state-list {
        margin-top: 0;
        height: 100px;
    }
    .dynamic-state-item {
        font-size: 12px;
        width: 100%;
        height: 24px;
        line-height: 24px;
    }
    .literature {
        min-height: 275px;
    }
    .literature-item h3 {
        font-size: 12px;
    }
    .literature-item .pro {
        font-size: 10px;
    }
    .literature .literature-linear {
        display: none;
    }
    .rank-section {
        margin-top: 0;
    }
    .literature-bg {
        display: none;
    }
    .literature-content {
        left: 15px;
        right: 15px;
        bottom: 0;
        top: 30px;
    }
    .literature-item {
        margin-right: 0;
        margin-top: 0;
        width: 100px;
    }
    .literature-item img {
        margin-top: 10px;
        height: 112px;
        border-radius: 6px;
    }
    .rank-wrapper {
        overflow-x: auto;
    }
    .rank-section {
        height: auto;
    }
    .rank-item {
        width: 70%;
        margin-right: 15px;
    }
    .rank-item h2 {
        font-size: 16px;
    }
    .rank-item ol li:before {
        width: 20px;
        height: 20px;
    }
    .rank-item ol li:first-child::before, .rank-item ol li:nth-child(2)::before, .rank-item ol li:nth-child(3)::before {
        background-size: 20px 20px;
    }
    .rank-item ol li a {
        width: calc(100% - 40px);
        flex: auto;
    }
    .rank-item ol li .fold {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        background: url("../images/eglass-arrow-right.png") right 6px no-repeat;
        background-size: 12px 12px;
    }
    .rank-item ol li.spread .pro h3 {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        /* 兼容性处理 */
        display: block;
        max-height: 3em;
        line-height: 1.5em;
        word-break: break-all;
    }

    .rank-item ol li.spread .fold {
        display: none;
    }
    
    /* 针对不支持-webkit-line-clamp的浏览器 */
    @supports not (-webkit-line-clamp: 2) {
        .rank-item ol li.spread .pro h3 {
            display: block;
            max-height: 3em;
            line-height: 1.5em;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
        }
    }
    .rank-item ol li .pro .author {
        font-size: 12px;
    }
    .rank-item ol li.spread img {
        flex-shrink: 0;
        width: 68px;
        height: 98px;
    }
    .sign-item {
        width: 100%;
        height: 196px;
        margin: 0 0 20px!important;
    }
    .sign-inner-item {
        height: 174px;
    }
    .sign-item.new .sign-inner-item .l::before {
        height: 20px;
        width: 20px;
        font-size: 12px;
        border-top-left-radius: 6px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 6px;
    }
    .sign-inner-item .l img {
        width: 65px;
        height: 94px;
        border-radius: 6px;
    }
    .sign-inner-item .r span {
        font-size: 12px;
    }
    .sign-inner-item .r span.author {
        color: #BC8E4F;
    }
    .sign-inner-item .r h3 {
        font-size: 15px;
    }
    .sign-inner-item .desc {
        font-size: 12px;
    }
}

/* 820px - 1024px 媒体查询 */
@media (min-width: 820px) and (max-width: 1024px) {
    .jz-banner {
        min-height: 150px;
        margin-top: -80px;
    }
    .jz-header.home {
        background: linear-gradient(180deg, #110209 0%, rgba(17, 2, 9, 0) 100%)!important;
    }
    .literature {
        min-height: 460px;
    }
    .literature-content {
        left: 20px;
        right: 20px;
    }
    .jz-header .l .logo, .jz-header.home .l .logo {
        background-image: url("../images/white_logo.png");
    }
    .jz-header .l ul {
        position: relative;
        display: flex;
        align-items: center;
        padding: 0 20px
    }
    .rank-section, .literature, .sign-book {
        width: 100%;
        padding: 0 20px;
    }
    .rank-wrapper {
        flex-wrap: wrap;
    }
    .rank-section {
        height: auto;
    }
    .rank-item {
        width: calc(50% - 10px);
    }
    .sign-wrapper {
        justify-content: space-between;
    }
    .sign-item {
        width: calc(50% - 10px);
    }
    .sign-item:nth-child(3n+2) {
        margin: 0;
    }
}

/* 1024px - 1200px 媒体查询 */
@media (min-width: 1024px) and (max-width: 1200px) {
    .jz-banner {
        min-height: 200px;
    }
    .rank-section, .literature, .sign-book {
        width: 100%;
        margin-left: 20px;
        margin-right: 20px;
    }
    .rank-item {
        width: calc(50% - 10px);
    }
}