.ranking_block_container {
    margin-bottom: 40px;
    width: 49%;
    box-sizing: border-box
}

@media (max-width:1332px) {
    .ranking_block_container {
        width: 48%;
        margin-bottom: 22px;
        padding: 0 40px
    }
}

@media (max-width:1020px) {
    .ranking_block_container {
        width: 100%;
        margin-bottom: 14px
    }
}

@media (max-width:960px) {
    .ranking_block_container {
        padding: 0 30px
    }
}

@media (max-width:460px) {
    .ranking_block_container {
        padding: 10px 20px 8px;
        margin-bottom: 0
    }
    .ranking_block_container:nth-child(2n+0) {
        /* background-color: #17181a */
    }
    .wr_whiteTheme .ranking_block_container:nth-child(2n+0) {
        background-color: #f6f7f9
    }
}

.ranking_block_header {
    padding: 20px 0;
    border-radius: 0;
    border: solid hsla(0, 0%, 100%, .05);
    border-width: 0 0 1px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .ranking_block_header {
        position: relative;
        border: 0
    }
    .ranking_block_header:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: solid hsla(0, 0%, 100%, .05);
        border-width: 0 0 1px;
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .ranking_block_header:after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

.wr_whiteTheme .ranking_block_header {
    border-radius: 0;
    border: solid #ebedf1;
    border-width: 0 0 1px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .wr_whiteTheme .ranking_block_header {
        position: relative;
        border: 0
    }
    .wr_whiteTheme .ranking_block_header:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: solid #ebedf1;
        border-width: 0 0 1px;
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .wr_whiteTheme .ranking_block_header:after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

@media (max-width:960px) {
    .ranking_block_header {
        padding: 12px 0
    }
}

@media (max-width:460px) {
    .ranking_block_header {
        padding: 12px 0 0;
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05)
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:2),
(max-width:460px) and (min-device-pixel-ratio:2),
(max-width:460px) and (min-resolution:2dppx),
(max-width:460px) and (min-resolution:192dpi) {
    .ranking_block_header {
        position: relative;
        border: 0
    }
    .ranking_block_header:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05);
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:3),
(max-width:460px) and (min-device-pixel-ratio:3),
(max-width:460px) and (min-resolution:3dppx),
(max-width:460px) and (min-resolution:288dpi) {
    .ranking_block_header:after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

@media (max-width:460px) {
    .wr_whiteTheme .ranking_block_header {
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05)
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:2),
(max-width:460px) and (min-device-pixel-ratio:2),
(max-width:460px) and (min-resolution:2dppx),
(max-width:460px) and (min-resolution:192dpi) {
    .wr_whiteTheme .ranking_block_header {
        position: relative;
        border: 0
    }
    .wr_whiteTheme .ranking_block_header:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05);
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:3),
(max-width:460px) and (min-device-pixel-ratio:3),
(max-width:460px) and (min-resolution:3dppx),
(max-width:460px) and (min-resolution:288dpi) {
    .wr_whiteTheme .ranking_block_header:after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

.ranking_block_header_link {
    display: inline-block
}

.ranking_block_header_cover {
    height: 32px;
    display: inline-block;
    vertical-align: bottom
}

@media (max-width:960px) {
    .ranking_block_header_cover {
        height: 28px
    }
}

.ranking_block_header_title {
    display: none
}

.ranking_block_header_desc {
    font-size: 12px;
    margin-top: 4px;
    color: #8a8c90
}

.wr_whiteTheme .ranking_block_header_desc {
    color: #858c96
}

.ranking_block_footer {
    padding: 20px 0
}

@media (max-width:460px) {
    .ranking_block_footer {
        padding-top: 22px
    }
}

.ranking_block_footer_link {
    font-size: 15px;
    color: #404040
}

.wr_whiteTheme .ranking_block_footer_link {
    color: #404040
}

@media (max-width:460px) {
    .ranking_block_footer_link {
        width: 100%;
        height: 44px;
        line-height: 44px;
        display: inline-block;
        text-align: center;
        color: #1b88ee;
        border-radius: 10px;
        border: 1px solid hsla(0, 0%, 100%, .2)
    }
    .wr_whiteTheme .ranking_block_footer_link {
        color: #1b88ee
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:2),
(max-width:460px) and (min-device-pixel-ratio:2),
(max-width:460px) and (min-resolution:2dppx),
(max-width:460px) and (min-resolution:192dpi) {
    .ranking_block_footer_link {
        position: relative;
        border: 0
    }
    .ranking_block_footer_link:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 20px;
        border: 1px solid hsla(0, 0%, 100%, .2);
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:3),
(max-width:460px) and (min-device-pixel-ratio:3),
(max-width:460px) and (min-resolution:3dppx),
(max-width:460px) and (min-resolution:288dpi) {
    .ranking_block_footer_link:after {
        width: 300%;
        height: 300%;
        border-radius: 30px;
        transform: scale(.33333)
    }
}

@media (max-width:460px) {
    .wr_whiteTheme .ranking_block_footer_link {
        border-radius: 10px;
        border: 1px solid rgba(0, 0, 0, .2)
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:2),
(max-width:460px) and (min-device-pixel-ratio:2),
(max-width:460px) and (min-resolution:2dppx),
(max-width:460px) and (min-resolution:192dpi) {
    .wr_whiteTheme .ranking_block_footer_link {
        position: relative;
        border: 0
    }
    .wr_whiteTheme .ranking_block_footer_link:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 20px;
        border: 1px solid rgba(0, 0, 0, .2);
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:3),
(max-width:460px) and (min-device-pixel-ratio:3),
(max-width:460px) and (min-resolution:3dppx),
(max-width:460px) and (min-resolution:288dpi) {
    .wr_whiteTheme .ranking_block_footer_link:after {
        width: 300%;
        height: 300%;
        border-radius: 30px;
        transform: scale(.33333)
    }
}

.ranking_block_footer_link:hover {
    color: orange
}

.wr_whiteTheme .ranking_block_footer_link:hover {
    color: orange
}

.ranking_block_footer_link:hover .ranking_block_footer_link_icon {
    background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_white.1dbf14d1.png) no-repeat;
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .ranking_block_footer_link:hover .ranking_block_footer_link_icon {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_white_2x.ebdc774b.png)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .ranking_block_footer_link:hover .ranking_block_footer_link_icon {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_white_3x.b48b7cb1.png)
    }
}

.wr_whiteTheme .ranking_block_footer_link:hover .ranking_block_footer_link_icon {
    background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_white_in_white_theme.b07ade63.png) no-repeat;
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .wr_whiteTheme .ranking_block_footer_link:hover .ranking_block_footer_link_icon {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_white_in_white_theme_2x.a6c4f676.png)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .wr_whiteTheme .ranking_block_footer_link:hover .ranking_block_footer_link_icon {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_white_in_white_theme_3x.4d6e46dd.png)
    }
}

.ranking_block_footer_link_text {
    vertical-align: middle;
    margin-right: 5px
}

