.carousel-3d-controls[data-v-31a5141a]{position:absolute;top:50%;left:0;z-index:1000;width:100%;height:0;margin-top:-30px}.next[data-v-31a5141a],.prev[data-v-31a5141a]{position:absolute;top:0;z-index:1010;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:42px;height:56px;font-size:60px;line-height:56px;background-color:#343434;background-color:var(--color-bg-3);border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.25);opacity:.9}.next .arrow[data-v-31a5141a],.prev .arrow[data-v-31a5141a]{width:24px;height:24px;fill:#f3f7f6;fill:var(--color-gray-1)}.next .arrow-left[data-v-31a5141a],.prev .arrow-left[data-v-31a5141a]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.next[data-v-31a5141a]:hover,.prev[data-v-31a5141a]:hover{background-color:#21b36c;background-color:var(--color-brand-regular);opacity:1}.next:hover .arrow[data-v-31a5141a],.prev:hover .arrow[data-v-31a5141a]{fill:#f3f7f6;fill:var(--color-gray-1)}.next[data-v-31a5141a]:active,.prev[data-v-31a5141a]:active{opacity:.6}@media screen and (max-width:920px){.next[data-v-31a5141a],.prev[data-v-31a5141a]{display:none}}.next[data-v-31a5141a]:hover,.prev[data-v-31a5141a]:hover{cursor:pointer}.left-prev[data-v-31a5141a]{left:2px;text-align:left}.left-prev[data-v-31a5141a]:after{position:absolute;right:-10px;width:10px;height:56px;content:""}.right-prev[data-v-31a5141a]{right:42px;margin-right:10px}.left-next[data-v-31a5141a]{left:42px;margin-left:10px}.right-next[data-v-31a5141a]{right:2px;text-align:right}.right-next[data-v-31a5141a]:before{position:absolute;left:-10px;width:10px;height:56px;content:""}.left-next[data-v-31a5141a],.right-prev[data-v-31a5141a]{top:2px;width:39px;height:52px}.disabled[data-v-31a5141a],.disabled[data-v-31a5141a]:hover{cursor:default;opacity:.2}
.carousel-3d-container[data-v-0f41576c]{position:relative;z-index:0;box-sizing:border-box;width:100%;min-height:1px;margin:0 auto 20px;overflow:visible}.carousel-3d-slider[data-v-0f41576c]{position:relative;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:block;box-sizing:border-box;margin:0;overflow:hidden;background-color:#ccc;background-size:cover;border-color:rgba(0,0,0,.4);border-style:solid;border-radius:1px;visibility:hidden;opacity:0;text-align:left}.carousel-3d-slide img{width:100%}.carousel-3d-slide.current{z-index:999;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;visibility:visible!important;opacity:1!important}.left-2,.right-2{opacity:0}
.index-main[data-v-e03e6c4c]{width:100%}.carousel-3d-slide>div[data-v-e03e6c4c]{width:100%;height:100%}.carousel-index[data-v-e03e6c4c]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.carousel-index .carousel-index-item[data-v-e03e6c4c]{width:12px;height:8px;margin:0 8px;background-color:#a8b3ae;background-color:var(--color-gray-2);border-radius:4px;cursor:pointer;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.carousel-index .carousel-index-item[data-v-e03e6c4c]:hover{background-color:#f3f7f6;background-color:var(--color-gray-1)}.carousel-index .carousel-index-current[data-v-e03e6c4c]{height:8px;border-radius:4px;-webkit-transform:scaleX(1.4);-ms-transform:scaleX(1.4);transform:scaleX(1.4)}.carousel-index .carousel-index-current[data-v-e03e6c4c],.carousel-index .carousel-index-current[data-v-e03e6c4c]:hover{background-color:#21b36c;background-color:var(--color-brand-regular)}.current-wrapper[data-v-e03e6c4c]{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:3px solid #21b36c;border:3px solid var(--color-brand-regular)}.current-wrapper img[data-v-e03e6c4c]{width:100%;height:auto}.current-wrapper .live-info[data-v-e03e6c4c]{position:absolute;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:120px;padding:16px 11px 0;background-image:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,0))}.current-wrapper .live-info .anchor-face[data-v-e03e6c4c]{width:60px;height:60px;border-radius:60px}.current-wrapper .live-info .anchor-info[data-v-e03e6c4c]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:0;max-width:520px;margin-left:11px}.current-wrapper .live-info .anchor-info .live-title[data-v-e03e6c4c]{color:#fff;color:var(--color-white);font-size:18px}.current-wrapper .live-info .anchor-info .live-game[data-v-e03e6c4c],.current-wrapper .live-info .anchor-info .live-name[data-v-e03e6c4c]{max-width:400px;color:#fff;color:var(--color-white);font-size:14px}.left-1 .watch-num[data-v-e03e6c4c]{left:14px}.watch-num[data-v-e03e6c4c]{position:absolute;top:20px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align: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-e03e6c4c]{width:6px;height:6px;margin-right:6px;fill:#df4545;fill:var(--color-red)}.no-current-wrapper[data-v-e03e6c4c]:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.2);content:""}.current .watch-num[data-v-e03e6c4c],.right-1 .watch-num[data-v-e03e6c4c]{right:14px}
.current-wrapper{z-index:999}.carousel-3d-slide{background-color:#fff}.carousel-3d-slide img{width:100%;height:100%}
.flex-wrapper[data-v-47cb8445]{margin-top:43px}.title-wrapper[data-v-47cb8445]{margin-right:2px;margin-bottom:12px;padding-left:6px;font-weight:700;font-size:21px}.title-wrapper[data-v-47cb8445],.title-wrapper[data-v-47cb8445]:hover{color:#f3f7f6;color:var(--color-gray-1)}.title-wrapper .recomon-name.active[data-v-47cb8445]{color:#21b36c;color:var(--color-brand-regular)}.title-wrapper .icon-arrow[data-v-47cb8445]{position:relative;top:2px;left:2px;display:inline-block;-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;width:16px;height:16px;fill:#f3f7f6;fill:var(--color-gray-1)}.title-wrapper .cursor-text[data-v-47cb8445]{cursor:text}.content-wrapper[data-v-47cb8445]{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden}.content-wrapper[data-v-47cb8445],.content-wrapper .item-info[data-v-47cb8445]{display:-webkit-flex;display:-ms-flexbox;display:flex}.content-wrapper .item-info[data-v-47cb8445]{-webkit-flex:1;-ms-flex:1;flex:1;margin-top:12px}.content-wrapper .item-info .face-wrap[data-v-47cb8445]{position:relative;width:48px;height:48px}.content-wrapper .item-info .anchor-face[data-v-47cb8445]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.content-wrapper .item-info .info-wrap[data-v-47cb8445]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:0;margin-left:10px}.content-wrapper .item-info .info-wrap .main-desc[data-v-47cb8445]{overflow:hidden;color:#f3f7f6;color:var(--color-gray-1);font-weight:700;font-size:16px;white-space:nowrap;text-overflow:ellipsis}.content-wrapper .item-info .info-wrap .sub-desc[data-v-47cb8445]{color:#a8b3ae;color:var(--color-gray-2);font-size:14px}.flex-item[data-v-47cb8445]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;width:50%;padding-right:6px;padding-left:6px;overflow:hidden}.flex-item-games[data-v-47cb8445]{width:25%}@media screen and (min-width:1140px){.flex-item[data-v-47cb8445]{width:33.5%}.flex-item-games[data-v-47cb8445]{width:16.7%}}@media screen and (min-width:1350px){.flex-item[data-v-47cb8445]{width:25%}.flex-item-games[data-v-47cb8445]{width:12.5%}}@media screen and (min-width:1700px){.flex-item[data-v-47cb8445]{width:20%}.flex-item-games[data-v-47cb8445]{width:10%}}@media screen and (min-width:2000px){.flex-item[data-v-47cb8445]{width:16.7%}.flex-item-games[data-v-47cb8445]{width:8.35%}}@media screen and (min-width:2600px){.flex-item[data-v-47cb8445]{width:14.3%}.flex-item-games[data-v-47cb8445]{width:7.15%}}@media screen and (min-width:3000px){.flex-item[data-v-47cb8445]{width:12.5%}.flex-item-games[data-v-47cb8445]{width:6.25%}}
.index-main[data-v-7e9d94dc]{width:100%;min-width:676px;height:100%;overflow:auto}.banner-wrapper[data-v-7e9d94dc]{width:100%;height:398px}.index-footer[data-v-7e9d94dc]{height:50px}.index-wrap[data-v-7e9d94dc]{padding:25px 36px;transition:all .5s}.show-act[data-v-7e9d94dc]{-webkit-transform:translateY(110px);-ms-transform:translateY(110px);transform:translateY(110px)}.index-scroller[data-v-7e9d94dc],.inner-scroll[data-v-7e9d94dc]{position:relative;width:100%;min-width:676px;height:100%}