align-items: center;
         justify-content: center;
         width: 370 / @px-unit;
         height: 120 / @px-unit;
         border: 0.07142857rem solid @inputBorderColorNo10;
         font-weight: 400;
         font-size: 48 / @px-unit;
         user-select: none;
    }
     .table-add-container {
         display: flex;
         align-items: center;
         height: 48 / @px-unit;
         line-height: 48 / @px-unit;
         color: @btnNormalColorNo1;
    }
     .table-add {
         display: flex;
         align-items: center;
         cursor: pointer;
    }
     .disabled-delete {
         color: @TableDeleteColor;
    }
     .flex-content {
         display: flex;
         align-items: center;
    }
     .status-content {
         width: 100 / @px-unit;
    }
     .status-normal {
         color: @successColorNo19;
    }
     .status-error {
         color: @warnColorNo18;
    }
}
 ._TrafficBlockListConfig_ {
     .m-p-16;
     width: 100%;
     ._Table_ {
         .operate-labelIcon-Wrapper {
             .label-div-Container {
                 display: inline-block;
                 &:not(:first-child) {
                     margin-left: 10 / @px-unit;
                }
            }
        }
         .table-action-bar {
             clear: both;
        }
    }
     ._Table_ tbody {
         .ant-table-cell {
             padding: 0 !important;
             height: 55/@px-unit;
        }
    }
     .table-header {
         .m-float-left {
             .ant-btn {
                 &:not(:first-child) {
                     margin-left: 10 / @px-unit;
                }
            }
        }
         .m-float-right {
             .label-normal-container {
                 padding-top: 0 !important;
            }
        }
    }
     .CareWord-behind {
         padding-left: 0;
         .label-div-Container {
             float: left;
             .label-normal-container {
                 padding-top: 0 !important;
                 padding-right: 20/@px-unit;
                 .ant-checkbox + span {
                     padding-left: 0;
                }
                 .label-normal-behind {
                     padding-left: 0;
                     width: auto !important;
                }
            }
        }
    }
     .plateNo-content {
         .label-div-Container {
             float: left;
        }
    }
     .important-tip {
         color: @errorColorNo17;
    }
     .sucess-tip {
         color: @successColorNo19;
    }
     .ant-calendar-picker {
         width: 100%;
    }
     .upload-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);
            }
        }
    }
}
 ._TrafficFuzzyMatchConfig_ {
     .m-p-16;
     width: 100%;
}
 ._TrafficTrustListConfig_ {
     .m-p-16;
     width: 100%;
     .ant-radio-wrapper{
         margin-right: 0;
    }
     ._Table_ {
         .operate-labelIcon-Wrapper {
             .label-div-Container {
                 display: inline-block;
                 &:not(:first-child) {
                     margin-left: 10 / @px-unit;
                }
            }
        }
         .table-action-bar {
             clear: both;
        }
    }
     ._Table_ tbody {
         .ant-table-cell {
             padding: 0 !important;
             height: 55/@px-unit;
        }
    }
     .table-header {
         .m-float-left {
             .ant-btn {
                 &:not(:first-child) {
                     margin-left: 10 / @px-unit;
                }
            }
        }
         .m-float-right {
             .label-normal-container {
                 padding-top: 0 !important;
            }
        }
    }
     .CareWord-behind {
         padding-left: 0;
         .label-div-Container {
             float: left;
             .label-normal-container {
                 padding-top: 0 !important;
                 padding-right: 20/@px-unit;
                 .ant-checkbox + span {
                     padding-left: 0;
                }
                 .label-normal-behind {
                     padding-left: 0;
                     width: auto !important;
                }
            }
        }
    }
     .plateNo-content {
         .label-div-Container {
             float: left;
        }
    }
     .important-tip {
         color: @errorColorNo17;
    }
     .sucess-tip {
         color: @successColorNo19;
    }
     .ant-calendar-picker {
         width: 100%;
    }
     .upload-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);
            }
        }
    }
     .footContent-table-warpper {
         width: 396/@px-unit;
    }
}
 ._BroadcastContent_ {
     .m-layout-content;
     width: 100%;
}
 ._OverlyingComponent_ {
     .sort-region {
         width: 440/@px-unit;
         height: 250/@px-unit;
         padding: 10/@px-unit;
         background: @grayBlack;
         overflow-y:auto;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         .overlyingitem-move {
             width: 120/@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;
             margin-top: 10/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
        }
    }
     .overlyingOption-region {
         width: 820/@px-unit;
         height: 250/@px-unit;
         padding: 10/@px-unit;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         overflow-y:auto;
         button {
             width: 120/@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;
             padding: 0;
             span {
                 display: inline;
            }
        }
    }
     .important-tip {
         color: @errorColorNo17;
    }
}
 ._VoiceBroadcastEvent_ {
     .m-layout-content;
     width: 100%;
}
 ._VolumeCodeSet_ {
     .m-layout-content;
     width: 100%;
}
 ._WeightOverStandards_ {
     width: 100%;
     .flex-content {
         display: flex;
         align-items: center;
    }
     .flex-center {
         display: flex;
         align-items: center;
    }
     .flex-only {
         display: flex;
    }
     .float-only{
         float: left;
    }
     .table-weight-container{
         max-width: 1200 / @px-unit;
         min-width: 936 / @px-unit;
    }
     .table-weight-columns {
         display: flex;
         font-weight: 700;
         height: 44 / @px-unit;
         line-height: 44 / @px-unit;
         background: @TableColumnsColor;
         align-items: center;
         border: 0.07142857rem solid @TableColumnsLineColor;
         width: 100%;
    }
     .table-weight-one-title {
         padding: 0 12 / @px-unit;
         width: 14%;
         border-right: 0.07142857rem solid @TableColumnsLineColor;
    }
     .table-weight-two-title {
         padding: 0 12 / @px-unit;
         width: 54.2%;
         border-right: 0.07142857rem solid @TableColumnsLineColor;
    }
     .table-weight-three-title {
         padding: 0 12 / @px-unit;
         width: 16.1%;
         border-right: 0.07142857rem solid @TableColumnsLineColor;
    }
     .table-weight-four-title {
         padding: 0 12 / @px-unit;
         width: 16%;
    }
     .table-weight-content {
         height: 48 / @px-unit;
         line-height: 48 / @px-unit;
         width: 100%;
    }
     .table-weight-first-border {
         border-left: 0.07142857rem solid @TableColumnsLineColor;
         border-bottom: 0.07142857rem solid @TableColumnsLineColor;
         border-right: 0.07142857rem solid @TableColumnsLineColor;
    }
     .table-weight-content-border {
         border-bottom: 0.07142857rem solid @TableColumnsLineColor;
         border-right: 0.07142857rem solid @TableColumnsLineColor;
    }
     .table-weight-two-picture {
         width: 27%;
         height: 48 / @px-unit;
         line-height: 48 / @px-unit;
    }
     .table-weight-two-line-picture {
         width: 50%;
    }
     .table-two-weight-content {
         height: 96 / @px-unit;
         line-height: 96 / @px-unit;
    }
     .table-four-weight-title-content {
         height: 192 / @px-unit;
         line-height: 192 / @px-unit;
    }
     .table-five-weight-title-content {
         height: 240 / @px-unit;
         line-height: 240 / @px-unit;
    }
     .table-seven-weight-title-content {
         height: 336 / @px-unit;
         line-height: 336 / @px-unit;
    }
     .table-nine-weight-title-content {
         height: 432 / @px-unit;
         line-height: 432 / @px-unit;
    }
     .table-float-bottom {
         position: relative;
         bottom:96 / @px-unit;
    }
     .table-two-weight-content-width{
         width: 100%;
    }
     .table-two-weight-picture-width{
         width: 62.7%;
    }
     .table-noAxis-content-width{
         width: 86%;
    }
     .table-noAxis-content-width{
         width: 86%;
    }
     .table-weight-axis-three-title{
         width: 18.7%;
         padding: 0 12 / @px-unit;
         border-right: 0.07142857rem solid @TableColumnsLineColor;
    }
     .table-weight-axis-four-title {
         width: 18.6%;
         padding: 0 12 / @px-unit;
    }
     .table-weight-axis-two-picture {
         width: 31.3%;
         padding: 0 12 / @px-unit;
    }
     .table-weight-axis-two-picture-next{
         width: 31.4%;
         padding: 0 12 / @px-unit;
    }
     .text-overflow {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
    }
     .inline-only{
         display: inline-block;
    }
     .vehicle-type2 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -0.42857143rem;
    }
     .vehicle-type3-0 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -4.28571429rem;
    }
     .vehicle-type3-1 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -8.00000000rem;
    }
     .vehicle-type3-2 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -11.42857143rem;
    }
     .vehicle-type3-3 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -14.85714286rem;
    }
     .vehicle-type4-0 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -18.50000000rem;
    }
     .vehicle-type4-1 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -22.35714286rem;
    }
     .vehicle-type4-2 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -25.78571429rem;
    }
     .vehicle-type4-3 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -29.35714286rem;
    }
     .vehicle-type4-4 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -33.28571429rem;
    }
     .vehicle-type5-0 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -36.85714286rem;
    }
     .vehicle-type5-1 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -40.57142857rem;
    }
     .vehicle-type5-2 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -44.14285714rem;
    }
     .vehicle-type5-3 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -47.85714286rem;
    }
     .vehicle-type5-4 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -51.28571429rem;
    }
     .vehicle-type5-5 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -55.00000000rem;
    }
     .vehicle-type5-6 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -58.57142857rem;
    }
     .vehicle-type6-0 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -62.00000000rem;
    }
     .vehicle-type6-2 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -69.64285714rem;
    }
     .vehicle-type6-4 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -76.57142857rem;
    }
     .vehicle-type6-6 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -84.28571429rem;
    }
     .vehicle-type6-7 {
         background: url(/static/media/vehicle_type.453799f6.png) no-repeat 0.85714286rem -87.42857143rem;
    }
     .axis-type2 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -0.42857143rem;
    }
     .axis-type3-0 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -4.28571429rem;
    }
     .axis-type3-1 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -8.14285714rem;
    }
     .axis-type3-2 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -11.57142857rem;
    }
     .axis-type3-3 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -15.00000000rem;
    }
     .axis-type4-0 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -18.64285714rem;
    }
     .axis-type4-1 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -22.50000000rem;
    }
     .axis-type4-2 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -25.92857143rem;
    }
     .axis-type4-3 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -29.50000000rem;
    }
     .axis-type4-4 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -33.42857143rem;
    }
     .axis-type5-0 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -37.00000000rem;
    }
     .axis-type5-1 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -40.71428571rem;
    }
     .axis-type5-2 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -44.28571429rem;
    }
     .axis-type5-3 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -48.00000000rem;
    }
     .axis-type5-4 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -51.42857143rem;
    }
     .axis-type5-5 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -55.14285714rem;
    }
     .axis-type5-6 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -58.78571429rem;
    }
     .axis-type6-0 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -62.57142857rem;
    }
     .axis-type6-1 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -66.28571429rem;
    }
     .axis-type6-2 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -69.78571429rem;
    }
     .axis-type6-3 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -73.42857143rem;
    }
     .axis-type6-4 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -76.85714286rem;
    }
     .axis-type6-5 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -80.64285714rem;
    }
     .axis-type6-6 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -84.50000000rem;
    }
     .axis-type6-7 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -90.85714286rem;
    }
     .axis-type6-8 {
         background: url(/static/media/axis_type.9da8b164.png) no-repeat 0.85714286rem -88.14285714rem;
    }
}
 ._Advanced_{
     width: 100%;
     .platestring-size {
         font-weight: bold;
         padding: 0 5/@px-unit;
         border-width: 1/@px-unit;
         border-style: solid;
         border-radius: 5/@px-unit;
    }
     .color-yellow {
         border-color: black;
         background-color: yellow;
         color: black;
    }
     .color-green {
         border-color: white;
         background-color: green;
         color: white;
    }
     .color-blue {
         border-color: white;
         background-color: blue;
         color: white;
    }
     .color-white {
         border-color: red;
         background-color: white;
         color: red;
    }
     .color-red {
         border-color: white;
         background-color: red;
         color: white;
    }
     .color-black {
         border-color: white;
         background-color: black;
         color: white;
    }
     .color-none {
         border-color: black;
         background-color: none;
         color: black;
    }
     .flex-align-center {
         position: relative;
         display: flex;
         align-items: center;
    }
     .display-flex {
         display: flex;
    }
     .display-block {
         display: block;
    }
     .infor-box {
         height: 80 / @px-unit;
    }
     .flex-justify-center {
         display: flex;
         justify-content: center;
         .ant-input {
             text-align: center;
             padding-left: 2/@px-unit !important;
             padding-right: 2/@px-unit !important;
        }
    }
     .example-plate {
         width: 100%;
    }
     .span-block {
         span {
             display: block;
        }
    }
     .no_border {
         border-bottom: none !important;
    }
}
 ._Disting_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     width: 100%;
     .header {
         width:100%;
         display: flex;
         justify-content: flex-start;
         align-items: center;
         margin-bottom: 10/@px-unit;
         .switch {
             margin-left: 20/@px-unit;
        }
    }
     .flex-item {
         display: flex;
         flex-wrap: wrap;
    }
}
 .car-win-modal {
     .modal-switch {
         display: flex;
         flex-wrap: wrap;
         padding-left: 25/@px-unit;
    }
}
 ._AreaInstantFlowStat_ {
     width: 100%;
     .search-bar {
         margin: 10 / @px-unit 0;
         > div {
             float: left;
        }
    }
     .fill-table {
         .ant-table-pagination.ant-pagination {
             margin-bottom: 0 !important;
        }
    }
     .important-tip {
         color: @errorColorNo17;
    }
}
 ._AreaTrafficFlowStat_ {
     width: 100%;
     .search-bar {
         margin: 10 / @px-unit 0;
         > div {
             float: left;
        }
    }
     .fill-table {
         .ant-table-pagination.ant-pagination {
             margin-bottom: 0 !important;
        }
    }
     .important-tip {
         color: @errorColorNo17;
    }
}
 ._InstantFlowStat_ {
     width: 100%;
     .search-bar {
         margin: 10 / @px-unit 0;
         > div {
             float: left;
        }
    }
     .fill-table {
         .ant-table-pagination.ant-pagination {
             margin-bottom: 0 !important;
        }
    }
     .virtual-table-wrapper button.filterColumn {
         margin-top: 3.57142857rem;
    }
}
 ._ParamConfig_ {
     width:100%;
     .card-box {
         display: flex;
         margin-top: 10/@px-unit;
         .left {
             margin-right: 40/@px-unit;
        }
    }
     .chn-item{
         display: flex;
         padding: 10/@px-unit 0 ;
         .name {
             flex: 0 0 100/@px-unit;
             width: 100/@px-unit;
        }
         .box {
             width: 2.28571429rem;
             height: 2.28571429rem;
             line-height: 2.28571429rem;
             box-shadow: 0 0.14285714rem 0 rgba(0, 0, 0, 0.015);
             text-align: center;
             border-radius: 0.14285714rem;
             color: @titleColorNo4;
             border: 0.07142857rem solid transparent;
             border-color: @inputBorderColorNo10;
             &:hover{
                 cursor: pointer;
            }
        }
         .active {
             border-color: @btnHoverColorNo2;
             color: #fff;
             background-color: @btnHoverColorNo2;
        }
    }
     .ant-input-number {
         width:100%;
    }
     .sec-num {
         color: #d9d9d9;
    }
     .disabled-span {
         cursor: not-allowed !important;
         color: rgba(0, 0, 0, 0.25) !important;
         background-color: #f5f5f5;
    }
     .svg-help {
         vertical-align: middle;
    }
}
 ._PedestrianVolume_ {
     width: 100%;
     padding: 10/@px-unit;
}
 ._RatioFlowSearch_ {
     width: 100%;
     padding: 0 10 / @px-unit;
     .search-bar {
         margin: 10 / @px-unit 0;
         > div {
             float: left;
        }
    }
     .fill-table {
         .ant-table-pagination.ant-pagination {
             margin-bottom: 0 !important;
        }
    }
     .virtual-table-wrapper button.filterColumn {
         margin-top: 3.57142857rem;
    }
}
 .allow-scroll {
     .ant-table-empty .ant-table-body {
    }
}
 ._TrafficFlowSearch_ {
     width: 100%;
     padding: 0 10 / @px-unit;
     .search-bar {
         margin: 10 / @px-unit 0;
         > div {
             float: left;
        }
    }
     .fill-table {
         .ant-table-pagination.ant-pagination {
             margin-bottom: 0 !important;
        }
    }
     .virtual-table-wrapper{
         .table-action-bar{
             .right-bars{
                 margin-right: 3.14285714rem;
                 button.filterColumn {
                     margin-top: 100 /@px-unit;
                     ;
                     position: absolute;
                }
            }
        }
    }
}
 ._CameraOSD_ {
     padding-left: 20/@px-unit;
}
 ._EventConfiguration_ {
     width: 100%;
     @bgColor: rgb(246, 247, 249);
     .label-normal-container {
         padding-top: 0 !important;
         padding-bottom: 16 / @px-unit !important;
    }
     .top-bar {
         display: flex;
         align-items: center;
    }
     .video-main-guid{
         min-width: 1360/ @px-unit;
    }
     .video-main {
         display: flex;
         flex-wrap: wrap;
         .left-title{
             border-left: 0.14285714rem solid #1890ff;
             padding: 6/@px-unit;
             margin:10/@px-unit;
             font-weight: 700;
             margin-left: 0/@px-unit;
             line-height: 8/@px-unit;
             height: 20/@px-unit;
        }
         .video-pic-wrap {
             height: 900/@px-unit !important;
        }
         .guide-pic {
             margin-top: 20/@px-unit;
             width: 574/@px-unit;
             height: 430/@px-unit;
             line-height: 168/@px-unit;
             .ant-image {
                 width: 574/@px-unit;
                 height: 400/@px-unit;
                 .ant-image-img {
                     width: 100%;
                     height: 100%;
                }
            }
        }
         &__right {
             flex: 1;
             min-width: 730 / @px-unit;
             .ant-steps {
                 padding: 0;
                 margin: 0;
                 .ant-steps-item-content {
                     min-width: 730 / @px-unit;
                     width: 100%;
                     white-space: normal;
                     overflow-wrap: break-word;
                }
                 .ant-steps-item-description {
                     color: rgba(0, 0, 0, 0.85);
                }
                 .ant-steps-item-title {
                     color: rgba(0, 0, 0, 0.85);
                     background-color: #f0f2f5;
                     padding-left: 10/ @px-unit;
                     border-radius: 3/ @px-unit;
                     margin-bottom: 1.07142857rem;
                     height: 2.14285714rem;
                     line-height: 2.14285714rem;
                }
            }
             .result-box{
                 margin-left: 10/@px-unit;
                 margin-top: 15/@px-unit;
                 .borderGreen {
                     color: #27d05a;
                }
                 .borderBlue {
                     color: #0000ff;
                }
                 .borderRed {
                     color: #e9463a;
                }
                 .plate-box {
                     width: 256/@px-unit;
                     height: 84/@px-unit;
                     border: 0.07142857rem solid #f0f2f5;
                     margin: -20/@px-unit 0 10/@px-unit 70/@px-unit;
                     .guide-plate-pic {
                         width: 256/@px-unit;
                         height: 84/@px-unit;
                         line-height: 84/@px-unit;
                    }
                }
            }
             .result-info {
                 width: 100%;
                 border: 0.07142857rem solid #f0f2f5;
                 .info-end {
                     border-bottom: 'null' !important;
                     margin-bottom: 0 !important;
                }
                 .info-list {
                     border-bottom: 1/ @px-unit solid #f0f2f5;
                     margin: 10/ @px-unit;
                     padding: 10/ @px-unit;
                     .info-text{
                         margin-bottom: 10/ @px-unit;
                         .info-title{
                             font-weight: 600;
                             margin-right: 10/ @px-unit;
                        }
                         .info-staus{
                             color: #fff;
                             padding: 3/ @px-unit 6/ @px-unit;
                             border-radius: 3/ @px-unit;
                        }
                    }
                     .info-tip{
                         margin: 10/ @px-unit 0;
                    }
                }
            }
        }
    }
     .after_comm {
         &:after {
             visibility: hidden;
             display: block;
             font-size: 0;
             content: ' ';
             clear: both;
             height: 0;
        }
    }
     .laneInfo-padding {
         > .label-div-Container, > .laneInfo-type {
             padding-left: 32 / @px-unit;
        }
    }
     .laneInfo-width {
         padding-top: 16 / @px-unit;
         display: flex;
         flex-wrap: wrap;
         .laneInfo-padding();
         > .label-div-Container {
             flex: auto;
             width: 660 / @px-unit;
        }
         .ant-checkbox-wrapper {
             width: 47 / @px-unit !important;
             margin-bottom: 0 !important;
        }
    }
     .variable-lane {
         width: 100% !important;
         background-color: @bgColor !important;
         margin-top: -20/ @px-unit;
         padding-top: 8/ @px-unit;
         padding-left: 32/ @px-unit;
         .variable-width {
             display: flex;
             flex-wrap: wrap;
             margin-left: -32/ @px-unit !important;
             .label-div-Container {
                 height: 40/ @px-unit;
            }
             .laneInfo-padding();
             >.label-div-Container {
                 flex: auto;
                 width: 660 / @px-unit;
            }
             .ant-checkbox-wrapper {
                 width: 47 / @px-unit !important;
                 margin-bottom: 0 !important;
            }
        }
    }
     .checkbox-left {
         .after_comm();
         .label-v4-version {
             float: left;
        }
    }
     .speed_limit > .label-div-Container {
         width: 660 / @px-unit;
    }
     .ant-card-body {
         padding-left: 0 !important;
    }
     .trafficEvent {
         .ant-card-body {
             padding: 0 !important;
        }
    }
     .hover-top {
         .ant-checkbox-wrapper {
             position: relative;
             width: 25 / @px-unit !important;
             .labelCheckbox-content-wrapper {
                 position: absolute;
                 left: 0.07142857rem;
                 top: -1.28571429rem;
            }
        }
    }
     .hover-top4 {
         .ant-checkbox-wrapper {
             position: relative;
             width: 25 / @px-unit !important;
             .labelCheckbox-content-wrapper {
                 position: absolute;
                 left: 0.28571429rem;
                 top: -1.28571429rem;
            }
        }
    }
     .hover-opacity {
         position: relative;
         .hover-icon {
             position: absolute;
             top: 0;
             right: 0;
             color: red;
             opacity: 0;
        }
         &:hover .hover-icon {
             opacity: 1;
        }
    }
     .lane-ml-f20 {
         .ant-menu-item:first-child {
             margin-left: -1.42857143rem;
        }
    }
     .card {
         &:after {
             visibility: hidden;
             display: block;
             font-size: 0;
             content: ' ';
             clear: both;
             height: 0;
        }
         .ant-card-head, .ant-card-head-wrapper {
             height: 30 / @px-unit !important;
        }
         .ant-card, .ant-divider {
             float: left;
             margin-right: 20 / @px-unit;
        }
         .ant-card-body {
             padding: 0 0 0 16 / @px-unit !important;
             margin-top: 15 / @px-unit;
        }
    }
     .lane-card {
         > .ant-card-body {
             .ant-collapse-content-box, .ant-collapse-header {
                 padding: 0 !important;
            }
             padding: 24 / @px-unit !important;
        }
         box-shadow: 0 0 5 / @px-unit 1 / @px-unit @bgColor;
         border-radius: 10 / @px-unit;
         .event-card {
             .ant-menu, .ant-layout-sider, .ant-layout-content, .ant-layout {
                 background-color: @bgColor !important;
            }
             > .ant-card-body {
                 padding: 0 !important;
            }
             .ant-menu {
                 border-right: 0;
            }
        }
    }
     .ivs-icon {
         .ant-collapse-expand-icon {
             position: relative;
             top: 5 / @px-unit;
        }
    }
     .ivs-dividerComm {
         background-color: @bodyBgColorNo16;
         margin-left: -32 / @px-unit;
    }
     .ivs-divider {
         height: 16 / @px-unit;
         .ivs-dividerComm();
    }
     .ivs-dividerMax {
         height: 48 / @px-unit;
         .ivs-dividerComm();
    }
     .laneInfo-type {
         background-color: @bgColor;
         margin-bottom: 16 / @px-unit;
    }
     .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);
    }
     .abroad-box{
         width: 550 / @px-unit!important;
         ;
    }
     .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: 102 / @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;
                }
            }
        }
    }
    /*标定验证end*/
     .btn-text {
         text-align: left;
         .m-text-ellipsis;
         .m-width-54;
    }
     .set-icon {
         cursor: pointer;
         font-size: 18 / @px-unit;
         margin-top: 6 / @px-unit;
    }
     .device-cfg-left {
         .after_comm();
         .label-v4-version {
             float: left;
             margin-right: 160 / @px-unit;
        }
    }
     .outline-icon {
         svg [data-name='rectangle'] {
             outline: 1 / @px-unit solid rgb(167, 167, 167);
             outline-offset: 1 / @px-unit;
        }
    }
     .calibrate-tip{
         margin-top: -26/ @px-unit;
         margin-left: 18/ @px-unit;
         ;
    }
     .collapse-custom {
         .ant-collapse-header {
             padding-top: 0 !important;
             padding-bottom: 8 / @px-unit;
        }
         .ant-collapse-content-box {
             padding-top: 0 !important;
             padding-bottom: 0 !important;
        }
    }
     .draw-line {
         display: flex;
         color: rgba(0, 0, 0, 0.85);
         .line-label {
             flex: 0 0 108 / @px-unit;
             word-break: keep-all;
        }
         .line-content {
             flex: 1;
             padding-left: 8 / @px-unit;
             display: flex;
             &__left {
                 min-width: 276 / @px-unit;
            }
             &__right {
                 flex: 1;
            }
        }
    }
     .width-100 {
         width: 100%;
    }
     .width-55 {
         width: 55%;
    }
     .event-tabs {
         position: relative;
         top: -32 / @px-unit;
         margin-left: -16 / @px-unit;
         margin-right: 16 / @px-unit;
         .event-showbodyColor {
             .ant-tabs-nav-wrap {
                 background-color: @bodyBgColorNo16;
            }
        }
         .ant-layout-header {
             height: 32 / @px-unit;
             margin-bottom: 16 / @px-unit;
        }
         .ant-tabs-tab, .ant-tabs-tab-active {
             &::before, &::after {
                 content: '';
                 position: absolute;
                 width: 5 / @px-unit;
                 height: 5 / @px-unit;
                 bottom: -1 / @px-unit;
                 background-color: #00cc00;
            }
        }
         .ant-tabs-tab {
             position: relative;
             border-radius: 10 / @px-unit 10 / @px-unit 0 0 !important;
             background: rgb(230, 231, 233) !important;
             height: 32 / @px-unit;
             width: 147 / @px-unit;
             > div {
                 width: 147 / @px-unit;
                 text-align: center;
            }
             margin: 0 3 / @px-unit 0 3 / @px-unit;
             &::before {
                 left: -5 / @px-unit;
                 background: radial-gradient( circle at 0 0, transparent 5 / @px-unit, rgb(230, 231, 233) 5 / @px-unit );
            }
             &::after {
                 right: -5 / @px-unit;
                 background: radial-gradient( circle at 100% 0, transparent 5 / @px-unit, rgb(230, 231, 233) 5 / @px-unit );
            }
        }
         .ant-tabs-tab-active {
             background: @contentBgColorNo15 !important;
             &::before {
                 left: -5 / @px-unit;
                 background: radial-gradient( circle at 0 0, transparent 5 / @px-unit, @contentBgColorNo15 5 / @px-unit );
            }
             &::after {
                 right: -5 / @px-unit;
                 background: radial-gradient( circle at 100% 0, transparent 5 / @px-unit, @contentBgColorNo15 5 / @px-unit );
            }
        }
    }
     .NopassScheduleDialog {
         .noPass {
             .behind-operator-area {
                 position: relative !important;
                 .setTour {
                     position: absolute;
                     right: 0;
                     width: 60%;
                     padding-right: 0.00000000rem !important;
                     margin-top: 6 / @px-unit;
                }
                 .copyBtn:nth-child(2) {
                     position: absolute;
                     left: 0;
                     width: 40%;
                     padding-right: 0.00000000rem !important;
                     margin-top: 6 / @px-unit;
                }
            }
             ._ScheduleComponent_ {
                 .mainBody {
                     .main-container {
                         .align-center {
                             overflow: hidden;
                             white-space: nowrap;
                             text-overflow: ellipsis;
                        }
                    }
                }
            }
        }
         .button-group {
             margin-left: 20 / @px-unit;
             margin-top: 20 / @px-unit;
             position: absolute;
             z-index: 999;
        }
         .time-sec {
             font-weight: bolder;
             margin-bottom: 10 / @px-unit;
        }
         .chn-item {
             display: flex;
             padding: 10 / @px-unit 0;
             .name {
                 flex: 0 0 100 / @px-unit;
                 width: 100 / @px-unit;
            }
             .box {
                 width: 23 / @px-unit;
                 height: 23 / @px-unit;
                 line-height: 23 / @px-unit;
                 box-shadow: 0 2 / @px-unit 0 rgba(0, 0, 0, 0.015);
                 text-align: center;
                 border-radius: 2 / @px-unit;
                 color: @titleColorNo4;
                 border: 1 / @px-unit solid transparent;
                 border-color: @inputBorderColorNo10;
                 &:hover {
                     cursor: pointer;
                }
                 margin-top: -6 / @px-unit;
            }
             .active {
                 border-color: @btnHoverColorNo2;
                 color: #fff;
                 background-color: @btnHoverColorNo2;
            }
        }
         ._ScheduleComponent_ {
             height: 525 / @px-unit;
             margin-top: 0 / @px-unit;
        }
    }
     .icon {
         color: #faad14;
         font-size: 22 / @px-unit;
         margin-top: 2 / @px-unit;
    }
     .Desc {
         font-size: 16 / @px-unit;
         padding-left: 10 / @px-unit;
    }
     .distance-input {
         .ant-input-number-input-wrap {
             input {
                 color: rgba(0, 0, 0, 0.85) 
            }
        }
    }
     .ant-checkbox-wrapper-disabled {
         .labelCheckbox-content-wrapper {
             color: @formContentColorNo6 !important;
        }
         .ant-checkbox-inner {
             background-color: #f5f5f5;
             border-color: @formContentColorNo6 !important;
        }
    }
}
 ._Halo_ {
     padding-left: 0;
     .video-wrap {
         width: 574/@px-unit;
         height: 420/@px-unit;
         background: #1b1b1b;
    }
     .dot_behind .label-normal-behind {
         padding: 0;
         .label-div-Container {
             float: left;
        }
    }
     .row-selected {
         background-color: @secondNavHoverColorNo14;
    }
     .row-unselected {
         background-color: @contentBgColorNo15;
    }
     .ant-table-tbody > tr > td.ant-table-cell-row-hover {
         background: unset;
    }
}
 ._IntelligentScheme_ {
     padding-left: 12/@px-unit;
     width: 100%;
     .ivs-fs {
         font-size: 20/@px-unit;
    }
     .video-wrap {
         width: 574/@px-unit;
         height: 450/@px-unit;
         margin-bottom: 12 / @px-unit;
         .video-content{
             width: 100%;
             height: 420/@px-unit;
             background: #1b1b1b;
        }
    }
     .video-bottom{
         width: 100%;
         height: 30/@px-unit;
         padding: 0 5/@px-unit;
         background-color: #e8eaeb;
         .anticon {
             font-size: 20/@px-unit;
             margin-top: 5/@px-unit;
        }
    }
     .card-style {
         .ant-card-body {
             padding: 0 !important;
             text-align: center;
        }
         .ant-menu-item:first-child {
             margin-left: -20/@px-unit;
        }
    }
     .content-style {
         background: @contentBgColorNo15;
    }
     .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active:not(.ant-menu-item-selected)::after {
         border-bottom: transparent;
    }
     .row-selected {
         background-color: @secondNavHoverColorNo14;
    }
     .row-unselected {
         background-color: @contentBgColorNo15;
    }
     .ant-table-tbody > tr > td.ant-table-cell-row-hover {
         background: unset;
    }
     .ant-table-tbody > tr.ant-table-row-selected > td {
         background: none;
    }
     .dot_behind .label-normal-behind {
         padding: 0;
         .label-div-Container {
             float: left;
        }
    }
     .ant-steps {
         width: 904/@px-unit;
         min-width: 800/@px-unit;
         margin: 24/@px-unit auto;
         .ant-steps-item-title {
             span {
                 display: inline-block;
                 max-width: 140 / @px-unit;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
            }
        }
    }
}
 ._LaneAndZone_ {
     padding-left: 0;
     width: 100%;
     & > .ant-tabs-top > .ant-tabs-nav {
         margin-bottom: 24 / @px-unit;
         &::before {
             border-bottom: none;
        }
         & > .ant-tabs-nav-wrap {
             border-top: @bodyBgColorNo16 solid 16 / @px-unit;
             border-bottom: @bodyBgColorNo16 solid 16 / @px-unit;
             margin-left: -32 / @px-unit;
        }
    }
}
 .cutout-pic {
     position: relative;
     flex: 1;
     height: 144/@px-unit;
     >img {
         margin-top: 30/@px-unit;
    }
     .text-width, .text-face, .text-body {
         position: absolute;
    }
     .text-width {
         left: 0;
         line-height: 30/@px-unit;
         width: 85/@px-unit;
         text-align: center;
    }
     .text-face {
         left: 100/@px-unit;
         top: 50/@px-unit;
    }
     .text-body {
         left: 100/@px-unit;
         bottom: 34/@px-unit;
    }
}
 .toolBar {
     position: absolute;
     bottom: 0.71428571rem;
     left: 0.85714286rem;
     .myicon {
         display: block;
         margin-top: 0.71428571rem;
         &:hover {
             color: @btnNormalColorNo1;
        }
    }
     .lockTimeIcon {
         margin-top: 4.28571429rem;
    }
     .activeIcon {
         color: @btnNormalColorNo1;
    }
}
 .AITable {
     margin-top: 0.71428571rem;
}
 .rule-content .AITable {
     .ant-table {
         min-height: 17.85714286rem;
    }
     .ant-empty-normal {
         min-height: 13.85714286rem;
         margin: 0;
         padding-top: 3.92857143rem;
    }
}
 ._GlobalConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
     @videoBgColor: #000;
     .video-left {
         float: left;
         .video {
             float: left;
             width: 430/@px-unit;
             height: 338/@px-unit;
             background: @videoBgColor;
        }
         .videoBar {
             display: inline-block;
             width: 44/@px-unit;
             height: 338/@px-unit;
             text-align: center;
             background-color: @listBorderColorNo8;
             position: relative;
        }
    }
     .video-right {
         float: left;
         margin-left: 18/@px-unit;
         @videoWidth:448/@px-unit;
         width: calc(~"100% - @{videoWidth}");
    }
     .video-rightWithBar {
         float: left;
         margin-left: 18/@px-unit;
         @videoWidth:493/@px-unit;
         width: calc(~"100% - @{videoWidth}");
    }
}
 ._ObjectDetect_ {
     padding-left: 0;
     width: 100%;
     & > .ant-tabs-top > .ant-tabs-nav {
         margin-bottom: 24 / @px-unit;
         &::before {
             border-bottom: none;
        }
         & > .ant-tabs-nav-wrap {
             border-top: @bodyBgColorNo16 solid 16 / @px-unit;
             border-bottom: @bodyBgColorNo16 solid 16 / @px-unit;
             margin-left: -32 / @px-unit;
        }
    }
}
 ._RuleConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
     ._Table_ {
         .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, .ant-table {
                 border: none;
            }
             .ant-table-placeholder {
                 & > td {
                     border: none;
                }
            }
        }
    }
     @videoBgColor: #000;
     .video-left {
         float: left;
         .video {
             float: left;
             width: 430/@px-unit;
             height: 338/@px-unit;
             background: @videoBgColor;
        }
         .videoBar {
             display: inline-block;
             width: 44/@px-unit;
             height: 338/@px-unit;
             text-align: center;
             background-color: @listBorderColorNo8;
             position: relative;
        }
    }
     .video-right {
         float: left;
         margin-left: 18/@px-unit;
         @videoWidth:448/@px-unit;
         width: calc(~"100% - @{videoWidth}");
    }
     .video-rightWithBar {
         float: left;
         margin-left: 18/@px-unit;
         @videoWidth:493/@px-unit;
         width: calc(~"100% - @{videoWidth}");
    }
}
 ._SnapOSDConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
     display: flex;
     .typeGroup {
         .label-normal-container {
             padding-bottom: 0 !important;
        }
    }
     @videoBgColor: #000;
     .video-left {
         float: left;
         .video {
             float: left;
             width: 430/@px-unit;
             height: 338/@px-unit;
             background: @videoBgColor;
        }
         .videoBar {
             display: inline-block;
             width: 44/@px-unit;
             height: 338/@px-unit;
             text-align: center;
             background-color: @listBorderColorNo8;
             position: relative;
        }
    }
     .video-right {
         float: left;
         margin-left: 18/@px-unit;
         @videoWidth:448/@px-unit;
         width: calc(~"100% - @{videoWidth}");
    }
     .video-rightWithBar {
         float: left;
         margin-left: 18/@px-unit;
         @videoWidth:493/@px-unit;
         width: calc(~"100% - @{videoWidth}");
    }
}
 ._RuleConfiguration_ {
     padding-left: 0;
     width: 100%;
     .custom_border {
         border-top: @bodyBgColorNo16 solid 16 / @px-unit;
         margin-left: -32 /@px-unit;
         padding-left: 32 / @px-unit;
    }
     ._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;
                }
            }
        }
    }
     ._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%;
            }
        }
    }
}
 ._SchemeSelect_ {
     padding-left: 0;
     width: 100%;
     .ant-menu-item-selected {
         .ant-card {
             background-color: rgb(241, 249, 255);
             img {
                 opacity: 1 !important;
            }
             .ant-card-meta-title {
                 color: @btnNormalColorNo1;
            }
        }
    }
     .ant-layout-header {
         height: 230/@px-unit;
         .ant-card {
             margin: 0;
        }
         img {
             height: 200/@px-unit;
        }
    }
     .card-style-img {
         width: 220/@px-unit;
         height: 230/@px-unit;
         border-style: none none solid none;
    }
}
 ._SignalLamp_ {
     padding-left: 0;
     width: 100%;
     .container-left {
         .label-div-Container {
             float: left !important;
             width: 115/@px-unit;
        }
    }
     .antBox_left {
         &:after {
             visibility: hidden;
             display: block;
             font-size: 0;
             content: " ";
             clear: both;
             height: 0;
        }
         .label-v4-version {
             float: left;
        }
    }
     .dot_behind .label-normal-behind {
         padding: 0;
         .label-div-Container {
             float: left;
        }
    }
}
 ._Intersection_ {
     width: 100%;
     height: 100%;
     padding: 16/@px-unit 12/@px-unit;
     #box{
         width: 100vw;
         height: 100vh;
         overflow: hidden;
    }
}
 ._IntervalSpeed_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .general-style {
         border: 0.07142857rem solid @listBorderColorNo8;
         .m-mb-15;
         .general-content {
             .ant-table-thead;
             .m-pl-15;
        }
    }
     .general-title {
         background: #f9f9f9;
         .m-form-title;
         .m-fw-bold;
         .m-layout-item;
         .m-pl-15;
    }
     .interval {
         &:after {
             visibility: hidden;
             display: block;
             font-size: 0;
             content: " ";
             clear: both;
             height: 0;
        }
         .label-div-Container {
             float: left !important;
             .m-mr-20 
        }
    }
     .table-interval {
         text-align: center;
         .label-div-Container {
             float: left !important;
             .m-width-50p 
        }
    }
     .advance-color {
         color: @primary-color;
    }
     .title-switch{
         background-color: @contentBgColorNo15;
         .ant-collapse-content {
             border-top: none;
        }
    }
}
 ._ItseManageStatistics_ {
     padding-left: 20/@px-unit;
     padding-top: 20/@px-unit;
     padding-right: 10/@px-unit;
     height: 1200/@px-unit;
     .chart-content{
         width: 40%;
         float: left;
         margin-right: 50/@px-unit;
         margin-top: 50/@px-unit;
    }
     .charts-style {
         width: 100%;
         height: 400/@px-unit;
    }
}
 ._ItseManageStatistics_ {
     padding-left: 20/@px-unit;
     padding-top: 20/@px-unit;
     padding-right: 10/@px-unit;
     position: relative;
     .pie-doughnut {
         width: 100%;
         max-width: 640/@px-unit;
         min-height: 500/@px-unit;
    }
     #main-pie-doughnut {
         position: absolute;
         top: 100/@px-unit;
    }
     .manage-table{
         .ant-table-tbody{
             height: 500/@px-unit;
             .ant-table-placeholder{
                 height: 500/@px-unit;
            }
        }
    }
}
 @Length20: 20/@px-unit;
 @Length32: 32/@px-unit;
 @Length38: 38/@px-unit;
 @Length64: 64/@px-unit;
 @Length190: 190/@px-unit;
 @Length642: 642/@px-unit;
 ._IntelligentModeComponent_ {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height:100%;
     &[modeType="structuration"] [previewInfo] {
         float: right;
         width: 31.8%;
         height: 57%;
         background: rgb(240, 242, 245);
         & > div:first-child {
             width: 100%;
             height: 100%;
             border: 4/@px-unit solid #fff;
             border-bottom: none;
             background: #fff;
        }
         [infoWrapper] {
             height:46.8%;
             border-bottom: 4/@px-unit solid #fff;
             ._PreviewInfo_ {
                 height: 100%;
                 [detail] {
                     height: 100%;
                     background: #fff;
                     overflow: hidden;
                     & > div:first-child {
                         height: 100%;
                    }
                     [pic] {
                         float: left;
                         width: calc(100% - @Length190);
                         height: 100%;
                         position: relative;
                         background: rgb(232, 234, 235);
                         & > div {
                             background-repeat: no-repeat;
                             width: 100%;
                             background-position: center;
                             &.empty-pic {
                                 background-size: auto 37%;
                            }
                        }
                    }
                     [pic="face"] {
                         & > div {
                             width: 100%;
                             height: 100%;
                             float: left;
                             background-size: auto 64%;
                        }
                    }
                     [attr] {
                         float: left;
                         width: @Length190;
                         height: 100%;
                         display: block;
                         overflow: hidden;
                         position: relative;
                         [attr_cell] {
                             display: block;
                             max-height: 100%;
                             width: 100%;
                             position: absolute;
                             top: 50%;
                             transform: translateY(-50%);