.ranking_block_footer_link_icon {
    display: inline-block;
    width: 7px;
    height: 11px;
    vertical-align: middle;
    background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_gray.0cf9af2a.png) no-repeat;
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .ranking_block_footer_link_icon {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_gray_2x.6197cb85.png)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .ranking_block_footer_link_icon {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_gray_3x.7d0708bf.png)
    }
}

.wr_whiteTheme .ranking_block_footer_link_icon {
    background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_gray_in_white_theme.b6e642ff.png) no-repeat;
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .wr_whiteTheme .ranking_block_footer_link_icon {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_gray_in_white_theme_2x.5fa2df54.png)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .wr_whiteTheme .ranking_block_footer_link_icon {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_gray_in_white_theme_3x.7069dd5f.png)
    }
}

@media (max-width:460px) {
    .ranking_block_footer_link_icon {
        display: none
    }
}

.ranking_block_body:after {
    content: "";
    display: block;
    clear: both
}

.ranking_block_body_left {
    width: 48%;
    float: left
}

.ranking_block_body_right {
    width: 48%;
    float: right
}

@media (max-width:560px) {
    .ranking_block_body_left,
    .ranking_block_body_right {
        float: none;
        width: 100%
    }
}

@media (max-width:460px) {
    .ranking_block_body_right {
        display: none
    }
}

.ranking_block_book {
    position: relative;
    border-radius: 0;
    border: solid hsla(0, 0%, 100%, .05);
    border-width: 0 0 1px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .ranking_block_book {
        position: relative;
        border: 0
    }
    .ranking_block_book:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: solid hsla(0, 0%, 100%, .05);
        border-width: 0 0 1px;
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .ranking_block_book:after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

.wr_whiteTheme .ranking_block_book {
    border-radius: 0;
    border: solid #ebedf1;
    border-width: 0 0 1px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .wr_whiteTheme .ranking_block_book {
        position: relative;
        border: 0
    }
    .wr_whiteTheme .ranking_block_book:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: solid #ebedf1;
        border-width: 0 0 1px;
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .wr_whiteTheme .ranking_block_book:after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

@media (max-width:460px) {
    .ranking_block_book {
        display: none;
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05)
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:2),
(max-width:460px) and (min-device-pixel-ratio:2),
(max-width:460px) and (min-resolution:2dppx),
(max-width:460px) and (min-resolution:192dpi) {
    .ranking_block_book {
        position: relative;
        border: 0
    }
    .ranking_block_book:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05);
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:3),
(max-width:460px) and (min-device-pixel-ratio:3),
(max-width:460px) and (min-resolution:3dppx),
(max-width:460px) and (min-resolution:288dpi) {
    .ranking_block_book:after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

@media (max-width:460px) {
    .wr_whiteTheme .ranking_block_book {
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05)
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:2),
(max-width:460px) and (min-device-pixel-ratio:2),
(max-width:460px) and (min-resolution:2dppx),
(max-width:460px) and (min-resolution:192dpi) {
    .wr_whiteTheme .ranking_block_book {
        position: relative;
        border: 0
    }
    .wr_whiteTheme .ranking_block_book:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05);
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:3),
(max-width:460px) and (min-device-pixel-ratio:3),
(max-width:460px) and (min-resolution:3dppx),
(max-width:460px) and (min-resolution:288dpi) {
    .wr_whiteTheme .ranking_block_book:after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

@media (max-width:460px) {
    .ranking_block_book:nth-child(-n+3) {
        display: block
    }
    .ranking_block_book:nth-child(3) {
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05)
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:2),
(max-width:460px) and (min-device-pixel-ratio:2),
(max-width:460px) and (min-resolution:2dppx),
(max-width:460px) and (min-resolution:192dpi) {
    .ranking_block_book:nth-child(3) {
        position: relative;
        border: 0
    }
    .ranking_block_book:nth-child(3):after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05);
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:3),
(max-width:460px) and (min-device-pixel-ratio:3),
(max-width:460px) and (min-resolution:3dppx),
(max-width:460px) and (min-resolution:288dpi) {
    .ranking_block_book:nth-child(3):after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}


/* 
.ranking_block_book:hover .ranking_block_book_container {
    /* background: linear-gradient(90deg, #191919, #1f2022) */


/* }

.wr_whiteTheme .ranking_block_book:hover .ranking_block_book_container {
    background: linear-gradient(90deg, #edeeef, #fff)
}

.wr_Andriod .ranking_block_book:hover .ranking_block_book_container,
.wr_iOS .ranking_block_book:hover .ranking_block_book_container,
.wr_WindowsPhone .ranking_block_book:hover .ranking_block_book_container {
    background: none
}
*/

.ranking_block_book:hover .ranking_block_book_title {
    color: orange
}


/*
.wr_whiteTheme .ranking_block_book:hover .ranking_block_book_title {
    color: #212832
} */

.ranking_block_book_container {
    padding: 16px 0 16px 16px;
    margin-left: -16px;
    overflow: hidden
}

@media (max-width:460px) {
    .ranking_block_book_container {
        padding-bottom: 0
    }
}

.ranking_block_book_link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important;
    -webkit-tap-highlight-color: transparent!important
}

.ranking_block_book_addShelf,
.ranking_block_book_addShelf_InShelf {
    position: absolute;
    display: none;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 18px;
    font-size: 13px;
    background-color: rgba(0, 0, 0, .3);
    z-index: 3;
    color: #eef0f4
}

.wr_whiteTheme .ranking_block_book_addShelf,
.wr_whiteTheme .ranking_block_book_addShelf_InShelf {
    color: #212832
}

.ranking_block_book_addShelf:hover,
.ranking_block_book_addShelf_InShelf:hover {
    background-color: rgba(0, 0, 0, .5)
}

.ranking_block_book_addShelf_InShelf {
    color: orange
}

.wr_whiteTheme .ranking_block_book_addShelf_InShelf {
    color: orange
}

.ranking_block_book_addShelf_InShelf:hover {
    background-color: rgba(0, 0, 0, .3)
}

.ranking_block_book_cover {
    float: left;
    width: 64px!important;
    height: 92px!important
}

@media (max-width:460px) {
    .ranking_block_book_cover {
        width: 56px!important;
        height: 81px!important
    }
}

.ranking_block_book_bookInfo {
    padding: 0 10px 0 82px;
    margin-top: 20px
}

.ranking_block_book_title {
    font-size: 15px;
    font-weight: 500;
    color: #404040;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: normal
}

.ranking_block_book_bookInfo .ranking_block_book_title:hover {
    color: orange;
}

.ranking_block_book_title:hover {
    background-color: orange;
}

.wr_whiteTheme .ranking_block_book_title {
    color: #0d141e
}

.ranking_block_book_index {
    width: 18px;
    display: inline-block;
    font-family: DIN-Medium, PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif;
    font-size: 16px
}

.ranking_block_book_author {
    position: relative;
    display: inline-block;
    margin-top: 6px;
    margin-left: 18px;
    font-size: 12px;
    z-index: 2;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: normal
}

