.waterfall-list[data-v-685ac8d0]{background-color:var(--bacbbe20);overflow:hidden;position:relative;width:100%}.waterfall-item[data-v-685ac8d0]{left:0;position:absolute;top:0;transform:translateY(3000px);visibility:hidden}@keyframes fadeIn-685ac8d0{0%{opacity:0}to{opacity:1}}.fadeIn[data-v-685ac8d0]{animation-name:fadeIn-685ac8d0}.lazy__box[data-v-06fbfcdb]{overflow:hidden;position:relative;width:100%}.lazy__resource[data-v-06fbfcdb]{align-items:center;display:flex;justify-content:center;inset:0;position:absolute}.lazy__img[data-v-06fbfcdb]{display:block}.lazy__img[lazy=loading][data-v-06fbfcdb]{padding:5em 0;width:48px}.lazy__img[lazy=loaded][data-v-06fbfcdb]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.lazy__img[lazy=error][data-v-06fbfcdb]{height:auto;padding:5em 0;width:48px}.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{color:#fff;font-weight:400;inset:0;position:absolute}.vcp-layer div,.vcp-layer svg{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vcp-icon{display:inline-block}.vue-core-video-player-control{color:#fff;font-size:13px;margin-right:10px}.btn-control-panel{background-color:#000000b3;border-radius:4px;bottom:54px;box-sizing:border-box;font-weight:500;left:50%;min-height:30px;padding:20px;position:absolute;transform:translate(-50%)}.btn-control-panel li,.btn-control-panel ul{margin:0;padding:0;text-align:center}.btn-control-panel ul li{align-items:center;display:flex;height:30px;line-height:30px;list-style:none;text-align:left}.btn-control-panel ul li .item-name{align-self:flex-start;flex:1}.btn-control-panel ul li .item-control{align-items:center;cursor:pointer;display:flex;flex:1;justify-content:flex-end;line-height:30px;text-align:right}.btn-control{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;width:30px}.btn-control:focus{background:none;outline-style:none}.btn-control .tips{background-color:#000000b3;border-radius:2px;bottom:54px;color:#ffffffb3;display:none;font-size:12px;font-weight:700;left:50%;line-height:1.2;min-width:30px;padding:4px;position:absolute;text-align:center;transform:translate(-50%);word-break:keep-all;word-wrap:no-wrap;opacity:0;transition:opacity .15s ease-in;white-space:nowrap}.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{bottom:100%;cursor:pointer;height:12px;left:0;position:absolute;width:100%}.vcp-progress-hover .vcp-progress{background-color:#ffffff4d;bottom:0;height:4px;left:0;position:absolute;transition:height .2s ease .05s;width:100%}.vcp-progress-hover:hover .vcp-progress .thumb-drag{opacity:1}.vcp-progress-loaded,.vcp-progress-played{background-color:#ffffffb3;height:100%;left:0;position:absolute;top:0;width:0}.vcp-progress-loaded{transition:width .1s cubic-bezier(.4,0,1,1)}.vcp-progtess-preview{background-color:transparent;bottom:calc(100% + 8px);height:20px;left:0;position:absolute}.vcp-progtess-preview .preview-time{background-color:#000000b3;border-radius:2px;color:#fff;font-size:12px;line-height:1;padding:4px;position:absolute;right:0;top:0;transform:translate(50%)}.vcp-progress-played{background-color:#ff6060;width:0}.vcp-progress-played .thumb-drag{background-color:#fff;border-radius:50%;height:12px;opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%) translate(50%);transition:height .05s ease .15s;width:12px}.vcp-progress-played .thumb-drag:before{background-color:#ffffff4d;border-radius:50%;content:"";display:inline-block;height:16px;left:-2px;position:absolute;top:-2px;width:16px}.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{font-family:Arial!important;line-height:30px;width:140px}.vue-core-video-player-control{display:inline-block;height:30px;position:relative;width:30px}.vue-core-video-player-control svg{width:20px}.volume-control:hover .btn-control-panel{display:block}.volume-control .btn-control-panel{display:none;height:150px;width:40px}.volume-control .btn-control-panel:before{bottom:-30px;content:"";display:block;height:35px;left:0;position:absolute;width:100%}.volume-control .btn-control-panel .progress{background-color:#ffffffb3;cursor:pointer;height:100px;left:50%;margin-left:-2px;margin-top:-50px;position:absolute;top:50%;width:4px}.volume-control .btn-control-panel .progress .volume-current{background-color:#ff6060;bottom:0;height:0;left:0;position:absolute;width:100%}.volume-control .btn-control-panel .progress .volume-current .thumb-drag{background-color:#fff;border-radius:5px;height:10px;left:50%;opacity:0;position:absolute;top:0;transform:translateY(-50%) translate(-50%);transition:height .05s ease .15s;width:10px}.volume-control .btn-control-panel .progress .volume-current .thumb-drag:before{background-color:#ffffff4d;border-radius:7px;content:"";display:inline-block;height:14px;left:-2px;position:absolute;top:-2px;width:14px}.volume-control .btn-control-panel .progress:hover .thumb-drag{opacity:1}.volume-control .btn-control-panel .volume-info{background-color:#000000b3;border-radius:4px;font-size:12px;height:20px;left:0;line-height:20px;position:absolute;top:-30px;width:40px}.settings-open .volume-control:hover .btn-control-panel{display:none}.vue-core-video-player-control .btn-fullscreen svg{width:20px}.vcp-switch{background-color:#fff;border-radius:8px;cursor:pointer;display:inline-block;height:16px;position:relative;width:40px}.vcp-switch:after{background-color:#ff6060;border-radius:7px;content:"";display:inline-block;height:14px;left:2px;position:absolute;top:1px;transition:all .2s ease-in .05s;width:14px}.vcp-switch.open:after{background-color:#60ff60;left:23px}.settings-control .btn-mute{display:none}.settings-control .btn-settings svg{margin-top:-2px;width:24px}.settings-control .btn-control-panel{display:block;left:auto;min-height:130px;right:0;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{cursor:pointer;margin-left:-20px}.vcp-m-dashboard .settings-control .btn-control-panel{bottom:0;left:0;position:fixed;right:0;z-index:20000}.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{background:#0003;bottom:0;height:59px;left:0;margin-left:20px;position:absolute;width:calc(100% - 40px);z-index:12}.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{bottom:5px;height:50px;left:0;position:absolute;text-align:left;width:100%;z-index:10}.playback-control,.setting-control{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;text-align:center;top:0}.playback-control{left:0}.setting-control{right:0}.vcp-m-dashboard{background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);bottom:0;height:49px;left:0;margin-left:10px;position:absolute;width:calc(100% - 20px);z-index:12}.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{text-align:left;z-index:13}.title-layer .video-title{background-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent);font-size:16px;font-weight:700;left:0;line-height:32px;padding:8px 16px;position:absolute;right:0;top:0}.logo-layer{text-align:left;z-index:13}.logo-layer .logo-wrap{opacity:.8;position:absolute;right:15px;text-align:right;top:15px}.logo-layer .logo-wrap img{height:48px;max-width:160px}.play-pause-layer{background:transparent;z-index:13}.play-pause-layer .btn-control{align-items:center;background-color:#fff;border-radius:30px;display:flex;height:60px;justify-content:center;left:50%;margin-left:-30px;margin-top:-30px;position:absolute;top:50%;width:60px}.play-pause-layer .btn-control:before{background-color:#ffffff40;border-radius:36px;content:"";display:block;height:72px;left:50%;margin-left:-36px;margin-top:-36px;position:absolute;top:50%;width:72px}.play-pause-layer .btn-control .btn-play{margin-left:10px}.play-pause-layer .mobile{border-radius:20px;height:40px;margin-left:-20px;margin-top:-20px;width:40px}.play-pause-layer .mobile:before{border-radius:24px;height:48px;margin-left:-24px;margin-top:-24px;width:48px}.play-pause-layer .mobile .btn-play{margin-left:7px}.cover-layer{background-color:#333;z-index:11}.cover-layer img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.loading-layer{background-color:#333;z-index:16}.loading-layer .loading-wrap{height:80px;left:50%;margin-left:-60px;margin-top:-40px;position:absolute;text-align:center;top:50%;width:120px}.loading-layer .h5-layer-loading{height:40px;margin:0 auto;position:relative;width:40px}.loading-layer .h5-layer-loading .spinner{animation:rotator 1.4s linear infinite;backface-visibility:hidden;-webkit-backface-visibility:hidden}.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{animation:dash 1.4s ease-in-out infinite;stroke-dasharray:188.8;stroke-dashoffset:188.8;transform-origin:center}.loading-layer .h5-layer-loading .dot1{animation:dot1a 1.4s ease-in-out infinite;stroke-dasharray:188.8;stroke-dashoffset:187.8;transform-origin:center}.loading-layer .h5-layer-loading .dot2{animation:dot2a 1.4s ease-in-out infinite forwards;stroke-dasharray:188.8;stroke-dashoffset:187.8;transform-origin:center}@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{align-items:center;background-repeat:repeat;display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:14}.error-layer .error-msg-wrap{background-color:#00000090;border-radius:10px;padding:10px}.error-layer .error-msg{color:#fff;font-weight:700}.barrage-layer{height:100%;left:0;position:absolute;top:0;width:100%;z-index:12}.barrage-layer *{margin:0;padding:0}.barrage-layer .barrage-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.barrage-layer .barrage-wrapper .barrage-container{height:100%;inset:0;position:absolute;width:100%}.barrage-layer .barrage-wrapper .barrage-container .barrage-item{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre;z-index:1}.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-avatar{border-radius:50%;margin-left:5px;margin-right:5px;overflow:hidden;position:relative}.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-avatar img,.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-avatar svg{left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0}.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-content{color:#fff;display:block;font-family:SimHei,Microsoft Yahei,Arial,Helvetica,sans-serif;line-height:1;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.self-item{border:1px solid #87ceeb;box-sizing:border-box;z-index:2}.left-item{left:0;transform:translate3d(-100%,0,0)}.left-item,.right-item{padding:2px 5px;position:absolute;will-change:transform}.right-item{right:0;transform:translate3d(100%,0,0)}.bottom-item,.top-item{animation:barrage-center 4s linear;justify-content:center;left:0;padding:2px 0;position:absolute;text-align:center;width:100%;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{bottom:0;height:100%;left:0;position:absolute;width:100%;z-index:11}.vcp-container{margin:0 auto;position:relative}.vcp-container,.vcp-container video{background-color:#000;height:100%;width:100%}.vcp-container video{display:block}.wrap[data-v-2a98ba5a]{align-items:center;background-color:#0a0a0a;background-image:radial-gradient(circle at 30% 20%,rgba(163,85,235,.12),transparent 35%),radial-gradient(circle at 70% 40%,rgba(163,85,235,.08),transparent 40%),radial-gradient(circle at 50% 70%,rgba(163,85,235,.1),transparent 50%),radial-gradient(circle at 20% 80%,rgba(163,85,235,.08),transparent 45%);display:flex;justify-content:center;min-height:100vh}.logo[data-v-2a98ba5a]{animation:fadeIn-2a98ba5a .5s ease-in;background:#ffffffe6;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;padding:2rem;text-align:center}@keyframes fadeIn-2a98ba5a{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}