.root{display:flex;place-content:center;width:100%;height:100%}.container-shell{position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:100%}.container-shell-title{position:absolute;color:#fff;font-size:16px;height:30px;line-height:30px;top:0;right:10px;z-index:99}#container{background:rgba(13,14,27,.7)}.input-container{display:flex;position:relative;top:-60px;height:60px;align-items:center;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.1),#000);place-content:stretch}.input2{bottom:0}.input input[type=input]{flex:auto}.err{top:40px;left:10px;color:red}.err,.option{position:absolute}.option{top:4px;right:10px;display:flex;place-content:center;font-size:12px}.option span{color:#fff}.page{background:url(/bg.jpg);background-repeat:no-repeat;background-position:top}@media (max-width:720px){#container{width:90vw;height:52.7vw}}.camera-control{position:absolute;bottom:45px;right:154px;background-color:#fff;opacity:.9;padding:10px;border-radius:3px;z-index:2;.camera-close{color:#999;width:8px;height:8px;position:absolute;right:10px;top:0;cursor:pointer}.camera-close:before{content:"\2716"}}.flex_content[data-v-4f4cfd54]{display:flex;height:0%;flex-direction:column;-webkit-user-select:none;user-select:none;flex-grow:1}.video_content[data-v-4f4cfd54]{position:relative;display:flex;justify-content:flex-start;width:100%;height:0%;flex-grow:1}.camera-control[data-v-4f4cfd54]{position:absolute;right:154px;bottom:45px}.flexvideo[data-v-4f4cfd54]{height:100%;display:grid;grid-gap:1px;flex:1;transition:all .3s}.flexvideo .video[data-v-4f4cfd54]{position:relative;display:flex;align-items:center}.flexvideo .videoMsg[data-v-4f4cfd54]{position:absolute;opacity:.8;font-size:14px;z-index:5;display:block;top:20px;left:0}.flexvideo .ghost[data-v-4f4cfd54]{opacity:.8}.flexvideo .video-drag[data-v-4f4cfd54]{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;background-color:rgba(0,0,0,.6);z-index:2;cursor:move}.flexvideo .video-drag .drag-icon[data-v-4f4cfd54]{margin-bottom:20px}.flexvideo .video-drag .drag-info-icon[data-v-4f4cfd54]{margin-right:8px}.flextype-1[data-v-4f4cfd54]{grid-template-columns:repeat(1,100%);grid-template-rows:repeat(1,100%)}.flextype-2[data-v-4f4cfd54]{grid-template-columns:repeat(2,50%);grid-template-rows:repeat(2,50%)}.flextype-3[data-v-4f4cfd54]{grid-template-columns:repeat(3,33.33333%);grid-template-rows:repeat(3,33.33333%)}.flextype-4[data-v-4f4cfd54]{grid-template-columns:repeat(4,25%);grid-template-rows:repeat(4,25%)}.playback-control[data-v-4f4cfd54]{width:100%;margin-top:10px;height:72px;flex-shrink:0}.playback-control .playback-option[data-v-4f4cfd54]{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;position:relative}.playback-control .playback-option div[data-v-4f4cfd54]{display:flex;align-items:center}.playback-control .playback-option .playback-btn[data-v-4f4cfd54]{margin:8px;cursor:pointer}.playback-control .playback-option .volume-setting[data-v-4f4cfd54]{position:absolute;right:0;bottom:40px;background-color:hsla(0,0%,100%,.4);padding:16px 0}.playback-control .playback-timeline[data-v-4f4cfd54]{height:32px;background-color:#e8eae9;position:relative;cursor:pointer}.playback-control .playback-timeline .time-step[data-v-4f4cfd54]{background-color:#747472;width:1px;position:absolute;bottom:0;pointer-events:none}.playback-control .playback-timeline .time-step-1[data-v-4f4cfd54]{height:5px}.playback-control .playback-timeline .time-step-2[data-v-4f4cfd54]{height:3px}.playback-control .playback-timeline .time-step-label[data-v-4f4cfd54]{color:#747472;position:absolute;padding:3px;pointer-events:none}.playback-control .playback-timeline .time-drag[data-v-4f4cfd54]{position:absolute;pointer-events:none;height:100%;background-color:rgba(52,94,240,.3);display:flex;align-items:center}.playback-control .playback-timeline .time-drag .clear-drag[data-v-4f4cfd54]{cursor:pointer;pointer-events:all}.playback-control .playback-timeline .time-drag[data-v-4f4cfd54]:after{content:" ";width:2px;height:100%;position:absolute;right:0;background-color:#345ef0}.playback-control .playback-timeline .time-drag[data-v-4f4cfd54]:before{content:" ";width:0;height:0;right:-7px;bottom:0;border:8px solid transparent;position:absolute;border-bottom-color:#345ef0}.playback-control .playback-timeline .time-progress[data-v-4f4cfd54]{position:absolute;top:0;height:100%;width:2px;background-color:#345ef0}@keyframes rotateAnime-79d1e614{form{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tree_item[data-v-79d1e614]{width:100%;overflow:hidden}.tree_item .row[data-v-79d1e614]{width:100%;display:flex;justify-content:flex-start;align-items:center;height:40px}.tree_item .row[data-v-79d1e614]:hover{background-color:#eaeefd}.tree_item .row .item_name[data-v-79d1e614]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.tree_item .row div[data-v-79d1e614]{flex-shrink:0;font-size:14px}.tree_item .row .collapse_token[data-v-79d1e614]{min-width:12px;transition:all .3s linear;transform:scale(.6);cursor:pointer}.tree_item .row .collapse_token span[data-v-79d1e614]{font-size:12px}.tree_item .row .loading[data-v-79d1e614]{animation:rotateAnime-79d1e614 3s linear infinite}.tree_item .row .checkbox_item[data-v-79d1e614]{margin:0 8px}.tree_item .row .unexpend[data-v-79d1e614]{transform:rotate(-90deg) scale(.6)}.loadmore_data[data-v-79d1e614]{width:100%;height:40px;display:flex;justify-content:flex-start;align-items:center;padding-left:20px}.loadmore_data span[data-v-79d1e614]{transform:scale(.6);cursor:pointer}.loadmore_data .text[data-v-79d1e614]{font-size:14px;margin-left:10px;cursor:pointer}.tree_level_1[data-v-79d1e614]{padding-left:0}.tree_level_2[data-v-79d1e614]{padding-left:20px}.tree_level_3[data-v-79d1e614]{padding-left:40px}.tree_level_4[data-v-79d1e614]{padding-left:60px}.tree_level_5[data-v-79d1e614]{padding-left:80px}.video_surveillance[data-v-020a223e]{width:100%;height:calc(100vh - 48px);padding:24px}.video_surveillance .headers[data-v-020a223e]{width:100%;margin-bottom:24px;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.video_surveillance .split_screen[data-v-020a223e]{display:flex;align-items:center}.video_surveillance .split_screen .label[data-v-020a223e]{margin-right:16px;flex-shrink:0;font-size:14px}.video_surveillance .split_screen .sort-control[data-v-020a223e]{margin-right:40px;display:flex;align-items:center;position:relative;z-index:2}.video_surveillance .split_screen .sort-control .sort[data-v-020a223e]{padding:9px 24px}.video_surveillance .split_screen .sort-control .sort[data-v-020a223e] span{display:flex;align-items:center}.video_surveillance .carousel_frequency[data-v-020a223e]{display:flex;margin-bottom:16px}.video_surveillance .carousel_frequency .label[data-v-020a223e]{font-size:14px;padding-right:16px;white-space:nowrap;display:flex;align-items:center}.video_surveillance .no_group_tips[data-v-020a223e]{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;font-size:14px}.video_surveillance .play_mode_switch[data-v-020a223e] .el-radio-button__inner{width:104px;height:36px;line-height:16px}.video_surveillance .main_content[data-v-020a223e]{display:flex;height:100%}.video_surveillance .main_content>div[data-v-020a223e]{border-radius:4px;height:100%;overflow:hidden}.video_surveillance .main_content .device-list-group[data-v-020a223e]{width:256px;background-color:#fff;margin-right:24px;flex-shrink:0;padding:17px 16px;display:flex;flex-direction:column}.video_surveillance .main_content .device-list-group .group[data-v-020a223e]{flex-shrink:0}.video_surveillance .main_content .device-list-group .list[data-v-020a223e] .el-input{margin-bottom:16px}.video_surveillance .main_content .device-list-group[data-v-020a223e] .el-tabs{height:40px;overflow:hidden;margin-bottom:16px}.video_surveillance .main_content .list[data-v-020a223e]{height:100%;overflow:hidden;display:flex;flex-direction:column}.video_surveillance .main_content .tree_content[data-v-020a223e]{overflow:auto;height:100%}.video_surveillance .main_content .onplay_list[data-v-020a223e]{margin-bottom:10px;border-bottom:1px solid #e4e6ed}.video_surveillance .main_content .play_panel[data-v-020a223e]{width:100%;background-color:#fff;display:flex;flex-direction:column;position:relative;z-index:2}.video_surveillance .main_content .play_panel[data-v-020a223e] .el-carousel,.video_surveillance .main_content .play_panel[data-v-020a223e] .el-carousel .el-carousel__container{height:100%}.video_surveillance .main_content .play_panel[data-v-020a223e] .el-carousel .el-carousel__indicators{display:none}.video_surveillance .main_content .play_panel .carousel-sort[data-v-020a223e]{padding:16px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:dialog-fade-in .5s forwards;flex-shrink:1}.video_surveillance .main_content .play_panel .carousel-sort .info[data-v-020a223e]{margin-bottom:12px}.video_surveillance .main_content .play_panel .carousel-sort .info .drag-info-icon[data-v-020a223e]{margin-right:8px}.video_surveillance .main_content .play_panel .carousel-sort .carousel-group-sort[data-v-020a223e]{display:flex}.video_surveillance .main_content .play_panel .carousel-sort .carousel-group-sort .carousel-group[data-v-020a223e]{width:80px;display:flex;flex-direction:column;align-items:center}.video_surveillance .main_content .play_panel .carousel-sort .carousel-group-sort .carousel-group .carousel-group-icon[data-v-020a223e]{border:1px solid;display:flex;flex-wrap:wrap;width:40px;cursor:move}.video_surveillance .main_content .play_panel .carousel-sort .carousel-group-sort .carousel-group .carousel-group-icon .block[data-v-020a223e]{width:19px;height:19px;border:1px solid;display:flex;align-items:center;justify-content:center}.video_surveillance .main_content .play_panel .carousel-sort .carousel-group-sort .carousel-group .group-name[data-v-020a223e]{text-align:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video_surveillance .main_content .play_panel[data-v-020a223e] video{object-fit:cover}.video_surveillance .main_content .play_panel_fullscreen[data-v-020a223e]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:99;border-radius:0}.video_surveillance .sort-mask[data-v-020a223e]{position:absolute;left:0;right:0;top:0;bottom:0;background-color:hsla(0,0%,100%,.5);z-index:1}.carousel-active>.row .item_name{display:flex;justify-content:space-between;align-items:center}.carousel-active>.row .item_name:after{content:"\25CF   \64AD\653E\4E2D";width:60px;height:24px;font-size:12px;background-color:#25d73b;color:#fff;border-top-left-radius:10px;border-bottom-right-radius:10px;display:inline-flex;justify-content:center;align-items:center}