.wr_whiteTheme .ranking_block_book_author {
    color: #858c96
}

.ranking_block_book_author:hover {
    color: orange
}

.wr_whiteTheme .ranking_block_book_author:hover {
    color: orange
}

.bookshelf_preview_item {
    position: relative;
    height: 169px;
    overflow: hidden;
    border-radius: 6px;
    width: 23.5%;
    background-color: #27282a
}

.wr_whiteTheme .bookshelf_preview_item {
    background-color: #f6f7f9
}

@media (max-width:1200px) {
    .bookshelf_preview_item {
        height: 138px
    }
}

@media (max-width:960px) {
    .bookshelf_preview_item {
        width: 48%;
        margin-top: 30px
    }
    .bookshelf_preview_item:first-child,
    .bookshelf_preview_item:nth-child(2) {
        margin-top: 0
    }
}

@media (max-width:720px) {
    .bookshelf_preview_item {
        width: 100%;
        margin-top: 20px
    }
    .bookshelf_preview_item:nth-child(2) {
        margin-top: 20px
    }
}

@media (max-width:460px) {
    .bookshelf_preview_item {
        height: auto;
        margin-top: 0!important;
        padding: 10px 0;
        border-radius: 0;
        display: none
    }
    .bookshelf_preview_item,
    .wr_whiteTheme .bookshelf_preview_item {
        background-color: transparent
    }
    .bookshelf_preview_item:nth-child(-n+3) {
        display: block
    }
    .bookshelf_preview_item:nth-child(3) {
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05)
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:2),
(max-width:460px) and (min-device-pixel-ratio:2),
(max-width:460px) and (min-resolution:2dppx),
(max-width:460px) and (min-resolution:192dpi) {
    .bookshelf_preview_item:nth-child(3) {
        position: relative;
        border: 0
    }
    .bookshelf_preview_item:nth-child(3):after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05);
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:3),
(max-width:460px) and (min-device-pixel-ratio:3),
(max-width:460px) and (min-resolution:3dppx),
(max-width:460px) and (min-resolution:288dpi) {
    .bookshelf_preview_item:nth-child(3):after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

.bookshelf_preview_item:last-child {
    margin-right: 0
}

.bookshelf_preview_item:hover {
    background-color: #1a1b1c
}

.wr_whiteTheme .bookshelf_preview_item:hover {
    background-color: #edeeef
}

.bookshelf_preview_item:hover .bookshelf_preview_title {
    color: #eef0f4
}

.wr_whiteTheme .bookshelf_preview_item:hover .bookshelf_preview_title {
    color: #212832
}

.wr_Andriod .bookshelf_preview_item:hover,
.wr_Andriod.wr_whiteTheme .bookshelf_preview_item:hover,
.wr_iOS .bookshelf_preview_item:hover,
.wr_iOS.wr_whiteTheme .bookshelf_preview_item:hover,
.wr_WindowsPhone .bookshelf_preview_item:hover,
.wr_WindowsPhone.wr_whiteTheme .bookshelf_preview_item:hover {
    background: none
}

.bookshelf_preview_item_Empty {
    opacity: 0
}

.bookshelf_preview_item_container {
    display: table;
    padding: 24px;
    box-sizing: border-box
}

.bookshelf_preview_item_link {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important;
    -webkit-tap-highlight-color: transparent!important
}

.bookshelf_preview_item .bookshelf_preview_cover {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 84px;
    height: 121px
}

.bookshelf_preview_content {
    padding: 0 0 0 24px;
    display: table-cell;
    vertical-align: middle
}

.bookshelf_preview_title {
    font-size: 16px;
    font-family: "SourceHanSerifCN-Bold", PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif;
    color: #eef0f4;
    line-height: 24px;
    overflow: hidden;
    height: 48px;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-text-size-adjust: none;
    box-orient: vertical;
    height: auto;
    max-height: 48px;
    word-break: break-all
}

.wr_whiteTheme .bookshelf_preview_title {
    color: #0d141e
}

.bookshelf_preview_author {
    position: relative;
    display: inline-block!important;
    margin-top: 8px;
    font-size: 14px;
    vertical-align: bottom;
    color: #8a8c90;
    line-height: 22px;
    overflow: hidden;
    height: 22px;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-text-size-adjust: none;
    box-orient: vertical;
    height: auto;
    max-height: 22px
}

.wr_whiteTheme .bookshelf_preview_author {
    color: #858c96
}

.bookshelf_preview_desc {
    margin-top: 5px;
    font-size: 13px;
    font-family: DIN-Regular, PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif;
    color: #626468;
    line-height: 22px;
    overflow: hidden;
    height: 44px;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-text-size-adjust: none;
    box-orient: vertical;
    height: auto;
    max-height: 44px
}

.wr_whiteTheme .bookshelf_preview_desc {
    color: #adb4be
}

@media (max-width:460px) {
    .bookshelf_preview_desc {
        font-size: 11px;
        margin-top: 2px
    }
}

@media (max-width:1200px) {
    .bookshelf_preview_item .bookshelf_preview_cover {
        width: 68px;
        height: 98px
    }
    .bookshelf_preview_content {
        padding-left: 18px
    }
    .bookshelf_preview_title {
        font-size: 15px;
        word-break: break-all
    }
    .bookshelf_preview_author {
        font-size: 13px;
        margin-top: 6px
    }
    .bookshelf_preview_item_container {
        padding: 20px
    }
}

@media (max-width:460px) {
    .bookshelf_preview_item .bookshelf_preview_cover {
        width: 56px;
        height: 81px
    }
    .bookshelf_preview_title {
        font-family: PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif;
        font-weight: 700
    }
    .bookshelf_preview_author {
        font-size: 12px;
        margin-top: 2px
    }
    .bookshelf_preview_item_container {
        padding: 0
    }
}

.recommend_preview_item {
    position: relative;
    height: 352px;
    border-radius: 6px;
    width: 23.5%;
    background-color: #27282a
}

.wr_whiteTheme .recommend_preview_item {
    background-color: #f6f7f9
}

@media (max-width:1200px) {
    .recommend_preview_item {
        height: 292px
    }
}

@media (max-width:960px) {
    .recommend_preview_item {
        width: 48%;
        margin-top: 30px
    }
    .recommend_preview_item:first-child,
    .recommend_preview_item:nth-child(2) {
        margin-top: 0
    }
}

@media (max-width:620px) {
    .recommend_preview_item {
        width: 100%;
        margin-top: 20px
    }
    .recommend_preview_item:nth-child(2) {
        margin-top: 20px
    }
}

@media (max-width:460px) {
    .recommend_preview_item {
        height: auto;
        margin-top: 0!important;
        padding: 10px 0;
        background-color: transparent;
        border-radius: 0;
        display: none
    }
    .recommend_preview_item:nth-child(-n+3) {
        display: block
    }
    .recommend_preview_item:nth-child(3) {
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05)
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:2),
(max-width:460px) and (min-device-pixel-ratio:2),
(max-width:460px) and (min-resolution:2dppx),
(max-width:460px) and (min-resolution:192dpi) {
    .recommend_preview_item:nth-child(3) {
        position: relative;
        border: 0
    }
    .recommend_preview_item:nth-child(3):after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: 0 solid hsla(0, 0%, 100%, .05);
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:3),
(max-width:460px) and (min-device-pixel-ratio:3),
(max-width:460px) and (min-resolution:3dppx),
(max-width:460px) and (min-resolution:288dpi) {
    .recommend_preview_item:nth-child(3):after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

.recommend_preview_item:last-child {
    margin-right: 0
}

.recommend_preview_item:hover {
    background-color: #1a1b1c
}

.wr_whiteTheme .recommend_preview_item:hover {
    background-color: #edeeef
}

.recommend_preview_item:hover .recommend_preview_title {
    color: #eef0f4
}

.wr_whiteTheme .recommend_preview_item:hover .recommend_preview_title {
    color: #212832
}

.wr_Andriod .recommend_preview_item:hover,
.wr_Andriod.wr_whiteTheme .recommend_preview_item:hover,
.wr_iOS .recommend_preview_item:hover,
.wr_iOS.wr_whiteTheme .recommend_preview_item:hover,
.wr_WindowsPhone .recommend_preview_item:hover,
.wr_WindowsPhone.wr_whiteTheme .recommend_preview_item:hover {
    background: none
}

.recommend_preview_item_Empty {
    opacity: 0
}

.recommend_preview_item_container {
    overflow: hidden;
    padding: 0 18px;
    box-sizing: content-box;
    text-align: center
}

@media (max-width:460px) {
    .recommend_preview_item_container {
        padding: 0
    }
}

.recommend_preview_item_link {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important;
    -webkit-tap-highlight-color: transparent!important
}

.recommend_preview_cover {
    width: 96px!important;
    height: 139px!important;
    margin: 40px auto 0
}

@media (max-width:1200px) {
    .recommend_preview_cover {
        margin-top: 28px;
        width: 80px!important;
        height: 114px!important
    }
}

@media (max-width:460px) {
    .recommend_preview_cover {
        float: left;
        margin: 0 14px 0 0;
        width: 56px!important;
        height: 81px!important
    }
}

@media (max-width:460px) {
    .recommend_preview_info {
        text-align: left
    }
}

.recommend_preview_title {
    margin-top: 24px;
    font-size: 18px;
    font-family: "SourceHanSerifCN-Bold", PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: normal;
    color: #eef0f4
}

.wr_whiteTheme .recommend_preview_title {
    color: #0d141e
}

@media (max-width:1200px) {
    .recommend_preview_title {
        margin-top: 20px;
        font-size: 17px
    }
}

@media (max-width:460px) {
    .recommend_preview_title {
        margin-top: 6px;
        font-size: 15px;
        font-family: PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif;
        font-weight: 700
    }
}

.recommend_preview_author {
    margin-top: 12px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: normal;
    color: #8a8c90
}

.wr_whiteTheme .recommend_preview_author {
    color: #858c96
}

@media (max-width:1200px) {
    .recommend_preview_author {
        margin-top: 8px;
        font-size: 13px
    }
}

@media (max-width:460px) {
    .recommend_preview_author {
        margin-top: 5px;
        font-size: 12px
    }
}

.recommend_preview_author a {
    position: relative;
    z-index: 2;
    color: #8a8c90
}

.wr_whiteTheme .recommend_preview_author a {
    color: #858c96
}

.recommend_preview_author a:hover {
    color: #eef0f4
}

.wr_whiteTheme .recommend_preview_author a:hover {
    color: #212832
}

.recommend_preview_desc {
    padding: 0 10px;
    margin-top: 10px;
    font-size: 13px;
    font-family: DIN-Regular, PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif;
    color: #8a8c90;
    line-height: 21px;
    overflow: hidden;
    height: 42px;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-text-size-adjust: none;
    box-orient: vertical;
    height: auto;
    max-height: 42px
}

.wr_whiteTheme .recommend_preview_desc {
    color: #858c96
}

@media (max-width:1200px) {
    .recommend_preview_desc {
        margin-top: 10px;
        font-size: 12px;
        line-height: 16px;
        overflow: hidden;
        height: 32px;
        display: -webkit-box;
        display: -moz-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -webkit-text-size-adjust: none;
        box-orient: vertical;
        height: auto;
        max-height: 32px
    }
}

@media (max-width:460px) {
    .recommend_preview_desc {
        padding: 0;
        margin-top: 5px;
        font-size: 11px;
        line-height: 21px;
        overflow: hidden;
        height: 21px;
        display: -webkit-box;
        display: -moz-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -moz-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        -webkit-text-size-adjust: none;
        box-orient: vertical;
        height: auto;
        max-height: 21px
    }
}

.recommend_preview_addShelf,
.recommend_preview_addShelf_InShelf {
    position: absolute;
    display: none;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    bottom: 24px;
    left: 50%;
    transform: translate(-50%);
    padding: 0 18px;
    font-size: 13px;
    background-color: rgba(0, 0, 0, .3);
    z-index: 3;
    color: #eef0f4
}

.wr_whiteTheme .recommend_preview_addShelf,
.wr_whiteTheme .recommend_preview_addShelf_InShelf {
    color: #212832
}

.recommend_preview_addShelf:hover,
.recommend_preview_addShelf_InShelf:hover {
    background-color: rgba(0, 0, 0, .5)
}

.recommend_preview_addShelf_InShelf {
    color: #b2b4b8
}

.wr_whiteTheme .recommend_preview_addShelf_InShelf {
    color: #5d646e
}

.recommend_preview_addShelf_InShelf:hover {
    background-color: rgba(0, 0, 0, .3)
}

body,
dd,
dl,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
legend,
p,
pre {
    margin: 0
}

fieldset,
ol,
ul {
    margin: 0;
    padding: 0
}

td,
th {
    padding: 0
}

table {
    font-size: inherit
}

fieldset,
img {
    border: 0
}

li,
ol,
ul {
    list-style: none
}

body {
    font-size: 12px;
    line-height: 1.5;
    background: #1f2022;
    color: #eef0f4
}

h1,
h2,
h3,
h4 {
    font-size: 18px;
    font-weight: 400
}

body,
button,
input,
select,
textarea {
    font-family: PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif;
    outline: none;
    -webkit-text-size-adjust: none
}

button,
input,
select,
textarea {
    font-size: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a {
    color: #4a7ab0;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .03)
}

:focus {
    outline: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

.qui_txtNormal {
    font-weight: 400!important
}

.qui_txtBold {
    font-weight: 700!important
}

.qui_txtLeft {
    text-align: left!important
}

.qui_txtRight {
    text-align: right!important
}

.qui_txtUnderline {
    text-decoration: underline!important
}

.qui_txtUnderlineNone {
    text-decoration: none!important
}

.qui_txtOverflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: normal
}

.qui_clear:after {
    clear: both;
    content: ".";
    display: block;
    line-height: 0;
    font-size: 0;
    visibility: hidden
}

.qui_txtNowrap {
    white-space: nowrap!important
}

.qui_layoutLeft {
    float: left!important
}

.qui_layoutRight {
    float: right!important
}

.qui_displayNone {
    display: none!important
}

@-webkit-keyframes iconBreathe {
    0% {
        transform: scale(1)
    }
    40% {
        transform: scale(1.3)
    }
    60% {
        transform: scale(1)
    }
    to {
        transform: scale(1)
    }
}

@keyframes iconBreathe {
    0% {
        transform: scale(1)
    }
    40% {
        transform: scale(1.3)
    }
    60% {
        transform: scale(1)
    }
    to {
        transform: scale(1)
    }
}

@-webkit-keyframes itemFadeIn {
    0% {
        background-color: #fff
    }
    to {
        background-color: rgba(27, 136, 238, .1)
    }
}

@keyframes itemFadeIn {
    0% {
        background-color: #fff
    }
    to {
        background-color: rgba(27, 136, 238, .1)
    }
}

@-webkit-keyframes itemFadeOut {
    0% {
        background-color: rgba(27, 136, 238, .1)
    }
    to {
        background-color: #fff
    }
}

@keyframes itemFadeOut {
    0% {
        background-color: rgba(27, 136, 238, .1)
    }
    to {
        background-color: #fff
    }
}

@font-face {
    font-family: WeChatNumber;
    src: url(data:font/truetype;charset=utf-8;base64,AAEAAAAPAIAAAwBwRkZUTXo4jEcAABD8AAAAHEdERUYAKQAUAAAQ3AAAAB5PUy8yiReCoQAAAXgAAABgY21hcBNiHAYAAAIAAAABSmN2dCAA8oWXAAAGyAAAACBmcGdtdCgNNAAAA0wAAALmZ2x5ZgrAvi0AAAcIAAAGtGhlYWQHUDbNAAAA/AAAADZoaGVhBYMA/QAAATQAAAAkaG10eAd3ATcAAAHYAAAAJmxvY2EJ9ghsAAAG6AAAAB5tYXhwAiYAxAAAAVgAAAAgbmFtZTBp1GMAAA28AAAC33Bvc3T/7gC7AAAQnAAAAD5wcmVwM0M0iQAABjQAAACTAAEAAAABAACoP8tbXw889QAfA+gAAAAA0h6dvgAAAADT9VViABr/9AHvAtQAAAAIAAIAAAAAAAAAAQAAAsr+4gDIAhUAAAAAAe8AAQAAAAAAAAAAAAAAAAAAAAUAAQAAAA4ASgADAAAAAAABAAAAAAAUAAACAAB5AAAAAAADAf0B9AAAAAACvAKKAAAAjAK8AooAAAHdADIA+gAAAgAGAwQAAAIABAAAAAEAAAAAAAAAAAAAAABweXJzAEAALgA5Asj/MwBFAtQADAAAAAEAAAAAAfsCyAAAACAAAQH0AAAAAAAAAU0AAAEWAE4CFQA7AFIAPwAfABoALwAsAEIAKQApAAAAAAADAAAAAwAAABwAAQAAAAAARAADAAEAAAAcAAQAKAAAAAYABAABAAIALgA5//8AAAAuADD////V/9QAAQAAAAAAAAAAAQYAAAEAAAAAAAAAAQIAAAACAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAADAAQFBgcICQoLDA0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALgAACxLuAAJUFixAQGOWbgB/4W4AEQduQAJAANfXi24AAEsICBFaUSwAWAtuAACLLgAASohLbgAAywgRrADJUZSWCNZIIogiklkiiBGIGhhZLAEJUYgaGFkUlgjZYpZLyCwAFNYaSCwAFRYIbBAWRtpILAAVFghsEBlWVk6LbgABCwgRrAEJUZSWCOKWSBGIGphZLAEJUYgamFkUlgjilkv/S24AAUsSyCwAyZQWFFYsIBEG7BARFkbISEgRbDAUFiwwEQbIVlZLbgABiwgIEVpRLABYCAgRX1pGESwAWAtuAAHLLgABiotuAAILEsgsAMmU1iwQBuwAFmKiiCwAyZTWCMhsICKihuKI1kgsAMmU1gjIbgAwIqKG4ojWSCwAyZTWCMhuAEAioobiiNZILADJlNYIyG4AUCKihuKI1kguAADJlNYsAMlRbgBgFBYIyG4AYAjIRuwAyVFIyEjIVkbIVlELbgACSxLU1hFRBshIVktuAAKLEu4AAlQWLEBAY5ZuAH/hbgARB25AAkAA19eLbgACywgIEVpRLABYC24AAwsuAALKiEtuAANLCBGsAMlRlJYI1kgiiCKSWSKIEYgaGFksAQlRiBoYWRSWCNlilkvILAAU1hpILAAVFghsEBZG2kgsABUWCGwQGVZWTotuAAOLCBGsAQlRlJYI4pZIEYgamFksAQlRiBqYWRSWCOKWS/9LbgADyxLILADJlBYUViwgEQbsEBEWRshISBFsMBQWLDARBshWVktuAAQLCAgRWlEsAFgICBFfWkYRLABYC24ABEsuAAQKi24ABIsSyCwAyZTWLBAG7AAWYqKILADJlNYIyGwgIqKG4ojWSCwAyZTWCMhuADAioobiiNZILADJlNYIyG4AQCKihuKI1kgsAMmU1gjIbgBQIqKG4ojWSC4AAMmU1iwAyVFuAGAUFgjIbgBgCMhG7ADJUUjISMhWRshWUQtuAATLEtTWEVEGyEhWS0AALgACisBugACAAwADCsBvwANADQALAAiABgADwAAABIrAL8ADAA3ACwAIgAYAA8AAAASKwC6AA4AAQARK7gACyBFfWkYRLgAACsAugABAAEAAisBugACAAEAAisBvwACADYAMAAlABsAEAAAAAgrAL8AAQA9ADAAJQAbABAAAAAIKwC6AAMABAAHK7gAACBFfWkYRAAAFABbAGaAAAAA//oABgH7AAYCyAAGABQAZQBrAAAAAAAAAAAAAAAAABYAbACYAPwBYAGYAhICXgJ8Aw4DWgAAAAEATgAAAMUAdgAEABS7AAAAAgABAAQruAAAELgAA9AwMTMjNTMVxXd3dnYAAgA7//QB2gLUABUAKwAquAAsL7gAFi+5AAUAAvS4ACwQuAAQ0LgAEC+5ACEAAvS4AAUQuAAt3DAxATIeAhURFA4CIyIuAjURND4CFzQuAiMiDgIVERQeAjMyPgI1AQorTDghIThMKytLOCEhOEuQEBslFRUkHBAQHCQVFSUbEALUIThMK/7AK0w4ISE4TCsBQCtMOCHKFSUbEBAbJRX+tBUlGxAQGyUVAAAAAAEAUgAAAXUCyAAHAC8AuAAARVi4AAAvG7kAAAAJPlm4AABFWLgAAi8buQACAAU+WboABAACAAAREjkwMQEzESMRByc3AQRxcWtHsgLI/TgCP19TlQAAAAABAD8AAAHYAtQAHQBsuAAKK7sAGwANAAgADiu4ABsQuAAB0LgAAS9BBQBKAAgAWgAIAAJdQQkACQAIABkACAApAAgAOQAIAARduAAbELgAH9wAuAALRVi4AAIvG7kAAgAOPlm7ABYADAANAA4ruAACELkAAAAM9DAxNyEVIT0BATY1NC4CIyIOAgcnPgEzMh4CFRQHwgER/mwBHREQGyQVFScgFwRTF25FK0s4ISFqamoBAWoXHhMjGQ8QFxoLNTpJIDdJKj0yAAEAH//0AegCyAAnAE+4AAoruwAFAA0AFgAOK0EFAEoAFgBaABYAAl1BCQAJABYAGQAWACkAFgA5ABYABF24AAUQuAAo3AC7ABEADAAKAA4ruwAlAAwAIgAOKzAxAR4DFRQOAiMiJic3HgEzMj4CNTQuAiMiBgcGBycTIzUhFQcBKSlGMx0mQlkyRXEgZBE8JRsvJBQUJC8bBgsFKRw1r8ABWYQBzwkrPk4rMldBJkQ5NB0jFCIvGhsuIxQBAQgaJAD/ZTbDAAAAAgAaAAAB7gLIAAoADQA5ALgAAEVYuAAILxu5AAgACT5ZuAAARVi4AAMvG7kAAwAFPlm6AAsAAwAIERI5ugANAAMACBESOTAxJRUjFSM1ITUBMxEhMxEB7k1l/t4BFnH+6bL5ZZSUZQHP/jEBOAAAAAEAL//0Ae8CyAAoAHm4AAoruAApL7gAFi9BBQBKABYAWgAWAAJdQQkACQAWABkAFgApABYAOQAWAARduQAFAA30uAApELgAItC4ACIvuQAnAA30uAAFELgAKtwAuwARAAwACgAOK7sAJAAMACUADiu7AAAADAAbAA4rugAnABsAABESOTAxATIeAhUUDgIjIiYnNx4BMzI+AjU0LgIjIgYHDgEHJxEhFSMVNgECMVZBJSVBVjFFcR1kDzslGi0iFBQiLRoZLhECAQFEAUbhGwHOJUFWMTFWQSVHOjQeJhMiLRoaLSIUFBEBAgEuAWVlnAcAAAACACz/9AHvAsgAFwArABQAuAAARVi4ABMvG7kAEwAJPlkwMQEyHgIVFA4CIyIuAjU0NjcTMwMyNhMyPgI1NC4CIyIOAhUUHgIBDi5SPiMjPlIuL1I+Iw0LynaKBQoFGCsgExMgKxgZKyATEyArAbcjPlIvL1E+IyM+US8cMhcBjv7uAf6oEyArGBkrIBMTICsZGCsgEwAAAAEAQgAAAdYCyAAIABQAuAAARVi4AAQvG7kABAAFPlkwMRMhFTEDIxMhNUIBlOJ14P7jAshf/ZcCY2UAAAMAKf/0AewC1AAfADMASQBQugA5AEUAAytBBQDaAEUA6gBFAAJdQRsACQBFABkARQApAEUAOQBFAEkARQBZAEUAaQBFAHkARQCJAEUAmQBFAKkARQC5AEUAyQBFAA1dMDEBHgEVFA4CIyIuAjU0NjcuATU0PgIzMh4CFRQGJRQWFxYzMjc+ATU0LgIjIg4CEzI+AjU0JicuASMiBgcOARUUHgIBoCMpIz5SLi9SPiMpIxsfIThMKytLOCEf/uUbFhogHxoWGxEdJhYWJx0RaxgrIBMrIgoUCwsVCiIrEyArAX4fVjMvUj4jIz5SLzNWHxxHKSpKNiAgNkoqKUdtHC0OEREOLRwVJhwQEBwm/kMTICsZJjwNAwQEAw08JhkrIBMAAAACACkAAAHsAtQAFwArABQAuAAARVi4ABMvG7kAEwAFPlkwMQEiLgI1ND4CMzIeAhUUBgcDIxMGIgMiDgIVFB4CMzI+AjU0LgIBCi9RPiMjPlEvL1I+Iw0LynaKBQoFGCsgExMgKxgZKyATEyArAREjPlEvL1I+IyM+Ui8bMhf+cgESAQFYEyArGRgrIBMTICsYGSsgEwAAAAAAEADGAAEAAAAAAAAAHwBAAAEAAAAAAAEAEwCIAAEAAAAAAAIABgCqAAEAAAAAAAMAHwDxAAEAAAAAAAQAEwE5AAEAAAAAAAUADwFtAAEAAAAAAAYAEwGlAAEAAAAAAAgAHwH5AAMAAQQJAAAAPgAAAAMAAQQJAAEAJgBgAAMAAQQJAAIADACcAAMAAQQJAAMAPgCxAAMAAQQJAAQAJgERAAMAAQQJAAUAHgFNAAMAAQQJAAYAJgF9AAMAAQQJAAgAPgG5AEQAZQBzAGkAZwBuADoAIAAyADAAMQA1ACAAYgB5ACAAVABlAG4AYwBlAG4AdAAgAHIAZQBsAGUAYQBzAGUAAERlc2lnbjogMjAxNSBieSBUZW5jZW50IHJlbGVhc2UAAFcAZQBDAGgAYQB0AE4AdQBtAGIAZQByAC0AMQA1ADEAMQAyADUAAFdlQ2hhdE51bWJlci0xNTExMjUAAE0AZQBkAGkAdQBtAABNZWRpdW0AAEQAZQBzAGkAZwBuADoAIAAyADAAMQA1ACAAYgB5ACAAVABlAG4AYwBlAG4AdAAgAHIAZQBsAGUAYQBzAGUAAERlc2lnbjogMjAxNSBieSBUZW5jZW50IHJlbGVhc2UAAFcAZQBDAGgAYQB0AE4AdQBtAGIAZQByAC0AMQA1ADEAMQAyADUAAFdlQ2hhdE51bWJlci0xNTExMjUAAFYAZQByAHMAaQBvAG4AIAAwADAAMQAuADAAMAAwAABWZXJzaW9uIDAwMS4wMDAAAFcAZQBDAGgAYQB0AE4AdQBtAGIAZQByAC0AMQA1ADEAMQAyADUAAFdlQ2hhdE51bWJlci0xNTExMjUAAEQAZQBzAGkAZwBuADoAIAAyADAAMQA1ACAAYgB5ACAAVABlAG4AYwBlAG4AdAAgAHIAZQBsAGUAYQBzAGUAAERlc2lnbjogMjAxNSBieSBUZW5jZW50IHJlbGVhc2UAAAACAAAAAAAA/1QARgAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAABAAIAEQATABQAFQAWABcAGAAZABoAGwAcAAAAAQAAAAwAAAAWAAAAAgABAAMADQABAAQAAAACAAAAAAAAAAEAAAAA1CSZJgAAAADSHp2+AAAAANP1VWI=) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: DIN-Light;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: DIN-Regular;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: DIN-Medium;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: DIN-Bold;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "SourceHanSerifCN-Bold";
    src: url(https://rescdn.qqmail.com/weread/assets/mini_program/SourceHanSerifCN-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

body,
html {
    height: 100%;
    -webkit-touch-callout: none
}

body {
    height: 100%;
    font-family: PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif;
    -webkit-font-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a:active,
a:hover {
    text-decoration: none
}

button {
    background: none;
    border: 0;
    padding: 0;
    text-decoration: none;
    cursor: pointer
}

input,
textarea {
    margin: 0;
    padding: 0;
    border: 0
}

.frame_wrap {
    padding-bottom: 20px;
    min-width: 320px
}

textarea {
    overflow: auto
}

.wr_hide {
    display: none!important
}

.wr_show {
    display: block!important
}

.wr_txtLineThrough {
    text-decoration: line-through
}

.wr_fade {
    transition: opacity .25s;
    opacity: 0
}

.wr_fade_Show {
    opacity: 1
}

.home_page_container {
    max-width: 1332px;
    margin: 0 auto
}

.bookshelf_preview_container,
.recommend_preview_container {
    margin-bottom: 40px
}

@media (max-width:1332px) {
    .bookshelf_preview_container,
    .recommend_preview_container {
        padding: 0 40px
    }
}

@media (max-width:960px) {
    .bookshelf_preview_container,
    .recommend_preview_container {
        margin-bottom: 32px;
        padding: 0 30px
    }
}

@media (max-width:460px) {
    .bookshelf_preview_container,
    .recommend_preview_container {
        margin-bottom: 28px;
        padding: 0 20px
    }
}

@media (max-width:460px) {
    .recommend_preview_container {
        padding-top: 12px;
        padding-bottom: 28px;
        margin-bottom: 0;
        background-color: #17181a
    }
    .wr_whiteTheme .recommend_preview_container {
        background-color: #f6f7f9
    }
}

.bookshelf_preview_header_link {
    display: inline-block
}

.bookshelf_preview_header_link:after,
.bookshelf_preview_header_link span {
    display: inline-block;
    vertical-align: middle
}

.bookshelf_preview_header_link:after {
    content: "";
    width: 7px;
    height: 11px;
    margin-left: 4px;
    background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_gray.0cf9af2a.png) no-repeat;
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .bookshelf_preview_header_link:after {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_gray_2x.6197cb85.png)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .bookshelf_preview_header_link:after {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_gray_3x.7d0708bf.png)
    }
}

.wr_whiteTheme .bookshelf_preview_header_link:after {
    background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_gray_in_white_theme.b6e642ff.png) no-repeat;
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .wr_whiteTheme .bookshelf_preview_header_link:after {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_gray_in_white_theme_2x.5fa2df54.png)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .wr_whiteTheme .bookshelf_preview_header_link:after {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_gray_in_white_theme_3x.7069dd5f.png)
    }
}

.bookshelf_preview_header_link:hover:after {
    background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_white.1dbf14d1.png) no-repeat;
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .bookshelf_preview_header_link:hover:after {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_white_2x.ebdc774b.png)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .bookshelf_preview_header_link:hover:after {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_white_3x.b48b7cb1.png)
    }
}

.wr_whiteTheme .bookshelf_preview_header_link:hover:after {
    background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_white_in_white_theme.b07ade63.png) no-repeat;
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .wr_whiteTheme .bookshelf_preview_header_link:hover:after {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_white_in_white_theme_2x.a6c4f676.png)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .wr_whiteTheme .bookshelf_preview_header_link:hover:after {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_white_in_white_theme_3x.4d6e46dd.png)
    }
}

