.video-player-container[data-v-25f5a100]{max-width:75rem;margin:0 auto;border-radius:.75rem;overflow:hidden;box-shadow:0 .625rem 1.875rem rgba(0,0,0,.3);background:#1a1a1a}.video-wrapper[data-v-25f5a100]{position:relative;padding-top:56.25%;overflow:hidden;background:#262626;transition:all .3s ease}.rtspVideo[data-v-25f5a100]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .3s}.video-wrapper.error .rtspVideo[data-v-25f5a100],.video-wrapper.loading .rtspVideo[data-v-25f5a100]{opacity:.3}.loading-overlay[data-v-25f5a100]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;color:#fff}.spinner[data-v-25f5a100]{width:3.125rem;height:3.125rem;border:.3125rem solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#42b983;animation:spin-25f5a100 1s ease-in-out infinite;margin-bottom:1rem}@keyframes spin-25f5a100{to{transform:rotate(1turn)}}.error-overlay[data-v-25f5a100]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;background:rgba(200,50,50,.7);color:#fff;padding:1.25rem;text-align:center}.error-icon[data-v-25f5a100]{width:3.125rem;height:3.125rem;background:#fff;color:#c83232;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;margin-bottom:1rem}.error-overlay p[data-v-25f5a100]{font-size:1.125rem;margin-bottom:1.25rem;max-width:80%}.error-overlay button[data-v-25f5a100]{background:#fff;color:#333;border:none;padding:.625rem 1.5rem;border-radius:1.875rem;font-weight:700;cursor:pointer;transition:all .3s}.error-overlay button[data-v-25f5a100]:hover{background:#42b983;color:#fff;transform:translateY(-.125rem);box-shadow:0 .25rem .625rem rgba(0,0,0,.2)}.video-controls[data-v-25f5a100]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);padding:.75rem 1.25rem;display:flex;align-items:center;z-index:10;opacity:0;transition:opacity .3s}.video-wrapper:hover .video-controls[data-v-25f5a100]{opacity:1}.video-controls button[data-v-25f5a100]{background:hsla(0,0%,100%,.2);border:none;width:2.25rem;height:2.25rem;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:.75rem;cursor:pointer;transition:all .3s}.video-controls button[data-v-25f5a100]:hover{background:rgba(66,185,131,.7);transform:scale(1.1)}.volume-slider[data-v-25f5a100]{width:5rem;margin:0 .75rem;accent-color:#42b983}.time-display[data-v-25f5a100]{flex-grow:1;color:#eee;font-size:.875rem;padding:0 .625rem}@media (max-width:900px){.video-player-container[data-v-25f5a100]{border-radius:.5rem}.video-controls[data-v-25f5a100]{padding:.5rem .75rem}.volume-slider[data-v-25f5a100]{width:3.75rem}}.flooter-wapper .control-wrapper[data-v-fcab9db4]{position:relative;width:12.5rem;height:12.5rem;border-radius:50%;display:flex}.flooter-wapper .control-btn[data-v-fcab9db4]{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-fcab9db4]:hover{background-color:#409eff;color:#fff!important}.flooter-wapper .control-btn[data-v-fcab9db4]:after{content:"";position:absolute;width:60%;height:60%;background:#fff;z-index:2}.flooter-wapper .control-btn[data-v-fcab9db4]: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-fcab9db4]{top:0;left:50%;transform:translateX(-50%) rotate(-45deg);border-radius:.25rem 100% .25rem .25rem}.flooter-wapper .control-top[data-v-fcab9db4]:before{transform:translate(15%,-20%)}.flooter-wapper .control-top[data-v-fcab9db4]: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-fcab9db4]{left:50%;bottom:0;transform:translateX(-50%) rotate(45deg);border-radius:.25rem .25rem 100% .25rem}.flooter-wapper .control-bottom[data-v-fcab9db4]:before{transform:translate(25%) rotate(90deg)}.flooter-wapper .control-bottom[data-v-fcab9db4]: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-fcab9db4]{top:50%;left:0;transform:translateY(-50%) rotate(45deg);border-radius:.25rem .25rem .25rem 100%}.flooter-wapper .control-left[data-v-fcab9db4]:before{transform:translate(-25%) rotate(180deg)}.flooter-wapper .control-left[data-v-fcab9db4]: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-fcab9db4]{top:50%;right:0;transform:translateY(-50%) rotate(45deg);border-radius:.25rem 100% .25rem .25rem}.flooter-wapper .control-right[data-v-fcab9db4]:before{transform:translateY(-25%)}.flooter-wapper .control-right[data-v-fcab9db4]: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-fcab9db4]{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-fcab9db4]{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-fcab9db4]: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-fcab9db4] .el-button{margin-left:0!important}.real-time-container[data-v-fcab9db4]{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-fcab9db4]{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-fcab9db4]{width:-moz-max-content;width:max-content;margin:0 .3125rem 0 .9375rem}.head-title .more[data-v-fcab9db4]{position:absolute;right:0;font-size:1rem;font-weight:500;color:#5d5555;cursor:pointer}.head-title[data-v-fcab9db4]:before{content:"";width:.375rem;height:1.0625rem;position:absolute;border-radius:.625rem;background-color:#307af8}.video-box[data-v-fcab9db4]{width:97.5%;height:31.25rem;margin:0 1.25%}.video-container[data-v-fcab9db4]{height:100%;background-color:#fff;display:flex;position:relative}.video-container .video-menu[data-v-fcab9db4]{width:15%;min-height:100%;border-right:.09375rem solid #ccc;overflow:auto}.video-container .video-menu .head-title[data-v-fcab9db4]{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-fcab9db4]{width:-moz-max-content;width:max-content;margin:0 .3125rem 0 .9375rem}.video-container .video-menu .head-title .more[data-v-fcab9db4]{position:absolute;right:0;font-size:1rem;font-weight:500;color:#5d5555;cursor:pointer}.video-container .video-menu .head-title[data-v-fcab9db4]:before{content:"";width:.375rem;height:1.0625rem;position:absolute;border-radius:.625rem;background-color:#307af8}.video-container .video-menu .search-bar[data-v-fcab9db4]{width:auto;margin:0 auto .625rem;padding:0 .625rem}.video-container .video-menu[data-v-fcab9db4] .el-menu{border:none}.video-container .video-menu[data-v-fcab9db4] .el-submenu{margin-bottom:.625rem}.video-container .video-menu[data-v-fcab9db4] .el-menu-item span{font-size:1rem}.video-container .video-menu[data-v-fcab9db4] .el-submenu__title span{font-size:1.125rem}.video-container .video-menu[data-v-fcab9db4] .el-submenu__title{font-size:1rem}.video-container .video-menu .status-dot[data-v-fcab9db4]{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-fcab9db4]{background-color:#67c23a}.video-container .video-menu .status-dot.offline[data-v-fcab9db4]{background-color:#f56c6c}.video-container .real-video-container[data-v-fcab9db4]{width:100%;margin-left:1%;height:98%;display:flex;flex-wrap:wrap}.video-container .real-video-container video[data-v-fcab9db4]{width:49%;-o-object-fit:fill!important;object-fit:fill!important}