.search-input[data-v-c8600682]{background:#f7f8fa;border-radius:18px;height:36px;border:none}.wrap-areas[data-v-c8600682]{margin-top:16px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;height:30px;align-items:center;scrollbar-width:none}.wrap-areas[data-v-c8600682]::-webkit-scrollbar{display:none}.wrap-areas .area-item[data-v-c8600682]{padding:0 10px;height:24px;line-height:22px;border-radius:4px;border:1px solid #e0ebfb;color:#3942d2;flex-shrink:0;font-size:12px}.wrap-areas .area-item[data-v-c8600682]:not(:first-child){margin-left:6px}.wrap-areas .area-item.selected[data-v-c8600682]{border:1px solid #3942d2;color:#fff;background-color:#3942d2}.camera-item[data-v-c8600682]{background:#f9fafb;border-radius:16px;padding:16px 16px 10px;border:2px solid #f9fafb}.camera-item.selected[data-v-c8600682]{border:2px solid #409eff}.camera-item .image[data-v-c8600682]{width:100%;aspect-ratio:1.77027027;background-color:#f6f7f8}.camera-item .status[data-v-c8600682]{width:6px;height:6px;border-radius:50%}.camera-item .status.online[data-v-c8600682]{background-color:green}.camera-item .status.offline[data-v-c8600682]{background-color:red}[data-v-2edc976e] .ant-spin-container{height:100%}[data-v-2edc976e] .ant-empty-image{height:50px}.wrap[data-v-2edc976e] .ant-result{padding:0;align-items:center;justify-content:center}.wrap[data-v-2edc976e] .ant-result .ant-result-icon{margin-bottom:0}.wrap[data-v-2edc976e] .ant-result .ant-result-icon .anticon-close-circle{font-size:32px}.wrap[data-v-2edc976e] .ant-result .ant-result-title{font-size:14px}.wrap[data-v-2edc976e] .ant-result .ant-result-extra{margin-top:0}.camera-container[data-v-6b5b71bf]{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:relative}.camera-container .content[data-v-6b5b71bf]{display:flex;flex-direction:row;flex-wrap:wrap}.camera-container .content .item[data-v-6b5b71bf]{position:relative;border:1px solid #f0f0f0;overflow:hidden}.camera-container .content .item.selected[data-v-6b5b71bf],.camera-container .content .item[data-v-6b5b71bf]:hover{border:4px solid #409eff}.camera-container .content .item.one[data-v-6b5b71bf]{width:100%;height:100%;border:none}.camera-container .content .item.four[data-v-6b5b71bf]{width:50%;height:50%}.control-c[data-v-acf10e5e]{width:200px;height:200px;border-radius:50%;position:relative;overflow:hidden}.control-c .control-left[data-v-acf10e5e]{width:200px;height:200px;border-radius:50%;position:relative;overflow:hidden;border:2px solid #0a0a0a}.control-c .control-left .cross-c[data-v-acf10e5e]{width:200px;height:200px;display:flex;flex-wrap:wrap;transform:rotate(45deg);background-color:#000;position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-100px}.control-c .control-left .cross-c .cross-item[data-v-acf10e5e]{width:100px;height:100px;cursor:pointer;position:relative;border:1px solid #000;background:linear-gradient(180deg,#383837,#383837)}.control-c .control-left .cross-c .cross-item[data-v-acf10e5e]:active{background:linear-gradient(180deg,#282826,#282826)}.control-c .control-left .cross-c .cross-item .arr[data-v-acf10e5e]{width:0;height:0;border:4px solid transparent;border-bottom-color:#fff;position:absolute;top:50%;left:50%}.control-c .control-left .cross-c .cross-item .arr.up[data-v-acf10e5e]{margin-top:-7px;margin-left:-7px;transform:rotate(-45deg)}.control-c .control-left .cross-c .cross-item .arr.right[data-v-acf10e5e]{margin-top:-8px;margin-left:-4px;transform:rotate(45deg)}.control-c .control-left .cross-c .cross-item .arr.left[data-v-acf10e5e]{margin-top:-3px;margin-left:-7px;transform:rotate(-135deg)}.control-c .control-left .cross-c .cross-item .arr.down[data-v-acf10e5e]{margin-top:-3px;margin-left:-1px;transform:rotate(135deg)}.control-c .control-left .center-btn[data-v-acf10e5e]{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;border-radius:50%;width:80px;height:80px;border:2px solid #000;background:#282826;display:flex;justify-content:center;align-items:center}.wrap .direction[data-v-9ed87822]{height:300px;align-items:center;justify-content:center}.wrap .top-bar[data-v-9ed87822]{padding:0 16px;align-items:center}.wrap .top-bar .area[data-v-9ed87822]{align-items:center}.wrap .top-bar .area .icon[data-v-9ed87822]{width:38px;height:38px;border-radius:9px}.wrap .top-bar .area.left[data-v-9ed87822]{flex:1}.wrap .top-bar .area.center[data-v-9ed87822]{justify-content:center;margin:0 8px}.wrap .top-bar .area.center[data-v-9ed87822] .ant-calendar-picker{min-width:0!important}.wrap .top-bar .area.right[data-v-9ed87822]{flex:1;justify-content:flex-end}.camera-control-time-picker{background-color:#fff}.camera-control-time-picker .ant-calendar-input-wrap,.camera-control-time-picker .ant-calendar-time-picker-btn{display:none!important}.wrap .wrap-select[data-v-89ec534a]{flex:1;height:34px;background:#282826;border-radius:9px;line-height:34px;align-items:center;padding:0 16px;padding-right:12px}.wrap .icon[data-v-89ec534a]{margin-left:12px;width:34px;height:34px;border-radius:9px}.wrap[data-v-89ec534a] .ant-drawer-content-wrapper{border-radius:0 0 22px 22px;overflow:hidden}[data-v-71231cc7] .ant-select-selection{background-color:#282826;border-color:#282826;color:#fff}[data-v-71231cc7] .ant-select-selection .ant-select-arrow{color:#fff}.camera-item[data-v-71231cc7]{justify-content:space-between;align-items:center;width:100%;color:#fff}.camera-item .tag[data-v-71231cc7]{height:85px;align-items:center;margin-right:10px}.camera-item .tag .line[data-v-71231cc7]{width:1px;flex:1;background-color:#383837}.camera-item .tag .circle[data-v-71231cc7]{margin:7px 0;width:12px;height:12px;border-radius:50%;border:2px solid #ff483c}.camera-item .left[data-v-71231cc7]{flex:1}.camera-item .left b[data-v-71231cc7]{font-size:16px}.camera-item .wrap-image[data-v-71231cc7]{position:relative;margin:8px 0;width:96px;height:54px;background-color:#f6f7f8;border-radius:5px;overflow:hidden}.camera-item .wrap-image .image[data-v-71231cc7]{width:100%;height:100%}.camera-item .wrap-image.selected[data-v-71231cc7]{border:2px solid #409eff}.camera-item .wrap-image .shadow[data-v-71231cc7]{position:absolute;left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center;background-color:rgba(0,0,0,.49);font-size:12px}[data-v-6fedd55d] .ant-spin-container{width:100%;height:100%}.easy-player-loading{display:none}.easyplayer-controls-code-wrap{display:none!important}.wrap[data-v-204b1f90]{background-color:#080807;color:#fff}.dialog-box[data-v-75b596a2] .ant-form-item-label{text-align:left}.wrap[data-v-75b596a2]{padding:4px 12px;background:#f4f5f7}.wrap .tips[data-v-75b596a2]{font-size:12px;color:#acb3be;line-height:18px}.wrap .wrap-form[data-v-75b596a2]{margin-top:4px;background:#fff;border-radius:12px;padding:8px 14px}