.bookshelf_preview_header,
.recommend_preview_header {
    overflow: hidden;
    padding: 20px 0
}

@media (max-width:460px) {
    .bookshelf_preview_header,
    .recommend_preview_header {
        padding: 10px 0 6px
    }
}

.bookshelf_preview_header_title,
.recommend_preview_header_title {
    font-size: 20px;
    font-family: "SourceHanSerifCN-Bold", PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif;
    color: #eef0f4
}

.wr_whiteTheme .bookshelf_preview_header_title,
.wr_whiteTheme .recommend_preview_header_title {
    color: #212832
}

@media (max-width:460px) {
    .bookshelf_preview_header_title,
    .recommend_preview_header_title {
        font-size: 21px
    }
}

.bookshelf_preview_header_link,
.recommend_preview_header_link {
    float: right;
    margin-top: -24px;
    font-size: 15px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important;
    -webkit-tap-highlight-color: transparent!important;
    color: #b2b4b8
}

.wr_whiteTheme .bookshelf_preview_header_link,
.wr_whiteTheme .recommend_preview_header_link {
    color: #5d646e
}

@media (max-width:460px) {
    .bookshelf_preview_header_link,
    .recommend_preview_header_link {
        display: none;
        margin-top: -26px
    }
}

.bookshelf_preview_header_link:hover,
.recommend_preview_header_link:hover {
    color: #eef0f4
}

