.page[data-v-54045591]{width:100%;height:100vh;position:relative;overflow:hidden;background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important}.head[data-v-54045591]{position:absolute;z-index:2000;width:100%;background:url(../img/head.4d73948d.png);height:110px;background-repeat:no-repeat;background-position:50%;background-size:cover;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.head img[data-v-54045591]{width:100%}.left[data-v-54045591],.right[data-v-54045591]{position:fixed;height:80px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.right[data-v-54045591]{right:0}.select-power-content[data-v-54045591]{width:220px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAAAgCAYAAACLtkNGAAAAAXNSR0IArs4c6QAAA7dJREFUeF7tnMtuHEUUhr9TNT3jRInGxhkDkoVYICSyAMQ9eQuegEhsgSXiIliAuChLeIHwBLxFQrhEwCJIURZRPBJgx9hjR45neqoOqpoYWNHSdCtuO6cW3pTKXf2dT6WZnv6PsKZvgr6O8jhCBBQFJP+tN5TVev/AVj/0BCQTEBAB9Si3Eb0krOlVhBto3MS7XSL30BiAiHP15FXuPvTgDcD8BFw+Rj2RDsJJ4DTEx1B5Xrgdt3D6Dbjf8GwBd4mUKEneuqOe+HWvbuuPPgHBI1ncUyhLxHiWKBeEtbiLl69QfgX+QtlFmNAxcY9+1Y/BHUzziVsg6bRlGeJz4N5O4u4gchHPNaZs4hnhKdkj0Kv5OXeh5vpjwN1uoQaBfdJ565lSEOnTYZnAi6i+mz4qjPDyKZEf6bBBYESHCScbOHFnX/NsGIH5CWzQoUdBhz4wIPIyQT9KJ+42Xj4m8j0F65SM6DHhTAPiDk3c+StmK/MzqQ08Y7pEFullcV8l6CczcZ18AHzHAusEthlR8hRTQ2cEDp3AdTzQpc8iwgohnkPks5m4qu/j3BV6/Mk+26wyQaSJpwqHft+2gSNOQDWJW3AnPVFghXE8j8gXM3FF3qPgMvfYQNniySxu+jHChhE4XAKqjlt0EZY4wYCS86h+aeIeblns6lUETNwqQjbfSgImbivLYpuqImDiVhGy+VYSMHFbWRbbVBUBE7eKkM23koCJ28qy2KaqCJi4VYRsvpUETNxWlsU2VUXAxK0iZPOtJGDitrIstqkqAiZuFSGbbyUBE7eVZbFNVRH4X3HTa409dxnHOmdyYLK01xqriNr8AyGQXmsc0mWBRcY8Sszv495/rVH1Q7y7grLOiG1gwtkGEhAP5M7sIseawM0c2inwLLLPCvAaUT//N7rjuAr/ie4MCAxrIllNjRxsGIEaBO7cj+4U9ClZwfHKLLpzEJZ0/JATPlNGjCkZNBDdERO3RslsaSKwl1O+XTx9pgxwvHQQltxB9CLe/ZTj6S6nfEsCgbrx8hQvtmEE5iUwzv1rPIGC8E88/YVZPH2oOxC/BvcLsJkbgjjKhhqCmLjzFs3WzQikhiCaozupIcgjCM8S9J2DFkyXcO46whap35cybagFk4lrAtYjkFqCOArgFIEliM8Q5Q1hGK+B/gzuD2AXZQ/XkLip35MNIzAvgRjTwecQl+Q9QYinEbeM8rSwFt5C5QLCE5Ai6Zq6zzTTg0ZqP5eY95Zt3XEhoBx8xU+Nbx3C7yDf/g2QrBYNqM983wAAAABJRU5ErkJggg==);height:40px;background-repeat:no-repeat;background-position:50%;background-size:cover;display:-ms-flexbox;display:flex;margin-left:16px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}[data-v-54045591] .el-input__inner{background:none!important;color:#5cf9ff!important;font-weight:400!important;font-size:14px!important;border:none!important}[data-v-54045591] .el-select__caret{color:#5cf9ff!important}[data-v-54045591] .el-select-dropdown{background-color:#023b8d!important}.time-content[data-v-54045591]{font-weight:400;font-size:14px;color:#fff;line-height:60px;margin-left:30px}.title[data-v-54045591]{font-family:YouSheBiaoTiHei;font-weight:400;font-size:49px;letter-spacing:1px;text-align:center;font-style:normal;text-transform:none;color:#fff;-ms-flex:1;flex:1}.login-user[data-v-54045591]{width:220px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAAAgCAYAAACLtkNGAAAAAXNSR0IArs4c6QAAA7dJREFUeF7tnMtuHEUUhr9TNT3jRInGxhkDkoVYICSyAMQ9eQuegEhsgSXiIliAuChLeIHwBLxFQrhEwCJIURZRPBJgx9hjR45neqoOqpoYWNHSdCtuO6cW3pTKXf2dT6WZnv6PsKZvgr6O8jhCBBQFJP+tN5TVev/AVj/0BCQTEBAB9Si3Eb0krOlVhBto3MS7XSL30BiAiHP15FXuPvTgDcD8BFw+Rj2RDsJJ4DTEx1B5Xrgdt3D6Dbjf8GwBd4mUKEneuqOe+HWvbuuPPgHBI1ncUyhLxHiWKBeEtbiLl69QfgX+QtlFmNAxcY9+1Y/BHUzziVsg6bRlGeJz4N5O4u4gchHPNaZs4hnhKdkj0Kv5OXeh5vpjwN1uoQaBfdJ565lSEOnTYZnAi6i+mz4qjPDyKZEf6bBBYESHCScbOHFnX/NsGIH5CWzQoUdBhz4wIPIyQT9KJ+42Xj4m8j0F65SM6DHhTAPiDk3c+StmK/MzqQ08Y7pEFullcV8l6CczcZ18AHzHAusEthlR8hRTQ2cEDp3AdTzQpc8iwgohnkPks5m4qu/j3BV6/Mk+26wyQaSJpwqHft+2gSNOQDWJW3AnPVFghXE8j8gXM3FF3qPgMvfYQNniySxu+jHChhE4XAKqjlt0EZY4wYCS86h+aeIeblns6lUETNwqQjbfSgImbivLYpuqImDiVhGy+VYSMHFbWRbbVBUBE7eKkM23koCJ28qy2KaqCJi4VYRsvpUETNxWlsU2VUXAxK0iZPOtJGDitrIstqkqAiZuFSGbbyUBE7eVZbFNVRH4X3HTa409dxnHOmdyYLK01xqriNr8AyGQXmsc0mWBRcY8Sszv495/rVH1Q7y7grLOiG1gwtkGEhAP5M7sIseawM0c2inwLLLPCvAaUT//N7rjuAr/ie4MCAxrIllNjRxsGIEaBO7cj+4U9ClZwfHKLLpzEJZ0/JATPlNGjCkZNBDdERO3RslsaSKwl1O+XTx9pgxwvHQQltxB9CLe/ZTj6S6nfEsCgbrx8hQvtmEE5iUwzv1rPIGC8E88/YVZPH2oOxC/BvcLsJkbgjjKhhqCmLjzFs3WzQikhiCaozupIcgjCM8S9J2DFkyXcO46whap35cybagFk4lrAtYjkFqCOArgFIEliM8Q5Q1hGK+B/gzuD2AXZQ/XkLip35MNIzAvgRjTwecQl+Q9QYinEbeM8rSwFt5C5QLCE5Ai6Zq6zzTTg0ZqP5eY95Zt3XEhoBx8xU+Nbx3C7yDf/g2QrBYNqM983wAAAABJRU5ErkJggg==);height:40px;background-repeat:no-repeat;background-position:50%;background-size:cover;display:-ms-flexbox;display:flex;margin-left:16px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.exit img[data-v-54045591]{width:30px;height:30px;margin-left:20px}.user-name[data-v-54045591]{font-weight:400;font-size:14px;color:#46fcfe}.close img[data-v-54045591],.screen img[data-v-54045591]{margin-left:20px;width:30px;height:30px}.camera-panel[data-v-54045591]{position:absolute;top:140px;left:30px;z-index:100;width:280px;max-height:calc(100vh - 300px);padding:16px 14px;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(70,252,254,.25);border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.3);overflow-y:auto}.panel-title[data-v-54045591]{margin-bottom:12px;padding-bottom:7px;font-weight:700;font-size:17px;letter-spacing:1px;color:#46fcfe;border-bottom:2px solid rgba(70,252,254,.3)}.camera-group-list[data-v-54045591]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.camera-group-title[data-v-54045591]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:10px 12px;cursor:pointer;background:rgba(70,252,254,.08);border:1px solid rgba(70,252,254,.15);border-radius:8px;transition:background .2s ease,border-color .2s ease}.camera-group-title[data-v-54045591]:hover{background:rgba(70,252,254,.12);border-color:rgba(70,252,254,.3)}.camera-group-title.active[data-v-54045591]{background:rgba(70,252,254,.18);border-color:rgba(70,252,254,.5);box-shadow:0 0 10px rgba(70,252,254,.3)}.group-name[data-v-54045591]{-ms-flex:1;flex:1;font-size:14px;font-weight:600;color:#46fcfe}.group-count[data-v-54045591]{margin-right:8px;font-size:12px;color:hsla(0,0%,100%,.6)}.expand-arrow[data-v-54045591]{font-size:10px;color:rgba(70,252,254,.6);transition:transform .3s ease}.expand-arrow.expanded[data-v-54045591]{transform:rotate(90deg)}.camera-list[data-v-54045591]{margin-top:4px;padding:8px 10px;background:rgba(70,252,254,.05);border:1px solid rgba(70,252,254,.12);border-radius:6px}.camera-item[data-v-54045591]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:6px 8px;font-size:12px;color:hsla(0,0%,100%,.85);cursor:pointer;transition:background .2s ease;border-radius:4px}.camera-item[data-v-54045591]:hover{background:rgba(70,252,254,.1)}.camera-item.active-camera[data-v-54045591]{background:rgba(255,215,0,.2)!important;border:1px solid gold!important}.camera-name[data-v-54045591]{-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-status[data-v-54045591]{-ms-flex-negative:0;flex-shrink:0;font-size:11px;font-weight:600}.camera-status.online[data-v-54045591]{color:#67c23a}.camera-status.offline[data-v-54045591]{color:#f56c6c}.camera-empty[data-v-54045591]{padding:20px 0;font-size:14px;text-align:center;color:hsla(0,0%,100%,.5)}.video-grid-container[data-v-54045591]{position:absolute;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%);width:72%;max-width:1100px;min-width:700px}.video-grid-container.single-view[data-v-54045591]{width:80%;max-width:1200px;min-width:600px}.video-grid[data-v-54045591]{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;aspect-ratio:16/10}.video-single[data-v-54045591]{width:100%;aspect-ratio:16/9}.video-cell[data-v-54045591]{position:relative;background:rgba(0,0,0,.6);border:2px solid rgba(70,252,254,.3);border-radius:10px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;cursor:pointer}.video-cell[data-v-54045591]:hover{border-color:rgba(70,252,254,.6);box-shadow:0 0 20px rgba(70,252,254,.3)}.video-cell.selected-camera[data-v-54045591]{border-color:gold!important;box-shadow:0 0 20px rgba(255,215,0,.6)!important}.video-cell.single-cell[data-v-54045591]{width:100%;height:100%;border-color:gold;box-shadow:0 0 30px rgba(255,215,0,.4)}.video-placeholder[data-v-54045591]{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(2,25,51,.8) 50%,rgba(0,0,0,.7))}.video-player-container[data-v-54045591]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.video-camera-name[data-v-54045591]{position:absolute;top:12px;left:16px;z-index:10;font-size:16px;font-weight:600;color:#46fcfe;text-shadow:0 0 8px rgba(70,252,254,.5);letter-spacing:1px;pointer-events:none}.video-no-signal[data-v-54045591]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:12px}.no-video-text[data-v-54045591]{font-size:20px;color:hsla(0,0%,100%,.6);letter-spacing:3px;font-weight:500}.video-status[data-v-54045591]{bottom:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;font-weight:600;color:hsla(0,0%,100%,.9)}.back-hint[data-v-54045591],.video-status[data-v-54045591]{position:absolute;right:16px;z-index:10;font-size:13px;pointer-events:none}.back-hint[data-v-54045591]{top:12px;color:hsla(0,0%,100%,.7);background:rgba(0,0,0,.5);padding:4px 10px;border-radius:4px}.status-dot[data-v-54045591]{display:inline-block;width:10px;height:10px;border-radius:50%}.status-dot.online[data-v-54045591]{background-color:#67c23a;box-shadow:0 0 8px #67c23a}.status-dot.offline[data-v-54045591]{background-color:#f56c6c;box-shadow:0 0 8px #f56c6c}.ptz-control-overlay[data-v-54045591]{position:absolute;bottom:8px;right:8px;left:auto;transform:none;z-index:20;padding:6px 8px;background:rgba(0,0,0,.6);border:1px solid rgba(70,252,254,.4);border-radius:6px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:4px;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-cell:hover .ptz-control-overlay[data-v-54045591]{opacity:1;pointer-events:auto}.single-ptz[data-v-54045591]{bottom:16px!important;right:16px!important}.ptz-control-grid[data-v-54045591]{display:-ms-grid;display:grid;-ms-grid-columns:26px 26px 26px;grid-template-columns:26px 26px 26px;-ms-grid-rows:26px 26px 26px;grid-template-rows:26px 26px 26px;gap:2px}.ptz-btn[data-v-54045591]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:26px;height:26px;font-size:12px;cursor:pointer;background:rgba(70,252,254,.2);border:1px solid rgba(70,252,254,.4);border-radius:4px;color:#46fcfe;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:background .2s ease}.ptz-btn[data-v-54045591]:hover{background:rgba(70,252,254,.4)}.ptz-btn[data-v-54045591]:active{background:rgba(70,252,254,.6)}.ptz-up[data-v-54045591]{-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1}.ptz-left[data-v-54045591]{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}.ptz-center[data-v-54045591]{-ms-grid-column:2;grid-column:2;-ms-grid-row:2;grid-row:2;font-size:10px}.ptz-right[data-v-54045591]{-ms-grid-column:3;grid-column:3;-ms-grid-row:2;grid-row:2}.ptz-down[data-v-54045591]{-ms-grid-column:2;grid-column:2;-ms-grid-row:3;grid-row:3}.ptz-zoom-control[data-v-54045591]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px}.ptz-zoom-label[data-v-54045591]{font-size:10px;color:hsla(0,0%,100%,.7)}.ptz-zoom-in[data-v-54045591],.ptz-zoom-out[data-v-54045591]{width:22px;height:22px;font-size:12px}.right-panel[data-v-54045591]{position:absolute;top:140px;right:30px;z-index:100;width:280px}.menu[data-v-54045591]{position:absolute;bottom:40px;left:50%;z-index:2000;display:-ms-flexbox;display:flex;gap:30px;transform:translateX(-50%)}.menu-item[data-v-54045591]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100px;height:100px;text-align:center;cursor:pointer;background-color:hsla(0,0%,100%,.95);border-radius:24px;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.menu-item[data-v-54045591]:hover{background-color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.menu-img img[data-v-54045591]{width:44px;height:44px}.menu-title[data-v-54045591]{margin-top:5px;font-weight:500;font-size:14px;color:#333}.camera-panel[data-v-54045591]::-webkit-scrollbar{width:4px}.camera-panel[data-v-54045591]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:2px}.camera-panel[data-v-54045591]::-webkit-scrollbar-thumb{background:rgba(70,252,254,.3);border-radius:2px}@media (max-height:900px){.head[data-v-54045591]{height:90px}.title[data-v-54045591]{font-size:42px}.camera-panel[data-v-54045591]{top:120px;max-height:calc(100vh - 250px)}.video-grid-container[data-v-54045591]{width:68%;max-width:950px;min-width:600px}.video-grid-container.single-view[data-v-54045591]{width:75%;max-width:1000px;min-width:500px}.video-grid[data-v-54045591]{gap:12px}.video-camera-name[data-v-54045591]{font-size:14px;top:10px;left:12px}.no-video-text[data-v-54045591]{font-size:18px}.video-status[data-v-54045591]{font-size:12px;bottom:10px;right:12px}.ptz-control-overlay[data-v-54045591]{bottom:6px;right:6px;padding:5px 6px}.ptz-control-grid[data-v-54045591]{-ms-grid-columns:22px 22px 22px;grid-template-columns:22px 22px 22px;-ms-grid-rows:22px 22px 22px;grid-template-rows:22px 22px 22px;gap:2px}.ptz-btn[data-v-54045591]{width:22px;height:22px;font-size:10px}.menu[data-v-54045591]{bottom:25px;gap:25px}.menu-item[data-v-54045591]{width:85px;height:85px}.menu-img img[data-v-54045591]{width:38px;height:38px}.menu-title[data-v-54045591]{font-size:12px}}@media (min-height:1000px){.video-grid-container[data-v-54045591]{width:78%;max-width:1300px;min-width:800px}.video-grid-container.single-view[data-v-54045591]{width:85%;max-width:1400px;min-width:700px}.video-grid[data-v-54045591]{gap:20px}.video-camera-name[data-v-54045591]{font-size:18px;top:14px;left:18px}.no-video-text[data-v-54045591]{font-size:22px}.video-status[data-v-54045591]{font-size:14px;bottom:14px;right:18px}.camera-panel[data-v-54045591]{top:160px;max-height:calc(100vh - 350px)}.ptz-control-overlay[data-v-54045591]{bottom:10px;right:10px;padding:8px 10px}.ptz-control-grid[data-v-54045591]{-ms-grid-columns:30px 30px 30px;grid-template-columns:30px 30px 30px;-ms-grid-rows:30px 30px 30px;grid-template-rows:30px 30px 30px}.ptz-btn[data-v-54045591]{width:30px;height:30px;font-size:14px}.menu[data-v-54045591]{bottom:50px;gap:40px}.menu-item[data-v-54045591]{width:115px;height:115px}.menu-img img[data-v-54045591]{width:50px;height:50px}.menu-title[data-v-54045591]{font-size:15px}}