.flex-center[data-v-61bb0e29]{display:flex;align-items:center}.between[data-v-61bb0e29]{justify-content:space-between}.img-center[data-v-61bb0e29]{top:0}.img-center[data-v-61bb0e29],[data-v-61bb0e29] .van-empty,[data-v-61bb0e29] .van-loading{position:absolute;left:50%;transform:translateX(-50%)}[data-v-61bb0e29] .list-null{top:50%;transform:translate(-50%,-50%)}[data-v-61bb0e29] .van-empty{width:100%}[data-v-61bb0e29] .van-empty .van-empty__image{width:3rem;height:3rem}[data-v-61bb0e29] .van-loading{top:60%}.box[data-v-61bb0e29]{width:100%;background:#f7f8fa;position:absolute;top:0;left:0;bottom:0;overflow-y:scroll}.box .top[data-v-61bb0e29]{width:100%;height:2.1rem;overflow:hidden!important;position:relative}.box .top img[data-v-61bb0e29]{width:100%;height:100%;-o-object-fit:scale-down;object-fit:scale-down}.box .bottom[data-v-61bb0e29]{width:100%}.box .bottom .tabs[data-v-61bb0e29]{width:100%;display:flex;flex-wrap:wrap;background:#fff;padding:.05rem .05rem .05rem;box-shadow:0 .02rem .08rem #f7f8fa;overflow:hidden;position:relative}.box .bottom .tabs .tab-box[data-v-61bb0e29]{height:.32rem;width:32%;padding:0 .1rem;text-align:center;font-size:.12rem;color:#646566;border-radius:.32rem;border:.01rem solid #ebedf0;margin:.05rem .02rem;overflow:hidden;box-sizing:border-box;display:flex;align-items:center}.box .bottom .tabs .tab-box .box-title[data-v-61bb0e29]{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;overflow-x:scroll;height:.19rem;line-height:.19rem}.box .bottom .tabs .tab-box .box-title p[data-v-61bb0e29]{display:inline-block}.box .bottom .tabs .tab-box .box-title[data-v-61bb0e29]::-webkit-scrollbar{height:0;width:0}.box .bottom .tabs .tab-box .box-title[data-v-61bb0e29]::-webkit-scrollbar-thumb{width:0;border-radius:.1rem;background-color:#555}.box .bottom .tabs .tab-box .scroll-box[data-v-61bb0e29]{height:.17rem!important}.box .bottom .tabs .tab-box .scroll-box[data-v-61bb0e29]::-webkit-scrollbar{display:none}.box .bottom .tabs .tab-box .scroll-box-active p[data-v-61bb0e29]{-webkit-animation:move-data-v-61bb0e29 2.5s linear infinite alternate;animation:move-data-v-61bb0e29 2.5s linear infinite alternate}.box .bottom .tabs .tab-box .scroll-box-actives p[data-v-61bb0e29]{-webkit-animation:moves-data-v-61bb0e29 4s linear infinite alternate;animation:moves-data-v-61bb0e29 4s linear infinite alternate}.box .bottom .tabs .tab-box .scroll-box-activers p[data-v-61bb0e29]{-webkit-animation:movers-data-v-61bb0e29 5s linear infinite alternate;animation:movers-data-v-61bb0e29 5s linear infinite alternate}.box .bottom .tabs .arrow-up[data-v-61bb0e29]{width:95%;font-size:.12rem;position:absolute;left:.1rem;bottom:-.04rem;color:#888;text-align:center;background:#fff}.box .bottom .live-data .title-box[data-v-61bb0e29]{height:.53rem;display:flex;justify-content:center;align-items:center;font-size:.16rem;font-weight:900;color:#00ccb0}.box .bottom .live-data .title-box img[data-v-61bb0e29]{display:block;width:.2rem;height:.12rem}.box .bottom .live-data .title-box span[data-v-61bb0e29]{margin:0 .08rem;max-width:calc(80% - .4rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.box .bottom .live-data .live-list[data-v-61bb0e29]{background:#fff;margin:0 .1rem;padding:.03rem .05rem;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border-bottom:.01rem solid #f7f8fa}.box .bottom .live-data .live-list[data-v-61bb0e29]:first-child{border-radius:.1rem .1rem 0 0;padding-top:.05rem}.box .bottom .live-data .live-list[data-v-61bb0e29]:last-child{border-radius:0 0 .1rem .1rem;border:none;padding-bottom:.05rem}.box .bottom .live-data .live-list .live-left[data-v-61bb0e29]{display:block;width:1.24rem;height:.7rem;border-radius:.06rem;overflow:hidden}.box .bottom .live-data .live-list .time-left[data-v-61bb0e29]{width:1.24rem;height:.7rem;border-radius:.1rem;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#8f9daf}.box .bottom .live-data .live-list .time-left span[data-v-61bb0e29]{font-size:.22rem;font-weight:900;color:#fff}.box .bottom .live-data .live-list .live-title[data-v-61bb0e29]{flex:1;font-size:.12rem;height:.7rem;display:flex;overflow:hidden;flex-direction:column;justify-content:space-around;align-items:flex-start;margin-left:.1rem}.box .bottom .live-data .live-list .live-title .studio_title[data-v-61bb0e29]{margin:0;padding:0;font-size:.14rem;color:#000;width:100%;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box .bottom .live-data .live-list .live-title .main-title[data-v-61bb0e29]{font-weight:700;font-size:.15rem}.box .bottom .live-data .live-list .live-title .start_at[data-v-61bb0e29]{font-size:.14rem;color:#999}.box .bottom .live-data .live-list .modeThree .studio_title[data-v-61bb0e29]{font-size:.15rem}.box .bottom .live-data .live-list .modeThree .title-date[data-v-61bb0e29]{display:flex}.box .bottom .live-data .live-list .modeThree .title-date span[data-v-61bb0e29]{margin-left:.2rem}.box .bottom .live-data .live-list .enter-box[data-v-61bb0e29]{width:.41rem;display:flex;justify-content:center;align-items:flex-end;margin-top:.32rem}.box .bottom .live-data .live-list .live-enter[data-v-61bb0e29]{font-size:.12rem;color:#fff;width:.41rem;height:.2rem;line-height:.2rem;text-align:center;border-radius:.02rem;background-color:#00ccb0;cursor:pointer;margin-right:.04rem;padding:0 .04rem}.box .bottom .live-data .live-list .live-color[data-v-61bb0e29]{background-color:#e75a50}.box .bottom .live-data .live-list .live-finish[data-v-61bb0e29]{background:#868686}.box .bottom .live-data .live-list .live-replay[data-v-61bb0e29]{background:#eb8722}.box .bottom .live-data .live-list .live-closure[data-v-61bb0e29]{background:#262626}.box .bottom .live-data .single-box[data-v-61bb0e29]{margin:.1rem 0}.box .bottom .live-data .single-box .live-list[data-v-61bb0e29]{border:none;border-radius:.06rem}@-webkit-keyframes move-data-v-61bb0e29{0%{left:0;transform:translate(0)}to{left:100%;transform:translate(-20%)}}@keyframes move-data-v-61bb0e29{0%{left:0;transform:translate(0)}to{left:100%;transform:translate(-20%)}}@-webkit-keyframes moves-data-v-61bb0e29{0%{left:0;transform:translate(0)}to{left:100%;transform:translate(-30%)}}@keyframes moves-data-v-61bb0e29{0%{left:0;transform:translate(0)}to{left:100%;transform:translate(-30%)}}@-webkit-keyframes movers-data-v-61bb0e29{0%{left:0;transform:translate(0)}to{left:100%;transform:translate(-70%)}}@keyframes movers-data-v-61bb0e29{0%{left:0;transform:translate(0)}to{left:100%;transform:translate(-70%)}}