content: '';
         display: inline-block;
         margin-bottom: 1/@px-unit;
         margin-right: 4/@px-unit;
         width: 8/@px-unit;
         height: 8/@px-unit;
         background-color: #ffffff;
         border-radius: 5/@px-unit;
    }
     .status.status-normal::before{
         background-color: #71BA05;
    }
     .status.status-offline::before{
         background-color: red;
    }
}
 ._InoutLineConfig_ {
     padding-left: 20/@px-unit;
     .step-button-container {
         display: flex;
         justify-content: flex-end;
         padding-top: 0.14285714rem;
    }
     .step-button {
         display: flex;
         justify-content: center;
         border: 1/@px-unit solid @listBorderColorNo8;
         line-height: 30/@px-unit;
    }
     .step-button-selected {
         border-color: @btnNormalColorNo1;
         color: @btnNormalColorNo1;
    }
}
 ._InoutPeripheralConfig_ {
     padding-left: 20/@px-unit;
}
 ._LensAdjustment_ {
     .step-button-container {
         display: flex;
         justify-content: flex-end;
         padding-top: 0.14285714rem;
    }
     .step-button {
         display: flex;
         justify-content: center;
         border: 1/@px-unit solid @listBorderColorNo8;
         line-height: 30/@px-unit;
    }
     .step-button-selected {
         border-color: @btnNormalColorNo1;
         color: @btnNormalColorNo1;
    }
}
 ._PreviewParkingInfoList_ {
     padding-left: 14/@px-unit;
     .flex {
         display: flex;
         flex-wrap: wrap;
    }
     .m-green {
         color: green;
    }
     .m-red {
         color: red;
    }
     .width33 {
         width: 32%;
         border-radius: 4/@px-unit;
         background-color: rgb(245, 245, 245);
         padding: 0 6/@px-unit 0 12/@px-unit;
         margin-top: 14/@px-unit;
         margin-right: 1%;
    }
     .img-style {
         height: 48/@px-unit;
         width: 120/@px-unit;
    }
}
 ._PreviewParkingSpace_ {
     padding: 14/@px-unit;
     .ant-table {
         margin: 10 / @px-unit 0 !important;
    }
     .ant-divider-horizontal {
         margin: 10 / @px-unit 0;
    }
     tbody {
         .ant-table-cell {
             padding-top: 0 !important;
             padding-bottom: 0 !important;
        }
    }
}
 ._serial-device-wrap_ {
     .m-p-16;
     .device-select-wrap {
         .ant-checkbox-wrapper {
             position: relative;
             width: 25/@px-unit !important;
             .labelCheckbox-content-wrapper {
                 position: absolute;
                 left: 0.28571429rem;
                 top: -1.28571429rem;
            }
        }
    }
     .label-v4-version:has(.bg_color) {
         background-color: #F5F5F5;
    }
}
 ._PtzComp_ {
     padding-left: 20/@px-unit;
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .left-part{
         float: left;
         width: 400/@px-unit;
         margin-right: 20/@px-unit;
    }
     .right-part{
         float: left;
    }
}
 ._RadarSetting_ {
     position: relative;
     @Width380: 380/@px-unit;
     @Height150: 150/@px-unit;
     @Height780: 780/@px-unit;
     @Height41: 41/@px-unit;
     @Height45: 45/@px-unit;
     @Height12: 12/@px-unit;
     width: 100%;
     &._guide_{
         height: calc(100% - @Height150);
    }
     display: flex;
     flex-wrap: wrap;
     .box-wrap{
         display: inline-block;
         flex: 1;
         height: @Height780;
         min-width: 450/@px-unit;
         .video-box-wrap{
             width: 100%;
             height: 100%;
             &.bottom-style {
                 height: calc(100% - @Height45);
            }
             &.radar-video-box {
                 .video-box {
                     height: 50%;
                }
                 .ant-table-wrapper {
                     margin-top: 10 /@px-unit;
                }
                 .ant-table-thead {
                     height: @Height41 !important;
                }
                 .table1 .ant-table-tbody {
                     height: calc((@Height780 / 2) - @Height12 - @Height41 - @Height45);
                }
                 .table2 .ant-table-tbody {
                     height: calc((@Height780 / 2) - @Height12 - @Height41);
                }
            }
             .video-box {
                 background: #1b1b1b;
                 height: 100%;
            }
             .video-box-bottom {
                 height: @Height45;
                 line-height: @Height45;
                 box-sizing: border-box;
                 position: relative;
                 background-color: #e8eaeb;
                 padding: 0 5/@px-unit;
                 .anticon{
                     margin-right: 16/@px-unit;
                     font-size: 24/@px-unit;
                     &:hover{
                         color: @btnNormalColorNo1;
                    }
                }
                 .active{
                     color: @btnNormalColorNo1;
                }
            }
        }
    }
     .canvas-box{
         width: @Width380;
         height: @Height780;
         background: #e0e0e0;
         border: 1/@px-unit solid #e0e0e0;
         .canvas-content{
             height: 778/@px-unit;
        }
         .canvas-top{
             padding: 0 3/@px-unit;
             background: #fff;
        }
         .canvas-label{
             display: inline;
             margin: 6/@px-unit 0/@px-unit;
             .canvas-label-text{
                 padding: 0 3/@px-unit;
                 font-size: 10/@px-unit;
            }
        }
         .canvas-label-radar{
             display: inline-block;
             width: 16/@px-unit;
             height: 16/@px-unit;
             vertical-align: middle;
             background-color: #ee0000;
             border-radius: 50%;
        }
         .canvas-label-ShortFocus{
             display: inline-block;
             position: relative;
             top: 6/@px-unit;
             width: 24/@px-unit;
             height: 24/@px-unit;
             background-color: #eeff00;
        }
         .canvas-label-LongFocus{
             display: inline-block;
             position: relative;
             top: 6/@px-unit;
             width: 24/@px-unit;
             height: 24/@px-unit;
             background-color: #2718ff;
        }
    }
     .protocolTiltle {
         font-size: 16 / @px-unit;
         font-weight: bold;
    }
     .radar_content {
         width: 500 / @px-unit;
         padding-left: 30 / @px-unit;
         .radar-collapse {
             .ant-collapse-content-box, .ant-collapse-header {
                 padding: 0;
            }
             .ant-collapse-item:not(:first-child) {
                 margin-top: 15 / @px-unit;
            }
             height: 594/@px-unit;
             overflow: auto;
        }
    }
     .radar_status {
         margin-right: 10 / @px-unit;
    }
     .Image_rootClassName{
         margin: 20 /@px-unit;
         .ant-image-preview-img{
             background-color: #fff;
        }
    }
     .ant-drawer-content-wrapper{
         min-width: 500/@px-unit;
         .ant-drawer-content{
             width: 500/@px-unit;
        }
    }
}
 ._GPSCalibration_ {
     padding-left: 20/@px-unit;
     .box-wrap {
         display: inline-block;
         height: 488/@px-unit;
         .video-box{
             width: 720/@px-unit;
             height: 100%;
             background: #1b1b1b;
        }
    }
     .gps_content {
         display: inline-block;
         vertical-align: top;
         .protocolTiltle {
             font-size: 16 / @px-unit;
             font-weight: bold;
        }
         .coord-name {
             .label-normal-container {
                 padding-bottom: 0 !important;
            }
             & + .label-div-Container {
                 .label-normal-container {
                     padding-top: 0 !important;
                }
            }
        }
    }
     .Image_rootClassName{
         margin-top: 20 /@px-unit;
         .ant-image-preview-img{
             background-color: #fff;
        }
    }
}
 ._RadarVideoCalibration_ {
     padding-left: 20/@px-unit;
     @Width380: 380/@px-unit;
     @Height45: 45/@px-unit;
     display: flex;
     flex-wrap: wrap;
     .box-wrap{
         display: inline-block;
         height: 730/@px-unit;
         flex: 1;
         min-width: 450 / @px-unit;
         margin-bottom: 70 / @px-unit;
         .video-box-wrapper {
             width: 100%;
             height: 100%;
             .video-box1{
                 height: calc(100% - @Height45);
                 background: #1b1b1b;
            }
             .video-box2{
                 height: 100%;
                 background: #1b1b1b;
            }
             .video-box-bottom {
                 height: @Height45;
                 line-height: @Height45;
                 box-sizing: border-box;
                 background-color: #e8eaeb;
                 padding: 0 5/@px-unit;
                 width: 100%;
                 .anticon{
                     margin-right: 16/@px-unit;
                     font-size: 24/@px-unit;
                     &:hover{
                         color: @btnNormalColorNo1;
                    }
                }
                 .active{
                     color: @btnNormalColorNo1;
                }
            }
        }
    }
     .canvas-box{
         width: @Width380;
         height: 730/@px-unit;
         background: #e0e0e0;
         border: 1/@px-unit solid #e0e0e0;
         .canvas-content{
             height: 728/@px-unit;
        }
         .canvas-top{
             padding: 0 3/@px-unit;
             background: #fff;
        }
         .canvas-label{
             display: inline;
             margin: 6/@px-unit 0/@px-unit;
             .canvas-label-text{
                 padding: 0 3/@px-unit;
                 font-size: 10/@px-unit;
            }
        }
         .canvas-label-radar{
             display: inline-block;
             width: 16/@px-unit;
             height: 16/@px-unit;
             vertical-align: middle;
             background-color: #ee0000;
             border-radius: 50%;
        }
         .canvas-label-ShortFocus{
             display: inline-block;
             position: relative;
             top: 6/@px-unit;
             width: 24/@px-unit;
             height: 24/@px-unit;
             background-color: #eeff00;
        }
         .canvas-label-LongFocus{
             display: inline-block;
             position: relative;
             top: 6/@px-unit;
             width: 24/@px-unit;
             height: 24/@px-unit;
             background-color: #2718ff;
        }
    }
     .radar_content {
         width: 520 / @px-unit;
         padding-left: 30 / @px-unit;
         .ant-alert {
             min-width: 320 / @px-unit;
             margin-top: 12 / @px-unit;
        }
         .coord-name {
             .label-normal-container {
                 padding-bottom: 0 !important;
            }
             & + .label-div-Container {
                 .label-normal-container {
                     padding-top: 0 !important;
                }
            }
        }
    }
}
 @videoWidth: 450/@px-unit;
 @videoHeight: 337/@px-unit;
 ._RealFlowStatConfig_{
     width: 100%;
     .video-container{
         max-width: 500/@px-unit;
         .video-wrap {
             width: @videoWidth;
             height: @videoHeight;
             background: #1b1b1b;
        }
    }
     .ant-col-12.custom-max-width {
         max-width: initial;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .behind-btn{
         margin-left: 10/@px-unit;
    }
}
 ._RelatedComposition_ {
     .labelText{
         overflow: visible;
    }
     .ant-divider-horizontal {
         margin: 10 / @px-unit 0;
    }
     .flex-content{
         display: flex;
         align-items: center;
    }
     .add-scheme-button{
         display: inline-flex;
         align-items: center;
         justify-content: center;
         padding-left: 24 / @px-unit;
         width: 100%;
         height: 40 / @px-unit;
         line-height: 40 / @px-unit;
         user-select: none;
         cursor: pointer;
         color:@btnNormalColorNo1;
    }
     .OrderHeight{
         margin-top: 20/@px-unit;
         height: 60/@px-unit;
         display: flex;
         align-items: center;
    }
     .add-import-content {
         justify-content: center;
         border-top:0.07142857rem solid @dividerColorNo9;
         line-height: 48/@px-unit;
         cursor: pointer;
    }
     .related-box {
         border: 1/@px-unit solid @dividerColorNo9;
         margin-bottom: 10/@px-unit;
         .sub-title{
             padding: 6/@px-unit 14/@px-unit;
             border-bottom: 1/@px-unit solid @dividerColorNo9;
             display: flex;
             align-items: center;
             height: 48/@px-unit;
             background-color: @panelBackgroundColor;
        }
         .title {
             font-weight: bold;
             width: 100%;
        }
         .container {
             padding: 14/@px-unit 32/@px-unit 0;
             width: 100%;
        }
         .sub-container {
             padding: 14/@px-unit;
             width: 100%;
             overflow-y: auto;
             max-height: 172/@px-unit;
             position: relative;
        }
    }
     .content-container{
         height: 100%;
         border-bottom: 0.07142857rem solid @inputBorderColorNo10;
         display: inline-block;
         width: 100%;
    }
     .scene-right-container{
         float: left;
         border-left: 0.07142857rem solid @inputBorderColorNo10;
         padding: 24/@px-unit 33/@px-unit;
         max-width: 70%;
    }
     .left-scene-container{
         width: 220 / @px-unit;
         float: left;
         overflow-y: auto;
         .scene-list-li-container{
             overflow-y: auto;
             max-height: 802 / @px-unit;
        }
         .scene-list-li{
             display: inline-flex;
             align-items: center;
             padding-left: 24 / @px-unit;
             width: 100%;
             height: 40 / @px-unit;
             line-height: 40 / @px-unit;
             border-bottom: 0.07142857rem solid @inputBorderColorNo10;
             user-select: none;
             cursor: pointer;
             .scene-list-icon{
                 width: 10%;
            }
             .scene-list-content{
                 width: 90%;
            }
        }
         .scene-list-li-selected {
             background-color: @secondNavHoverColorNo14;
        }
    }
     .scene-list-li-container::-webkit-scrollbar{
         width: 4 / @px-unit;
    }
     .scene-list-li-container::-webkit-scrollbar-thumb{
         border-radius:10 / @px-unit;
         background: @disableColorNo7;
    }
     .scene-list-li-container::-webkit-scrollbar-track{
         border-radius:0;
         background: @listBorderColorNo8;
    }
     .ant-popover-inner{
         background-color: @firstNavBgColorNo12;
         color: @contentBgColorNo15;
    }
     .ant-popover-arrow-content{
         --antd-arrow-background-color: @firstNavBgColorNo12;
    }
     .ant-popover-inner-content{
         background-color: @firstNavBgColorNo12;
         color: @contentBgColorNo15;
         .related-pop-content{
             max-width: 520 /@px-unit;
        }
    }
     span.ant-radio + * {
         display: inline-flex;
    }
}
 .schemas-advance-modal{
     .ant-modal-title{
         font-weight: bolder;
    }
     .flex-content{
         display: flex;
         align-items: center;
    }
}
 ._RemoteDevice_ {
     background: @baseColor;
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     width: 100%;
     min-height: 100%;
     .label-div-Container {
         .label-normal-container {
             padding-top: 0 !important;
             .label-normal-wrapper .ant-input-number {
                 width: 100%;
            }
        }
    }
}
 ._DeviceSearch_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .remote-left {
         &:after {
             visibility: hidden;
             display: block;
             font-size: 0;
             content: " ";
             clear: both;
             height: 0;
        }
    }
     .remote-label {
         .label-div-Container {
             float: left !important;
        }
    }
     .remote-label-ml {
         .label-div-Container {
             float: left !important;
             margin-left: 10/@px-unit;
        }
    }
     .fn-red {
         color: red;
    }
     .fn-green {
         color: green;
    }
}
 ._GuideScreen_ {
     width: 100%;
     .ant-divider-horizontal {
         margin: 0 !important;
    }
     .backColor {
         background: @contentBgColorNo15;
    }
     .screen-flex {
         display: flex;
    }
     .active {
         color: @successColorNo19;
    }
     .noActive {
         color: black !important;
    }
     .anticon {
         font-size: 20/@px-unit;
    }
     .ant-menu-title-content {
         margin-left: 5/@px-unit !important;
         .anticon {
             float: right;
             margin-top: 8/@px-unit;
             margin-left: 0;
        }
    }
     .ant-menu-item {
         padding: 0 5/@px-unit;
    }
     .ant-menu-root {
         @len150: 150/@px-unit;
         height: calc(100vh - @len150);
         overflow-y: auto;
    }
     .ant-menu-root::-webkit-scrollbar{
         width: 4 / @px-unit;
    }
     .ant-menu-root::-webkit-scrollbar-thumb{
         border-radius:10 / @px-unit;
         background: @disableColorNo7;
    }
     .ant-menu-root::-webkit-scrollbar-track{
         border-radius:0;
         background: @listBorderColorNo8;
    }
}
 ._RemoteEquipment_ {
     padding-left: 20/@px-unit;
}
 ._RemoteEquipmentCfg_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .device-side-menu{
         .ant-menu-title-content{
             .m-text-ellipsis();
             display: inline-block;
             width: 100/@px-unit !important;
        }
    }
     .device-YD-menu {
         .ant-menu-title-content{
             width: 240/@px-unit !important;
        }
         height: 817/@px-unit;
         overflow-y: scroll;
    }
     .device-YD-menu::-webkit-scrollbar{
         width: 4 / @px-unit;
    }
     .device-YD-menu::-webkit-scrollbar-thumb{
         border-radius:10 / @px-unit;
         background: @disableColorNo7;
    }
     .device-YD-menu::-webkit-scrollbar-track{
         border-radius:0;
         background: @listBorderColorNo8;
    }
     .remote {
         &:after {
             visibility: hidden;
             display: block;
             font-size: 0;
             content: " ";
             clear: both;
             height: 0;
        }
         .label-div-Container {
             float: left !important;
        }
    }
     .badge-item-state{
         display: inline-flex;
         align-items: center;
         justify-content: center;
         color: @baseColor;
         border-radius: 0.85714286rem;
         background-color:gray;
         position: relative;
         left: 140/@px-unit;
         height: 20/@px-unit;
         width: 42/@px-unit;
    }
     .badge-item-state-online {
         background-color: @successColorNo19;
    }
     .badge-item-state-YD{
         left: 300/@px-unit;
    }
     .flex-div {
         display: flex;
         width: 440/@px-unit;
    }
     .flex-content {
         float: left;
         width: 50%;
    }
}
 ._RemoteUpgrade_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .upgrade-left {
         &:after {
             visibility: hidden;
             display: block;
             font-size: 0;
             content: " ";
             clear: both;
             height: 0;
        }
         .label-div-Container {
             float: left !important;
        }
    }
     .upgrade-ml {
         .label-div-Container:not(:first-child) {
             margin-left: 10/@px-unit;
        }
    }
}
 ._RFIDConfigSearch_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .flex-content{
         display: inline-flex;
         align-items: center;
    }
     .search-divider{
         margin: 10 / @px-unit 20 / @px-unit 20 / @px-unit 0;
    }
     .rfid-flow-ul::after {
         content: '';
         display: block;
         visibility: hidden;
         clear: both;
    }
     .rfid-flow-li {
         padding: 0.14285714rem 0;
         float: left;
         width: 12.5%;
         line-height: 48 / @px-unit;
    }
     .rfid-detail-container{
         height: 250 / @px-unit;
         overflow-y: auto;
    }
}
 ._RFIDConfigStatic_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .flex-content{
         display: inline-flex;
         align-items: center;
    }
     .rfid-flow-ul::after {
         content: '';
         display: block;
         visibility: hidden;
         clear: both;
    }
     .rfid-flow-li {
         padding: 0.14285714rem 0;
         float: left;
         width: 12.5%;
         line-height: 48 / @px-unit;
    }
     .rfid-detail-container{
         height: 250 / @px-unit;
         overflow-y: auto;
    }
}
 .m-highlight-text {
     color: #272727;
}
 .show-text-normal {
     word-break: normal;
     word-wrap: normal;
}
/** 安全状态页面样式覆盖 */
 ._SAFESecurityStatus_ {
     .show-text-normal();
     ._SAFESecurityStatus_title {
         background-color: unset;
    }
     ._SAFESecurityStatus_detect {
         height: 32/@px-unit;
         width: 100/@px-unit;
    }
     .item-icon-loading {
         &::after {
             border-bottom-color: #468429;
        }
    }
}
/** 系统服务 */
 ._SAFESystemService_ {
     .show-text-normal();
}
 .safeopr-table-normal {
     .ant-table-placeholder{
         display: none;
    }
}
 .safeopr-configBar {
     display: flex;
     left: 19.64285714rem;
     bottom: 1.42857143rem;
     .right {
         display: flex;
         order: 1;
         .footer-refresh-button {
             order: 2;
        }
         .footer-confirm-button {
             order: 1;
        }
    }
     .left {
         order: 2;
    }
}
 .FireWall-tab {
     a {
         color: #a6aab2;
         &:hover {
             color: #009cff;
        }
    }
}
 .Loading-wapper {
     .ant-spin-text {
         position: initial;
         transform: initial;
         white-space: nowrap;
    }
}
 ._SAFEAttackDefense_ {
     .show-text-normal();
     ._publicAccountLock_ {
         .m-highlight-text {
             color: #272727;
        }
    }
}
 ._SAFESafetyWarning_ {
     .show-text-normal();
     padding-left: 20/@px-unit;
}
 ._SAFEVideoEncryption_ {
     .show-text-normal();
     padding-left: 10/@px-unit;
     ._VideoTransmission_ {
         padding-top: 20/@px-unit;
         .safeopr-configBar {
             display: flex;
             position: relative;
             top: 0.71428571rem;
             left: 0;
        }
    }
}
 ._SAFECACertificate_ {
     .show-text-normal();
     width: 100%;
     .Cert {
         .show-text-normal();
    }
}
 .ant-modal-body {
     .install-cert-tips {
         .labelText {
             white-space: normal;
        }
    }
     .show-text-normal();
}
 ._SdPic_ {
     padding-top: inherit;
}
 ._AlarmRecordSearch_ {
     padding-left: 20/@px-unit;
     ._AlarmRecordSearchComponent_ {
         .m-layout-content;
    }
     .flex-content{
         display: flex;
         align-items: center;
    }
     .table-action-bar{
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
         .left-bars{
             line-height: 40 / @font-size-normal;
             height: 40 / @font-size-normal;
             .button-groups{
                 line-height: 40 / @font-size-normal;
                 height: 40 / @font-size-normal;
            }
        }
    }
     .blue-icon-color {
         color: @btnNormalColorNo1;
    }
     .label-div-Container {
         margin-right: 3.57142857rem !important;
    }
     .ant-table {
         .ant-table-cell {
             word-break: normal;
             word-wrap: normal;
        }
    }
}
 ._AreaFlowSearch_ {
     width: 100%;
     padding: 0 10/@px-unit;
     .search-bar {
         margin: 10/@px-unit 0;
    }
     .detail-info {
         width:100%;
         margin-top: 40/@px-unit;
         padding: 15/@px-unit;
         border: 0.07142857rem solid @listBorderColorNo8;
         background: #eee;
         .title {
             font-weight: bold;
        }
    }
     .search-divider {
         margin: 10 / @px-unit 0 20 / @px-unit 0;
    }
}
 ._AreaInstantFlowSearch_ {
     width: 100%;
     padding: 0 10/@px-unit;
     .search-bar {
         margin: 10/@px-unit 0;
    }
     .detail-info {
         width:100%;
         margin-top: 40/@px-unit;
         padding: 15/@px-unit;
         border: 0.07142857rem solid @listBorderColorNo8;
         background: #eee;
         .title {
             font-weight: bold;
        }
    }
     .search-divider {
         margin: 10 / @px-unit 0 20 / @px-unit 0;
    }
}
 .overflow_wrap{
     width: 100%;
     height: 100%;
     overflow-x: hidden;
}
 ._DataSearchUnified_ {
     width: 200%;
     height: calc(100% - 2.28571429rem);
     margin: 1.14285714rem;
     min-height: 500 /@px-unit;
     transition: all 0.3s;
     transform: translate(0, 0, 0);
     -ms-transform: translate(0, 0);
     &.toRight {
         transform: translate3d(-50%, 0, 0);
         -ms-transform: translate(-50%, 0);
    }
     .search-play, .search-list {
         width: 50%;
         height: 100%;
         float: left;
         > div {
             height: 100%;
             background: @baseColor;
        }
    }
     .search-list{
         .operation {
             float: left;
             width: 16.42857143rem;
             height: 100%;
             border-right: solid 1/@px-unit @grayBlackBorder;
             overflow-x: hidden;
             .title{
                 padding-left: 0.71428571rem;
                 line-height: 2.85714286rem;
                 height: 2.85714286rem;
                 font-weight: bold;
                 border-bottom: 0.07142857rem solid @listBorderColorNo8;
            }
             .content{
                 padding: 0 0.71428571rem;
            }
             .condition-btn{
                 width: 14.28571429rem;
                 margin: 0.71428571rem 0;
                 border: solid 1/@px-unit @grayBlackBorder;
                 border-radius: 2 /@px-unit;
            }
             .advancedOptions{
                 border: none;
            }
             .ant-checkbox-wrapper + span {
                 padding: 0 0.57142857rem;
                 color: @formContentColorNo6;
            }
             .speed-item {
                 display: flex;
                 align-items: center;
                 .speed-input {
                     display: flex;
                     align-items: center;
                     margin-right: 3/@px-unit;
                }
                 .speed-connect{
                     margin-left: 3/@px-unit;
                     margin-right: 3/@px-unit;
                }
            }
        }
         .result {
             position: relative;
             float: left;
             width: calc(100% - 16.42857143rem);
             height: 100%;
             overflow-x: hidden;
             .result-list {
                 width: 100%;
                 height: calc(100% - 10.00000000rem);
                 overflow-y: auto;
                 .ant-spin {
                     position: absolute;
                     left: 50%;
                     top: 50%;
                     margin-left: -0.71428571rem;
                     margin-top: -0.89285714rem;
                }
                 .result-item {
                     position: relative;
                     margin-left: 1.14285714rem;
                     margin-top: 1.14285714rem;
                     float: left;
                     width: calc(14% - 1.42857143rem);
                     .imgbox {
                         position: relative;
                         display: inline-block;
                         width: 100%;
                         min-height: 3.57142857rem;
                         box-sizing: border-box;
                         img {
                             width: 100%;
                        }
                         .playtime {
                             position: absolute;
                             right: 0.71428571rem;
                             bottom: 0.42857143rem;
                             font-size: 0.85714286rem;
                             color: #fff;
                             label {
                                 vertical-align: 0.14285714rem;
                            }
                        }
                    }
                     .imgbox.selected {
                         outline: 0.14285714rem solid @linkColorNo20;
                    }
                     .type {
                         font-size: 1.00000000rem;
                         height: 1.50000000rem;
                         overflow: hidden;
                         white-space: nowrap;
                         text-overflow: ellipsis;
                    }
                     .time {
                         color: @disableColorNo7;
                         font-size: 0.71428571rem;
                    }
                     .result-item-checkbox {
                         position: absolute;
                         left: 0.42857143rem;
                         top: 0.21428571rem;
                    }
                     .ant-checkbox-wrapper + span {
                         padding-right: 0.00000000rem;
                         padding-left: 0.00000000rem;
                    }
                     .lock {
                         position: absolute;
                         right: 0.71428571rem;
                         top: 0.71428571rem;
                         color: @warnColorNo18;
                         svg {
                             width: 1.14285714rem;
                             height: 1.14285714rem;
                        }
                    }
                     .playbtn {
                         position: absolute;
                         left: 50%;
                         top: 50%;
                         margin-top: -3.64285714rem;
                         margin-left: -2.50000000rem;
                         width: 5.00000000rem;
                         height: 5.00000000rem;
                         cursor: pointer;
                         span {
                             position: absolute;
                             left: 50%;
                             top: 50%;
                             margin-left: -1.07142857rem;
                             margin-top: -1.07142857rem;
                             display: inline-block;
                             width: 2.14285714rem;
                             height: 2.14285714rem;
                             padding: 0.14285714rem 0 0 0.28571429rem;
                             background: @opaqueBalck;
                             border-radius: 50%;
                             line-height: 2.14285714rem;
                             font-size: 1.00000000rem;
                             text-align: center;
                             color: #fff;
                        }
                    }
                }
            }
        }
         .title {
             padding-left: 0.71428571rem;
             line-height: 2.85714286rem;
             border-bottom: 0.07142857rem solid @listBorderColorNo8;
        }
    }
     .search-play{
         .play-list {
             width: 17.14285714rem;
             height: 100%;
             line-height: 2.14285714rem;
             float: left;
             .play-list-content {
                 height: calc(100% - 2.85714286rem);
                 overflow-y: auto;
                 > div {
                     height: 4.28571429rem;
                     padding-left: 1.14285714rem;
                     font-size: 0.92857143rem;
                     cursor: pointer;
                     &:first-child {
                         margin-top: 0.71428571rem;
                    }
                     &.active, &:hover {
                         background: @secondNavHoverColorNo14;
                         color: @btnPressedColorNo3;
                    }
                     .time {
                         font-size: 0.85714286rem;
                         color: #8f8f8f;
                         margin-left: 0.85714286rem;
                         margin-top: -0.35714286rem;
                    }
                }
            }
        }
         .play-list-title {
             padding-left: 0.71428571rem;
             line-height: 2.85714286rem;
             height: 2.85714286rem;
             color: @linkColorNo20;
             border-bottom: 0.07142857rem solid @listBorderColorNo8;
             .backLabel{
                 cursor: pointer;
            }
        }
         .play-content{
             width: calc(100% - 17.14285714rem);
             float: left;
             height: 100%;
             .playBack-video {
                 height: calc(100% - 5.71428571rem);
                 min-height: calc(77vh - 5.71428571rem);
                 background:@btnHoverColorNo2;
                 text-align: center;
                 padding-top: 20%;
            }
             .touchbar {
                 position: relative;
                 height: 2.85714286rem;
                 line-height: 2.14285714rem;
                 padding:0.35714286rem 0.71428571rem;
                 background: linear-gradient(#f8f8f6, #cccdcf);
                 .touchbar-left {
                     span {
                         margin-left: 1.07142857rem;
                    }
                }
                 .touchbar-center {
                     text-align: center;
                     span {
                         margin-left:1.78571429rem;
                    }
                     background: rgba(0, 0, 0, 0.1);
                     border-radius: 0.28571429rem;
                }
                 .touchbar-right {
                     text-align: right;
                     span {
                         margin-right: 1.07142857rem;
                    }
                }
                 .voice {
                     display: inline-block;
                     width: 7.85714286rem;
                     margin: 0;
                     margin-left: 1.07142857rem;
                     margin-bottom: 0.07142857rem;
                }
                 .ant-slider-track {
                     background: @linkColorNo20;
                }
                 .touchbar-icon {
                     vertical-align: -0.3em;
                }
                 .anticon{
                     margin-right: 1.14285714rem;
                     font-size: 1.42857143rem;
                     &:hover{
                         color: @btnNormalColorNo1;
                    }
                }
                 .touch-icon-active{
                     color: @btnNormalColorNo1;
                }
            }
        }
    }
     ._Table_ {
    }
     .table-width {
         width: 564 / @px-unit;
    }
     .video-plugin{
         width: 1018 / @px-unit;
         height: 739 / @px-unit;
         background-color: #000;
         display: inline-block;
    }
     .checkBox {
         .ant-checkbox-wrapper.sdd-checked-normal{
             width: 70 / @font-size-normal !important;
        }
    }
     .ant-pagination {
         float: right;
         margin-right: 1.42857143rem;
    }
     .fn-center {
         margin-top: 14.28571429rem;
    }
}
 ._DataSearchUnifiedRecord_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .flex-content {
         display: flex;
         align-items: center;
    }
     .flex-video {
         display: flex;
    }
     .table-button-bar-list {
         display: inline-flex;
         align-items: center;
    }
     .table-width {
         width: 564 / @px-unit;
    }
     .video-plugin{
         width: 1018 / @px-unit;
         height: 739 / @px-unit;
         background-color: #000;
         display: inline-block;
    }
}
 ._DataSearchUnifiedVehicle_ {
     padding: 1.78571429rem;
     .result-content {
         margin-top: 10 / @px-unit;
         height: 485 / @px-unit;
         ._Table_ {
             .ant-table-empty .ant-table-body {
                 overflow-x: auto !important;
            }
        }
    }
     .oneline {
         display: flex;
         align-items: center;
         width: 100%;
         .label-div-Container {
             display: inline-block;
             vertical-align: middle;
        }
    }
     .oneline-result-content {
    }
     .oneline-record-content {
    }
     .flex-content {
         display: flex;
         align-items: center;
         margin-top: 32.14285714rem;
    }
     .show-content-button {
         position: absolute;
         width: 60 / @px-unit;
         height: 16 / @px-unit;
         background-color: #666666;
         border-radius: 0 0 4 / @px-unit 4 / @px-unit;
         display: flex;
         justify-content: center;
         align-items: center;
         cursor: pointer;
    }
     .playStop-content {
         span {
             margin-left: 10 / @px-unit;
        }
    }
     .show-content-button-bottom-div {
         display: flex;
         justify-content: center;
         align-items: center;
         width: 100%;
    }
     .show-content-button-top {
         top: 0;
    }
     .show-content-button-bottom {
         border-radius: 4 / @px-unit 4 / @px-unit 0 0;
         bottom: 0;
    }
     .advance-text {
         cursor: pointer;
         color: @btnNormalColorNo1;
    }
     .video-record {
         height: 290 / @px-unit;
         top: 100 / @px-unit;
    }
     .video-plugin {
         width: 100%;
         height: 290 / @px-unit;
         background-color: #000;
         display: inline-block;
    }
     .video-image-container {
         position: relative;
    }
     .video-image {
         width: 791 / @px-unit;
         height: 290 / @px-unit;
    }
     .video-image-plate {
         height: 88 / @px-unit;
         background-color: @imagePlate;
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         display: inline-flex;
         align-items: center;
         justify-content: center;
    }
     .video-image-number {
         width: 150 / @px-unit;
         height: 44 / @px-unit;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         z-index: 999;
    }
     .Blue {
         background-color: @bluePlate;
         color: @contentBgColorNo15;
    }
     .Yellow {
         background-color: @yellowPlate;
         color: @opaqueBalck;
    }
     .White {
         background-color: @contentBgColorNo15;
         color: @opaqueBalck;
    }
     .Black {
         background-color: @opaqueBalck;
         color: @contentBgColorNo15;
    }
     .ShadowGreen {
         background: linear-gradient(to bottom, #fff, #00ff00);
         color: @opaqueBalck;
    }
     .YellowGreen {
         background: none;
         color: @opaqueBalck;
    }
     .Cyan {
         background: @CyanPlate;
         color: @contentBgColorNo15;
    }
     .Green {
         background: @GreenPlate;
         color: @opaqueBalck;
    }
     .itse-ygplate {
         width: 150 / @px-unit;
         height: 44 / @px-unit;
         background: #0f0;
         top: 12 / @px-unit;
         bottom: 0;
         position: absolute;
    }
     .itse-ygplate div {
         width: 28%;
         height: 100%;
         background: #ff0;
         float: left;
    }
     .plate-none {
         display: none;
    }
}
 .advance-option-modal {
     .flex-content {
         display: flex;
         align-items: center;
    }
     .ant-modal-body {
         padding: 24 / @font-size-normal 0;
    }
     .padding-content {
         padding: 0 24 / @font-size-normal;
    }
     .advance-divider {
         margin: 10 / @font-size-normal 0 0 0;
    }
     .advance-left-title {
         width: 140 / @font-size-normal;
         border-right: 0.07142857rem solid @dividerColorNo9;
         cursor: pointer;
         user-select: none;
    }
     .advance-item {
         width: 140 / @font-size-normal;
         line-height: 34 / @font-size-normal;
         padding-left: 24 / @font-size-normal;
    }
     .advance-item:hover {
         background-color: @MenuViewItemHoverColor;
    }
     .select-item {
         background-color: @MenuViewItemHoverColor;
         border-right: 0.21428571rem solid @btnNormalColorNo1;
    }
     .advance-right-content {
         overflow-y: auto;
         max-height: 400 / @font-size-normal;
         min-height: 400 / @font-size-normal;
    }
     .ant-radio-wrapper {
         width: 140 / @font-size-normal;
         line-height: 40 / @font-size-normal;
    }
     .ant-checkbox-group-item {
         width: 140 / @font-size-normal;
         line-height: 40 / @font-size-normal;
    }
     .ant-select-dropdown {
         height: 300 / @font-size-normal;
    }
}
 .advance-download-name-modal {
     .ant-modal-body {
         padding: 0 24 / @font-size-normal 24 / @font-size-normal;
    }
     .padding-content {
         padding: 0 24 / @font-size-normal;
    }
     .flex-content {
         display: flex;
         align-items: center;
    }
     .flex-flow {
         display: flex;
    }
     .flex-box2 {
         width: 400 / @px-unit;
    }
     .sort-region {
         width: 440 / @px-unit;
         height: 190 / @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: 88 / @px-unit;
             height: 32 / @px-unit;
             border: solid 1 / @px-unit @grayBlackBorder;
             text-align: center;
             line-height: 27 / @px-unit;
             background: #fff;
             cursor: move;
             float: left;
             border-radius: 2 / @px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
        }
    }
     .download-button-list {
         width: 440 / @px-unit;
         height: 190 / @px-unit;
         padding: 10 / @px-unit;
         overflow-y: auto;
         border-radius: 1 / @px-unit;
         border: solid 1 / @px-unit @grayBlackBorder;
         .download-button-item {
             width: 88 / @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;
            }
        }
    }
     .name-format-custom-input {
         width: 58 / @px-unit;
         height: 30 / @px-unit;
         padding: 0;
         margin: 0 15 / @px-unit;
         border: none;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         word-wrap: normal;
         text-align: center;
    }
     .name-format-custom-input.ant-input:focus {
         box-shadow: none;
    }
     .name-border-content {
         color: #707b7c;
         width: 440 / @px-unit;
         max-height: 120 / @px-unit;
         overflow-y: auto;
         padding: 0 5 / @font-size-normal;
         margin-bottom: 5 / @font-size-normal;
    }
     .name-text {
         margin-left: 10 / @font-size-normal;
    }
     .tip-color {
         color: @errorColorNo17;
    }
}
 .advance-download-modal {
     .ant-radio-wrapper {
         width: 80 / @px-unit;
    }
}
 .progress-modal {
     .flex-content {
         display: flex;
         align-items: center;
         justify-content: center;
    }
     .download-modal-content {
         height: 48 / @px-unit;
         line-height: 48 / @px-unit;
    }
}
 .query-dropdown {
     height: 700 / @px-unit;
     overflow-y: auto;
}
 ._VspOsdComponent_ {
     padding-top: inherit;
     .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;
         .OSDitem-move {
             width: 88/@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;
        }
    }
     .osdOption-region {
         width: 440/@px-unit;
         padding: 10/@px-unit;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         overflow-y:auto;
         button {
             width: 88/@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;
            }
        }
    }
}
 @Length180: 180/@px-unit;
 @Length46: 46/@px-unit;
 @Length48: 48/@px-unit;
 @Length68: 68/@px-unit;
 @Length80: 80/@px-unit;
 @Length100: 100/@px-unit;
 @Length112: 112/@px-unit;
 @Length120: 120/@px-unit;
 @Length150: 150/@px-unit;
 @Length280: 280/@px-unit;
 @Length340: 340/@px-unit;
 ._LocalImage_ {
     padding-left: 20/@px-unit;
     padding-top: 20/@px-unit;
     padding-right: 20/@px-unit;
     width: 100%;
     .detectImg {
         display: inline-block;
         width: 100%;
         height: @Length48;
         line-height: @Length48;
         text-align: center;
         background-color: @disableColorNo7;
         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;
        }
    }
}
 ._MemoryCardPic_ {
     display: flex;
     width:100%;
     height: 100%;
     padding-right: 20/@px-unit;
     .left-bar {
         width: 256/@px-unit;
         flex: 0 0 256/@px-unit;
         .ant-collapse {
             border-top:0;
             border-left: 0;
        }
         .search-bar {
             .ant-input-number {
                 width: 100%;
            }
             .speed-item {
                 display: flex;
                 align-items: center;
                 &__ipt {
                     display: flex;
                     align-items: center;
                     margin-right: 3/@px-unit;
                }
                 &__sperator {
                     margin-left: 3/@px-unit;
                     margin-right: 3/@px-unit;
                }
            }
        }
         .picture-name {
             .name-rule {
                 line-height: 2.28571429rem;
            }
             .name-rule__content {
                 text-align: right;
            }
             .preview-name__content {
                 color:#aeacac 
            }
        }
    }
     .right-content {
         flex:1;
         width: 80%;
         min-width: 80%;
         padding-top: 10/@px-unit;
    }
     .table-list {
         padding: 0 10/@px-unit;
    }
     .button-groups {
         display: flex !important;
         width: 800/@px-unit;
    }
     .progress-wrap {
         line-height: 32/@px-unit;
    }
}
 .down-modal {
     .label-normal-wrapper{
         width: 280/@px-unit !important;
    }
     &__desc {
         font-weight: bolder;
    }
     .label-div-Container {
         padding-left: 10/@px-unit;
    }
}
 .help-tip {
     .box-wrap {
         width: 480/@px-unit;
         margin-bottom: 10/@px-unit;
         .title {
             font-weight: 600;
             padding: 0 5/@px-unit;
        }
         .content {
             display: flex;
             flex-wrap: wrap;
             padding: 10/@px-unit;
             .item {
                 width: 50%;
                 padding: 5/@px-unit 0;
                 display: flex;
                 align-items: center;
                 .name {
                     margin-right: 10/@px-unit;
                     width: 60/@px-unit;
                     padding-left: 10/@px-unit;
                     background-color: #f0f5ff;
                }
                 .text {
                     flex: 1;
                }
            }
        }
         .tips {
             color: #f00;
        }
    }
}
 ._ParkingLotSearch_ {
     padding-left: 20/@px-unit;
     ._ParkingLotSearchComponent_ {
         .m-layout-content;
    }
     .flex-content{
         display: flex;
         align-items: center;
    }
     .table-action-bar{
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
         .left-bars{
             line-height: 40 / @font-size-normal;
             height: 40 / @font-size-normal;
             .button-groups{
                 line-height: 40 / @font-size-normal;
                 height: 40 / @font-size-normal;
            }
        }
    }
     .blue-icon-color {
         color: @btnNormalColorNo1;
    }
     .label-div-Container {
         margin-right: 3.57142857rem !important;
    }
     .ant-table {
         .ant-table-cell {
             word-break: normal;
             word-wrap: normal;
        }
    }
}
 ._ParkingRecordSearch_ {
     padding-left: 20/@px-unit;
     ._ParkingRecordSearchComponent_ {
         .m-layout-content;
    }
     .flex-content{
         display: flex;
         align-items: center;
    }
     .table-action-bar{
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
         .left-bars{
             line-height: 40 / @font-size-normal;
             height: 40 / @font-size-normal;
             .button-groups{
                 line-height: 40 / @font-size-normal;
                 height: 40 / @font-size-normal;
            }
        }
    }
     .blue-icon-color {
         color: @btnNormalColorNo1;
    }
     .ant-table {
         .ant-table-cell {
             word-break: normal;
             word-wrap: normal;
        }
    }
}
 ._PedestrianFlow_ {
     width: 100%;
     padding: 0 10/@px-unit;
     .search-bar {
         margin: 10/@px-unit 0;
    }
}
 ._PictureLocal_ {
     .m-layout-content;
     width: 100%;
     .table-action-bar{
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
         .left-bars{
             line-height: 40 / @font-size-normal;
             height: 40 / @font-size-normal;
             .button-groups{
                 line-height: 40 / @font-size-normal;
                 height: 40 / @font-size-normal;
            }
        }
    }
     .label-div-Container {
         margin-right: 3.57142857rem !important;
    }
     .ant-table {
         .ant-table-cell {
             word-break: normal;
             word-wrap: normal;
        }
    }
}
 ._PictureSdCard_ {
     .m-layout-content;
     width: 100%;
     .flex-content {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
    }
     .search-result-button-list {
         border-top: 0.07142857rem solid @dividerColorNo9;
         margin-top: 10 / @font-size-normal;
         margin-right: 20 / @font-size-normal;
         padding-top: 10 / @font-size-normal;
    }
     .table-action-bar{
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
         .left-bars{
             line-height: 40 / @font-size-normal;
             height: 40 / @font-size-normal;
             .button-groups{
                 line-height: 40 / @font-size-normal;
                 height: 40 / @font-size-normal;
            }
        }
    }
     .blue-icon-color {
         color: @btnNormalColorNo1;
    }
     .label-div-Container {
         .label-normal {
             min-width: 7.71428571rem;
        }
    }
     .ant-table {
         .ant-table-cell {
             word-break: normal;
             word-wrap: normal;
        }
    }
     .behind-ipt {
         .label-normal-wrapper,.label-div-Container,.label-normal-container {
             width:100% !important;
        }
    }
     .speed-item {
         display: flex;
         align-items: center;
         .speed-ipt {
             display: flex;
             align-items: center;
             margin-left: 5/@px-unit;
             .desc {
                 flex: 1;
            }
             .ant-input {
                 flex: 0 0 120/@px-unit;
            }
             .end {
                 margin-right: 5 /@px-unit;
            }
        }
         .speed-sperator {
             margin-left: 3/@px-unit;
        }
    }
     .plate-item {
         display: flex;