.animated{animation-duration:.5s;animation-fill-mode:both}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}.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;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:#0003}.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%;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;animation:rotator 1.4s linear infinite}.loading-layer .h5-layer-loading p{padding-top:20px}@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;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;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;animation:dot2a 1.4s ease-in-out infinite forwards}@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 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 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;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;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;animation:barrage-center 4s linear;will-change:visibility}@keyframes barrage-left-safari{0%{transform:translate3d(-100%,0,0) rotate(.1deg)}}@keyframes barrage-right-safari{0%{transform:translate3d(100%,0,0) rotate(.1deg)}}@keyframes barrage-left{0%{transform:translate3d(-100%,0,0)}}@keyframes barrage-right{0%{transform:translate3d(100%,0,0)}}@keyframes barrage-center{0%{visibility:visible}to{visibility:hidden}}.ani-pause div{animation-play-state:paused!important}.ani-running div{animation-play-state:running!important}.fullscreen .right-item{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}