.video-item-wrapper[data-v-5d939b82]{width:100%;height:100%;position:relative;background-color:#333}.video-item-wrapper .title-wrapper[data-v-5d939b82]{position:absolute;top:0;left:0;right:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));background-image:linear-gradient(#000,transparent)}.video-item-wrapper .title-wrapper .title[data-v-5d939b82]{margin:0 12px;color:#fff}.video-item-wrapper .title-wrapper .close-btn[data-v-5d939b82]{padding:12px;cursor:pointer;border-radius:5px}.video-item-wrapper .title-wrapper .close-btn[data-v-5d939b82]:hover{background-color:rgba(0,0,0,.5)}.video-item-wrapper video[data-v-5d939b82]{width:100%;height:100%}.left-enter[data-v-79605e47],.left-leave-to[data-v-79605e47]{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}.left-enter-active[data-v-79605e47],.left-leave-active[data-v-79605e47]{-webkit-transition:all .8s ease;transition:all .8s ease}.right-enter[data-v-79605e47],.right-leave-to[data-v-79605e47]{opacity:0;-webkit-transform:translateX(800px);transform:translateX(800px)}.right-enter-active[data-v-79605e47],.right-leave-active[data-v-79605e47]{-webkit-transition:all .8s ease;transition:all .8s ease}.line-enter[data-v-79605e47],.line-leave-to[data-v-79605e47]{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.line-enter-active[data-v-79605e47],.line-leave-active[data-v-79605e47]{-webkit-transition:all 1s ease;transition:all 1s ease}.right-side-wrapper[data-v-79605e47]{width:800px;background:rgba(8,24,53,.72);-webkit-box-shadow:0 10px 48px 0 rgba(2,58,255,.16);box-shadow:0 10px 48px 0 rgba(2,58,255,.16);position:absolute;z-index:100;right:0;top:120px}.right-side-wrapper .right-title[data-v-79605e47]{background:-webkit-gradient(linear,left top,right top,from(#3242ff),to(#09002a));background:linear-gradient(90deg,#3242ff,#09002a);opacity:.5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 30px}.right-side-wrapper .right-title .title-name[data-v-79605e47]{color:hsla(0,0%,100%,.85);font-weight:500}.right-side-wrapper .right-title .title-close[data-v-79605e47]{cursor:pointer;color:hsla(0,0%,100%,.85)}.right-side-wrapper .preview-container[data-v-79605e47]{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow-y:scroll}.right-side-wrapper .preview-container .chart-wrapper[data-v-79605e47]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:48%;margin:0 0 .5% 1%;overflow:hidden}.right-side-wrapper .preview-container .video-wrapper[data-v-79605e47]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:200px;padding:0 20px 20px 20px}.right-side-wrapper .preview-container .chart-border[data-v-79605e47]{position:absolute;top:0;bottom:0;left:0;right:0;border-style:solid;border-width:32px 32px;border-image-source:url(../img/video-bg.e14a7051.png);border-image-slice:100 100;border-image-width:1;border-image-outset:0;border-image-repeat:initial;height:260px}.right-side-wrapper .preview-container .chart-title[data-v-79605e47]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:48px;padding:18px 22px 11px;margin:5px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.right-side-wrapper .preview-container .chart-title .title-bg[data-v-79605e47]{position:absolute;left:0;top:0;width:100%;height:100%;background:#0058c5;opacity:.25}.right-side-wrapper .preview-container .chart-title .device-name[data-v-79605e47]{font-size:20px;font-weight:500;line-height:28px;margin-right:10px;color:#36e5ff}.right-side-wrapper .preview-container .chart-title .channel-name[data-v-79605e47]{font-size:16px;line-height:28px;color:#fff}