.video-swiper-item{width:100%;height:100%;display:flex;flex-direction:column}.video-swiper-item .player-container{flex:1;display:flex;align-items:center;position:relative;flex-direction:column;justify-content:center}.video-swiper-item .player-container .video-container video{max-height:400px}.video-swiper-item .player-container .title{font-size:14px;font-weight:700;padding:10px 0;color:#fff;line-height:22px;margin-bottom:20px;padding:0 10px;text-align:justify;width:100%}.video-swiper-item .player-container .detail{width:100%;padding:10px 10px;padding-bottom:0}.video-swiper-item .player-container .detail .other{display:flex;justify-content:space-between;align-items:center;padding-top:0;justify-content:flex-start}.video-swiper-item .player-container .detail .other .label{color:#366db3;font-size:12px;margin-right:10px}.video-swiper-item .player-container .detail .other .time{color:#9a9a9a;font-size:12px;margin-right:10px}.video-swiper-item .player-container .detail .other .num-detail{display:flex;justify-content:flex-end}.video-swiper-item .player-container .detail .other .num-detail .collect,.video-swiper-item .player-container .detail .other .num-detail .hot,.video-swiper-item .player-container .detail .other .num-detail .thumb{display:flex;align-items:center}.video-swiper-item .player-container .detail .other .num-detail .collect .icon,.video-swiper-item .player-container .detail .other .num-detail .hot .icon,.video-swiper-item .player-container .detail .other .num-detail .thumb .icon{height:12px}.video-swiper-item .player-container .detail .other .num-detail .collect .num,.video-swiper-item .player-container .detail .other .num-detail .hot .num,.video-swiper-item .player-container .detail .other .num-detail .thumb .num{font-size:12px;font-family:Source Han Sans CN;font-weight:400;color:#9a9a9a;padding:0 4px}.video-swiper-item .player-container .detail .other .num-detail .num-info{padding:4px 6px}.video-swiper-item .player-container .detail .types{margin-top:20px}.video-swiper-item .player-container .detail .types:after,.video-swiper-item .player-container .detail .types:before{content:"";display:table}.video-swiper-item .player-container .detail .types:after{clear:both}.video-swiper-item .player-container .detail .types .type{float:left;background-color:hsla(0,0%,100%,.3);color:#fff;margin-right:10px;margin-bottom:10px;font-size:12px;padding:4px 10px;border-radius:2px}.video-swiper-item .player-container .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:40px;z-index:1;pointer-events:none}.video-swiper-item .player-container .video-player{position:relative;width:100%}.video-swiper-item .player-container .video-player .screen-icon{position:absolute;right:10px;top:10px;height:20px;z-index:10}.video-swiper-item .player-container .video-player .van-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}.video-swiper-item .player-container .video-player .percentage{display:flex;align-items:center;position:absolute;width:100%;flex-direction:column;bottom:4px;transition:all 1s}.video-swiper-item .player-container .video-player .percentage .percentage-com{width:100%}.video-swiper-item .player-container .video-player .percentage .percentage-com .line{flex:1}.video-swiper-item .player-container .video-player .percentage .percentage-com .van-progress{background:hsla(0,0%,86.7%,.2);height:2px}.video-swiper-item .player-container .video-player .percentage .percentage-com .van-progress__portion{background:linear-gradient(90deg,#5fcef9 40%,#65ffbc)}.video-swiper-item .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-swiper-item .player-container .video-player .percentage .time-container{display:flex;justify-content:space-between;width:100%;padding:2px 10px}.video-swiper-item .player-container .video-player .percentage .time-container .total-duration{color:#fff;font-size:10px}.video-swiper-item .player-container .video-player .percentage .time-container .current-time{color:#5fcef9;font-size:10px}.video-swiper-item .player-container .video-player video{width:100%}.video-swiper-item .like-container{display:flex;justify-content:space-around;padding-bottom:40px}.video-swiper-item .like-container .collect,.video-swiper-item .like-container .thumb{display:flex;flex-direction:column;-o-object-fit:contain;object-fit:contain;color:#adb7c2;font-size:14px}.video-swiper-item .like-container .collect img,.video-swiper-item .like-container .thumb img{height:30px;margin-bottom:20px}[v-cloak]{display:none}.video-swiper-list{height:100%;position:relative}.video-swiper-list .return-container{height:44px;position:absolute}.video-swiper-list .return{font-size:24px;color:#fff;position:absolute;top:50%;transform:translateY(-50%);padding:0 10px;z-index:10}.video-swiper-list .van-tabs__line{background:#fff;box-shadow:0 6px 8px 0 rgba(120,191,233,.3);border-radius:4px;height:4px;width:25px;bottom:20px}.video-swiper-list .video-tabs-video{height:100%;width:100%}.video-swiper-list .van-tabs{height:100%;display:flex;flex-direction:column}.video-swiper-list .van-tabs__content{overflow:hidden}.video-swiper-list>.van-tabs>.van-tabs__wrap>.van-tabs__nav{background-color:unset}.video-swiper-list>.van-tabs>.van-tabs__wrap>.van-tabs__nav .van-tab--active .van-tab__text{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:15px;font-weight:700}.video-swiper-list .van-tabs__nav{background:unset;justify-content:center}.video-swiper-list .van-tabs__nav .van-tab--active .van-tab__text{color:#fff;font-size:16px;font-weight:400}.video-swiper-list .van-tabs__nav .van-tab__text{color:#5c6065}.video-swiper-list .van-tabs__nav .van-tab{flex:unset;padding:0 20px}.video-swiper-list .van-tabs__content{flex:1;height:calc(100% - 44px)}.video-swiper-list .van-tabs__content .van-tab__pane{height:100%}.video-swiper-list>.van-tabs__wrap>.van-tabs__nav>.van-tabs__line{display:none}.video-swiper{width:100%;height:100%;padding:0;overflow:hidden;display:flex;flex-direction:column;background:#151617}