@charset "UTF-8";

/* slider */
.h5Main .sliderContains {
    display: flex;
    justify-content: space-between;
    min-height: calc(100vh - 2.75rem);
}

.h5Main .sliderList {
    width: 5rem;
    padding-top: 1.125rem;
    position: sticky;
    height: 100vh;
    top: 0;
    border-right: 0.0625rem solid #e9e9e9;
}

    .h5Main .sliderList li {
        border-left: 0.125rem solid transparent;
        font-size: 0.75rem;
        color: #808080;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .h5Main .sliderList li.active {
            border-left: 0.125rem solid #FF3955;
        }

        .h5Main .sliderList li a {
            padding: 0.875rem 0;
            color: #808080;
        }

        .h5Main .sliderList li.active a {
            color: #FF3955;
            font-weight: bold;
        }


.h5Main .sliderContent {
    width: calc(100% - 5rem);
}
/* 小说列表 */
.h5Main .bookList {
    padding: 0 1rem;
}

    .h5Main .bookList .bookItem {
        padding: 1rem 0;
        border-top: 0.0625rem solid #f5f5f5;
    }

        .h5Main .bookList .bookItem:first-child {
            border-top: 0;
        }

        .h5Main .bookList .bookItem a {
            position: relative;
            display: flex;
            justify-content: space-between;
        }

            .h5Main .bookList .bookItem a .rankType {
                font-size: 0.6875rem;
                line-height: 1;
                position: absolute;
                z-index: 2;
                top: 0;
                left: 0;
                min-width: 0.875rem;
                /* padding: 0 0.2rem; */
                height: 0.875rem;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #fff;
                background-color: #808080;
            }

            .h5Main .bookList .bookItem a .rankType1 {
                font-size: 0.75rem;
                background-color: #F62F55;
            }

            .h5Main .bookList .bookItem a .rankType2 {
                font-size: 0.75rem;
                background-color: #FF7E00;
            }

            .h5Main .bookList .bookItem a .rankType3 {
                font-size: 0.75rem;
                background-color: #FFA100;
            }
            /* .h5Main .bookList .bookItem a .rankType4{
    background-image: url(../image/pc/rank_num_bg.png);
    background-position: -72px 0;
} */
            .h5Main .bookList .bookItem a:active {
                background-color: #fafafa;
            }

    .h5Main .bookList .bookImg {
        width: 45px;
        height: 60px;
        border: 0.0625rem solid #E9E9E9;
        box-shadow: 0 4px 8px 0 #0000001a;
    }

        .h5Main .bookList .bookImg img {
            width: 100%;
            height: 100%;
        }

    .h5Main .bookList .bookInfo {
        width: calc(100% - 2.8125rem - 0.4375rem);
    }

        .h5Main .bookList .bookInfo h4 {
            font-size: 0.875rem;
            line-height: 1;
            color: #191919;
            font-weight: bold;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .h5Main .bookList .bookInfo p {
            font-size: 0.75rem;
            color: #666;
            margin-top: 0.25rem;
            line-height: 1rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .h5Main .bookList .bookDesc {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 0.6875rem;
    }

    .h5Main .bookList .bookAuthor {
        font-size: 0.75rem;
        color: #a6a6a6;
    }

    .h5Main .bookList .bookTags {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

        .h5Main .bookList .bookTags .tag {
            margin-right: 0.25rem;
            font-size: 0.625rem;
            line-height: 1;
            padding: 2px 3px;
            border-width: 0.0625rem;
            border-style: solid;
            border-radius: 0.125rem;
        }

            .h5Main .bookList .bookTags .tag:last-child {
                margin-right: 0;
            }

            .h5Main .bookList .bookTags .tag.tag-1 {
                color: #FF4E98;
                border-color: #FF4E98;
            }

            .h5Main .bookList .bookTags .tag.tag-2 {
                color: #FF824D;
                border-color: #FF824D;
            }