.next[data-v-44db8d4d],.prev[data-v-44db8d4d]{position:absolute;top:50%;z-index:1010;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:36px;height:100px;color:#f3f7f6;color:var(--color-gray-1);border-radius:4px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;opacity:.9}.next[data-v-44db8d4d]:hover,.prev[data-v-44db8d4d]:hover{color:#141414;color:var(--color-bg);background:var(--color-btn-bg-revert);border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}.left-prev[data-v-44db8d4d]{left:-30px}.right-next[data-v-44db8d4d]{right:-30px}
.carousel-3d-container[data-v-0ffb45c7]{position:absolute;z-index:0;box-sizing:border-box;width:100%;height:100%;min-height:1px;margin:0 auto 20px;overflow:visible}.carousel-3d-slider[data-v-0ffb45c7]{position:relative;height:100%;margin:0 auto;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}
.carousel-3d-slide{position:absolute;top:0;display:-webkit-flex;display:flex;box-sizing:border-box;margin:0;overflow:hidden;background-color:hsla(0,0%,100%,.08);background-color:var(--color-base-border);background-size:cover;border-color:rgba(0,0,0,.4);border-style:solid;border-radius:1px;visibility:hidden;opacity:0;width:100%;height:100%;text-align:left}.carousel-3d-slide img{width:100%}.carousel-3d-slide.current{z-index:999;-webkit-transform:none!important;transform:none!important;visibility:visible!important;opacity:1!important}.left-1,.left-2,.right-1,.right-2{opacity:0}
.index-main[data-v-06ae89fe]{width:100%}.banner-wrapper[data-v-06ae89fe]{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100%}.carousel-3d-slide[data-v-06ae89fe]:not(.current){pointer-events:none}.carousel-3d-slide>div[data-v-06ae89fe]{width:100%;height:100%}.carousel-index[data-v-06ae89fe]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:12px;margin-top:20px}.carousel-index-item[data-v-06ae89fe]{width:12px;height:8px;margin:0 8px;background-color:#a8b3ae;background-color:var(--color-gray-2);border-radius:4px;cursor:pointer}.carousel-index-item.carousel-index-current[data-v-06ae89fe]{width:17px;height:12px;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjQwMyAwbC0uNjEyIDIuNTI5SDE3bC0xLjY2NiA2Ljg1NmMtMS4wNTYuMDYyLTEuOTcxLjM1My0yLjc0My44NzRsLS4wMzcuMDI1QTQuNzggNC43OCAwIDAwMTEuMDM0IDEyaC04LjQ5bC42MTMtMi41MjlIMGwxLjY4Ny02Ljk0MmgzLjE2N0w1LjQ2MyAwaDguOTR6IiBmaWxsPSIjMzJDMjdDIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");border-radius:0}.carousel-index-item[data-v-06ae89fe]:not(.carousel-index-current):hover{background-color:#f3f7f6;background-color:var(--color-gray-1)}.current-wrapper[data-v-06ae89fe]{position:relative;display:-webkit-flex;display:flex;background-color:#141414;background-color:var(--color-bg)}.no-current-wrapper[data-v-06ae89fe]{cursor:none;pointer-events:none}.no-current-wrapper[data-v-06ae89fe]:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,100%,.08);background-color:var(--color-base-border);content:""}.live-info[data-v-06ae89fe]{position:absolute;top:0;display:-webkit-flex;display:flex;width:100%;height:120px;background-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent)}.live-info .anchor-info[data-v-06ae89fe]{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;margin-left:6px}.live-info .tag-top[data-v-06ae89fe]{position:absolute;top:6px;left:6px}.tags[data-v-06ae89fe]{display:-webkit-inline-flex;display:inline-flex}.tags[data-v-06ae89fe] .tag{color:#fff;background-color:rgba(0,0,0,.4)}.live-title[data-v-06ae89fe]{color:#fff;color:var(--color-white);font-size:16px}.live-status .live-title[data-v-06ae89fe]{font-size:14px}.live-status-all .live-title[data-v-06ae89fe]{display:-webkit-box;max-height:42px;overflow:hidden;font-size:14px;line-height:21px;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;text-overflow:ellipsis;margin:5px 0 0}.live-name[data-v-06ae89fe]{color:#fff;color:var(--color-white);font-size:14px}.live-status .live-name[data-v-06ae89fe]{font-size:12px}.live-status-all .live-name[data-v-06ae89fe]{margin-left:6px;font-size:12px}.live-status-player[data-v-06ae89fe]{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1}.live-status-player[data-v-06ae89fe]>:not(:first-child){margin-left:8px}.live-status[data-v-06ae89fe]{position:absolute;bottom:6px;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;box-sizing:border-box;width:100%;padding:0 6px;opacity:1}.scan-img:hover .live-status[data-v-06ae89fe]{opacity:0}.live-status-all[data-v-06ae89fe]{position:absolute;bottom:0;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;width:100%;padding:6px;-webkit-transform:translateY(46px);transform:translateY(46px);opacity:0;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.scan-img:hover .live-status-all[data-v-06ae89fe]{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.watch-num[data-v-06ae89fe]{position:absolute;top:6px;right:6px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:20px;padding-right:6px;padding-left:6px;color:#fff;color:var(--color-white);font-size:12px;background-color:rgba(0,0,0,.4);border-radius:2px}.watch-num .svg-online[data-v-06ae89fe]{width:6px;height:6px;margin-right:6px;fill:#df4545;fill:var(--color-red)}.live-status-player .watch-num[data-v-06ae89fe]{position:static}.banner-player-wrap .watch-num[data-v-06ae89fe]{top:13px;right:22px}.new-banner[data-v-06ae89fe]{position:relative;width:calc(100% - 72px);max-width:1868px;margin:0 36px}.new-banner[data-v-06ae89fe]:after{display:block;padding-top:37.96875%;content:""}.new-banner .banner-player-wrap[data-v-06ae89fe]{position:relative;box-sizing:border-box;width:67.5%;height:100%;overflow:hidden;border-radius:3px}.new-banner .banner-player-wrap .live-info[data-v-06ae89fe]{padding:13px}.new-banner .scan-wrap[data-v-06ae89fe]{display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-wrap:wrap;flex-wrap:wrap;height:100%;overflow:hidden}.new-banner .scan-itm[data-v-06ae89fe]{position:relative;-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;width:100%;height:50%;margin-bottom:5px}.new-banner .scan-itm .tags-float[data-v-06ae89fe]{position:absolute;top:6px;left:18px;z-index:1}.new-banner .scan-img[data-v-06ae89fe]{position:relative;top:0;left:12px;width:calc(100% - 12px);height:calc(100% - 5px);overflow:hidden;background-color:#282828;background-color:var(--color-bg-2);background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:3px}.new-banner .scan-img[data-v-06ae89fe]:before{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);content:""}.new-banner .scan-img[data-v-06ae89fe]:hover:before{background:rgba(0,0,0,.6)}.new-banner .scan-img:hover .tag-top[data-v-06ae89fe]{opacity:0}.new-banner .live-tags-wrap[data-v-06ae89fe]{display:-webkit-flex;display:flex;font-size:12px}.new-banner .clink[data-v-06ae89fe]{color:#f3f7f6}.new-banner .clink[data-v-06ae89fe]:hover{color:#21b36c;color:var(--color-brand-regular)}@media screen and (min-width:1140px){.new-banner .banner-player-wrap[data-v-06ae89fe]{width:66.66667%}.new-banner .scan-itm[data-v-06ae89fe]{width:100%;height:50%}.new-banner[data-v-06ae89fe]:after{padding-top:37.5%}}@media screen and (min-width:1350px){.new-banner .banner-player-wrap[data-v-06ae89fe]{width:50%}.new-banner .scan-itm[data-v-06ae89fe]{width:50%;height:50%}.new-banner[data-v-06ae89fe]:after{padding-top:28.125%}}@media screen and (min-width:1700px){.flex-item[data-v-06ae89fe]{width:20%}.new-banner .banner-player-wrap[data-v-06ae89fe]{width:40%}.new-banner .scan-itm[data-v-06ae89fe]{width:33.33333%;height:50%}.new-banner[data-v-06ae89fe]:after{padding-top:22.5%}}@media screen and (min-width:2000px){.new-banner .banner-player-wrap[data-v-06ae89fe]{width:40%}.new-banner .scan-itm[data-v-06ae89fe]{width:33.33333%;height:50%}.new-banner[data-v-06ae89fe]:after{padding-top:22.5%}}
.index-main[data-v-3764160f]{width:100%}.banner-wrapper[data-v-3764160f]{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100%}.carousel-3d-slide[data-v-3764160f]:not(.current){pointer-events:none}.carousel-3d-slide>div[data-v-3764160f]{width:100%;height:100%}.carousel-index[data-v-3764160f]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:12px;margin-top:20px}.carousel-index-item[data-v-3764160f]{width:12px;height:8px;margin:0 8px;background-color:#a8b3ae;background-color:var(--color-gray-2);border-radius:4px;cursor:pointer}.carousel-index-item.carousel-index-current[data-v-3764160f]{width:17px;height:12px;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjQwMyAwbC0uNjEyIDIuNTI5SDE3bC0xLjY2NiA2Ljg1NmMtMS4wNTYuMDYyLTEuOTcxLjM1My0yLjc0My44NzRsLS4wMzcuMDI1QTQuNzggNC43OCAwIDAwMTEuMDM0IDEyaC04LjQ5bC42MTMtMi41MjlIMGwxLjY4Ny02Ljk0MmgzLjE2N0w1LjQ2MyAwaDguOTR6IiBmaWxsPSIjMzJDMjdDIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");border-radius:0}.carousel-index-item[data-v-3764160f]:not(.carousel-index-current):hover{background-color:#f3f7f6;background-color:var(--color-gray-1)}.current-wrapper[data-v-3764160f]{position:relative;display:-webkit-flex;display:flex;background-color:#141414;background-color:var(--color-bg)}.no-current-wrapper[data-v-3764160f]{cursor:none;pointer-events:none}.no-current-wrapper[data-v-3764160f]:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,100%,.08);background-color:var(--color-base-border);content:""}.live-info[data-v-3764160f]{position:absolute;top:0;display:-webkit-flex;display:flex;width:100%;height:120px;background-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent)}.live-info .anchor-info[data-v-3764160f]{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;margin-left:6px}.live-info .tag-top[data-v-3764160f]{position:absolute;top:6px;left:6px}.tags[data-v-3764160f]{display:-webkit-inline-flex;display:inline-flex}.tags[data-v-3764160f] .tag{color:#fff;background-color:rgba(0,0,0,.4)}.live-title[data-v-3764160f]{color:#fff;color:var(--color-white);font-size:16px}.live-status .live-title[data-v-3764160f]{font-size:14px}.live-status-all .live-title[data-v-3764160f]{display:-webkit-box;max-height:42px;overflow:hidden;font-size:14px;line-height:21px;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;text-overflow:ellipsis;margin:5px 0 0}.live-name[data-v-3764160f]{color:#fff;color:var(--color-white);font-size:14px}.live-status .live-name[data-v-3764160f]{font-size:12px}.live-status-all .live-name[data-v-3764160f]{margin-left:6px;font-size:12px}.live-status-player[data-v-3764160f]{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1}.live-status-player[data-v-3764160f]>:not(:first-child){margin-left:8px}.live-status[data-v-3764160f]{position:absolute;bottom:6px;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;box-sizing:border-box;width:100%;padding:0 6px;opacity:1}.scan-img:hover .live-status[data-v-3764160f]{opacity:0}.live-status-all[data-v-3764160f]{position:absolute;bottom:0;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;width:100%;padding:6px;-webkit-transform:translateY(46px);transform:translateY(46px);opacity:0;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.scan-img:hover .live-status-all[data-v-3764160f]{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.watch-num[data-v-3764160f]{position:absolute;top:6px;right:6px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:20px;padding-right:6px;padding-left:6px;color:#fff;color:var(--color-white);font-size:12px;background-color:rgba(0,0,0,.4);border-radius:2px}.watch-num .svg-online[data-v-3764160f]{width:6px;height:6px;margin-right:6px;fill:#df4545;fill:var(--color-red)}.live-status-player .watch-num[data-v-3764160f]{position:static}.banner-player-wrap .watch-num[data-v-3764160f]{top:13px;right:22px}.new-banner[data-v-3764160f]{position:relative;width:calc(100% - 72px);max-width:1868px;margin:0 36px}.new-banner[data-v-3764160f]:after{display:block;padding-top:37.96875%;content:""}.new-banner .banner-player-wrap[data-v-3764160f]{position:relative;box-sizing:border-box;width:67.5%;height:100%;overflow:hidden;border-radius:3px}.new-banner .banner-player-wrap .live-info[data-v-3764160f]{padding:13px}.new-banner .scan-wrap[data-v-3764160f]{display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-wrap:wrap;flex-wrap:wrap;height:100%;overflow:hidden}.new-banner .scan-itm[data-v-3764160f]{position:relative;-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;width:100%;height:50%;margin-bottom:5px}.new-banner .scan-itm .tags-float[data-v-3764160f]{position:absolute;top:6px;left:18px;z-index:1}.new-banner .scan-img[data-v-3764160f]{position:relative;top:0;left:12px;width:calc(100% - 12px);height:calc(100% - 5px);overflow:hidden;background-color:#282828;background-color:var(--color-bg-2);background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:3px}.new-banner .scan-img[data-v-3764160f]:before{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);content:""}.new-banner .scan-img[data-v-3764160f]:hover:before{background:rgba(0,0,0,.6)}.new-banner .scan-img:hover .tag-top[data-v-3764160f]{opacity:0}.new-banner .live-tags-wrap[data-v-3764160f]{display:-webkit-flex;display:flex;font-size:12px}.new-banner .clink[data-v-3764160f]{color:#f3f7f6}.new-banner .clink[data-v-3764160f]:hover{color:#21b36c;color:var(--color-brand-regular)}@media screen and (min-width:1140px){.new-banner .banner-player-wrap[data-v-3764160f]{width:66.66667%}.new-banner .scan-itm[data-v-3764160f]{width:100%;height:50%}.new-banner[data-v-3764160f]:after{padding-top:37.5%}}@media screen and (min-width:1350px){.new-banner .banner-player-wrap[data-v-3764160f]{width:50%}.new-banner .scan-itm[data-v-3764160f]{width:50%;height:50%}.new-banner[data-v-3764160f]:after{padding-top:28.125%}}@media screen and (min-width:1700px){.flex-item[data-v-3764160f]{width:20%}.new-banner .banner-player-wrap[data-v-3764160f]{width:40%}.new-banner .scan-itm[data-v-3764160f]{width:33.33333%;height:50%}.new-banner[data-v-3764160f]:after{padding-top:22.5%}}@media screen and (min-width:2000px){.new-banner .banner-player-wrap[data-v-3764160f]{width:40%}.new-banner .scan-itm[data-v-3764160f]{width:33.33333%;height:50%}.new-banner[data-v-3764160f]:after{padding-top:22.5%}}
.sketch-content[data-v-3764160f]{position:absolute;z-index:0;box-sizing:border-box;width:100%;height:100%;min-height:1px;margin:0 auto 20px;overflow:visible}.player-spacer[data-v-3764160f]{padding-bottom:56.25%;background-color:#282828;background-color:var(--color-bg-2)}.sketch[data-v-3764160f]{position:absolute;top:0;left:0;width:100%;height:100%}.sketch .scan-img[data-v-3764160f]:before{background:#282828!important;background:var(--color-bg-2)!important}.sketch.current-wrapper .live-info[data-v-3764160f]{background-image:none}.sketch.current-wrapper .live-info .anchor-face[data-v-3764160f]{width:48px;height:48px;background-color:hsla(0,0%,100%,.12);background-color:var(--color-l12-d12)}.sketch.current-wrapper .live-info .live-title[data-v-3764160f]{width:80%;height:18px;background-color:hsla(0,0%,100%,.12);background-color:var(--color-l12-d12)}.sketch.current-wrapper .live-info .live-name[data-v-3764160f]{width:40%;height:14px;margin-top:8px;background-color:hsla(0,0%,100%,.12);background-color:var(--color-l12-d12)}
.menu[data-v-5cf483de]{position:relative;z-index:1000;overflow:hidden}.list[data-v-5cf483de]{display:inline-block;font-size:0;white-space:nowrap;vertical-align:top;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.list[data-v-5cf483de]::-webkit-scrollbar{display:none}.menu-item[data-v-5cf483de]{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:154px;height:50px;margin-right:12px;color:hsla(0,0%,100%,.6);text-align:center;vertical-align:middle;background:50%/cover hsla(0,0%,100%,.08) no-repeat;background:50%/cover var(--color-base-border) no-repeat;border-radius:3px}.menu-item[data-v-5cf483de]:not(.sketch){background-image:url(https://static.trovo.live/cat/img/30d43e7.jpg?max_age=31536000)}.menu-item:not(.sketch).feature-item[data-v-5cf483de]{background-image:url(https://static.trovo.live/cat/img/ef4cdee.jpg?max_age=31536000)}.menu-item[data-v-5cf483de]:last-child{margin-right:36px}.menu-item[data-v-5cf483de]:hover{color:#fff}.menu-item[data-v-5cf483de]:hover:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,100%,.1);content:"";pointer-events:none}.menu-item:not(.feature-item).active[data-v-5cf483de]{color:#fff;background:#282828;background-image:linear-gradient(59deg,#32c27c,#168871 98%)!important}.menu-item:not(.feature-item).active .name[data-v-5cf483de]{font-size:16px}.menu-item.feature-item.active[data-v-5cf483de]{color:#fff;background-image:url(https://static.trovo.live/cat/img/4f3584e.jpg?max_age=31536000)}.menu-item .name[data-v-5cf483de]{padding:0 10px;display:-webkit-box;max-height:36px;overflow:hidden;font-size:14px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;text-overflow:ellipsis}.mask-next[data-v-5cf483de],.mask-pre[data-v-5cf483de]{position:absolute;top:0;z-index:1;width:100px;height:100%;pointer-events:none}.mask-pre[data-v-5cf483de]{left:0;background-image:linear-gradient(270deg,hsla(0,0%,98%,0),#fafafa),linear-gradient(270deg,hsla(0,0%,98%,0),hsla(0,0%,98%,.94902) 70%)}.base-dark-mode .mask-pre[data-v-5cf483de],.vcp-fullscreen .mask-pre[data-v-5cf483de],.vcp-webfullscreen .mask-pre[data-v-5cf483de]{background-image:linear-gradient(270deg,rgba(20,20,20,0),#141414)}.mask-next[data-v-5cf483de]{right:0;background-image:linear-gradient(90deg,hsla(0,0%,98%,0),#fafafa),linear-gradient(90deg,hsla(0,0%,98%,0),hsla(0,0%,98%,.94902) 70%)}.base-dark-mode .mask-next[data-v-5cf483de],.vcp-fullscreen .mask-next[data-v-5cf483de],.vcp-webfullscreen .mask-next[data-v-5cf483de]{background-image:linear-gradient(90deg,rgba(20,20,20,0),#141414 70%)}.btn-pre[data-v-5cf483de]{left:2px}.btn-next[data-v-5cf483de]{right:2px}.btn-next[data-v-5cf483de],.btn-pre[data-v-5cf483de]{position:absolute;top:50%;z-index:2;padding:15px 8px;color:#f3f7f6;color:var(--color-gray-1);-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.btn-next[data-v-5cf483de]:hover,.btn-pre[data-v-5cf483de]:hover{color:#141414;color:var(--color-bg);background:var(--color-btn-bg-revert);border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}
.title-wrapper[data-v-488df890]{margin:40px 36px 14px}.title-wrapper[data-v-488df890]:first-child{margin-top:26px}.title-wrapper .name[data-v-488df890]{color:#f3f7f6;color:var(--color-gray-1);font-weight:700;font-size:24px}.title-wrapper .name[data-v-488df890]:active,.title-wrapper .name[data-v-488df890]:hover{color:#21b36c;color:var(--color-brand-regular)}.title-wrapper .more[data-v-488df890]{margin-left:10px;color:#a8b3ae;color:var(--color-gray-2);font-size:14px;white-space:nowrap}.title-wrapper .more[data-v-488df890]:active,.title-wrapper .more[data-v-488df890]:hover,.title-wrapper .num[data-v-488df890]{color:#f3f7f6;color:var(--color-gray-1)}.title-wrapper .num[data-v-488df890]{margin:0 4px}.title-wrapper .point[data-v-488df890]{display:inline-block;width:4px;height:4px;margin:0 4px;vertical-align:middle;background:#a8b3ae;background:var(--color-gray-2);border-radius:4px}.title-wrapper .icon-arrow[data-v-488df890]{margin-left:4px}.title-wrapper .follow-btn[data-v-488df890]{-webkit-justify-content:flex-start;justify-content:flex-start;margin:0 8px;padding:6px 12px 6px 10px;overflow:hidden}.title-wrapper .follow-btn .icon-like[data-v-488df890]{-webkit-flex:none;flex:none}.title-wrapper .follow-btn .text[data-v-488df890]{margin-left:6px}.title-wrapper .follow-btn.followed[data-v-488df890]{padding:6px 9px;-webkit-animation:short-data-v-488df890 .1s linear 67ms forwards,fadeOut-data-v-488df890 .1s linear .5s forwards;animation:short-data-v-488df890 .1s linear 67ms forwards,fadeOut-data-v-488df890 .1s linear .5s forwards;pointer-events:none}.title-wrapper .follow-btn.followed .text[data-v-488df890]{opacity:0;transition:opacity .1s linear}.title-wrapper .sketch[data-v-488df890]{width:220px;height:32px;margin-bottom:4px;background:hsla(0,0%,100%,.08);background:var(--color-base-border)}@-webkit-keyframes short-data-v-488df890{0%{width:90px}to{width:36px}}@keyframes short-data-v-488df890{0%{width:90px}to{width:36px}}@-webkit-keyframes fadeOut-data-v-488df890{0%{opacity:1}to{opacity:0}}@keyframes fadeOut-data-v-488df890{0%{opacity:1}to{opacity:0}}
.item-preview[data-v-6ee982a8]{position:relative;overflow:hidden}.item-preview[data-v-6ee982a8]:after{display:block;padding-top:0;content:""}.cover[data-v-6ee982a8],.vtt-preview[data-v-6ee982a8]{position:absolute;width:100%;height:100%;border-radius:3px}.vtt-preview[data-v-6ee982a8]{display:none}.item-preview:hover .vtt-preview[data-v-6ee982a8]{display:block}.clip-item[data-v-6ee982a8]{padding:0 12px}.clip-item[data-v-6ee982a8]:first-of-type{padding-top:12px}.clip-item[data-v-6ee982a8]:last-of-type{padding-bottom:12px}.clip-item:last-of-type>hr[data-v-6ee982a8]{display:none}.clip-item.active>.item-preview[data-v-6ee982a8]:after{padding-top:56.25%}.p1[data-v-6ee982a8]{padding-bottom:4px;color:#f3f7f6;color:var(--color-gray-1);font-size:16px}.active .p1[data-v-6ee982a8]{padding-top:8px}.active .viewers-info[data-v-6ee982a8]{display:none}.p2[data-v-6ee982a8]{color:#a8b3ae;color:var(--color-gray-2);font-size:12px}.p2 .nickname[data-v-6ee982a8]{display:inline-block;-webkit-flex:1;flex:1;margin-right:10px;overflow:hidden;font-size:14px;text-overflow:ellipsis}.badge[data-v-6ee982a8]{position:absolute;right:6px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:20px;padding:0 6px;color:#fff;font-size:12px;background:rgba(0,0,0,.43);border-radius:2px}.badge-top[data-v-6ee982a8]{top:6px}.badge-bottom[data-v-6ee982a8]{bottom:6px}.hover-slider[data-v-6ee982a8]{position:absolute;bottom:0;left:0;display:none;width:100%;height:4px;background:grey}.hover-slider span[data-v-6ee982a8]{display:block;width:100%;height:4px;background:#ff8a2a;background:var(--color-orange);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}.item-preview:hover .hover-slider[data-v-6ee982a8]{display:block}
.clip-vod-list[data-v-24f7bc2b]{border-radius:3px}
.sketch[data-v-2885e358]{line-height:1}.sketch .anchor-face[data-v-2885e358]{background:var(--color-sketch-face-bg)}.sketch .info-wrap[data-v-2885e358]{margin-top:5px}.sketch .info-wrap p[data-v-2885e358]{margin-top:4px}.sketch .info-wrap p[data-v-2885e358]:first-child{margin-top:0}.sketch .main-desc[data-v-2885e358]{width:100%}.sketch .sub-desc[data-v-2885e358]{width:50%}.sketch .gamename[data-v-2885e358]{width:30%}.sketch .tag[data-v-2885e358]{width:24%}.sketch-background[data-v-2885e358]{min-height:20px;background-color:hsla(0,0%,100%,.08);background-color:var(--color-base-border)}
.list-wrap[data-v-0b311ef0]{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:-6px 30px 20px;overflow:hidden}.adaptive-column-aside[data-v-0b311ef0]{position:relative;padding-top:6px;padding-left:6px}.adaptive-column-aside .container[data-v-0b311ef0]{position:absolute!important;width:calc(100% - 6px);height:calc(200% - 15px);background-color:var(--color-videos-bg)}
.live-list[data-v-6135351e]{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 30px -8px}.more-tip[data-v-6135351e]{margin-top:40px}.empty-loading[data-v-6135351e]{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}
.btn[data-v-03a758cf]{position:fixed;right:10px;bottom:56px;width:40px;height:40px;color:#f3f7f6;color:var(--color-gray-1);background:hsla(0,0%,100%,.4);border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);cursor:pointer}.btn[data-v-03a758cf]:hover{background:hsla(0,0%,100%,.6)}.btn[data-v-03a758cf]:active{background:hsla(0,0%,100%,.26)}.btn svg[data-v-03a758cf]{margin:auto}.base-dark-mode .btn[data-v-03a758cf],.vcp-fullscreen .btn[data-v-03a758cf],.vcp-webfullscreen .btn[data-v-03a758cf]{background:hsla(0,0%,100%,.1)}.base-dark-mode .btn[data-v-03a758cf]:hover,.vcp-fullscreen .btn[data-v-03a758cf]:hover,.vcp-webfullscreen .btn[data-v-03a758cf]:hover{background:hsla(0,0%,100%,.3)}.base-dark-mode .btn[data-v-03a758cf]:active,.vcp-fullscreen .btn[data-v-03a758cf]:active,.vcp-webfullscreen .btn[data-v-03a758cf]:active{background:hsla(0,0%,100%,.2)}
.icon-wrapper[data-v-bc5deb4c]{display:inline-block;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:32px;height:32px;margin-right:20px;background:hsla(0,0%,100%,.12);background:var(--color-l12-d12);border-radius:50%}.icon-wrapper .icon[data-v-bc5deb4c]{width:32px;height:32px;fill:#000}.base-dark-mode .icon[data-v-bc5deb4c]{fill:#fff}
.icon-outer[data-v-192aec8c]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:40px;height:40px;margin-right:20px;border-radius:50%;cursor:pointer}.icon-outer .icon-wrapper[data-v-192aec8c]{width:40px;height:40px;margin-right:0}.icon-outer .icon-wrapper[data-v-192aec8c] .icon{width:40px;height:40px}.icon-outer[data-v-192aec8c]:hover{background-color:transparent;border-style:solid;border-width:2px}.icon-outer:hover .icon-wrapper[data-v-192aec8c]{background:transparent}.icon-outer:hover .icon-wrapper[data-v-192aec8c] .icon{width:32px;height:32px}.icon-outer:hover.twitter[data-v-192aec8c]{border-color:#1da1f2}.icon-outer:hover.facebook[data-v-192aec8c]{border-color:#1877f2}.icon-outer:hover.discord[data-v-192aec8c]{border-color:#7289da}.icon-outer:hover.instagram[data-v-192aec8c]{border-color:#d12d7e}.icon-outer:hover.youtube[data-v-192aec8c]{border-color:#d9252a}.icon-outer:hover.reddit[data-v-192aec8c]{border-color:#ff4500}.icon-outer:hover .icon-inner.twitter[data-v-192aec8c]{background-color:rgba(29,161,242,.2)}.icon-outer:hover .icon-inner.facebook[data-v-192aec8c]{background-color:rgba(24,119,242,.2)}.icon-outer:hover .icon-inner.discord[data-v-192aec8c]{background-color:rgba(114,137,218,.2)}.icon-outer:hover .icon-inner.instagram[data-v-192aec8c]{background-color:rgba(209,45,126,.2)}.icon-outer:hover .icon-inner.youtube[data-v-192aec8c]{background-color:rgba(217,37,42,.2)}.icon-outer:hover .icon-inner.reddit[data-v-192aec8c]{background-color:rgba(255,69,0,.2)}.icon-outer:hover .icon-inner[data-v-192aec8c] .icon.active.twitter{fill:#1da1f2}.icon-outer:hover .icon-inner[data-v-192aec8c] .icon.active.facebook{fill:#1877f2}.icon-outer:hover .icon-inner[data-v-192aec8c] .icon.active.discord{fill:#7289da}.icon-outer:hover .icon-inner[data-v-192aec8c] .icon.active.instagram{fill:#d12d7e}.icon-outer:hover .icon-inner[data-v-192aec8c] .icon.active.youtube{fill:#d9252a}.icon-outer:hover .icon-inner[data-v-192aec8c] .icon.active.reddit{fill:#ff4500}.icon-outer .icon-inner[data-v-192aec8c]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:32px;height:32px;border-radius:50%}
.footer[data-v-63f57d64]{position:relative;height:284px;padding:0 36px;background:100% 100%/auto url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDIycHgiIGhlaWdodD0iMjA3cHgiIHZpZXdCb3g9IjAgMCA0MjIgMjA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIwLjA1IiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM1ODk2NzgiIHN0b3Atb3BhY2l0eT0iMC4wODM2OTI2MTc3IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IkRpc2NvdmVyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxOC4wMDAwMDAsIC0yMDg0LjAwMDAwMCkiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNjAuMDAwMDAwLCAyMDA3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTExNzkuOTk5LDc3IEwxMTgwLDI4NCBMNzU4LjY4NCwyODQgTDc4Mi4yODU2MTEsMTgwLjg5NTE0IEw5MDQuODY2MDM1LDE4MC44OTY2NDkgTDkyOC40NDI1NTYsNzcgTDExNzkuOTk5LDc3IFoiIGlkPSJmb290ZXItbGlnaHQiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat}.base-dark-mode .footer[data-v-63f57d64],.vcp-fullscreen .footer[data-v-63f57d64],.vcp-webfullscreen .footer[data-v-63f57d64]{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDIycHgiIGhlaWdodD0iMjA3cHgiIHZpZXdCb3g9IjAgMCA0MjIgMjA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIwLjA1IiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM1ODk1NzgiIHN0b3Atb3BhY2l0eT0iMC4wODM2Mjc1NTM2IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IkRpc2NvdmVyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU3OC4wMDAwMDAsIC0yNDk4LjAwMDAwMCkiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNjAuMDAwMDAwLCAyNDIxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3MzkuOTk5LDc3IEwxNzQwLDI4NCBMMTMxOC42ODQsMjg0IEwxMzQyLjI4NTYxLDE4MC44OTUxNCBMMTQ2NC44NjYwNCwxODAuODk2NjQ5IEwxNDg4LjQ0MjU2LDc3IEwxNzM5Ljk5OSw3NyBaIiBpZD0iZm9vdGVyLWRhcmsiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)}.logo[data-v-63f57d64]{height:36px}.desc[data-v-63f57d64]{margin:20px 0 32px}.share-btn[data-v-63f57d64]{width:40px;height:40px;color:#141414;color:var(--color-dark);border-radius:50%}
.slide-fade-enter-active[data-v-7b36f7b2]{transition:all .5s}.slide-fade-enter-active[data-v-7b36f7b2],.slide-fade-leave-active[data-v-7b36f7b2]{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:top;transform-origin:top}.slide-fade-leave-active[data-v-7b36f7b2]{transition:all .3s}.slide-fade-enter[data-v-7b36f7b2],.slide-fade-leave-to[data-v-7b36f7b2]{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top}.chat-act-wrapper[data-v-7b36f7b2]{top:2px;left:11px;z-index:1;width:376px;height:68px;background-color:var(--color-live-bg)}.chat-act-wrapper .center[data-v-7b36f7b2]{border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,.1)}.chat-act-wrapper .close[data-v-7b36f7b2]{top:18px}.close[data-v-7b36f7b2]{position:absolute;top:12px;right:10px;color:#fff;opacity:.8;stroke:#000;stroke-opacity:.15;stroke-width:2px}.close[data-v-7b36f7b2]:hover{opacity:1}.center[data-v-7b36f7b2]{width:100%;max-width:696px;margin:0 auto}.center[data-v-7b36f7b2],.index-act-wrapper[data-v-7b36f7b2]{background-repeat:no-repeat;background-position:50%;background-size:cover}.index-act-wrapper[data-v-7b36f7b2]{position:relative;right:36px;left:36px;-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}
.more-tip[data-v-3a382d6a]{margin-top:40px}
.index-main[data-v-4495d588]{width:100%;min-width:676px;height:100%}.top-header[data-v-4495d588]{margin-bottom:4px;padding:20px 0 16px 36px;box-shadow:0 4px 10px 0 hsla(0,0%,98%,.7)}.base-dark-mode .top-header[data-v-4495d588],.vcp-fullscreen .top-header[data-v-4495d588],.vcp-webfullscreen .top-header[data-v-4495d588]{box-shadow:0 4px 10px 0 rgba(20,20,20,.7)}.index-scroller[data-v-4495d588]{-webkit-flex:1 0 0%;flex:1 0 0%}.index-scroller[data-v-4495d588],.inner-scroll[data-v-4495d588]{position:relative;width:100%;min-width:676px;height:100%}.banner-wrapper[data-v-4495d588]{width:100%;margin-bottom:-14px;overflow:hidden}.index-footer[data-v-4495d588]{height:50px}.index-wrap[data-v-4495d588]{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:100%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.show-act[data-v-4495d588]{-webkit-transform:translateY(130px);transform:translateY(130px)}.line[data-v-4495d588]{margin:0 36px;border:none;border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--color-base-border)}