.root{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.container-shell{width:100%;height:100%;position:relative;background:#333}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.5);z-index:10}.spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.reload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.5);z-index:11}.reload-overlay button{padding:8px 20px;font-size:16px;cursor:pointer}.ezuikit-page[data-v-b08f32c6]{width:100%;height:100%;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:relative}.ezuikit-page .video-box[data-v-b08f32c6]{width:100%;height:100%;background:#000;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.25)}.ezuikit-page .video-box .videoBox[data-v-b08f32c6]{width:100%;height:100%}.ezuikit-page .reload-overlay[data-v-b08f32c6]{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.5)}.ezuikit-page .reload-overlay button[data-v-b08f32c6]{padding:8px 20px;font-size:16px;cursor:pointer}.ezuikit-page .toolbar[data-v-b08f32c6]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;gap:10px;max-width:650px}.ezuikit-page .toolbar button[data-v-b08f32c6]{padding:8px 14px;border:none;border-radius:6px;background-color:#1890ff;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.ezuikit-page .toolbar button[data-v-b08f32c6]:hover{background-color:#66b1ff}.ezuikit-page .toolbar button[data-v-b08f32c6]:active{transform:scale(.95)}.map{width:100%;height:100%;box-sizing:border-box;border-radius:.375rem;position:relative}.map .infoBox{-ms-flex-direction:column;flex-direction:column}.map .infoBox,.map .infoBox .equipment-item{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.map .infoBox .equipment-item{font-weight:bolder;font-size:.875rem;color:#333}.map .infoBox .infoBox-item{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.map .infoBox .infoBox-item .infoBox-item-left{width:3.75rem;font-weight:bolder;-ms-flex-pack:end;justify-content:flex-end}.map .infoBox .infoBox-item .infoBox-item-left,.map .infoBox .infoBox-item .infoBox-item-right{box-sizing:border-box;font-size:.75rem;color:#333;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.map .infoBox .infoBox-item .infoBox-item-right{width:calc(100% - 3.75rem);height:100%;font-weight:400;-ms-flex-pack:start;justify-content:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map .infoBox .equipment-box{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}.map .infoBox .equipment-box .equipment-box-left{width:3.75rem;font-weight:bolder;-ms-flex-pack:end;justify-content:flex-end}.map .infoBox .equipment-box .equipment-box-left,.map .infoBox .equipment-box .equipment-box-right{box-sizing:border-box;font-size:.75rem;color:#333;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.map .infoBox .equipment-box .equipment-box-right{width:calc(100% - 3.75rem);height:100%;font-weight:400;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}.map .infoBox .equipment-box .equipment-box-right .video-status-item{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin-bottom:4px}.map .infoBox .equipment-box .equipment-box-right .video-status-item:last-child{margin-bottom:0}.map .infoBox .equipment-box .equipment-box-right .video-status-item .status-dot{width:8px;height:8px;border-radius:50%;margin-right:8px}.map .infoBox .equipment-box .equipment-box-right .video-status-item .status-dot.online{background-color:#67c23a}.map .infoBox .equipment-box .equipment-box-right .video-status-item .status-dot.offline{background-color:#909399}.map .infoBox .infoBox-btn{width:100%;-ms-flex-pack:start;justify-content:flex-start;gap:10px}.map .infoBox .infoBox-btn,.map .infoBox .infoBox-btn .infoBox-btn-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.map .infoBox .infoBox-btn .infoBox-btn-item{width:20px;height:20px;box-sizing:border-box;border-radius:4px;color:#fff;font-weight:500;font-size:12px;-ms-flex-pack:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.map .infoBox .infoBox-btn .infoBox-btn-item:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;margin-bottom:5px}.map .infoBox .infoBox-btn .infoBox-btn-item:hover:after{opacity:1;visibility:visible}.map .infoBox .infoBox-btn .infoBox-btn-item:first-child{border:1px solid #1890ff;padding:3px}.map .infoBox .infoBox-btn .infoBox-btn-item:first-child:hover{transform:scale(1.1)}.map .infoBox .infoBox-btn .infoBox-btn-item:nth-child(2){border:1px solid #6c0;padding:3px}.map .infoBox .infoBox-btn .infoBox-btn-item:nth-child(2):hover{transform:scale(1.1)}.map .infoBox .infoBox-btn .infoBox-btn-item:nth-child(3){border:1px solid red;padding:3px}.map .infoBox .infoBox-btn .infoBox-btn-item:nth-child(3):hover{transform:scale(1.1)}.map .map-tool{position:absolute;bottom:10px;right:10px;padding:5px;border-radius:5px;background-color:#fff;z-index:999;-ms-flex-pack:start;justify-content:flex-start;gap:10px}.map .map-tool,.map .map-tool .map-tool-item{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.map .map-tool .map-tool-item{width:20px;height:20px;border-radius:4px;color:#fff;font-weight:500;font-size:12px;-ms-flex-pack:center;justify-content:center;cursor:pointer;transition:all .3s ease}.map .map-tool .map-tool-item:hover{transform:scale(1.1)}