*{margin:0}
html,body,#root{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;overflow:hidden}html{height:100%;overflow:hidden;background:#000}.home-item{width:100%;height:100%;position:relative;overflow:hidden}
.bottomside-o{opacity:0}.bottomside{position:absolute;z-index:102;width:100vw;left:0;color:#fff;bottom:61px;padding-bottom:2px;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);text-shadow:0 1px 3px rgba(0,0,0,.2);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)}.bottomside .bs1{position:absolute;bottom:0;left:0;width:100%;background-color:#000;z-index:1;padding:20px 0 0 0 !important}.bottomside .bs{padding:30px 20px 0 20px}.bottomside .bs .bs-site img{width:20px;height:20px;border-radius:50%;display:inline-block;vertical-align:middle}.bottomside .bs .bs-site span{display:inline-block;vertical-align:middle;font-family:PingFangSC-Semibold;font-size:12px;color:#fff;line-height:16px;font-weight:600;margin-left:8px}.bottomside .bs .bs-author{margin-top:10px;font-family:PingFangSC-Semibold;font-size:14px;color:#fff;letter-spacing:0;line-height:22px;font-weight:bold}.bottomside .bs .bs-title{margin-top:8px}.bottomside .bs .bs-title .bs-title-t1{vertical-align:middle;font-family:PingFangSC-Medium;font-size:14px;color:#fff;letter-spacing:0;line-height:22px;font-weight:500;overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bottomside .bs .bs-title .bs-title-original{font-size:12px;color:rgba(255,255,255,.4);text-align:left;line-height:16px;font-weight:400;padding-top:8px;font-family:PingFangSC-Regular}.bottomside .bs .bs-title .bs-title-t2{background-color:rgba(255,255,255,.2);border-radius:20px;padding-left:2px;padding-right:4px}.bottomside .bs .bs-title .bs-title-t2 span{display:inline-block;vertical-align:middle;font-family:PingFangSC-Medium;font-size:14px;color:rgba(255,255,255,.86);letter-spacing:0;line-height:22px;font-weight:500}.bottomside .bs .bs-title .bs-title-t2 img{display:inline-block;vertical-align:middle}.bottomside .bs .bs-title .bs-title-t2 .bs-title-ball{width:16px;height:16px;margin-right:2px}.bottomside .bs .bs-title .bs-title-t2 .bs-title-iconr{width:14px;height:14px}.bottomside .bs .bs-node{position:relative;margin:14px -14px 3px -14px}.bottomside .bs .bs-node .bs-node-list{margin:0;padding:0;display:flex;overflow-x:scroll;-webkit-overflow-scrolling:touch;touch-action:pan-x;height:36px;padding-left:14px;margin-right:53px}.bottomside .bs .bs-node .bs-node-list li{background-color:rgba(255,255,255,.1);border-radius:8px;list-style:none;font-family:PingFangSC-Semibold;font-size:12px;color:rgba(255,255,255,.4);font-weight:500;padding:0 8px;flex-shrink:0;margin-right:8px;line-height:36px}.bottomside .bs .bs-node .bs-node-list li span{display:inline-block;vertical-align:middle;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottomside .bs .bs-node .bs-node-list .active-li{color:#fff;background-color:rgba(255,255,255,.2)}.bottomside .bs .bs-node .bs-node-list::-webkit-scrollbar{display:none}.bottomside .bs .bs-node .bs-node-list{-ms-overflow-style:none;scrollbar-width:none}.bottomside .bs .bs-node .bs-node-list::-webkit-scrollbar{display:none}.bottomside .bs .bs-node .bs-node-list{-ms-overflow-style:none}.bottomside .bs .bs-node .bs-node-cover{position:absolute;top:0;right:0;width:44px;height:35px;display:flex;align-items:center;border-radius:6px 0 0 6px}.bottomside .bs .bs-node .bs-node-cover img{width:24px;height:auto}.bottomside .bs .bs-node-alone{position:relative;width:100%;margin-top:14px}.bottomside .bs .bs-node-alone .bs-node-alone-txt{width:85%;border-radius:8px;height:36px}.bottomside .bs .bs-node-alone .bs-node-alone-txt .bs-node-alone-txt-title{border-radius:2px;font-family:PingFangSC-Semibold;font-size:12px;color:#fff;line-height:36px;font-weight:600;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottomside .bs .bs-node-alone .bs-node-cover{position:absolute;top:0;right:0;width:40px;height:36px;display:flex;justify-content:center;align-items:center}.bottomside .bs .bs-node-alone .bs-node-cover img{width:20px;height:auto}.bottomside .bs .bs-progress{width:100%;padding:16px 0}.bottomside .bs .bs-progress .real{width:100%;height:2px;position:relative;background-color:rgba(255,255,255,.1)}.bottomside .bs .bs-progress .bs-progress-real{background-color:#fff;position:absolute;top:0;left:0;width:0;height:2px}.bottomside .bs .bs-progress .bs-progress-guidanceNodeRef{transform:scale(0);transition:transform .5s}.bottomside .bs .bs-progress .bs-progress-node{background-color:#fff;position:absolute;top:-2px;left:0;width:6px;height:6px;border-radius:3px}.bottomside .bs .bs-progress-big{background-color:rgba(128,128,128,.6);height:16px;position:relative;margin:16px 20px;border-radius:1px}.bottomside .bs .bs-progress-big .bs-progress-real{background-color:rgba(255,255,255,.86);position:absolute;top:0;left:0;width:40%;height:16px;border-radius:1px}.bottomside .bs .bs-progress-big .bs-progress-node{background-color:#fff;position:absolute;top:4px;left:0;width:4px;height:8px;border-radius:1px}.bottomside .bs .bs-progress-big .bs-progress-bar{width:14px;height:22px;background-color:#fff;position:absolute;top:-3px;left:50%;border-radius:3px}.bottomside .bs .bs-time{margin-bottom:55px;text-align:center}.bottomside .bs .bs-time span{display:inline-block;vertical-align:middle;font-family:PingFangSC-Semibold;font-size:20px;color:rgba(255,255,255,.86);letter-spacing:0;line-height:28px;text-shadow:0 0 6px rgba(0,0,0,.4);font-weight:600}.bottomside .bs .bs-time .bs-time-line{font-family:PingFangSC-Regular;font-size:20px;color:rgba(255,255,255,.86);letter-spacing:0;line-height:24px;text-shadow:0 0 6px rgba(0,0,0,.4);font-weight:400;margin:0 10px}.bts-container{max-width:90%;margin-top:6px}.bts-content-wrapper{display:flex;position:relative;overflow:hidden}.bts-content{word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bts-content::before{content:"";display:block;float:right;width:0px;height:calc(100% - 18px)}.bts-content::after{position:absolute;content:"";display:inline-block;width:100%;height:100%}.bts-icon-text{margin-right:6px;font-family:PingFangSC-Medium;font-size:14px;color:rgba(255,255,255,.86);letter-spacing:0;line-height:22px;font-weight:500}.bts-icon-1-0{display:block !important}.bts-icon-1{width:74px;height:22px;background-size:cover;float:right;clear:both;display:none;background-color:rgba(255,255,255,.2);border-radius:20px;padding-left:2px;padding-right:4px;transform:translateY(-2px)}.bts-icon-1 span{display:inline-block;vertical-align:middle;font-family:PingFangSC-Medium;font-size:14px;color:rgba(255,255,255,.86);letter-spacing:0;line-height:22px;font-weight:500}.bts-icon-1 img{display:inline-block;vertical-align:middle}.bts-icon-1 .bs-title-ball{width:16px;height:16px;margin-right:2px}.bts-icon-1 .bs-title-iconr{width:14px;height:14px}.bts-icon-2{position:relative;display:inline-block;width:74px;height:22px;background-color:rgba(255,255,255,.2);border-radius:20px;padding-left:2px;padding-right:4px}.bts-icon-2 span{display:inline-block;vertical-align:middle;font-family:PingFangSC-Medium;font-size:14px;color:rgba(255,255,255,.86);letter-spacing:0;line-height:22px;font-weight:500}.bts-icon-2 img{display:inline-block;vertical-align:middle}.bts-icon-2 .bs-title-ball{width:16px;height:16px;margin-right:2px}.bts-icon-2 .bs-title-iconr{width:14px;height:14px}.bts-icon-2::after{content:"";position:absolute;background:#000;left:0px;bottom:-40px;height:40px;width:80px}
.fgt-play-gif{display:inline-block;vertical-align:middle;margin-right:4px}.fgt-play-gif .fgt_pg-equalizer{display:flex;align-items:flex-end;gap:2px;width:14px;height:14px}.fgt-play-gif .fgt_pg-bar{width:3px;height:5px;background:#fff;animation:equalize 2s infinite ease-in-out}.fgt-play-gif .fgt_pg-bar:nth-child(1){animation-delay:0s}.fgt-play-gif .fgt_pg-bar:nth-child(2){animation-delay:.2s}.fgt-play-gif .fgt_pg-bar:nth-child(3){animation-delay:.4s}@keyframes equalize{0%,100%{height:5px}25%{height:11px}50%{height:7px}75%{height:14px}}
.buwang-container{position:relative}.buwang-container .buwang-bottom{position:absolute !important;top:0;left:0;width:100%;height:100%}
.qk-icon{display:inline-flex}.UCUNNIC:not(.UCEyeProtect) .qk-icon .qk-svg-f{fill:#fff !important}.UCUNNIC:not(.UCEyeProtect) .qk-icon .qk-svg-s{stroke:#fff !important}.UCUNNIC:not(.UCEyeProtect) .qk-icon .qk-svg-g-s{stroke:#fff !important}.UCUNNIC:not(.UCEyeProtect) .qk-icon .qk-icon-choose .qk-svg-s{stroke:#060f23 !important}.UCUNNIC:not(.UCEyeProtect) .qk-icon .qk-icon-play-fill .qk-svg-f{fill-opacity:1 !important}.UCUNNIC:not(.UCEyeProtect) .qk-icon .qk-icon-play-fill path{fill:#060f23 !important}
.qk-no-data>div{width:82px;height:88px;margin:0 auto;background-image:url("https://cdn.sm.cn/static/22/01/04/50948de65a5cb6d74e21a6253f7e42c6.png");background-size:contain;background-repeat:no-repeat;background-position:center;margin-bottom:12px}.qk-no-data>span{width:200%;font-size:var(--font-s);color:rgba(0,0,0,.4);text-align:center;line-height:16px;display:block;margin-left:-50%}.qk-no-data>ul{list-style:none;padding:0;margin:0}.qk-no-data>ul .qk-tip-img{width:82px;height:88px;background-image:url("https://cdn.sm.cn/static/22/01/04/50948de65a5cb6d74e21a6253f7e42c6.png");background-size:contain;background-repeat:no-repeat;background-position:center}.qk-no-data>ul .qk-tip-title{height:37px;width:500px;font-weight:500;font-size:26px;color:#15223c;margin-top:28px}.qk-no-data>ul .qk-tip-list-name{width:500px;font-size:14px;color:#15223c;line-height:22px;font-weight:500;margin-top:24px}.qk-no-data>ul .qk-tip-list{margin-top:7px;margin-bottom:16px}.qk-no-data>ul .qk-tip-item{width:500px;font-size:14px;color:#66687b;line-height:28px;font-weight:400}.qk-no-reault{display:flex;flex-direction:column;margin-top:100px;padding-left:16px}@media screen and (max-width: 1280px){.qk-no-reault{transform:scale(0.8);transform-origin:top left}}
.qk-loading.qk-loading-container{position:relative;min-height:200px;width:100%}.qk-loading.qk-loading-container .qk-icon{position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;z-index:999}.qk-loading.qk-loading-container .qk-no-data{padding:40px 0}.qk-loading.qk-loading-container .qk-loading-mask{background-color:rgba(255,255,255,.96);width:100%;height:100%;position:absolute;left:0;top:0;z-index:888}.qk-loading.qk-loading-skeleton-container{position:relative;width:100%}.qk-loading.qk-loading-skeleton-container>*{visibility:hidden}.qk-loading.qk-loading-skeleton-container .qk-loading-skeleton{position:absolute;width:100%;height:100%;left:0;top:0;visibility:visible;overflow:hidden}@keyframes quark-loading-animation-circle{100%{transform:rotate(360deg)}}@keyframes quark-loading-animation-circle-overturn{100%{transform:rotate(-360deg)}}.qk-loading .loading-ripple,.qk-loading .loading-semi,.qk-loading .loading-dot{animation:quark-loading-animation-circle 1s infinite linear}.qk-loading .loading-ring{animation:quark-loading-animation-circle-overturn 1s infinite linear}.qk-loading .qk-loading-skeleton-loading{position:absolute}.qk-loading-skeleton .qk-loading-skeleton-text{font-size:14px;color:var(--font-darker);word-break:keep-all;letter-spacing:.4px;font-weight:500;margin-bottom:12px;display:flex}.qk-loading-skeleton .qk-loading-skeleton-text>div{overflow:hidden;width:0px;flex:none;animation:quark-loading-text 2s infinite backwards linear}@keyframes quark-loading-text{0%{width:0px}60%{width:20px}100%{width:20px}}.qk-loading-skeleton .qk-loading-skeleton-wrapper{display:flex;flex-flow:column wrap;overflow:hidden;height:100%;width:98%;opacity:1}.qk-loading-skeleton ul{will-change:auto;margin:0 0 28px 0;width:100%;padding:0}.qk-loading-skeleton ul:last-child{margin-bottom:0}.qk-loading-skeleton ul:nth-child(2) li{animation-delay:.2s}.qk-loading-skeleton ul:nth-child(3) li{animation-delay:.4s}.qk-loading-skeleton ul:nth-child(4) li{animation-delay:.6s}.qk-loading-skeleton ul:nth-child(5) li{animation-delay:.8s}.qk-loading-skeleton ul:nth-child(6) li{animation-delay:1s}.qk-loading-skeleton ul:nth-child(7) li{animation-delay:1.2s}.qk-loading-skeleton ul>li{height:16px;margin-bottom:12px;background:linear-gradient(to right, var(--gradient-left) 0%, var(--gradient-right) 50%, #ffffff 100%);border-radius:8px;overflow:hidden;position:relative;outline:none;list-style-type:none !important;animation:infinite both cubic-bezier(0.65, 0, 0.17, 0.98);animation-duration:2.4s;width:0}.qk-loading-skeleton ul>li:before{display:none !important}._animation-loading ul li:nth-child(1){animation-name:skeleton-gradient1 !important}._animation-loading ul li:nth-child(2){animation-name:skeleton-gradient2 !important}._animation-loading ul li:nth-child(3){animation-name:skeleton-gradient3 !important}.qk-loading-la-ball-beat{display:block;font-size:0;color:#2a5df4;position:relative;height:30px;margin-top:-30px}.qk-loading-la-ball-beat:before{content:"";display:block;width:100%;height:32px;position:absolute;z-index:8;background-color:#fff;top:16px}.qk-loading-la-ball-beat div{width:6px;height:6px;margin:2px;border-radius:100%;display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:relative;top:21px;z-index:111;animation:loading-ball-beat .7s -0.15s infinite linear}.qk-loading-la-ball-beat div:nth-child(2n-1){animation-delay:-0.5s}@keyframes loading-ball-beat{50%{opacity:.2;transform:scale(0.75)}100%{opacity:1;transform:scale(1)}}@keyframes skeleton-gradient1{0%{width:0%}40%{width:50%}80%{width:50%;opacity:1}90%{width:50%;opacity:0}91%{width:0%;opacity:0}100%{width:0%;opacity:1}}@keyframes skeleton-gradient2{0%{width:0%}5%{width:0%}55%{width:100%}80%{opacity:1}90%{width:100%;opacity:0}91%{width:0%;opacity:0}100%{width:0%;opacity:1}}@keyframes skeleton-gradient3{0%{width:0%}10%{width:0%}70%{width:100%}80%{opacity:1}90%{width:100%;opacity:0}91%{width:0%;opacity:0}100%{width:0%;opacity:1}}._loading_skeleton_show{animation:.24s skeleton-show forwards linear}@keyframes skeleton-show{0%{opacity:1}100%{opacity:0}}._loading_skeleton_hide{animation:.24s skeleton-hide forwards linear}@keyframes skeleton-hide{0%{opacity:1}100%{opacity:0}}._loading_skeleton_animate_show{opacity:0;animation:.24s skeleton-show forwards linear}@keyframes skeleton-show{0%{opacity:.4;transform:translate3d(0, 6px, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}.UCUNNIC:not(.UCEyeProtect) .qk-loading.qk-loading-skeleton-container:before{background-color:#1a1a1a !important}.UCUNNIC:not(.UCEyeProtect) .qk-loading.qk-loading-skeleton-container li{outline:none !important}
.qk-toast{position:fixed;bottom:6%;left:50%;transform:translate3d(-50%, -50%, 0);z-index:999999;padding:12px 20px;border-radius:12px;background:rgba(38,38,38,.98);color:#fff;animation-duration:.3s;animation-fill-mode:both;animation-name:toastBackInDown}.qk-toast.qk-toast-position-center{bottom:auto;top:50%}.qk-toast.qk-toast-type-error{background:#ea5959}.qk-toast .qk-toast-content{display:flex;align-items:center}.qk-toast .qk-toast-content>.qk-loading{height:26px}.qk-toast .qk-toast-face{height:10px;width:20px;flex:none;padding-right:6px;position:relative;left:-2px}.qk-toast .qk-toast-face span{animation-duration:3.6s;animation-fill-mode:both;animation-iteration-count:infinite;height:100%;width:4px;background:#fff;float:left;border-radius:4px}.qk-toast .qk-toast-face span:first-child{animation-delay:.3s;animation-name:toastFaceAnimateLeft}.qk-toast .qk-toast-face span:last-child{margin-left:6px;animation-delay:.3s;animation-name:toastFaceAnimateRight}@keyframes toastFaceAnimateLeft{12%{transform:scale3d(1, 1, 1)}13%{transform:scale3d(2, 0.2, 1.5)}15%{transform:scale3d(2, 0.2, 1.5) translate3d(0px, 0, 0)}16%{transform:scale3d(1, 1, 1) translate3d(0px, 0, 0)}35%{transform:scale3d(1, 1, 1) translate3d(0px, 0, 0)}40%{transform:scale3d(1, 1.05, 1) translate3d(5px, 0, 0)}45%{transform:scale3d(1, 1.05, 1) translate3d(5px, 0, 0)}49%{transform:scale3d(1, 1.05, 1) translate3d(5px, 0, 0)}50%{transform:scale3d(1, 0.2, 1) translate3d(5px, 0, 0)}53%{transform:scale3d(1, 1, 1) translate3d(5px, 0, 0)}59%{transform:scale3d(1, 1, 1) translate3d(5px, 0, 0)}65%{transform:scale3d(1, 1, 1) translate3d(5px, 0, 0)}74%{transform:scale3d(1, 1, 1) translate3d(0px, 0, 0)}79%{transform:scale3d(1, 1, 1) translate3d(0px, 0, 0)}82%{transform:scale3d(2, 0.2, 1) translate3d(0px, 0, 0)}86%{transform:scale3d(1, 1, 1) translate3d(0px, 0, 0)}}@keyframes toastFaceAnimateRight{12%{transform:scale3d(1, 1, 1)}13%{transform:scale3d(2, 0.2, 1.5)}15%{transform:scale3d(2, 0.2, 1.5) translate3d(0px, 0, 0)}16%{transform:scale3d(1, 1, 1) translate3d(0px, 0, 0)}35%{transform:scale3d(1, 1, 1) translate3d(0px, 0, 0)}40%{transform:scale3d(1, 0.9, 1) translate3d(4px, 0, 0)}45%{transform:scale3d(1, 0.9, 1) translate3d(4px, 0, 0)}49%{transform:scale3d(1, 0.9, 1) translate3d(4px, 0, 0)}50%{transform:scale3d(1, 0.2, 1) translate3d(4px, 0, 0)}53%{transform:scale3d(1, 1, 1) translate3d(5px, 0, 0)}59%{transform:scale3d(1, 1, 1) translate3d(5px, 0, 0)}65%{transform:scale3d(1, 1, 1) translate3d(5px, 0, 0)}74%{transform:scale3d(1, 1, 1) translate3d(0px, 0, 0)}79%{transform:scale3d(1, 1, 1) translate3d(0px, 0, 0)}82%{transform:scale3d(2, 0.2, 1) translate3d(0px, 0, 0)}86%{transform:scale3d(1, 1, 1) translate3d(0px, 0, 0)}}@keyframes toastBackInDown{0%{transform:translate3d(-50%, -50%, 0) scale(0.4);opacity:.6}30%{transform:translate3d(-50%, -50%, 0) scale(0.9)}60%{transform:translate3d(-50%, -50%, 0) scale(1.04)}100%{transform:translate3d(-50%, -50%, 0) scale(1);opacity:1}}@keyframes toastBackOut{from{opacity:.7;transform:translate3d(-50%, -50%, 0)}to{opacity:0;transform:translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 0.8)}}.qk-toast.qk-toast-back-out{animation-duration:.2s;animation-fill-mode:both;animation-name:toastBackOut}.qk-toast-loading{position:fixed;width:100%;height:100%;left:0;top:0}.UCUNNIC:not(.UCEyeProtect) .qk-toast .qk-toast-face span{background-color:#fff !important}
.rightside{width:100%;z-index:101;display:flex;justify-content:space-around;position:absolute;bottom:0;left:0;padding-bottom:24px;height:61px;box-sizing:border-box;background-color:#000}.rightside .profile{width:43px;height:43px;background-color:#fff;border-radius:50%;margin-bottom:18px;border:1px solid #fff}.rightside .profile img{display:block;width:100%;height:100%;border-radius:50%}.rightside .upvote,.rightside .collect,.rightside .share{text-align:center;height:44px;display:flex;flex-direction:column;padding:0 30px}.rightside .upvote img,.rightside .collect img,.rightside .share img{display:block;width:17.5px;height:15.3px;margin:0 auto;margin-bottom:4px}.rightside .upvote span,.rightside .collect span,.rightside .share span{font-family:PingFangSC-Semibold;font-weight:500;font-size:10px;color:#fff;text-align:center;line-height:14px}.rightside .shuqian-toast{padding:6px 14px !important}.rightside .upvote-fill path{fill:#f50239 !important}.rightside .collect-fill path{fill:#ffbb3d !important}
.supernatant-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999}.supernatant{position:absolute;bottom:0;left:0;right:0;z-index:9999;width:100vw}.supernatant .content-title-box{padding:50px 20px 0 20px;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)}.supernatant .content-title-box .content-title{position:relative;border-bottom:1px solid rgba(255,255,255,.1);min-height:24px;display:flex;align-items:center;padding-bottom:14px}.supernatant .content-title-box .content-title .content-title-ai{display:block;width:56px;height:20px}.supernatant .content-title-box .content-title .content-item-count{font-family:PingFangSC-Semibold;font-size:16px;color:#fff;line-height:24px;font-weight:700;margin-left:10px}.supernatant .content{padding:0 0 16px;max-height:50vh;overflow-y:scroll;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgb(0, 0, 0) 16px)}.supernatant .content .content-node .content-node-item{padding:16px 20px 16px 20px}.supernatant .content .content-node .content-node-item.active-content-node-item{background-image:linear-gradient(270deg, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0) 100%)}.supernatant .content .content-node .content-node-item .content-node-item-title{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.supernatant .content .content-node .content-node-item .content-node-item-title .tmp-con{display:flex;flex-direction:row;overflow:hidden;align-items:center;width:100%}.supernatant .content .content-node .content-node-item .content-node-item-title .tmp-con .content-node-item-video-icon{flex-shrink:0}.supernatant .content .content-node .content-node-item .content-node-item-title .tmp-con .content-node-item-video-icon img{width:16px;height:16px}.supernatant .content .content-node .content-node-item .content-node-item-title .content-node-item-title-order{display:inline-block;vertical-align:middle;font-family:PingFangSC-Semibold;border-radius:4px;text-align:center;font-size:16px;color:#fff;line-height:24px;font-weight:700;padding-left:4px}.supernatant .content .content-node .content-node-item .content-node-item-title .content-node-item-title-live{display:inline-block;vertical-align:middle;width:16px;height:16px}.supernatant .content .content-node .content-node-item .content-node-item-title .content-node-item-title-txt,.supernatant .content .content-node .content-node-item .content-node-item-title .content-node-item-title-txt-on{margin-left:6px;display:inline-block;vertical-align:middle;font-family:PingFangSC-Semibold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;letter-spacing:0;font-size:16px;color:#fff;line-height:24px;font-weight:600}.supernatant .content .content-node .content-node-item .content-node-item-text,.supernatant .content .content-node .content-node-item .content-node-item-text-on{font-weight:400;font-size:14px;color:rgba(255,255,255,.6);letter-spacing:.3px;line-height:24px;margin-top:7px}.supernatant .content .content-node .content-node-item .content-node-item-text .content-node-item-title-live,.supernatant .content .content-node .content-node-item .content-node-item-text-on .content-node-item-title-live{display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:6px;margin-top:-3px}.supernatant .content .content-node .content-node-item .content-node-item-text-on{color:rgba(0,0,0,.86);color:#fff}
.upside{position:absolute;top:44px;right:0;width:100vw;z-index:9999;height:60px;display:flex}.upside .upside-box{width:100%;padding:0 20px 0 18px;display:flex;justify-content:space-between;align-items:center}.upside .upside-box .upside-profile{flex-shrink:0;display:flex;align-items:center}.upside .upside-box .upside-profile .upside-profile-pic{background-color:#fff;border-radius:50%;display:flex;align-items:center}.upside .upside-box .upside-profile .upside-profile-pic img{display:block;width:40px;height:40px;border-radius:50%}.upside .upside-box .upside-profile .upside-profile-name{font-size:14px;color:#fff;line-height:22px;font-weight:500;margin-left:8px;font-family:PingFangSC;font-weight:600}.upside .upside-box .upside-container{width:32px;height:32px;display:flex;justify-content:space-between;align-items:center;background-color:rgba(0,0,0,.4);border-radius:8px}.upside .upside-box .upside-container .upside-menu{flex-grow:1;display:flex;justify-content:center;position:relative}.upside .upside-box .upside-container .upside-menu::after{content:"";display:inline-block;width:1px;height:14px;background-color:rgba(255,255,255,.1);position:absolute;right:0;top:50%;transform:translateY(-50%)}.upside .upside-box .upside-container .upside-menu img{width:20px;height:20px}.upside .upside-box .upside-container .upside-close{flex-grow:1;display:flex;justify-content:center}
.contentarea{position:absolute;left:0;right:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.contentarea .v-area-transparent{opacity:0}.contentarea .v-area-video{width:100%;z-index:0}.contentarea .v-video-pause{width:36px;height:36px;position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%, -50%)}.contentarea .v-video-pause img{display:block;width:100%}.contentarea .v-video-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.contentarea .v-video-fm{width:100%;height:auto;position:absolute;top:50%;left:50%;z-index:9;transform:translate(-50%, -50%)}.contentarea .v-video-fm img{display:block;width:100%}.contentarea .v-cover{position:absolute;width:100%;top:50%;left:50%;z-index:10;transform:translate(-50%, -50%);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}.v-h67{height:calc(100vh - 47px)}.v-h37{height:calc(100vh - 37px)}
.circle-loader{border:4px solid #666;border-top:4px solid #fff;border-radius:50%;width:35px;height:35px;animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.header{position:fixed;top:0;left:0;z-index:235;background-color:#000;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;box-sizing:border-box;width:100vw}.header .avatar-container{display:flex;align-items:center;transform:rotate(-360deg);font-size:14px;color:#192338;line-height:22px;font-weight:500;flex:1}.header .avatar-container .quarkIcon{width:36px;height:36px;margin-right:6px}.avatar{margin-right:8px;width:40px;height:40px;border-radius:50%}.avatarQuark{margin-right:8px;width:36px;height:36px}.username{font-weight:bold;flex:1;white-space:nowrap;overflow:hidden;width:100px;margin-right:14px;text-overflow:ellipsis;flex-shrink:0}.dianping{display:flex;align-items:center}.quarkTextArea .div1{transform:rotate(-360deg);font-family:PingFangSC-Medium;font-size:14px;color:#fff;line-height:22px;font-weight:500}.quarkTextArea .div2{font-family:PingFangSC-Regular;font-size:12px;color:rgba(255,255,255,.6);line-height:16px;font-weight:400}.enterQuark{font-family:PingFangSC-Medium;font-size:12px;color:#fff;letter-spacing:0;line-height:16px;font-weight:500}.quarkButton{background-image:linear-gradient(150deg, #4e81ff 0%, #0d53ff 100%);border-radius:14px;padding:6px 10px}.button-container{display:flex;padding:4px 6px;border-radius:8px;background-color:#f8f8fa}.button-container .check-button{background-clip:content-box;width:24px;border:none;font-size:20px;padding-right:6px}.button-container .close-button{background-clip:content-box;width:23px;border-left:1px solid #e7e7e7;font-size:20px;padding-left:6px}.share{width:24px;height:24px;background-repeat:no-repeat;background-size:contain;background-position:calc(50% - 3px) 50%;uc-perf-stat-ignore:image;align-items:center}.close{width:24px;height:24px;background-repeat:no-repeat;background-image:url("https://cdn.sm.cn/static/23/08/25/f1e62f51ff91181b60c4e66af3dcbd51.png");background-size:contain;background-position:calc(50% + 3px) 50%;uc-perf-stat-ignore:image}.home{width:24px;height:24px;background-position:center;background-repeat:no-repeat;background-image:url("//cdn.sm.cn/static/23/03/20/345a667f6806ace5b35296a6d6e56330.svg");background-size:contain;uc-perf-stat-ignore:image}
.box{color:#999}
.guide-container{width:100vw;height:100vh;position:fixed;left:0;top:0;background:rgba(0,0,0,.8);z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center}.guide-container .guide-content{width:160px;height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center}.guide-container .guide-content .guide-time{width:25px;height:24px}.guide-container .guide-content .guide-time img{width:100%;height:100%}.guide-container .guide-content .guide-img{flex-grow:1;display:flex;align-items:center;margin-top:40px}.guide-container .guide-content .guide-img img{width:160px}.guide-container .guide-content .guide-text{font-weight:500;font-size:16px;color:#fff;line-height:24px;text-align:center}.guide-container .guide-close{width:30px;height:30px;margin:0 auto;margin-top:100px}.guide-container .guide-close img{width:100%;height:auto}
@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:rgba(0,0,0,0)}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.swiper{width:100%;height:100%}.swiper-notouch .swiper-wrapper{touch-action:none !important}.swiper-slide{height:100% !important;width:100%;background:#000;scroll-snap-stop:always}.video-top{position:fixed;top:0;left:0;width:100vw;text-align:center;font-size:14px;color:rgba(255,255,255,.6);font-weight:600;line-height:20px;display:flex;justify-content:center;align-items:center}.video-top span{color:rgba(255,255,255,.6)}.video-bottom{position:fixed;bottom:0;left:0;width:100vw;text-align:center;font-size:14px;color:rgba(255,255,255,.6);font-weight:600;line-height:20px;justify-content:center;align-items:center}.video-bottom span{color:rgba(255,255,255,.6)}
:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}
.empty_box{width:100vw;height:100vh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:99}