.rank-page-wrap{width:1200px;margin:auto;display:flex;position:relative;min-height:calc(50vh)}.rank-page-wrap .rank-page-menu-wrap{margin-right:30px;margin-top:30px;position:-webkit-sticky;position:sticky;top:90px;height:390px}.rank-page-wrap .rank-page-menu-wrap .rank-sort-wrap{width:220px;background-color:var(---idle,#f8f8f8);height:-moz-fit-content;height:fit-content;border-radius:4px;overflow:hidden}.rank-page-wrap .rank-page-menu-wrap .rank-sort-tips-wrap{display:flex;align-items:center;margin-top:8px;cursor:pointer}.rank-page-wrap .rank-page-menu-wrap .rank-sort-tips{color:#999;font-size:11px;font-weight:400;line-height:16px;margin-left:2px}.rank-page-wrap .rank-list{display:flex;width:1058px;margin:30px 0 50px}.rank-page-wrap .rank-list.rank-id-0{justify-content:space-between;flex-direction:row;position:relative;flex-wrap:wrap;row-gap:10px;min-height:calc(50vh)}.rank-page-wrap .rank-list .empty-rank{width:230px}.rank-page-wrap .pc-rank-item{border:.5px solid #dedede}.rank-page-wrap .pc-rank-item .pc-rank-header{background:#f8f8f8;height:63px}.rank-page-wrap .pc-rank-item .pc-rank-header .pc-rank-title{top:11px}.rank-page-wrap .pc-rank-item .pc-rank-header .pc-rank-tabs{gap:11px}.pc-rank-item{display:flex;width:228px;min-height:630px;overflow:hidden;flex-direction:column;align-items:center;border-radius:4px;background:#fff}.pc-rank-item .pc-rank-data{display:none}.pc-rank-item .pc-rank-data.active{display:inline}.pc-rank-item .pc-rank-header{display:flex;height:65px;align-items:flex-end;width:100%;justify-content:flex-end;position:relative;padding-right:12px;border-bottom:.5px solid #dedede}.pc-rank-item .pc-rank-header .pc-rank-title{position:absolute;color:#000;font-size:16px;font-style:normal;font-weight:700;line-height:32px;left:16px;top:16px;width:100%}.pc-rank-item .pc-rank-header .pc-rank-tabs{display:flex;gap:12px}.pc-rank-item .pc-rank-header .pc-rank-tabs div{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:24px;cursor:pointer;height:25px;min-width:14px;display:block;z-index:10}.pc-rank-item .pc-rank-header .pc-rank-tabs div:hover{color:#fd502a}.pc-rank-item .pc-rank-header .pc-rank-tabs div.active{border-bottom:4px solid #fd502a;font-weight:500}.pc-rank-item .pc-book-item{display:flex;position:relative;margin:0 16px 0 0;padding-left:12px;gap:10px;align-items:center;min-height:48px;padding-top:6px}.pc-rank-item .pc-book-item .book-image{display:inline-block}.pc-rank-item .pc-book-item .rank-number{position:absolute;width:24px;height:24px;border-radius:4px;color:#000;font-size:14px;font-style:normal;font-weight:900;line-height:16px;left:12px;top:50%;transform:translateY(-50%);background:#f0f0f0;display:flex;align-items:center;justify-content:center}.pc-rank-item .pc-book-item.active .rank-number{left:12px;top:14px;width:24px;height:24px;border-radius:4px;z-index:100}.pc-rank-item .pc-book-item .book-name{margin-left:32px}.pc-rank-item .pc-book-item .book-info{display:flex;justify-content:flex-end;flex-direction:column;width:100%;min-width:127px}.pc-rank-item .pc-book-item.active .book-info{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;height:100%;padding-bottom:2px}.pc-rank-item .pc-book-item .book-name{margin-top:-3px}.pc-rank-item .pc-book-item.active .book-name{width:auto;margin-left:0;margin-top:-5px}.pc-rank-item .pc-book-item .book-name a{color:#000;font-size:13px;font-style:normal;font-weight:500;line-height:normal;overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:wrap;word-break:break-all}.pc-rank-item .pc-book-item .book-image,.pc-rank-item .pc-book-item .cate-area{display:none}.pc-rank-item .pc-book-item .book-image img{border-radius:4px}.pc-rank-item .pc-book-item.active .author-area,.pc-rank-item .pc-book-item.active .book-image,.pc-rank-item .pc-book-item.active .cate-area{display:inline}.pc-rank-item .pc-book-item .author-area{display:flex;justify-content:space-between;align-items:center;margin-left:32px}.pc-rank-item .pc-book-item .author-area .separator,.pc-rank-item .pc-book-item .author-area .words{display:none}.pc-rank-item .pc-book-item.active .author-area .separator{display:block;padding:0 2px}.pc-rank-item .pc-book-item.active .author-area .words{display:inline}.pc-rank-item .pc-book-item.active .author-area .label{display:none}.pc-rank-item .pc-book-item.active .author-area{display:flex;justify-content:flex-start;margin-left:0}.pc-rank-item .pc-book-item .author-area a{color:#666;font-size:12px;font-style:normal;font-weight:400;line-height:normal;overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:wrap;word-break:break-all}.pc-rank-item .pc-book-item .author-area span{color:#666;font-size:12px;font-style:normal;font-weight:400;line-height:normal;white-space:nowrap;word-break:keep-all}.pc-rank-item .pc-book-item.active .cate-area{display:flex;gap:5px;align-items:center}.pc-rank-item .pc-book-item.active .cate-area a,.pc-rank-item .pc-book-item.active .cate-area span{color:#666;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.pc-rank-item .pc-book-item.active .cate-area span{white-space:nowrap;word-break:keep-all}.pc-rank-item .pc-book-item.active .cate-area a{overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.pc-rank-item .pc-book-item{height:28px;border-bottom:.5px solid #dedede;height:50px;padding-bottom:2px}.pc-rank-item .pc-book-item.active{height:96px;margin-top:12px;padding-bottom:6px;padding-top:0}.pc-rank-item .pc-book-item.active .book-info{height:84px}.pc-rank-item .pc-book-item:first-child .rank-number,.pc-rank-item .pc-book-item:nth-child(2) .rank-number{background:#ffc700;color:#fff;text-align:center;width:24px;height:24px}.pc-rank-item .pc-book-item:nth-child(2) .rank-number{background:#98c4ed}.pc-rank-item .pc-book-item:nth-child(3) .rank-number{background:#ffc700;color:#fff;text-align:center;background:#e79c57;width:24px;height:24px}.pc-rank-item .pc-book-item.active .book-name a{overflow:hidden;color:#000;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:500;line-height:normal;-webkit-line-clamp:2}.pc-rank-item .pc-rank-more{width:100%;height:50px;display:flex;align-items:center;justify-content:flex-end;padding:0 14px}