.ptz-container[data-v-2f2c0d08]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:220px;height:132px;z-index:999}.direction-pannel[data-v-2f2c0d08]{position:relative;width:132px;height:132px}.zoom-panel[data-v-2f2c0d08]{display:flex;height:132px;width:48px;flex-direction:column;align-items:center;justify-content:space-between}.top[data-v-2f2c0d08]{position:absolute;top:0;left:21px}.right[data-v-2f2c0d08]{position:absolute;top:25px;right:0}.bottom[data-v-2f2c0d08]{position:absolute;bottom:0;left:21px}.left[data-v-2f2c0d08]{position:absolute;top:25px;left:0}.page-container[data-v-6031ba8c]{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center}.title-line[data-v-6031ba8c]{display:flex;flex-direction:row;justify-content:space-between;min-height:60px;align-items:center}.title-line-left[data-v-6031ba8c]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.title-line-left-text[data-v-6031ba8c]{font-size:18px;color:#293750;margin:0 8px}.point-selecter[data-v-6031ba8c]{margin:0 8px}.live-video[data-v-6031ba8c]{display:flex;position:relative;flex:auto;z-index:1;width:100%;height:100%}.operation-pannel[data-v-6031ba8c]{position:absolute;bottom:0;width:100%;height:32px;display:flex;flex-direction:row;align-content:center;justify-content:space-between;padding:24px;background-color:#000;opacity:.5}.operation-pannel.center[data-v-6031ba8c]{justify-content:center}.pannel-left[data-v-6031ba8c]{height:100%;display:flex;flex-direction:row;align-items:center;gap:12px;margin-right:10px}.ptz-control[data-v-6031ba8c]{position:absolute;right:20px;bottom:150px;z-index:999}.ptz-control.center[data-v-6031ba8c]{right:50%;transform:translate(50%)}.pannel-right[data-v-6031ba8c]{height:100%;display:flex;flex-direction:row;align-items:center;gap:12px}.video-clarity[data-v-6031ba8c]{font-size:18px;color:#fff;border-style:solid;border-width:2px;border-color:#fff;border-radius:4px}.user-operate-ptzcontrol[data-v-6031ba8c]{position:fixed;right:70px;bottom:70px;padding:10px 16px;gap:4px;background:rgba(89,88,93,.5);border:2px solid #3c8afe;border-radius:8px;z-index:999;max-width:353px;height:70px;display:flex;flex-direction:column}.user-operate-ptzcontrol.center[data-v-6031ba8c]{right:50%;transform:translate(50%)}.ptz-title[data-v-6031ba8c]{color:#fff;font-size:14px;gap:5px}.ptz-users[data-v-6031ba8c]{display:flex;flex-direction:row;align-items:center;color:#fff;font-size:14px}.empty-box[data-v-6031ba8c]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;background-color:#ececec;border-style:dashed;border-width:1px;border-color:#dddde3}.empty-text[data-v-6031ba8c]{color:#acb4c1;margin-top:12px}.recent-seen[data-v-6031ba8c]{position:absolute;top:20px;right:20px;z-index:99}.title-line-left-bar[data-v-6031ba8c]{width:4px;height:16px;background:#4293fe;border-radius:1px;margin-left:16px}.title-line-right-btn[data-v-6031ba8c]{margin-right:16px}.camera-map-group[data-v-6031ba8c]{position:absolute;left:30px;bottom:70px;display:flex;flex-direction:row;align-items:flex-end}.map-icon-box[data-v-6031ba8c]{width:32px;height:32px;background-color:#fff;opacity:.8;border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center}.camera-map[data-v-6031ba8c]{width:340px;height:340px;border-style:solid;border-width:4px;border-color:#4d8eff;margin-left:12px}.camera-map-list[data-v-6031ba8c]{display:flex;flex-direction:column;align-items:center;max-height:340px;overflow:auto;background:hsla(0,0%,100%,.8);border-radius:4px;margin-left:12px;padding:5px}.live-video canvas{border-width:0!important}.live-video .videoContainerId,div#liveVideo-wrap{width:100%!important}.live-video .select{right:15px!important}.live-video .speed-select{left:-60px!important}