.wr_whiteTheme .bookshelf_preview_header_link:hover,
.wr_whiteTheme .recommend_preview_header_link:hover {
    color: #212832
}

.bookshelf_preview_header_link_Bottom,
.recommend_preview_header_link_Bottom {
    display: none
}

@media (max-width:460px) {
    .bookshelf_preview_header_link_Bottom,
    .recommend_preview_header_link_Bottom {
        display: inline-block;
        margin-top: 12px;
        font-size: 15px;
        width: 100%;
        height: 44px;
        line-height: 44px;
        text-align: center;
        color: #1b88ee;
        border-radius: 10px;
        border: 1px solid hsla(0, 0%, 100%, .2)
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:2),
(max-width:460px) and (min-device-pixel-ratio:2),
(max-width:460px) and (min-resolution:2dppx),
(max-width:460px) and (min-resolution:192dpi) {
    .bookshelf_preview_header_link_Bottom,
    .recommend_preview_header_link_Bottom {
        position: relative;
        border: 0
    }
    .bookshelf_preview_header_link_Bottom:after,
    .recommend_preview_header_link_Bottom:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 20px;
        border: 1px solid hsla(0, 0%, 100%, .2);
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:3),
(max-width:460px) and (min-device-pixel-ratio:3),
(max-width:460px) and (min-resolution:3dppx),
(max-width:460px) and (min-resolution:288dpi) {
    .bookshelf_preview_header_link_Bottom:after,
    .recommend_preview_header_link_Bottom:after {
        width: 300%;
        height: 300%;
        border-radius: 30px;
        transform: scale(.33333)
    }
}

@media (max-width:460px) {
    .wr_whiteTheme .bookshelf_preview_header_link_Bottom,
    .wr_whiteTheme .recommend_preview_header_link_Bottom {
        border-radius: 10px;
        border: 1px solid rgba(0, 0, 0, .2)
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:2),
(max-width:460px) and (min-device-pixel-ratio:2),
(max-width:460px) and (min-resolution:2dppx),
(max-width:460px) and (min-resolution:192dpi) {
    .wr_whiteTheme .bookshelf_preview_header_link_Bottom,
    .wr_whiteTheme .recommend_preview_header_link_Bottom {
        position: relative;
        border: 0
    }
    .wr_whiteTheme .bookshelf_preview_header_link_Bottom:after,
    .wr_whiteTheme .recommend_preview_header_link_Bottom:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 20px;
        border: 1px solid rgba(0, 0, 0, .2);
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (max-width:460px) and (-webkit-min-device-pixel-ratio:3),
(max-width:460px) and (min-device-pixel-ratio:3),
(max-width:460px) and (min-resolution:3dppx),
(max-width:460px) and (min-resolution:288dpi) {
    .wr_whiteTheme .bookshelf_preview_header_link_Bottom:after,
    .wr_whiteTheme .recommend_preview_header_link_Bottom:after {
        width: 300%;
        height: 300%;
        border-radius: 30px;
        transform: scale(.33333)
    }
}

.bookshelf_preview_body,
.ranking_topCategory_container,
.recommend_preview_body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width:1332px) {
    .ranking_allCategory_container {
        padding: 0 40px
    }
}

@media (max-width:1120px) {
    .ranking_allCategory_container {
        padding: 0 40px
    }
}

@media (max-width:960px) {
    .ranking_allCategory_container {
        padding: 0 30px
    }
}

@media (max-width:460px) {
    .ranking_allCategory_container {
        padding: 0 20px
    }
}

.ranking_allCategory_header {
    padding: 20px 0;
    border-radius: 0;
    border: solid hsla(0, 0%, 100%, .05);
    border-width: 0 0 1px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .ranking_allCategory_header {
        position: relative;
        border: 0
    }
    .ranking_allCategory_header:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: solid hsla(0, 0%, 100%, .05);
        border-width: 0 0 1px;
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .ranking_allCategory_header:after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

@media (max-width:460px) {
    .ranking_allCategory_header {
        padding: 22px 0 12px
    }
}

.wr_whiteTheme .ranking_allCategory_header {
    border-radius: 0;
    border: solid #ebedf1;
    border-width: 0 0 1px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .wr_whiteTheme .ranking_allCategory_header {
        position: relative;
        border: 0
    }
    .wr_whiteTheme .ranking_allCategory_header:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: solid #ebedf1;
        border-width: 0 0 1px;
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .wr_whiteTheme .ranking_allCategory_header:after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

.ranking_allCategory_header_title {
    font-size: 20px;
    font-family: "SourceHanSerifCN-Bold", PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif;
    color: #eef0f4
}

.wr_whiteTheme .ranking_allCategory_header_title {
    color: #0d141e
}

@media (max-width:460px) {
    .ranking_allCategory_header_title {
        font-size: 21px
    }
}

.ranking_allCategory_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.ranking_allCategory_list_li {
    width: 24%;
    border-radius: 0;
    border: solid hsla(0, 0%, 100%, .05);
    border-width: 0 0 1px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .ranking_allCategory_list_li {
        position: relative;
        border: 0
    }
    .ranking_allCategory_list_li:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: solid hsla(0, 0%, 100%, .05);
        border-width: 0 0 1px;
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .ranking_allCategory_list_li:after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

.wr_whiteTheme .ranking_allCategory_list_li {
    border-radius: 0;
    border: solid #ebedf1;
    border-width: 0 0 1px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .wr_whiteTheme .ranking_allCategory_list_li {
        position: relative;
        border: 0
    }
    .wr_whiteTheme .ranking_allCategory_list_li:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        border-radius: 0;
        border: solid #ebedf1;
        border-width: 0 0 1px;
        transform: scale(.5);
        transform-origin: 0 0;
        pointer-events: none
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .wr_whiteTheme .ranking_allCategory_list_li:after {
        width: 300%;
        height: 300%;
        border-radius: 0;
        transform: scale(.33333)
    }
}

@media (max-width:1120px) {
    .ranking_allCategory_list_li {
        width: 31%
    }
}

@media (max-width:960px) {
    .ranking_allCategory_list_li {
        width: 47%
    }
}

@media (max-width:460px) {
    .ranking_allCategory_list_li {
        width: 47%
    }
}

@media (max-width:320px) {
    .ranking_allCategory_list_li {
        width: 100%
    }
}

.ranking_allCategory_list_item {
    display: inline-block;
    width: 100%;
    padding: 18px 0 18px 12px;
    margin-left: -12px;
    font-family: DIN-Regular, PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif;
    font-size: 16px;
    color: #eef0f4
}

.wr_whiteTheme .ranking_allCategory_list_item {
    color: #212832
}

@media (max-width:460px) {
    .ranking_allCategory_list_item {
        font-size: 14px
    }
}

.ranking_allCategory_list_item:hover {
    background: linear-gradient(90deg, #191919, #1f2022);
    color: #eef0f4
}

.wr_whiteTheme .ranking_allCategory_list_item:hover {
    background: linear-gradient(90deg, #edeeef, #fff);
    color: #212832
}

.ranking_allCategory_list_all {
    padding: 17px 0 17px 12px;
    margin-left: -12px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #eef0f4
}

.wr_whiteTheme .ranking_allCategory_list_all {
    color: #0d141e
}

@media (max-width:460px) {
    .ranking_allCategory_list_all {
        font-size: 14px
    }
}

.ranking_allCategory_list_all:hover {
    background: linear-gradient(90deg, #191919, #1f2022);
    color: #eef0f4
}

.wr_whiteTheme .ranking_allCategory_list_all:hover {
    background: linear-gradient(90deg, #edeeef, #fff);
    color: #212832
}

.ranking_allCategory_list_all_text {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-family: DIN-Regular, PingFang SC, -apple-system, SF UI Text, Lucida Grande, STheiti, Microsoft YaHei, sans-serif
}

.ranking_allCategory_list_all_icon {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 11px;
    margin-top: 2px;
    background: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_dark.3d986588.png) no-repeat;
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:2dppx),
(min-resolution:192dpi) {
    .ranking_allCategory_list_all_icon {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_dark_2x.714686d4.png)
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio:3),
(min-resolution:3dppx),
(min-resolution:288dpi) {
    .ranking_allCategory_list_all_icon {
        background-image: url(https://weread-1258476243.file.myqcloud.com/web/wrwebnjlogic/image/arrow_right_dark_3x.39b0a6f5.png)
    }
}

.ppo img {
    width: 64px;
    height: 92px;
}