}
         .sub-container {
             padding: 14 / @px-unit;
             width: 100%;
             overflow-y: auto;
             max-height: 500 / @px-unit;
             position: relative;
        }
    }
     .ant-menu-item {
         height: 32 / @px-unit;
         line-height: 32 / @px-unit;
    }
     .ant-menu-title-content {
         height: 32 / @px-unit;
         line-height: 32 / @px-unit;
    }
}
 ._CarFlowDataSearch_ {
     padding-left: 20 / @px-unit;
     width: 100%;
     .flex-content {
         display: flex;
         align-items: center;
         .m-minw-430 {
             min-width: 490 / @px-unit;
        }
    }
     .car-flow-ul::after {
         content: '';
         display: block;
         visibility: hidden;
         clear: both;
    }
     .car-flow-li {
         padding: 0.14285714rem 0;
         float: left;
         width: 25%;
         line-height: 48 / @px-unit;
         min-width: 336 / @px-unit;
    }
     .car-detail-container {
         height: 250 / @px-unit;
         overflow-y: auto;
    }
     .search-divider {
         margin: 10 / @px-unit 0 20 / @px-unit 0;
    }
     .search-table {
         .ant-table-empty .ant-table-body {
             overflow-x: auto !important;
        }
    }
}
 ._CarFlowDataStatic_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .car-flow-ul::after {
         content: '';
         display: block;
         visibility: hidden;
         clear: both;
    }
     .car-flow-li {
         padding: 0.14285714rem 0;
         float: left;
         width: 12.5%;
         line-height: 48 / @px-unit;
    }
     .car-detail-container{
         height: 250 / @px-unit;
         overflow-y: auto;
    }
}
 ._ConfigGuide_ {
     .labelSelect-label-dark{
         line-height: 2.28571429rem;
    }
}
 ._CaptureConfig_ {
     padding-left: 20/@px-unit;
}
 ._ConsoleConfig_ {
     padding-left: 20/@px-unit;
}
 ._ConsoleRpc_ {
     padding-left: 20/@px-unit;
}
 ._CPUUsage_ {
     padding-left: 20/@px-unit;
     .charts-style {
         float: left;
         width: 600/@px-unit;
         height: 400/@px-unit;
         margin-right: 100/@px-unit;
         margin-top: 50/@px-unit;
    }
}
 ._ImageEnhance_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._Console_ {
     padding-top: inherit;
}
 ._IntelligenceConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .wrap-content {
         display: flex;
         flex-wrap: wrap;
         .content-wrap {
             margin-left: 10 / @px-unit;
             flex: 1;
             min-width: 650 / @px-unit;
        }
         .video-wrap {
             width: 574/@px-unit;
             height: 420/@px-unit;
             .video-content{
                 width: 100%;
                 height: 420/@px-unit;
                 background: #1b1b1b;
            }
        }
    }
     .ant-timeline {
         background: rgb(245, 245, 245);
         padding-top: 25 / @px-unit;
         width: 480 / @px-unit;
         .ant-timeline-item {
             &:last-child {
                 padding-bottom: 0;
            }
        }
         .ant-timeline-item-label {
             width: 80 / @px-unit;
        }
         .ant-timeline-item-tail, .ant-timeline-item-head {
             left: 20% !important;
        }
         .ant-timeline-item-content {
             left: 25% !important;
             width: 350 / @px-unit !important;
             margin: 0;
             & > .label-div-Container {
                 & > .label-normal-container {
                     margin-top: -5 / @px-unit;
                     padding-bottom: 0 !important;
                }
            }
        }
    }
     .btn-selected {
         color: #1b30e5;
         border-color: #1b30e5;
         outline: #1b30e5 solid 0.07142857rem;
    }
    /*标定验证start*/
     .btn-unset {
         color: unset;
         border: 1 / @px-unit solid rgb(217, 217, 217);
    }
     .checked-selected {
         color: rgb(64, 169, 255);
    }
}
 ._RadarConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .custom_layout {
         display: flex;
         width: 420 / @px-unit;
         .label-div-Container {
             margin-right: 12 / @px-unit;
        }
    }
}
 ._RawConfig_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     width: 100%;
     .time-box {
         width: 100% !important;
    }
}
 ._UserOperationPlayBack_ {
     padding: 20/@px-unit 0 0 20/@px-unit;
}
 ._CustomJPG_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .upload-custom-modal {
         .ant-modal-body {
             padding: 24/@px-unit 68/@px-unit;
             .upload-wrapper {
                 width: 384/@px-unit;
                 height: 192/@px-unit;
                 background-color: #ffffff;
                 border-radius: 4/@px-unit;
                 border: solid 0.07142857rem rgba(0, 0, 0, 0.15);
            }
             .modal-tip-content{
                 color: #8c8c8c !important;
                 user-select: none;
            }
        }
    }
}
 ._DeviceConfig_ {
     padding-top: inherit;
}
 ._DeviceInit_ {
     min-width: 1200/@px-unit;
     @media only screen and (min-height: 64.28571429rem) {
         height: 100%;
    }
     background-color: @main_background_color;
     .devInit-layout-header{
         span {
             font-size: 18/@px-unit;
             color: @secondNavBgColorNo13;
        }
    }
     .devInit-layout-content {
         position: relative;
         width: 80%;
         padding: 0;
         margin: 0 10%;
         .devInit-step-nav {
             padding: 30/@px-unit 40/@px-unit;
             .ant-steps-item {
                 background-color: @main_background_color;
            }
        }
         .devInit-content-wrap {
             background-color: @contentBgColorNo15;
             padding: 20/@px-unit;
             .devInit-content-main {
                 height: 580/@px-unit;
            }
             .devInit-content-btn {
                 width: 300/@px-unit;
                 margin: 0 auto 20/@px-unit;
                 display: block;
            }
             .fn-center {
                 position: absolute;
                 top: 50%;
                 transform: translateY(-50%);
                 width: 100%;
            }
             ._Disclaimer_ {
                 padding: 30/@px-unit 50/@px-unit;
                 .content-flow {
                     height: 400/@px-unit;
                     overflow-y: scroll;
                }
            }
             ._UpdateOnline_,._UpdateCloud_{
                 padding: 30/@px-unit 50/@px-unit;
                 .online-content {
                     border: 1/@px-unit solid @MenuViewItemLineColor;
                     background-color: @secondNavHoverColorNo14;
                     line-height: 26/@px-unit;
                     border-radius: 5/@px-unit;
                     margin-top: 20/@px-unit;
                     padding: 10/@px-unit;
                }
            }
             ._TimeZoneSet_ {
                 .ant-calendar-picker {
                     width: 100%;
                }
            }
             ._PasswordSet_ {
                 .label-normal-container {
                     .label-normal-container {
                         padding-top: 0 !important;
                    }
                }
            }
        }
    }
     .ant-layout-footer{
         text-align: center;
    }
}
 ._DeviceInitCamera_ {
     min-width: 1480/@px-unit;
     @media only screen and (min-height: 800/@px-unit) {
         height: 100%;
    }
     background-color: @main_background_color;
     .devInit-layout-header{
         .text-style {
             width: 70/@px-unit;
             height: 18/@px-unit;
             font-size: 14/@px-unit;
             font-weight: normal;
             font-stretch: normal;
             line-height: 22/@px-unit;
             letter-spacing: 0;
             color: #ffffff;
        }
    }
     .devInit-layout-content {
         position: relative;
         width: 1480/@px-unit;
         padding: 0;
         margin: 0 auto;
         .devInit-step-nav {
             padding: 29/@px-unit 31/@px-unit;
        }
         .devInit-content-wrap {
             background-color: @contentBgColorNo15;
             padding: 40/@px-unit 39/@px-unit 54/@px-unit 39/@px-unit;
             .devInit-content-main {
                 height: 580/@px-unit;
            }
             .devInit-content-btn {
                 display: flex;
                 justify-content: center;
                 button {
                     width: 500/@px-unit;
                     height: 40/@px-unit;
                }
                 &[curStep=true] {
                     button {
                         width: 240/@px-unit;
                         height: 40/@px-unit;
                    }
                }
            }
             ._AreaSet_, ._TimeZoneSet_, ._PasswordSet_ {
                 height: 100%;
                 display: flex;
                 flex-direction: column;
                 justify-content: center;
                 align-items: center;
            }
             ._Disclaimer_ {
            }
             ._UpdateOnline_ {
                 .ant-alert-with-description.ant-alert-no-icon {
                     width: 100%;
                     height: auto;
                     margin: 0 1.42857143rem;
                }
                 .online-content {
                     border: 1/@font-size-normal solid @MenuViewItemLineColor;
                     background-color: @secondNavHoverColorNo14;
                     line-height: 26/@font-size-normal;
                     border-radius: 5/@font-size-normal;
                     margin-top: 20/@font-size-normal;
                     padding: 10/@font-size-normal;
                }
            }
             ._UpdateCloud_{
            }
        }
    }
     .ant-layout-footer{
         text-align: center;
    }
}
 ._DeviceStatus_ {
     padding-top: inherit;
     width: 100%;
}
 ._DHJT_ {
     width: 100%;
     @SINGLE: 24 / @px-unit;
     @FRONTSIZE: 12 / @px-unit;
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .info-container {
         width: 100%;
    }
     .info-icon-div {
         line-height: 36 / @px-unit;
         height: 36 / @px-unit;
    }
     .channel-title {
         width: 100%;
         float: left;
         line-height: 44 / @px-unit;
         height: 44 / @px-unit;
         align-items: center;
         padding: 0 12 / @px-unit;
         font-size: 1.00000000rem;
         font-weight: 700;
         display: flex;
         background-color: @TableColumnsColor;
         min-width: 1130 / @px-unit;
         border-bottom: 0.07142857rem solid @inputBorderColorNo10;
         border-left: 0.07142857rem solid @inputBorderColorNo10;
         border-right: 0.07142857rem solid @inputBorderColorNo10;
    }
     .channel-title-1 {
         width: 10%;
    }
     .channel-title-2 {
         width: 20%;
    }
     .channel-title-3 {
         width: 30%;
    }
     .channel-title-behind {
         font-weight: 400;
         color: @disableColorNo7;
    }
     .float-content {
         float: left;
         width: 100%;
    }
     .float-left {
         float: left;
    }
     .flex-content {
         display: flex;
         align-items: center;
    }
     .title-float-left {
         float: left;
         font-size: 1.14285714rem;
         font-weight: 700;
    }
     .little-title {
         font-size: 1.00000000rem;
         font-weight: 700;
    }
     .ant-collapse-no-arrow {
         height: 50 / @px-unit;
    }
     .DHJT-time {
         width: 106 / @px-unit;
    }
     .margin-right-160 {
         margin-right: 160 / @px-unit;
         float: left;
    }
     .margin-right-120 {
         margin-right: 120 / @px-unit;
         float: left;
    }
     .margin-right-100 {
         margin-right: 100 / @px-unit;
         float: left;
    }
     .float-collapse {
         background-color: @contentBgColorNo15;
         border-top: solid 0.07142857rem @inputBorderColorNo10;
         .ant-collapse-header {
             padding-left: 0.00000000rem !important;
        }
         .ant-collapse-content-box {
             padding-left: 0.00000000rem !important;
        }
    }
     .collapse-bottom {
         border-bottom: solid 0.07142857rem @inputBorderColorNo10;
    }
     .DHJT-select-icon {
         width: 32 / @px-unit;
         height: 32 / @px-unit;
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer;
    }
     .select-icon {
         background: @TableColumnsColor;
    }
     .DHJT-cursor {
         cursor: pointer;
    }
     .area-options {
         width: 60 / @px-unit;
         height: 32 / @px-unit;
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;
         border: 0.07142857rem solid @tableTitleBorderColor;
         border-radius: 0.28571429rem 0.28571429rem 0.00000000rem 0.00000000rem;
         background: @TableColumnsColor;
         cursor: pointer;
         position: relative;
    }
     .current-area {
         background: @secondNavBgColorNo13;
         color: @btnNormalColorNo1;
         width: 90 / @px-unit;
    }
     .area-delete {
         position: absolute;
         margin-left: 70 / @px-unit;
         margin-top: 6 / @px-unit;
    }
     .left-channel-container {
         width: 100%;
         float: left;
         min-width: 1130 / @px-unit;
         .channel-list-li {
             display: inline-flex;
             align-items: center;
             padding: 0 12 / @px-unit;
             width: 100%;
             height: 44 / @px-unit;
             line-height: 44 / @px-unit;
             border-bottom: 0.07142857rem solid @inputBorderColorNo10;
             user-select: none;
             cursor: pointer;
             .channel-list-icon {
                 width: 3%;
            }
             .channel-list-content {
                 width: 60%;
            }
             .channel-state {
                 width: 30%;
                 color: @disableColorNo7;
            }
             .channel-online-state {
                 color: @btnNormalColorNo1;
            }
        }
         .channel-list-li-selected {
             background-color: @tableTitleSelectColor;
        }
    }
     .channel-right-container {
         float: left;
         width: 100%;
         padding: 24 / @px-unit 33 / @px-unit;
         background-color: @tableContentInfoBg;
         margin-top: 10 / @px-unit;
    }
     .content-container {
         width: 100%;
         height: 100%;
         display: inline-block;
    }
     .speedControlWrap {
         > div {
             display: inline-block;
             margin-right: 10 / @px-unit;
             margin-bottom: 20 / @px-unit;
             vertical-align: middle;
        }
    }
     ._DrawArea_ {
         .screenContainer {
             position: relative;
             margin: 0;
             padding: 0;
        }
         table {
             border-right: 1 / @px-unit solid #aaa;
             border-bottom: 1 / @px-unit solid #aaa;
             box-sizing: border-box;
        }
         table td {
             height: @SINGLE;
             width: @SINGLE;
             border-top: 1 / @px-unit solid #aaa;
             border-left: 1 / @px-unit solid #aaa;
             box-sizing: border-box;
        }
         .oldframe, .newframe {
             position: absolute;
             box-sizing: border-box;
             background: rgba(255, 161, 55, 0.5);
             border: 1 / @px-unit solid #ffa137;
             font-size: @FRONTSIZE;
             line-height: @SINGLE;
        }
         .oldframe {
             background: rgba(164, 169, 184, 0.5);
             border: 1 / @px-unit solid #a8a0a0;
        }
         .newframe {
             background: rgba(255, 161, 55, 0.5);
             border: 1 / @px-unit solid #ffa137;
        }
         .fn-left {
             float: left;
        }
         .start-coor, .end-coor {
             position: absolute;
             word-break: keep-all;
            /* 不换行 */
             white-space: nowrap;
        }
         .start-coor {
             left: 0;
             top: 0;
        }
         .end-coor {
             right: 0;
             bottom: 0;
        }
         .label {
             height: 45 / @px-unit;
             margin-bottom: 5 / @px-unit;
             line-height: 45 / @px-unit;
        }
    }
     .area-line {
         width: 500 / @px-unit;
    }
     .global-content {
         height: 100%;
    }
     .table-supportAdd {
         .ant-table-thead {
             .ant-table-cell {
                 font-weight: bold;
                 background-color: @panelBackgroundColor;
            }
        }
         .table-OperationIcon {
             color: #1c79f4;
             text-align: center;
             cursor: pointer;
        }
         .table-OperationIcon[disabled] {
             color: @disableColorNo7;
             cursor: auto;
        }
    }
}
 .DHJT-Modal {
     .float-content {
         float: left;
         width: 100%;
    }
     .float-left {
         float: left;
         .ant-select {
             width: 70 / @px-unit;
        }
    }
     .flex-content {
         display: flex;
         align-items: center;
    }
     .modal-content {
         max-height: 852 / @px-unit;
         overflow-y: auto;
    }
     .modal-title-content {
         background-color: @TableColumnsColor;
         height: 44 / @px-unit;
         line-height: 44 / @px-unit;
         padding: 0 0.85714286rem;
         font-weight: 700;
    }
     .modal-channel {
         height: 40 / @px-unit;
         line-height: 40 / @px-unit;
         border-bottom: 0.07142857rem solid @inputBorderColorNo10;
         padding: 0 0.85714286rem;
    }
     .modal-title1 {
         width: 116 / @px-unit;
    }
     .modal-title2 {
         width: 133 / @px-unit;
    }
     .modal-title3 {
         width: 40 / @px-unit;
         .anticon {
             font-size: 20 / @px-unit;
        }
    }
}
 .micro-info-itse-modal {
     .resolution {
         overflow: hidden;
         .label-v3-version {
             float: left !important;
        }
    }
}
 ._DHJTOsdComponent_ {
     padding-top: inherit;
     .float-content {
         float: left;
         width: 100%;
    }
     .float-left {
         float: left;
    }
     .sort-region {
         width: 620 / @px-unit;
         min-height: 148 / @px-unit;
         padding: 10 / @px-unit;
         background: @grayBlack;
         overflow-y: auto;
         border-radius: 1 / @px-unit;
         border: solid 1 / @px-unit @grayBlackBorder;
         .OSDitem-move {
             width: 105 / @px-unit;
             height: 32 / @px-unit;
             border: solid 1 / @px-unit @grayBlackBorder;
             text-align: center;
             line-height: 27 / @px-unit;
             background: #fff;
             cursor: move;
             margin-left: 10 / @px-unit;
             float: left;
             border-radius: 2 / @px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
        }
    }
     .osdOption-region {
         width: 620 / @px-unit;
         padding: 10 / @px-unit;
         border-radius: 1 / @px-unit;
         border: solid 1 / @px-unit @grayBlackBorder;
         overflow-y: auto;
         button {
             width: 105 / @px-unit;
             height: 32 / @px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
             background: #fff;
             border-radius: 2 / @px-unit;
             border: solid 1 / @px-unit @grayBlackBorder;
             span {
                 display: inline;
            }
        }
    }
}
 ._EncodeStream_ {
     width: 100%;
     .ant-card {
         min-height: 48rem;
    }
     .ant-card-head {
         background-color: @bodyBgColorNo16;
    }
     .ant-card-body{
         padding: 10/@px-unit 30/@px-unit 15/@px-unit 30/@px-unit !important;
    }
}
 ._Encode_ {
     padding-top: inherit;
}
 ._InterArea_ {
     width: 100%;
     .video-wrap {
         width: 30.71428571rem;
         height: 24.14285714rem;
         background: #1b1b1b;
    }
     ._Table_{
         .ant-table-tbody {
             tr.ZD-selected-row {
                 background-color: unset ;
            }
             tr.selectedRow {
                 background-color:rgb(230, 247, 255) 
            }
        }
    }
}
 ._VideoOsd_ {
     width: 100%;
     .width500 {
         width: 500/@px-unit;
    }
     .imgset-content {
         margin: 1.14285714rem 1.14285714rem 0.71428571rem 1.14285714rem;
         padding-left: 1.14285714rem;
         padding-top: 1.14285714rem;
         padding-bottom: 1.14285714rem;
         border-top: 0.07142857rem solid @listBorderColorNo8;
    }
     .video-wrap {
         width: 430/@px-unit;
         height: 338/@px-unit;
         background: #1b1b1b;
    }
     .color {
         display: inline-block;
         width: 1.42857143rem;
         height: 1.42857143rem;
         border-radius: 50%;
    }
     .clickRowStyle{
         background-color:#E6F7FF 
    }
     .dropdown_privacy:hover {
         background-color: #e6f6ff;
         color: #272727 
    }
     .icon-btn-hover{
         color: #40a9ff;
         border-color: #40a9ff;
    }
     .icon-btn{
         color: #272727;
         border-color: #fff;
    }
     .GB-Table{
         .ant-table-tbody > tr > td {
             padding: 0/@px-unit 11/@px-unit !important;
        }
    }
     .front-wrapped {
         padding-left: 0;
         width:auto !important;
         .label-div-Container {
             float:left;
             .label-normal-container {
                 padding-top: 0 !important;
                 .label-normal-wrapper {
                     width: 105/@px-unit !important;
                     .ant-select-disabled .ant-select-selection {
                         background-color: #fff;
                         cursor:auto;
                    }
                }
            }
        }
         .osd-font-color {
             border: 1/@px-unit solid #d9d9d9;
             height: 4/@px-unit;
             width: 16/@px-unit;
        }
         .sketchPicker-popover {
             left: 100/@px-unit !important;
             .ant-popover-inner-content {
                 padding: 0;
            }
        }
    }
     .no-padding{
         padding: 0;
    }
     .ant-tabs-left {
         .ant-tabs-tab{
             min-width: 200/@px-unit;
             height: 40/@px-unit;
             text-align: center;
             margin: 0;
        }
         .ant-tabs-tab-active{
             background-color: @sideMenuSelectedColor;
        }
         .ant-tabs-nav-wrap {
             box-shadow: 3/@px-unit 0 6/@px-unit 0 @grayBlackBorder;
        }
    }
     .flex-cloumn-center {
         display: flex;
         flex-direction: column;
         align-items: center;
    }
     .flex-center {
         display: flex;
         justify-content: center;
    }
     .empty-block {
         width: 10/@px-unit;
         height: 10/@px-unit;
    }
     .gray-block {
         width: 10/@px-unit;
         height: 10/@px-unit;
         background-color: #f0f2f5;
    }
     .videoOsd-content {
         min-width: 1195/@px-unit;
    }
     .m-mb-f20 {
         margin-bottom: -20/@px-unit;
    }
     .m-height-32{
         height: 32/@px-unit;
    }
     .ant-alert {
         min-width: unset;
    }
}
 ._EquipmentManagement_ {
     padding: 16 / @px-unit;
     width: 100%;
     background: @contentBgColorNo15;
     .card-style-equipment {
         width: 160 / @px-unit;
         height: 196 / @px-unit;
         padding: 24 / @px-unit;
    }
     .card-dash {
         border-style: dashed;
    }
     .card-style-equipment-icon {
         width: 42 / @px-unit;
         height: 42 / @px-unit;
         background: rgb(240, 240, 240);
         border-radius: 50%;
         font-size: 42 / @px-unit;
    }
     .card-height220 {
         height: 220 / @px-unit;
    }
     .card-style {
         .ant-card-body {
             padding: 0 !important;
             text-align: center;
        }
         .ant-menu-item:first-child {
             margin-left: 12 / @px-unit;
        }
         .ant-card-meta-title {
             margin-top: 8 / @px-unit;
             margin-bottom: 0;
        }
    }
     .device-add-dig {
         min-width: 500 / @px-unit;
    }
     .content-style {
         background: @contentBgColorNo15;
    }
     .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active::after {
         border-bottom: transparent;
    }
     .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected::after {
         border-bottom: transparent;
    }
     .ant-menu-item {
         position: relative;
         .hover-icon {
             background: rgba(204, 204, 204, 0.4);
             position: absolute;
             bottom: 0;
             right: 0;
             left: 0;
             color: red;
             opacity: 0;
        }
         &:hover .hover-icon {
             opacity: 1;
        }
    }
     .left-wifth {
         width: 750 / @px-unit;
    }
     .button-width {
         .ant-radio-button-wrapper {
             width: 73 / @px-unit;
             text-align: center;
             span[name] {
                 display: inline-block;
                 width: 40 / @px-unit;
                 .m-text-ellipsis;
            }
        }
    }
     .device-cfg-left {
         &:after {
             visibility: hidden;
             display: block;
             font-size: 0;
             content: ' ';
             clear: both;
             height: 0;
        }
         .label-v4-version {
             float: left;
             width: 592 / @px-unit;
             &:has(.bg_color) {
                 background-color: #f5f5f5;
            }
        }
         .radar-info {
             .under-wrapper {
                 width: 285% !important;
            }
        }
    }
     .hover-top {
         .label-normal-container {
             height: 48 / @px-unit !important;
        }
         .ant-checkbox-wrapper {
             position: relative;
             width: 25 / @px-unit !important;
             .labelCheckbox-content-wrapper {
                 position: absolute;
                 left: 4 / @px-unit;
                 top: -18 / @px-unit;
            }
        }
    }
     .card_add_height {
         height: 108 / @px-unit !important;
         position: relative;
         [role='img'] {
             position: absolute;
             left: 50%;
             top: 50%;
             transform: translate(-50%, -50%);
        }
         svg {
             margin-top: 10 / @px-unit;
             width: 1.5em;
        }
    }
     .ant-card-cover img {
         width: 112 / @px-unit !important;
         height: 108 / @px-unit !important;
    }
     .ant-layout-header {
         height: 220 / @px-unit;
         li:first-child {
             margin-left: 32 / @px-unit;
        }
    }
     .ant-menu-item-selected {
         .ant-card {
             border: 2 / @px-unit solid rgb(24, 144, 255);
             .ant-card-meta-title {
                 color: rgb(24, 144, 255);
            }
        }
    }
     .video-wrap {
         width: 674 / @px-unit;
         height: 420 / @px-unit;
         background: #1b1b1b;
    }
     .protocolTiltle {
         font-size: 14 / @px-unit;
         font-weight: bold;
    }
     .divider {
         width: 80% !important;
         min-width: 80% !important;
         margin: 16 / @px-unit 0;
    }
     .device-left {
         min-width: 404/@px-unit;
    }
     .device-light-box {
         width: 680/ @px-unit;
         .ant-tabs {
             .ant-tabs-content-holder {
                 border: 0.07142857rem solid @dividerColorNo9;
                 padding: 20/ @px-unit;
                 .scene-change-box {
                     width: 100%;
                     overflow: hidden;
                     .ant-tabs {
                         .ant-tabs-content-holder {
                             border: none;
                             width: 100%;
                             background: @disableInputBgColorNo11;
                        }
                         .ant-tabs-nav {
                             display: 'flex';
                             justify-content: 'space-between';
                             width: '100%';
                             .ant-tabs-nav-wrap {
                                 .ant-tabs-nav-list {
                                     .ant-tabs-tab-active {
                                         .highlight-tab {
                                             color: #fff;
                                        }
                                    }
                                     .highlight-tab {
                                         color: #272727;
                                         background-color: #52c41a;
                                         display: inline-block;
                                         padding: 7/ @px-unit 10/ @px-unit;
                                    }
                                     .highlight-tab:hover {
                                         color: #fff;
                                    }
                                     .normal-tab {
                                         display: inline-block;
                                         padding: 7/ @px-unit 10/ @px-unit;
                                    }
                                     .ant-tabs-tab {
                                         padding: 0 !important;
                                         max-width: 180/ @px-unit !important;
                                         text-align: center;
                                         overflow: hidden;
                                         text-overflow: ellipsis;
                                         white-space: nowrap;
                                         word-wrap: normal;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
 ._AbnormalConfig_ {
     height: 100%;
     width: 100%;
     min-width: 1100/@px-unit;
     overflow: auto;
     .item-row {
         border: 1/@px-unit solid @listBorderColorNo8;
         .m-mb-24;
         .item-title {
             .m-fw-bold;
             .m-ml-16;
             .m-layout-item;
        }
         .item-content {
             .m-layout-content;
             .ant-table-thead 
        }
    }
     .loadTip{
         padding: 20vh;
         width: 80% 
    }
     [class^="traffic-icon-"] {
         background-image: url('/static/media/iconL.d5db2e1f.png');
         background-repeat: no-repeat;
    }
     [class^= "traffic-icon-"] {
         float: left;
         display: block;
         width: 15/@px-unit;
         height: 16/@px-unit;
         margin-top: 2/@px-unit;
         margin-right: 2/@px-unit;
    }
     .traffic-icon-prev {
         background-position: -60/@px-unit 0;
    }
     .traffic-icon-left {
         background-position: -75/@px-unit 0;
    }
     .traffic-icon-right {
         background-position: -90/@px-unit 0;
    }
     .traffic-icon-back {
         background-position: -105/@px-unit 0;
    }
}
 ._AlarmConfig_, ._AlarmOutConfig_, ._AlarmLink_ {
     height: 100%;
     width: 100%;
     .loadTip{
         padding: 20vh;
         width: 80% 
    }
}
 ._IvsEventRule_ {
     @length142: 142/@px-unit;
     padding-left: 20/@px-unit;
     width: 100%;
     height: calc(100vh - @length142);
     overflow: scroll;
     .ant-input-number-out-of-range input {
         color: #565656;
    }
     ._TableList_ {
         .ant-table-tbody > tr > td{
             padding-top: 0 !important;
             padding-bottom: 0 !important;
             line-height: 49/@px-unit;
        }
         .ant-table-wrapper {
             min-height: 190 / @px-unit;
             margin-top: 16 / @px-unit;
             margin-bottom: 20 / @px-unit;
             border: 1/@px-unit solid rgb(232, 232, 232);
             .ant-table-container, .ant-table-bordered {
                 border: none;
            }
             .ant-table-placeholder {
                 & > td {
                     border: none;
                }
            }
        }
    }
     .row-selected {
         background-color: lightblue;
    }
     ._eventPlugin_ {
         position: relative;
         width: 51.00000000rem;
    }
     ._eventPlugin_ .video-wrap {
         display: inline-block;
         width: 48.14285714rem;
         height: 32.14285714rem;
         .video-content{
             width: 100%;
             height: 30.00000000rem;
             background-color: #1b1b1b;
        }
         .video-bottom{
             width: 100%;
             height: 2.14285714rem;
             padding: 0 0.35714286rem;
             background-color: #e8eaeb;
             .anticon {
                 font-size: 1.42857143rem;
                 margin-top: 0.35714286rem;
            }
        }
    }
     .aitoolsbar-wrap {
         display: inline-block;
         position: absolute;
         width: 2.85714286rem;
         height: 30.00000000rem;
         background-color: #e8e8e8;
         text-align: center;
         cursor: pointer;
         .icon {
             margin-top: 0.71428571rem;
             .anticon {
                 width: 1.42857143rem;
                 height:1.42857143rem;
                 svg {
                     width: 100%;
                     height: 100%;
                }
            }
        }
    }
     ._rule_params_ {
         width: calc(100% - 52.14285714rem);
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
}
 ._IvsLocation_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._UnFocusDetect_ {
     padding-left: 20/@px-unit;
}
 ._VidBlind_ {
     padding-left: 20/@px-unit;
     .empty {
         text-align: center;
         height: 90vh;
         line-height: 90vh;
    }
     .fn-left {
         float:left;
    }
     .fn-width70 {
         width: 5.00000000rem;
    }
}
 ._VidMotion_ {
     width: 100%;
     .empty {
         text-align: center;
         height: 90vh;
         line-height: 90vh;
    }
}
 ._AreaModal_ {
     width: 59.28571429rem !important;
     .ant-modal-body {
         padding: 1.07142857rem;
    }
     .ant-time-picker, .ant-time-picker-input {
         width: 5.35714286rem;
    }
     ._PeriodModal_ {
         height: 100%;
         .fn-clear {
             &::after {
                 content: "";
                 display: block;
                 height: 0;
                 clear: both;
                 visibility: hidden;
            }
        }
         .video-left {
             float: left;
             width: 33.57142857rem;
             padding: 0.00000000rem 0.71428571rem 0 0.71428571rem;
             .video-wrap {
                 width: 32.14285714rem;
                 height: 24.14285714rem 
            }
             .video-button {
                 margin-top: 0.71428571rem 
            }
        }
         .video-right {
             float: left;
             width: calc(100% - 33.57142857rem);
             margin-left: 0;
             .videotect-regionbox {
                 padding-top: 0;
                 .videodetect-region-header {
                     height: 2.14285714rem;
                     background: #C2C2C2;
                     h3 {
                         float: left;
                         line-height: 2.14285714rem;
                         text-indent: 0.71428571rem;
                         font-size: 1.00000000rem;
                         font-weight: bold;
                    }
                     .videodetect-regions {
                         float: right;
                         padding-right: 0.71428571rem;
                    }
                     .videodetect-region-item {
                         float: left;
                         display: block;
                         width: 2.14285714rem;
                         height: 2.14285714rem;
                         margin-right: 0.35714286rem;
                         font-size: 0;
                    }
                     .videodetect-region-current {
                        /*见skin.css*/
                         background: #EAEAEA;
                    }
                     .videodetect-region-item a {
                         width: 1.07142857rem;
                         height: 1.07142857rem;
                         margin: 0.57142857rem auto auto;
                         display: block;
                    }
                     .videodetect-region-current a {
                         margin: 0.50000000rem auto auto;
                    }
                     .videodetect-red {
                        /*见skin.css*/
                         background: #FF2D11;
                    }
                     .videodetect-yellow {
                        /*见skin.css*/
                         background: #FFE011;
                    }
                     .videodetect-blue {
                        /*见skin.css*/
                         background: #06C8F9;
                    }
                     .videodetect-green {
                        /*见skin.css*/
                         background: #3DFF00;
                    }
                }
                 .videodetect-region-content {
                     padding: 0.00000000rem 0 0 0.35714286rem;
                     .ui-form-item {
                         margin-bottom: 0.14285714rem;
                         zoom: 1;
                    }
                     .slider-wrapper {
                         .list {
                             padding: 0.57142857rem 0;
                             i {
                                 font-size: 1.42857143rem;
                            }
                             .slide {
                                 margin-top: -0.35714286rem !important;
                            }
                             .ant-slider-rail {
                                 background: #e2e4e7;
                            }
                             .point {
                                 cursor: pointer;
                            }
                             .ant-slider-rail, .ant-slider-step, .ant-slider-track {
                                 height: 0.50000000rem;
                            }
                             .ant-slider-handle {
                                 margin-top: -0.28571429rem;
                            }
                        }
                    }
                }
            }
        }
    }
     .ant-divider-horizontal {
         margin: 0 0 1.78571429rem 0;
         background: #e8e8e8;
    }
}
 ._figure_ {
     .figure-wrap {
         margin: 1.42857143rem auto;
         position: relative;
         background-image: url('/static/media/motion_figure.763d43f2.png');
         background-repeat: repeat;
         background-position: center;
    }
     .figure-canvas {
         position: relative;
         height: 100%;
         left: 0.00000000rem;
    }
     .figure-threshold {
         position: absolute;
         height: 0.07142857rem;
         width: 100%;
         left: 0.00000000rem;
         background-color: #000;
    }
}
 ._AlarmOut_ {
     width: 100%;
     padding: 20/@px-unit 10/@px-unit;
     .ant-input-number {
         width: 100%;
    }
     ._ScheduleComponent_ {
         padding-left: 0;
    }
}
 ._GreenAlarm_ {
     width: 100%;
     padding: 20/@px-unit 10/@px-unit;
     .ant-input-number {
         width: 100%;
    }
     ._ScheduleComponent_ {
         padding-left: 0;
    }
}
 ._Link_ {
     width: 100%;
     padding: 20/@px-unit 10/@px-unit;
     .ant-input-number {
         width: 100%;
    }
     ._ScheduleComponent_ {
         padding-left: 0;
    }
}
 ._ExtraLight_ {
     padding-top: inherit;
}
 ._ExtraLightCfg_ {
     padding-top: inherit;
     .flash-margin-top {
         margin-top: -10/@font-size-normal;
    }
     .scene-mode {
         background: #70b603;
         color: white;
         padding: 0.14285714rem 0.57142857rem;
         font-weight: normal;
         border-radius: 10%;
    }
     .ant-divider {
         height: 50.00000000rem;
    }
     .ant-slider {
         margin-top: 1.14285714rem;
    }
}
 ._GPS_ {
     padding-top: inherit;
}
 ._ExtraDevice_ {
     padding-top: inherit;
     .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
         height: 190/@px-unit;
    }
     .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
         height: 180/@px-unit;
         width: 160/@px-unit;
    }
     .tab-style {
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         margin-top: 20/@px-unit;
         height: 180/@px-unit;
         div {
             width: 100%;
             height: 30/@px-unit;
             line-height: 30/@px-unit;
             text-align: center;
        }
    }
     .ant-tabs-nav .ant-tabs-tab .anticon {
         margin-right: 0;
    }
     .status {
         border: 1/@px-unit solid #71BA05;
         margin-left: 5/@px-unit;
         padding: 2/@px-unit 6/@px-unit;
         border-radius: 10%;
    }
     .status-normal {
         color: #71BA05;
    }
     .ant-tabs-tab:hover .icon-tab-delete{
         opacity: 1;
    }
     .icon-tab-delete{
         opacity: 0;
         color: red;
         cursor: pointer;
         font-size: 16/@px-unit;
    }
     .labelText-label-Text {
         line-height: 48/@px-unit;
    }
}
 ._Radar_ {
     padding-top: inherit;
}
 ._RGLSignalDetector_ {
     padding-top: inherit;
}
 ._Transcom_ {
     padding-top: inherit;
}
 @videoWidth: 450/@px-unit;
 @videoHeight: 337/@px-unit;
 ._FlowConfig_{
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     .video-container{
         flex: 1;
         min-width: 720/@px-unit;
         min-height: 488@px-unit;
         .video-wrap {
             width: 100%;
             height: 0;
             padding-bottom: 67%;
             background: #1b1b1b;
        }
         .table-wrap {
             .ant-table-wrapper {
                 margin: 10 /@px-unit 0;
            }
        }
    }
     .custom-max-width {
         width: 660 / @px-unit;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .protocolTiltle {
         font-size: 16 / @px-unit;
         font-weight: bold;
    }
     .content-style {
         background: @contentBgColorNo15;
    }
     .ant-layout-header {
         padding: 0;
    }
     .custom-collapse {
         .ant-collapse-content-box, .ant-collapse-header {
             padding: 0;
        }
         .ant-collapse-item:not(:first-child) {
             margin-top: 15 / @px-unit;
        }
    }
     .coil-wrap {
         display: flex;
         .num-lable{
             margin-left: 146 / @px-unit;
        }
    }
     .radar-section-warp {
         display: flex;
    }
}
 ._CarFlowSearch_ {
     padding-left: 20/@px-unit;
}
 ._FlowSearch_ {
     padding-left: 20/@px-unit;
}
 ._CarFlow_ {
     height: calc(100vh - 10.14285714rem);
     .car-flow-main {
         float: left;
         height: 100%;
         width: calc(100% - 21.50000000rem);
    }
     .car-flow-info {
         float: left;
         height: 100%;
         width: 21.42857143rem;
         border-left: 0.07142857rem solid @listBorderColorNo8;
         overflow-y: auto;
    }
     .flow-info-ul::after {
         content: '';
         display: block;
         visibility: hidden;
         clear: both;
    }
     .flow-info-li {
         padding: 0.14285714rem 0;
         float: left;
         width: 50%;
    }
}
 .FlowData {
}
 ._FlowStatistics_ {
     padding-top: inherit;
}
 ._PeopleFlow_ {
}
 ._ForgetPassword_ {
     padding-top: inherit;
}
 @Length48: 48/@px-unit;
 ._Guide_ {
     height: 100%;
     .guide-layout-header {
         .guide-layout-span {
             font-size: 18 / @px-unit;
             color: @secondNavBgColorNo13;
        }
    }
     .guide-exit-button {
         color: @titleColorNo4 !important;
    }
     .guide-step-content {
         width: 100%;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         border-bottom: 1/@px-unit solid @dividerColorNo9;
    }
     .guide-step {
         width: 706 / @px-unit;
    }
     .step-content {
         display: flex;
         justify-content: center;
         align-items: center;
    }
     .guide-step-button-list {
         width: 100%;
    }
     .guide-button-content {
         width: 80%;
         display: flex;
         justify-content: flex-end;
         align-items: center;
         margin: auto;
         background-color: @topMenuTabActiveColor;
         border: 1/@px-unit solid @listBorderColorNo8;
         height: 56 / @px-unit;
         padding-right: 30 / @px-unit;
         button {
             min-width: 80/@px-unit;
             width: auto;
        }
    }
     .basic-content {
         height: auto;
         min-height: 620 / @px-unit;
         padding: 16 / @px-unit;
         background-color: @contentBgColorNo15;
         width: 80%;
         display: flex;
         flex-direction: column;
         align-items: center;
    }
     .content-title {
         font-weight: bolder;
         font-size: 15 / @px-unit;
    }
     .width600 {
         width: 600/@px-unit;
    }
     .video-container {
         display: flex;
         justify-content: space-around;
         min-height: 760 /@px-unit;
         padding: 0 16 /@px-unit;
         background-color: @contentBgColorNo15;
         width: 80%;
         min-width: 1152/@px-unit;
         margin: auto;
    }
     .flex-center {
         display: flex;
         flex-direction: column;
         align-items: center;
    }
     .video-plugin {
         width: 560 / @px-unit;
         height: 360 / @px-unit;
         background-color: #000;
         display: inline-block;
    }
     .car-pano-pic {
         width: 560 /@px-unit;
         height: 360 /@px-unit;
         background-color: #000;
    }
     .pic-info-content {
         max-width: 560/@px-unit;
         img {
             width: 100%;
             height: 44 /@px-unit;
             line-height: 44 /@px-unit;
             margin-top: 5/@px-unit;
        }
    }
     .step-button-container {
         display: flex;
         justify-content: flex-end;
         padding-top: 2/@px-unit;
    }
     .step-button {
         display: flex;
         justify-content: center;
         border: 0.07142857rem solid @listBorderColorNo8;
         line-height: 30/@px-unit;
         align-items: center;
    }
     .step-button-selected {
         border-color: @btnNormalColorNo1;
         color: @btnNormalColorNo1;
    }
     .car-plate-text {
         height: 48 /@px-unit;
         text-align: center;
         line-height: 48 /@px-unit;
         background-color: @grayBlack;
         border-radius: 2/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         padding: 0 16 /@px-unit;
    }
     .behind-suggest {
         width: auto;
         display: flex;
         flex-direction: column;
         margin-top: 8/@px-unit, 
    }
     .right-content {
         position: absolute;
         z-index: 98;
         width: 500 /@px-unit;
         border-left: 1/@px-unit solid @listBorderColorNo8;
         background-color: #f8f8f8;
         right: 0;
    }
     .right-info-content {
         padding: 16 /@px-unit 24 /@px-unit;
         border: 1/@px-unit solid #797979;
         box-shadow: 0/@px-unit 6/@px-unit 18/@px-unit 0/@px-unit;
    }
     .example-pic {
         width: 400 /@px-unit;
         height: 307 /@px-unit;
    }
     .right-table-title {
         width: 400 /@px-unit;
         background-color: #ececec;
         border: 1/@px-unit solid #797979;
    }
     .right-table-row {
         display: inline-block;
    }
     .right-table-row-first {
         border: 1/@px-unit solid @listBorderColorNo8;
         width: 400 /@px-unit;
         text-align: center;
         word-break: break-word;
    }
     .right-bar-content {
         position: absolute;
         right: 163 /@px-unit;
         top: 350 /@px-unit;
         cursor: pointer;
    }
     .right-show-bar {
         right: 476 /@px-unit;
         z-index: 99;
    }
     .left-bar-button {
         display: flex;
         align-items: center;
         justify-content: center;
         height: 40 /@px-unit;
         border-left: 1/@px-unit solid @listBorderColorNo8;
         border-right: 1/@px-unit solid @listBorderColorNo8;
         width: 25 /@px-unit;
         background-color: @baseColor;
    }
     .left-triTop {
         position: relative;
         width: 0;
         height: 0;
         border-right: 25 /@px-unit solid @listBorderColorNo8;
         border-top: 25 /@px-unit solid transparent;
    }
     .left-triTop::after {
         content: '';
         position: absolute;
         top: -22 /@px-unit;
         left: -1 /@px-unit;
         border-right: 25 /@px-unit solid @baseColor;
         border-top: 25 /@px-unit solid transparent;
    }
     .right-triTop {
         position: relative;
         width: 0;
         height: 0;
         border-left: 25 /@px-unit solid @listBorderColorNo8;
         border-top: 25 /@px-unit solid transparent;
    }
     .right-triTop::after {
         content: '';
         position: absolute;
         top: -22 /@px-unit;
         left: -24 /@px-unit;
         border-left: 25 /@px-unit solid @baseColor;
         border-top: 25 /@px-unit solid transparent;
    }
     .left-triBottom {
         position: relative;
         width: 0;
         height: 0;
         border-right: 25 /@px-unit solid @listBorderColorNo8;
         border-bottom: 25 /@px-unit solid transparent;
    }
     .left-triBottom::after {
         content: '';
         position: absolute;
         top: -2 /@px-unit;
         left: -1 /@px-unit;
         border-right: 25 /@px-unit solid @baseColor;
         border-bottom: 25 /@px-unit solid transparent;
    }
     .right-triBottom {
         position: relative;
         width: 0;
         height: 0;
         border-left: 25 /@px-unit solid @listBorderColorNo8;
         border-bottom: 25 /@px-unit solid transparent;
    }
     .right-triBottom::after {
         content: '';
         position: absolute;
         top: -3 /@px-unit;
         left: -24 /@px-unit;
         border-left: 25 /@px-unit solid @baseColor;
         border-bottom: 25 /@px-unit solid transparent;
    }
     .guide-finish-icon {
         height: 400 /@px-unit;
         width: 500 /@px-unit;
    }
     .ant-radio-wrapper {
         width: 125 /@px-unit;
    }
     .ant-result {
         padding: 20 /@px-unit 24 /@px-unit;
    }
     .detectImg {
         display: inline-block;
         width: 100%;
         height: @Length48;
         line-height: @Length48;
         text-align: left;
         font-weight: bolder;
         span{
             display: inline-block;
             height: @Length48;
             line-height: 48/@px-unit;
             padding: 0 20/@px-unit;
             background: #fff;
             color: black;
             font-size: 20/@px-unit;
        }
    }
     .label-div-Container {
         margin-right: 20 /@px-unit;
         font-weight: normal;
         font-stretch: normal;
    }
     .label-text-container {
         height: 64 /@px-unit;
    }
     .label-text {
         height: 48 /@px-unit;
         line-height: 48 /@px-unit;
    }
     .failed-reason {
         text-align: left;
         height: 24/@px-unit;
    }
     .wrap-class {
         height: 48 /@px-unit;
         line-height: 48 /@px-unit;
         min-width: 100 /@px-unit;
         text-align: center;
    }
}
 ._Gyro_{
     padding: 0 14/@px-unit;
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
}
 ._HideDetect_ {
     padding-left: 20/@px-unit;
     width: 100%;
}
 @Length20: 20/@px-unit;
 @Length40: 40/@px-unit;
 @Length240: 240/@px-unit;
 @Length440: 440/@px-unit;
 ._HighPrecisionMapCalibration_ {
     width: 100%;
     padding: @Length20;
     ._VideoRef_ {
         height: calc(100vh - @Length440);
         .p-left-wrapped {
             height: 100%;
             float: left;
             .p-left-channel{
                 width: @Length240;
                 height: 80%;
                 position: relative;
                 background-color: @secondNavBgColorNo13;
                 overflow: scroll;
                 .p-channel-collapse {
                     .ant-collapse-header {
                         border-bottom: 1/@px-unit solid #d9d9d9;
                         margin-bottom: 6/@px-unit;
                    }
                     .ant-collapse-item{
                         border: none;
                    }
                     .ant-collapse-content-box{
                         padding: 0;
                    }
                }
                 .p-channels {
                     .stream {
                         float: right;
                         width: @Length20;
                         height: @Length20;
                         text-align: center;
                         border: 1/@px-unit solid @btnNormalColorNo1;
                         color: @btnNormalColorNo1;
                         line-height: 18/@px-unit;
                         font-size: 12/@px-unit;
                         border-radius: 3/@px-unit;
                    }
                     .channel-item {
                         cursor: pointer;