.bili-layout{position:relative;width:100%;max-width:2078px;margin:0 auto;box-sizing:border-box;}@media (max-width:1099px){.bili-layout{padding:0 56px}}@media (min-width:1100px) and (max-width:1366px){.bili-layout{padding:0 56px}}@media (min-width:1367px) and (max-width:1700px){.bili-layout{padding:0 64px}}@media (min-width:1701px) and (max-width:2559px){.bili-layout{padding:0 96px;max-width:2270px}}@media (min-width:2560px){.bili-layout{max-width:2078px}}.bili-grid{width:100%;display:grid;grid-gap:20px 12px;position:relative;margin-bottom:56px;}@media (max-width:1099px){.bili-grid{grid-template-columns:repeat(4,1fr)}.bili-grid>*:nth-of-type(1n + 9){display:none !important}}@media (min-width:1100px) and (max-width:1366px){.bili-grid{grid-template-columns:repeat(5,1fr)}.bili-grid>*:nth-of-type(1n + 11){display:none !important}}@media (min-width:1367px) and (max-width:1700px){.bili-grid{grid-template-columns:repeat(5,1fr)}.bili-grid>*:nth-of-type(1n + 11){display:none !important}}@media (min-width:1701px) and (max-width:2559px){.bili-grid{grid-template-columns:repeat(6,1fr)}.bili-grid>*:nth-of-type(1n + 13){display:none !important}}@media (min-width:2560px){.bili-grid{grid-template-columns:repeat(6,1fr)}.bili-grid>*:nth-of-type(1n + 13){display:none !important}}.bili-grid.no-margin{margin-bottom:0 !important}.bili-grid.short-margin{margin-bottom:8px}@media (min-width:1701px) and (max-width:2559px){.bili-grid.short-margin{margin-bottom:24px}}@media (min-width:2560px){.bili-grid.short-margin{margin-bottom:36px}}.bili-video-card{position:relative;--title-font-size:15px;--title-line-height:22px;--subtitle-font-size:13px;--subtitle-line-height:16px;--info-margin-top:8px;--avatar-size:36px;--avatar-margin-right:8px;--icon-size:18px;--title-padding-right:16px}@media (min-width:1701px) and (max-width:2559px){.bili-video-card{--subtitle-font-size:13px;--title-padding-right:24px        --info-margin-top:10px;}}@media (min-width:1367px) and (max-width:1700px){.bili-video-card{--info-margin-top:10px}}@media (min-width:1701px) and (max-width:2559px){.bili-video-card{--info-margin-top:10px}}@media (min-width:2560px){.bili-video-card{--title-font-size:16px;--title-line-height:24px;--subtitle-font-size:14px;--subtitle-line-height:18px;--info-margin-top:12px;--avatar-size:40px;--avatar-margin-right:12px;--icon-size:20px;--title-padding-right:24px}}.recommended-swipe{position:relative;grid-column:span 2}.recommended-swipe-core{position:relative;width:100%}#lb_box{width:100%;height:0;padding-bottom:57.94%;}#img_box{overflow:hidden;width:100%;height:100%;position:absolute;border-radius:10px;}#img_box span{height:50px;font-size:14px;}#img_box li.img_hide{position:absolute;opacity:0;transition:opacity 0.75s ease-in;z-index:1;width:100%;height:100%;}#img_box li.img_hide img{width:100%;height:100%;transition:all 0.8s ease-in-out;object-fit:cover;}#img_box li.img_hide a{width:100%;height:100%;position:absolute;color:#FFF;}#img_box li.img_show{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;transition:opacity 0.75s ease-in;z-index:2;}#img_box li.img_show a{width:100%;height:100%;position:absolute;color:#FFF;}#img_box li.img_show a:visited{display:block;width:100%;height:100%;color:#FFF;width:100%;height:100%;position:absolute;}#img_box li.img_show a:hover{color:#FFF;text-decoration:none;width:100%;height:100%;position:absolute;}#img_box li.img_show img{width:100%;height:100%;transition:all 0.8s ease-in-out;object-fit:cover;}#img_box li.img_show img:hover{transform:scale(1.1);}#img_box li span{position:absolute;left:0;bottom:0;display:block;width:100%;height:40px;overflow:hidden;text-indent:10px;line-height:50px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000',endColorstr='#66000000');background:linear-gradient(to bottom,rgba(0,0,0,0.0),rgba(0,0,0,0.7));;overflow:hidden;}#mask ul{position:absolute;right:10px;bottom:8px;z-index:10;}#mask li.mask_off{border-radius:50%;width:8px;height:8px;background-color:#fff6;display:inline-block;margin:4px;cursor:pointer;}#mask li.mask_on{border-radius:50%;width:14px;height:14px;background-color:#fff;display:inline-block;margin:1px;cursor:pointer;}.recommended-list{width:100%;}@media (max-width:1099px){.recommended-list{grid-column:span 2;}}@media (min-width:1100px) and (max-width:1366px){.recommended-list{grid-column:span 3;}}@media (min-width:1367px) and (max-width:1700px){.recommended-list{grid-column:span 3;}}@media (min-width:1701px) and (max-width:2559px){.recommended-list{grid-column:span 4;}}@media (min-width:2560px){.recommended-list{grid-column:span 4;}}.recommended-list-core{width:100%;display:grid;grid-gap:20px 12px;position:relative;}@media (max-width:1099px){.recommended-list-core{grid-template-columns:repeat(2,1fr);}.recommended-list-core>*:nth-of-type(1n + 5){display:none !important}}@media (min-width:1100px) and (max-width:1366px){.recommended-list-core{grid-template-columns:repeat(3,1fr)}.recommended-list-core>*:nth-of-type(1n + 7){display:none !important}}@media (min-width:1367px) and (max-width:1700px){.recommended-list-core{grid-template-columns:repeat(3,1fr)}.recommended-list-core>*:nth-of-type(1n + 7){display:none !important}}@media (min-width:1701px) and (max-width:2559px){.recommended-list-core{grid-template-columns:repeat(4,1fr)}.recommended-list-core>*:nth-of-type(1n + 9){display:none !important}}@media (min-width:2560px){.recommended-list-core{grid-template-columns:repeat(4,1fr);grid-gap:20px 16px;}.recommended-list-core>*:nth-of-type(1n + 9){display:none !important}}.recommended-list-core div{position:relative;float:left;overflow:hidden;width:100%;height:0;padding-bottom:56.5%;border-radius:10px;}.recommended-list-core div a{color:#fff;width:100%;height:100%;position:absolute;}.recommended-list-core div img{background:#fff;transition:all 0.5s;cursor:pointer;width:100%;height:100%;overflow:hidden;object-fit:cover;}.recommended-list-core div:hover img{transform:scale(1.1);}.recommended-list-core em{position:absolute;left:0px;right:10px;bottom:0px;width:100%;height:28px;text-indent:10px;line-height:28px;font-size:14px;color:#fff;overflow:hidden;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000',endColorstr='#66000000');background:linear-gradient(to bottom,rgba(0,0,0,0.0),rgba(0,0,0,0.6));text-align:center;text-overflow:ellipsis;white-space:nowrap;}.recommended-list-core div:hover em{display:block;}.ie7 .recommended-list-core em{bottom:0px;}.recommended-list-core div:hover em{color:#fff;text-decoration:none;opacity:1.0;filter:alpha(opacity=100);}.recommended-list-core em:hover{color:#00AEEC;text-decoration:none;}.video-card-list{position:relative;min-height:400px;}@media (max-width:1099px){.video-card-list{grid-column:span 3}}@media (min-width:1100px) and (max-width:1366px){.video-card-list{grid-column:span 4}}@media (min-width:1367px) and (max-width:1700px){.video-card-list{grid-column:span 4}}@media (min-width:1701px) and (max-width:2559px){.video-card-list{grid-column:span 5}}@media (min-width:2560px){.video-card-list{grid-column:span 5}}.video-card-list .video-card-body{position:relative;width:100%;}@media (max-width:1099px){.video-card-list .video-card-body{grid-column:span 3;}}@media (min-width:1100px) and (max-width:1366px){.video-card-list .video-card-body{grid-column:span 4;}}@media (min-width:1367px) and (max-width:1700px){.video-card-list .video-card-body{grid-column:span 4;}}@media (min-width:1701px) and (max-width:2559px){.video-card-list .video-card-body{grid-column:span 5;}}@media (min-width:2560px){.video-card-list .video-card-body{grid-column:span 5;}}.video-card-body-core{position:relative;width:100%;display:grid;grid-gap:20px 12px}@media (max-width:1099px){.video-card-body-core{grid-template-columns:repeat(3,1fr)}.video-card-body-core>*:nth-of-type(1n + 7){display:none !important}}@media (min-width:1100px) and (max-width:1366px){.video-card-body-core{grid-template-columns:repeat(4,1fr)}.video-card-body-core>*:nth-of-type(1n + 9){display:none !important}}@media (min-width:1367px) and (max-width:1700px){.video-card-body-core{grid-template-columns:repeat(4,1fr)}.video-card-body-core>*:nth-of-type(1n + 9){display:none !important}}@media (min-width:1701px) and (max-width:2559px){.video-card-body-core{grid-template-columns:repeat(5,1fr)}.video-card-body-core>*:nth-of-type(1n + 11){display:none !important}}@media (min-width:2560px){.video-card-body-core{grid-template-columns:repeat(5,1fr)}.video-card-body-core>*:nth-of-type(1n + 11){display:none !important}}.video-card-body-core dl{width:100%;transition:all 0.3s;text-align:center;border-radius:5px;}.video-card-body-core dl:nth-child(5n){margin-right:0px;}.video-card-body-core dl:hover{transform:translateY(-5px);box-shadow:0px 15px 25px -2px rgba(0,0,0,0.2);}.video-card-body-core .vk_top_img{position:relative;background:#fff;border:none;overflow:hidden;border-radius:5px;height:0;padding-bottom:56.5%;}.video-card-body-core .vk_top_img a{display:block;overflow:hidden;width:100%;height:100%;position:absolute;}.video-card-body-core .vk_top_img a img{width:100%;height:100%;transition:all 0.3s;object-fit:cover;}.video-card-body-core .vk_top_img a:hover img{transform:scale(1.1);}.video-card-body-core .vk_bottom_div{width:100%;height:95px;background:#fff;border-radius:0 0 5px 5px;}.video-card-body-core .vk_title{padding:10px 5px;height:30px;display:block;overflow:hidden;}.video-card-body-core .vk_title a{font-size:14px;font-weight:normal;color:#333;line-height:32px;}.video-card-body-core dl:hover .vk_title a{color:#00AEEC;}.video-card-body-core .vk_info{padding:5px 10px;}.video-card-body-core .vk_info dl{width:100%;height:30px;overflow:hidden;transition:all 0.3s;}.video-card-body-core .vk_info dl:hover{transform:translateY(0px);box-shadow:none;}.video-card-body-core .vk_info dl dd{float:left;height:20px;line-height:20px;margin-bottom:5px;font-size:12px;color:#999;}.video-card-body-core .vk_info .vk_avt img{display:block;width:22px;height:22px;border-radius:50%;margin:5px 5px 0 0;}.video-card-body-core .vk_info .vk_author{font-size:12px;color:#333;padding-right:5px;line-height:30px;}.video-card-body-core .vk_info .vk_date{float:right;text-indent:20px;color:#bbb;margin-top:5px;}aside{position:relative}.aside-wrap{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;z-index:1}.aside-head{flex-shrink:0}.aside-head .mouse-switch>*{position:relative;font-size:14px;height:20px;line-height:20px;margin-right:10px;color:var(--text2)}.aside-head .mouse-switch>*.is-active{color:var(--brand_blue)}.aside-head .mouse-switch>*.is-active:after{content:"";position:absolute;left:3px;right:3px;bottom:-4px;height:2px;border-radius:2px;background-color:var(--brand_blue)}.aside-body{flex-grow:1;position:relative}.aside-core{position:absolute;top:0;left:0;right:0;bottom:0}.aside-core div{height:100%;margin:0;}.aside-core div.temp{height:auto;}.video-rank-list{}@media (min-width:2560px){.video-rank-list{--rank-grid-count:10}.video-rank-list>*:nth-of-type(1n + 11){display:none !important}}@media (min-width:1701px) and (max-width:2559px){.video-rank-list{--rank-grid-count:9}.video-rank-list>*:nth-of-type(1n + 10){display:none !important}}@media (min-width:1367px) and (max-width:1700px){.video-rank-list{--rank-grid-count:8}.video-rank-list>*:nth-of-type(1n + 9){display:none !important}}@media (min-width:1100px) and (max-width:1366px){.video-rank-list{--rank-cover:none;--rank-grid-count:9;--rank-title-line:1}.video-rank-list>*:nth-of-type(1n + 10){display:none !important}}@media (max-width:1099px){.video-rank-list{--rank-cover:none;--rank-grid-count:9;--rank-title-line:1}.video-rank-list>*:nth-of-type(1n + 10){display:none !important}}.bili-rank-list-video .rank-video-card__popover--tit,.bili-rank-list-video .rank-video-card__info--tit{font-family:PingFang SC,HarmonyOS_Medium,Helvetica Neue,Microsoft YaHei,sans-serif;font-weight:500}@media (-webkit-max-device-pixel-ratio:1){.bili-rank-list-video .rank-video-card__popover--tit,.bili-rank-list-video .rank-video-card__info--tit{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}}.bili-rank-list-video{--index-font-size:14px;--index-line-height:20px;--title-font-size:14px;--title-line-height:18px;--subtitle-font-size:12px;--subtitle-line-height:16px;--icon-size:18px}@media (min-width:1701px) and (max-width:2559px){.bili-rank-list-video{--subtitle-font-size:13px}}@media (min-width:2560px){.bili-rank-list-video{--index-font-size:16px;--index-line-height:22px;--title-font-size:15px;--title-line-height:20px;--subtitle-font-size:14px;--subtitle-line-height:18px;--icon-size:20px}}.bili-rank-list-video__grid{height:100%}.bili-rank-list-video__grid>.bili-rank-list-video__list{height:100%;display:grid;grid-template-rows:repeat(var(--rank-grid-count,8),1fr)}.bili-rank-list-video__grid>.bili-rank-list-video__list .rank-video-card{padding-top:var(--rank-cover,15px);padding-bottom:var(--rank-cover,15px)}.bili-rank-list-video__grid>.bili-rank-list-video__list .rank-video-card__concise{padding:0}.bili-rank-list-video__grid>.bili-rank-list-video__list .rank-video-card__image{display:var(--rank-cover,block)}.bili-rank-list-video__grid>.bili-rank-list-video__list .rank-video-card__info--tit{-webkit-line-clamp:var(--rank-title-line,2)}.bili-rank-list-video__grid>.bili-rank-list-video__list .rank-video-card__info--pts{display:var(--rank-cover,block)}.bili-rank-list-video h1,.bili-rank-list-video h2,.bili-rank-list-video h3,.bili-rank-list-video p,.bili-rank-list-video a,.bili-rank-list-video ul,.bili-rank-list-video li{margin:0;padding:0}.bili-rank-list-video ul,.bili-rank-list-video li{list-style:none}.bili-rank-list-video a{text-decoration:none;color:inherit;transition:color .2s linear}.bili-rank-list-video a:hover{color:#00AEEC;}.bili-rank-list-video .bili-rank-list-video__list{border:1px solid #f1f2f3;border-radius:6px;background-color:#f6f7f8;overflow:hidden}.bili-rank-list-video .bili-rank-list-video__item{position:relative;padding:0 8px}.bili-rank-list-video .bili-rank-list-video__item:nth-of-type(2n){background-color:#f6f7f8;}.bili-rank-list-video .bili-rank-list-video__item:nth-of-type(2n + 1){background-color:#ffffff;}.bili-rank-list-video .bili-rank-list-video__item--wrap{display:-webkit-flex;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.bili-rank-list-video .bili-rank-list-video__item--index{margin-right:6px;width:20px;font-family:Avenir;font-style:italic;color:#c9ccd0;text-align:center;font-size:14px;line-height:20px;font-weight:600}.bili-rank-list-video .bili-rank-list-video__item--index[data-index="1"]{color:#ff473d}.bili-rank-list-video .bili-rank-list-video__item--index[data-index="2"]{color:#ff6a29}.bili-rank-list-video .bili-rank-list-video__item--index[data-index="3"]{color:#ff9214}.bili-rank-list-video .rank-video-card{display:-webkit-flex;display:flex;align-items:center;justify-content:flex-start;align-items:stretch;min-width:0;flex:1;padding:15px 0;width:100%;color:#18191c;}.bili-rank-list-video .rank-video-card__image{margin-right:6px;width:90px;height:56px}.bili-rank-list-video .rank-video-card__cover{width:90px;height:56px;border-radius:4px;background-color:#f1f2f3;overflow:hidden;object-fit:cover}.bili-rank-list-video .rank-video-card__info{display:-webkit-flex;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;min-width:0;flex:1}.bili-rank-list-video .rank-video-card__info--tit{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-word !important;word-break:break-all;line-break:anywhere;-webkit-line-clamp:2;width:100%;font-size:14px;line-height:18px;}.bili-rank-list-video .rank-video-card__info--pts{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-word !important;word-break:break-all;line-break:anywhere;-webkit-line-clamp:1;font-size:12px;line-height:16px;font-weight:normal;color:#9499a0;white-space:nowrap;}.bili-rank-list-video .rank-video-card__concise .rank-video-card__image{display:none}.bili-rank-list-video .rank-video-card__concise .rank-video-card__info--tit{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-word !important;word-break:break-all;line-break:anywhere;-webkit-line-clamp:1}.bili-rank-list-video .rank-video-card__concise .rank-video-card__info--pts{display:none}.area-header{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:1}@media (max-width:1099px){.area-header{height:28px;margin-bottom:12px}}@media (min-width:1100px) and (max-width:1366px){.area-header{height:28px;margin-bottom:12px}}@media (min-width:1367px) and (max-width:1700px){.area-header{height:34px;margin-bottom:16px}}@media (min-width:1701px) and (max-width:2559px){.area-header{height:34px;margin-bottom:16px}}@media (min-width:2560px){.area-header{height:34px;margin-bottom:16px}}.area-header .the-world{position:absolute;top:-80px;left:0;width:10px;height:10px}.area-header .left,.area-header .right{height:100%;display:flex;flex-direction:row;align-items:center}.area-header .title{margin-right:10px;display:flex;justify-content:flex-start;align-items:center;font-size:24px;color:var(--text1);transition:color .2s linear;padding:0;font-weight:normal;}.area-header .title.rank-title{margin-left:14px}@media (min-width:2560px){.area-header .title{font-size:28px}}.area-header .title span{margin-right:4px;font-weight:bold;color:#f59;}.area-header .title[href]:hover{color:#00AEEC;}.primary-btn{display:flex;justify-content:center;align-items:center;border-radius:8px;color:#18191c;border:1px solid #e3e5e7;background-color:#ffffff;margin-left:8px;transform-origin:center;transition:.2s;cursor:pointer;height:auto;padding:8px 12px;line-height:16px;font-size:13px;}.eva-banner{margin-bottom:56px}@media (min-width:2560px){.eva-banner{margin-bottom:72px}}.eva-banner a{display:block;position:relative;overflow:hidden;width:100%;border-radius:8px}.eva-banner .core{display:block;height:auto;width:100%}.eva-banner .icon{position:absolute;display:block;top:10px;right:10px;width:38px;height:22px;object-fit:contain;z-index:2}