.camera-modal .zoom-btn[data-v-e3b2442a]{height:50px;width:50px;position:absolute;left:25px;top:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.camera-modal .zoom-btn span[data-v-e3b2442a]{text-align:center;border-radius:50%;display:block;width:18px;height:18px;background:#ccc;line-height:18px;color:#fff;cursor:pointer}.camera-modal .zoom-btn span[data-v-e3b2442a]:hover{background:#2d8cf0}.camera-modal .zoom-btn span.is-scale[data-v-e3b2442a]{-webkit-transform:scale(1.2)!important;transform:scale(1.2)!important}.camera-modal .zoom-hidden[data-v-e3b2442a]{opacity:0;left:0!important;top:0!important;display:none}.camera-modal .title[data-v-e3b2442a]{position:absolute;text-align:center;line-height:80px;width:100%;top:0;z-index:-1;color:#b3adad;-webkit-transform:all .5;transform:all .5}.camera-modal .title-hidden[data-v-e3b2442a]{line-height:30px}.camera-modal .show-scale[data-v-e3b2442a]{-webkit-transform:scale(1.5)!important;transform:scale(1.5)!important}.camera-modal .ptz[data-v-e3b2442a]{background-color:#fff;height:30px;width:30px;position:absolute;z-index:8;border-radius:50%;-webkit-transition:all .5s;transition:all .5s;right:5%;bottom:79px;opacity:.8;overflow:hidden}.camera-modal .ptz[data-v-e3b2442a]:hover{height:100px;width:100px;opacity:1}.camera-modal .circle[data-v-e3b2442a]{width:100px;height:100px;border-radius:50%;background-color:#fff;position:relative;margin:0 auto;-webkit-transition:all .5s;transition:all .5s}.camera-modal .circle-hidden[data-v-e3b2442a]{width:30px;height:30px;opacity:0;visibility:hidden}.camera-modal .arrow[data-v-e3b2442a]{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;cursor:pointer}.camera-modal .arrow--nw[data-v-e3b2442a]{top:14px;left:15px;border-right:15px solid #ccc;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.camera-modal .arrow--nw[data-v-e3b2442a]:hover{border-right-color:#2d8cf0}.camera-modal .arrow--nw.is-scale[data-v-e3b2442a]{-webkit-transform:rotate(45deg) scale(1.5);transform:rotate(45deg) scale(1.5)}.camera-modal .arrow--ne[data-v-e3b2442a]{top:12px;right:15px;border-left:15px solid #ccc;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.camera-modal .arrow--ne[data-v-e3b2442a]:hover{border-left-color:#2d8cf0}.camera-modal .arrow--ne.is-scale[data-v-e3b2442a]{-webkit-transform:rotate(-45deg) scale(1.5);transform:rotate(-45deg) scale(1.5)}.camera-modal .arrow--sw[data-v-e3b2442a]{bottom:10px;left:15px;border-right:15px solid #ccc;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.camera-modal .arrow--sw[data-v-e3b2442a]:hover{border-right-color:#2d8cf0}.camera-modal .arrow--sw.is-scale[data-v-e3b2442a]{-webkit-transform:rotate(-45deg) scale(1.5);transform:rotate(-45deg) scale(1.5)}.camera-modal .arrow--se[data-v-e3b2442a]{bottom:12px;right:15px;border-left:15px solid #ccc;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.camera-modal .arrow--se[data-v-e3b2442a]:hover{border-left-color:#2d8cf0}.camera-modal .arrow--se.is-scale[data-v-e3b2442a]{-webkit-transform:rotate(45deg) scale(1.5);transform:rotate(45deg) scale(1.5)}.camera-modal .arrow--n[data-v-e3b2442a]{top:0;left:50%;margin-left:-7px;border-left:15px solid #ccc;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.camera-modal .arrow--n[data-v-e3b2442a]:hover{border-left-color:#2d8cf0}.camera-modal .arrow--n.is-scale[data-v-e3b2442a]{-webkit-transform:rotate(-90deg) scale(1.5);transform:rotate(-90deg) scale(1.5)}.camera-modal .arrow--s[data-v-e3b2442a]{bottom:0;left:50%;margin-left:-7px;border-left:15px solid #ccc;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.camera-modal .arrow--s[data-v-e3b2442a]:hover{border-left-color:#2d8cf0}.camera-modal .arrow--s.is-scale[data-v-e3b2442a]{-webkit-transform:rotate(90deg) scale(1.5);transform:rotate(90deg) scale(1.5)}.camera-modal .arrow--e[data-v-e3b2442a]{right:5px;top:50%;margin-top:-10px;border-left:15px solid #ccc}.camera-modal .arrow--e[data-v-e3b2442a]:hover{border-left-color:#2d8cf0}.camera-modal .arrow--e.is-scale[data-v-e3b2442a]{-webkit-transform:scale(1.5);transform:scale(1.5)}.camera-modal .arrow--w[data-v-e3b2442a]{left:5px;top:54%;margin-top:-10px;border-right:15px solid #ccc}.camera-modal .arrow--w[data-v-e3b2442a]:hover{border-right-color:#2d8cf0}.camera-modal .arrow--w.is-scale[data-v-e3b2442a]{-webkit-transform:scale(1.5);transform:scale(1.5)}.device-live-player-conatiner{width:100%;height:100%}.device-live-player-conatiner .video-monitor-device-container{width:100%;height:calc(100% - 40px)}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner{width:100%;min-width:936px;min-height:620px;height:100%;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:16px;background:#666;margin-top:20px}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .single-player-window{position:relative;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:.5px solid #fff}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .single-player-window .icon-guanbi{font-size:20px;position:absolute;right:10px;top:10px;z-index:1000}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .single-player-window .single-palyer-container{width:100%;height:100%}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .multiple-player-window{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .multiple-player-window .player-window-item{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:.5px solid #fff}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .multiple-player-window .player-window-item .icon-guanbi{font-size:20px;position:absolute;right:10px;top:10px;z-index:1000}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .multiple-player-window .player-window-item .item-index{position:absolute;bottom:20px;right:20px;font-size:16px;color:#fff}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .multiple-player-window .player-window-item .player-window-conatiner{position:relative;min-height:262px;height:100%;min-width:467px;width:100%}@media screen and (max-width:1920px){.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .multiple-player-window .player-window-item .player-window-conatiner{min-width:367px;min-height:162px}}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .multiple-player-window .player-window-item .player-window-conatiner .player-window-child{min-height:262px;height:100%;min-width:467px}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .multiple-player-window .player-window-item .player-window-conatiner .player-window-child::-webkit-scrollbar{width:3px;height:1px}@media screen and (max-width:1920px){.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .multiple-player-window .player-window-item .player-window-conatiner .player-window-child{min-width:367px;min-height:162px}}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .four-part .player-window-item{width:50%;height:50%}.device-live-player-conatiner .video-monitor-device-container .live-player-conatiner .nine-part .player-window-item{width:33.33333%;height:33.33333%}.device-live-player-conatiner .video-monitor-device-container .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.device-live-player-conatiner .video-monitor-device-container .right a{cursor:pointer;display:inline-block;font-size:20px;margin-left:20px;color:#888}.device-live-player-conatiner .video-monitor-device-container .right .active{color:rgba(0,174,255,.82)}#zdd{width:100%;height:100%}