.list { display: flex; flex-wrap: wrap; justify-content: space-between; .checkbox { width: 50%; .label-normal-container { width: 100%; } } } .audio { width: auto !important; } } .table { width: 50%; } .fileButton{ width: 100px; height: 32px; text-align: center; line-height: 24px; max-width: 150px; min-width: 100px; padding: 4px; cursor: pointer; } .fb_active{ border: 1px solid @pageBorderN; color:@pageTextN; &:hover{ color:@pageTextA; } } .fb_disabled { border: 1px solid @iconColorD; color:@iconColorD; background-color: @buttonNormalBgN; cursor: default; } .fileInput{ display: none; } } ._Normal_ { .range-tip { margin: 10px 0 5px; } .radar-img { width: 400px; height: 300px; margin-bottom: 20px;; #heatMapCanvas { width: 100%; height: 100%; } } .heat-instruction { width: 300px; height: 18px; background-image: linear-gradient(to right, indigo, blue, green, yellow, orange, red); }} ._AlarmSiren_behind_btn { .label-div-Container { .label-normal-container { padding: 0 !important; } } } @barHeight:20 / @px-unit;.windows-card { margin-left: 5 / @px-unit; background-color: @preview_windowCard_Bg; position: relative; user-select: none; border: 1px solid @--component-border; .screen-content{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; p{ margin-bottom:0 } .logo-img{ width: 50%; height: 30%; background-size: contain; background-repeat:no-repeat; background-image: url('/custom_logo/web_logo.png'); background-repeat:no-repeat; } } .snap-img-panel{ width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; padding-bottom: @barHeight; .snap-img{ width: 100%; height: 100%; object-fit: fill; user-select: none; -webkit-user-drag: none; pointer-events: none } } .channel-bar { position: absolute; bottom: 0px; height: @barHeight; width: 100%; background-color: @--block; .channel-tag{ position: absolute; right: 0px; bottom: 0px; } }}.forbiden{ pointer-events: auto!important; cursor: not-allowed!important; border: 1px solid @--component-border !important;}.normal:hover { border: 1px solid @--primary-5;}.ghost { position: fixed; background-color: @--option-bg-select; z-index: 9999; opacity: 0.9; .snap-img{ opacity: 0.9; }} ._PassThrough_ { .parameter-panel { display: flex; flex-direction: column; overflow-y: hidden; margin-left: 18 / @px-unit !important; height: 100%; } } ._ImageAttr_{ .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab{ padding: 0 5/@px-unit 0 0; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab{ margin:5/@px-unit 0 0 0; } .ant-tabs-left{ margin-left: -10/@px-unit; } .ant-picker{ width: 127/@px-unit; } .label-normal-behind { min-width: 25/@px-unit !important; width: auto; } *:focus{ outline-width: 0px; } .ant-tabs-content-holder{ min-height: 250/@px-unit; } .ant-spin-container { .ant-row { flex-flow: row nowrap; } } } ._SideView_{ ._ImageAttr_{ .ant-tabs-nav{ .ant-tabs-tab-btn{ min-width:auto; padding-left:10/@px-unit; width: 188/@px-unit; height: 36/@px-unit; text-align: left; border: 0/@px-unit; line-height: 36/@px-unit; background-color: inherit; } .ant-tabs-tab-active { .ant-tabs-tab-btn{ background-color: @current; color: .color_A(@current); } } } .ant-tabs-nav .ant-tabs-tab-disabled .ant-tabs-tab-btn{ color: @pageTextD; } } } ._FaceIdentify_ { width: 100%; height: calc(100% - 66px); .mainRow { height: 100%; } .form-container { height: 100%; display: flex; flex-direction: column; margin-left: 20px; overflow-y: auto; .channel { display: flex; .enable { width: 10.7143rem; padding-right: 0.57142857rem; } } .button-group{ display: flex; .label-div-Container:last-child { margin-left: 20px; } } .normal-alarm { .add { svg { path { fill: @current; } } } .delete { .svgHover(#f00); } svg { cursor: pointer; } .ant-table-body { min-height: 400 / @px-unit; } } fieldset { flex: 1; .event-handler { overflow-y: auto; height: 370 / @px-unit; } } }} .MainPage { width: 100%; ._FaceReImageSearch_UploadImageDiv { width: 100%; .ant-divider-horizontal{ margin: 1/@px-unit !important; } ._FaceReImageSearch_UploadButtons { width: 100%; margin-top: 15/@px-unit; .label-div-Container { margin-right: 15/@px-unit; display: inline-block; } .mostSelected_tip { color: @errorColor; } .clear_button { float: right; } } .upload_imgDiv{ overflow-x: auto; width: 100%; overflow-x: auto; height: 120/@px-unit; line-height: 120/@px-unit; white-space: nowrap; .upload_imgInnerDiv{ width: 100%; } .face_uploadImg { width: 100/@px-unit; height: 100/@px-unit; border: 2/@px-unit solid @com_facesmallpics_border; margin-left: 8/@px-unit; } } .face_uploadImg_selected { border-color: @current !important; } }} ._SoundMonitor_ { padding: 1rem; padding-top: 2rem; .search_type { padding-left: 30/@px-unit; } .search_button { float: right; margin-top: -50/@px-unit; } ._Table_ .ant-table-body { min-height: 380 / @px-unit; } } ._FaceDetection_ { .fd_right { width: 495 / @px-unit; } .channelSelect { padding-top: 0px !important; padding-bottom: 0px !important; }} .MainPage { width: 100%; ._AcuPickSearch_UploadImageDiv { width: 100%; .ant-divider-horizontal{ margin: 1/@px-unit !important; } ._AcuPickSearch_UploadButtons { width: 100%; margin-top: 15/@px-unit; .label-div-Container { margin-right: 15/@px-unit; display: inline-block; } .mostSelected_tip { color: @errorColor; } .clear_button { float: right; } .label-normal-container { display: flex; align-items: center; } } .upload_imgDiv{ overflow-x: auto; width: 100%; overflow-x: auto; height: 120/@px-unit; line-height: 120/@px-unit; white-space: nowrap; .upload_imgInnerDiv{ width: 100%; } .face_uploadImg { width: 100/@px-unit; height: 100/@px-unit; border: 2/@px-unit solid @com_facesmallpics_border; margin-left: 8/@px-unit; } } .face_uploadImg_selected { border-color: @current !important; } }} ._LogManage_ { .Type{ display: flex; width: 100%; .TimeRange{ display: flex; align-items: center; margin-left: 15 / @px-unit; height: 48 / @px-unit; } .Search{ margin-left: auto; right: 20 / @px-unit; } } .DateRange{ display: flex; justify-content: space-between; align-items:flex-end; } .Clear{ display: flex; float: right; margin-top: 40 / @px-unit; .label-div-Container{ margin-left: 10 / @px-unit; } } .pageLine{ display: flex; float: left; margin-top: 10 / @px-unit; .anticon-left, .ant-pagination-simple-pager, .anticon-right{ color: @pageTextA } .pageTip{ position: absolute; right: 16 / @px-unit; } }}.LogManage_detailModal{ width: 650/@px-unit !important; .loginfo_Table{ height: 291/@px-unit; } .ant-modal-footer{ height: 53 / @px-unit; .LogManage_detailButton{ display: flex; float: right; .label-div-Container{ margin-left: 10 / @px-unit; } } } ._Table_ .ant-table { max-height: 290 / @px-unit; overflow-y: auto; }}.FileBackupEncrypt{ width: 100 / @px-unit;}.TimeFormat{ .ant-picker-header-view{ color: @pageTextA; }} ._OperateMonitor_ { .ivsParameterSet; } ._QueueDetection_ { .ivsParameterSet; height: calc(100% - 66px); .fieldsetCtn { overflow-y: auto; } .EventHandler { overflow-y: visible; }} ._RuleTable_ { padding-top: inherit; width: 590 / @px-unit; ._Table_ { .ant-table-body { min-height: 150 / @px-unit; } .ant-table-body { .editable-cell-value-wrap { padding: 0 0; } } .add { .svgOut(.color_N(@tableBgN)[]); } .ant-table.ant-table-bordered { & > .ant-table-container { table { border-top: 0px; & > tbody { tr { &.ZD-selected-row { background-color: transparent !important; } &.ZD-highlight-row { background: @tableBgA !important; } } } } } } } } ._PreviewIndexView_ { padding-top: inherit; height: 100%; display: flex; &left { width: 240 / @px-unit; background-color: @preview_Left_Bg; height: 100%; display: flex; flex-direction: column; justify-content: space-between; &_fastPreview { height: auto; flex: 0 0 auto; } &_channelList { flex: 1 1 auto; overflow-y: auto; margin-top: 20 / @px-unit; border-top: 1px solid @pageBorderN; border-bottom: 1px solid @pageBorderN; } &_bottomBtn { flex: 0 0 auto; margin-bottom: 40 / @px-unit; } } ¢er { border-left: 1px solid @ocx_Border; border-right: 1px solid @ocx_Border; display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; &_plugin { display: flex; flex: 1 1 auto; flex-flow:inherit; background-color: @preview_center_plugin_Bg; .ocxLocation{ flex-grow:1; } } &_bottom { height: 60 / @px-unit; flex: 0 0 auto; background-color: @preview_center_bottom_Bg; display: flex; justify-content: space-between; padding: 0 10 / @px-unit; .cus_icons{ .svgOut(.color_N(@preview_center_bottom_Bg)[]); &.active_icons { .svgOut(@current); } } &_left { display: flex; align-items: center; } &_right { display: flex; align-items: center; } } } &ai_preview { width: auto; height: 100%; } &right { width: 200 / @px-unit; background-color: @preview_Right_Bg; overflow-y: auto; ._preview_right_header_title { height: 35 / @px-unit; background-color: @preview_right_tabTitle_Bg; color: .color_N(@preview_right_tabTitle_Bg)[]; display: flex; align-items: center; width: 200 / @px-unit; padding-left:4 / @px-unit; } .ptz_set_pd { padding-left: 15 / @px-unit; } .ant-layout-sider-children { display: flex; flex-direction: column; } &_alarmout { min-width: 200/ @px-unit; ._ChannelGroup_ div:nth-child(2) .chn_btn { margin-left: 0 !important; } .ant-space-item{ padding-left: 10/@px-unit; } } } ._PreviewIndexView_left{ .ant-divider-horizontal{ margin:10 / @px-unit 0 ; } } ._AIPreviewIcon_.isActive { .svgOut(@current); }} ._ObjectMonitor_ { .ivsParameterSet;} @minModalConentWidth: 1800 / @px-unit; @modalFooterHeight: 60 / @px-unit; @preEmptyHeight: 140 / @px-unit; @modalPicContentHeight: calc(100vh - @navMenuHeight - @modalFooterHeight - @preEmptyHeight); ._FaceLib_ { margin: 0; top: 0; width: 100vw !important; height: 100% !important; min-width: @minModalConentWidth; .ant-modal-header{ width: 100%; } .ant-modal-body{ width: 100%; max-width: 100%; } .ant-modal-content { border: none !important; width: 100vw; height: 100%; min-width: @minModalConentWidth; position: absolute; top: 0; left: 0; overflow-y:auto !important; overflow-x: auto !important; .ant-modal-footer { position: absolute; overflow: hidden; height: @modalFooterHeight; width: 100%; bottom: 0/@px-unit; right: 0/@px-unit; } .picContent { width: 100%; display: flex; flex-wrap: nowrap; height: 100%; .picLeftContent { width: 100%; height: @modalPicContentHeight; padding-top: 0.5rem; padding-left: 0.5rem; overflow-y: auto; .intel_face_box_passby { width: 355/@px-unit; height: 162/@px-unit; margin-right: 1rem; margin-bottom: 1rem; background-color: @aiPanel_cardBg; position: relative; float: left; cursor: pointer; .PersonPic { display: block; height: 135/@px-unit; width: 120/@px-unit; float: left; } .intel_faceInfo_box_passby{ width: 220/@px-unit; height: 100%; float: left; padding-right: 10/@px-unit; padding-left: 5/@px-unit; &>div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } .picCardItem { width: 280/@px-unit; height: 162/@px-unit; margin-right: 1rem; margin-bottom: 1rem; margin-top: 1px; margin-left: 1px; background-color: @aiPanel_cardBg; position: relative; float: left; cursor: pointer; .PersonPic { display: block; height: 135/@px-unit; width: 45%; float: left; } .InfoContent { width: 55%; height: 100%; float: left; padding-right: 10/@px-unit; padding-left: 5/@px-unit; &>div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } } .picRightContent { width: 480 / @px-unit; height: @modalPicContentHeight; overflow-y: auto; .checked_div{ position:relative; width: 150/@px-unit; height: 150/@px-unit; float: left; } .delete_icon{ position: absolute; left:2rem; top: 1rem; } .Thumbnail { display: block; width: 120/@px-unit; height: 135/@px-unit; float: left; background-color: pink; margin: 1rem 2rem; } } } .picContentLoading{ width: 100%; height: 100%; } .active { box-shadow: 0 0 3/@px-unit 2/@px-unit @current; } .buildStatus { width: 100%; position: absolute; bottom: 0; left: 0; height: 25px; line-height: 25px; background-color: @aiPanel_box_bottom-color; } .pageLine { margin-top: 10/@px-unit; display: flex; justify-content: space-between; } .ant-modal-body { padding: 10/@px-unit 24/@px-unit; } }}.modifyConfig { float: right;}.personRegistry { width: 678/@px-unit; min-width: 678/@px-unit; height: 600/@px-unit; min-height: 600/@px-unit; .ant-modal-body { display: flex; width: 100%; height: 450 /@px-unit; } .ant-modal-footer { height: 66 / @px-unit; } .facePath { width: 140/@px-unit; height: 160/@px-unit; margin: 0/@px-unit 20/@px-unit; margin-right: 40/@px-unit; background-size: cover; border: 1px dashed gray; position: relative; .person_edit_image { position: absolute; width: 100%; height: 30/@px-unit; position: absolute; top: 129/@px-unit; opacity:0.5; background-color: @com_faceRegister_edit_bg; } img{ width:100%; height: 100%; } .select_Icon{ height: 100%; width: 100%; line-height: 160/@px-unit; } } .personConfig { width: 440/@px-unit; height: 341/@px-unit; }}.Batchregitry { .batchUpload { width: 100%; height: 152/@px-unit; display: flex; justify-content: space-around; align-items: center; .upload_each, .upload_eachIE { width: 46%; height: 100%; border: 1/@px-unit dashed @files_upload_box_border_color; cursor: pointer; color: @pageTextN; text-align: center; line-height: 152/@px-unit; background-color: @files_upload_box_bg !important; } .upload_each:hover { border: 1/@px-unit dashed @--primary-5; color: @--primary-5; } .selectTip{ margin-top: -135/@px-unit; } } .uploadTips { width: 100%; margin-top: 15/@px-unit; } }.faceLibModal-btns-row { display: flex; align-items: center; .label-div-Container { margin-right: 10px; }}.bottombtnList { display: flex; float: right; .label-div-Container{ float: right; margin-left: 15/@px-unit; }}.dateAddModal { width: 260/@px-unit;}.intel_smallPic_box { width: 140/@px-unit; height: 160/@px-unit; border: 2/@px-unit solid @com_detectsmallPic_bd; margin: 5/@px-unit; float: left; img { width: 100%; height: 100%; }}.intel_smallPic_box_active { border: 2/@px-unit solid @com_detectsmallPic_select_bd;}.checkImgModal { width: 700/@px-unit !important; height: 500/@px-unit; .ant-modal-content { height: 100%; } .ant-modal-body { height: 400/@px-unit; overflow-y:auto; }}.import_Table{ height: 480/@px-unit; width: 800/@px-unit !important;}.copyTable{ height: 300/@px-unit;}.fileListModal{ width: 800/@px-unit !important; height: 700/@px-unit; ._Table_ .ant-table-body { max-height: 380/@px-unit !important; } }.import_Result{ display: flex; flex-direction: row;}.errorCls{ color: @errorColor !important;}.copy_registry_modal { ._Table_ { .ant-table-body { min-height: 250/@px-unit !important; } }} ._WorkClothesDetection_ { .ivsParameterSet; } ._NumberStat_ { .ivsParameterSet; height: calc(100% - 66px); .fieldsetCtn { overflow-y: auto; } .EventHandler { overflow-y: visible; }} ._ImageAttr_{ .label-normal-behind { .EQ-label-slider-behind { display: flex; } } } ._OperateMonitor_ { .ivsParameterSet; } ._AbnormalDetection_ { .ivsParameterSet; } .AbnormalDetection_crowdModal { ._Table_ .ant-table-body { min-height: 200 / @px-unit; } } ._SmartMotionDetectSearch_behind_btn { .label-div-Container { .label-normal-container { padding: 0 !important; } }}.search_type { padding-left: 30 / @px-unit;}.search_button { float: right; margin-top: -50 / @px-unit;}.SmartMotionDetectSearch_Table { ._Table_ .ant-table-body { min-height: 450 / @px-unit; } > .ant-spin-nested-loading > .ant-spin-container { width: 100%; overflow: hidden; }} ._PlaybackIndex_ { height: 100%; width: 100%; display: flex; overflow: hidden; &layout { height: 100%; width: 100%; display: flex; } ¢er { background-color: @ocxBg; border-left: 1px solid @ocx_Border; border-right: 1px solid @ocx_Border; display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; &_plugin { flex: 1 1 auto; display: flex; flex-flow: inherit; .ocxLocation { flex-grow: 1; } } } &right { width: 308px; background-color: @playback_Right_Bg; .ant-layout-sider-children { display: flex; flex-direction: column; } }} ._PeopleFlow_ { height: calc(100% - 66px); overflow-y: auto;} ._OperateMonitorSearch_ { &line { display: flex; } } ._FrequencyAnalysis_ { .delete { .svgHover(#f00); } svg { cursor: pointer; }} ._IVSScheme_ { .cap-item-container { display: inline-block; width: 100px; height: 100px; border: 1px solid rgba(166, 170, 178, .5); margin-right: 10px; } .disabled-cap-item-container { border: 1px solid rgba(166, 170, 178, .2); } .cap-item { width: 100px; height: 100px; margin-right: 10px; font-size: 100px !important; cursor: pointer; } .active { svg { path:first-child { fill: @current !important; } path:nth-child(2) { fill: @current !important; } linearGradient { stop:first-child { stop-color: @current !important; } stop:last-child { stop-color: transparent !important; } } } } .disabled { svg { path:first-child { fill: @--placeholder !important; } path:nth-child(2) { fill: @--placeholder !important; } linearGradient { stop:first-child { stop-color: @current !important; } stop:last-child { stop-color: transparent !important; } } } } .active.disabled { .active; svg { opacity: 0.5; } } .scene-container { max-height: 595px; overflow-y: auto; .scene-box { width: '50%'; margin-top: 15px; .scene-title { display: flex; padding: 9px; margin-bottom: 10px; font-size: 14px; font-weight: bolder; color: .color_N(@ai_scene_bg)[]; justify-content: space-between; align-items: center; background-color: @ai_scene_bg !important; span:first-child { cursor: default; user-select: none; } } &:first-child { margin-top: 0; } } } .hide { display: none; }} .label-normal-behind { .label-normal-container { padding-top: 0px !important; }}._viewAiResult_ { .pic_PlateNo { clear: left; text-align: center; }} ._VehicleDetect_ { ._VehicleDetect-RuleConfig_ { .aiConfig { .between-divider { margin-top: 0; margin-bottom: 0; } .ant-tabs { .ant-tabs-nav { &::before { content: none; } .ant-tabs-tab:not(:first-of-type) { margin-left: 20/@px-unit; } .ant-tabs-tab-btn { height: 40/@px-unit; line-height: 40/@px-unit; padding: 0 8/@px-unit; text-align: center; min-width: 118/@px-unit; width: auto; } } } .vehicleDetect-eventHandler { border: @pageBorderD solid 1/@px-unit } } }}.speed_modal{ .flex_input{ display: flex; .margin-right-5{ margin-right: 5/@px-unit; } }} .label-normal-behind { .label-normal-container { padding-top: 0px !important; }} ._viewAiResult_ { .label-normal, .labelText-wrapper { height: 20/@px-unit; line-height: 20/@px-unit; } height: 212/@px-unit; .ant-row { height: 680/@px-unit; overflow: auto } .activeItem { border: 1px solid @formInputBorderA !important; } ._viewAiResult_similarity { margin: 0 8px 7px 5px; } .picData_content { margin: 5/@px-unit 5/@px-unit; width: 268/@px-unit; height: 212/@px-unit; float: left; border: 1px solid @ai_DataItem_bd; background-color: @ai_DataItem_bg; .picData_groupName { height: 35/@px-unit; line-height: 35/@px-unit; margin-left: 10/@px-unit; font-size: @font-huge; color: @pageTextA; overflow:hidden !important; } .picData_imgContent { width: 268/@px-unit; height: 112/@px-unit; margin-bottom: 8/@px-unit; img { display: inline-block; width: 120/@px-unit; height: 100%; margin: 0 5/@px-unit 0 5/@px-unit; } } .picData_imgContentByPic{ height: 137/@px-unit; margin:10/@px-unit 0 8/@px-unit 0; img { display: inline-block; width: 120/@px-unit; height: 100%; margin: 0 5/@px-unit 0 5/@px-unit; } } .picData_progress { margin: 0 8px 7px 5px; background: @ai_progress_default; height: 14/@px-unit; position: relative; color: @pageTextA; display: flex; align-items: center; .progress_item { display: inline-block; height: 100%; } .progress_red { background: @ai_progress_red; } .progress_orange { background: @ai_progress_orange; } .progress_blue { background: @ai_progress_blue; } .progress_label { position: absolute; right: 0; line-height: 14/@px-unit; top: 0; } } .picData_smallImgContent { width: 268/@px-unit; height: 112/@px-unit; margin-bottom: 8/@px-unit; img { display: inline-block; width: 120/@px-unit; height: 100%; margin: 0 5/@px-unit 0 5/@px-unit; } } .picData_imgAndInfo { overflow: hidden; margin: 35/@px-unit 0px 22/@px-unit 0px; } .picData_smallImgContent { width: 132/@px-unit; float: left; } .picData_info { display: inline-block; .label-normal-container { height: 18/@px-unit; padding: 0px !important; } color: @buttonNormalTextN; } .picData_labelCheck { background: @ai_labelCheck_bg; height: 32/@px-unit; line-height: 32/@px-unit; padding: 5/@px-unit 10/@px-unit; display: flex; flex-direction: row; justify-content: space-between; .ch_number { height: 20/@px-unit; line-height: 20/@px-unit ; color: .color_N(@ai_labelCheck_bg)[]; } .label-normal-container { height: 20/@px-unit; padding: 0px !important; color: .color_N(@ai_labelCheck_bg)[]; .label-normal { color: .color_N(@ai_labelCheck_bg)[]; } } .ant-checkbox { top: 0px; } } } .human_detect { .compliantIcon{ font-size: 150/@px-unit; margin-top: -200/@px-unit; margin-left: 150/@px-unit; &:hover { svg { & + { path:first-child { fill: @iconColorN !important; } } } } } .compliantIcon_operatemonitor{ font-size: 120/@px-unit; position: absolute; bottom: 0; margin-left: 150/@px-unit; &:hover { svg { & + { path:first-child { fill: @iconColorN !important; } } } } } .picData_human_detect_imgAndInfo { margin-top: 20/@px-unit; height: 156/@px-unit; display: flex; flex-direction: row; justify-content: center; .human_detect_width140 { width: 140/@px-unit } .human_detect_width268 { width: 268/@px-unit } .picData_imgContentByPic { height: 137/@px-unit; margin: 0; float: left; img { display: inline-block; height: 100%; margin: 0 5/@px-unit 0 5/@px-unit; max-width: 120/@px-unit; } .pic_humanImg { height: 100%; margin: 0; width: 120/@px-unit; float: left; text-align: center; } .nonmoperson-face { height: 60%; width: 80/@px-unit; float: right; } .face { height: 137/@px-unit; margin: 0; float: right; margin-left: 30/@px-unit; } } .pic_humanImg { height: 100%; margin: 0; width: 120/@px-unit; float: left; text-align: center; } .person { margin-left: 10/@px-unit; display: inline-block; height: 100%; max-width: 120/@px-unit; width: auto; } .nonmoperson-face { height: 60%; width: 80/@px-unit; float: right; } .face { height: 137/@px-unit; margin: 0; float: right; margin-left: 30/@px-unit; } } } .vehicle_detact { .picData_vehicle_detect_imgAndInfo { margin-top: 10/@px-unit; height: 166/@px-unit; display: flex; flex-direction: row; justify-content: center; .picData_imgContentByPic { position: relative; width: 140/@px-unit; height: 155/@px-unit; margin: 0; float: left; img { width: 120/@px-unit; display: inline-block; height: 100%; margin: 0 5/@px-unit 0 5/@px-unit; } .vehicle { width: 120/@px-unit; height: 120/@px-unit; display: block; margin: 0 auto; position: absolute; top: 0/@px-unit; left: 5/@px-unit; } .plate { width: 120/@px-unit; height: 32/@px-unit; display: block; margin: 0 auto; position: absolute; top: 121/@px-unit; left: 5/@px-unit; } } .picData_info { height: 166/@px-unit; .plateWhiteListDB { width: 120/@px-unit; height: 30/@px-unit; line-height: 30/@px-unit; text-align: center; margin-top: 54/@px-unit; float: left; border: 1/@px-unit solid @vehicle_whiteplate_borderColor; background-color: @vehicle_whiteplate_bgColor; color: .color_N(@vehicle_whiteplate_bgColor)[]; } .plateBlackListDB { width: 120/@px-unit; height: 30/@px-unit; line-height: 30/@px-unit; text-align: center; margin-top: 54/@px-unit; float: left; background-color: @vehicle_blackplate_bgColor; color: .color_N(@vehicle_blackplate_bgColor)[]; border: 1px solid @vehicle_blackplate_borderColor; } .plateNormalListDB { display: none } } } }}.infotext{ width: 115/@px-unit; display: flex;}.info_label{ max-width: 70/@px-unit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}.info_val{ max-width: 45/@px-unit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .label-normal-behind { .label-normal-container { padding-top: 0px !important; } } ._HeatMap_ { ._HeatMap_config{ width: 495 / @px-unit; }} .plateNoClass { padding-left: 0 !important;} ._CheckBoxGroupModal_ { max-height: calc(100vh - 50vh); height: auto; overflow-y:auto; .check-box-group-container{ width: 100% !important; } .check-box-group-wrapped{ width: 100% !important; } .checkBoxRow{ width: 100%; display: flex; justify-content: space-between; .checkBoxItem-all{ display: flex; align-items: center; } .checkBoxItem{ width: 46%; } .rightItem{ display: flex; justify-content: center; } } .label-normal-behind{ line-height: 28 / @px-unit; } } ._BottomPanel_ { display: flex; flex-direction: column; background-color: @preview_center_bottom_Bg; ._BottomPanel_bottom_btn { height: 50px; display: flex; align-items: center; overflow: hidden; } ._BottomPanel_bottom_timeline { height: 92px; } ._BottomPanel_bottom_select { .ant-checkbox-disabled + span { color: .color_D(@preview_center_bottom_Bg) []; } } } ._MarkPlugin_ { width: 460/@px-unit; padding: 5/@px-unit; padding-top: inherit; &ocx { width: 450/@px-unit; height: 337/@px-unit; } &button, ÷r { width: 450/@px-unit; } &filter { div { display: inline-block; } } button { width: 100/@px-unit; } .left { float: left; } .right { float: right; } .ant-radio-wrapper { display: block; } .ant-radio-wrapper { margin-right: 0/@px-unit; } .ant-radio, span.ant-radio + * { vertical-align: top; }} ._PbRightPanel_ { display: flex; flex-direction: column; align-items: center; position: relative; height: 100%; &bottom { width: 100%; height: 60 / @px-unit; padding: 0 10px 4px 10px; margin-top: auto; display: flex; justify-content: space-between; align-items: center; background-color: @playback_Right_Bg; } &bottom_x { width: 100%; height: 60 / @px-unit; padding: 0 10px 4px 10px; margin-top: auto; display: flex; justify-content: flex-end; align-items: center; background-color: @preview_Right_Bg; } &bottom_item { width: 66 / @px-unit; height: 40 / @px-unit; text-align: center; background-color: @playback_Right_iConBtn_bg; border: 1 / @px-unit solid @buttonNormalBorderN; display: flex; align-items: center; justify-content: center; } &bottom_icon { font-size: 30 / @px-unit !important; } .label-normal-wrapper { width: 290px !important; } ._PbRightPanel_bottom_itemLeft{ width: 100%; height: 40 / @px-unit; text-align: center; display: flex; align-items: center; justify-content: center; .label-normal-wrapper { width: 50px !important; } } ._PbRightPanel_chl_divider { margin: 5 / @px-unit 0; } ._PbRightPanel_chl_table { flex: 1; overflow: hidden; min-height: 150 / @px-unit; width: 290px; margin-top: 14 / @px-unit; .ant-table-body { min-height: auto !important; max-height: none !important; -ms-max-height:none !important; tbody { .ant-table-row { &.ant-table-row-selected { td { background: transparent; } } .ant-table-cell-ellipsis { text-align: left !important; &.ant-table-column-sort { background: transparent; } } } } } .ant-checkbox-indeterminate .ant-checkbox-inner { border: 1px solid @pageBorderN; } ._Table_ { height: 100%; .ant-table { & > .ant-table-container { display: flex; height: 100%; flex-direction: column; .ant-table-header{ overflow: visible !important; height:auto; } tr { td { height: 40px; } } th { height: 40px !important; } } ::-webkit-scrollbar { width: 0px; } } .ant-table-fixed-header{ height: 95%; } .m-table-showEmpty { height: 100%; .ant-table-wrapper { height: 100%; .ant-spin-nested-loading { height: 100%; .ant-spin-container { height: 100%; } } } } } } ._Table_ div:first-child{ height: 100%; } .ant-table-thead div:first-child{ height: auto ; } ._PbRightPanel_fish_eye { width: 290px !important; } ._Eptz_ { width: 290px !important; .label-normal-wrapper { width: unset !important; } .range-content .label-normal-wrapper{ width: 90 / @px-unit !important; } } .right_orgin_hide { display: none; } .right_orgin_flex { display: flex; flex-direction: column; height: 100%; } .calender_box { display: flex; flex-direction: column; align-items: center; } .chl_table { height: 350 / @px-unit; } .playback_channel_show { display: flex; justify-content: center; align-items: center; } .playback_channel_none { display: none; } ._PbRightPanel_rightpanel_show { display: flex; flex-direction: column; align-items: center; padding: 0px 8px; height: 100%; } ._PbRightPanel_rightpanel_hide { display: none; } .mask_datum { position: relative; width: 100%; } .mask_panel { position: absolute; top: 0; left: 0; height: 90%; width: 100%; z-index: 10; } .mask_panel_show { display: block; } .mask_panel_hide { display: none; }} ._AlarmOut_ { padding-top: inherit; position: relative; &up{ display: flex; justify-content: space-between; align-items: center; color: @preview_ChnlTextN; padding:10/@px-unit 15/@px-unit; ._AlarmOut_header_bg_icon{ .svgOut(@preview_ChnlTextN); } } .active{ border-color: @alramOut_actBorder; color:@alramOut_actText; } .label-div-Container{ width:35/@px-unit; height:45/@px-unit; } ._AlarmOut_right_header_title { height: 35 / @px-unit; background-color: @preview_right_tabTitle_Bg; color: .color_N(@preview_right_tabTitle_Bg)[]; padding-left: 10 / @px-unit; display: flex; align-items: center; width: 100%; } .ant-menu{ background: @preview_right_tabTitle_Bg !important; color: @pageTextN; height: 35 / @px-unit; width: 100%; } .ant-menu-horizontal { border-bottom-color: @preview_right_tabTitle_Bg; } .ant-menu-horizontal:not(.ant-menu-dark) { .ant-menu-item { height: 30 / @px-unit; margin-top: 2 / @px-unit; line-height: 30 / @px-unit; width: 49%; padding: 0 10 / @px-unit; display: flex; justify-content: center; span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .ant-menu-item:hover::after, .ant-menu-item-selected::after { border-bottom: 0px solid transparent; } .ant-menu-item-selected { background: @preview_right_ptzZoom_Bg !important; border-radius: 5 /@px-unit; span { background: @preview_right_ptzZoom_Bg; color: @pageTextA; } } .ant-menu-item:hover { color: @pageTextN; } } } ._IntelligentTrack_ { display: flex;} ._CrowdDensity_{ .active{ svg path:nth-of-type(1){ fill:@current!important; } }} ._QualityBtns_ { .popover_contain{ .popover_icon:not(.disabled_icons):not(.noHover) svg path { fill: .color_N(@preview_center_bottom_Bg)[]; } .popover_icon:hover:not(.disabled_icons):not(.noHover):hover svg path { fill: @--primary-5!important; } } } ._ViewSplit_ { padding-top: inherit; } ._UrgentRecord_ { display: flex; align-items: center; justify-content: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; &box{ width: 210/@px-unit; height:32/@px-unit; padding: 0!important; display: flex; align-items: center; justify-content: flex-start; cursor: pointer; >span:nth-of-type(1){ margin: 0 30/@px-unit 0 10/@px-unit ; } .cus_icons { .svgHover(@iconColorN); } } &checked{ border: 1px solid @urgentRecord_actBorder; background-color: @urgentRecord_actBg; color:.color_A(@urgentRecord_actBg)[]; } &default{ border: 1px solid @urgentRecord_defBorder; background-color: @urgentRecord_defBg; color:@urgentRecord_defText; } &text { width: 124/@px-unit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }} ._PicturePlay_{ display: flex; align-items: center; justify-content: center; margin: 20/@px-unit 0; &box { display: flex; align-items: center; justify-content: left; cursor: pointer; border: 1px solid @urgentRecord_defBorder; background-color: @urgentRecord_defBg; color:@urgentRecord_defText; width: 210/@px-unit; height:32/@px-unit; padding: 0!important; >span:nth-of-type(1){ margin: 0 30/@px-unit 0 10/@px-unit ; } .cus_icons { .svgHover(@iconColorN); } } &text { width: 124/@px-unit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }} ._FastPreview_ { height: 100%; padding: 0!important; @fastPreviewBtnColor:.color_N(@preview_Left_Bg)[]; @fastPreviewBtnColor_A:.color_A(@preview_ChnlBgA)[]; &up { display: flex; align-items: center; justify-content: flex-start; margin: 7/@px-unit 0!important; cursor: pointer; color:@fastPreviewBtnColor; &:hover { background-color: @preview_ChnlBgA; color: @fastPreviewBtnColor_A; .icon_default{ svg path:nth-of-type(1){ fill:@fastPreviewBtnColor_A!important; } svg path:nth-of-type(2){ fill: .color_A(@preview_ChnlBgA)[@inverse] !important; } svg path:nth-of-type(3){ fill:@fastPreviewBtnColor_A!important; } } } &_icon{ margin:0 30/@px-unit 0 } } .active{ color:@pageTextA; background-color: @fastPreview_btnActBg; } .icon_active{ svg path:nth-of-type(1){ fill:@successColor!important; } svg path:nth-of-type(2){ fill:@iconBgColor!important; } svg path:nth-of-type(3){ fill:@successColor!important; } } .icon_default{ svg path:nth-of-type(1){ fill:@fastPreviewBtnColor!important; } svg path:nth-of-type(2){ fill:@iconBgColor!important; } svg path:nth-of-type(3){ fill:@fastPreviewBtnColor!important; } } &wrap{ height:32/@px-unit; width:105/@px-unit; position: relative; border:1px solid @fastPreview_border; } .btnClass{ position: absolute; background: transparent!important; right:-15/@px-unit; .cus_icons{ .svgOut(@fastPreviewBtnColor); } } &down{ height:auto!important; padding: 0 !important;; display: flex; justify-content: center; &_left{ max-height: 80vh; min-width:105 /@px-unit!important; overflow: auto; padding: 0!important; left:15/@px-unit!important; .ant-dropdown-menu-root{ width:103/@px-unit; } .ant-dropdown-menu-item{ padding:0!important; white-space: nowrap; } .ant-dropdown-menu-title-content{ display: flex; align-items: center; justify-content: center; } } &_right{ width:110/@px-unit; max-height: 80vh; overflow: auto; padding: 0!important; left:115/@px-unit!important; .ant-dropdown-menu-root{ width:103/@px-unit; } .ant-dropdown-menu-item{ padding:0!important; white-space: nowrap; height:32/@px-unit!important } .ant-dropdown-menu-title-content{ display: flex; align-items: center; justify-content: center; .iconDropitem_name{ display: flex; align-items: center; justify-content: center; } } } &_box{ width:80/@px-unit; height:32 /@px-unit!important; position: absolute; border-right:1px solid @fastPreview_border; z-index:9; display: flex; justify-content: flex-start; align-items: center; .cus_icons{ .svgOut(@fastPreviewBtnColor); } } &_text{ color: @fastPreviewBtnColor; margin-left:10/@px-unit; line-height: 35/@px-unit; } }} ._IntelliRuleBtn_ivs-color { svg path:first-child { fill: @current !important; } } ._OpenAll_ { display: flex; align-items: center; justify-content: center; margin: 20/@px-unit 0; ._OpenAll_box{ width: 210/@px-unit; height:32/@px-unit; padding: 0!important; display: flex; align-items: center; justify-content: left; cursor: pointer; } ._OpenAll_default{ border: 1px solid @talkAndSound_defBorder; background-color: @talkAndSound_defBg; color: @talkAndSound_defText; } .label-div-Container { width: 30/@px-unit; height:32/@px-unit; .label-normal-container { width: 30/@px-unit; height:32/@px-unit; padding-top: 0 !important; .label-normal-wrapper { width: 30/@px-unit !important; height:32/@px-unit !important; } } } ._OpenAll_btn { padding: 0 !important; border: 0 !important; background: none !important; height: 30/@px-unit; } ._OpenAll_down { width: 30/@px-unit; height: 30/@px-unit; border-left: 1px solid @talkAndSound_defBorder; } ._OpenAll_start { width: 210/@px-unit; height: 100%; display: flex; justify-content: left; background-color: @talkAndSound_defBg; border-right: 1px solid @talkAndSound_defBorder; } ._OpenAll_stop { width: 210/@px-unit; height: 100%; display: flex; justify-content: left; background-color: @talkAndSound_actBg; border-right: 1px solid @talkAndSound_defBorder; color: .color_A(@talkAndSound_actBg)[]; } ._OpenAll_text { line-height: 32/@px-unit; width: 64/@px-unit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } ._OpenAll_talk { display: flex; justify-content: center; width: 180/@px-unit; >span:nth-of-type(1){ margin: 0 25/@px-unit 0 -33/@px-unit ; } .cus_icons { .svgHover(@iconColorN); } } ._OpenAll_current { color: @current !important; } } ._ChannelList_ { height: 100%; padding-bottom: 14/@px-unit; @channelFontColor:.color_N(@preview_Left_Bg)[]; .chnlist_tooltip { .ant-tooltip-content { .ant-tooltip-inner { word-spacing: normal; word-break: break-word; } } } .chItem { display: flex; align-items: center; padding: 3/@px-unit; height:31/@px-unit; cursor: pointer; &_cameraIcon { .svgOut(@channelFontColor); margin-left: 20/@px-unit; width: 30/@px-unit; height: 30/@px-unit; } ._cameraIcon_active { .svgOut(@iconColorA); } &_title { margin-left: 15/@px-unit; width: 120/@px-unit; color: @preview_ChnlTextN; } &:hover { .chItem_title { color: .color_N(@preview_ChnlBgA)[] } background-color: @preview_ChnlBgA; .chItem_btn { display: inline-block; } } &_btn { padding: 0 !important; border: 0 !important; background: none !important; height: 30/@px-unit; display: none; } .chItem_btn{ display: none; } .label-div-Container { .label-normal-container .label-normal-wrapper { width: 50/@px-unit !important; } } }} ._TalkAndSound_ { display: flex; align-items: center; justify-content: center; margin: 20/@px-unit 0; &box{ width: 210/@px-unit; height:32/@px-unit; padding: 0!important; display: flex; align-items: center; justify-content: center; cursor: pointer; } &default{ border: 1px solid @talkAndSound_defBorder; background-color: @talkAndSound_defBg; color: @talkAndSound_defText; } .label-div-Container { width: 30/@px-unit; height:32/@px-unit; .label-normal-container { width: 30/@px-unit; height:32/@px-unit; padding-top: 0 !important; .label-normal-wrapper { width: 30/@px-unit !important; height:32/@px-unit !important; } } } &btn { padding: 0 !important; border: 0 !important; background: none !important; height: 30/@px-unit; } &down { width: 30/@px-unit; height: 30/@px-unit; border-left: 1px solid @talkAndSound_defBorder; } &start { width: 180/@px-unit; height: 100%; display: flex; justify-content: center; background-color: @talkAndSound_defBg; border-right: 1px solid @talkAndSound_defBorder; } &stop { width: 180/@px-unit; height: 100%; display: flex; justify-content: center; background-color: @talkAndSound_actBg; border-right: 1px solid @talkAndSound_defBorder; color: .color_A(@talkAndSound_actBg)[]; } &text { line-height: 32/@px-unit; width: 64/@px-unit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } &talk { display: flex; justify-content: center; width: 140/@px-unit; >span:nth-of-type(1){ margin: 0 30/@px-unit 0 -10/@px-unit ; } .cus_icons { .svgHover(@iconColorN); } } ¤t { color: @current !important; }} ._DisplayScale_ { padding-top: inherit; } ._Ptz_ { position: relative; margin-bottom: 0 / @px-unit; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: @preview_Right_Bg; min-width: 170px; .ant-btn{ padding:4/ @px-unit 0!important;; } .show{ display: ''; } .hidden{ display: none; } &wrap{ .ant-menu-item, .ant-menu-submenu-title{ padding:0!important; } display: flex; justify-content: flex-start; align-items: center; flex-direction: column; margin-top: 10 / @px-unit; border-bottom: 1 / @px-unit solid @preview_right_ptz_borderBottom_ColorN; .ant-menu{ background: @preview_right_tabTitle_Bg !important; color: .color_N(@preview_right_tabTitle_Bg)[]; height: 35 / @px-unit; width: 100%; } .ant-menu-horizontal { border-bottom-color: @preview_right_tabTitle_Bg; } .ant-menu-horizontal:not(.ant-menu-dark) { .ant-menu-submenu{ padding:0!important; } .ant-menu-item { height: 30 / @px-unit; margin-top: 2 / @px-unit; line-height: 30 / @px-unit; width: 49%; display: flex; justify-content: center; span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .ant-menu-item:hover::after, .ant-menu-item-selected::after { border-bottom: 0px solid transparent; } .ant-menu-item-selected { background: @preview_right_ptzZoom_Bg !important; border-radius: 5 /@px-unit; span { background: @preview_right_ptzZoom_Bg; color: .color_A(@preview_right_ptzZoom_Bg)[]; } } .ant-menu-item:hover { color: .color_A(@preview_right_tabTitle_Bg)[]; } } } &content { margin-top: 15 /@px-unit; height:200 /@px-unit; background-color: @preview_Right_Bg; } &font{ >svg{ font-size:30/ @px-unit!important; } } &icon{ width:20 / @px-unit } &header_bg { width: 150 / @px-unit; height: 150 / @px-unit; margin: 25 / @px-unit 0 15 / @px-unit 25 / @px-unit; & &_icon { .svgFont(150); } } &header_el { width: 150 / @px-unit; height: 150 / @px-unit; display: flex; flex-wrap: wrap; margin: 25 / @px-unit 0 15 / @px-unit 25 / @px-unit; position: absolute; top: -25 / @px-unit; left: 0; & &_icon { .svgFont(40); width: 40 / @px-unit; height: 40 / @px-unit; margin: 5 / @px-unit 5 / @px-unit 5 / @px-unit 5 / @px-unit; &:hover { cursor: pointer; } } }} @list-header-height: 35 / @px-unit;._AIPreview_ { height: 100%; &swrap{ border-right: 1px solid @--split; width: 270 / @px-unit; height: 100%; padding-right: 1 / @px-unit; background-color: @aiPanel_bg_color; &_header{ background-color: @PickerHeaderBg; height: @list-header-height; display: flex; flex-direction: row; justify-content: space-between; background-color: @aiPanel_title_bg_color; &_title{ width: 100%; color: .color_N(@aiPanel_title_bg_color)[]; display: flex; align-items: center; span{ margin-left: 15 / @px-unit; } } &_set_icon{ display: flex; align-items: center; width: 50 / @px-unit; .cus_icons { .svgOut(.color_N(@aiPanel_title_bg_color)[]); .svgHover(.color_A(@aiPanel_title_bg_color)[]); } } } &_list_swrap{ height: calc(100% - @list-header-height); overflow: auto; } } }._AIPreviewIcon_{ .active{ svg path:nth-of-type(1){ fill:@current!important; } }} ._LocalPlay_{ display: flex; align-items: center; justify-content: center; margin: 20/@px-unit 0; &box { display: flex; align-items: center; justify-content: left; cursor: pointer; border: 1px solid @urgentRecord_defBorder; background-color: @urgentRecord_defBg; color:@urgentRecord_defText; width: 210/@px-unit; height:32/@px-unit; padding: 0!important; >span:nth-of-type(1){ margin: 0 30/@px-unit 0 10/@px-unit ; } .cus_icons { .svgHover(@iconColorN); } } &text { width: 124/@px-unit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }} .timeLine { position: relative; } ._VideoOperationPanel_ { padding: 4 / @px-unit; display: flex; align-items: center; .operation-icon { font-size: 32 / @px-unit; padding: 2 / @px-unit; .svgOut(.color_N(@preview_center_bottom_Bg)[]); &.disabled_icons{ .svgDisabled(.color_D(@preview_center_bottom_Bg)[]); } } .operation-divider { height: 26 / @px-unit; margin-top: 4 / @px-unit; background-color: @ocxBg; } .audio-box { display: flex; align-items: center; } .intel_detect { display: inline-block; position: relative; } .intel_detect_inner { height: 40 / @px-unit; background-color: @tableOddBgN; position: absolute; top: 0; left: 40 / @px-unit; padding: 2 / @px-unit 0 0 10 / @px-unit; z-index: 10; } .intel_detect_show { display: inline-block; } .intel_detect_hide { display: none; } .cut_box { display: flex; flex-direction: row; align-items: center; padding-left: 10 / @px-unit; .ant-picker { width: 122px !important; } .label-normal-container a { color: @buttonNormalBorderN; } .label-normal-wrapper { height: 32px; line-height: 32px; } .ant-picker { height: 32px; } .ant-picker-input { height: 22px; } } .cut_line { .label-div-Container { width: 170px !important; } } .cut_show { display: flex; } .cut_hide { display: none; } .progress_text { width: auto; } .cut_operation { height: 32px; text-align: center; width: 30px; background-color: @buttonNormalBgN; border: 1px solid @buttonNormalBorderN; display: flex; justify-content: center; align-items: center; } .cur-icon { .svgFont(28); } .ivs-color { svg { & + { path:first-child { fill: @current !important; } } } } .audio-box-slider { width: 120 / @px-unit; } .select-ivs-btn { width: 48px; } .ivs-button { border-color: @current !important; color: @current !important; }}._operation_smd_ { .label-normal-container { padding: 4px 0 !important; } .labelText-wrapper { width: 90px; }}.cutPanel_rangePicker{ @media screen and (max-width: 1280px) { min-width: 300 / @px-unit; }} ._MultiPreview_ { display: flex; &item { display: flex; position: relative; } &item_split { position: absolute; right: 32/@px-unit; width: auto; height: 32/@px-unit; padding: 0 10/@px-unit; background-color: @mutilPreview_Bg; border: 1/@px-unit solid @mutilPreview_border; } &split_group { display: flex; height: 100%; align-items: center; overflow: hidden; } &split { max-width: 782/@px-unit; overflow: hidden; display: flex; height: 100%; align-items: center; } &number { width: 46/@px-unit; height: 16/@px-unit; border-right: 1/@px-unit solid @preview_center_separator_ColorN; display: flex; justify-content: center; flex-shrink: 0; font-size: 10/@px-unit; cursor: pointer; position: relative; } ¤t { color: @current; } &number:last-child { border-right: none; } &number:hover { color: @current; }} ._BottomPanel_bottom_select { height: 50px; display: flex; flex-direction: row; justify-content: space-between; .bottom_select_left { width: 180 / @px-unit; height: 50px; line-height: 50px; padding: 0 / @px-unit 16 / @px-unit; color: .color_N(@--toolbar-bg)[]; } .bottom_select_center { flex-grow: 1; height: 50px; line-height: 50px; display: flex; flex-direction: row; align-items: center; position: relative; .label-div-Container{ .ant-checkbox-wrapper{ color: .color_N(@--toolbar-bg)[]; } } } .bottom_select_right { width: 260 / @px-unit; height: 50px; line-height: 50px; padding: 16 / @px-unit; display: flex; flex-direction: row; align-items: center; .operation-icon{ .svgOut(.color_N(@--toolbar-bg)[]); } } .bottom_select_slider { width: 168 / @px-unit; } .mask_center { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; } .mask_center_show { display: block; } .mask_center_hide { display: none; }} .CompliantInfoModal { .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 0px !important } .ant-checkbox-wrapper { width: 120 / @px-unit; }} ._AiPreviewModal_{ width: 50% !important; min-width: 750px; }.modal-swrap{ .events-bar{ display: flex; flex-direction: row; margin-top: 0 / @px-unit; .events-bar-btn{ min-width: 180 / @px-unit; .tab-title-btn{ min-width: 140 / @px-unit; } } .events-bar-btn-selected { button{ background: @current!important; border: 1 / @px-unit solid @current!important; color: .color_A(@current)[] !important } } .events-bar-btn-no-selected{ button{ background: @buttonNormalBgN!important; border: 1 / @px-unit solid @buttonNormalBorderN!important; color: .color_N(@buttonNormalBgN)[] !important; } } } .object-params-swrap{ .template-list{ display: flex; margin-top:25 / @px-unit; .template-card-list-item { margin-right: 41/@px-unit; } .card-selected { border: 1 / @px-unit solid @current; } .card-no-selected { border: 1 / @px-unit solid @pageBorderN; } .template-card:last-child{ margin-right: 0 / @px-unit; } } .attri-list{ display: flex; margin-top: 20 / @px-unit; flex-wrap: wrap; min-height: 100 / @px-unit; .attri-btn-swrap{ width: 16.5%; .attri-btn{ width: 85%; .ant-btn>span{ width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .attri-button-contain{ width: 100% !important; } .attri-button-wrap{ width: 100% !important; } } .attri-btn-selected { button{ background: @current!important; border: 1 / @px-unit solid @current!important; color: .color_A(@current)[] !important } } .attri-btn-no-selected{ button{ background: @aiSetPanel_bottom_unSelectBg!important; border: 1 / @px-unit solid @buttonNormalBorderN!important; color: .color_N(@aiSetPanel_bottom_unSelectBg)[] !important; } } } } }} ._AlarmOut_ { &wrapper{ width:100%; overflow: hidden; } &down{ width:330 /@px-unit; }} ._ImageConfig_ { width: 100%; background-color: @preview_Left_Bg; height: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; ._ImageConfig_button{ .label-div-Container{ margin-left:50/@px-unit; .label-normal-wrapper { width:92/@px-unit!important;; } } } .label-normal-container { width:190/@px-unit!important;; } .label-normal-wrapper{ width:160/@px-unit!important; } .label-normal { width:28/@px-unit!important; } .label-normal-behind { display: none; }} ._TagListPanel_ { display: flex; flex-direction: column; align-items: center; &bottom { position: absolute; bottom: 0; right: 0; width: 100%; height: 60 / @px-unit; padding: 0 10px 4px 10px; display: flex; justify-content: space-between; } &bottom_item { width: 66 / @px-unit; height: 40 / @px-unit; text-align: center; border: 1 / @px-unit solid @buttonNormalBorderN; display: flex; align-items: center; justify-content: center; } &bottom_icon { font-size: 30 / @px-unit !important; } .timePiker-box { width: 290px; margin: 10 / @px-unit 0; }} .ai-preview-list{ height: 100%; display: flex; flex-direction: column; align-items: center; padding-top: 5 / @px-unit; .ai-template-card-swrap{ margin: 5 / @px-unit 0 / @px-unit; }} ._FileListPanel_ { display: flex; flex-direction: column; align-items: center; height: 100%; &bottom { width: 100%; height: 60 / @px-unit; padding: 0 10px 4px 10px; display: flex; align-items: center; justify-content: space-between; } &bottom_mix { display: flex; flex-direction: row; width: 140 / @px-unit; justify-content: flex-start; } &bottom_item { width: 66 / @px-unit; height: 40 / @px-unit; text-align: center; background-color: @playback_Right_iConBtn_bg; border: 1 / @px-unit solid @buttonNormalBorderN; display: flex; align-items: center; justify-content: center; } &bottom_item_lock { line-height: 50 / @px-unit; } &bottom_icon { font-size: 30 / @px-unit !important; } &timer_piker { width: 290px; margin: 10 / @px-unit 0; } ._Table_ { margin-top: 0; flex: 1; overflow: hidden; .m-table-showEmpty{ height: 100%; .ant-table-wrapper { height: 100%; } } .ant-table { & > .ant-table-container { tr { td { height: 40px; } } th { height: 40px !important; } } } }} .card-selected { border: 1 / @px-unit solid @current;}.card-no-selected { border: 1 / @px-unit solid @pageBorderN;}.template-card-swrap { padding: 3px; position: relative;}.template-listcard { width: 250 / @px-unit !important;}.template-card { display: inline-block; width: 200 / @px-unit; min-height: 177 / @px-unit; background-color: @aiPanel_cardBg; .template-card-top-face-database { height: 20 / @px-unit; padding-top: 2 / @px-unit; display: flex; align-items: center; .face-database-name { width: 50%; padding-left: 15 / @px-unit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .face-person-name { width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .template-card-top { height: 145 / @px-unit; display: flex; .template-card-top-swrap { width: 50%; .image-panle { display: flex; flex-direction: row; justify-content: center; width: 100%; height: 100%; } .svg-panle { height: 100%; width: 100%; background-color: @aiPanel_box_color; border: 1 / @px-unit solid @aiPanel_box_bordere_color; display: flex; justify-content: center; align-items: center; .svg-icon { font-size: 7.142857rem; svg { path { fill: @aiPanel_info_bg_color; } } .svgHover(@aiPanel_info_bg_color); } } } .left { padding: 10 / @px-unit 5 / @px-unit 10 / @px-unit 10 / @px-unit; } .center { margin-left: 60 / @px-unit; } .right { padding: 10 / @px-unit 10 / @px-unit 10 / @px-unit 5 / @px-unit; } } .template-card-top-no-center { display: flex; height: 170 / @px-unit !important; .template-card-top-swrap { width: 50%; } .right-attri-list { display: flex; flex-direction: column; height: 100%; justify-content: flex-start; .attri-item-wrapper { display: flex; .attri-left-item { text-align: left; width: 35 / @px-unit; line-height: 35 / @px-unit; flex-shrink: 0; margin-right: 4 / @px-unit; } .attri-right-item { width: 100%; line-height: 35 / @px-unit; } .attri-color-block { width: 100%; display: flex; justify-content: flex-end; align-items: center; } } .attri-item-wrapper-high { .attri-left-item { line-height: 28 / @px-unit; } .attri-right-item { line-height: 28 / @px-unit; } } .thumb-white { border: 1px solid @vehicle_whiteplate_borderColor; background-color: @vehicle_whiteplate_bgColor; color: .color_N(@vehicle_whiteplate_bgColor)[]; } .thumb-black { background-color: @vehicle_blackplate_bgColor; border: 1px solid @vehicle_blackplate_borderColor; color: .color_N(@vehicle_blackplate_bgColor)[]; } .white-black-list { display: flex; justify-content: center; border-radius: 2px; padding-top: 2 / @px-unit; } .OverSpeed{ width: 80 / @px-unit; height: 40 / @px-unit; position: absolute; bottom: 14 / @px-unit; right: 14 / @px-unit; } } .image-panle { display: flex; flex-direction: row; justify-content: center; width: 100%; height: 100%; } .imageList-panle{ width: 100%; height: 100%; .imagesmall-panle{ width: 100%; height: 80%; } .imageplate-panle{ width: 100%; margin-top: 6/ @px-unit; height: 15%; } } .svg-panle { height: 100%; width: 100%; background-color: @aiPanel_box_color; border: 1 / @px-unit solid @aiPanel_box_bordere_color; display: flex; justify-content: center; align-items: center; .svg-icon { width: 100%; font-size: 7.142857rem; svg { width: 100%; path { fill: @aiPanel_info_bg_color; } } .svgHover(@aiPanel_info_bg_color); } } .left { padding: 10 / @px-unit 5 / @px-unit 10 / @px-unit 10 / @px-unit; } .center { margin-left: 60 / @px-unit; } .right { padding: 10 / @px-unit 10 / @px-unit 10 / @px-unit 5 / @px-unit; } } .template-card-center { height: 25 / @px-unit; background-color: @preview_Sider_Bg; } .template-card-cenBtm { height: 28 / @px-unit; line-height: 28 / @px-unit; .template-card-cenBtm-left { float: left; padding-left: 14 / @px-unit; color: @red; } .template-card-cenBtm-right { float: right; padding-right: 10 / @px-unit; } } .template-card-bottom { height: 25 / @px-unit; background-color: @aiPanel_box_bottom-color; padding: 0 / @px-unit 12 / @px-unit 0 / @px-unit 12 / @px-unit; display: flex; align-items: center; width: 100%; color: .color_N(@aiPanel_box_bottom-color)[]; .template-card-bottom-left { width: 30%; } .template-card-bottom-right { width: 70%; display: flex; justify-content: center; } } .template-card-tag { position: absolute; bottom: (-35 / @px-unit); right: (-10 / @px-unit); .svg-icon { font-size: (180 / @px-unit); svg { path { } } .svgHover(@urgentRecord_defText); } .match, .mismatch { font-size: 100/@px-unit; margin: 0 15/@px-unit 30/@px-unit 0 } } .color-0{ color:#a6aab2; }; .color-1{ color:green; }; .color-2{ color:red; };}.template-list .template-card .template-card-top-no-center .right-attri-list .attri-item-wrapper .attri-left-item{ width: 66/@px-unit;}.template-card:last-child { margin-right: 0 / @px-unit;} .cursor { cursor: pointer; &:hover { color: @navMenuTextA; }} .header-homeBack{ cursor: pointer; &:hover{ .svgHover(@homeTaskIconColorA); }} .LanguageButtons { .language { background-color: #007A0C !important; color: white !important; } .label-normal-container { padding-top: 0px !important; padding-bottom: 0px !important; } width: 210 / @px-unit; @media all and (-ms-high-contrast:none) { margin-top: 11 / @px-unit; }} .header-HelpAlarm { cursor: pointer; &:hover { .svgHover(@homeTaskIconColorA); }} .header-Timer { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .header-tabMenu { width: 100%; line-height: @navMenuLineHeight; .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { background-color: @topTabBgA !important; border: none; color: @navMenuTextA !important; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { background-color: @topTabBgN; border: none; border-left: 1px solid @topTabBgA; border-right: 1px solid @topTabBgA; text-align: center; line-height: @navMenuLineHeight; width: unset; margin-right: 9/@px-unit; color:@navMenuTextN; } .ant-tabs-bar { border: none; color:@navMenuTextN; margin: 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container { height: @navMenuLineHeight; } .ant-tabs-nav-container { line-height: @navMenuLineHeight; } .ant-tabs-tab-next{ height: @navMenuLineHeight; color:@navMenuIconSvgN; &:hover{ color:@navMenuIconSvgA; } } .ant-tabs-tab-prev{ height: @navMenuLineHeight; color:@navMenuIconSvgN; &:hover{ color:@navMenuIconSvgA; } } .ant-tabs-tab { height: auto !important; width: auto !important; padding: 0 !important; margin: 0 !important; min-width: 152 / @px-unit; & > div { display: flex; width: auto; min-width: 122 / @px-unit; align-items: center; justify-content: space-between; padding: 0 0.3rem; } .anticon-close{ color:@navMenuIconSvgN !important; margin: 0 !important; } .tab-item { display: flex; margin-left: 5/@px-unit; align-items: center; width: 100%; .ant-image{ width: 25/@px-unit; .ant-image-img{ width: 16/@px-unit; } } .tabIcon{ font-size: 20/@px-unit; } .tab-text{ margin-left: 4/@px-unit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } } .ant-tabs-tab-btn:focus, .ant-tabs-tab-remove:focus, .ant-tabs-tab-btn:active, .ant-tabs-tab-remove:active { color:@navMenuTextN; } .errorCls{ width: 100% !important; color: @errorColor; text-align: center; font-size: @font-size-base !important; .errorCls_text { line-height: @navMenuHeight; } }}.ant-tabs-dropdown .ant-tabs-dropdown-menu-vertical .ant-tabs-dropdown-menu-item .header-dropdown-item span { margin-left: 0; text-align: left; width: 25/@px-unit;} .home_settingBtn{ .cus_icons{ .svgHover(@homeTaskIconColorA); margin: 0 15/@px-unit !important; }}.home_settingBtn:hover{ .cus_icons{ .svgOut(@homeTaskIconColorA); }} .live { .liveBtn { .label-normal-container { padding-top: 0px !important; padding-bottom: 0px !important; } background-color: red !important; color: white !important; } margin-left: 8 / @px-unit; margin-right: 8 / @px-unit; @media all and (-ms-high-contrast:none) { margin-top: 11 / @px-unit; }} .userDropMenu{ &.iconDropMenu{ min-width: 130/@px-unit !important; }}.task_userBtn { min-width: 45/@px-unit ;} ._TagListTable_ { .label-normal-behind { &.pl-0 { padding-left: 0 / @px-unit !important; } .label-normal-container { padding-top: 0 / @px-unit !important; button { margin-left: 1.5rem; } } } .date-range-picker { .validity-picker { width: 500 / @px-unit !important; } } .modal-footer { display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: flex-end; } .btn-left { margin-right: 10 / @px-unit; } .taglist-tabel { margin-top: 8 / @px-unit; } ._tag_list_panel_ { .label-normal-behind { .label-normal-container { padding: 0 !important; } } } ._Table_ .ant-table-body { min-height: 280 / @px-unit; } } ._TagList_ { width: 290px; ._Table_ .ant-table-body { min-height: 500 / @px-unit; } .tag-list-top-wrapper { padding-bottom: 0 !important; } .tag-list-top { width: 290px; height: 36 / @px-unit; line-height: 36 / @px-unit; text-align: center; border-top: 1 / @px-unit solid @tableBorderN; border-left: 1 / @px-unit solid @tableBorderN; border-right: 1 / @px-unit solid @tableBorderN; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .anticon-left, .ant-pagination-simple-pager, .anticon-right { color: @pageTextA; } .ant-spin-container .ant-table-pagination { display: flex !important; } ._Table_ { margin-top: 0; .ant-table { & > .ant-table-container { tr { td { height: 40px; } } th { height: 40px !important; } } } }} ._FileLockTable_ { .label-normal-behind { &.pl-0 { padding-left: 0 / @px-unit !important; } .label-normal-container { padding-top: 0 / @px-unit !important; button { margin-left: 1.5rem; } } } .date-range-picker { .validity-picker { width: 500 / @px-unit !important; } } .modal-footer { display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: flex-end; } .btn-left { margin-right: 10 / @px-unit; } .lock_tabel { margin-top: 8 / @px-unit; } ._lock_list_panel_ { .label-normal-behind { .label-normal-container { padding: 0 !important; } } } ._Table_ .ant-table-body { min-height: 288 / @px-unit; } } ._FileList_ { width: 290px; overflow: hidden; .fileList_type_icon { display: flex; padding-left: 20 / @px-unit; align-items: center; .svgHover(@iconColorN); } .fileList_type_cub { display: flex; height: 20 / @px-unit; width: 20 / @px-unit; justify-content: center; align-items: center; margin-right: 6 / @px-unit; } .fileList_type_lock { font-size: 20 / @px-unit; } .type_color_fileList_general { background-color: @general; } .type_color_fileList_ivs { background-color: @ivs; } .type_color_fileList_alarm { background-color: @alarm; } .type_color_fileList_detect { background-color: @detect; } .type_color_fileList_pos { background-color: @pos; } .type_color_fileList_card { background-color: @card; } .fileList_type_lock_hide { display: none; } .anticon-left, .ant-pagination-simple-pager, .anticon-right { color: @pageTextA; } .ant-spin-container .ant-table-pagination { display: flex !important; } .ant-checkbox-indeterminate .ant-checkbox-inner { border: 1px solid @pageBorderN; } .ant-spin-nested-loading { height: 100%; } .ant-spin-container { height: 100%; flex: 1; display: flex; flex-direction: column; .ant-table { flex: 1; overflow: hidden; .ant-table-container { height: 100%; min-height: 350 / @px-unit; overflow-y: auto; } } thead { position: sticky; top: 0; z-index: 1; } ::-webkit-scrollbar { width: 0px; } }}._FileList_card { width: 290px; border: none; background-color: @tableOddBgN; color: @pageTextN; margin-top: 20 / @px-unit; .ant-card-body { padding: 16px !important; }}.tag-list-top { width: 290px; height: 36 / @px-unit; line-height: 36 / @px-unit; text-align: center; border-top: 1 / @px-unit solid @tableBorderN; border-left: 1 / @px-unit solid @tableBorderN; border-right: 1 / @px-unit solid @tableBorderN; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} ._AiPreviewDetailModal_SWRAP{ .ant-modal{ @modalHeight:95vh; @modalWidth:75vw; height: @modalHeight !important; width: @modalWidth !important; .ant-modal-content{ width: 100%; height: 100%; .ant-modal-header{ height: 45 / @px-unit; display: flex; flex-direction: row; align-items: center; padding: 0 / @px-unit 24 / @px-unit; } .ant-modal-body{ padding: 0 / @px-unit; @headerHeight:47 / @px-unit; height: calc(@modalHeight - @headerHeight); ._AiPreviewDetailModal_ { width: 100%; height: 100%; display: flex; .win-preview-panel-swrap{ height:100%; width: 78%; background-color: #3e3e3e; .WinPreview { height: 100%; } } .pic-win-details-swrap{ height:100%; width: 22%; } .WinPreview_ocx{ @WinPreviewFooterHeight:40 / @px-unit; height: calc(100% - @WinPreviewFooterHeight) !important; } } } } }} .pic-details-info{ height: 100%; position: relative; .pic-details-info-list{ height: 100%; .pic-details-info-list-swrap{ overflow: auto; height: 100%; .detail-image{ width: 100%; height: 120px; display: flex; justify-content: center; padding: 10 / @px-unit 0 / @px-unit 10 / @px-unit 0 / @px-unit; .img-swrap{ width: 90px; } } .detail-text-swrap{ display: flex; justify-content: center; } } } .pic-details-bottom{ position: absolute; bottom: 0 / @px-unit; width: 100%; display: flex; height: 40 / @px-unit; border-top: 1 / @px-unit solid @BottomBarBorder; background: @aiPanel_details_bottom_bg; .pic-details-bottom-left{ width: 30%; display: flex; justify-content: center; align-items: center; } .pic-details-bottom-right{ width: 70%; display: flex; justify-content: center; align-items: center; } } .template-card-tag { position: absolute; top:0; left: 0; width: 110%; height: 200px; display: flex; justify-content: center; align-items: center; .svg-icon { font-size: (180 / @px-unit); } .match, .mismatch { font-size: 70/@px-unit; } }} .ivsParameterSet { height: calc(100% - 66px); .ivsMainRow { height: 100%; } .ivsMainRight, .ivsMainRow > .ant-space, .ivsMainRow > .ant-space > .ant-space-item{ height: 100%; overflow-y: hidden; } .ivsMainRight { display: flex; flex-direction: column; overflow-y: hidden; } .fieldsetCtn { display: flex; flex-direction: column; overflow-y: auto; } fieldset { overflow-y: hidden; } fieldset, .EventHandler { flex: 1; } .fieldsetCtn { height: 95%; } .EventHandler { } legend { width: auto; font-size: @font-size-base; } .AiRulePluginCtn { margin-right: 15 / @px-unit; &>.ant-space-item { overflow-x: hidden; } } .ant-divider-horizontal { margin: 12 / @px-unit 0; } .event-handler { width: 100%; height: 100%; }}.ivsParameterSet {@media screen and (max-height: 600 / @px-unit){ .ivsMainRight, .ivsMainRow > .ant-space, .ivsMainRow > .ant-space > .ant-space-item{ overflow-y: auto; overflow-x: hidden; } .ivsMainRight, .fieldsetCtn { display: block; overflow-y: auto; } fieldset { overflow-y: auto; } .EventHandler { overflow-y: hidden; }}@media screen and (-webkit-min-device-pixel-ratio: 1.25) { .ivsMainRight, .ivsMainRow > .ant-space, .ivsMainRow > .ant-space > .ant-space-item{ overflow-y: auto; overflow-x: hidden; } .ivsMainRight, .fieldsetCtn { display: block; overflow-y: auto; } fieldset { overflow-y: auto; } .EventHandler { overflow-y: hidden; }}} ._SGJGPage_ { .line-row { display: flex; } } .sgjs-modal-wrap{ .ant-modal-content { .ant-modal-body{ .ant-tabs { .ant-tabs-nav { .ant-tabs-tab { width: 150 / @px-unit; height: 50px; text-align: center; background: @tabBgN; color: @tabTextN; border: 1px solid @tabBorder; margin: 0; justify-content: center !important; &.ant-tabs-tab-active { background: @tabBgA; .ant-tabs-tab-btn{ color: #FFFFFF !important; } } } .ant-tabs-ink-bar { visibility: hidden; } } } } .ant-modal-footer { text-align: left !important; } } } ._SHDBPage_ { .line-row { display: flex; } .input-left{ margin-left: 20 / @px-unit; } } ._Buddy_ { .line-row { display: flex; } } ._PicInPic_ { .line-row { display: flex; }} ._ChannelNameGDDW_ { .line-row { display: flex; } padding-top: inherit; height: 100%; .ChannelList { height: 90%; overflow-y: auto; .gutter-row { padding: 0 10px; } } } ._PassengerFlowStatistics_ { display:flex; align-items:center; justify-content:center; @pgheight: 300/@px-unit; @largeFont: 30px; height: 100%; .page-view { width: 100%; .showNum { color: @current; } .FlagIcon { & >.ant-space-item { height: 100%; } font-size: @largeFont; .cus_icons:not(.disabled_icons) svg path:first-child { fill: #005A9C; } } .page-space { height: @pgheight; & >.ant-space-item { height: 100%; margin-left: 30/@px-unit; } } .summary_light { height: @pgheight; width: @pgheight * 0.6 } .StayIcon.cus_icons { font-size: @pgheight / 2; } .ExitIcon.cus_icons, .EnterIcon.cus_icons { font-size: @pgheight / 5; } .page-item { display: flex; flex-flow: column; height: 100%; } .topLabel { font-size: @largeFont * 2; flex: 1; } .bottom { width: 100%; align-self: flex-end; } .bottomTip { font-size: @font-huge; margin-top: 30/@px-unit; } .stayGreen { color: @current; } .stayRed { color: #ff0000; } .stayYellow { color: #fb953c; } .tipGreen { color: #00FF00; } .tipRed { color: #ff0000; } .tipYellow { color: #fb953c; } }} ._WorkClothesDetectionSearch_ { &line { display: flex; }} ._LeaveDetection_ { height: calc(100% - 66px); .ivsParameterSet; .AlarmInput-channel-select { .label-normal-container { display: flex; align-items: center; } } fieldset { overflow: hidden; }} ._LeaveDetection_ { .parameter-panel { display: flex; flex-direction: column; overflow-y: hidden; margin-left: 18 / @px-unit !important; height: 100%; }}