.video-container[data-v-2b34945e]{width:100%;height:100%;background:#1c2029;border:.25rem solid #000;box-sizing:border-box;overflow:hidden;position:relative;float:left}.video-container .video-box[data-v-2b34945e]{width:100%;height:100%;position:relative;border:.1875rem solid #1c2029;box-sizing:border-box}.video-container .video-box .video-box-con[data-v-2b34945e]{width:100%;height:100%;position:relative}.video-container .video-box.activated[data-v-2b34945e]{border:.125rem solid #409eff}.video-container .video-box .video-in[data-v-2b34945e],.video-container .video-box iframe[data-v-2b34945e]{width:100%;height:100%;padding:0;border:0;margin:0;position:relative;pointer-events:none}.video-container .video-box .none[data-v-2b34945e]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:1.125rem;color:#4e5a6a}.video-container .video-box .none .icon-box[data-v-2b34945e]{font-size:3.875rem}.video-preview-control[data-v-00357f63]{width:17.5rem}.video-preview-control .preview-box[data-v-00357f63]{width:100%}.video-preview-control .preview-box .control-main[data-v-00357f63]{position:relative;width:17.5rem;height:17.5rem;border:.3125rem solid #000;border-radius:50%;box-sizing:border-box}.video-preview-control .preview-box .control-main .circle[data-v-00357f63]{position:absolute;top:.9375rem;left:.9375rem;right:.9375rem;bottom:.9375rem;border-radius:50%;background:#3a3a3c}.video-preview-control .preview-box .control-main .circle .arrow[data-v-00357f63],.video-preview-control .preview-box .control-main .circle .camera[data-v-00357f63]{position:absolute;cursor:pointer;user-select:none;color:#fff;font-size:2rem;line-height:0}.video-preview-control .preview-box .control-main .circle .arrow[data-v-00357f63]:hover,.video-preview-control .preview-box .control-main .circle .camera[data-v-00357f63]:hover{color:#2d8cf0}.video-preview-control .preview-box .control-main .circle .arrow[data-v-00357f63]:active,.video-preview-control .preview-box .control-main .circle .camera[data-v-00357f63]:active{color:#1c64af}.video-preview-control .preview-box .control-main .circle .arrow.arrow-up[data-v-00357f63],.video-preview-control .preview-box .control-main .circle .camera.arrow-up[data-v-00357f63]{left:50%;top:.9375rem;transform:translateX(-50%) rotate(180deg)}.video-preview-control .preview-box .control-main .circle .arrow.arrow-right[data-v-00357f63],.video-preview-control .preview-box .control-main .circle .camera.arrow-right[data-v-00357f63]{right:.9375rem;top:50%;transform:translateY(-50%) rotate(0)}.video-preview-control .preview-box .control-main .circle .arrow.arrow-down[data-v-00357f63],.video-preview-control .preview-box .control-main .circle .camera.arrow-down[data-v-00357f63]{left:50%;bottom:.9375rem;transform:translateX(-50%)}.video-preview-control .preview-box .control-main .circle .arrow.arrow-left[data-v-00357f63],.video-preview-control .preview-box .control-main .circle .camera.arrow-left[data-v-00357f63]{left:.9375rem;top:50%;transform:translateY(-50%) rotate(180deg)}.video-preview-control .preview-box .control-main .circle .camera[data-v-00357f63]{background:#000;color:#fff;width:6.25rem;height:3rem;left:50%;top:50%;font-size:1.375rem;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.video-preview-control .preview-box .control-main .circle .camera.camera-up[data-v-00357f63]{padding-top:.3125rem;margin-top:-3.125rem;border-top-left-radius:3rem;border-top-right-radius:3rem}.video-preview-control .preview-box .control-main .circle .camera.camera-down[data-v-00357f63]{padding-bottom:.3125rem;margin-top:.125rem;border-bottom-left-radius:3rem;border-bottom-right-radius:3rem}.video-preview-control .preview-box .slider[data-v-00357f63]{width:100%;display:flex;align-items:center;justify-content:center;padding-top:1.25rem}.video-preview-control .preview-box .slider span[data-v-00357f63]{margin:0 .9375rem;color:#fff;font-size:1rem}.video-preview-control .preview-box .slider span.slow[data-v-00357f63]{margin-left:0}.video-preview-control .preview-box .slider span.fast[data-v-00357f63]{margin-right:0}.video-preview-control .preview-box .slider .speed[data-v-00357f63]{width:100%;flex:1}.video-preview-control .none[data-v-00357f63]{color:#6d7a8c;text-align:center}.video-index-page{width:100%;height:100%;position:relative;display:flex;display:-webkit-flex;flex-wrap:wrap}.video-index-page .list-btn{position:absolute;z-index:999;left:2.5rem;top:2rem;background-color:#2d8cf0;color:#fff;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:1.75rem;border-radius:50%;cursor:pointer;box-shadow:0 0 .5rem rgba(0,0,0,.2);transition:all .5s}.video-index-page .list-btn.list-btn-open{left:15.125rem}.video-index-page .video-list{width:0;height:100%;overflow:hidden;background-color:#fff;transition:all .5s;box-sizing:border-box}.video-index-page .video-list.video-list-open{width:16.375rem}.video-index-page .video-list .list-box{width:16.375rem;padding:.9375rem 1.25rem 1.25rem 1.5625rem;height:100%;overflow-y:auto;position:relative;box-sizing:border-box}.video-index-page .video-list .list-box .left-head{height:2.5rem;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:700;color:#333}.video-index-page .video-list .list-box .left-head .add-camera{background-color:#2d8cf0;color:#fff;display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;font-size:1rem;border-radius:50%;cursor:pointer;font-weight:400;margin-right:.625rem}.video-index-page .video-list .list-box ul{list-style:none;margin:0;padding:0}.video-index-page .video-list .list-box ul li{margin-top:.625rem;position:relative}.video-index-page .video-list .list-box ul li .item-one{height:2.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;cursor:pointer;color:#444;padding-right:2.5rem;display:flex;align-items:center;font-weight:700}.video-index-page .video-list .list-box ul li .item-one:hover{color:#2d8cf0}.video-index-page .video-list .list-box ul li .device-set{position:absolute;right:.4375rem;top:.3125rem;width:1.875rem;height:1.875rem;display:flex;align-items:center;justify-content:center}.video-index-page .video-list .list-box ul li .device-set .set-btn{color:#444;font-size:1.25rem;cursor:pointer}.video-index-page .video-list .list-box ul li .device-set .set-btn:hover{color:#2d8cf0!important}.video-index-page .video-box{width:100%;height:100%;flex:1;position:relative;padding:1.25rem;box-sizing:border-box;background-color:#000}.video-index-page .control-btn{position:absolute;z-index:999;right:2.5rem;bottom:2.5rem;background-color:#2d8cf0;color:#fff;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:1.75rem;border-radius:50%;cursor:pointer;box-shadow:0 0 .5rem rgba(0,0,0,.2);transition:all .5s}.video-index-page .control-btn.control-btn-open{right:33.625rem;bottom:19.375rem}.video-index-page .control-box{width:0;height:0;overflow:hidden;transition:all .5s;box-sizing:border-box;position:absolute;right:0;bottom:0;z-index:998;box-shadow:0 0 .5rem rgba(0,0,0,.2)}.video-index-page .control-box.control-open{width:35rem;height:23.75rem}.video-index-page .control-box .control-con{width:35rem;height:23.75rem;position:relative;box-sizing:border-box;background-color:#333;display:flex}.video-index-page .control-box .control-con .video-control{flex:1;width:100%;height:23.75rem;display:flex;align-items:center;justify-content:center}.video-index-page .control-box .control-con .slice-box{border-left:.0625rem solid #000;width:8.75rem;height:23.75rem;display:flex;flex-direction:column}.video-index-page .control-box .control-con .slice-box .slice-control{width:100%;flex:1;display:flex;align-items:center;justify-content:center}.video-index-page .control-box .control-con .slice-box .slice-control .control-item{width:5.875rem;height:5.875rem;border-radius:.5rem;background:#1c2029;border:.1875rem solid #333;cursor:pointer;box-sizing:border-box;line-height:0}.video-index-page .control-box .control-con .slice-box .slice-control .control-item img{width:100%;height:100%}.video-index-page .control-box .control-con .slice-box .slice-control .control-item.curr{border:.1875rem solid #2d8cf0}.video-index-page .drop-item{font-size:.875rem;color:#333;padding:.125rem .625rem;text-align:center}.video-index-page .video-container{width:100%;height:100%;display:flex;display:-webkit-flex;flex-wrap:wrap}.video-index-page .videos-1 .video-container{width:100%;height:100%}.video-index-page .videos-4 .video-container{width:50%;height:50%}.video-index-page .videos-9 .video-container{width:33.333333%;height:33.333333%}.video-index-page .video-preview.is-binding{cursor:pointer}.video-index-page .video-preview.is-binding:before{content:"在这里显示";display:block;position:absolute;font-size:1.5rem;color:#fff;background:#000;width:100%;height:100%;text-align:center;box-sizing:border-box;padding-top:2em;opacity:.5;z-index:2}.video-index-page .video-preview.is-binding:hover:before{opacity:.7}.video-index-page .form-info{padding-left:1.25rem}.video-index-page .form-info .el-form-item__label{width:6.875rem}