.ptz-btn[data-v-64ee73bf]{display:flex;align-items:center;flex-direction:column;justify-content:space-between}.ptz-btn .left-btn[data-v-64ee73bf]{margin-top:20px}.ptz-btn .left-btn div[data-v-64ee73bf]{line-height:55px}.ptz-btn .left-btn div span[data-v-64ee73bf]{font-weight:400;font-size:14px;color:#333;margin-right:10px}.ptz-btn .left-btn div .iconfont[data-v-64ee73bf]{background:#efefef;border-radius:2px;font-size:18px;padding:16px;box-sizing:border-box;cursor:pointer;margin-right:1px}.ptz-btn .left-btn div .iconfont[data-v-64ee73bf]:active{background:#e7e7e7}.ptz-btn .circle-left[data-v-64ee73bf]{width:82px;height:164px;border-radius:0 82px 82px 0;position:absolute;right:0;transform-origin:0 50%;cursor:pointer}.ptz-btn .circle-right[data-v-64ee73bf]{width:82px;height:164px;border-radius:82px 0 0 82px;position:absolute;right:0;transform-origin:100% 50%;cursor:pointer}#circle0[data-v-64ee73bf]{width:164px;height:164px;border-radius:100px;background-color:#cdcdcd;position:relative;transform:rotate(22deg)}#circle2[data-v-64ee73bf]{background-color:#efefef;border:1px solid #cdcdcd;border-top:0}#circle2[data-v-64ee73bf]:after{position:absolute;right:45px;content:"";font-family:iconfont;transform:rotate(20deg);transform-origin:50% 50% 0;font-size:14px;top:14px}#circle2[data-v-64ee73bf]:active{background:#e7e7e7}#circle3[data-v-64ee73bf]{background-color:#efefef;transform:rotate(45deg);border:1px solid #cdcdcd;border-top:0}#circle3[data-v-64ee73bf]:after{position:absolute;right:44px;content:"";font-family:iconfont;transform:rotate(20deg);transform-origin:50% 50% 0;font-size:24px;top:13px}#circle3[data-v-64ee73bf]:active{background:#e7e7e7}#circle4[data-v-64ee73bf]{background-color:#efefef;transform:rotate(90deg);border:1px solid #cdcdcd;border-top:0}#circle4[data-v-64ee73bf]:after{position:absolute;right:50px;content:"";font-family:iconfont;transform:rotate(20deg);transform-origin:50% 50% 0;font-size:14px;top:12px}#circle4[data-v-64ee73bf]:active{background:#e7e7e7}#circle5[data-v-64ee73bf]{background-color:#efefef;transform:rotate(135deg);border:1px solid #cdcdcd;border-top:0}#circle5[data-v-64ee73bf]:after{position:absolute;right:45px;content:"";font-family:iconfont;transform:rotate(20deg);transform-origin:50% 50% 0;font-size:24px;top:11px}#circle5[data-v-64ee73bf]:active{background:#e7e7e7}#circle6[data-v-64ee73bf]{background-color:#efefef;transform:rotate(225deg);border:1px solid #cdcdcd;border-top:0}#circle6[data-v-64ee73bf]:after{position:absolute;right:20px;content:"";font-family:iconfont;transform:rotate(-22deg);transform-origin:50% 50% 0;font-size:14px;top:13px}#circle6[data-v-64ee73bf]:active{background:#e7e7e7}#circle7[data-v-64ee73bf]{background-color:#efefef;transform:rotate(270deg);border:1px solid #cdcdcd;border-top:0}#circle7[data-v-64ee73bf]:after{position:absolute;right:13px;content:"";font-family:iconfont;transform:rotate(-22deg);transform-origin:50% 50% 0;font-size:24px;top:15px}#circle7[data-v-64ee73bf]:active{background:#e7e7e7}#circle8[data-v-64ee73bf]{background-color:#efefef;transform:rotate(315deg);border:1px solid #cdcdcd;border-top:0}#circle8[data-v-64ee73bf]:after{position:absolute;right:20px;content:"";font-family:iconfont;transform:rotate(-22deg);transform-origin:50% 50% 0;font-size:14px;top:15px}#circle8[data-v-64ee73bf]:active{background:#e7e7e7}#circle9[data-v-64ee73bf]{background-color:#efefef}#circle9[data-v-64ee73bf]:after{position:absolute;right:10px;content:"";font-family:iconfont;transform:rotate(-22deg);transform-origin:50% 50% 0;font-size:24px;top:15px}#circle9[data-v-64ee73bf]:active{background:#e7e7e7}#left[data-v-64ee73bf]{right:0;border-left:1px solid #cdcdcd}#left[data-v-64ee73bf],#right[data-v-64ee73bf]{clip:rect(0 82px 164px 0);position:absolute;width:82px;height:164px;overflow:hidden}#right[data-v-64ee73bf]{left:0}.occlusion[data-v-64ee73bf]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#efefef;width:80px;height:80px;border-radius:50%;border:1px solid #cdcdcd}.occlusion .iconfont[data-v-64ee73bf]{position:absolute;top:34%;left:34%;font-size:26px;background:#e4e4e4;box-shadow:0 0 1px 0 rgba(4,41,77,.8);transform:rotate(-22deg);transform-origin:50% 50% 0;cursor:pointer}.occlusion .iconfont[data-v-64ee73bf]:active{background:#e7e7e7}.error-box[data-v-54f32806]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:#fff5f5}.error-box .iconfont[data-v-54f32806]{font-size:36px;color:#fc5659}.error-box em[data-v-54f32806]{font-style:normal;font-size:16px;color:#fc5659}.error-box div[data-v-54f32806]{font-size:12px}.error-box div span[data-v-54f32806]{color:#888}.pan-tilt-control[data-v-eb455a7e]{width:100%;height:100%;display:flex;justify-content:space-between}.pan-tilt-control .left-video[data-v-eb455a7e]{width:78%;height:100%}.pan-tilt-control .left-video .mode-container[data-v-eb455a7e]{width:100%;height:645px;background:#f8f8f8}.pan-tilt-control .left-video .mode-container .mode-list[data-v-eb455a7e]{display:flex;justify-content:flex-end;padding:8px 20px;box-sizing:border-box}.pan-tilt-control .left-video .mode-container .mode-list .mode-item[data-v-eb455a7e]{display:flex;flex-direction:column;align-items:center;color:#a6a6a6;margin-left:10px;font-size:14px;cursor:pointer}.pan-tilt-control .left-video .mode-container .mode-list .mode-item .iconfont[data-v-eb455a7e]{font-size:27px;display:inline-block;margin-top:5px}.pan-tilt-control .left-video .mode-container .mode-list .active[data-v-eb455a7e]{color:#4291f7}.pan-tilt-control .left-video .mode-container .video-view[data-v-eb455a7e]{width:100%;height:calc(100% - 80px)}.pan-tilt-control .left-video .mode-container .video-view .control-bar[data-v-eb455a7e]{width:100%;height:40px;background:#3d3d3d;display:flex;justify-content:flex-end;align-items:center;padding:0 20px;box-sizing:border-box}.pan-tilt-control .left-video .mode-container .video-view .control-bar .iconfont[data-v-eb455a7e]{color:#bfbfbf;font-size:20px;cursor:pointer}.pan-tilt-control .left-video .mode-container .video-view .fullscreen[data-v-eb455a7e]{width:100%;height:calc(100% - 40px)}.pan-tilt-control .left-video .video-info[data-v-eb455a7e]{width:100%;height:117px;margin-top:8px;background:#f8f8f8;padding:20px 0;box-sizing:border-box}.pan-tilt-control .left-video .video-info .video-name[data-v-eb455a7e]{width:100%;display:flex}.pan-tilt-control .left-video .video-info .video-name .video-name-item[data-v-eb455a7e]{width:33.3333333333%;font-size:14px;text-align:center}.pan-tilt-control .left-video .video-info .video-name .video-name-item .label[data-v-eb455a7e]{color:#888}.pan-tilt-control .left-video .video-info .video-name .video-name-item .value[data-v-eb455a7e]{color:#333}.pan-tilt-control .left-video .video-info .video-name .video-name-item .statu0[data-v-eb455a7e]{color:#67c23a}.pan-tilt-control .left-video .video-info .video-action[data-v-eb455a7e]{display:flex;font-size:15px;color:#4291f7;justify-content:space-around;margin-top:20px}.pan-tilt-control .left-video .video-info .video-action .video-action-item[data-v-eb455a7e]{display:flex;flex-direction:column;align-items:center;cursor:pointer}.pan-tilt-control .left-video .video-info .video-action .video-action-item .iconfont[data-v-eb455a7e]{font-size:25px}.pan-tilt-control .left-video .video-info .video-action .video-action-item.disable[data-v-eb455a7e]{cursor:not-allowed}.pan-tilt-control .right-control[data-v-eb455a7e]{width:20%;height:100%}.pan-tilt-control .right-control .right-title[data-v-eb455a7e]{font-weight:700;font-size:16px;color:#333;text-align:center}.pan-tilt-control .right-control .control-btns[data-v-eb455a7e]{width:100%;height:380px;background:#f8f8f8;border-radius:4px 0 4px 4px;padding:25px;box-sizing:border-box}.pan-tilt-control .right-control .presetting[data-v-eb455a7e]{width:100%;background:#f8f8f8;border-radius:4px 0 4px 4px;margin-top:10px;padding:25px;box-sizing:border-box}.pan-tilt-control .right-control .presetting ul[data-v-eb455a7e]{list-style:none;height:calc(100vh - 635px);overflow:auto}.pan-tilt-control .right-control .presetting ul li[data-v-eb455a7e]{font-size:14px;color:#333;line-height:30px;padding:0 10px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between}.pan-tilt-control .right-control .presetting ul li[data-v-eb455a7e]:hover{background:#e7e7e7}.pan-tilt-control .right-control .presetting ul li .location-btn[data-v-eb455a7e]{display:none}.pan-tilt-control .right-control .presetting ul li .location-btn .iconfont[data-v-eb455a7e]{font-size:16px;color:#888}.pan-tilt-control .right-control .presetting ul li:hover .location-btn[data-v-eb455a7e]{display:block}