[data-v-6e324a8c]:root{--bar-width:224px}.youtube-video-rank-page[data-v-6e324a8c]{min-width:1200px;min-height:100vh;background:#f7f8fa;color:#323b4b}.youtube-video-rank-page .page-header[data-v-6e324a8c]{width:100%;padding:0 0 16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}.youtube-video-rank-page .page-header h1[data-v-6e324a8c]{margin:0 auto;color:#323b4b;font-size:20px;font-weight:400;line-height:80px;text-align:center}.youtube-video-rank-page .page-header h2[data-v-6e324a8c]{display:none}.youtube-video-rank-page .filter-section[data-v-6e324a8c]{display:flex;justify-content:flex-end;width:1200px;margin:0 auto}.youtube-video-rank-page .filter-group[data-v-6e324a8c]{display:flex;align-items:center;margin-left:16px}.youtube-video-rank-page .filter-group label[data-v-6e324a8c]{margin-right:8px;color:#7d849b;line-height:20px;font-size:14px}@media(max-width:888px){.youtube-video-rank-page .filter-group label[data-v-6e324a8c]{font-size:.875rem}}.youtube-video-rank-page .filter-select[data-v-6e324a8c]{width:160px;height:32px;padding:0 8px;border:1px solid #e5e7eb;border-radius:2px;background:#fff;color:#323b4b;outline:none;transition:all .3s}.youtube-video-rank-page .filter-select[data-v-6e324a8c]:focus,.youtube-video-rank-page .filter-select[data-v-6e324a8c]:hover{border-color:#fa6300}.youtube-video-rank-page .page-body[data-v-6e324a8c]{position:relative;width:1200px;margin:16px auto 0}.youtube-video-rank-page .no-found-wrap[data-v-6e324a8c]{margin:120px 0 280px;text-align:center}.youtube-video-rank-page .no-found-pic[data-v-6e324a8c]{width:120px;height:90px;margin:0 auto 20px;border-radius:8px;background:#f4f5f7}.youtube-video-rank-page .no-found-title[data-v-6e324a8c]{color:#7d849b;line-height:24px;font-size:16px}@media(max-width:888px){.youtube-video-rank-page .no-found-title[data-v-6e324a8c]{font-size:1rem}}.youtube-video-rank-page .video-area-wrap[data-v-6e324a8c]{margin-bottom:16px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.08)}.youtube-video-rank-page .top-number-one[data-v-6e324a8c]{height:240px;padding:24px}.youtube-video-rank-page .rank-text[data-v-6e324a8c]{display:block;margin-bottom:12px;color:#7d849b;line-height:20px;font-size:14px}@media(max-width:888px){.youtube-video-rank-page .rank-text[data-v-6e324a8c]{font-size:.875rem}}.youtube-video-rank-page .hot-mark[data-v-6e324a8c]{display:inline-block;margin-right:8px;color:#fa6300;font-weight:600}.youtube-video-rank-page .youtube-video-info[data-v-6e324a8c]{display:flex}.youtube-video-rank-page .youtube-video-wrapper[data-v-6e324a8c]{flex:0 0 284px;width:284px;height:160px;overflow:hidden;background:#f4f5f7}.youtube-video-rank-page .youtube-video-wrapper .thumb[data-v-6e324a8c]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s}.youtube-video-rank-page .youtube-video-wrapper a:hover .thumb[data-v-6e324a8c]{transform:scale(1.02)}.youtube-video-rank-page .detail-area[data-v-6e324a8c]{flex:1;min-width:0;margin-left:20px}.youtube-video-rank-page .profile-area[data-v-6e324a8c]{line-height:24px}.youtube-video-rank-page .profile-area .video-title[data-v-6e324a8c]{display:inline-block;max-width:679px;overflow:hidden;color:#323b4b;font-size:16px;line-height:24px;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap;transition:all .3s}.youtube-video-rank-page .profile-area .video-title[data-v-6e324a8c]:hover{color:#fa6300}.youtube-video-rank-page .video-data-wrap[data-v-6e324a8c]{display:flex;align-items:center;margin-top:8px}.youtube-video-rank-page .star-avatar[data-v-6e324a8c]{position:relative;display:block;width:32px;height:32px}.youtube-video-rank-page .star-avatar .avatar[data-v-6e324a8c],.youtube-video-rank-page .star-avatar .default-avatar[data-v-6e324a8c]{display:block;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:50%;background:#f4f5f7}.youtube-video-rank-page .video-data[data-v-6e324a8c]{min-width:0;margin-left:8px;color:#7d849b;line-height:20px;font-size:14px}@media(max-width:888px){.youtube-video-rank-page .video-data[data-v-6e324a8c]{font-size:.875rem}}.youtube-video-rank-page .video-data .name[data-v-6e324a8c]{display:inline-block;max-width:400px;overflow:hidden;color:#323b4b;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;transition:all .3s}.youtube-video-rank-page .video-data .name[data-v-6e324a8c]:hover{color:#fa6300}.youtube-video-rank-page .video-data .detail-data[data-v-6e324a8c]{color:#7d849b}.youtube-video-rank-page .tag-area[data-v-6e324a8c]{max-height:64px;margin-top:10px;overflow:hidden}.youtube-video-rank-page .tag-area .kol-tag[data-v-6e324a8c]{display:inline-block;max-width:392px;height:24px;margin:8px 8px 0 0;padding:0 8px;overflow:hidden;border-radius:12px;background:#f4f5f7;color:#7d849b;font-size:14px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;transition:all .3s}.youtube-video-rank-page .tag-area .kol-tag[data-v-6e324a8c]:hover{color:#fa6300;transform:scale(1.05)}.youtube-video-rank-page .video-list-area[data-v-6e324a8c]{padding:24px;background:#fff}.youtube-video-rank-page .video-list[data-v-6e324a8c]{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.youtube-video-rank-page .video-item[data-v-6e324a8c]{width:276px;height:224px;margin:0 16px 24px 0}.youtube-video-rank-page .video-item[data-v-6e324a8c]:nth-child(4n){margin-right:0}.youtube-video-rank-page .video-item .youtube-video-wrapper[data-v-6e324a8c]{width:276px;height:155px}.youtube-video-rank-page .video-item .video-info[data-v-6e324a8c]{display:block;width:100%;height:24px;margin-top:8px;color:#323b4b;transition:all .3s}.youtube-video-rank-page .video-item .video-info[data-v-6e324a8c]:hover{color:#fa6300}.youtube-video-rank-page .video-item .video-title[data-v-6e324a8c]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:14px}@media(max-width:888px){.youtube-video-rank-page .video-item .video-title[data-v-6e324a8c]{font-size:.875rem}}.youtube-video-rank-page .video-item .video-data-wrap[data-v-6e324a8c]{margin-top:8px}.youtube-video-rank-page .video-item .video-data[data-v-6e324a8c]{max-width:234px}.youtube-video-rank-page .video-item .video-data .name[data-v-6e324a8c]{max-width:206px;line-height:14px}.youtube-video-rank-page .video-item .num-data[data-v-6e324a8c]{color:#7d849b;font-size:12px;line-height:18px}.youtube-video-rank-page .rank-footer-wrap[data-v-6e324a8c]{position:relative;width:1200px;min-height:80px;margin:0 auto;padding:34px 0 42px}.youtube-video-rank-page .end-mark[data-v-6e324a8c],.youtube-video-rank-page .loading-more[data-v-6e324a8c]{color:#7d849b;text-align:center;line-height:20px;font-size:14px}@media(max-width:888px){.youtube-video-rank-page .end-mark[data-v-6e324a8c],.youtube-video-rank-page .loading-more[data-v-6e324a8c]{font-size:.875rem}}.youtube-video-rank-page .loading-more[data-v-6e324a8c]{display:flex;align-items:center;justify-content:center}.youtube-video-rank-page .loading-more .kol-icon-loading[data-v-6e324a8c]{margin-right:8px;animation:loading-rotate-6e324a8c 1s linear infinite}.youtube-video-rank-page .share-area-wrap[data-v-6e324a8c]{position:absolute;right:0;top:30px}.youtube-video-rank-page .social-block-container[data-v-6e324a8c]{display:flex;align-items:center;justify-content:flex-end;color:#7d849b;line-height:20px;font-size:14px}@media(max-width:888px){.youtube-video-rank-page .social-block-container[data-v-6e324a8c]{font-size:.875rem}}.youtube-video-rank-page .kol-icon-fb-wrapper[data-v-6e324a8c],.youtube-video-rank-page .kol-icon-tw-wrapper[data-v-6e324a8c]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:8px;border-radius:50%;color:#fff;cursor:pointer;text-decoration:none;transition:all .3s}.youtube-video-rank-page .kol-icon-fb-wrapper .kolicon[data-v-6e324a8c],.youtube-video-rank-page .kol-icon-tw-wrapper .kolicon[data-v-6e324a8c]{font-size:26px;line-height:28px}.youtube-video-rank-page .kol-icon-fb-wrapper[data-v-6e324a8c]:hover,.youtube-video-rank-page .kol-icon-tw-wrapper[data-v-6e324a8c]:hover{opacity:.82}.youtube-video-rank-page .kol-icon-fb-wrapper[data-v-6e324a8c]{background:#3b5998}.youtube-video-rank-page .kol-icon-tw-wrapper[data-v-6e324a8c]{background:#1da1f2}@keyframes loading-rotate-6e324a8c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}