[data-v-77c941ac]:root{--main-width:2316px;--perline:8;--card-width:272px;--card-img-height:380px;--card-img-height-360:268px;--card-margin-right:20px;--card-margin-bottom:20px;--card-col3-width:728px;--card-col3-img-width:292px;--card-col3-img-height:424px;--card-col3-border-width:296px;--card-col3-border-height:428px;--card-col3-list-margin-right:65px;--card-col3-bg-ctr-margin-right:36px;--card-col3-actor-margin-top:32px;--card-col3-actor-margin-bottom:12px;--card-drama-btn-margin-top:32px;--card-col3-intro-height:192px;--card-col3-intro-lines:8;--card-single-rank-width:856px;--card-single-rank-height:442px;--card-single-rank-margin-right:20px;--card-single-rank-info-margin-right:69px;--card-single-rank-img-width:286px;--card-single-rank-img-height:402px;--card-single-rank-img-bg-width:283px;--card-single-rank-img-bg-height:398px;--card-single-rank-img-bg-margin-top:28px;--card-single-rank-no-padding-top:85px;--card-single-rank-ctr-padding-left:48px;--card-left-rank-width:564px;--card-left-rank-height:447px;--topic-banner-height:622px;--topic-banner-title-item-padding:12px 42px 12px 40px;--topic-banner-title-item-active-height:114px;--card-big-horizontal-width:447px;--card-big-horizontal-img-height:250px;--card-small-horizontal-width:370px;--card-small-horizontal-img-height:208px;--card-rank-height:349px;--card-rank-padding:12px 12px 11px 12px;--card-rank-title-margin:6px 0 10px 14px;--card-rank-item-width:200px;--card-rank-item-height:51px;--card-rank-item-padding:15px 8px 12px 6px;--card-left-rank-item-padding:8px 12px;--card-left-rank-item-active-padding:8px 8px 8px 12px;--card-left-rank-item-margin-bottom:8px;--card-left-rank-title-margin-bottom:12px;--card-left-rank-intro-margin-top:10px;--card-left-rank-img-width:108px;--card-left-rank-img-height:150px;--card-left-rank-img-margin:0 0 0 16px;--card-small-horizontal-margin-right:19px;--card-m4-left-width:564px;--card-m4-left-img-height:317px;--card-m4-right-width:272px;--card-m4-right-img-height:153px;--card-m4-right-margin-right:20px;--card-m4-right-margin-bottom:20px;--card-m4-right-info-height:438px}@media screen and (max-width:2475px){[data-v-77c941ac]:root{--main-width:1676px;--perline:8;--card-width:192px;--card-img-height:267px;--card-img-height-360:268px;--card-margin-right:20px;--card-margin-bottom:20px;--card-col3-width:531px;--card-col3-img-width:232px;--card-col3-img-height:335px;--card-col3-border-width:236px;--card-col3-border-height:339px;--card-col3-list-margin-right:42px;--card-col3-bg-ctr-margin-right:30px;--card-col3-actor-margin-top:30px;--card-col3-actor-margin-bottom:10px;--card-drama-btn-margin-top:30px;--card-col3-intro-height:144px;--card-col3-intro-lines:6;--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-single-rank-no-padding-top:44px;--card-single-rank-ctr-padding-left:13px;--card-left-rank-width:404px;--card-left-rank-height:340px;--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-padding:10px;--card-rank-title-margin:6px 0 4px 14px;--card-rank-item-width:145px;--card-rank-item-height:42px;--card-rank-item-padding:3px 6px;--card-left-rank-item-margin-bottom:0;--card-left-rank-title-margin-bottom:8px;--card-left-rank-intro-margin-top:6px;--card-left-rank-img-width:77px;--card-left-rank-img-height:106px;--card-left-rank-item-padding:7px;--card-left-rank-item-active-padding:6px 6px 2px;--card-left-rank-img-margin:0 0 4px 18px;--card-small-horizontal-margin-right:19px;--card-m4-left-width:404px;--card-m4-left-img-height:227px;--card-m4-right-width:192px;--card-m4-right-img-height:108px;--card-m4-right-margin-right:20px;--card-m4-right-margin-bottom:20px;--card-m4-right-info-height:350px}}@media screen and (max-width:1835px){[data-v-77c941ac]:root{--main-width:1257px;--perline:6;--card-width:192px;--card-img-height:267px;--card-img-height-360:268px;--card-margin-right:21px;--card-margin-bottom:20px;--card-col3-width:605px;--card-col3-img-width:232px;--card-col3-img-height:335px;--card-col3-border-width:236px;--card-col3-border-height:339px;--card-col3-list-margin-right:42px;--card-col3-bg-ctr-margin-right:30px;--card-col3-actor-margin-top:30px;--card-col3-actor-margin-bottom:10px;--card-drama-btn-margin-top:30px;--card-col3-intro-height:144px;--card-col3-intro-lines:6;--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-single-rank-no-padding-top:44px;--card-single-rank-ctr-padding-left:13px;--card-left-rank-width:404px;--card-left-rank-height:340px;--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-padding:10px;--card-rank-title-margin:6px 0 4px 14px;--card-rank-item-width:135px;--card-rank-item-height:42px;--card-rank-item-padding:3px 6px;--card-small-horizontal-margin-right:20px;--card-left-rank-item-margin-bottom:0;--card-left-rank-title-margin-bottom:8px;--card-left-rank-intro-margin-top:6px;--card-left-rank-img-width:77px;--card-left-rank-img-height:106px;--card-left-rank-item-padding:5px;--card-left-rank-item-active-padding:6px 6px 2px;--card-left-rank-img-margin:0 0 4px 18px;--card-m4-left-width:404px;--card-m4-left-img-height:227px;--card-m4-right-width:192px;--card-m4-right-img-height:108px;--card-m4-right-margin-right:20px;--card-m4-right-margin-bottom:20px;--card-m4-right-info-height:350px}}@media screen and (max-width:1416px){[data-v-77c941ac]:root{--main-width:956px;--perline:5;--card-width:176px;--card-img-height:245px;--card-img-height-360:246px;--card-margin-right:19px;--card-margin-bottom:20px;--card-col3-width:462px;--card-col3-img-width:182px;--card-col3-img-height:264px;--card-col3-border-width:186px;--card-col3-border-height:268px;--card-col3-list-margin-right:32px;--card-col3-bg-ctr-margin-right:22px;--card-col3-actor-margin-top:12px;--card-col3-actor-margin-bottom:8px;--card-drama-btn-margin-top:12px;--card-col3-intro-height:96px;--card-col3-intro-lines:4;--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-single-rank-no-padding-top:44px;--card-single-rank-ctr-padding-left:13px;--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-padding:10px;--card-rank-title-margin:6px 0 4px 14px;--card-rank-item-width:138px;--card-rank-item-height:42px;--card-rank-item-padding:3px 6px;--card-small-horizontal-margin-right:19px;--card-left-rank-item-margin-bottom:0;--card-left-rank-title-margin-bottom:8px;--card-left-rank-intro-margin-top:6px;--card-left-rank-img-width:77px;--card-left-rank-img-height:106px;--card-left-rank-item-padding:6px;--card-left-rank-item-active-padding:6px 6px 2px;--card-m4-left-width:371px;--card-m4-left-img-height:208px;--card-m4-right-width:176px;--card-m4-right-img-height:99px;--card-m4-right-margin-right:19px;--card-m4-right-margin-bottom:19px;--card-m4-right-info-height:332px}}.ystopic-banner[data-v-77c941ac]{border-radius:16px;height:622px;height:var(--topic-banner-height);overflow:hidden;position:relative}.image-stage[data-v-77c941ac]{cursor:pointer;overflow:hidden}.image-layer[data-v-77c941ac],.image-stage[data-v-77c941ac]{bottom:0;left:0;position:absolute;right:0;top:0}.image-layer[data-v-77c941ac]{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-77c941ac]{opacity:1;z-index:1}._hidden-swiper[data-v-77c941ac]{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.title-list[data-v-77c941ac]{-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-77c941ac],.title-list[data-v-77c941ac]:after{height:100%;position:absolute;right:0;top:0}.title-list[data-v-77c941ac]: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-77c941ac]{-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:12px 42px 12px 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-77c941ac],.title-item[data-v-77c941ac]:hover{height:114px;height:var(--topic-banner-title-item-active-height)}.title-item.active .title-text[data-v-77c941ac],.title-item:hover .title-text[data-v-77c941ac]{font-size:24px;font-weight:700}.title-item.active .sub-text[data-v-77c941ac],.title-item:hover .sub-text[data-v-77c941ac]{display:block}.title-item.active[data-v-77c941ac]:after,.title-item[data-v-77c941ac]: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-77c941ac]{font-size:16px;line-height:24px}.sub-text[data-v-77c941ac],.title-text[data-v-77c941ac]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-text[data-v-77c941ac]{display:none;font-size:14px;line-height:22px;margin-top:4px}