[v-cloak]{display:none}.video-tabs-video .van-tabs__content{overflow:hidden}.video-tabs-video .video-swiper-item{width:100%;height:100%;display:flex;flex-direction:column}.video-tabs-video .video-swiper-item .detail{width:100%;padding:10px 10px}.video-tabs-video .video-swiper-item .detail .title{font-size:14px;font-weight:700;padding:10px 0;color:#fff;line-height:22px}.video-tabs-video .video-swiper-item .detail .content{width:100%;color:#fff;font-size:12px;line-height:22px;text-align:justify;padding-bottom:10px}.video-tabs-video .video-swiper-item .detail .other{padding:10px 0;display:flex;justify-content:space-between;align-items:center;padding-top:0}.video-tabs-video .video-swiper-item .detail .other .time{color:#9a9a9a;font-size:12px}.video-tabs-video .video-swiper-item .detail .other .num-detail{display:flex;justify-content:flex-end}.video-tabs-video .video-swiper-item .detail .other .num-detail .collect,.video-tabs-video .video-swiper-item .detail .other .num-detail .hot,.video-tabs-video .video-swiper-item .detail .other .num-detail .thumb{display:flex;align-items:center}.video-tabs-video .video-swiper-item .detail .other .num-detail .collect .icon,.video-tabs-video .video-swiper-item .detail .other .num-detail .hot .icon,.video-tabs-video .video-swiper-item .detail .other .num-detail .thumb .icon{height:16px}.video-tabs-video .video-swiper-item .detail .other .num-detail .collect .num,.video-tabs-video .video-swiper-item .detail .other .num-detail .hot .num,.video-tabs-video .video-swiper-item .detail .other .num-detail .thumb .num{font-size:12px;font-family:Source Han Sans CN;font-weight:400;color:#9a9a9a;padding:0 4px}.video-tabs-video .video-swiper-item .detail .other .num-detail .num-info{padding:4px 6px}.video-tabs-video .player-container{flex:1;display:flex;align-items:center;position:relative}.video-tabs-video .player-container video{width:100%}.video-tabs-video .player-container .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:40px;z-index:1;pointer-events:none}.video-tabs-video .player-container .video-player{position:relative;width:100%}.video-tabs-video .player-container .video-player .screen-icon{position:absolute;right:10px;top:10px;height:20px;z-index:10}.video-tabs-video .player-container .video-player .van-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}.video-tabs-video .player-container .video-player .percentage{display:flex;align-items:center;position:absolute;width:100%;flex-direction:column;bottom:4px;transition:all 1s}.video-tabs-video .player-container .video-player .percentage .percentage-com{width:100%}.video-tabs-video .player-container .video-player .percentage .percentage-com .line{flex:1}.video-tabs-video .player-container .video-player .percentage .percentage-com .van-progress{background:hsla(0,0%,86.7%,.2);height:2px}.video-tabs-video .player-container .video-player .percentage .percentage-com .van-progress__portion{background:linear-gradient(90deg,#5fcef9 40%,#65ffbc)}.video-tabs-video .player-container .video-player .percentage .percentage-com .van-progress__portion:after{content:"";width:6px;height:6px;border-radius:8px;background:#65ffbc;box-shadow:0 0 12px rgba(101,255,188,.2);position:absolute;right:0;top:50%;transform:translateY(-50%);color:#fff}.video-tabs-video .player-container .video-player .percentage .time-container{display:flex;justify-content:space-between;width:100%;padding:2px 10px}.video-tabs-video .player-container .video-player .percentage .time-container .total-duration{color:#fff;font-size:10px}.video-tabs-video .player-container .video-player .percentage .time-container .current-time{color:#5fcef9;font-size:10px}.video-tabs-video{height:100%}.video-tabs-video .van-tabs__line{background:linear-gradient(90deg,#77bded,#8deca3);box-shadow:0 6px 8px 0 rgba(120,191,233,.3);border-radius:4px;height:4px;width:25px;bottom:20px}.video-tabs-video .video-tabs-video{height:100%;width:100%}.video-tabs-video .van-tabs{height:100%;display:flex;flex-direction:column}.video-tabs-video .van-tabs__content{flex:1;height:calc(100% - 44px)}.video-tabs-video .list{height:100%;overflow:auto}.video-tabs-video .list .vr-item{padding:0 20px;height:50%;display:flex;flex-direction:column;padding-top:10px}.video-tabs-video .list .vr-item .cover{height:200px;width:100%;position:relative;border-radius:2px;overflow:hidden;flex:1}.video-tabs-video .list .vr-item .cover .vr-icon{height:40px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-o-object-fit:contain;object-fit:contain;pointer-events:none}.video-tabs-video .list .vr-item .cover .label{height:24px;width:100%;background:rgba(0,0,0,.6);position:absolute;bottom:0}.video-tabs-video .list .vr-item .cover .label .title{color:#fff;font-size:12px;line-height:24px;padding:0 10px}.video-tabs-video .list .vr-item .cover img{width:100%;height:100%}.video-tabs-video .list .vr-item .other{display:flex;justify-content:space-between;align-items:center;line-height:30px;padding:10px 0}.video-tabs-video .list .vr-item .other .time{color:#9a9a9a;font-size:12px}.video-tabs-video .list .vr-item .other .num-detail{display:flex;justify-content:flex-end}.video-tabs-video .list .vr-item .other .num-detail .hot,.video-tabs-video .list .vr-item .other .num-detail .thumb{display:flex;align-items:center}.video-tabs-video .list .vr-item .other .num-detail .hot .icon,.video-tabs-video .list .vr-item .other .num-detail .thumb .icon{height:16px}.video-tabs-video .list .vr-item .other .num-detail .hot .num,.video-tabs-video .list .vr-item .other .num-detail .thumb .num{font-size:12px;font-family:Source Han Sans CN;font-weight:400;color:#9a9a9a;padding:0 4px}.video-tabs-video .list .vr-item .other .num-detail .thumb{padding:0 10px}.video-tab{width:100%;overflow:hidden;background-image:url(../img/top-bg.ea7e6e4f.png);background-repeat:no-repeat;background-size:contain}.video-tab.dark-theme{background:#151617;background-image:url(../img/top-bg.ea7e6e4f.png);background-repeat:no-repeat;background-size:contain}.video-tab>.van-tabs>.van-tabs__wrap>.van-tabs__nav{background-color:unset}.video-tab>.van-tabs>.van-tabs__wrap>.van-tabs__nav .van-tab--active .van-tab__text{background:linear-gradient(-20deg,#2d98e2,#56adea 59.76563%,#1a6ecc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:15px;font-weight:700}.video-tab .video-tabs{width:100%;height:100%;display:flex;flex-direction:column}.video-tab .video-tabs .van-tabs__nav{background:unset}.video-tab .video-tabs .van-tabs__nav .van-tab--active .van-tab__text{color:#339be3;font-size:16px;font-weight:400}.video-tab .video-tabs .van-tabs__nav .van-tab__text{color:#5c6065}.video-tab .video-tabs .van-tabs__content{flex:1;height:calc(100% - 44px)}.video-tab .video-tabs .van-tabs__content .van-tab__pane{height:100%}.video-tab .video-tabs>.van-tabs__wrap>.van-tabs__nav>.van-tabs__line{display:none}