@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:numFont;src:url(//vfiles.gtimg.cn/tvideo/new_channel/assets/vNum.955fb858.ttf) format("truetype");font-display:swap}@font-face{font-family:OswaldRegular;src:url(https://vfiles.gtimg.cn/vupload/201910/c9ea771571908935508.ttf)}@font-face{font-family:DIN Next LT Pro;src:url(https://vfiles.gtimg.cn/wupload/fileupload/518edc17_yCXoqslzwz4bp1gclGJLQ8Grbz5kEiNN.ttf)}.top-nav-has-red #ssi-user-bar .head_inner{top:var(--top-red-banner-height);left:-20px;width:100vw}html::-webkit-scrollbar{width:8px;height:8px;background:transparent}html::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4);border-radius:16px}html::-webkit-scrollbar-track{background:transparent}.toast-wrap{position:fixed;top:84px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;padding:13px 24px;background-color:rgba(0,0,0,.9);mix-blend-mode:normal;border-radius:30px;z-index:119}.toast-wrap .toast-text{color:#fff;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:16px;line-height:22px}.corner-wrap[data-v-25f21d2f]{display:flex;justify-content:center;align-items:center;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:500;letter-spacing:0;white-space:nowrap;z-index:9}.corner-mark--medium[data-v-25f21d2f]{font-size:12px;padding:2px 7px;line-height:normal}.corner-mark--medium .img[data-v-25f21d2f]{width:10px;height:10px;margin-right:2px}.corner-mark--small[data-v-25f21d2f]{font-size:10px;padding:1px 6px;line-height:normal}.corner-mark--small .img[data-v-25f21d2f]{width:8px;height:8px;margin-right:2px}.corner-mark--bigger[data-v-25f21d2f]{font-size:14px;padding:3px 7px;line-height:16px}.corner-mark--bigger .img[data-v-25f21d2f]{width:12px;height:12px;margin-right:2px}.corner-mark--rightTop[data-v-25f21d2f]{position:absolute;top:0;right:0;border-radius:0 0 0 6px}.corner-mark--rightBottom[data-v-25f21d2f]{position:absolute;right:3px;bottom:4px}.corner-mark--leftBottom[data-v-25f21d2f]{position:absolute;left:3px;bottom:4px}.corner-mark--leftTop[data-v-25f21d2f]{position:absolute;top:0;left:0;border-radius:0 0 6px}.corner-mark--center[data-v-25f21d2f]{border-radius:4px}.focus-order-container[data-v-2719f80b]{flex-direction:row;padding:0 22px}.focus-order-container .order-info[data-v-2719f80b]{position:relative;display:flex;align-items:center;margin-right:32px}.focus-order-container .order-info[data-v-2719f80b]:after{content:"";position:absolute;background-color:rgba(255,255,255,.3);width:1px;height:24px;right:-16px;top:50%;transform:translateY(-50%)}.focus-order-container .button-wrap[data-v-2719f80b]{display:flex;align-items:center;justify-content:center}.focus-order-container .button-wrap .order-icon[data-v-2719f80b]{margin-right:8px}.focus-order-container .order-text[data-v-2719f80b]{line-height:33.6px;font-family:PingFangSC-Regular;color:#fff;letter-spacing:0;font-size:20px}@media screen and (min-width: 1600px){.focus-order-container .order-text[data-v-2719f80b]{font-size:22px}}.small-qrcode-container[data-v-c2f11009]{position:absolute;top:calc(var(--content-margin) + 100px);right:var(--content-margin);z-index:20;cursor:pointer}.small-qrcode-container *[data-v-c2f11009]{box-sizing:border-box}.small-qrcode-container .small-qrcode__icon[data-v-c2f11009]{position:absolute;right:0;top:0;background-color:rgba(0,0,0,.4);width:76px;height:76px;border-radius:8px;z-index:1}.small-qrcode-container .small-qrcode[data-v-c2f11009]{position:absolute;right:0;top:0;width:240px;height:270px;border-radius:8px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px 16px;opacity:0}.small-qrcode-container .small-qrcode span[data-v-c2f11009]{color:rgba(0,0,0,.25);font-size:16px;font-weight:500;line-height:22px;margin-top:12px;text-align:center}.small-qrcode-container:hover .small-qrcode[data-v-c2f11009]{opacity:1}.small-qrcode-container:hover .small-qrcode__icon[data-v-c2f11009]{opacity:0}.center-qrcode[data-v-2f601393]{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:21;transform:translate(-50%,-50%);transform-origin:50% 50%}.center-qrcode *[data-v-2f601393]{box-sizing:border-box}.center-qrcode-card[data-v-2f601393]{width:260px;height:300px;border-radius:8px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:10px}.center-qrcode-card span[data-v-2f601393]{color:rgba(0,0,0,.25);font-size:14px;font-weight:400;line-height:20px;margin-top:15px;text-align:center}.center-qrcode .qrcode-img[data-v-2f601393]{width:240px;height:240px}.center-qrcode .center-qrcode-close[data-v-2f601393]{width:36px;height:36px;margin-top:16px;cursor:pointer}@media screen and (max-width: 1024px){.large-focus.focus-wrap[data-v-a2bff948]{height:576px;width:1024px}}@media screen and (min-width: 1025px) and (max-width: 1280px){.large-focus.focus-wrap[data-v-a2bff948]{height:720px;width:100%}}@media screen and (min-width: 1280px) and (max-width: 1600px){.large-focus.focus-wrap[data-v-a2bff948]{width:100%;height:44.4444444444vw}}@media screen and (min-width: 1600px) and (max-width: 1920px){.large-focus.focus-wrap[data-v-a2bff948]{width:100%;height:44.4444444444vw}}@media screen and (min-width: 1920px){.large-focus.focus-wrap[data-v-a2bff948]{height:800px;width:100%}}@media screen and (max-width: 1024px){.large-focus.focus-wrap .content .player-wrap[data-v-a2bff948]{height:576px;width:1024px}}@media screen and (min-width: 1025px) and (max-width: 1280px){.large-focus.focus-wrap .content .player-wrap[data-v-a2bff948]{height:720px;width:100vw}}@media screen and (min-width: 1280px) and (max-width: 1600px){.large-focus.focus-wrap .content .player-wrap[data-v-a2bff948]{width:100vw;height:56.25vw}}@media screen and (min-width: 1600px) and (max-width: 1920px){.large-focus.focus-wrap .content .player-wrap[data-v-a2bff948]{width:100vw;height:56.25vw;top:50%;transform:translateY(-50%)}}@media screen and (min-width: 1920px){.large-focus.focus-wrap .content .player-wrap[data-v-a2bff948]{width:1920px;height:1280px;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}}@media screen and (min-width: 1920px) and (min-width: 2190px){.large-focus.focus-wrap .content .player-wrap[data-v-a2bff948]{left:calc(270px + (100vw - 270px)/2)}}@media screen and (min-width: 1920px){.large-focus.focus-wrap .content .player-wrap[data-v-a2bff948]:before{content:"";width:400px;height:100%;background-image:linear-gradient(270deg,rgba(20,20,20,0) 0%,rgba(20,20,20,.6) 50%,#141414 100%);position:absolute;top:0;left:0;z-index:12}}@media screen and (min-width: 1920px){.large-focus.focus-wrap .content .player-wrap[data-v-a2bff948]:after{content:"";width:400px;height:100%;background-image:linear-gradient(90deg,rgba(20,20,20,0) 0%,rgba(20,20,20,.6) 63%,#141414 100%);position:absolute;top:0;right:0;z-index:12}}@keyframes info-wrap-ani-a2bff948{to{bottom:40px}}@keyframes title-logo-ani-a2bff948{to{transform:scale(.75)}}.large-focus.focus-wrap .content .info-wrap[data-v-a2bff948]{bottom:calc(40% - 100px);animation-name:info-wrap-ani-a2bff948;animation-duration:.5s;animation-direction:alternate;animation-delay:3s;animation-timing-function:ease-out;animation-iteration-count:1;animation-fill-mode:forwards}.large-focus.focus-wrap .content .info-wrap .title[data-v-a2bff948]{transform-origin:left bottom;animation-name:title-logo-ani-a2bff948;animation-duration:.5s;animation-direction:alternate;animation-delay:3s;animation-timing-function:ease-out;animation-iteration-count:1;animation-fill-mode:forwards}.large-focus.focus-wrap .content .info-wrap .video-logo-wrap[data-v-a2bff948]{position:relative;transform-origin:left bottom;animation-name:title-logo-ani-a2bff948;animation-duration:.5s;animation-direction:alternate;animation-delay:3s;animation-timing-function:ease-out;animation-iteration-count:1;animation-fill-mode:forwards}.large-focus.focus-wrap .content .info-wrap .video-logo-wrap .video-logo[data-v-a2bff948]{position:absolute;left:3%;bottom:0;max-width:100%;max-height:100%;margin-bottom:25px}@media screen and (max-width: 1600px){.large-focus.focus-wrap .content .info-wrap .video-logo-wrap[data-v-a2bff948]{width:240px;height:160px}.large-focus.focus-wrap .content .info-wrap .title[data-v-a2bff948]{font-size:54px}}@media screen and (min-width: 1600px){.large-focus.focus-wrap .content .info-wrap .video-logo-wrap[data-v-a2bff948]{width:300px;height:200px}.large-focus.focus-wrap .content .info-wrap .title[data-v-a2bff948]{font-size:72px}}@media screen and (max-width: 1280px){.large-focus.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{height:calc(((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 - 3 * var(--card-margin)) / 4 * 129 / 92)}}@media screen and (max-width: 1280px) and (max-width: 1024px){.large-focus.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{min-height:110px}}@media screen and (max-width: 1600px) and (min-width: 1280px){.large-focus.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{height:calc(((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 - 4 * var(--card-margin)) / 5 * 129 / 92)}}@media screen and (min-width: 1600px){.large-focus.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{height:calc(((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 - 5 * var(--card-margin)) / 6 * 129 / 92);max-height:134px}}@media screen and (max-width: 1024px){.medium-focus.focus-wrap[data-v-a2bff948]{height:384px;width:1024px}}@media screen and (min-width: 1024px) and (max-width: 1600px){.medium-focus.focus-wrap[data-v-a2bff948]{height:37.5vw;width:100%}}@media screen and (min-width: 1600px){.medium-focus.focus-wrap[data-v-a2bff948]{height:600px;width:100%}}@media screen and (max-width: 1024px){.medium-focus.focus-wrap .content .player-wrap[data-v-a2bff948]{width:1024px;height:576px;position:absolute;top:calc(50% + 2vw);left:50%;transform:translate(-50%,-50%)}}@media screen and (min-width: 1025px) and (max-width: 1920px){.medium-focus.focus-wrap .content .player-wrap[data-v-a2bff948]{width:100vw;height:56.25vw;position:absolute;top:calc(50% + 2vw);left:50%;transform:translate(-50%,-50%)}}@media screen and (min-width: 1920px){.medium-focus.focus-wrap .content .player-wrap[data-v-a2bff948]{width:1920px;height:1080px;position:absolute;top:calc(50% + 2vw);left:50%;transform:translate(-50%,-50%)}}@media screen and (min-width: 1920px) and (min-width: 2190px){.medium-focus.focus-wrap .content .player-wrap[data-v-a2bff948]{left:calc(270px + (100vw - 270px)/2)}}@media screen and (min-width: 1920px){.medium-focus.focus-wrap .content .player-wrap[data-v-a2bff948]:before{content:"";width:400px;height:100%;background-image:linear-gradient(270deg,rgba(20,20,20,0) 0%,rgba(20,20,20,.6) 50%,#141414 100%);position:absolute;top:0;left:0;z-index:12}}@media screen and (min-width: 1920px){.medium-focus.focus-wrap .content .player-wrap[data-v-a2bff948]:after{content:"";width:400px;height:100%;background-image:linear-gradient(90deg,rgba(20,20,20,0) 0%,rgba(20,20,20,.6) 63%,#141414 100%);position:absolute;top:0;right:0;z-index:12}}.medium-focus.focus-wrap .content .info-wrap[data-v-a2bff948]{bottom:40px;animation-name:info-wrap-ani-a2bff948;animation-duration:.5s;animation-direction:alternate;animation-delay:5s;animation-timing-function:ease-out;animation-iteration-count:1;animation-fill-mode:forwards}.medium-focus.focus-wrap .content .info-wrap .title[data-v-a2bff948]{transform-origin:left bottom}.medium-focus.focus-wrap .content .info-wrap .label[data-v-a2bff948]{margin-top:10px}.medium-focus.focus-wrap .content .info-wrap .video-logo-wrap[data-v-a2bff948]{position:relative;transform-origin:left bottom;transform:scale(.75)}.medium-focus.focus-wrap .content .info-wrap .video-logo-wrap .video-logo[data-v-a2bff948]{position:absolute;left:3%;bottom:0;max-width:100%;max-height:100%}@media screen and (max-width: 1600px){.medium-focus.focus-wrap .content .info-wrap .video-logo-wrap[data-v-a2bff948]{width:240px;height:160px}.medium-focus.focus-wrap .content .info-wrap .title[data-v-a2bff948]{font-size:40px}}@media screen and (min-width: 1600px){.medium-focus.focus-wrap .content .info-wrap .video-logo-wrap[data-v-a2bff948]{width:300px;height:200px}.medium-focus.focus-wrap .content .info-wrap .title[data-v-a2bff948]{font-size:54px}}.medium-focus.focus-wrap .content .small-qrcode-container[data-v-a2bff948]{transform:scale(.8)}.medium-focus.focus-wrap .content .center-qrcode[data-v-a2bff948]{transform:translate(-50%,-50%) scale(.8)}@media screen and (max-width: 1280px){.medium-focus.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{height:calc(((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 - 3 * var(--card-margin)) / 4 * 52 / 92)}}@media screen and (max-width: 1280px) and (max-width: 1024px){.medium-focus.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{min-height:44px}}@media screen and (max-width: 1600px) and (min-width: 1280px){.medium-focus.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{height:calc(((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 - 4 * var(--card-margin)) / 5 * 52 / 92)}}@media screen and (min-width: 1600px){.medium-focus.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{height:calc(((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 - 5 * var(--card-margin)) / 6 * 52 / 92);max-height:54px}}.medium-focus.focus-wrap .focus-list .focus-item .poster.creative-poster .pic[data-v-a2bff948]{width:unset;height:100%}.small-focus.focus-wrap[data-v-a2bff948]{margin-top:85px;border-radius:16px;transform:rotate(0);overflow:hidden;margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));margin-right:40px;min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap))}.small-focus.focus-wrap .left-mask[data-v-a2bff948]{display:none}.small-focus.focus-wrap .bottom-mask[data-v-a2bff948]{height:120px}@media screen and (min-width: 1920px) and (max-width: 2160px){.small-focus.focus-wrap[data-v-a2bff948]{margin-right:60px;width:calc(100vw - var(--left-tab-width) - var(--tab-content-gap) - var(--content-right-margin-max) - var(--right-arrow-width))}}@media screen and (min-width: 1600px) and (max-width: 1920px){.small-focus.focus-wrap[data-v-a2bff948]{margin-right:calc(40px + (100vw - 1600px)/16);width:calc(100vw - var(--left-tab-width) - var(--tab-content-gap) - var(--content-right-margin-active) - var(--right-arrow-width))}}@media screen and (min-width: 2160px){.small-focus.focus-wrap[data-v-a2bff948]{margin-left:calc(var(--left-tab-width) + (100vw - var(--left-tab-width) - 1797px - var(--content-big-card-margin) * 2) / 2 - 15px);width:calc(1797px + var(--content-big-card-margin) * 2)}}@media screen and (min-width: 1280px){.small-focus.focus-wrap[data-v-a2bff948]{height:400px}}@media screen and (min-width: 1024px) and (max-width: 1280px){.small-focus.focus-wrap[data-v-a2bff948]{height:calc((100vw - var(--left-tab-width) - var(--tab-content-gap) - 40px) * 400 / 984)}}@media screen and (max-width: 1024px){.small-focus.focus-wrap[data-v-a2bff948]{height:calc((1024px - var(--left-tab-width) - var(--tab-content-gap) - 40px) * 400 / 984)}}@media screen and (max-width: 1600px){.small-focus.focus-wrap[data-v-a2bff948]{width:calc(100vw - var(--left-tab-width) - var(--tab-content-gap) - var(--content-right-margin) - var(--right-arrow-width))}}.small-focus.focus-wrap .content .info-wrap[data-v-a2bff948]{bottom:0px;left:24px}.small-focus.focus-wrap .content .info-wrap .title[data-v-a2bff948]{transform-origin:left bottom;font-size:28px}@media screen and (max-width: 1280px){.small-focus.focus-wrap .content .info-wrap .title[data-v-a2bff948]{font-size:16px}}.small-focus.focus-wrap .content .info-wrap .rec-reason .quotation-marks[data-v-a2bff948],.small-focus.focus-wrap .content .info-wrap .bottom[data-v-a2bff948]{display:none}.small-focus.focus-wrap .content .focus-img[data-v-a2bff948]{max-width:1300px}.small-focus.focus-wrap .content .small-focus-left-mask[data-v-a2bff948]{position:absolute;display:none;left:0;height:100%;min-width:200px;width:calc(100% - 1300px);max-width:480px;z-index:11}.small-focus.focus-wrap .content .small-focus-right-mask[data-v-a2bff948]{position:absolute;display:none;right:0;height:100%;min-width:200px;width:calc(100% - 1300px);max-width:450px;z-index:11}@media screen and (min-width: 1600px){.small-focus.focus-wrap .content .small-focus-left-mask[data-v-a2bff948],.small-focus.focus-wrap .content .small-focus-right-mask[data-v-a2bff948]{display:block}}.small-focus.focus-wrap .content .close-creative[data-v-a2bff948]{top:20px;right:20px}.small-focus.focus-wrap .content .small-qrcode-container[data-v-a2bff948]{top:80px;right:20px;transform:scale(.6)}.small-focus.focus-wrap .content .center-qrcode[data-v-a2bff948]{transform:translate(-50%,-50%) scale(.6)}.small-focus.focus-wrap .focus-list[data-v-a2bff948]{bottom:10px;right:40px}.small-focus.focus-wrap .focus-list .focus-item.active .poster .process-wrap[data-v-a2bff948]{display:none}@media screen and (max-width: 1280px){.small-focus.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{height:calc(((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 - 3 * var(--card-margin)) / 4 * 52 / 92)}}@media screen and (max-width: 1280px) and (max-width: 1024px){.small-focus.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{min-height:44px}}@media screen and (max-width: 1600px) and (min-width: 1280px){.small-focus.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{height:calc(((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 - 4 * var(--card-margin)) / 5 * 52 / 92)}}@media screen and (min-width: 1600px){.small-focus.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{height:calc(((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 - 5 * var(--card-margin)) / 6 * 52 / 92);max-height:54px}}.small-focus.focus-wrap .focus-list .focus-item .poster.creative-poster .pic[data-v-a2bff948]{width:unset;height:100%}.small-focus.focus-wrap .focus-list .turn-page-right[data-v-a2bff948]{right:-30px}.small-focus.focus-wrap .focus-list .turn-page-left[data-v-a2bff948]{left:-40px}.focus-wrap[data-v-a2bff948]{background:rgb(20,20,20);position:relative}.focus-wrap .focus-mask[data-v-a2bff948]{position:absolute;width:100%;height:100%;background:rgba(20,20,20,.1);left:0;top:0;z-index:11}.focus-wrap .bottom-mask[data-v-a2bff948]{height:260px;width:100%;position:absolute;left:0;bottom:.97%;background-image:linear-gradient(180deg,rgba(0,0,0,0),#141414);z-index:13}.focus-wrap .left-mask[data-v-a2bff948]{height:100%;width:800px;z-index:11;position:absolute;left:0;top:0;background-image:linear-gradient(269deg,rgba(20,20,20,0) 1%,rgba(20,20,20,.6) 100%)}.focus-wrap .left-cover-mask[data-v-a2bff948]{height:98%;width:calc((100vw - 2160px) / 2 + 2 * var(--left-tab-width));z-index:11;position:absolute;left:0;top:0;z-index:12}@media screen and (max-width: 2159px){.focus-wrap .left-cover-mask[data-v-a2bff948]{display:none}}.focus-wrap .right-cover-mask[data-v-a2bff948]{height:98%;width:calc((100vw - 2160px) / 2 + 1.5 * var(--left-tab-width));z-index:11;position:absolute;right:0;top:0}@media screen and (max-width: 2159px){.focus-wrap .right-cover-mask[data-v-a2bff948]{display:none}}.focus-wrap .focus-mask-fade-enter-active[data-v-a2bff948],.focus-wrap .focus-mask-fade-leave-active[data-v-a2bff948]{transition:opacity .4s}.focus-wrap .focus-mask-fade-enter-from[data-v-a2bff948],.focus-wrap .focus-mask-fade-leave-to[data-v-a2bff948]{opacity:0}.focus-wrap .content[data-v-a2bff948]{width:100%;height:98.8%;position:relative;overflow:hidden}.focus-wrap .content .player-wrap[data-v-a2bff948]{position:absolute;left:0;top:0}.focus-wrap .content .info-wrap[data-v-a2bff948]{position:absolute;left:calc(var(--left-tab-width) + 22px);display:flex;flex-direction:column;justify-content:flex-start;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:14}@media screen and (max-width: 1350px){.focus-wrap .content .info-wrap[data-v-a2bff948]{width:400px}}@media screen and (min-width: 1350px) and (max-width: 1920px){.focus-wrap .content .info-wrap[data-v-a2bff948]{width:calc(50vw - .5 * var(--left-tab-width) - 58px)}}@media screen and (min-width: 1920px){.focus-wrap .content .info-wrap[data-v-a2bff948]{width:1000px}}@media screen and (min-width: 2160px){.focus-wrap .content .info-wrap[data-v-a2bff948]{left:calc(var(--left-tab-width) + (100vw - var(--left-tab-width) - 1800px - var(--content-big-card-margin) * 2) / 2 - 15px);width:1150px}}.focus-wrap .content .info-wrap .title[data-v-a2bff948]{margin-left:2px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:700;cursor:pointer}.focus-wrap .content .info-wrap .label[data-v-a2bff948],.focus-wrap .content .info-wrap .rec-reason[data-v-a2bff948]{display:flex;align-items:center;margin-left:6px;font-size:16px;color:#fff;letter-spacing:0;font-family:PingFangSC-Regular;cursor:pointer}.focus-wrap .content .info-wrap .label-text[data-v-a2bff948],.focus-wrap .content .info-wrap .rec-reason-text[data-v-a2bff948]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width: 1024px){.focus-wrap .content .info-wrap .label[data-v-a2bff948],.focus-wrap .content .info-wrap .rec-reason[data-v-a2bff948]{width:350px}}@media screen and (min-width: 1025px) and (max-width: 1240px){.focus-wrap .content .info-wrap .label[data-v-a2bff948],.focus-wrap .content .info-wrap .rec-reason[data-v-a2bff948]{width:calc(100vw - 546px - var(--left-tab-width) - 100px)}}.focus-wrap .content .info-wrap .live-focus-status[data-v-a2bff948]{display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.focus-wrap .content .info-wrap .rec-reason[data-v-a2bff948]{margin-top:5px}.focus-wrap .content .info-wrap .bottom[data-v-a2bff948]{display:flex;align-items:center;margin-left:6px}.focus-wrap .content .info-wrap .bottom .look-positive-btn[data-v-a2bff948]{background:rgba(255,255,255,.15);border-radius:33.6px;display:flex;align-items:center;justify-content:center}.focus-wrap .content .info-wrap .bottom .look-positive-btn .icon[data-v-a2bff948]{margin-top:1px;transform:scale(.8)}.focus-wrap .content .info-wrap .bottom .look-positive-btn .text[data-v-a2bff948]{font-family:PingFangSC-Regular;color:#fff;letter-spacing:0;line-height:33.6px;margin-left:9px}.focus-wrap .content .info-wrap .bottom .look-positive-btn .link-icon[data-v-a2bff948]{margin-top:5px;margin-left:9px;transform:scale(.8)}.focus-wrap .content .info-wrap .bottom .voice-switch[data-v-a2bff948]{margin-left:10px;cursor:pointer}.focus-wrap .content .info-wrap .bottom .voice-switch span[data-v-a2bff948]{display:flex;align-items:center;padding-right:10px;padding-left:6px;height:100%}@media screen and (max-width: 1600px){.focus-wrap .content .info-wrap .bottom[data-v-a2bff948]{margin-top:25px}.focus-wrap .content .info-wrap .bottom .look-positive-btn[data-v-a2bff948]{min-width:152px;height:52px}.focus-wrap .content .info-wrap .bottom .look-positive-btn .text[data-v-a2bff948]{font-size:20px}.focus-wrap .content .info-wrap .bottom .voice-switch[data-v-a2bff948]{height:52px}}@media screen and (min-width: 1600px){.focus-wrap .content .info-wrap .label[data-v-a2bff948],.focus-wrap .content .info-wrap .rec-reason[data-v-a2bff948]{font-size:16px}.focus-wrap .content .info-wrap .bottom[data-v-a2bff948]{margin-top:25px}.focus-wrap .content .info-wrap .bottom .look-positive-btn[data-v-a2bff948]{min-width:184px;height:60px}.focus-wrap .content .info-wrap .bottom .look-positive-btn .text[data-v-a2bff948]{font-size:24px}.focus-wrap .content .info-wrap .bottom .voice-switch[data-v-a2bff948]{height:60px}}.focus-wrap .content .focus-img[data-v-a2bff948]{display:block;width:100%;height:100%;position:absolute;z-index:10;max-width:2160px;left:50%;top:0;transform:translate(-50%);font-family:"object-fit: cover;";background-position:center;background-repeat:no-repeat;background-size:cover;background-origin:content-box;opacity:1}.focus-wrap .content .focus-fade-enter-active[data-v-a2bff948],.focus-wrap .content .focus-fade-leave-active[data-v-a2bff948]{transition:opacity .2s ease-in-out}.focus-wrap .content .focus-fade-enter-from[data-v-a2bff948],.focus-wrap .content .focus-fade-leave-to[data-v-a2bff948]{opacity:0}.focus-wrap .content .close-creative[data-v-a2bff948]{position:absolute;top:calc(var(--content-margin) + 40px);right:var(--content-margin);display:flex;align-items:center;padding:8px 16px;border-radius:30px;color:#fff;font-size:16px;background-color:rgba(0,0,0,.5);z-index:20;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (min-width: 1024px) and (max-width: 1600px){.focus-wrap .content .close-creative[data-v-a2bff948],.focus-wrap .content .qrcode-card[data-v-a2bff948]{right:calc((var(--tab-content-gap) + 40px + 18px) / 2 + 9px)}}@media screen and (min-width: 1600px) and (max-width: 1920px){.focus-wrap .content .close-creative[data-v-a2bff948],.focus-wrap .content .qrcode-card[data-v-a2bff948]{right:calc((var(--tab-content-gap) + 40px + (100vw - 1600px) / 320 * 20 - var(--content-big-card-margin) + 24px + 27px) / 2 + 18px)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.focus-wrap .content .close-creative[data-v-a2bff948],.focus-wrap .content .qrcode-card[data-v-a2bff948]{right:calc((var(--tab-content-gap) + 60px - var(--content-big-card-margin) + 24px + 27px) / 2 + 27px)}}@media screen and (min-width: 2160px){.focus-wrap .content .close-creative[data-v-a2bff948],.focus-wrap .content .qrcode-card[data-v-a2bff948]{right:calc((100vw - var(--left-tab-width) - 1797px - 2 * var(--content-big-card-margin)) / 2 + 18px)}}.focus-wrap .creative-logo-wrap[data-v-a2bff948]{display:flex;position:absolute;top:92px;right:var(--content-margin);z-index:13;justify-content:flex-end}@media screen and (min-width: 1024px) and (max-width: 1600px){.focus-wrap .creative-logo-wrap[data-v-a2bff948]{right:calc((var(--tab-content-gap) + 40px + 16px) / 2 + 9px)}}@media screen and (min-width: 1600px) and (max-width: 1920px){.focus-wrap .creative-logo-wrap[data-v-a2bff948]{right:calc((var(--tab-content-gap) + 40px + (100vw - 1600px) / 320 * 20 - var(--content-big-card-margin) + 24px + 27px) / 2 + 16px)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.focus-wrap .creative-logo-wrap[data-v-a2bff948]{right:calc((var(--tab-content-gap) + 60px - var(--content-big-card-margin) + 24px + 27px) / 2 + 27px)}}@media screen and (min-width: 2160px){.focus-wrap .creative-logo-wrap[data-v-a2bff948]{right:calc((100vw - var(--left-tab-width) - 1797px - 2 * var(--content-big-card-margin)) / 2 + 16px)}}@media screen and (max-width: 1600px){.focus-wrap .creative-logo-wrap[data-v-a2bff948]{width:400px;height:20px}}@media screen and (min-width: 1600px){.focus-wrap .creative-logo-wrap[data-v-a2bff948]{width:600px;height:30px}}.focus-wrap .creative-logo-wrap .creative-logo[data-v-a2bff948]{max-height:100%}.focus-wrap .focus-logo-wrap[data-v-a2bff948]{width:100%;height:99%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.focus-wrap .focus-list[data-v-a2bff948]{position:absolute;right:var(--content-margin);bottom:var(--content-margin);z-index:15;display:flex}@media screen and (min-width: 1024px) and (max-width: 1600px){.focus-wrap .focus-list[data-v-a2bff948]{right:calc((var(--tab-content-gap) + 40px + 16px) / 2 + 9px)}}@media screen and (min-width: 1600px) and (max-width: 1920px){.focus-wrap .focus-list[data-v-a2bff948]{right:calc((var(--tab-content-gap) + 40px + (100vw - 1600px) / 320 * 20 - var(--content-big-card-margin) + 24px + 27px) / 2 + 16px)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.focus-wrap .focus-list[data-v-a2bff948]{right:calc((var(--tab-content-gap) + 60px - var(--content-big-card-margin) + 24px + 27px) / 2 + 27px)}}@media screen and (min-width: 2160px){.focus-wrap .focus-list[data-v-a2bff948]{right:calc((100vw - var(--left-tab-width) - 1797px - 2 * var(--content-big-card-margin)) / 2 + 16px)}}.focus-wrap .focus-list .turn-page-btn[data-v-a2bff948]{width:24px;height:43px;position:absolute;top:calc(50% - 17px);font-size:29px;color:#fff;transform:translateY(-50%);cursor:pointer;z-index:21}.focus-wrap .focus-list .turn-page-left[data-v-a2bff948]{width:44px;left:-42px;padding-left:20px}.focus-wrap .focus-list .turn-page-right[data-v-a2bff948]{right:-32px}.focus-wrap .focus-list .min-foucus-turn[data-v-a2bff948]{top:50%}.focus-wrap .focus-list .focus-list-content[data-v-a2bff948]{display:flex;overflow:hidden}.focus-wrap .focus-list .focus-list-content img[src=""][data-v-a2bff948],.focus-wrap .focus-list .focus-list-content img[data-v-a2bff948]:not([src]){opacity:0}@media screen and (max-width: 1024px){.focus-wrap .focus-list .focus-list-content[data-v-a2bff948]{max-width:356px}}@media screen and (min-width: 1025px) and (max-width: 1600px){.focus-wrap .focus-list .focus-list-content[data-v-a2bff948]{max-width:calc((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 + var(--card-margin))}}@media screen and (min-width: 1600px){.focus-wrap .focus-list .focus-list-content[data-v-a2bff948]{max-width:652px}}.focus-wrap .focus-list .focus-item[data-v-a2bff948]{margin-left:var(--card-margin);flex:none}.focus-wrap .focus-list .focus-item.active .title[data-v-a2bff948]{color:#fff}.focus-wrap .focus-list .focus-item.active .poster img[src=""][data-v-a2bff948],.focus-wrap .focus-list .focus-item.active .poster img[data-v-a2bff948]:not([src]){opacity:0}.focus-wrap .focus-list .focus-item.active .poster .process-wrap[data-v-a2bff948]{display:block}.focus-wrap .focus-list .focus-item.active .poster .unchoice-mask[data-v-a2bff948]{display:none}@media screen and (max-width: 1280px){.focus-wrap .focus-list .focus-item[data-v-a2bff948]{width:calc(((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 - 3 * var(--card-margin)) / 4)}}@media screen and (max-width: 1280px) and (max-width: 1024px){.focus-wrap .focus-list .focus-item[data-v-a2bff948]{min-width:79px}}@media screen and (max-width: 1600px) and (min-width: 1280px){.focus-wrap .focus-list .focus-item[data-v-a2bff948]{width:calc(((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 - 4 * var(--card-margin)) / 5)}}@media screen and (min-width: 1600px){.focus-wrap .focus-list .focus-item[data-v-a2bff948]{width:calc(((100vw - var(--left-tab-width) - var(--content-margin) * 2 - var(--content-big-card-margin)) / 2 - 5 * var(--card-margin)) / 6);max-width:96px}}.focus-wrap .focus-list .focus-item .poster[data-v-a2bff948]{overflow:hidden;border-radius:8px;position:relative;width:100%}.focus-wrap .focus-list .focus-item .poster.creative-poster[data-v-a2bff948]{background-color:#000}.focus-wrap .focus-list .focus-item .poster.creative-poster .pic[data-v-a2bff948]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:unset;border-radius:0}.focus-wrap .focus-list .focus-item .poster .pic[data-v-a2bff948]{width:100%;height:100%;border-radius:8px;-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover;"}.focus-wrap .focus-list .focus-item .poster .process-wrap[data-v-a2bff948]{display:none;position:absolute;width:100%;height:3px;background-color:rgba(255,255,255,.2);bottom:0;left:0;z-index:2}.focus-wrap .focus-list .focus-item .poster .process-wrap .occupy[data-v-a2bff948]{height:100%;background-color:#fff}.focus-wrap .focus-list .focus-item .poster .unchoice-mask[data-v-a2bff948]{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.5)}.focus-wrap .focus-list .focus-item .poster .creative-flag[data-v-a2bff948]{position:absolute;top:2px;right:2px;padding:2px 6px;color:#fff;font-size:12px;line-height:16px;background-color:rgba(0,0,0,.45);border-radius:3px;transform:scale(.8)}.focus-wrap .focus-list .focus-item .title[data-v-a2bff948]{font-family:PingFangSC-Regular;font-size:14px;color:rgba(255,255,255,.6);letter-spacing:0;text-align:center;margin-top:var(--card-margin);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;width:100%;align-items:center}.info .vertical-poster{width:57px;height:80px;border-radius:8px;margin-left:10px}@media screen and (min-width: 1024px) and (max-width: 1280px){.info .vertical-poster{margin-left:12px}}@media screen and (min-width: 1280px) and (max-width: 1440px){.info .vertical-poster{margin-left:16px}}@media screen and (min-width: 1440px) and (max-width: 1600px){.info .vertical-poster{margin-left:12px}}@media screen and (min-width: 1600px){.info .vertical-poster{margin-left:16px}}.info .error-svg-wrap{display:flex;align-items:center;justify-content:center;width:57px;height:80px;margin-left:10px;background-color:rgba(255,255,255,.1);border-radius:8px}@media screen and (min-width: 1024px) and (max-width: 1280px){.info .error-svg-wrap{margin-left:12px}}@media screen and (min-width: 1280px) and (max-width: 1440px){.info .error-svg-wrap{margin-left:16px}}@media screen and (min-width: 1440px) and (max-width: 1600px){.info .error-svg-wrap{margin-left:12px}}@media screen and (min-width: 1600px){.info .error-svg-wrap{margin-left:16px}}.info .intro{flex:1;width:0;margin-left:11px}.info .intro .title{width:calc(100% - 90px);font-family:PingFangSC-Medium;font-size:20px;color:#fff;letter-spacing:0;height:28px;line-height:28px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.info .intro .second-row-wrap{line-height:20px;margin-top:5px;height:20px}.info .intro .second-row-wrap .mid-video-user{width:calc(100% - 82px);display:inline-flex;align-items:center;color:rgba(255,255,255,.6)}.info .intro .second-row-wrap .mid-video-user .avatar{width:20px;height:20px;margin-right:8px;border-radius:4px}.info .intro .second-row-wrap .mid-video-user .username{font-family:PingFang SC;font-weight:400;font-size:14px;line-height:20px;margin-right:1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.info .intro .second-row-wrap .mid-video-user .icon{display:flex;opacity:.5}.info .intro .second-row-wrap .mid-video-user:hover{color:#fff}.info .intro .second-row-wrap .mid-video-user:hover .icon{opacity:1}.info .intro .second-row-wrap .kind-status{display:flex;line-height:20px;margin-top:5px;height:20px;width:calc(100% - 72px)}.info .intro .second-row-wrap .kind-status .kind-tag{margin-right:8px}.info .intro .second-row-wrap .kind-status .kind{display:inline-flex;align-items:center;width:95%;font-family:PingFangSC-Regular;font-size:14px;line-height:20px;font-weight:400;color:rgba(255,255,255,.6);letter-spacing:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.info .intro .second-row-wrap .kind-status .kind .highlight-label{display:flex;align-items:center;margin-right:8px}.info .intro .second-row-wrap .kind-status .kind .highlight-label .label-icon{opacity:.6}.info .intro .second-row-wrap .kind-status .kind .normal-label{letter-spacing:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.info .intro .second-row-wrap .kind-status .sub-title,.info .intro .sub-title{width:95%;font-family:PingFangSC-Regular;font-size:16px;color:#fff;letter-spacing:0;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:20px;height:20px}.video-card-wrap{min-width:357px;min-height:301px;border-radius:12px;overflow:hidden;width:var(--flow-card-width);height:calc(var(--flow-card-width) * var(--card-width-height-proportion) + 100px)}.video-card-wrap .video-info-wrap{display:block;height:100px;position:relative}.video-card-wrap .video-info-wrap.opacity .info-content{width:100%;height:100%;display:flex;align-items:center}.video-card-wrap .video-info-wrap.opacity .info-content img{width:57px;height:80px;-o-object-fit:cover;object-fit:cover;margin-left:10px;border-radius:8px}.video-card-wrap .video-info-wrap.opacity .info-content .intro-content{flex:1;margin-left:11px}.video-card-wrap .video-info-wrap.opacity .info-content .intro-content .title{background-color:rgba(48,48,48,.7);height:28px;width:50%}.video-card-wrap .video-info-wrap.opacity .info-content .intro-content .second-row-wrap{background-color:rgba(48,48,48,.8);margin-top:5px;height:20px;width:80%}.video-card-wrap .video-info-wrap.opacity .info-content .intro-content .sub-title{background-color:rgba(48,48,48,.9);margin-top:5px;height:20px;width:80%}.video-card-wrap .video-info-wrap .video-subscribe-btn{position:absolute;display:flex;align-items:center;justify-content:center;top:12px;right:12px;width:62px;height:var(--card-sub-height);z-index:12;background:rgba(255,255,255,.15);cursor:pointer;border-radius:36px;z-index:14}.video-card-wrap .video-info-wrap .video-subscribe-btn .video-subscribe-text{color:#fff;font-size:14px;margin-left:7px}.video-card-wrap .video-info-wrap .video-subscribe-btn .video-subscribe-text-active{color:rgba(255,255,255,.6);font-size:14px}@media screen and (min-width: 1024px) and (max-width: 1280px){.video-card-wrap .video-info-wrap .video-subscribe-btn{right:12px}}@media screen and (min-width: 1280px) and (max-width: 1440px){.video-card-wrap .video-info-wrap .video-subscribe-btn{right:16px}}@media screen and (min-width: 1440px) and (max-width: 1600px){.video-card-wrap .video-info-wrap .video-subscribe-btn{right:12px}}@media screen and (min-width: 1600px){.video-card-wrap .video-info-wrap .video-subscribe-btn{right:16px}}.video-card-wrap .video-info-wrap .order-normal-button{padding:0 8px}.video-card-wrap .video-card{width:100%;height:calc(100% - 100px);position:relative;display:block;z-index:12}.video-card-wrap .video-card .video-card-background,.video-card-wrap .video-card .video-card-background-opacity{width:100%;height:100%}.video-card-wrap .video-card img{-o-object-fit:cover;object-fit:cover}.video-card-wrap .duration{display:inline-block;position:absolute;left:10px;bottom:108px;z-index:13;-moz-user-select:none;-webkit-user-select:none;user-select:none;font-family:PingFang SC;font-weight:500;font-size:12px;line-height:17px;color:#fff}.video-card-wrap .danmaku-control-wrap{display:inline-block;position:absolute;right:43px;bottom:104px;z-index:13;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none}.video-card-wrap .corner-mark{z-index:13}.album-card-wrap{--vertical-poster-proportion: 1.5;padding:var(--content-big-card-margin);padding-top:22px;box-sizing:border-box;background-color:#2b2b2b;z-index:12;font-family:PingFang SC;font-style:normal;overflow:hidden}.album-card-wrap img{-o-object-fit:cover;object-fit:cover}.album-card-wrap .album-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.album-card-wrap .album-header .title{max-width:calc(100% - 78px);min-width:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:20px;line-height:28px;color:#fff}.album-card-wrap .album-header .page-turner{display:flex;color:rgba(255,255,255,.6);line-height:7px}.album-card-wrap .album-header .page-turner .left-arrow,.album-card-wrap .album-header .page-turner .right-arrow{opacity:.6;cursor:pointer}.album-card-wrap .album-header .page-turner .left-arrow{margin-right:-.5px}.album-card-wrap .album-header .page-turner .arrow-banned{opacity:.2;cursor:auto}.album-card-wrap .album-header .page-turner .page-num{display:flex;align-items:center;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.album-card-wrap .album-header .page-turner .page-num .diagonal{font-size:17px;font-weight:600}.album-card-wrap .album-header .page-turner .page-num .number{text-align:center;font-size:20px;margin-left:2px;margin-right:2px;min-width:12px}.album-card-wrap .album-content{display:flex;--album-content-width: calc(var(--flow-card-width) - 2 * var(--content-big-card-margin) + var(--card-margin));--poster-width: calc((var(--album-content-width) - 2 * var(--card-margin)) / 3);width:var(--album-content-width)}.album-card-wrap .album-content .album-item{display:block;min-width:95px;min-height:142.5px;width:var(--poster-width);height:calc(var(--poster-width) * var(--vertical-poster-proportion));margin-right:var(--card-margin)}.album-card-wrap .album-content .album-item-title{width:100%;margin-bottom:4px;font-weight:500;font-size:16px;line-height:22px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.album-card-wrap .album-content .album-item-subtitle{width:100%;display:inline-block;color:rgba(255,255,255,.4);font-weight:400;font-size:14px;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.album-card-wrap .album-content .album-item .album-item-poster-wrap{position:relative;width:100%;border-radius:8px;margin-bottom:10px;overflow:hidden}.album-card-wrap .album-content .album-item .album-item-poster-wrap .poster{min-width:95px;min-height:142.5px;width:100%;border-radius:8px}.album-card-wrap .album-content .album-item .album-item-poster-wrap .mask{position:absolute;height:45px;width:100%;bottom:0;background:linear-gradient(360deg,rgba(0,0,0,.4) 2.29%,rgba(0,0,0,.0001) 99.71%);border-radius:0 0 8px 8px;z-index:13}.album-card-wrap .album-content .album-item .album-item-poster-wrap .right-top-tag-wrap{position:absolute;top:0px;right:0px;overflow:hidden}.album-card-wrap .album-content .album-item .album-item-poster-wrap .right-top-tag-wrap .imgTag{max-height:23px;margin-top:2px;margin-right:2px}@media screen and (min-width: 1440px) and (max-width: 1600px){.album-card-wrap .album-content .album-item .album-item-poster-wrap .right-top-tag-wrap .imgTag{max-height:20px}}@media screen and (max-width: 1060px){.album-card-wrap .album-content .album-item .album-item-poster-wrap .right-top-tag-wrap .imgTag{max-height:20px}}.album-card-wrap .album-content .album-item .album-item-poster-wrap .right-bottom-text{position:absolute;bottom:6px;right:6px;z-index:14;font-weight:400;font-size:12px;font-weight:500;line-height:16px;text-align:right;color:#fff}.card-wrap{background-color:red;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.card-wrap .card-info-wrap{display:flex;position:relative;justify-content:space-between;align-content:flex-start;height:100px;padding:12px 12px 15px;box-sizing:border-box;background-color:rgba(0,0,0,.1)}.card-wrap .card-info-wrap .left-info{flex-grow:1}.card-wrap .card-info-wrap .left-info .title{margin-bottom:5px;color:#fff;font-size:16px;font-weight:500;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-wrap .card-info-wrap .left-info .infos{display:flex;align-items:center}.card-wrap .card-info-wrap .left-info .infos img.avatar{width:20px;height:20px;margin-right:8px;border-radius:4px}.card-wrap .card-info-wrap .left-info .infos span.name{color:rgba(255,255,255,.6);font-size:14px;line-height:22px}.card-wrap .card-info-wrap .right-btn{height:var(--card-sub-height);line-height:32px;min-width:88px;margin-left:20px;background-color:rgba(255,255,255,.15);border-radius:36px;color:#fff;font-size:14px;text-align:center;box-sizing:border-box;cursor:pointer}.card-wrap .card{width:100%;height:calc(100% - 100px);position:relative;display:block;z-index:12}.card-wrap .card .video-card-background{width:100%;height:100%;border-radius:16px 16px 0 0}.card-wrap .card img{-o-object-fit:cover;object-fit:cover}.card-wrap .card .small-qrcode-container{position:absolute;top:12px;left:12px}.card-wrap .card .small-qrcode-container .small-qrcode{position:absolute;left:0;top:0;width:120px;height:136px;border-radius:4px;background-color:#fff;padding:10px 10px 8px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;opacity:0;z-index:2;transform:scaleX(.4) scaleY(.35);transform-origin:0 0}.card-wrap .card .small-qrcode-container .small-qrcode__icon{position:absolute;left:0;top:0;background-color:rgba(0,0,0,.3);width:48px;height:48px;border-radius:4px;z-index:1}.card-wrap .card .small-qrcode-container .small-qrcode span{display:inline-block;margin-top:6px;font-size:20px;line-height:28px;white-space:nowrap;transform:scale(.5);transform-origin:50% 0}.card-wrap .card .small-qrcode-container:hover .small-qrcode{opacity:1;transform:scale(1)}.card-wrap .card .small-qrcode-container:hover .small-qrcode__icon{opacity:0}.card-wrap .card .qrcode-wrap{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;z-index:20;background-color:rgba(0,0,0,.6)}.card-wrap .card .qrcode-wrap .qrcode-container{width:136px;height:136px;margin-bottom:16px;padding:4px;border-radius:8px;background-color:#fff;box-sizing:border-box}.card-wrap .card .qrcode-wrap span{color:#fff;font-size:14px;line-height:22px}.card-wrap .close-btn{display:flex;justify-content:center;align-content:center;position:absolute;top:12px;right:12px;width:48px;height:20px;border-radius:4px;background-color:rgba(0,0,0,.4);color:#fff;font-size:12px;z-index:20;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-wrap .close-btn .icon{margin-top:2px}.card-module-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:-12px;margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));min-width:738px}@media screen and (min-width: 2161px){.card-module-head{margin-left:var(--content-left-margin-max)}}@media screen and (max-width: 1600px){.card-module-head{width:var(--card-module-width-0-1600px)}}@media screen and (min-width: 1600px) and (max-width: 1920px){.card-module-head{width:var(--card-module-width-1600-1920px)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.card-module-head{width:var(--card-module-width-1920-2160px)}}@media screen and (min-width: 2160px){.card-module-head{width:var(--card-module-width-2160px)}}.card-module-head .card-module-title{font-size:20px;color:#fff;font-family:PingFangSC-Medium}.card-module-head .placeholder-wrap{display:flex;align-items:center}.card-module-head .placeholder-wrap .placeholder-link{display:inline-block;margin-left:20px}.card-module-head .placeholder-wrap .placeholder-link .placeholder-img{height:32px}.video-card-module{--flow-card-width: calc( (var(--flow-module-width) - var(--flow-screen-line-num) * var(--content-big-card-margin)) / var(--flow-screen-line-num) );margin-top:24px;margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));margin-right:var(content-right-margin);display:flex;flex-flow:wrap;border-radius:16px;overflow:hidden;min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap))}.video-card-module img[src=""],.video-card-module img:not([src]){opacity:0}@media screen and (max-width: 1600px){.video-card-module{--flow-module-width: calc(var(--card-module-width-0-1600px) + var(--content-big-card-margin));width:var(--flow-module-width)}}@media screen and (max-width: 1600px) and (max-width: 1280px){.video-card-module{--flow-screen-line-num: 2}}@media screen and (max-width: 1600px) and (min-width: 1280px) and (max-width: 1440px){.video-card-module{--flow-screen-line-num: 2}}@media screen and (max-width: 1600px) and (min-width: 1440px) and (max-width: 1600px){.video-card-module{--flow-screen-line-num: 3}}@media screen and (min-width: 1600px) and (max-width: 1920px){.video-card-module{--flow-module-width: calc(var(--card-module-width-1600-1920px) + var(--content-big-card-margin));--flow-screen-line-num: 3;width:var(--flow-module-width);margin-right:var(--content-right-margin-active)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.video-card-module{--flow-module-width: calc(var(--card-module-width-1920-2160px) + var(--content-big-card-margin));--flow-screen-line-num: 3;width:var(--flow-module-width);margin-right:var(content-right-margin-max)}}@media screen and (min-width: 2160px){.video-card-module{--flow-module-width: calc(var(--card-module-width-2160px) + var(--content-big-card-margin));--flow-screen-line-num: 3;width:var(--flow-module-width);margin-left:var(--content-left-margin-max)}}.video-card-wrap,.card-wrap,.album-card-wrap{position:relative;min-width:357px;min-height:301px;--flow-card-width: calc( (var(--flow-module-width) - var(--flow-screen-line-num) * var(--content-big-card-margin)) / var(--flow-screen-line-num) );width:var(--flow-card-width);height:calc(var(--flow-card-width) * var(--card-width-height-proportion) + 100px);margin-right:var(--content-big-card-margin);background-size:100% 100%;background-position:center;background-repeat:no-repeat;border-radius:12px;overflow:hidden;margin-bottom:var(--content-big-card-margin)}.video-card-wrap .volume-control-wrap,.card-wrap .volume-control-wrap,.album-card-wrap .volume-control-wrap{display:inline-block;position:absolute;right:10px;bottom:105px;z-index:13;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none}.video-card-wrap .video-container-wrap,.card-wrap .video-container-wrap,.album-card-wrap .video-container-wrap{width:100%;height:calc(100% - 100px);position:absolute;left:0;top:0}.video-card-wrap .video-container-wrap .video-container,.card-wrap .video-container-wrap .video-container,.album-card-wrap .video-container-wrap .video-container{width:100%;height:100%;background-color:coral;position:absolute;left:0;top:0}.video-card-wrap .video-container-wrap .video-container video,.card-wrap .video-container-wrap .video-container video,.album-card-wrap .video-container-wrap .video-container video{-o-object-fit:cover!important;object-fit:cover!important;font-family:"object-fit: cover;"}.turn-page-wrap .change-page-wrap{margin-top:5px;-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer}.turn-page-wrap .change-page-wrap .change-page{font-size:14px;padding-left:7px;color:#fff;line-height:14px}.turn-page-wrap .num-page-wrap{-moz-user-select:none;-webkit-user-select:none;user-select:none}.turn-page-wrap .num-page-wrap .turn-arrow-pre{display:inline-block;padding:15px 8px 5px 15px;text-align:center;opacity:.6;cursor:pointer}.turn-page-wrap .num-page-wrap .turn-arrow-next{display:inline-block;padding:25px 3px 5px 8px;text-align:center;opacity:.6;cursor:pointer}.turn-page-wrap .num-page-wrap .turn-arrow-none{opacity:.2!important;cursor:auto}.turn-page-wrap .num-page-wrap .page-num-text{font-size:16px;color:#fff}.page-arrow-wrap .page-left-wrap{position:absolute;left:-35px;top:50%;transform:translateY(-50%);-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:19}.page-arrow-wrap .page-right-wrap{position:absolute;right:-11px;top:50%;transform:translateY(-50%);-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:19}@media screen and (max-width: 1050px){.page-arrow-wrap .page-right-wrap{right:3px}}@media screen and (min-width: 1050px) and (max-width: 1070px){.page-arrow-wrap .page-right-wrap{right:-15px}}.page-arrow-wrap .arrow-second-style{opacity:.4!important;cursor:auto}.tablet[data-v-6e6ae455]{display:flex;align-items:center;cursor:pointer;height:22px;border-radius:22px;margin-right:10px;padding:2px 8px;box-sizing:border-box!important;margin-top:3px;text-align:center}.tablet .icon[data-v-6e6ae455]{width:13px;height:13px;min-width:13px;min-height:13px;margin-right:3px}.tablet .icon img[data-v-6e6ae455]{width:100%;height:100%}.tablet .text[data-v-6e6ae455]{flex:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:PingFang SC,PingFangSC-Regular,Tahoma,Microsoft Yahei,sans-serif,helvetica,Segoe UI}.progress-wrapper[data-v-68866d19]{display:flex;justify-content:flex-start;align-items:center}.progress-wrapper .watched-period[data-v-68866d19]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.progress-wrapper .watched-progress[data-v-68866d19]{white-space:nowrap}.banner-item-detail{background-color:#2c2c2c;position:absolute;top:121.5px;width:100%;border-radius:0 0 8px 8px;overflow:hidden;transform:rotate(0)}@media screen and (max-width: 1024px){.banner-item-detail{top:128px!important}}.banner-item-detail .banner-detail-info{position:relative;height:70px;padding:10px}.banner-item-detail .banner-detail-info .title{width:calc(100% - 64px);color:#fff;font-family:PingFang SC;font-weight:500;font-size:16px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.banner-item-detail .banner-detail-info .no-btn-title{width:100%}.banner-item-detail .banner-detail-info .video-subscribe-btn{position:absolute;display:flex;align-items:center;justify-content:center;top:10px;right:8px;width:62px;height:32px;cursor:pointer;z-index:14}.banner-item-detail .banner-detail-info .video-subscribe-btn .video-subscribe-text{color:#fff;font-family:PingFang SC;font-weight:400;font-size:14px;margin-left:7px}.banner-item-detail .banner-detail-info .video-subscribe-btn .video-subscribe-text-active{color:rgba(255,255,255,.6);font-size:14px}.banner-item-detail .banner-detail-info .video-subscribe-background{position:absolute;top:10px;right:8px;width:62px;height:32px;background:rgba(255,255,255,.15);border-radius:36px;filter:blur(0);z-index:12}.banner-item-detail .banner-detail-info .tag-wrap{display:block;width:95%;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:18px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:rgba(255,255,255,.6)}.banner-item-detail .banner-detail-info .tag-wrap .wrapper-line{display:flex}.banner-item-detail .banner-detail-info .sub-title{display:block;width:75%;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:rgba(255,255,255,.6);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:3px}.video-banner-item{position:relative;margin-bottom:40px;margin-right:var(--content-big-card-margin);flex:none;border-radius:8px;min-width:216px}@media screen and (min-width: 1281px) and (max-width: 1292px){.video-banner-item{margin-right:21px}}.video-banner-item .banner-item-detail{top:var(--banner-card-height)}.video-banner-item:nth-child(1){margin-left:0}.video-banner-item .banner-cover-wrap{width:var(--banner-card-width);height:var(--banner-card-height);min-width:216px;min-height:121.5px;position:relative;display:flex;border-radius:8px 8px 0 0;overflow:hidden;z-index:12}.video-banner-item .banner-cover-wrap .banner-cover{width:100%;height:100%}.video-banner-item .banner-cover-wrap .banner-corner-wrap{z-index:11}.video-banner-item .banner-cover-wrap .banner-bottom-mask{position:absolute;height:48px;bottom:0;background:linear-gradient(360deg,rgba(0,0,0,.399257) 2.29%,rgba(0,0,0,.0001) 99.71%);z-index:10;width:100%}.video-banner-item .twice-title-area{width:var(--banner-card-width)}.video-banner-item .twice-title-area .banner-title{display:block;margin-top:8px;font-family:PingFangSC-Regular;font-size:16px;color:#fff;letter-spacing:0;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width: 1124px){.video-banner-item .twice-title-area .banner-title{max-width:230px}}.video-banner-item .twice-title-area .banner-title.skeleton-occupancy{width:50%;background-color:rgba(48,48,48,.3)}.video-banner-item .twice-title-area .banner-subtitle{margin-top:4px;opacity:.4;font-family:PingFangSC-Regular;font-size:14px;color:#fff;letter-spacing:0;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width: 1124px){.video-banner-item .twice-title-area .banner-subtitle{max-width:230px}}.video-banner-item .twice-title-area .banner-subtitle.skeleton-occupancy{background-color:#303030}.video-banner-item .twice-title-area .canHoverSubTitleStyle{height:18px}.video-banner-item .twice-title-area .wrapper-line{display:flex}.video-banner-item .canHoverAreaStyle{height:44px}.video-banner-item .turn-title-area{width:var(--banner-card-width)}.video-banner-item .turn-title-area .turn-banner-title{margin-top:8px;font-family:PingFangSC-Regular;font-size:16px;color:#fff;letter-spacing:0;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media screen and (max-width: 1124px){.video-banner-item .turn-title-area .turn-banner-title{max-width:230px}}.video-banner-item .turn-title-area .turn-banner-title.skeleton-occupancy{width:50%;background-color:rgba(48,48,48,.3)}.video-banner-item .volume-control-wrap{display:inline-block;position:absolute;right:10px;top:10px;z-index:14;-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer}.vertical-poster[data-v-0b425e29]{position:relative;margin-bottom:40px;margin-right:var(--content-big-card-margin);width:var(--vertical-banner-card-width);min-width:166px;font-family:PingFangSC-Regular;flex:none}.vertical-poster__container[data-v-0b425e29]{width:100%;height:100%}.vertical-poster__main[data-v-0b425e29]{display:block;width:100%;height:var(--vertical-banner-card-height);min-height:231px;border-radius:8px;position:relative;overflow:hidden}.vertical-poster__main[data-v-0b425e29]:before{content:"";display:block;position:absolute;height:48px;left:0px;right:0px;bottom:0px;background:linear-gradient(360deg,rgba(0,0,0,.399257) 2.29%,rgba(0,0,0,.0001) 99.71%);background-blend-mode:multiply;border-radius:8px}.vertical-poster__pic[data-v-0b425e29]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vertical-poster__tag[data-v-0b425e29]{position:absolute;max-height:27px;right:2px;top:2px}.vertical-poster__corner[data-v-0b425e29]{position:absolute;right:10px;bottom:8px;font-weight:500}.vertical-poster__corner.score[data-v-0b425e29]{font-size:18px;line-height:18px;color:#ff7612;text-shadow:0px 0px 3px rgba(0,0,0,.404032)}.vertical-poster__corner.text[data-v-0b425e29]{font-size:13px;line-height:13px;color:#fff;text-shadow:0px 0px 3px rgba(0,0,0,.404032)}.vertical-poster__title[data-v-0b425e29]{display:block;margin:10px 0 4px;text-align:center;font-size:16px;line-height:22px;height:22px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vertical-poster__subtitle[data-v-0b425e29]{color:rgba(255,255,255,.4);text-align:center;font-size:14px;line-height:18px;height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-filter-wrap{height:100%;display:flex;white-space:nowrap}.banner-filter-wrap .banner-filter-item{padding-top:12px;margin-left:24px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:20px;line-height:28px;text-align:center;color:rgba(255,255,255,.6);cursor:pointer}@media screen and (max-width: 1040px){.banner-filter-wrap .banner-filter-item:nth-child(6)~span{display:none}}.banner-filter-wrap .banner-filter-item-max{display:inline-block;font-size:16px;margin-left:40px;margin-bottom:5px}.banner-filter-wrap .banner-filter-item-max:nth-child(1){margin-left:0}.banner-filter-wrap .banner-filter-item-max:hover{color:#fff}.banner-filter-wrap .banner-filter-item-active{color:#fff;font-weight:500;cursor:pointer}.banner-filter-wrap .banner-filter-item-max-active{color:#fff;font-weight:500}.video-banner-module{--title-margin-bottom: 15px;--title-text-height: 45px;display:flex;flex-flow:wrap;margin-right:var(content-right-margin);margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap));--banner-card-width: calc( (var(--banner-module-width) - var(--banner-screen-line-num) * var(--content-big-card-margin)) / var(--banner-screen-line-num) );--banner-card-height: calc(var(--banner-card-width) * var(--card-width-height-proportion));--vertical-banner-card-width: calc( (var(--banner-module-width) - var(--vertical-banner-screen-line-num) * var(--content-big-card-margin)) / var(--vertical-banner-screen-line-num) );--vertical-banner-card-height: calc( var(--vertical-banner-card-width) * var(--vertical-card-width-height-proportion) )}@media screen and (max-width: 1600px){.video-banner-module{--banner-module-width: calc(var(--card-module-width-0-1600px) + var(--content-big-card-margin));width:var(--banner-module-width)}}@media screen and (max-width: 1600px) and (max-width: 1280px){.video-banner-module{--banner-screen-line-num: 3;--vertical-banner-screen-line-num: 4}}@media screen and (max-width: 1600px) and (min-width: 1280px) and (max-width: 1440px){.video-banner-module{--banner-screen-line-num: 4;--vertical-banner-screen-line-num: 5}}@media screen and (max-width: 1600px) and (min-width: 1440px) and (max-width: 1600px){.video-banner-module{--banner-screen-line-num: 5;--vertical-banner-screen-line-num: 6}}@media screen and (min-width: 1600px) and (max-width: 1920px){.video-banner-module{--banner-module-width: calc(var(--card-module-width-1600-1920px) + var(--content-big-card-margin));--banner-screen-line-num: 5;--vertical-banner-screen-line-num: 6;margin-right:var(--content-right-margin-active);width:var(--banner-module-width)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.video-banner-module{--banner-module-width: calc(var(--card-module-width-1920-2160px) + var(--content-big-card-margin));--banner-screen-line-num: 6;--vertical-banner-screen-line-num: 7;margin-right:var(content-right-margin-max);width:var(--banner-module-width)}}@media screen and (min-width: 2160px){.video-banner-module{--banner-module-width: calc(var(--card-module-width-2160px) + var(--content-big-card-margin));--banner-screen-line-num: 6;--vertical-banner-screen-line-num: 7;margin-left:var(--content-left-margin-max);width:var(--banner-module-width)}}.video-banner-module .banner-turner-wrap{--banner-item-width: calc((var(--banner-module-width) - var(--banner-screen-line-num) * var(--content-big-card-margin)) / var(--banner-screen-line-num));--banner-item-height: calc(var(--banner-item-width) * var(--card-width-height-proportion));position:absolute;top:var(--title-margin-bottom);width:100%;height:var(--banner-item-height)}@media screen and (max-width: 1024px){.video-banner-module .banner-turner-wrap{height:128px}}.video-banner-module img[src=""],.video-banner-module img:not([src]){opacity:0}@media screen and (max-width: 1024px){.video-banner-module{--banner-card-width: 230px}}.video-banner-module .banner-head{display:flex;position:relative;width:100%;margin-right:var(--content-big-card-margin);min-width:738px;justify-content:space-between;align-items:center;margin-bottom:var(--title-margin-bottom)}.video-banner-module .banner-head .banner-mod-title{display:flex;align-items:center;font-family:PingFangSC-Medium;font-size:20px;color:#fff;letter-spacing:0}.video-banner-module .banner-head .banner-mod-title .text{margin-left:2px;margin-right:2px}.video-banner-module .banner-head .banner-mod-title .banner-filter-placeholder{display:flex;position:relative;height:45px}.video-banner-module .banner-head .banner-mod-title .banner-filter-placeholder .banner-filter-tab{position:absolute;height:100%;top:-2px;left:48px}.video-banner-module .banner-head .banner-mod-title .banner-filter-placeholder .banner-filter-tab:before{content:"";position:absolute;background-color:rgba(255,255,255,.5);width:1px;height:22px;left:-25px;top:15px}.video-banner-module .banner-head .placeholder-wrap{display:flex;align-items:center}.video-banner-module .banner-head .placeholder-wrap .placeholder-link{display:inline-block;margin-left:20px}.video-banner-module .banner-head .placeholder-wrap .placeholder-link .placeholder-img{height:32px}@media screen and (max-width: 1040px){.video-banner-module .banner-head{width:738px}}.video-banner-module .banner-head .banner-turner-wrap{position:absolute;top:var(--title-margin-bottom);width:var(--banner-module-width);min-width:778px}@media screen and (max-width: 1024px){.video-banner-module .banner-head .banner-turner-wrap{height:128px}}.video-banner-module .banner-head .horizontal-turner{height:var(--banner-card-height)}@media screen and (max-width: 1024px){.video-banner-module .banner-head .horizontal-turner{height:128px}}.video-banner-module .banner-head .vertical-turner{height:var(--vertical-banner-card-height)}@media screen and (max-width: 1024px){.video-banner-module .banner-head .vertical-turner{height:168px}}.video-banner-module .banner-head-has-tab{justify-content:flex-start}.video-banner-module .banner-list-wrap{display:flex;width:100%;flex-wrap:wrap;overflow:hidden}.video-banner-module .horizontal-list{max-height:calc((var(--banner-card-height) + 40px + 52px) * 2);min-height:162px}.video-banner-module .horizontal-list .video-container-wrap{position:absolute;width:var(--banner-card-width);height:var(--banner-card-height);min-width:216px!important;min-height:121.5px!important;left:0;top:0}.video-banner-module .horizontal-list .video-container-wrap .video-container{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:8px 8px 0 0}.video-banner-module .horizontal-list .video-container-wrap .video-container video{-o-object-fit:cover!important;object-fit:cover!important;border-radius:8px 8px 0 0}.video-banner-module .vertical-list{max-height:calc((var(--vertical-banner-card-height) + 40px + 52px) * 2);min-height:230px}.form-banner-module{--title-margin-bottom: 15px;--title-text-height: 45px;display:flex;flex-flow:wrap;margin-right:var(content-right-margin);margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap));--banner-card-width: calc( (var(--banner-module-width) - var(--banner-screen-line-num) * var(--content-big-card-margin)) / var(--banner-screen-line-num) );--banner-card-height: calc(var(--banner-card-width) * var(--card-width-height-proportion))}@media screen and (max-width: 1600px){.form-banner-module{--banner-module-width: calc(var(--card-module-width-0-1600px) + var(--content-big-card-margin));width:var(--banner-module-width)}}@media screen and (max-width: 1600px) and (max-width: 1280px){.form-banner-module{--banner-screen-line-num: 3;--vertical-banner-screen-line-num: 4}}@media screen and (max-width: 1600px) and (min-width: 1280px) and (max-width: 1440px){.form-banner-module{--banner-screen-line-num: 4;--vertical-banner-screen-line-num: 5}}@media screen and (max-width: 1600px) and (min-width: 1440px) and (max-width: 1600px){.form-banner-module{--banner-screen-line-num: 5;--vertical-banner-screen-line-num: 6}}@media screen and (min-width: 1600px) and (max-width: 1920px){.form-banner-module{--banner-module-width: calc(var(--card-module-width-1600-1920px) + var(--content-big-card-margin));--banner-screen-line-num: 5;--vertical-banner-screen-line-num: 6;margin-right:var(--content-right-margin-active);width:var(--banner-module-width)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.form-banner-module{--banner-module-width: calc(var(--card-module-width-1920-2160px) + var(--content-big-card-margin));--banner-screen-line-num: 6;--vertical-banner-screen-line-num: 7;margin-right:var(content-right-margin-max);width:var(--banner-module-width)}}@media screen and (min-width: 2160px){.form-banner-module{--banner-module-width: calc(var(--card-module-width-2160px) + var(--content-big-card-margin));--banner-screen-line-num: 6;--vertical-banner-screen-line-num: 7;margin-left:var(--content-left-margin-max);width:var(--banner-module-width)}}.form-banner-module .banner-turner-wrap{--banner-item-width: calc((var(--banner-module-width) - var(--banner-screen-line-num) * var(--content-big-card-margin)) / var(--banner-screen-line-num));--banner-item-height: calc(var(--banner-item-width) * var(--card-width-height-proportion));position:absolute;top:var(--title-margin-bottom);width:100%;height:var(--banner-item-height)}@media screen and (max-width: 1024px){.form-banner-module .banner-turner-wrap{height:128px}}.form-banner-module img[src=""],.form-banner-module img:not([src]){opacity:0}@media screen and (max-width: 1024px){.form-banner-module{--banner-card-width: 230px}}.form-banner-module .form-banner-head{position:relative;width:100%;min-width:738px;display:flex;align-items:center;margin-bottom:var(--title-margin-bottom)}@media screen and (max-width: 1040px){.form-banner-module .form-banner-head{width:738px}}.form-banner-module .form-banner-head .form-mod-title{font-family:PingFangSC-Medium;padding-top:11px;font-size:20px;color:#fff;letter-spacing:0}.form-banner-module .form-banner-head .banner-turner-wrap{position:absolute;top:var(--title-margin-bottom);width:var(--banner-module-width);height:var(--banner-card-height);min-width:778px}@media screen and (max-width: 1024px){.form-banner-module .form-banner-head .banner-turner-wrap{height:128px}}.form-banner-module .form-banner-item-wrap{width:100%;display:flex;flex-wrap:nowrap;min-height:162px}.schedule-banner-item:hover{color:#fff}.schedule-banner-item{flex:none;position:relative;min-height:160px;width:calc((var(--schedule-module-width) - var(--schedule-screen-line-num) * var(--content-big-card-margin)) / var(--schedule-screen-line-num));margin-right:var(--content-big-card-margin);border-radius:16px;color:#fff;background-color:rgba(255,255,255,.1);text-decoration:none}@media screen and (max-width: 1040px){.schedule-banner-item{width:357px}}.schedule-banner-item:nth-child(1){margin-left:0}.schedule-banner-item .schedule-banner-title{font-family:PingFang SC;font-weight:500;font-size:15px;color:#ffdf8a;background:rgba(251,242,201,.2);border-radius:16px 16px 0 0;padding:12px}.schedule-banner-item .schedule-active-title{color:#ff6022;background:rgba(255,167,133,.2)}.schedule-banner-item .schedule-banner-date{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 2px}.schedule-banner-item .schedule-banner-date .time{font-size:16px;color:rgba(255,255,255,.6)}.schedule-banner-item .team-wrap{position:relative;padding:0 16px;font-family:PingFang SC;font-weight:500;font-size:16px;height:84px;display:flex;justify-content:center;flex-direction:column}.schedule-banner-item .team-wrap .team{height:30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.schedule-banner-item .team-wrap .team-info{display:flex;align-items:center;width:calc(100% - 80px)}.schedule-banner-item .team-wrap .team-info .team-avatar{width:32px;height:auto;margin-right:10px}.schedule-banner-item .team-wrap .team-info .team-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-banner-item .team-wrap .score{padding-top:5px}.schedule-banner-item .schedule-subscribe-btn{position:absolute;display:flex;align-items:center;justify-content:center;top:calc(50% + 19px);right:16px;width:66px;height:32px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:14}.schedule-banner-item .schedule-subscribe-btn .schedule-subscribe-text{color:#fff;font-family:PingFang SC;font-weight:500;font-size:14px}.schedule-banner-item .schedule-subscribe-btn .schedule-subscribe-text-active{color:rgba(255,255,255,.6);font-size:14px}.schedule-banner-item .schedule-subscribe-background{position:absolute;top:calc(50% + 19px);right:16px;width:66px;height:32px;background:rgba(255,255,255,.15);border-radius:36px;filter:blur(0);z-index:12}.schedule-banner-item .schedule-detail-wrap{display:flex;align-items:center;padding:0 16px;height:84px;font-family:PingFang SC;font-weight:500;font-size:16px}.schedule-banner-item .schedule-detail-wrap .schedule-detail-text{margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.schedule-banner-item .short-detail{width:calc(100% - 114px)}.schedule-banner-module{display:flex;flex-flow:wrap;margin-bottom:40px;margin-right:var(content-right-margin);margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap));-moz-user-select:none;-webkit-user-select:none;user-select:none}.schedule-banner-module .schedule-banner-head{position:relative;width:100%;min-width:738px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.schedule-banner-module .schedule-banner-head .mod_title{width:100%;display:flex;justify-content:space-between;align-items:center}.schedule-banner-module .schedule-banner-head .mod_title .jump-sec-page-btn{color:#fff;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:24px;display:flex;align-items:center;opacity:.4}.schedule-banner-module .schedule-banner-head .mod_title .jump-sec-page-btn:hover{opacity:1}.schedule-banner-module .schedule-banner-head .nba-mod-title{font-family:PingFangSC-Medium;font-size:30px;color:#fff;letter-spacing:0}.schedule-banner-module .schedule-banner-head .banner-turner-wrap{position:absolute;top:var(--title-margin-bottom);width:var(--schedule-module-width);height:168px;min-height:160px;min-width:778px}.schedule-banner-module .schedule-banner-item-wrap{min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap));position:relative;display:flex;flex-wrap:nowrap;min-height:160px;overflow:hidden}@media screen and (max-width: 1600px){.schedule-banner-module{--schedule-module-width: calc(var(--card-module-width-0-1600px) + var(--content-big-card-margin));width:var(--schedule-module-width)}.schedule-banner-module .schedule-banner-head{width:var(--schedule-module-width)}}@media screen and (max-width: 1600px) and (max-width: 1280px){.schedule-banner-module{--schedule-screen-line-num: 2}}@media screen and (max-width: 1600px) and (min-width: 1280px) and (max-width: 1440px){.schedule-banner-module{--schedule-screen-line-num: 2}}@media screen and (max-width: 1600px) and (min-width: 1440px) and (max-width: 1600px){.schedule-banner-module{--schedule-screen-line-num: 3}}@media screen and (min-width: 1600px) and (max-width: 1920px){.schedule-banner-module{margin-right:var(--content-right-margin-active);--schedule-module-width: calc(var(--card-module-width-1600-1920px) + var(--content-big-card-margin));--schedule-screen-line-num: 3;width:var(--schedule-module-width)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.schedule-banner-module{--schedule-module-width: calc(var(--card-module-width-1920-2160px) + var(--content-big-card-margin));--schedule-screen-line-num: 3;margin-right:var(content-right-margin-max);width:var(--schedule-module-width)}}@media screen and (min-width: 2160px){.schedule-banner-module{--schedule-module-width: calc(var(--card-module-width-2160px) + var(--content-big-card-margin));--schedule-screen-line-num: 3;margin-left:var(--content-left-margin-max);width:var(--schedule-module-width)}}.live-mark-wrap{display:flex;align-items:center;justify-content:center;min-width:50px;width:50px;height:20px;background-color:#000;margin-right:8px;border-radius:4px}.live-mark-wrap .live-tag{width:16px;height:16px;margin-left:-2px;margin-bottom:1px}.live-mark-wrap .mark-text{display:inline-block;color:#fff}.live-info-wrap{display:flex;width:100%;height:88px;background-color:rgba(255,255,255,.06);margin-bottom:16px;border-radius:8px}@media screen and (max-width: 1440px){.live-info-wrap{margin-bottom:12px}}@media screen and (min-width: 1440px) and (max-width: 1600px){.live-info-wrap{margin-bottom:6px}}@media screen and (min-width: 1920px){.live-info-wrap{margin-bottom:14px}}.live-info-wrap .live-info-left{width:63px;height:100%;border-radius:8px 0 0 8px}.live-info-wrap .live-info-right{display:flex;flex-direction:column;justify-content:center;width:calc(100% - 63px);padding:11px}.live-info-wrap .live-info-right .info-head{display:flex;align-items:center;max-width:90%}.live-info-wrap .live-info-right .info-head .info-title{max-width:calc(100% - 58px);font-style:normal;font-weight:600;font-size:16px;line-height:22px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-info-wrap .live-info-right .info-tag,.live-info-wrap .live-info-right .info-actor{margin-top:7px;max-width:90%;font-style:normal;font-weight:400;font-size:12px;line-height:18px;color:rgba(255,255,255,.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-info-wrap .live-info-right .info-actor{margin-top:0}.bullet-chat-wrap{width:100%;height:100%;overflow:hidden;scrollbar-width:none}.bullet-chat-wrap .bullet-scroll-wrap{transform:translate3d(0,-40px,0)}.bullet-chat-wrap .bullet-scroll-wrap .bullet-chat-bubble-container{width:100%;height:32px;margin-bottom:8px;border-radius:16px 20px 20px 0}.bullet-chat-wrap .bullet-scroll-wrap .bullet-chat-bubble-container .bullet-chat-bubble{color:#f2f2f2;display:inline-block;background:rgba(0,0,0,.2);height:100%;max-width:96%;border-radius:16px 20px 20px 0;padding-right:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bullet-chat-wrap .bullet-scroll-wrap .bullet-chat-bubble-container .bullet-chat-bubble .user-avatar{width:20px;height:20px;border-radius:10px;margin:6px}.bullet-chat-wrap .bullet-scroll-wrap .bullet-chat-bubble-container .bullet-chat-bubble .bullet-chat-text{height:32px;line-height:32px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px}.bullet-chat-wrap .bullet-scroll-wrap .bullet-chat-bubble-container .bullet-chat-bubble .bullet-emoji{width:20px;height:20px;margin-left:3px;margin-bottom:5px}.bullet-chat-wrap .bullet-scroll-wrap .bullet-chat-bubble-container .bullet-chat-bubble .bullet-punchine{height:20px;margin-bottom:7px}.bullet-chat-wrap .bullet-scroll-wrap .bullet-chat-bubble-card-container{height:28px;margin-bottom:6px;border-radius:16px 20px 20px 0}.bullet-chat-wrap .bullet-scroll-wrap .bullet-chat-bubble-card-container .bullet-chat-bubble-card{border-radius:16px 20px 20px 0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:none;backdrop-filter:none}.bullet-chat-wrap .bullet-scroll-wrap .bullet-chat-bubble-card-container .bullet-chat-bubble-card .user-avatar{width:16px;height:16px;border-radius:8px;margin:6px}.bullet-chat-wrap .bullet-scroll-wrap .bullet-chat-bubble-card-container .bullet-chat-bubble-card .bullet-chat-text{height:28px;line-height:28px;font-size:12px}.bullet-chat-wrap .bullet-scroll-wrap .live-bullet-hide{opacity:0;transition:ease-out opacity .1s}.bullet-chat-wrap::-webkit-scrollbar{display:none}.arrow-btn{cursor:pointer;opacity:.2}.arrow-btn:hover{opacity:1}.arrow-btn .intro-wrapper__icon{position:absolute}.live-series-wrap{--series-card-width: calc( (var(--live-module-width) - (var(--live-series-screen-line-num) - 1) * var(--content-big-card-margin)) / var(--live-series-screen-line-num) );position:relative;display:flex;width:100%;margin-bottom:40px}@media screen and (max-width: 1280px){.live-series-wrap{--live-series-screen-line-num: 5;margin-bottom:30px}}@media screen and (min-width: 1280px) and (max-width: 1440px){.live-series-wrap{--live-series-screen-line-num: 6}}@media screen and (min-width: 1440px) and (max-width: 1600px){.live-series-wrap{--live-series-screen-line-num: 7}}@media screen and (min-width: 1600px) and (max-width: 1920px){.live-series-wrap{--live-series-screen-line-num: 8}}@media screen and (min-width: 1920px){.live-series-wrap{--live-series-screen-line-num: 9}}.live-series-wrap .left-arrow{position:absolute;left:-30px;top:calc(50% - 11.5px)}.live-series-wrap .right-arrow{position:absolute;right:-1px;top:calc(50% - 11.5px)}.live-series-wrap .series-card-container{position:relative;margin-right:var(--content-big-card-margin);border-radius:8px;cursor:pointer}.live-series-wrap .series-card-container:nth-child(1){margin-left:2px}.live-series-wrap .series-card-container .series-card-pic{width:calc(var(--series-card-width) - .8px);height:var(--series-card-width);min-width:136.5px;min-height:136.5px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.live-series-wrap .series-card-container .series-card-info{position:absolute;display:flex;align-items:center;justify-content:center;height:40px;left:0%;right:0%;bottom:0px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);border-radius:0 0 8px 8px;z-index:12}.live-series-wrap .series-card-container .series-card-info .title{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:rgba(255,255,255,.8);max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-series-wrap .series-card-container .series-card-info .title-text-click-active{color:#fff;font-weight:500}.live-series-wrap .series-card-container .series-card-info .title-text-hover-active{color:#fff}.live-series-wrap .series-card-container .series-card-mask{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5));border-radius:8px;font-weight:400;font-size:14px;color:#fff;line-height:20px}.live-series-wrap .series-card-container .series-card-mask .mask-time,.live-series-wrap .series-card-container .series-card-mask .mask-title{max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-series-wrap .series-card-container-active{position:relative}.live-series-wrap .series-card-container-active:after{content:"";position:absolute;width:100%;height:100%;border:2px solid #00d1d1;left:0;top:0;border-radius:8px;box-sizing:border-box;z-index:16}.live-focus{width:100%}.live-focus .live-focus-wrap{--right-bottom-height: 77px;--right-top-height: 158px;display:flex;width:100%;height:calc((var(--live-module-width) - var(--live-focus-right-width)) * var(--card-width-height-proportion));min-height:273px;margin-bottom:20px;font-family:PingFang SC;border-radius:16px;cursor:pointer}@media screen and (max-width: 1280px){.live-focus .live-focus-wrap{--live-focus-right-width: 280px}}@media screen and (min-width: 1280px) and (max-width: 1440px){.live-focus .live-focus-wrap{--live-focus-right-width: 310px}}@media screen and (min-width: 1440px){.live-focus .live-focus-wrap{--live-focus-right-width: 340px}}.live-focus .live-focus-wrap .live-focus-video-container{position:relative;width:calc(100% - var(--live-focus-right-width));border-radius:16px 0 0 16px;overflow:hidden;border:none;background-color:#2b2b2b}.live-focus .live-focus-wrap .live-focus-video-container .focus-cover{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:19;border-radius:16px 0 0 16px;border:none}.live-focus .live-focus-wrap .live-focus-video-container .live-focus-player{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:16px 0 0 16px}.live-focus .live-focus-wrap .live-focus-video-container .live-focus-player div{border-radius:16px 0 0 16px}.live-focus .live-focus-wrap .live-focus-video-container .live-focus-player video{border-radius:16px 0 0 16px;-o-object-fit:cover!important;object-fit:cover!important}.live-focus .live-focus-wrap .live-focus-video-container .focus-volume-wrap{display:inline-block;position:absolute;right:15px;bottom:6px;z-index:19;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none}.live-focus .live-focus-wrap .live-focus-right-container{position:relative;width:var(--live-focus-right-width);padding:20px;box-sizing:border-box;border-radius:0 16px 16px 0;background-color:#2b2b2b}.live-focus .live-focus-wrap .live-focus-right-container .live-head-wrap{margin-bottom:16px;display:flex;align-items:center}.live-focus .live-focus-wrap .live-focus-right-container .live-head-wrap .avatar{width:24px;height:24px;margin-right:10px}.live-focus .live-focus-wrap .live-focus-right-container .live-head-wrap .title{max-width:90%;font-size:24px;color:#fff;font-style:normal;font-weight:500;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-focus .live-focus-wrap .live-focus-right-container .live-comment-wrap{height:calc(100% - var(--right-top-height) - var(--right-bottom-height));display:flex;flex-direction:column-reverse}.live-focus .live-focus-wrap .live-focus-right-container .live-comment-wrap .bullet-chat-wrap{height:calc(100% - 10px)}@media screen and (max-width: 1180px){.live-focus .live-focus-wrap .live-focus-right-container .live-comment-wrap .bullet-chat-wrap{display:none}}.live-focus .live-focus-wrap .live-focus-right-container .live-bottom-wrap{position:absolute;bottom:20px;display:flex;flex-direction:column;height:var(--right-bottom-height);width:calc(var(--live-focus-right-width) - 40px);margin-top:10px}.live-focus .live-focus-wrap .live-focus-right-container .live-bottom-wrap .live-audience{display:flex;align-items:center;justify-content:center;height:17px;margin-bottom:10px;font-style:normal;font-weight:400;font-size:12px;line-height:17px;text-align:center;color:rgba(255,255,255,.6)}.live-focus .live-focus-wrap .live-focus-right-container .live-bottom-wrap .live-audience .audience-icon{height:15px;width:15px;opacity:.6;margin-bottom:1px}.live-focus .live-focus-wrap .live-focus-right-container .live-bottom-wrap .live-audience .audience-text{margin-left:3px}.live-focus .live-focus-wrap .live-focus-right-container .live-bottom-wrap .live-button{display:flex;align-items:center;justify-content:center;width:100%;height:48px;background:rgba(255,255,255,.1);border-radius:100px}.live-focus .live-focus-wrap .live-focus-right-container .live-bottom-wrap .live-button .live-btn-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#fff;margin-left:8px}.live-card-wrap{--infoHeight: 100px;--live-card-width: calc( (var(--live-module-width) - (var(--live-flow-screen-line-num) - 1) * var(--content-big-card-margin)) / var(--live-flow-screen-line-num) );position:relative;width:var(--live-card-width);height:calc(var(--live-card-width) * var(--card-width-height-proportion) + var(--infoHeight));min-width:357px;min-height:301px;border-radius:16px;font-family:PingFang SC;font-style:normal;margin-bottom:var(--content-big-card-margin);margin-left:var(--content-big-card-margin)}@media screen and (max-width: 1080px){.live-card-wrap{min-width:377px;min-height:312px}}@media screen and (max-width: 1440px){.live-card-wrap:nth-child(2n-1){margin-left:0}}@media screen and (min-width: 1440px){.live-card-wrap:nth-child(3n-2){margin-left:0}}.live-card-wrap .live-card{display:block;position:relative;width:100%;height:100%;z-index:14}.live-card-wrap .live-card .live-card-pic{height:100%;width:100%;min-width:357px;min-height:201px;-o-object-fit:cover;object-fit:cover;border-radius:16px}.live-card-wrap .live-card .live-card-bullet-wrap{position:absolute;left:10px;bottom:10px;width:50%;height:96px;z-index:13}.live-card-wrap .volume-control-wrap{display:inline-block;position:absolute;right:10px;bottom:calc(var(--infoHeight) + 5px);z-index:15;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none}.live-card-wrap .live-card-active{height:calc(var(--live-card-width) * var(--card-width-height-proportion))}@media screen and (max-width: 1080px){.live-card-wrap .live-card-active{min-height:212px}}.live-card-wrap .live-card-active .live-card-pic-active{border-radius:16px 16px 0 0}.live-card-wrap .live-card-bottom-mask{position:absolute;width:100%;height:180px;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.601919) 100%);border-radius:0 0 16px 16px;z-index:14}.live-card-wrap .live-card-bottom-mask-active{height:90px;bottom:var(--infoHeight);border-radius:0}.live-card-wrap .live-card-bottom-wrap{position:absolute;width:100%;height:var(--infoHeight);bottom:0;padding-right:16px;padding-left:16px;left:0;z-index:15;box-sizing:border-box;cursor:pointer}.live-card-wrap .live-card-bottom-wrap .card-title-wrap{display:flex;align-items:center;max-width:80%;margin-top:34px;margin-bottom:3px}.live-card-wrap .live-card-bottom-wrap .card-title-wrap .info-title{font-weight:400;font-size:16px;line-height:22px;color:rgba(255,255,255,.8);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-card-wrap .live-card-bottom-wrap .card-title-wrap-active{margin-top:22px}.live-card-wrap .live-card-bottom-wrap .card-info-wrap{display:flex;justify-content:space-between}.live-card-wrap .live-card-bottom-wrap .card-info-wrap .left-info{width:calc(100% - 90px);display:flex;align-items:center}.live-card-wrap .live-card-bottom-wrap .card-info-wrap .left-info .room-name{max-width:55%;font-weight:500;font-size:20px;line-height:28px;color:#fff;margin-right:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-card-wrap .live-card-bottom-wrap .card-info-wrap .left-info .user-count{display:flex;align-items:center;margin-top:5px;font-weight:400;font-size:12px;line-height:17px;text-align:center;color:rgba(255,255,255,.6)}.live-card-wrap .live-card-bottom-wrap .card-info-wrap .left-info .user-count .audience-icon{height:14px;width:14px;opacity:.6;margin-bottom:1px}.live-card-wrap .live-card-bottom-wrap .card-info-wrap .left-info .user-count .user-text{margin-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-card-wrap .live-card-bottom-wrap .card-info-wrap .right-button{margin-top:-6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:400;font-size:14px;line-height:20px;width:84px;height:32px;background-color:rgba(255,255,255,.15);border-radius:36px;padding-right:5px;padding-left:5px}.live-card-wrap .live-card-bottom-wrap .card-info-wrap .right-button-active{margin-top:-2px}.live-card-flow-filter{width:100%;display:flex;overflow:hidden}.live-card-flow-filter .live-filter-item{margin-right:12px;background:rgba(242,242,242,.1);border-radius:20px;padding:7px 16px;text-align:center;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;cursor:pointer}.live-card-flow-filter .live-filter-item .filter-text{color:gray;line-height:18px}.live-card-flow-filter .live-filter-item .filter-text-active{color:#00b4b4;line-height:18px}.loading-wrap{width:calc(100vw - var(--left-tab-width));height:24px;display:flex;justify-content:center;font-size:16px;color:rgba(255,255,255,.6)}@media screen and (max-width: 1600px){.loading-wrap{width:var(--card-module-width-0-1600px)}}@media screen and (min-width: 1600px) and (max-width: 1920px){.loading-wrap{width:var(--card-module-width-1600-1920px)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.loading-wrap{width:var(--card-module-width-1920-2160px)}}@media screen and (min-width: 2160px){.loading-wrap{width:var(--card-module-width-2160px)}}.live-card-flow-wrap{width:100%;font-family:PingFang SC;font-style:normal}@media screen and (max-width: 1440px){.live-card-flow-wrap{--live-flow-screen-line-num: 2}}@media screen and (min-width: 1440px){.live-card-flow-wrap{--live-flow-screen-line-num: 3}}.live-card-flow-wrap .live-card-flow-title{margin-bottom:16px;color:#fff;font-weight:600;font-size:30px;line-height:42px}.live-card-flow-wrap .live-card-fliter-wrap{width:100%;margin-bottom:20px}.live-card-flow-wrap .live-card-list{width:100%;display:flex;flex-flow:wrap;overflow:hidden}.live-card-flow-wrap .live-card-loading{width:calc(100vw - var(--left-tab-width));display:flex;justify-content:center;padding-top:18px;font-size:16px;color:rgba(255,255,255,.6)}@media screen and (max-width: 1600px){.live-card-flow-wrap .live-card-loading{width:var(--card-module-width-0-1600px)}}@media screen and (min-width: 1600px) and (max-width: 1920px){.live-card-flow-wrap .live-card-loading{width:var(--card-module-width-1600-1920px)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.live-card-flow-wrap .live-card-loading{width:var(--card-module-width-1920-2160px)}}@media screen and (min-width: 2160px){.live-card-flow-wrap .live-card-loading{width:var(--card-module-width-2160px)}}.live-page-wrap{--series-border-width: 2px;margin-top:var(--header-height);margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));margin-right:var(content-right-margin);min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap) + 2 * var(--series-border-width));border-radius:16px;width:var(--live-module-width)}.live-page-wrap img[src=""],.live-page-wrap img:not([src]){opacity:0}@media screen and (max-width: 1600px){.live-page-wrap{--live-module-width: calc(var(--card-module-width-0-1600px) + 2 * var(--series-border-width))}}@media screen and (min-width: 1600px) and (max-width: 1920px){.live-page-wrap{--live-module-width: calc(var(--card-module-width-1600-1920px) + 2 * var(--series-border-width));margin-right:var(--content-right-margin-active)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.live-page-wrap{--live-module-width: calc(var(--card-module-width-1920-2160px) + 2 * var(--series-border-width));margin-right:var(content-right-margin-max)}}@media screen and (min-width: 2160px){.live-page-wrap{--live-module-width: calc(var(--card-module-width-2160px) + 2 * var(--series-border-width));margin-left:var(--content-left-margin-max)}}.live-page-wrap .video-container{position:absolute;left:0;top:0;z-index:12;border-radius:16px 16px 0 0;overflow:hidden}.live-page-wrap .video-container .video-wrap{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:16px 16px 0 0}.live-page-wrap .video-container .video-wrap video{-o-object-fit:cover!important;object-fit:cover!important}.mid-video-page-wrap{margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));margin-right:var(content-right-margin);min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap));width:var(--mid-video-page-width);border-radius:16px}.mid-video-page-wrap img[src=""],.mid-video-page-wrap img:not([src]){opacity:0}@media screen and (max-width: 1600px){.mid-video-page-wrap{--mid-video-page-width: calc(var(--card-module-width-0-1600px) + var(--content-big-card-margin))}}@media screen and (min-width: 1600px) and (max-width: 1920px){.mid-video-page-wrap{--mid-video-page-width: calc(var(--card-module-width-1600-1920px) + var(--content-big-card-margin));margin-right:var(--content-right-margin-active)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.mid-video-page-wrap{--mid-video-page-width: calc(var(--card-module-width-1920-2160px) + var(--content-big-card-margin));margin-right:var(content-right-margin-max)}}@media screen and (min-width: 2160px){.mid-video-page-wrap{--mid-video-page-width: calc(var(--card-module-width-2160px) + var(--content-big-card-margin));margin-left:var(--content-left-margin-max)}}.mid-video-page-wrap .mid-tab-ctrl{position:fixed;display:flex;width:100%;z-index:19;min-width:1024px;background-color:rgba(20,20,20,.96);padding-bottom:var(--content-big-card-margin);font-family:PingFang SC;font-style:normal;font-size:16px}.mid-video-page-wrap .mid-tab-ctrl .tab-item{margin-right:48px;font-weight:400;line-height:22px;text-align:center;color:rgba(255,255,255,.6);cursor:pointer}.mid-video-page-wrap .mid-tab-ctrl .tab-item:hover{color:#fff}.mid-video-page-wrap .mid-tab-ctrl .tab-item-active{color:#fff;font-weight:500}.mid-video-page-wrap .mid-tab-ctrl .tab-item-active:hover{color:#fff}.mid-video-page-wrap .mid-video-flow-wrap{width:100%;display:flex;flex-flow:wrap;overflow:hidden}.mid-video-page-wrap .mid-video-flow-wrap .video-card-wrap,.mid-video-page-wrap .mid-video-flow-wrap .card-wrap{position:relative;width:var(--flow-card-width);height:calc(var(--flow-card-width) * var(--card-width-height-proportion) + 100px);margin-bottom:var(--content-big-card-margin);margin-right:var(--content-big-card-margin);--flow-card-width: calc( (var(--mid-video-page-width) - var(--mid-flow-screen-line-num) * var(--content-big-card-margin)) / var(--mid-flow-screen-line-num) )}@media screen and (max-width: 1440px){.mid-video-page-wrap .mid-video-flow-wrap .video-card-wrap,.mid-video-page-wrap .mid-video-flow-wrap .card-wrap{--mid-flow-screen-line-num: 2}}@media screen and (min-width: 1440px){.mid-video-page-wrap .mid-video-flow-wrap .video-card-wrap,.mid-video-page-wrap .mid-video-flow-wrap .card-wrap{--mid-flow-screen-line-num: 3}}.mid-video-page-wrap .toggle-loading-wrap{width:100%;display:flex;justify-content:center;padding-top:60px;font-size:16px;color:rgba(255,255,255,.6)}@media screen and (max-width: 1600px){.mid-video-page-wrap .toggle-loading-wrap{width:var(--card-module-width-0-1600px)}}@media screen and (min-width: 1600px) and (max-width: 1920px){.mid-video-page-wrap .toggle-loading-wrap{width:var(--card-module-width-1600-1920px)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.mid-video-page-wrap .toggle-loading-wrap{width:var(--card-module-width-1920-2160px)}}@media screen and (min-width: 2160px){.mid-video-page-wrap .toggle-loading-wrap{width:var(--card-module-width-2160px)}}.creative-banner[data-v-aa636c64]{position:relative;padding:40px 0 20px;cursor:pointer}.creative-banner .container[data-v-aa636c64]{width:100%;padding-right:var(--content-big-card-margin);display:flex;justify-content:center;align-items:center}.creative-banner .container .center[data-v-aa636c64]{position:relative;display:flex;justify-content:center;align-items:center;max-width:100%;overflow:hidden;border-radius:8px}.creative-banner .container .center img[data-v-aa636c64]{width:100%;max-height:120px}.creative-banner .container .center .close-button[data-v-aa636c64]{width:48px;height:20px;position:absolute;top:8px;right:8px;display:flex;justify-content:center;align-content:center;border-radius:4px;background-color:rgba(0,0,0,.4);color:#fff;font-size:12px;z-index:20;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.creative-banner .container .center .close-button .icon[data-v-aa636c64]{margin:2px 0 0}.creative-banner .container .left[data-v-aa636c64],.creative-banner .container .right[data-v-aa636c64]{max-height:120px;flex-grow:1}.item-wrap{flex-shrink:0;width:calc((100% - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt));margin-right:24px;overflow:hidden;position:relative;transition:width .3s}.item-wrap .deteil{visibility:hidden}.item-wrap .deteil .content .right .title,.item-wrap .deteil .content .right .sub-title,.item-wrap .deteil .content .right .kind{opacity:0;transition:opacity 0s .2s}.item-wrap .deteil .content .right .describe,.item-wrap .deteil .content .right .bottom{opacity:0;transition:opacity .1s .25s}.item-wrap.hover{width:calc((100% - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt) * 2 + 24px)}.item-wrap.hover .nomal{display:none}.item-wrap.hover .deteil{visibility:visible}.item-wrap.hover .deteil .content .right .title{opacity:1}.item-wrap.hover .deteil .content .right .sub-title,.item-wrap.hover .deteil .content .right .kind,.item-wrap.hover .deteil .content .right .describe{opacity:.6}.item-wrap.hover .deteil .content .right .bottom{opacity:1}.item-wrap .time{color:#fff;text-align:left;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:22px;margin-bottom:16px}.item-wrap .nomal{width:100%}.item-wrap .nomal .poster{position:relative;border-radius:8px;min-height:185.28px;overflow:hidden}@media screen and (max-width: 1600px){.item-wrap .nomal .poster{height:calc((var(--card-module-width-0-1600px) - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt) * 1.3952)}}@media screen and (min-width: 1600px) and (max-width: 1920px){.item-wrap .nomal .poster{height:calc((var(--card-module-width-1600-1920px) - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt) * 1.3952)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.item-wrap .nomal .poster{height:calc((var(--card-module-width-1920-2160px) - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt) * 1.3952)}}@media screen and (min-width: 2160px){.item-wrap .nomal .poster{height:calc((var(--card-module-width-2160px) - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt) * 1.3952)}}.item-wrap .nomal .poster .poster-content{position:absolute;top:0;left:0;width:100%;height:100%}.item-wrap .nomal .poster .poster-content .poster-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.item-wrap .nomal .poster .poster-content .bottom{width:100%;height:36px;position:absolute;bottom:0;border-radius:0 0 8px 4.8px;background:linear-gradient(0deg,rgba(0,0,0,.4) 2.29%,rgba(0,0,0,0) 99.71%);background-blend-mode:multiply}.item-wrap .nomal .poster .poster-content .bottom .number-of-reservations{color:#fff;text-shadow:0px 0px 3px rgba(0,0,0,.4);font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:18px;position:absolute;right:0;bottom:0;margin-right:6px}.item-wrap .nomal .infos .main-title{color:#fff;text-align:center;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px}.item-wrap .nomal .infos .sub-title{color:#fff;text-align:center;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:.4;margin-top:4px;height:18px}.item-wrap .nomal .subscribe-area{height:30px;margin-top:16px;display:flex;justify-content:center}.item-wrap .nomal .subscribe-area .btn{width:71px;height:29px;flex-shrink:0;border-radius:20px;background-color:rgba(112,112,112,.4);display:flex;justify-content:center;align-items:center;color:#f2f2f2;cursor:pointer}.item-wrap .deteil{width:100%;min-height:185.28px;position:absolute;flex-shrink:0;background:linear-gradient(293deg,#0E0A0B .39%,#1D1D1D 73.74%);border-radius:8px;overflow:hidden}@media screen and (max-width: 1600px){.item-wrap .deteil{height:calc(((var(--card-module-width-0-1600px) - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt) * 2 + 24px - 24px) / 2 * 1.3952380952)}}@media screen and (min-width: 1600px) and (max-width: 1920px){.item-wrap .deteil{height:calc(((var(--card-module-width-1600-1920px) - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt) * 2 + 24px - 24px) / 2 * 1.3952380952)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.item-wrap .deteil{height:calc(((var(--card-module-width-1920-2160px) - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt) * 2 + 24px - 24px) / 2 * 1.3952380952)}}@media screen and (min-width: 2160px){.item-wrap .deteil{height:calc(((var(--card-module-width-2160px) - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt) * 2 + 24px - 24px) / 2 * 1.3952380952)}}.item-wrap .deteil .content{position:absolute;left:0;top:0;width:100%;height:100%;display:flex}.item-wrap .deteil .content .left{flex-shrink:0;width:calc((100% - 24px)/2);height:100%;border-radius:8px;position:relative}.item-wrap .deteil .content .left .poster-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.item-wrap .deteil .content .left .mask{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.4);cursor:pointer}.item-wrap .deteil .content .left .icon{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.item-wrap .deteil .content .right{width:100%;position:relative;padding-left:13px;padding-right:13px;cursor:pointer;background:linear-gradient(279deg,#2B2B2B 2.25%,#2B2B2B 56.34%)}.item-wrap .deteil .content .right .title{color:#fff;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin-top:11px}.item-wrap .deteil .content .right .sub-title,.item-wrap .deteil .content .right .kind{color:var(--style-dark-c-1, #F2F2F2);font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:18px;margin-top:4px}.item-wrap .deteil .content .right .describe{color:#fff;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:18px;margin-top:18px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}@media screen and (max-width: 1080px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:1}}@media screen and (min-width: 1081px) and (max-width: 1120px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:2}}@media screen and (min-width: 1150px) and (max-width: 1200px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:3}}@media screen and (min-width: 1201px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:4}}@media screen and (min-width: 1281px) and (max-width: 1330px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:3}}@media screen and (min-width: 1331px) and (max-width: 1370px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:3}}@media screen and (min-width: 1371px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:4}}@media screen and (min-width: 1441px) and (max-width: 1455px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:2}}@media screen and (min-width: 1456px) and (max-width: 1520px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:3}}@media screen and (min-width: 1521px) and (max-width: 1600px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:4}}@media screen and (min-width: 1601px) and (max-width: 1725px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:5}}@media screen and (min-width: 1726px) and (max-width: 1800px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:6}}@media screen and (min-width: 1801px) and (max-width: 1850px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:7}}@media screen and (min-width: 1851px) and (max-width: 1920px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:7}}@media screen and (min-width: 1921px) and (max-width: 2000px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:6}}@media screen and (min-width: 2001px) and (max-width: 2030px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:7}}@media screen and (min-width: 2031px){.item-wrap .deteil .content .right .describe{-webkit-line-clamp:7}}.item-wrap .deteil .content .right .bottom{position:absolute;bottom:0;left:0;justify-content:space-between;width:100%;margin-bottom:12px;display:flex;align-items:center}.item-wrap .deteil .content .right .bottom .number-of-reservations{color:#a6a6a6;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin-left:13px}.item-wrap .deteil .content .right .bottom .reservations-btn{margin-left:1px;width:84px;height:30px;flex-shrink:0;border-radius:27px;background:#FFF;color:#000;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:22px;display:flex;justify-content:center;align-items:center;margin-right:13px;cursor:pointer}.coming-soon-wrap[data-v-16f6874e]{--cards-cnt: 8}@media screen and (max-width: 1023px){.coming-soon-wrap[data-v-16f6874e]{--cards-cnt: 5}}@media screen and (min-width: 1024px) and (max-width: 1280px){.coming-soon-wrap[data-v-16f6874e]{--cards-cnt: 5}}@media screen and (min-width: 1281px) and (max-width: 1440px){.coming-soon-wrap[data-v-16f6874e]{--cards-cnt: 6}}@media screen and (min-width: 1441px) and (max-width: 1920px){.coming-soon-wrap[data-v-16f6874e]{--cards-cnt: 7}}@media screen and (min-width: 1921px){.coming-soon-wrap[data-v-16f6874e]{--cards-cnt: 8}}.coming-soon-wrap .banner-head[data-v-16f6874e]{display:flex;position:relative;width:100%;min-width:738px;justify-content:space-between;align-items:center;margin-bottom:15px}.coming-soon-wrap .banner-head .banner-mod-title[data-v-16f6874e]{display:flex;align-items:center;font-family:PingFangSC-Medium;font-size:20px;color:#fff;letter-spacing:0}.coming-soon-wrap .banner-head .turn-page-wrap[data-v-16f6874e]{display:flex;align-items:center}.coming-soon-wrap .banner-head .turn-page-wrap .text[data-v-16f6874e]{color:#fff;font-family:DIN Next LT Pro;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-left:12px;margin-right:12px}.coming-soon-wrap .banner-head .turn-page-wrap .icon[data-v-16f6874e]{cursor:pointer}.coming-soon-wrap .coming-soon-content[data-v-16f6874e]{overflow:hidden;position:relative}.coming-soon-wrap .coming-soon-content .coming-soon-content-container[data-v-16f6874e]{display:flex;width:100%;margin-left:0;transition:margin-left .3s}.coming-soon-wrap .coming-soon-content .coming-soon-content-container.shift-nomal[data-v-16f6874e]{margin-left:calc(-.5 * ((100% - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt) + 12px))}.coming-soon-wrap .coming-soon-content .coming-soon-content-container.shift-left[data-v-16f6874e]{margin-left:calc(-1 * ((100% - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt) + 24px))}.coming-soon-wrap .coming-soon-content .coming-soon-content-container.shift-right[data-v-16f6874e]{margin-right:calc(-1 * ((100% - (var(--cards-cnt) - 1) * 24px) / var(--cards-cnt) + 24px))}.list-entry-wrap-wrap[data-v-7051a35f]{--item-gap: 12px;--list-entry-width: 100%;--item-width: calc( (var(--list-entry-width) - (var(--screen-filter-line-num) - 1) * var(--item-gap)) / var(--screen-filter-line-num) );position:relative;display:flex;margin-top:10px;margin-bottom:22px}.list-entry-wrap-wrap .external-top-kind-wrap[data-v-7051a35f]{width:calc(var(--item-width) * var(--external-filter-occupy-num) + var(--screen-filter-line-num) * 5px);position:relative;display:flex;flex-direction:row}.list-entry-wrap-wrap .external-top-kind-wrap .fake-filter[data-v-7051a35f]{min-width:90px;width:calc(100% - 50px);position:absolute;top:0;left:0;opacity:0;z-index:-1}.list-entry-wrap-wrap .external-top-kind-wrap .external-filter[data-v-7051a35f]{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;min-width:90px;width:calc(100% - 50px);background:rgba(255,205,73,.15);border-radius:24px;position:relative;cursor:pointer}.list-entry-wrap-wrap .external-top-kind-wrap .external-filter .extra-title[data-v-7051a35f]{color:#ffdf8a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-entry-wrap-wrap .external-top-kind-wrap .icon[data-v-7051a35f]{width:16px;height:16px;margin-right:4px}.list-entry-wrap-wrap .external-top-kind-wrap .extra-kind[data-v-7051a35f]{padding:0 3px;height:40px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:16px;line-height:22px;text-align:center}.list-entry-wrap-wrap .external-top-kind-wrap[data-v-7051a35f]:after{content:"";position:absolute;background-color:rgba(242,242,242,.15);width:1.5px;height:26px;right:var(--vertical-line-right);top:50%;transform:translateY(-50%)}.list-entry-wrap-wrap .list-banner[data-v-7051a35f]{position:relative;width:100%}.list-entry-small-focus[data-v-7051a35f]{margin-top:40px}.left-arrow[data-v-7051a35f]{position:absolute;left:-23px;top:8px}.right-arrow[data-v-7051a35f]{position:absolute;right:-1px;top:8px}.list-entry-wrap[data-v-7051a35f]{position:relative;display:flex;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.list-entry-wrap[data-v-7051a35f]::-webkit-scrollbar{display:none}.list-entry-wrap .list-entry-item[data-v-7051a35f]{height:40px;background:rgba(255,255,255,.1);border-radius:24px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:16px;line-height:22px;text-align:center;color:rgba(255,255,255,.6);width:var(--item-width);display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:var(--item-gap);cursor:pointer}.list-entry-wrap .list-entry-item[data-v-7051a35f]:hover{color:#fff}.list-entry-wrap .list-entry-item[data-v-7051a35f]:last-of-type{margin-right:0}.list-entry-wrap .vip-entry-item[data-v-7051a35f]{color:#ffdf8a;font-weight:800;font-size:18px}.list-entry-wrap .vip-entry-item[data-v-7051a35f]:hover{color:#ffdf8a}.list-entry-wrap .right-arrow[data-v-7051a35f]{position:absolute;right:-25px}.user-card[data-v-49308839]{font-family:PingFang SC;width:var(--banner-card-width);height:calc(var(--banner-card-height) + 52px);min-width:216px!important;min-height:173.5px!important;margin-bottom:40px;margin-right:var(--content-big-card-margin);flex-shrink:0;color:#f6d686;border-radius:8px;background:0 0/100% 100% url(https://vfiles.gtimg.cn/wupload/fileupload/518edc17_5740ApnGwRpdSqpilZJKDSBrxlsAKfl2.png) no-repeat;box-sizing:border-box;overflow:hidden;container-type:size}.user-card .user-info[data-v-49308839]{display:flex;justify-content:space-between;align-items:center;margin:18px 12px 0}.user-card .user-info .left-user-info[data-v-49308839]{display:flex;align-items:center;justify-content:center}.user-card .user-info .left-user-info .user-avatar[data-v-49308839]{position:relative;width:20px;height:20px;margin-right:6px}.user-card .user-info .left-user-info .user-avatar-img[data-v-49308839]{width:100%;height:100%;border-radius:100%;border:.5px solid #fff;box-sizing:border-box}.user-card .user-info .left-user-info .user-avatar-default[data-v-49308839]{width:100%;height:100%;border-radius:100%}.user-card .user-info .left-user-info .user-avatar .login-type[data-v-49308839]{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:100%;border:.5px solid #fff;background-position:-1px -1px;background-size:12px 12px}.user-card .user-info .left-user-info .user-name[data-v-49308839]{font-weight:500;font-size:14px;line-height:22px}.user-card .user-info .right-user-info[data-v-49308839]{display:flex;align-items:center;font-weight:300;font-size:12px;line-height:16px;cursor:pointer}.user-card .user-info .right-user-info .mod-title-icon[data-v-49308839]{padding-top:1px;padding-right:6px;margin-left:4px;color:rgba(246,214,134,.6)}.user-card .recent-game[data-v-49308839]{position:relative;margin:17px 12px 13px;width:calc(100% - 24px);border-radius:8px;background:rgba(255,228,177,.03);padding:10px 0 19px;box-sizing:border-box}.user-card .recent-game .title-bar[data-v-49308839]{padding:0 12px;font-weight:400;font-size:12px;line-height:18px}.user-card .recent-game .game-list[data-v-49308839]{width:100%;margin-top:14px;display:flex;flex-wrap:nowrap;box-sizing:border-box}.user-card .recent-game .game-list .game-item[data-v-49308839]{display:flex;flex-direction:column;align-items:center;cursor:pointer}.user-card .recent-game .game-list .game-item .game-icon[data-v-49308839]{width:38px;height:38px;border-radius:8px}.user-card .recent-game .game-list .game-item .game-name[data-v-49308839]{font-size:10px;font-weight:400;line-height:16px;margin-top:7px;width:100%;max-width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card .recent-game .game-list .game-left-arrow-icon[data-v-49308839],.user-card .recent-game .game-list .game-right-arrow-icon[data-v-49308839]{position:absolute;top:57px;cursor:pointer}.user-card .recent-game .game-list .game-left-arrow-icon[data-v-49308839]{left:6px}.user-card .recent-game .game-list .game-right-arrow-icon[data-v-49308839]{right:6px}.user-card .no-login[data-v-49308839],.user-card .no-game[data-v-49308839]{margin:19px 12px 13px;width:calc(100% - 24px);height:122px;display:flex;justify-content:center;align-items:center;border-radius:8px;background-color:rgba(255,228,177,.03)}.user-card .no-login[data-v-49308839]{color:#ffe4b1;font-size:12px;font-weight:400;cursor:pointer}.user-card .no-login .no-login-icon[data-v-49308839]{margin-left:4px;color:rgba(246,214,134,.6)}.user-card .no-game-content[data-v-49308839]{width:calc(100% - 66px)}.user-card .game-center-enter[data-v-49308839]{height:calc(100% - 192px);padding:0 18px 0 12px;display:flex;align-items:center;justify-content:space-between;background:rgba(246,214,134,.06);cursor:pointer}.user-card .game-center-enter .left-info[data-v-49308839]{display:flex;align-items:center;font-size:12px;font-weight:500;line-height:18px}.user-card .game-center-enter .left-info .game-center-tag[data-v-49308839]{width:16px;height:16px;margin-right:6px}.user-card .game-center-enter .mod-title-icon[data-v-49308839]{color:rgba(246,214,134,.6)}@container (max-width: 310px){.user-card .user-info[data-v-49308839]{margin:12px 7px 0 12px}.user-card .recent-game[data-v-49308839],.user-card .no-login[data-v-49308839],.user-card .no-game[data-v-49308839]{margin:9px 12px 10px}.user-card .no-login[data-v-49308839],.user-card .no-game[data-v-49308839]{height:108px}.user-card .recent-game[data-v-49308839]{padding:9px 0 10px}.user-card .recent-game .title-bar[data-v-49308839]{padding:0 10px}.user-card .recent-game .game-list[data-v-49308839]{margin-top:10px}.user-card .recent-game .game-list .game-left-arrow-icon[data-v-49308839],.user-card .recent-game .game-list .game-right-arrow-icon[data-v-49308839]{top:calc(50% + 3px);transform:translateY(-50%)}.user-card .game-center-enter[data-v-49308839]{height:calc(100% - 161px)}}@container (max-width: 260px){.user-card .user-info[data-v-49308839]{margin:10px 7px 0 12px}.user-card .recent-game[data-v-49308839],.user-card .no-login[data-v-49308839],.user-card .no-game[data-v-49308839]{margin:9px 12px 10px}.user-card .no-login[data-v-49308839],.user-card .no-game[data-v-49308839]{height:102px}.user-card .recent-game[data-v-49308839]{padding:7px 0 8px}.user-card .recent-game .game-list[data-v-49308839]{margin-top:8px}.user-card .game-center-enter[data-v-49308839]{height:calc(100% - 153px)}}.user-card-small .user-info[data-v-49308839],.user-card-tiny .user-info[data-v-49308839]{margin:12px 7px 0 12px}.user-card-small .recent-game[data-v-49308839],.user-card-small .no-login[data-v-49308839],.user-card-small .no-game[data-v-49308839],.user-card-tiny .recent-game[data-v-49308839],.user-card-tiny .no-login[data-v-49308839],.user-card-tiny .no-game[data-v-49308839]{margin:9px 12px 10px}.user-card-small .no-login[data-v-49308839],.user-card-small .no-game[data-v-49308839],.user-card-tiny .no-login[data-v-49308839],.user-card-tiny .no-game[data-v-49308839]{height:108px}.user-card-small .recent-game[data-v-49308839],.user-card-tiny .recent-game[data-v-49308839]{padding:9px 0 10px}.user-card-small .recent-game .title-bar[data-v-49308839],.user-card-tiny .recent-game .title-bar[data-v-49308839]{padding:0 10px}.user-card-small .recent-game .game-list[data-v-49308839],.user-card-tiny .recent-game .game-list[data-v-49308839]{margin-top:10px}.user-card-small .recent-game .game-list .game-left-arrow-icon[data-v-49308839],.user-card-small .recent-game .game-list .game-right-arrow-icon[data-v-49308839],.user-card-tiny .recent-game .game-list .game-left-arrow-icon[data-v-49308839],.user-card-tiny .recent-game .game-list .game-right-arrow-icon[data-v-49308839]{top:calc(50% + 3px);transform:translateY(-50%)}.user-card-small .game-center-enter[data-v-49308839],.user-card-tiny .game-center-enter[data-v-49308839]{height:calc(100% - 161px)}.user-card-tiny .user-info[data-v-49308839]{margin:10px 7px 0 12px}.user-card-tiny .recent-game[data-v-49308839],.user-card-tiny .no-login[data-v-49308839],.user-card-tiny .no-game[data-v-49308839]{margin:9px 12px 10px}.user-card-tiny .no-login[data-v-49308839],.user-card-tiny .no-game[data-v-49308839]{height:102px}.user-card-tiny .recent-game[data-v-49308839]{padding:7px 0 8px}.user-card-tiny .recent-game .game-list[data-v-49308839]{margin-top:8px}.user-card-tiny .game-center-enter[data-v-49308839]{height:calc(100% - 153px)}.iwan-game-rank[data-v-71954882]{position:relative;margin-bottom:40px;margin-right:var(--content-big-card-margin);width:var(--banner-card-width);height:calc(var(--banner-card-height) + 52px);min-width:216px!important;min-height:173.5px!important;flex-shrink:0;border-radius:8px;background-color:#212223;color:#fff;font-family:PingFang SC;overflow:hidden;container-type:size}.iwan-game-rank .rank-head[data-v-71954882]{width:100%;position:relative}.iwan-game-rank .rank-head .head-title[data-v-71954882]{position:relative;color:rgba(255,255,255,.8);z-index:3;font-size:18px;font-weight:500;line-height:28px;padding:14px 16px 20px}.iwan-game-rank .rank-head .head-bg[data-v-71954882]{position:absolute;width:100%;top:0;left:0;z-index:1}.iwan-game-rank .rank-head .head-tag[data-v-71954882]{position:absolute;z-index:2;width:114.5px;top:-15px;right:0}.iwan-game-rank .game-list[data-v-71954882]{position:relative;z-index:3;display:flex;flex-wrap:nowrap;box-sizing:border-box;justify-content:space-around}.iwan-game-rank .game-list .game-item[data-v-71954882]{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;overflow:visible}.iwan-game-rank .game-list .game-item .game-icon[data-v-71954882]{width:60px;height:60px;border-radius:13px}.iwan-game-rank .game-list .game-item .game-name[data-v-71954882]{margin-top:13px;font-size:14px;line-height:16px;font-weight:500;width:100%;max-width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iwan-game-rank .game-list .game-item .game-desc[data-v-71954882]{margin-top:6px;font-weight:400;font-size:11px;line-height:12px;color:rgba(255,255,255,.5);width:100%;max-width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iwan-game-rank .game-list .game-item .play-btn[data-v-71954882]{margin-top:12px;width:66px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:16px;background-color:rgba(255,220,20,.1);font-weight:600;font-size:13px;line-height:16px;color:#ffdc14}.iwan-game-rank .game-list .game-item .game-rank-tag[data-v-71954882]{position:absolute;top:-12px;left:-7px;width:32px;height:36px;display:flex;align-items:center;justify-content:center}.iwan-game-rank .game-list .game-item .game-rank-tag .game-rank-text[data-v-71954882]{position:relative;z-index:2;font-family:DIN Next LT Pro;font-weight:700;font-size:14px;color:#fff;margin-top:1px}.iwan-game-rank .game-list .game-item .game-rank-tag .game-rank-bg[data-v-71954882]{position:absolute;top:0;left:0;color:#878787}.iwan-game-rank .game-list .game-item .game-rank-tag-first .game-rank-text[data-v-71954882]{color:#000}.iwan-game-rank .game-list .game-item .game-rank-tag-first .game-rank-bg[data-v-71954882]{color:#ffcb14}.iwan-game-rank .game-list .game-item .game-rank-tag-second .game-rank-bg[data-v-71954882]{color:#72a0c2}.iwan-game-rank .game-list .game-item .game-rank-tag-third .game-rank-bg[data-v-71954882]{color:#d88c00}.iwan-game-rank .game-list .game-left-arrow-icon[data-v-71954882],.iwan-game-rank .game-list .game-right-arrow-icon[data-v-71954882]{position:absolute;top:22px;cursor:pointer}@container (max-width: 310px){.iwan-game-rank .rank-head .head-title[data-v-71954882]{padding:10px 14px 12px;font-size:16px}.iwan-game-rank .game-list .game-item .game-icon[data-v-71954882]{width:52px;height:52px}.iwan-game-rank .game-list .game-item .game-name[data-v-71954882]{font-size:12px;margin-top:10px}.iwan-game-rank .game-list .game-item .game-desc[data-v-71954882]{margin-top:4px;font-size:10px}.iwan-game-rank .game-list .game-item .play-btn[data-v-71954882]{margin-top:10px}}@container (max-width: 260px){.iwan-game-rank .rank-head .head-title[data-v-71954882]{padding:10px 14px;font-size:16px}.iwan-game-rank .game-list .game-item .game-icon[data-v-71954882]{width:48px;height:48px}.iwan-game-rank .game-list .game-item .game-name[data-v-71954882]{margin-top:8px}.iwan-game-rank .game-list .game-item .game-desc[data-v-71954882]{margin-top:2px;font-size:10px}.iwan-game-rank .game-list .game-item .play-btn[data-v-71954882]{margin-top:8px}}.iwan-game-rank-small .rank-head .head-title[data-v-71954882],.iwan-game-rank-tiny .rank-head .head-title[data-v-71954882]{padding:10px 14px 12px;font-size:16px}.iwan-game-rank-small .game-list .game-item .game-icon[data-v-71954882],.iwan-game-rank-tiny .game-list .game-item .game-icon[data-v-71954882]{width:52px;height:52px}.iwan-game-rank-small .game-list .game-item .game-name[data-v-71954882],.iwan-game-rank-tiny .game-list .game-item .game-name[data-v-71954882]{font-size:12px;margin-top:10px}.iwan-game-rank-small .game-list .game-item .game-desc[data-v-71954882],.iwan-game-rank-tiny .game-list .game-item .game-desc[data-v-71954882]{margin-top:4px;font-size:10px}.iwan-game-rank-small .game-list .game-item .play-btn[data-v-71954882],.iwan-game-rank-tiny .game-list .game-item .play-btn[data-v-71954882]{margin-top:10px}.iwan-game-rank-tiny .rank-head .head-title[data-v-71954882]{padding:10px 14px;font-size:16px}.iwan-game-rank-tiny .game-list .game-item .game-icon[data-v-71954882]{width:48px;height:48px}.iwan-game-rank-tiny .game-list .game-item .game-name[data-v-71954882]{margin-top:8px}.iwan-game-rank-tiny .game-list .game-item .game-desc[data-v-71954882]{margin-top:2px;font-size:10px}.iwan-game-rank-tiny .game-list .game-item .play-btn[data-v-71954882]{margin-top:8px}.iwan-game-banner[data-v-cb693c45]{position:relative;margin-bottom:40px;margin-right:var(--content-big-card-margin);width:var(--banner-card-width);height:calc(var(--banner-card-height) + 52px);min-width:216px!important;min-height:173.5px!important;flex-shrink:0;border-radius:8px;background-color:#212223;color:#fff;font-family:PingFang SC;overflow:hidden;container-type:size;cursor:pointer}.iwan-game-banner .title[data-v-cb693c45]{position:absolute;top:0;left:0;box-sizing:border-box;padding:14px 12px;font-size:18px;font-weight:500;color:#fff;text-shadow:0px 0px 8px 0px rgba(0,0,0,.15);filter:drop-shadow(0 0 8px rgba(0,0,0,.15));background:0 0/100% 100% url(https://vfiles.gtimg.cn/wupload/fileupload/518edc17_2_l3uGRHupT6FJpwL0XRbX0fjVvxxfYD.png)}.iwan-game-banner .cover[data-v-cb693c45]{width:100%;min-height:69.92%}.iwan-game-banner .cover.full-cover[data-v-cb693c45]{height:100%}.iwan-game-banner .banner-info[data-v-cb693c45]{position:absolute;bottom:0;left:0;width:100%;height:71px;background-color:#212223;display:flex;align-items:center;justify-content:space-between}.iwan-game-banner .banner-info .left-info[data-v-cb693c45]{width:calc(100% - 94px);display:flex;align-items:center;color:#fff}.iwan-game-banner .banner-info .left-info .game-logo[data-v-cb693c45]{width:47px;height:47px;border-radius:10px;margin:0 10px 0 12px}.iwan-game-banner .banner-info .left-info .game-info[data-v-cb693c45]{width:calc(100% - 69px)}.iwan-game-banner .banner-info .left-info .game-info .game-title[data-v-cb693c45]{font-size:16px;font-weight:500;line-height:22.4px;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iwan-game-banner .banner-info .left-info .game-info .game-sub-title[data-v-cb693c45]{font-size:14px;font-weight:400;line-height:16px;margin-top:5px;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.6}.iwan-game-banner .banner-info .play-btn[data-v-cb693c45]{width:66px;height:31px;border-radius:52px;background-color:rgba(255,220,20,.1);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#ffdc14;margin-right:14px}@container (max-width: 310px){.iwan-game-banner .title[data-v-cb693c45]{padding:10px 12px;font-size:16px}.iwan-game-banner .banner-info[data-v-cb693c45]{height:58px}.iwan-game-banner .banner-info .left-info[data-v-cb693c45]{width:calc(100% - 84px)}.iwan-game-banner .banner-info .left-info .game-logo[data-v-cb693c45]{width:39px;height:39px;border-radius:8px}.iwan-game-banner .banner-info .left-info .game-info[data-v-cb693c45]{width:calc(100% - 61px)}.iwan-game-banner .banner-info .left-info .game-info .game-sub-title[data-v-cb693c45]{margin-top:4px;font-size:10px;line-height:12px}.iwan-game-banner .banner-info .play-btn[data-v-cb693c45]{width:56px;height:27px;border-radius:13px;font-size:11px}}.iwan-game-banner-small .title[data-v-cb693c45],.iwan-game-banner-tiny .title[data-v-cb693c45]{padding:10px 12px;font-size:16px}.iwan-game-banner-small .banner-info[data-v-cb693c45],.iwan-game-banner-tiny .banner-info[data-v-cb693c45]{height:58px}.iwan-game-banner-small .banner-info .left-info[data-v-cb693c45],.iwan-game-banner-tiny .banner-info .left-info[data-v-cb693c45]{width:calc(100% - 84px)}.iwan-game-banner-small .banner-info .left-info .game-logo[data-v-cb693c45],.iwan-game-banner-tiny .banner-info .left-info .game-logo[data-v-cb693c45]{width:39px;height:39px;border-radius:8px}.iwan-game-banner-small .banner-info .left-info .game-info[data-v-cb693c45],.iwan-game-banner-tiny .banner-info .left-info .game-info[data-v-cb693c45]{width:calc(100% - 61px)}.iwan-game-banner-small .banner-info .left-info .game-info .game-sub-title[data-v-cb693c45],.iwan-game-banner-tiny .banner-info .left-info .game-info .game-sub-title[data-v-cb693c45]{margin-top:4px;font-size:10px;line-height:12px}.iwan-game-banner-small .banner-info .play-btn[data-v-cb693c45],.iwan-game-banner-tiny .banner-info .play-btn[data-v-cb693c45]{width:56px;height:27px;border-radius:13px;font-size:11px}.iwan-post-banner[data-v-d485cfa0]{position:relative;margin-bottom:40px;margin-right:var(--content-big-card-margin);width:var(--banner-card-width);height:calc(var(--banner-card-height) + 52px);min-width:216px!important;min-height:173.5px!important;flex-shrink:0;color:#fff;font-family:PingFang SC;overflow:hidden;cursor:pointer}.iwan-post-banner .cover[data-v-d485cfa0]{width:100%;height:var(--banner-card-height);min-height:121.5px!important;border-radius:8px}.iwan-post-banner .banner-info[data-v-d485cfa0]{margin-top:4px;width:100%}.iwan-post-banner .banner-info .banner-title[data-v-d485cfa0]{font-size:16px;font-weight:500;line-height:24px;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iwan-post-banner .banner-info .banner-sub-title[data-v-d485cfa0]{margin-top:2px;font-size:14px;font-weight:400;line-height:22px;color:rgba(255,255,255,.5);width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-game-module[data-v-5dcf4be5]{--title-margin-bottom: 15px;--title-text-height: 45px;display:flex;flex-flow:wrap;margin-right:var(content-right-margin);margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap));--banner-card-width: calc( (var(--banner-module-width) - var(--banner-screen-line-num) * var(--content-big-card-margin)) / var(--banner-screen-line-num) );--banner-card-height: calc(var(--banner-card-width) * var(--card-width-height-proportion));color:#fff}@media screen and (max-width: 1600px){.recommend-game-module[data-v-5dcf4be5]{--banner-module-width: calc(var(--card-module-width-0-1600px) + var(--content-big-card-margin));width:var(--banner-module-width)}}@media screen and (max-width: 1600px) and (max-width: 1280px){.recommend-game-module[data-v-5dcf4be5]{--banner-screen-line-num: 3;--vertical-banner-screen-line-num: 4}}@media screen and (max-width: 1600px) and (min-width: 1280px) and (max-width: 1440px){.recommend-game-module[data-v-5dcf4be5]{--banner-screen-line-num: 4;--vertical-banner-screen-line-num: 5}}@media screen and (max-width: 1600px) and (min-width: 1440px) and (max-width: 1600px){.recommend-game-module[data-v-5dcf4be5]{--banner-screen-line-num: 5;--vertical-banner-screen-line-num: 6}}@media screen and (min-width: 1600px) and (max-width: 1920px){.recommend-game-module[data-v-5dcf4be5]{--banner-module-width: calc(var(--card-module-width-1600-1920px) + var(--content-big-card-margin));--banner-screen-line-num: 5;--vertical-banner-screen-line-num: 6;margin-right:var(--content-right-margin-active);width:var(--banner-module-width)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.recommend-game-module[data-v-5dcf4be5]{--banner-module-width: calc(var(--card-module-width-1920-2160px) + var(--content-big-card-margin));--banner-screen-line-num: 6;--vertical-banner-screen-line-num: 7;margin-right:var(content-right-margin-max);width:var(--banner-module-width)}}@media screen and (min-width: 2160px){.recommend-game-module[data-v-5dcf4be5]{--banner-module-width: calc(var(--card-module-width-2160px) + var(--content-big-card-margin));--banner-screen-line-num: 6;--vertical-banner-screen-line-num: 7;margin-left:var(--content-left-margin-max);width:var(--banner-module-width)}}.recommend-game-module .banner-turner-wrap[data-v-5dcf4be5]{--banner-item-width: calc((var(--banner-module-width) - var(--banner-screen-line-num) * var(--content-big-card-margin)) / var(--banner-screen-line-num));--banner-item-height: calc(var(--banner-item-width) * var(--card-width-height-proportion));position:absolute;top:var(--title-margin-bottom);width:100%;height:var(--banner-item-height)}@media screen and (max-width: 1024px){.recommend-game-module .banner-turner-wrap[data-v-5dcf4be5]{height:128px}}.recommend-game-module img[src=""][data-v-5dcf4be5],.recommend-game-module img[data-v-5dcf4be5]:not([src]){opacity:0}@media screen and (max-width: 1024px){.recommend-game-module[data-v-5dcf4be5]{--banner-card-width: 230px}}.recommend-game-module .recommend-game-header[data-v-5dcf4be5]{margin-right:var(--content-big-card-margin);display:flex;position:relative;width:100%;min-width:738px;justify-content:space-between;align-items:center;margin-bottom:var(--title-margin-bottom)}.recommend-game-module .recommend-game-header .recommend-game-header-title[data-v-5dcf4be5]{display:flex;align-items:center;font-family:PingFangSC-Medium;font-size:30px;color:#fff;letter-spacing:0;margin-left:2px;margin-right:2px}.recommend-game-module .recommend-game-pagination[data-v-5dcf4be5]{display:flex;width:calc(100% + 46px);margin-left:-30px;align-items:center}.recommend-game-module .recommend-game-pagination .paginationator-container[data-v-5dcf4be5]{flex-shrink:0;width:30px;height:23px;margin-bottom:40px}.recommend-game-module .recommend-game-pagination .right-paginationator[data-v-5dcf4be5]{width:23px;margin-left:-7px}.recommend-game-module .recommend-game-pagination .mod-left-arrow-icon[data-v-5dcf4be5],.recommend-game-module .recommend-game-pagination .mod-right-arrow-icon[data-v-5dcf4be5]{cursor:pointer}.recommend-game-module .recomment-game-content[data-v-5dcf4be5]{display:flex;flex-wrap:nowrap;overflow:hidden;max-height:calc((var(--banner-card-height) + 40px + 52px) * 2);min-height:162px}.filter-labels-wrap{display:flex;background-color:rgba(20,20,20,.96);padding-bottom:12px;overflow:hidden;flex-wrap:wrap}.filter-labels-wrap .to-calc-style-not-show{background-color:red;visibility:hidden;position:absolute}.filter-labels-wrap .content{z-index:22;position:relative}.filter-labels-wrap .content.fixed{position:fixed;background-color:rgba(20,20,20,.96);padding-bottom:20px}.filter-labels-wrap .occupying-wrap{z-index:10}.filter-labels-wrap .rec-structure-module-title,.filter-labels-wrap .rec-structure-module-title-actual{font-family:PingFang SC;font-style:normal;font-weight:500;font-size:20px;line-height:42px;color:#fff}.filter-labels-wrap .rec-structure-module-title-actual{position:absolute;left:0;top:10px}.filter-labels-wrap .rec-structure-module-title-actual:after{content:"";position:absolute;background-color:rgba(255,255,255,.5);width:1px;height:22px;right:-25px;top:10px}.filter-labels-wrap .tab-item{margin-left:40px;margin-top:20px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:16px;line-height:22px;text-align:center;color:rgba(255,255,255,.6);cursor:pointer;display:inline-block}.filter-labels-wrap .tab-item:hover{color:#fff}.filter-labels-wrap .tab-item:first-of-type{margin-left:0}.filter-labels-wrap .tab-item.no-left-margin{margin-left:0}.filter-labels-wrap .tab-item-active{color:#fff;font-weight:500}.filter-labels-wrap .tab-item-active:hover{color:#fff}.filter-labels-wrap .show-more,.filter-labels-wrap .stow{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:16px;line-height:22px;text-align:center;color:#fff;margin-left:40px;cursor:pointer;opacity:.6;display:inline-block;margin-top:20px}.filter-labels-wrap .show-more:hover,.filter-labels-wrap .stow:hover{color:#fff;opacity:1}.filter-labels-wrap .show-more.no-left2-margin,.filter-labels-wrap .stow.no-left2-margin{margin-left:0}.filter-labels-wrap .show-more svg,.filter-labels-wrap .stow svg{margin-left:-3px}.filter-labels-wrap .no-data-err{display:flex;align-items:center;flex-direction:column;margin:10px auto}.filter-labels-wrap .no-data-err img{width:600px;height:388px}.filter-labels-wrap .no-data-err .tips{font-size:18px;color:#666}.electron_harmony_page .list-entry-wrap-wrap{display:none!important}.channel .no-data-tips{margin-top:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:100px}.channel .no-data-tips .tips{font-size:18px;color:#666}.channel .no-data-tips img{width:500px}.channel .page-loading-wrap{margin-left:var(--left-tab-width);padding-bottom:10px;display:flex;justify-content:center}.channel .loading_wrapper{margin-top:200px;margin-left:80px;position:relative;margin-bottom:114px;height:20px;z-index:999}@keyframes loading{0%{background-position:0 0}to{background-position:0 -300px}}.channel .loading_wrapper .mod_loading{display:flex;align-items:center;justify-content:center;text-align:center;color:#333;font-size:14px;position:absolute;width:100%;height:20px;top:0;left:0;background:rgba(0,0,0,0);z-index:1000}.channel .loading_wrapper .mod_loading span{color:rgba(0,0,0,.6)}.channel .loading_wrapper .mod_loading i{display:block;width:27px;height:10px;margin:10px 4px;background:url(https://puui.qpic.cn/vupload/0/20190405_1554453174750_gz7lx26exem.png/0) 0 0 no-repeat;background-size:27px 300px;animation:loading 1s steps(30) infinite}.channel .video-container-wrap{position:absolute;left:0;top:0}.channel .video-container-wrap .video-container{width:100%;height:100%;position:absolute;left:0;top:0}.channel .video-container-wrap .video-container video{-o-object-fit:cover!important;object-fit:cover!important}.channel .card-flow-video-container{min-width:357px;min-height:201px;border-radius:12px 12px 0 0;overflow:hidden}.channel .card-flow-video-container .video-container{border-radius:12px 12px 0 0}.channel .banner-video-container{min-width:230px;min-height:128px;overflow:hidden}.channel .banner-video-container .video-container,.channel .banner-video-container .video-container div{border-radius:8px}.channel .banner-video-container .video-container video{border-radius:8px}.channel .layer-banner-video-container{min-width:216px;min-height:121.5px;overflow:hidden}.channel .layer-banner-video-container .video-container,.channel .layer-banner-video-container .video-container div{border-radius:8px 8px 0 0}.channel .layer-banner-video-container .video-container video{border-radius:8px 8px 0 0}.channel .general-banner-adapt{margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap) - 40px)}@media screen and (max-width: 1600px){.channel .general-banner-adapt{width:var(--card-module-width-0-1600px);margin-right:40px}}@media screen and (min-width: 1600px) and (max-width: 1920px){.channel .general-banner-adapt{width:var(--card-module-width-1600-1920px);margin-right:calc(40px + (100vw - 1600px)/16)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.channel .general-banner-adapt{width:var(--card-module-width-1920-2160px);margin-right:60px}}@media screen and (min-width: 2160px){.channel .general-banner-adapt{margin-left:calc((100vw - var(--left-tab-width) - 1800px - var(--content-big-card-margin) * 2) / 2 - 15px);width:var(--card-module-width-2160px)}}@media screen and (min-width: 2161px){.channel .general-banner-adapt{margin-left:var(--content-left-margin-max)}}.top-nav-wrap[data-v-9c3a3831]{position:fixed;top:0;left:0;width:100%;height:84px;z-index:100;min-width:750px;background-image:linear-gradient(0deg,rgba(20,20,20,0) 1%,rgba(20,20,20,.7) 99%)}.small-focus .top-nav-wrap[data-v-9c3a3831],.top-nav-wrap-black[data-v-9c3a3831]{background-color:rgba(20,20,20,.96)}.top-nav-has-red[data-v-9c3a3831]{top:var(--top-red-banner-height);left:var(--top-red-banner-side-margin);width:calc(100vw - var(--top-red-banner-side-margin))}.top-red-banner[data-v-6085a711]{position:fixed;top:0;left:0;width:100vw;height:var(--top-red-banner-height);z-index:999}.top-red-banner .top-red-link[data-v-6085a711]{display:flex;justify-content:center;align-items:center;width:100%}.top-red-banner .top-red-link .red-img[data-v-6085a711]{height:var(--top-red-banner-height)}.top-red-banner .top-red-side[data-v-6085a711]{position:absolute;height:100vh;width:var(--top-red-banner-side-margin);top:var(--top-red-banner-height)}.top-red-banner .left-side[data-v-6085a711]{left:0}.top-red-banner .right-side[data-v-6085a711]{right:0}#global-mask[data-v-e586f216]{background:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:100}.left-nav-bubble[data-v-b234ff13]{position:absolute;top:125px;left:185px;width:316px;padding:12px 16px 36px;background-color:rgba(0,0,0,.8);border-radius:16px;justify-content:flex-start;box-sizing:border-box;direction:ltr}.left-nav-bubble .bubble-head[data-v-b234ff13]{display:flex;justify-content:space-between;margin-bottom:8px;align-content:center}.left-nav-bubble .bubble-head .text-wrap .hot-text[data-v-b234ff13]{color:#fff;font-size:17px;line-height:28px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.left-nav-bubble .bubble-head .close-btn[data-v-b234ff13]{display:flex;opacity:.6;height:30px;padding:1px 0 0 5px;box-sizing:border-box}.left-nav-bubble .bubble-content[data-v-b234ff13]{display:flex}.left-nav-bubble .bubble-content .live-card-item[data-v-b234ff13]{height:80px;width:59px;margin-right:16px}.left-nav-bubble .bubble-content .live-card-item .cover[data-v-b234ff13]{display:block;height:80px;width:59px;border-radius:4px}.left-nav-bubble .bubble-content .live-card-item .title[data-v-b234ff13]{display:block;width:100%;height:17px;line-height:17px;font-size:12px;color:rgba(255,255,255,.8);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:5px}.left-nav-bubble[data-v-b234ff13]:before,.left-nav-bubble[data-v-b234ff13]:after{position:absolute;top:18px;left:-16px;content:"";width:0;height:0;border-right:9px solid rgba(0,0,0,.6);border-bottom:9px solid transparent;border-left:9px solid transparent;border-top:9px solid transparent}.nav-item-wrap{display:flex;align-items:center}.electron_harmony_page .electron_harmony_unshow_nav{display:none!important}.left-nav-wrap{width:180px;height:100vh;position:fixed;z-index:100;left:0;top:0px;background-image:linear-gradient(-90deg,rgba(20,20,20,0) 1%,rgba(20,20,20,.6) 99%)}.left-nav-wrap.let-nav-wrap-black{background-color:rgba(20,20,20,.96)}.left-nav-wrap .logo-wrap{height:84px}.left-nav-wrap .logo-wrap .logo-link{display:inline-block;width:158px;height:40px;text-indent:-300px;margin-left:24px;margin-top:26px;position:relative}.left-nav-wrap .logo-wrap .logo-link svg{position:absolute;left:0;top:0}.left-nav-wrap .nav-wrap{overscroll-behavior:none;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 120px);direction:rtl;-ms-overflow-style:none}@-moz-document url-prefix(){.left-nav-wrap .nav-wrap{scrollbar-color:rgba(255,255,255,.4) transparent;scrollbar-width:thin}}.left-nav-wrap .nav-wrap .group-title{margin-top:16px}.left-nav-wrap .nav-wrap .group-title .title{margin-left:42px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:16px;color:#e6e9f0;opacity:.6}.left-nav-wrap .nav-wrap:hover::-webkit-scrollbar{display:block;width:6px;height:6px}.left-nav-wrap .nav-wrap::-webkit-scrollbar{display:none;width:6px;height:6px;background:transparent}.left-nav-wrap .nav-wrap::-webkit-scrollbar-button{display:none}.left-nav-wrap .nav-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:16px}.left-nav-wrap .nav-wrap::-webkit-scrollbar-track{background:transparent}.left-nav-wrap .nav-wrap .router-click-active .icon{opacity:1!important}.left-nav-wrap .nav-wrap .router-click-active .text,.left-nav-wrap .nav-wrap .router-click-active .text .nav-new-tag,.left-nav-wrap .nav-wrap .router-click-active .nav-item{color:#00d1d1!important}.left-nav-wrap .nav-wrap .router-click-active svg{opacity:1!important}.left-nav-wrap .nav-wrap .nav-item{width:160px;height:48px;border-radius:9px;margin-right:20px;font-family:PingFangSC-Regular;font-size:16px;letter-spacing:0;line-height:32px;display:flex;justify-content:flex-end;-webkit-justify-content:flex-end;align-items:center}.left-nav-wrap .nav-wrap .nav-item.active .text{color:#fff}.left-nav-wrap .nav-wrap .nav-item.active .text .nav-new-tag{color:#00d1d1}.left-nav-wrap .nav-wrap .nav-item.active .icon{opacity:1}.left-nav-wrap .nav-wrap .nav-item .icon{height:20px;margin-left:42px;margin-bottom:2px;opacity:.6;color:#fff;width:20px;position:relative;flex-shrink:0}.left-nav-wrap .nav-wrap .nav-item .icon.select{color:#00d1d1}.left-nav-wrap .nav-wrap .nav-item .icon img{width:20px;height:20px;position:absolute;left:0;top:0}.left-nav-wrap .nav-wrap .nav-item .text{position:relative;margin-left:15px;color:rgba(255,255,255,.6);white-space:nowrap;display:flex;flex-direction:row-reverse;align-items:center}.left-nav-wrap .nav-wrap .nav-item .text .nav-new-tag{position:absolute;right:-26px;top:4px;font-weight:800;font-size:12px;line-height:12px;transform:scaleX(.65);color:rgba(0,209,209,.9)}.left-nav-wrap .nav-wrap .nav-item .text .pic-tag{position:absolute;right:-23px;top:4px;height:10px;max-width:30px}.left-nav-wrap .nav-wrap .nav-item .text .mark-label{font-family:PingFang SC,system-ui;font-style:normal;font-weight:500;font-size:10px;line-height:12px;text-align:center;color:#fff;display:flex;align-items:center;margin-left:6px;background:#FF5959;border-radius:8px;padding:2px 4px}.left-nav-wrap img[src=""],.left-nav-wrap img:not([src]){opacity:0}.left-nav-has-red{top:var(--top-red-banner-height);left:var(--top-red-banner-side-margin)}.left-nav-has-red .nav-wrap{height:calc(100vh - 3 * var(--top-red-banner-height))}.filter-radio-container{display:flex;padding:8px 24px 0 0;gap:0px 16px}.filter-radio-container:first-of-type{padding-top:0}.filter-radio-wrap{display:flex;flex-wrap:wrap;gap:0px 16px}.item{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:22px;text-align:center;color:#999;padding:4px 8px 4px 0;cursor:pointer}.item.active,.item.active:hover{color:#00c8c8}.item:hover{color:#fff}.item:first-of-type{white-space:nowrap}.card-list-wrap{margin-top:12px;width:100%;display:flex;flex-wrap:wrap}@media screen and (max-width: 1280px){.card-list-wrap{--vertical-cards-num: 4;--horizontal-cards-num: 3}.card-list-wrap .card.vertical:nth-child(4n+1){margin-left:0}.card-list-wrap .card.horizontal:nth-child(3n+1){margin-left:0}}@media screen and (min-width: 1281px) and (max-width: 1440px){.card-list-wrap{--vertical-cards-num: 5}.card-list-wrap .card.vertical:nth-child(5n+1){margin-left:0}}@media screen and (min-width: 1441px) and (max-width: 1600px){.card-list-wrap{--vertical-cards-num: 6}.card-list-wrap .card.vertical:nth-child(6n+1){margin-left:0}}@media screen and (min-width: 1281px) and (max-width: 1600px){.card-list-wrap{--horizontal-cards-num: 4}.card-list-wrap .card.horizontal:nth-child(4n+1){margin-left:0}}@media screen and (min-width: 1601px) and (max-width: 1920px){.card-list-wrap{--vertical-cards-num: 7;--horizontal-cards-num: 5}.card-list-wrap .card.vertical:nth-child(7n+1){margin-left:0}.card-list-wrap .card.horizontal:nth-child(5n+1){margin-left:0}}@media screen and (min-width: 1921px){.card-list-wrap{--vertical-cards-num: 8;--horizontal-cards-num: 6}.card-list-wrap .card.vertical:nth-child(8n+1){margin-left:0}.card-list-wrap .card.horizontal:nth-child(6n+1){margin-left:0}}.card-list-wrap .card{margin-left:24px;margin-bottom:40px}.card-list-wrap .card img[src=""],.card-list-wrap .card img:not([src]){opacity:0}.card-list-wrap .card .img-wrap{border-radius:8px;overflow:hidden;width:100%;position:relative}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){.card-list-wrap .card .img-wrap .corner-mark{-webkit-clip-path:inset(.5px);clip-path:inset(.5px)}}.card-list-wrap .card .img-wrap .poster-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-list-wrap .card .img-wrap .bottom{height:48px;width:100%;position:absolute;bottom:0;left:0;background:linear-gradient(360deg,rgba(0,0,0,.399257) 2.29%,rgba(0,0,0,.0001) 99.71%)}.card-list-wrap .card .img-wrap .bottom .bottom-text{text-shadow:0px 0px 3px rgba(0,0,0,.404032)}.card-list-wrap .card.vertical{width:calc((100% - (var(--vertical-cards-num) - 1) * 24px) / var(--vertical-cards-num))}.card-list-wrap .card.vertical .img-wrap{padding-top:139.5238095238%}.card-list-wrap .card.vertical .info-wrap .title,.card-list-wrap .card.vertical .info-wrap .sub-title{text-align:center}.card-list-wrap .card.horizontal{width:calc((100% - (var(--horizontal-cards-num) - 1) * 24px) / var(--horizontal-cards-num))}.card-list-wrap .card.horizontal .img-wrap{padding-top:56.3876651982%}.card-list-wrap .card.horizontal .info-wrap .title,.card-list-wrap .card.horizontal .info-wrap .sub-title{text-align:left}.card-list-wrap .card .info-wrap{margin-top:10px;text-align:center}.card-list-wrap .card .info-wrap .title{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-list-wrap .card .info-wrap .sub-title{color:rgba(255,255,255,.4);mix-blend-mode:normal;margin-top:4px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-list-wrap.is-need-hidden-time .card .img-wrap .bottom .right-bottom-text{display:none}.loading_wrapper[data-v-24cf67e7]{margin-top:200px;margin-left:80px;position:relative;margin-bottom:114px;height:20px;z-index:999}@keyframes loading-24cf67e7{0%{background-position:0 0}to{background-position:0 -300px}}.loading_wrapper .mod_loading[data-v-24cf67e7]{display:flex;align-items:center;justify-content:center;text-align:center;color:#333;font-size:14px;position:absolute;width:100%;height:20px;top:0;left:0;background:rgba(0,0,0,0);z-index:1000}.loading_wrapper .mod_loading span[data-v-24cf67e7]{color:rgba(0,0,0,.6)}.loading_wrapper .mod_loading i[data-v-24cf67e7]{display:block;width:27px;height:10px;margin:10px 4px;background:url(https://puui.qpic.cn/vupload/0/20190405_1554453174750_gz7lx26exem.png/0) 0 0 no-repeat;background-size:27px 300px;animation:loading-24cf67e7 1s steps(30) infinite}.list-base-wrap[data-v-d39a4154]{overflow-y:auto;position:fixed;left:var(--left-tab-width);top:var(--header-height);background-color:#141414;z-index:50;width:calc(100vw - var(--left-tab-width));min-width:calc(1024px - var(--left-tab-width));height:calc(100vh - var(--header-height))}.list-base-wrap[data-v-d39a4154]::-webkit-scrollbar{width:6px;border-radius:3px}.list-base-wrap[data-v-d39a4154]::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.4);border-radius:3px}.list-base-wrap[data-v-d39a4154]::-webkit-scrollbar-track{background-color:transparent;border-radius:3px}.list-base-wrap .kinds-list-wrap[data-v-d39a4154]{position:fixed;background-color:#141414;width:calc(100vw - var(--left-tab-width));min-width:calc(1024px - var(--left-tab-width));z-index:10}.list-base-wrap .kinds-list-wrap .kinds-list-content[data-v-d39a4154]{position:relative;margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap) - 40px);margin-left:calc(var(--tab-content-gap))}@media screen and (max-width: 1600px){.list-base-wrap .kinds-list-wrap .kinds-list-content[data-v-d39a4154]{width:var(--card-module-width-0-1600px);margin-right:40px}}@media screen and (min-width: 1600px) and (max-width: 1920px){.list-base-wrap .kinds-list-wrap .kinds-list-content[data-v-d39a4154]{width:var(--card-module-width-1600-1920px);margin-right:calc(40px + (100vw - 1600px)/16)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.list-base-wrap .kinds-list-wrap .kinds-list-content[data-v-d39a4154]{width:var(--card-module-width-1920-2160px);margin-right:60px}}@media screen and (min-width: 2160px){.list-base-wrap .kinds-list-wrap .kinds-list-content[data-v-d39a4154]{margin-left:calc((100vw - var(--left-tab-width) - 1800px - var(--content-big-card-margin) * 2) / 2 - 15px);width:var(--card-module-width-2160px)}}.list-base-wrap .kinds-list-wrap .kinds-list-content .abbreviat-filters[data-v-d39a4154]{cursor:pointer;width:100%;background:#141414;display:flex;align-items:center;justify-content:center;padding:16px 0}.list-base-wrap .kinds-list-wrap .kinds-list-content .abbreviat-filters .abbreviat-item[data-v-d39a4154]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:22px;text-align:center;color:#fff;margin-right:16px}.list-base-wrap .list-page-content[data-v-d39a4154]{margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap) - 40px);margin-left:calc(var(--tab-content-gap))}@media screen and (max-width: 1600px){.list-base-wrap .list-page-content[data-v-d39a4154]{width:var(--card-module-width-0-1600px);margin-right:40px}}@media screen and (min-width: 1600px) and (max-width: 1920px){.list-base-wrap .list-page-content[data-v-d39a4154]{width:var(--card-module-width-1600-1920px);margin-right:calc(40px + (100vw - 1600px)/16)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.list-base-wrap .list-page-content[data-v-d39a4154]{width:var(--card-module-width-1920-2160px);margin-right:60px}}@media screen and (min-width: 2160px){.list-base-wrap .list-page-content[data-v-d39a4154]{margin-left:calc((100vw - var(--left-tab-width) - 1800px - var(--content-big-card-margin) * 2) / 2 - 15px);width:var(--card-module-width-2160px)}}.list-base-wrap .filter-area[data-v-d39a4154]{border-radius:8px;overflow:hidden}.list-base-wrap .bottom-tip[data-v-d39a4154]{font-size:14px;line-height:22px;margin-top:20px;margin-bottom:20px;text-align:center;color:#fff}.list-base-wrap .empty-tip-wrap[data-v-d39a4154]{display:flex;flex-direction:column;align-items:center}.list-base-wrap .empty-tip-wrap .tip-img[data-v-d39a4154]{width:150px}.list-base-wrap .empty-tip-wrap .text[data-v-d39a4154]{font-size:15px;color:rgba(255,255,255,.6)}.list-base-wrap .goToTop[data-v-d39a4154]{position:fixed;width:40px;height:40px;right:24px;bottom:24px;cursor:pointer;border-radius:50%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:999}.free-channel-wrap[data-v-4f5da135]{position:fixed;left:var(--left-tab-width);top:var(--header-height);background-color:#141414;z-index:50;width:calc(100vw - var(--left-tab-width));min-width:calc(1024px - var(--left-tab-width));height:calc(100vh - var(--header-height))}.free-channel-wrap .no-data-tips[data-v-4f5da135]{position:relative;z-index:51;padding-top:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#141414}.free-channel-wrap .no-data-tips .tips[data-v-4f5da135]{font-size:18px;color:#666}.free-channel-wrap .no-data-tips img[data-v-4f5da135]{width:500px}.list-page-wrap[data-v-add0daba]{position:fixed;left:var(--left-tab-width);top:var(--header-height);background-color:#141414;z-index:50;width:calc(100vw - var(--left-tab-width));min-width:calc(1024px - var(--left-tab-width));height:calc(100vh - var(--header-height))}.list-page-wrap .back-btn-wrap[data-v-add0daba]{position:absolute;left:0;top:0;display:flex;align-items:center;z-index:51;padding:12px 0;background-color:#141414;margin-left:calc(var(--left-tab-width) + var(--tab-content-gap));min-width:calc(1024px - var(--left-tab-width) - var(--tab-content-gap) - 40px);margin-left:calc(var(--tab-content-gap))}@media screen and (max-width: 1600px){.list-page-wrap .back-btn-wrap[data-v-add0daba]{width:var(--card-module-width-0-1600px);margin-right:40px}}@media screen and (min-width: 1600px) and (max-width: 1920px){.list-page-wrap .back-btn-wrap[data-v-add0daba]{width:var(--card-module-width-1600-1920px);margin-right:calc(40px + (100vw - 1600px)/16)}}@media screen and (min-width: 1920px) and (max-width: 2160px){.list-page-wrap .back-btn-wrap[data-v-add0daba]{width:var(--card-module-width-1920-2160px);margin-right:60px}}@media screen and (min-width: 2160px){.list-page-wrap .back-btn-wrap[data-v-add0daba]{margin-left:calc((100vw - var(--left-tab-width) - 1800px - var(--content-big-card-margin) * 2) / 2 - 15px);width:var(--card-module-width-2160px)}}.list-page-wrap .back-btn-wrap .btn[data-v-add0daba]{display:flex;align-items:center}.list-page-wrap .back-btn-wrap .btn:hover .intro-wrapper__icon[data-v-add0daba],.list-page-wrap .back-btn-wrap .btn:hover .text[data-v-add0daba]{opacity:1;color:#fff}.list-page-wrap .back-btn-wrap .btn .intro-wrapper__icon[data-v-add0daba]{opacity:.6;cursor:pointer;margin-right:4px}.list-page-wrap .back-btn-wrap .btn .text[data-v-add0daba]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:rgba(255,255,255,.6);cursor:pointer}*{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5 numFont,PingFangSC-Regular,Tahoma,Microsoft Yahei,sans-serif,helvetica,Segoe UI;_font-size:62.5%}a{text-decoration:none;cursor:pointer}b,cite,code,em,i,small,th{font-size:1em;font-style:normal;font-weight:500}button,input,select,textarea{box-sizing:content-box;outline:0 none;font-size:1em}button,input[type=button],input[type=submit]{border:0;background-color:transparent;cursor:pointer}button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer{margin:0;padding:0;border:0}q:after,q:before{content:""}.none{display:none!important}.hidden{visibility:hidden}.site_head{color:rgba(230,233,240,.45)}.site_logo .link_logo{background-position:0 0}.site_channel .channel_nav,.site_channel .channel_more{color:#e6e9f0}.mod_search .search_input{color:rgba(230,233,240,.45)}.mod_search .search_input:focus{color:#e6e9f0}.mod_smartbox{background-color:#232331}.mod_smartbox .sb_del,.mod_smartbox .sb_head,.mod_smartbox .sb_more{color:rgba(230,233,240,.45)}.mod_smartbox .sb_del:hover,.mod_smartbox .sb_more:hover{color:#e6e9f0}.mod_smartbox .sb_sub{color:rgba(230,233,240,.45)}.sb_history .sb_item a{background-color:rgba(255,255,255,.08);color:#e6e9f0}.sb_history .sb_item a:hover{background-color:rgba(255,255,255,.16)}.sb_history .current a{background-color:rgba(255,255,255,.16);color:#e6e9f0}.sb_hot .sb_item a{color:#e6e9f0}.sb_hot .sb_item a:hover{background-color:rgba(255,255,255,.08)}.sb_suggest .sb_hl{color:#e6e9f0}.sb_suggest .current{background-color:rgba(255,255,255,.16)}.sb_suggest .sb_title,.sb_richbox .sb_desc,.sb_richbox .sb_list{color:rgba(230,233,240,.45)}.sb_richbox .sb_list{background-color:rgba(255,255,255,.08)}.sb_richbox .sb_list:hover{background-color:rgba(255,255,255,.16);color:#e6e9f0}body .x_fixed_tool{background-color:#1f1f1f}body .x_fixed_tool .ft_cell{color:rgba(230,233,240,.45)}body .x_fixed_tool .ft_cell_pop{background:#1F1F1F}body .x_fixed_tool .ft_general_content .ft_link{color:#999}body .x_fixed_tool .ft_cell_pop .triangle_right{border-left-color:#1f1f1f}body .x_fixed_tool .ft_cell_pop .ft_general_content{cursor:pointer}body .x_fixed_tool .ft_cell_pop .ft_general_content :hover{color:#fff}body .x_fixed_tool .ft_cell_pop .triangle_inner{border-left-color:#1f1f1f}body .x_fixed_tool .ft_vcoin_item .tit{color:#999}body .x_fixed_tool .ft_vcoin_item .txt{color:rgba(230,233,240,.45)}body .x_fixed_tool .ft_general_content .txt{color:#999}body .x_fixed_tool .ft_cell:hover,body .x_fixed_tool .x_fixed_tool .ft_cell_hover{background-color:#00c0c0}body .x_modal_download:before{opacity:0}.top-nav-wrap,.left-nav-wrap,.card-module-head,.video-card-module,.video-banner-module,.recommend-game-module,.schedule-banner-module .list-entry-wrap-wrap,.filter-labels-wrap{opacity:1;transition:opacity .3s}.large-focus.light-off{--light-off-opacity: .4}.large-focus.light-off .top-nav-wrap,.large-focus.light-off .left-nav-wrap,.large-focus.light-off .card-module-head,.large-focus.light-off .video-card-module,.large-focus.light-off .video-banner-module,.large-focus.light-off .recommend-game-module,.large-focus.light-off .schedule-banner-module .list-entry-wrap-wrap,.large-focus.light-off .filter-labels-wrap{opacity:var(--light-off-opacity);transition:opacity .3s}.live-room-class.light-off .top-nav-wrap,.live-room-class.light-off .left-nav-wrap,.live-room-class.light-off .live-card-flow-wrap{opacity:.4}#channel-vip-popup{position:fixed;z-index:99;right:24px;border:none;border-radius:8px}.popup-has-red{top:calc(92px + var(--top-red-banner-height))}.popup-normal{top:92px}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gray-style-remembrance{filter:grayscale(90%) saturate(.2);-webkit-filter:grayscale(90%) saturate(.2)}html{background:rgb(20,20,20)}body{min-width:unset;font-family:numFont,PingFangSC-Regular,Tahoma,Microsoft Yahei,sans-serif,helvetica,Segoe UI}body body{background:rgb(20,20,20)}body img{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){body img[lazy=loading]{-webkit-clip-path:inset(1px);clip-path:inset(1px)}}#ssi-header{position:relative;z-index:1100}#ssi-header .site_head{background:#0f0f1e}@media screen and (min-width: 2161px){#ssi-user-bar .mod_quick{right:var(--side-margin-max)}}#ssi-footer{width:100%;box-sizing:border-box;background:rgb(20,20,20)}#ssi-footer .site_footer{border-top:none}#ssi-footer .site_footer .mod_footer_contentinfo{display:flex;justify-content:center}#ssi-footer .site_footer .mod_footer_contentinfo .contentinfo_channel{display:none}#ssi-footer .site_footer .mod_footer_contentinfo .contentinfo_service{width:auto}#ssi-footer .mod_footer_contentinfo .contentinfo_feature{display:none}.is-show-footer #ssi-footer{display:block}.focus-wrap .txp-watermark{display:none}.focus-wrap video{-o-object-fit:cover!important;object-fit:cover!important;font-family:"object-fit: cover;"}.has-red-top-class{padding-top:var(--top-red-banner-height);padding-left:var(--top-red-banner-side-margin)}#ssi-footer{display:none}#ssi-footer .mod_footer_contentinfo .dl_list .item:hover,#ssi-footer .mod_footer_contentinfo .foot_link:hover{color:#00d1d1}.mod_footer a:hover{color:#00d1d1!important}:root{--C1: #fff;--C2: rgb(230, 233, 240);--C3: rgba(230, 233, 240,.45);--CBG: #0f0f1e;--WF: 24px;--page-padding-top: 24px;--page-padding-bottom: 24px;--comment-left-padding: 28px;--content-margin: 40px;--content-big-card-margin: 24px;--card-margin: 12px;--left-tab-width: 180px;--tab-content-gap: 30px;--header-height: 84px;--top-red-banner-height: 60px;--top-red-banner-side-margin: 20px;--card-sub-height: 32px;--right-arrow-width: 15px;--content-right-margin: 39px;--content-right-margin-active:calc(40px + (100vw - 1600px)/16);--content-right-margin-max: 60px;--content-left-margin-max: calc( var(--left-tab-width) + (100vw - var(--left-tab-width) - var(--card-module-width-2160px)) / 2 - var(--right-arrow-width) );--side-margin-max: calc( var(--content-left-margin-max) - var(--left-tab-width) - 2 * var(--right-arrow-width) );--card-module-width-0-1600px: calc(100vw - var(--left-tab-width) - var(--tab-content-gap) - var(--content-right-margin) - var(--right-arrow-width) + 1px);--card-module-width-1600-1920px: calc(100vw - var(--left-tab-width) - var(--tab-content-gap) - var(--content-right-margin-active) - var(--right-arrow-width));--card-module-width-1920-2160px: calc(100vw - var(--left-tab-width) - var(--tab-content-gap) - var(--content-right-margin-max) - var(--right-arrow-width));--card-module-width-2160px: calc(599px * 3 + 2 * var(--content-big-card-margin) - var(--right-arrow-width));--card-width-height-proportion: 9 / 16;--vertical-card-width-height-proportion: 275 / 197;--external-filter-occupy-num: 0, }@media screen and (max-width: 1280px){:root{--screen-filter-line-num: 6}}@media screen and (min-width: 1280px) and (max-width: 1440px){:root{--screen-filter-line-num: 8}}@media screen and (min-width: 1440px) and (max-width: 1600px){:root{--screen-filter-line-num: 9}}@media screen and (min-width: 1600px) and (max-width: 1920px){:root{--screen-filter-line-num: 10}}@media screen and (min-width: 1920px){:root{--screen-filter-line-num: 12}}.b-empty-placeholder[data-v-8fa304e9]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 10px}.b-empty-placeholder span[data-v-8fa304e9]{margin-top:12px;font-size:12px;line-height:17px;color:#fff;opacity:.6}