.short-video[data-v-6b0fd6a6] {
    --van-overlay-background: transparent;
    --van-popup-round-radius: .1rem;
    --van-popup-background: var(--tv-text-1);
    background: var(--tv-bg-1);
    height: calc(100vh - 1.16rem);
    height: calc(100vh - 1.16rem - constant(safe-area-inset-bottom));
    height: calc(100vh - 1.16rem - env(safe-area-inset-bottom));
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.short-video .tab-list[data-v-6b0fd6a6] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 6%, .2)), color-stop(50%, hsla(0, 0%, 6%, .15)), to(hsla(0, 0%, 6%, 0)));
    background: -o-linear-gradient(top, hsla(0, 0%, 6%, .2) 0, hsla(0, 0%, 6%, .15) 50%, hsla(0, 0%, 6%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 6%, .2), hsla(0, 0%, 6%, .15) 50%, hsla(0, 0%, 6%, 0));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5
}

.short-video .tab-list a[data-v-6b0fd6a6] {
    color: #b6bfc6;
    font-size: .3rem;
    line-height: .46rem;
    padding: .22rem
}

.short-video .tab-list a.active[data-v-6b0fd6a6] {
    color: var(--tv-text-2);
    font-size: .32rem;
    font-weight: 700
}

.search-box[data-v-6b0fd6a6] {
    height: .9rem;
    padding: .22rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 22
}

.search-box .search[data-v-6b0fd6a6] {
    color: var(--tv-text-2);
    cursor: pointer;
    font-size: .4rem
}

.channel-video-list[data-v-6b0fd6a6] {
    height: calc(var(--winH) - 1.16rem);
    height: calc(var(--winH) - 1.16rem - constant(safe-area-inset-bottom));
    height: calc(var(--winH) - 1.16rem - env(safe-area-inset-bottom));
    position: relative;
    -webkit-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
    width: 100vw
}

.channel-video-list .video-swiper[data-v-6b0fd6a6] {
    height: 100%;
    position: relative;
    z-index: 4
}

.channel-video-list .video-container[data-v-6b0fd6a6] {
    height: 100%;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.channel-video-list .video-container.show-comment .ios-video[data-v-6b0fd6a6] {
    height: 30vh
}

.channel-video-list .video-container .ios-video[data-v-6b0fd6a6] {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    -webkit-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
    width: 100%;
    z-index: 3
}

.channel-video-list .video-container .bottom-loading[data-v-6b0fd6a6] {
    background: var(--tv-text-10);
    bottom: .02rem;
    height: .02rem;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 4
}

.channel-video-list .video-container .bottom-loading .animate[data-v-6b0fd6a6] {
    -webkit-animation: aniWidth-6b0fd6a6 .66s cubic-bezier(0, .31, .43, 1.02) infinite;
    animation: aniWidth-6b0fd6a6 .66s cubic-bezier(0, .31, .43, 1.02) infinite;
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(10%, var(--tv-text-2)), color-stop(90%, var(--tv-text-2)), to(transparent));
    background: -o-linear-gradient(right, transparent 0, var(--tv-text-2) 10%, var(--tv-text-2) 90%, transparent 100%);
    background: linear-gradient(to left, transparent 0, var(--tv-text-2) 10%, var(--tv-text-2) 90%, transparent 100%);
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 0
}

.channel-video-list .video-container .bottom-duration[data-v-6b0fd6a6] {
    background: rgba(222, 228, 233, .5);
    border-radius: .02rem;
    bottom: .04rem;
    height: .04rem;
    left: .04rem;
    position: absolute;
    right: .04rem;
    z-index: 5
}

.channel-video-list .video-container .bottom-duration .current-time[data-v-6b0fd6a6] {
    background: var(--tv-a-active-1);
    border-radius: .02rem;
    height: .04rem;
    left: 0;
    position: absolute;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    width: 0
}

@-webkit-keyframes aniWidth-6b0fd6a6 {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes aniWidth-6b0fd6a6 {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.default-view[data-v-27d7426c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 1.16rem);
    width: 100%
}

.default-view img[data-v-27d7426c] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}