.game-hall[data-v-910beece]{margin:44px auto 74px;width:1200px}.game-hall .content[data-v-910beece]{height:484px;margin:50px 0 28px;position:relative}.game-hall .content-box[data-v-910beece]{display:flex;height:343px;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:0}.game-hall .content-box[data-v-910beece]:before{background:linear-gradient(180deg,#ffffff1a 40%,#e4f0ff33 140%);content:"";display:block;height:398px;left:-16px;position:absolute;top:41px;width:100%}.game-hall .content-box .left-part[data-v-910beece]{box-sizing:border-box;height:100%;position:relative;width:680px}.game-hall .content-box .left-part .name-container[data-v-910beece]{margin-bottom:25px;margin-left:30px;width:381px;word-break:break-all}.game-hall .content-box .left-part .name-container .name[data-v-910beece]{color:var(--primary-color1);font-family:HYYaKuHeiW;font-size:38px;font-weight:400;margin-bottom:20px}.game-hall .content-box .left-part .name-container .name-split[data-v-910beece]{display:block;margin-bottom:8px;margin-top:-4px;width:190px}.game-hall .content-box .left-part .name-container .left-des[data-v-910beece]{color:var(--sub-color);font-family:PingFang SC;font-size:var(--font-size4);font-weight:400}.game-hall .content-box .left-part .name-container .left-en[data-v-910beece]{background:#7d7d7d0a;background-clip:text;-webkit-background-clip:text;bottom:0;font-family:HYYaKuHeiW;font-size:92px;font-weight:400;left:30px;letter-spacing:10%;line-height:1;position:absolute;text-transform:uppercase;-webkit-text-fill-color:transparent}.game-hall .content-box .left-part .icon-left-big[data-v-910beece]{animation:iconsports1 2.5s linear infinite;height:90px;left:405px;position:absolute;top:60px;width:90px}.game-hall .content-box .left-part .icon-left-small[data-v-910beece]{animation:iconsports2 2.5s linear infinite;bottom:13px;height:70px;left:-50px;position:absolute;width:70px}.game-hall .content-box .left-part .icon-group[data-v-910beece]{display:flex;margin-left:30px}.game-hall .content-box .left-part .icon-group .icon-avatar-wrap[data-v-910beece]{cursor:pointer;height:108px;margin-right:50px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:110px}.game-hall .content-box .left-part .icon-group .icon-avatar-wrap .img[data-v-910beece]{height:100%;width:100%}.game-hall .content-box .left-part .icon-group .icon-avatar-wrap .name[data-v-910beece]{background:var(--primary-linear-color);border-radius:60px;bottom:0;box-shadow:0 4px 9px #26a17b40;color:#fff;font-family:PingFang SC;font-size:var(--font-size4);font-weight:500;height:28px;left:0;line-height:28px;position:absolute;text-align:center;width:110px;z-index:1}.game-hall .content-box .right-part[data-v-910beece]{height:100%;position:absolute;right:0;top:0;width:754px}.game-hall .content-box .right-part .right-box[data-v-910beece]{left:138px;position:absolute;top:102px}.game-hall .content-box .right-part .right-box .right-title[data-v-910beece]{font-size:26px;font-weight:700;line-height:1}.game-hall .content-box .right-part .right-box .right-desc[data-v-910beece]{color:#7e7e7e;font-size:18px;line-height:1;margin-top:10px}.game-hall .content-box .right-part .right-box .join-btn[data-v-910beece]{background-color:var(--u-module-background-color);margin-top:37px;--el-color-primary:var(--primary-color);--el-button-hover-text-color:var(--primary-color);--el-button-active-text-color:var(--primary-color);--el-button-border-color:transparent;--el-button-active-border-color:var(--primary-color);height:36px;width:89px;--el-border-radius-base:18px;box-shadow:0 9.61px 19.22px #046a661a}.game-hall .content-box .right-part .right-box .join-btn[data-v-910beece]:active:not(:disabled){box-shadow:inset 0 9.61px 19.22px #046a661a}.game-hall .content-box .right-part>img[data-v-910beece]{cursor:pointer;height:auto}.game-hall .content .active-top[data-v-910beece]{opacity:1;transition:all .4s ease;z-index:1}.game-hall .content .active-top .left-part .name-container .name[data-v-910beece],.game-hall .content .active-top .left-part .name-container .name-split[data-v-910beece]{animation:venue_slide_enter .4s ease;animation-fill-mode:backwards}.game-hall .content .active-top .left-part .name-container .left-des[data-v-910beece],.game-hall .content .active-top .left-part .name-container .left-en[data-v-910beece]{animation:venue_slide_enter .4s ease .1s;animation-fill-mode:backwards}.game-hall .content .topleftout[data-v-910beece]{transition:all .4s ease}.game-hall .content .topleftout .left-part .name-container .name[data-v-910beece],.game-hall .content .topleftout .left-part .name-container .name-split[data-v-910beece]{animation:venue_slide_out .4s ease;animation-fill-mode:backwards}.game-hall .content .topleftout .left-part .name-container .left-des[data-v-910beece],.game-hall .content .topleftout .left-part .name-container .left-en[data-v-910beece]{animation:venue_slide_out .4s ease .1s;animation-fill-mode:backwards}.game-hall .tab-bar-wrap[data-v-910beece]{background:#fff;border:1px solid #f4f4f4;border-radius:20px;height:71px;margin-bottom:20px;margin-top:-145px;position:relative;z-index:2}.game-hall .tab-bar-wrap .tab-bar[data-v-910beece]{cursor:pointer;height:69px}.game-hall .tab-bar-wrap .tab-bar-nbk[data-v-910beece]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;z-index:1}.game-hall .tab-bar-wrap .tab-bar-nbk .icon[data-v-910beece]{height:27px;margin-right:12px;width:27px;fill:#3339;transition:fill .5s ease}.game-hall .tab-bar-wrap .tab-bar-nbk .title-wrap .title-zh[data-v-910beece]{color:var(--primary-color1);font-size:var(--font-size3);opacity:.6;transition:all .5s ease}.game-hall .tab-bar-wrap .tab-bar-nbk .title-wrap .title-en[data-v-910beece]{color:var(--sub-color);font-size:var(--font-size4);transition:all .5s ease}.game-hall .tab-bar-wrap .tab-bar:hover .title-zh[data-v-910beece]{color:var(--primary-color);opacity:1!important}.game-hall .tab-bar-wrap .tab-bar:hover .title-en[data-v-910beece]{color:var(--primary-color)}.game-hall .tab-bar-wrap .tab-bar:hover .icon[data-v-910beece]{fill:var(--primary-color)}.game-hall .tab-bar-wrap .active[data-v-910beece]{color:#fff!important;opacity:1!important}.game-hall .tab-bar-wrap .active .icon[data-v-910beece]{fill:#fff!important;transition:fill .5s ease-out}.game-hall .tab-bar-wrap .tab-bar[data-v-910beece]:first-child{border-radius:24px 0 0 24px}.game-hall .tab-bar-wrap .tab-bar[data-v-910beece]:last-child{border-radius:0 24px 24px 0}.game-hall .tab-bar-wrap .slider[data-v-910beece]{background:var(--primary-linear-color);border-radius:24px;height:51px;left:0;position:absolute;top:10px;transition:all .5s ease}