.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);border:1px solid var(--el-popover-border-color);border-radius:var(--el-popover-border-radius);box-shadow:var(--el-box-shadow-light);box-sizing:border-box;color:var(--el-text-color-regular);font-size:var(--el-popover-font-size);line-height:1.4;min-width:150px;overflow-wrap:break-word;padding:var(--el-popover-padding);z-index:var(--el-index-popper)}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translate3d(20%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.vcp-layer{position:absolute;top:0;bottom:0;right:0;left:0;color:#fff;font-weight:400}.vcp-layer div,.vcp-layer svg{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vcp-icon{display:inline-block}.vue-core-video-player-control{margin-right:10px;font-size:13px;color:#fff}.btn-control-panel{position:absolute;left:50%;bottom:54px;padding:20px;min-height:30px;box-sizing:border-box;transform:translate(-50%);background-color:#000000b3;border-radius:4px;font-weight:500}.btn-control-panel li,.btn-control-panel ul{margin:0;padding:0;text-align:center}.btn-control-panel ul li{list-style:none;height:30px;line-height:30px;display:flex;align-items:center;text-align:left}.btn-control-panel ul li .item-name{flex:1;align-self:flex-start}.btn-control-panel ul li .item-control{display:flex;flex:1;text-align:right;line-height:30px;align-items:center;justify-content:flex-end;cursor:pointer}.btn-control{position:relative;display:flex;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer}.btn-control:focus{background:none;outline-style:none}.btn-control .tips{display:none;position:absolute;min-width:30px;padding:4px;border-radius:2px;bottom:54px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:#ffffffb3;background-color:#000000b3;text-align:center;line-height:1.2;word-break:keep-all;word-wrap:no-wrap;white-space:nowrap;opacity:0;transition:opacity .15s ease-in}.btn-control svg{opacity:.85;transition:opacity .1s ease}.btn-control:hover svg{opacity:1}.btn-control:hover .tips{display:block;opacity:1}.vcp-progress-hover{position:absolute;bottom:100%;left:0;height:12px;width:100%;cursor:pointer}.vcp-progress-hover .vcp-progress{position:absolute;bottom:0;left:0;height:4px;width:100%;background-color:#ffffff4d;transition:height .2s ease .05s}.vcp-progress-hover:hover .vcp-progress .thumb-drag{opacity:1}.vcp-progress-loaded,.vcp-progress-played{position:absolute;top:0;left:0;width:0;height:100%;background-color:#ffffffb3}.vcp-progress-loaded{transition:width .1s cubic-bezier(.4,0,1,1)}.vcp-progtess-preview{position:absolute;left:0;bottom:calc(100% + 8px);height:20px;background-color:transparent}.vcp-progtess-preview .preview-time{position:absolute;right:0;top:0;padding:4px;color:#fff;font-size:12px;line-height:1;border-radius:2px;transform:translate(50%);background-color:#000000b3}.vcp-progress-played{width:0;background-color:#ff6060}.vcp-progress-played .thumb-drag{opacity:0;position:absolute;right:0;top:50%;width:12px;height:12px;border-radius:50%;background-color:#fff;transform:translateY(-50%) translate(50%);transition:height .05s ease .15s}.vcp-progress-played .thumb-drag:before{content:"";display:inline-block;position:absolute;top:-2px;left:-2px;width:16px;height:16px;border-radius:50%;background-color:#ffffff4d}.vcp-m-dashboard .vcp-progress-hover{bottom:100%}.vcp-m-dashboard .vcp-progress-hover .vcp-progress{height:3px}.vcp-m-dashboard .vcp-progress-hover .vcp-progress-played .thumb-drag{background-color:#ff6060}.vcp-m-dashboard .vcp-progress-hover .vcp-progress-played .thumb-drag:before{background-color:#ff6060;opacity:.25}.vue-core-video-player-control .btn-pause{margin-left:10px}.vue-core-video-player-control .btn-pause svg{width:15px}.vue-core-video-player-control .btn-play{margin-left:10px}.vue-core-video-player-control .btn-play svg{width:16px}.vue-core-video-player-control.timespan{line-height:30px;width:140px;font-family:Arial!important}.vue-core-video-player-control{display:inline-block;position:relative;width:30px;height:30px}.vue-core-video-player-control svg{width:20px}.volume-control:hover .btn-control-panel{display:block}.volume-control .btn-control-panel{display:none;width:40px;height:150px}.volume-control .btn-control-panel:before{content:"";display:block;position:absolute;bottom:-30px;left:0;width:100%;height:35px}.volume-control .btn-control-panel .progress{position:absolute;width:4px;height:100px;left:50%;top:50%;margin-left:-2px;margin-top:-50px;background-color:#ffffffb3;cursor:pointer}.volume-control .btn-control-panel .progress .volume-current{position:absolute;bottom:0;left:0;height:0;width:100%;background-color:#ff6060}.volume-control .btn-control-panel .progress .volume-current .thumb-drag{opacity:0;position:absolute;left:50%;top:0;width:10px;height:10px;border-radius:5px;background-color:#fff;transform:translateY(-50%) translate(-50%);transition:height .05s ease .15s}.volume-control .btn-control-panel .progress .volume-current .thumb-drag:before{content:"";display:inline-block;position:absolute;top:-2px;left:-2px;width:14px;height:14px;border-radius:7px;background-color:#ffffff4d}.volume-control .btn-control-panel .progress:hover .thumb-drag{opacity:1}.volume-control .btn-control-panel .volume-info{position:absolute;top:-30px;left:0;width:40px;height:20px;background-color:#000000b3;border-radius:4px;font-size:12px;line-height:20px}.settings-open .volume-control:hover .btn-control-panel{display:none}.vue-core-video-player-control .btn-fullscreen svg{width:20px}.vcp-switch{display:inline-block;position:relative;width:40px;height:16px;border-radius:8px;background-color:#fff;cursor:pointer}.vcp-switch:after{content:"";display:inline-block;position:absolute;top:1px;left:2px;width:14px;height:14px;border-radius:7px;background-color:#ff6060;transition:all .2s ease-in .05s}.vcp-switch.open:after{left:23px;background-color:#60ff60}.settings-control .btn-mute{display:none}.settings-control .btn-settings svg{width:24px;margin-top:-2px}.settings-control .btn-control-panel{display:block;right:0;left:auto;min-height:130px;transform:translate(0)}.settings-control .btn-control-panel .current-panel{width:180px}.settings-control .btn-control-panel .resolution-list,.settings-control .btn-control-panel .speed-list{width:80px}.settings-control .btn-control-panel .resolution-list li,.settings-control .btn-control-panel .speed-list li{cursor:pointer}.settings-control .btn-control-panel .resolution-list li:first-child,.settings-control .btn-control-panel .speed-list li:first-child{margin-left:-20px;cursor:pointer}.vcp-m-dashboard .settings-control .btn-control-panel{z-index:20000;position:fixed;left:0;right:0;bottom:0}.vcp-m-dashboard .settings-control .btn-control-panel .current-panel{width:100%}.vcp-m-dashboard .settings-control .btn-control-panel .resolution-list,.vcp-m-dashboard .settings-control .btn-control-panel .speed-list{margin-left:20px}.vue-core-video-player-control .btn-pip svg{width:22px}.vcp-dashboard{z-index:12;position:absolute;left:0;bottom:0;width:calc(100% - 40px);margin-left:20px;height:59px;background:rgba(0,0,0,.2)}.fullscreen .vcp-dashboard{bottom:60px}.small .vcp-dashboard{height:49px}.settings-open .vcp-dashboard{display:block!important}.small .vcp-dashboard .vcp-controls{height:40px}.vcp-controls{z-index:10;position:absolute;left:0;bottom:5px;width:100%;height:50px;text-align:left}.playback-control,.setting-control{display:flex;position:absolute;top:0;height:100%;text-align:center;justify-content:center;align-items:center}.playback-control{left:0}.setting-control{right:0}.vcp-m-dashboard{z-index:12;position:absolute;left:0;bottom:0;width:calc(100% - 20px);margin-left:10px;height:49px;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.fullscreen .vcp-m-dashboard{bottom:12px}.small .vcp-m-dashboard{height:39px}.settings-open .vcp-m-dashboard{display:block!important}.small .vcp-m-dashboard .vcp-controls{height:30px}.title-layer{z-index:13;text-align:left}.title-layer .video-title{position:absolute;top:0;left:0;right:0;padding:8px 16px;line-height:32px;font-size:16px;font-weight:700;background-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent)}.logo-layer{z-index:13;text-align:left}.logo-layer .logo-wrap{position:absolute;top:15px;right:15px;opacity:.8;text-align:right}.logo-layer .logo-wrap img{max-width:160px;height:48px}.play-pause-layer{z-index:13;background:transparent}.play-pause-layer .btn-control{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px;background-color:#fff;border-radius:30px}.play-pause-layer .btn-control:before{content:"";display:block;position:absolute;top:50%;left:50%;width:72px;height:72px;margin-left:-36px;margin-top:-36px;border-radius:36px;background-color:#ffffff40}.play-pause-layer .btn-control .btn-play{margin-left:10px}.play-pause-layer .mobile{width:40px;height:40px;margin-left:-20px;margin-top:-20px;border-radius:20px}.play-pause-layer .mobile:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px;border-radius:24px}.play-pause-layer .mobile .btn-play{margin-left:7px}.cover-layer{z-index:11;background-color:#333}.cover-layer img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.loading-layer{z-index:16;background-color:#333}.loading-layer .loading-wrap{position:absolute;left:50%;top:50%;width:120px;height:80px;margin-top:-40px;margin-left:-60px;text-align:center}.loading-layer .h5-layer-loading{position:relative;width:40px;height:40px;margin:0 auto}.loading-layer .h5-layer-loading .spinner{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite}.loading-layer .h5-layer-loading p{padding-top:20px}@-webkit-keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.loading-layer .h5-layer-loading .path{stroke-dasharray:188.8;stroke-dashoffset:188.8;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite}.loading-layer .h5-layer-loading .dot1{stroke-dasharray:188.8;stroke-dashoffset:187.8;transform-origin:center;-webkit-animation:dot1a 1.4s ease-in-out infinite;animation:dot1a 1.4s ease-in-out infinite}.loading-layer .h5-layer-loading .dot2{stroke-dasharray:188.8;stroke-dashoffset:187.8;transform-origin:center;-webkit-animation:dot2a 1.4s ease-in-out infinite forwards;animation:dot2a 1.4s ease-in-out infinite forwards}@-webkit-keyframes dash{0%{stroke-dashoffset:188.8}50%{stroke-dashoffset:188.8/4;transform:rotate(135deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:188.8}50%{stroke-dashoffset:188.8/4;transform:rotate(135deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}@-webkit-keyframes dot1a{0%{stroke-dashoffset:188.8;transform:rotate(0)}50%{stroke-dashoffset:187.8;transform:rotate(135deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}@keyframes dot1a{0%{stroke-dashoffset:188.8;transform:rotate(0)}50%{stroke-dashoffset:187.8;transform:rotate(135deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}@-webkit-keyframes dot2a{0%{stroke-dashoffset:188.8;transform:rotate(0)}50%{stroke-dashoffset:187.8;transform:rotate(415deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}@keyframes dot2a{0%{stroke-dashoffset:188.8;transform:rotate(0)}50%{stroke-dashoffset:187.8;transform:rotate(415deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}.error-layer{z-index:14;display:flex;justify-content:center;align-items:center;flex-direction:column;background-repeat:repeat;text-align:center}.error-layer .error-msg-wrap{border-radius:10px;padding:10px;background-color:#00000090}.error-layer .error-msg{font-weight:700;color:#fff}.barrage-layer{z-index:12;position:absolute;left:0;top:0;width:100%;height:100%}.barrage-layer *{margin:0;padding:0}.barrage-layer .barrage-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.barrage-layer .barrage-wrapper .barrage-container{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0}.barrage-layer .barrage-wrapper .barrage-container .barrage-item{z-index:1;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:pre}.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-avatar{position:relative;border-radius:50%;margin-left:5px;margin-right:5px;overflow:hidden}.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-avatar img,.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-avatar svg{position:absolute;-o-object-fit:cover;object-fit:cover;left:0;top:0}.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-content{display:block;color:#fff;font-family:SimHei,Microsoft Yahei,Arial,Helvetica,sans-serif;line-height:1;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.self-item{z-index:2;border:1px solid #87ceeb;box-sizing:border-box}.left-item{left:0;transform:translate3d(-100%,0,0)}.left-item,.right-item{position:absolute;padding:2px 5px;will-change:transform}.right-item{right:0;transform:translate3d(100%,0,0)}.bottom-item,.top-item{position:absolute;padding:2px 0;width:100%;left:0;justify-content:center;text-align:center;-webkit-animation:barrage-center 4s linear;animation:barrage-center 4s linear;will-change:visibility}@-webkit-keyframes barrage-left-safari{0%{transform:translate3d(-100%,0,0) rotate(.1deg)}}@keyframes barrage-left-safari{0%{transform:translate3d(-100%,0,0) rotate(.1deg)}}@-webkit-keyframes barrage-right-safari{0%{transform:translate3d(100%,0,0) rotate(.1deg)}}@keyframes barrage-right-safari{0%{transform:translate3d(100%,0,0) rotate(.1deg)}}@-webkit-keyframes barrage-left{0%{transform:translate3d(-100%,0,0)}}@keyframes barrage-left{0%{transform:translate3d(-100%,0,0)}}@-webkit-keyframes barrage-right{0%{transform:translate3d(100%,0,0)}}@keyframes barrage-right{0%{transform:translate3d(100%,0,0)}}@-webkit-keyframes barrage-center{0%{visibility:visible}to{visibility:hidden}}@keyframes barrage-center{0%{visibility:visible}to{visibility:hidden}}.ani-pause div{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.ani-running div{-webkit-animation-play-state:running!important;animation-play-state:running!important}.fullscreen .right-item{-webkit-animation:barrage-right 8s linear;animation:barrage-right 8s linear}.vue-core-video-player-layers{z-index:11;position:absolute;left:0;bottom:0;width:100%;height:100%}.vcp-container{position:relative;margin:0 auto}.vcp-container,.vcp-container video{width:100%;height:100%;background-color:#000}.vcp-container video{display:block}.app-section{padding:20px 0}.pagination-container{margin-top:20px;text-align:center}.list-img{width:100%;height:100px}.normal-btn{color:#909399!important}.delete-btn{color:#f56c6c!important}body{height:100%;margin:0;padding-bottom:env(safe-area-inset-bottom)}[data-theme=light] body{background-color:#fff!important}[data-theme=dark] body{background-color:#1b1f23!important}body{line-height:1.5;letter-spacing:1.0382px;transition:background-color .3s,color .3s,border-color .3s;font-family:Chinese Quote,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji}label{font-weight:700}html{height:100%;box-sizing:border-box;overflow-y:overlay;outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}img{object-fit:cover;font-size:0}a:focus,a:active{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}#app{height:100%}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}blockquote{font-size:1rem;color:#999;border-left:.2rem solid #dfe2e5;margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}.vuepress-markdown-body{padding:0!important}[data-theme=light] .vuepress-markdown-body{color:#67696d!important}[data-theme=dark] .vuepress-markdown-body{color:#ccc!important}[data-theme=light] .vuepress-markdown-body{background-color:#fff!important}[data-theme=dark] .vuepress-markdown-body{background-color:#1b1f23!important}.vuepress-markdown-body{transition-duration:.3s}[data-theme=light] .vuepress-markdown-body h1,[data-theme=light] .vuepress-markdown-body h2,[data-theme=light] .vuepress-markdown-body h3,[data-theme=light] .vuepress-markdown-body h4{color:#515769!important}[data-theme=dark] .vuepress-markdown-body h1,[data-theme=dark] .vuepress-markdown-body h2,[data-theme=dark] .vuepress-markdown-body h3,[data-theme=dark] .vuepress-markdown-body h4{color:#ddd!important}[data-theme=light] .vuepress-markdown-body p code,[data-theme=light] .vuepress-markdown-body li code{background-color:#fff5f5}[data-theme=dark] .vuepress-markdown-body p code,[data-theme=dark] .vuepress-markdown-body li code{background-color:#444}[data-theme=light] .vuepress-markdown-body p code,[data-theme=light] .vuepress-markdown-body li code{color:#ff502c}[data-theme=dark] .vuepress-markdown-body p code,[data-theme=dark] .vuepress-markdown-body li code{color:#f1f1f1}.vuepress-markdown-body pre code{background-color:initial!important;color:#fff!important}.vuepress-markdown-body pre{padding:1em!important}.vuepress-markdown-body ::-webkit-scrollbar{height:8px}.vuepress-markdown-body ::-webkit-scrollbar-button{background-color:#4272b1}.vuepress-markdown-body ::-webkit-scrollbar-thumb{background:rgb(142,197,220);border-radius:4px;transition:1s}.vuepress-markdown-body ::-webkit-scrollbar-thumb:hover{background:#17bed2}.vuepress-markdown-body ::-webkit-scrollbar-track{background-color:#787878}.vuepress-markdown-body ::-webkit-scrollbar-corner{background-color:#787878}.vuepress-markdown-body .v-md-pre-wrapper{margin:0!important}.vuepress-markdown-body h1,.vuepress-markdown-body h2{border-bottom:none!important}.github-markdown-body{padding:0!important}[data-theme=light] .github-markdown-body{color:#67696d!important}[data-theme=dark] .github-markdown-body{color:#ccc!important}[data-theme=light] .github-markdown-body h1,[data-theme=light] .github-markdown-body h2,[data-theme=light] .github-markdown-body h3,[data-theme=light] .github-markdown-body h4{color:#515769!important}[data-theme=dark] .github-markdown-body h1,[data-theme=dark] .github-markdown-body h2,[data-theme=dark] .github-markdown-body h3,[data-theme=dark] .github-markdown-body h4{color:#ddd!important}[data-theme=light] .github-markdown-body p code,[data-theme=light] .github-markdown-body li code{background-color:#fff5f5}[data-theme=dark] .github-markdown-body p code,[data-theme=dark] .github-markdown-body li code{background-color:#444}[data-theme=light] .github-markdown-body p code,[data-theme=light] .github-markdown-body li code{color:#ff502c}[data-theme=dark] .github-markdown-body p code,[data-theme=dark] .github-markdown-body li code{color:#f1f1f1}.github-markdown-body h1,.github-markdown-body h2{border-bottom:none!important}.vcp-progress-played,.vcp-m-dashboard .vcp-progress-hover .vcp-progress-played .thumb-drag{background-color:#17bed2!important}.vcp-m-dashboard .vcp-progress-hover .vcp-progress-played .thumb-drag:before{background-color:#17bed2!important}.volume-control .btn-control-panel .progress .volume-current{background-color:#17bed2!important}.vcp-switch:after{background-color:#17bed2!important}.btn-control .btn-play path{fill:#17bed2}.btn-control .btn-pause rect{fill:#17bed2}