[data-v-3b4c48bc]:root{--main-width:1676px;--perline:8;--card-width:192px;--card-img-height:267px;--card-margin-right:20px;--card-margin-bottom:20px;--card-col3-width:531px;--card-single-rank-width:616px;--card-single-rank-height:330px;--card-single-rank-margin-right:20px;--card-single-rank-info-margin-right:54px;--card-single-rank-img-width:211px;--card-single-rank-img-height:296px;--card-single-rank-img-bg-width:212px;--card-single-rank-img-bg-height:298px;--card-single-rank-img-bg-margin-top:20px;--card-left-rank-width:404px;--card-left-rank-height:330px;--topic-banner-height:450px;--topic-banner-title-item-padding:8px 42px 8px 40px;--topic-banner-title-item-active-height:90px;--card-big-horizontal-width:319px;--card-big-horizontal-img-height:179px;--card-small-horizontal-width:263px;--card-small-horizontal-img-height:148px;--card-rank-height:278px;--card-rank-item-width:145px;--card-small-horizontal-margin-right:19px}@media screen and (max-width:1835px){[data-v-3b4c48bc]:root{--main-width:1257px;--perline:6;--card-width:192px;--card-img-height:267px;--card-margin-right:21px;--card-margin-bottom:20px;--card-col3-width:605px;--card-single-rank-width:616px;--card-single-rank-height:330px;--card-single-rank-margin-right:23px;--card-single-rank-info-margin-right:54px;--card-single-rank-img-width:211px;--card-single-rank-img-height:296px;--card-single-rank-img-bg-width:212px;--card-single-rank-img-bg-height:298px;--card-single-rank-img-bg-margin-top:20px;--card-left-rank-width:404px;--card-left-rank-height:330px;--topic-banner-height:336px;--topic-banner-title-item-padding:8px 42px 8px 40px;--topic-banner-title-item-active-height:90px;--card-big-horizontal-width:298px;--card-big-horizontal-img-height:167px;--card-small-horizontal-width:235px;--card-small-horizontal-img-height:132px;--card-rank-height:266px;--card-rank-item-width:135px;--card-small-horizontal-margin-right:20px}}@media screen and (max-width:1416px){[data-v-3b4c48bc]:root{--main-width:956px;--perline:5;--card-width:176px;--card-img-height:245px;--card-margin-right:19px;--card-margin-bottom:20px;--card-col3-width:455px;--card-single-rank-width:566px;--card-single-rank-height:308px;--card-single-rank-margin-right:19px;--card-single-rank-info-margin-right:43px;--card-single-rank-img-width:196px;--card-single-rank-img-height:274px;--card-single-rank-img-bg-width:193px;--card-single-rank-img-bg-height:270px;--card-single-rank-img-bg-margin-top:26px;--card-left-rank-width:371px;--card-left-rank-height:308px;--topic-banner-height:257px;--topic-banner-title-item-padding:5px 42px 5px 40px;--topic-banner-title-item-active-height:74px;--card-big-horizontal-width:305px;--card-big-horizontal-img-height:171px;--card-small-horizontal-width:224px;--card-small-horizontal-img-height:126px;--card-rank-height:270px;--card-rank-item-width:138px;--card-small-horizontal-margin-right:19px}}.ystopic-banner[data-v-3b4c48bc]{border-radius:16px;height:450px;height:var(--topic-banner-height);overflow:hidden;position:relative}.image-stage[data-v-3b4c48bc]{cursor:pointer;overflow:hidden}.image-layer[data-v-3b4c48bc],.image-stage[data-v-3b4c48bc]{bottom:0;left:0;position:absolute;right:0;top:0}.image-layer[data-v-3b4c48bc]{background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:0;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}.image-layer.active[data-v-3b4c48bc]{opacity:1;z-index:1}._hidden-swiper[data-v-3b4c48bc]{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.title-list[data-v-3b4c48bc]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:4px;justify-content:center;width:306px;z-index:1}.title-list[data-v-3b4c48bc],.title-list[data-v-3b4c48bc]:after{height:100%;position:absolute;right:0;top:0}.title-list[data-v-3b4c48bc]:after{background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(15%,#000),to(#000));background:linear-gradient(90deg,transparent,#000 15%,#000);content:"";opacity:.7;width:100%;z-index:-1}.title-item[data-v-3b4c48bc]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:16px;justify-content:center;line-height:24px;padding:8px 42px 8px 40px;padding:var(--topic-banner-title-item-padding);position:relative;text-align:right;-webkit-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease}.title-item.active[data-v-3b4c48bc],.title-item[data-v-3b4c48bc]:hover{height:90px;height:var(--topic-banner-title-item-active-height)}.title-item.active .title-text[data-v-3b4c48bc],.title-item:hover .title-text[data-v-3b4c48bc]{font-size:24px;font-weight:700}.title-item.active .sub-text[data-v-3b4c48bc],.title-item:hover .sub-text[data-v-3b4c48bc]{display:block}.title-item.active[data-v-3b4c48bc]:after,.title-item[data-v-3b4c48bc]:hover:after{background:-webkit-gradient(linear,right top,left top,from(#fff),color-stop(87%,hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0) 87%,hsla(0,0%,100%,0));content:"";height:100%;opacity:.5;position:absolute;right:0;top:0;width:100%;z-index:-1}.title-text[data-v-3b4c48bc]{font-size:16px;line-height:24px}.sub-text[data-v-3b4c48bc],.title-text[data-v-3b4c48bc]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-text[data-v-3b4c48bc]{display:none;font-size:14px;line-height:22px;margin-top:4px}