.content-main[data-v-76676985]{padding:20px}.control-wrapper[data-v-76676985]{position:relative;width:6.25rem;height:6.25rem;max-width:6.25rem;max-height:6.25rem;border-radius:100%;margin-top:1.5rem;margin-left:.5rem;float:left}.control-panel[data-v-76676985]{position:relative;top:0;left:15rem;height:11rem;max-height:11rem;width:60%}.control-btn[data-v-76676985]{display:flex;justify-content:center;position:absolute;width:44%;height:44%;border-radius:5px;border:1px solid #78aee4;box-sizing:border-box;transition:all .3s linear}.control-btn[data-v-76676985]:hover{cursor:pointer}.control-btn i[data-v-76676985]{font-size:20px;color:#78aee4;display:flex;justify-content:center;align-items:center}.control-btn i[data-v-76676985]:hover,.control-zoom-btn[data-v-76676985]:hover{cursor:pointer}.control-round[data-v-76676985]{position:absolute;top:21%;left:21%;width:58%;height:58%;background:#fff;border-radius:100%}.control-round-inner[data-v-76676985]{position:absolute;left:13%;top:13%;display:flex;justify-content:center;align-items:center;width:70%;height:70%;font-size:40px;color:#78aee4;border:1px solid #78aee4;border-radius:100%;transition:all .3s linear}.control-inner-btn[data-v-76676985]{position:absolute;width:60%;height:60%;background:#fafafa}.control-top[data-v-76676985]{top:-8%;left:27%;transform:rotate(-45deg);border-radius:5px 100% 5px 0}.control-top i[data-v-76676985]{transform:rotate(45deg);border-radius:5px 100% 5px 0}.control-top .control-inner[data-v-76676985]{left:-1px;bottom:0;border-top:1px solid #78aee4;border-right:1px solid #78aee4;border-radius:0 100% 0 0}.control-top .fa[data-v-76676985]{transform:rotate(45deg) translateY(-7px)}.control-left[data-v-76676985]{top:27%;left:-8%;transform:rotate(45deg);border-radius:5px 0 5px 100%}.control-left i[data-v-76676985]{transform:rotate(-45deg)}.control-left .control-inner[data-v-76676985]{right:-1px;top:-1px;border-bottom:1px solid #78aee4;border-left:1px solid #78aee4;border-radius:0 0 0 100%}.control-left .fa[data-v-76676985]{transform:rotate(-45deg) translateX(-7px)}.control-right[data-v-76676985]{top:27%;right:-8%;transform:rotate(45deg);border-radius:5px 100% 5px 0}.control-right i[data-v-76676985]{transform:rotate(-45deg)}.control-right .control-inner[data-v-76676985]{left:-1px;bottom:-1px;border-top:1px solid #78aee4;border-right:1px solid #78aee4;border-radius:0 100% 0 0}.control-right .fa[data-v-76676985]{transform:rotate(-45deg) translateX(7px)}.control-bottom[data-v-76676985]{left:27%;bottom:-8%;transform:rotate(45deg);border-radius:0 5px 100% 5px}.control-bottom i[data-v-76676985]{transform:rotate(-45deg)}.control-bottom .control-inner[data-v-76676985]{top:-1px;left:-1px;border-bottom:1px solid #78aee4;border-right:1px solid #78aee4;border-radius:0 0 100% 0}.control-bottom .fa[data-v-76676985]{transform:rotate(-45deg) translateY(7px)}.trank[data-v-76676985]{width:80%;height:180px;text-align:left;padding:0 10%;overflow:auto}.trankInfo[data-v-76676985]{width:80%;padding:0 10%}.table-camera[data-v-76676985]{height:100%;border:1px solid #f1f1f1;overflow:auto;box-sizing:border-box}.camera-detail[data-v-76676985]{width:100%;height:100%;overflow:auto;display:flex}.camera-detail .area[data-v-76676985]{overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;width:260px;padding:15px;height:100%;min-height:770px;background:#f9f9f9;box-sizing:border-box}.camera-detail .area .scont[data-v-76676985]{position:relative}.camera-detail .area .scont img[data-v-76676985]{position:absolute;top:0;right:0;padding:6px;cursor:pointer}.camera-detail .area .panel-tree[data-v-76676985]{padding-top:5px}.camera-detail .scene[data-v-76676985]{flex:1;box-sizing:border-box;padding:20px;text-align:center}.camera-detail .scene .ydkz li[data-v-76676985]{margin-left:10px}.camera-detail .scene .ydkz img[data-v-76676985]{width:35px;height:35px}.camera-detail .scene .box[data-v-76676985]{border:0!important}.camera-detail .scene .box .sxtkz li p[data-v-76676985]{width:80px;text-align:right;margin-right:10px}.camera-detail .scene .box .sxtkz li img[data-v-76676985]{width:35px;height:35px}.camera-detail .scene .move img[data-v-76676985]{width:100%;height:100%}.camera-detail .lib-all[data-v-76676985]{width:100%;background:#f9f9f9}.camera-detail .lib[data-v-76676985]{display:flex;padding:10px 0 0 0;box-sizing:border-box;justify-content:center;margin:0 auto;overflow:hidden;width:100%}.camera-detail .lib .box[data-v-76676985]{margin-bottom:15px;padding:20px 15px 0 0;border-bottom:1px solid #dedede;border-radius:5px}.camera-detail .lib .box[data-v-76676985]:last-child{border-bottom:0}.camera-detail .lib .box[data-v-76676985]:last-of-type{margin-bottom:0}.camera-detail .lib h4[data-v-76676985]{padding-bottom:15px;color:#333;font-size:16px;text-align:center}.camera-detail .lib .move[data-v-76676985]{padding-bottom:10px}.camera-detail .lib .move .kz[data-v-76676985]{position:relative;width:80px;margin:0 auto}.camera-detail .lib .move .kz img[data-v-76676985]{width:100%}.camera-detail .lib .move .kz span[data-v-76676985]{position:absolute;width:20px;height:20px;box-sizing:border-box;border-radius:50%;cursor:pointer}.camera-detail .lib .move .kz .s1[data-v-76676985]{top:0;left:30px}.camera-detail .lib .move .kz .s2[data-v-76676985]{top:12px;left:47px}.camera-detail .lib .move .kz .s3[data-v-76676985]{top:29px;left:60px}.camera-detail .lib .move .kz .s4[data-v-76676985]{top:47px;left:47px}.camera-detail .lib .move .kz .s5[data-v-76676985]{top:59px;left:30px}.camera-detail .lib .move .kz .s6[data-v-76676985]{top:47px;left:13px}.camera-detail .lib .move .kz .s7[data-v-76676985]{top:29px;left:0}.camera-detail .lib .move .kz .s8[data-v-76676985]{top:12px;left:13px}.camera-detail .lib .ydkz[data-v-76676985]{display:flex;flex-wrap:wrap;justify-content:space-around}.camera-detail .lib .ydkz li[data-v-76676985]{display:flex;flex-direction:column;align-items:center;padding-bottom:10px;color:#333}.camera-detail .lib .ydkz li img[data-v-76676985]{padding-bottom:10px}.camera-detail .lib .sxtkz li[data-v-76676985]{display:flex;align-items:center;justify-content:center;padding-bottom:15px;color:#333}.camera-detail .lib .sxtkz li img[data-v-76676985]{width:16px;margin:0 10px;cursor:pointer}.camera-detail .lib .afgn .time[data-v-76676985]{display:flex;align-items:center;padding-bottom:10px;white-space:nowrap;color:#333}.camera-detail .lib .afgn .time p[data-v-76676985]{padding-right:10px}.camera-detail .lib .afgn .time .panel-time-select[data-v-76676985]{margin-left:8px}.camera-detail .lib .afgn .time img[data-v-76676985]{width:35px;height:35px;margin-left:8px;cursor:pointer}.camera-detail .lib .afgn .list[data-v-76676985]{display:flex;align-items:center;justify-content:center}.camera-detail .lib .afgn .list li[data-v-76676985]{display:flex;flex-direction:column;align-items:center;padding-bottom:10px;margin-right:20px;color:#333;cursor:pointer}.camera-detail .lib .afgn .list li[data-v-76676985]:last-of-type{margin-right:0}.camera-detail .lib .afgn .list li img[data-v-76676985]{padding-bottom:10px}.camera-detail .lib .gnan[data-v-76676985]{display:flex;align-items:center;justify-content:center}.camera-detail .lib .gnan li[data-v-76676985]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:53px;padding-bottom:10px;margin-right:20px;color:#333;cursor:pointer}.camera-detail .lib .gnan li img[data-v-76676985]{width:35px;height:35px}.camera-detail .lib .gnan li[data-v-76676985]:last-of-type{margin-right:0}.camera-detail .playback[data-v-76676985]{border-color:#0073d7;background:#0073d7;color:#fff;text-align:center;line-height:30px;border-radius:5px;cursor:pointer}.camera-detail .playback[data-v-76676985]:hover{border-color:#0081f8;background:#0081f8}.dark-style-mode .table-camera[data-v-76676985]{border-color:#484f71}.dark-style-mode .camera-detail .camera-left[data-v-76676985]{background:#1a1d2c}.dark-style-mode .camera-detail .camera[data-v-76676985]{border-left:none;border-right-color:#484f71}.dark-style-mode .xy-secen .scene-video[data-v-76676985]{background:#1a1d2c}