.flooter-wapper .control-wrapper[data-v-2cb9a7fa]{position:relative;width:12.5rem;height:12.5rem;border-radius:50%;display:flex}.flooter-wapper .control-btn[data-v-2cb9a7fa]{position:absolute;width:38%;height:38%;display:flex;align-items:center;justify-content:center;border:.125rem solid #c9cad3;box-sizing:border-box;transition:all .3s linear}.flooter-wapper .control-btn[data-v-2cb9a7fa]:hover{background-color:#409eff;color:#fff!important}.flooter-wapper .control-btn[data-v-2cb9a7fa]:after{content:"";position:absolute;width:60%;height:60%;background:#fff;z-index:2}.flooter-wapper .control-btn[data-v-2cb9a7fa]:before{content:"";position:relative;display:block;width:1rem;height:1rem;border-top:.1875rem solid #78aee4;border-right:.1875rem solid #78aee4;border-radius:0 .25rem 0 0;box-sizing:border-box;z-index:2}.flooter-wapper .control-top[data-v-2cb9a7fa]{top:0;left:50%;transform:translateX(-50%) rotate(-45deg);border-radius:.25rem 100% .25rem .25rem}.flooter-wapper .control-top[data-v-2cb9a7fa]:before{transform:translate(15%,-20%)}.flooter-wapper .control-top[data-v-2cb9a7fa]:after{left:0;bottom:0;border-top:.125rem solid #c9cad3;border-right:.125rem solid #c9cad3;border-radius:0 100% 0 0}.flooter-wapper .control-bottom[data-v-2cb9a7fa]{left:50%;bottom:0;transform:translateX(-50%) rotate(45deg);border-radius:.25rem .25rem 100% .25rem}.flooter-wapper .control-bottom[data-v-2cb9a7fa]:before{transform:translate(25%) rotate(90deg)}.flooter-wapper .control-bottom[data-v-2cb9a7fa]:after{top:0;left:0;border-bottom:.125rem solid #c9cad3;border-right:.125rem solid #c9cad3;border-radius:0 0 100% 0}.flooter-wapper .control-left[data-v-2cb9a7fa]{top:50%;left:0;transform:translateY(-50%) rotate(45deg);border-radius:.25rem .25rem .25rem 100%}.flooter-wapper .control-left[data-v-2cb9a7fa]:before{transform:translate(-25%) rotate(180deg)}.flooter-wapper .control-left[data-v-2cb9a7fa]:after{right:0;top:0;border-bottom:.125rem solid #c9cad3;border-left:.125rem solid #c9cad3;border-radius:0 0 0 100%}.flooter-wapper .control-right[data-v-2cb9a7fa]{top:50%;right:0;transform:translateY(-50%) rotate(45deg);border-radius:.25rem 100% .25rem .25rem}.flooter-wapper .control-right[data-v-2cb9a7fa]:before{transform:translateY(-25%)}.flooter-wapper .control-right[data-v-2cb9a7fa]:after{left:0;bottom:0;border-top:.125rem solid #c9cad3;border-right:.125rem solid #c9cad3;border-radius:0 100% 0 0}.flooter-wapper .control-round[data-v-2cb9a7fa]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:51.2%;height:51.2%;background:#fff;border-radius:50%}.flooter-wapper .control-round-inner[data-v-2cb9a7fa]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:66%;height:66%;border:.0625rem solid #78aee4;border-radius:50%}.flooter-wapper .control-round-inner[data-v-2cb9a7fa]:after{content:"| |";display:block;width:3.125rem;line-height:3.125rem;text-align:center;background:#78aee4;font-weight:bolder;color:#fff;border-radius:50%}.tool[data-v-2cb9a7fa] .el-button{margin-left:0!important}.real-time-container[data-v-2cb9a7fa]{height:96%;background-color:#fff;box-shadow:.125rem 0 .4375rem .0625rem rgba(0,0,0,.12);border-radius:.625rem;padding:.9375rem;padding-bottom:1rem}.head-title[data-v-2cb9a7fa]{width:97.5%;margin:.9375rem auto .625rem;margin-top:0;position:relative;display:flex;align-items:center;font-size:1.25rem;font-weight:500;color:#000}.head-title .tle[data-v-2cb9a7fa]{width:-moz-max-content;width:max-content;margin:0 .3125rem 0 .9375rem}.head-title .more[data-v-2cb9a7fa]{position:absolute;right:0;font-size:1rem;font-weight:500;color:#5d5555;cursor:pointer}.head-title[data-v-2cb9a7fa]:before{content:"";width:.375rem;height:1.0625rem;position:absolute;border-radius:.625rem;background-color:#307af8}.video-box[data-v-2cb9a7fa]{width:97.5%;height:31.25rem;margin:0 1.25%}.video-container[data-v-2cb9a7fa]{height:100%;background-color:#fff;display:flex;position:relative}.video-container .video-menu[data-v-2cb9a7fa]{width:15%;min-height:100%;border-right:.09375rem solid #ccc;overflow:auto}.video-container .video-menu .head-title[data-v-2cb9a7fa]{width:97.5%;margin:.9375rem auto .625rem;margin-top:0;position:relative;display:flex;align-items:center;font-size:1.25rem;font-weight:500;color:#000}.video-container .video-menu .head-title .tle[data-v-2cb9a7fa]{width:-moz-max-content;width:max-content;margin:0 .3125rem 0 .9375rem}.video-container .video-menu .head-title .more[data-v-2cb9a7fa]{position:absolute;right:0;font-size:1rem;font-weight:500;color:#5d5555;cursor:pointer}.video-container .video-menu .head-title[data-v-2cb9a7fa]:before{content:"";width:.375rem;height:1.0625rem;position:absolute;border-radius:.625rem;background-color:#307af8}.video-container .video-menu .search-bar[data-v-2cb9a7fa]{width:auto;margin:0 auto .625rem;padding:0 .625rem}.video-container .video-menu[data-v-2cb9a7fa] .el-menu{border:none}.video-container .video-menu[data-v-2cb9a7fa] .el-submenu{margin-bottom:.625rem}.video-container .video-menu[data-v-2cb9a7fa] .el-menu-item span{font-size:1rem}.video-container .video-menu[data-v-2cb9a7fa] .el-submenu__title span{font-size:1.125rem}.video-container .video-menu[data-v-2cb9a7fa] .el-submenu__title{font-size:1rem}.video-container .video-menu .status-dot[data-v-2cb9a7fa]{display:inline-block;width:.625rem;height:.625rem;border-radius:50%;margin-left:.625rem;margin-top:-.25rem}.video-container .video-menu .status-dot.online[data-v-2cb9a7fa]{background-color:#67c23a}.video-container .video-menu .status-dot.hls[data-v-2cb9a7fa]{background-color:#409eff}.video-container .video-menu .status-dot.offline[data-v-2cb9a7fa]{background-color:#f56c6c}.video-container .real-video-container[data-v-2cb9a7fa]{width:100%;margin-left:1%;height:98%;display:flex;flex-wrap:wrap}.video-container .real-video-container video[data-v-2cb9a7fa]{width:49%;-o-object-fit:fill!important;object-fit:fill!important}