@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%;
             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;
        }
    }
}
 ._RFIDReaderCfg_ {
     padding-left: 4 / @px-unit;
     width: 100%;
     .ant-layout{
         border-bottom: 0.07142857rem solid @tableTitleBorderColor;
         .ant-layout-sider {
             .ant-layout-sider-children {
                 border-right: 0.07142857rem solid @tableTitleBorderColor;
                 .ant-menu-vertical {
                     border-right: none;
                     border-top: 0.07142857rem solid @tableTitleBorderColor;
                }
            }
        }
    }
     .m-pt-16 {
         padding-top: 16 / @px-unit;
    }
     .side-menu {
         .ant-menu-title-content {
             .m-text-ellipsis();
             display: inline-block;
             width: 100 / @px-unit !important;
        }
    }
     .scrolll-y-menu {
    }
     .scrolll-y-menu::-webkit-scrollbar {
         width: 4 / @px-unit;
    }
     .scrolll-y-menu::-webkit-scrollbar-thumb {
         border-radius: 10 / @px-unit;
         background: @disableColorNo7;
    }
     .scrolll-y-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-abnormal {
         background-color: @errorColorNo17;
    }
     .flex-div {
         display: flex;
         width: 440 / @px-unit;
    }
     .flex-content {
         float: left;
         width: 50%;
    }
}
 ._CarFlowReport_ {
     padding: 0 20 / @px-unit;
     width: 100%;
     .flex-content {
         display: inline-flex;
         align-items: center;
    }
     .search-bar {
         margin: 8 / @px-unit 0;
    }
     .add-colon {
         margin: 0 8 / @px-unit;
         width: 3.57142857rem;
    }
     .time-select {
         padding: 4 / @px-unit 8 / @px-unit;
         line-height: 40 / @px-unit;
         cursor: pointer;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         word-wrap: normal;
    }
     .active {
         color: @btnNormalColorNo1;
    }
     .ant-empty {
         .ant-empty-image {
             height: 240 / @px-unit;
             margin-top: 200 / @px-unit;
        }
    }
     .chart-type {
         display: flex;
         justify-content: flex-end;
         .ant-checkbox-5470c6 {
             .ant-checkbox-inner {
                 background-color: #5470c6;
                 border-color: #5470c6;
            }
        }
         .ant-checkbox-52c41a {
             .ant-checkbox-inner {
                 background-color: #52c41a;
                 border-color: #52c41a;
            }
        }
         .ant-checkbox-fcac15 {
             .ant-checkbox-inner {
                 background-color: #fcac15;
                 border-color: #fcac15;
            }
        }
         .ant-checkbox-d348f6 {
             .ant-checkbox-inner {
                 background-color: #d348f6;
                 border-color: #d348f6;
            }
        }
         .ant-checkbox-13cae5 {
             .ant-checkbox-inner {
                 background-color: #13cae5;
                 border-color: #13cae5;
            }
        }
         .ant-checkbox-1890ff {
             .ant-checkbox-inner {
                 background-color: #1890ff;
                 border-color: #1890ff;
            }
        }
         .ant-checkbox-cb663e {
             .ant-checkbox-inner {
                 background-color: #cb663e;
                 border-color: #cb663e;
            }
        }
         .ant-checkbox-cb663e {
             .ant-checkbox-inner {
                 background-color: #9900ff;
                 border-color: #9900ff;
            }
        }
         .ant-checkbox-45818e {
             .ant-checkbox-inner {
                 background-color: #45818e;
                 border-color: #45818e;
            }
        }
         .ant-checkbox-52c41a {
             .ant-checkbox-inner {
                 background-color: #52C41A;
                 border-color: #52C41A;
            }
        }
         .ant-checkbox-fcac15 {
             .ant-checkbox-inner {
                 background-color: #FCAC15;
                 border-color: #FCAC15;
            }
        }
    }
     .TrafficReportChart {
         box-sizing: border-box;
         border: 1 / @px-unit solid rgb(220, 220, 220);
         border-radius: 4 / @px-unit;
    }
     .speed-range-split {
         margin: 0 0.28571429rem;
    }
     .behindTips {
         color: red;
         white-space: nowrap;
        /* 不换行 */
         overflow: hidden;
        /* 溢出隐藏 */
         text-overflow: ellipsis;
        /* 溢出文本使用省略号 */
         flex-shrink: 1;
        /* 提示文本可以缩小 */
    }
     .normal-input {
         width: 75 / @px-unit;
         border-color: @inputBorderColorNo10 !important;
         background: @contentBgColorNo15 !important;
    }
     .normal-input-status-error {
         width: 75 / @px-unit;
         background: #fff;
         border-color: #ff4d4f !important;
    }
}
 ._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();
}
 ._SatellitePositioning_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._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;
    }
     .important-tip {
         color: @errorColorNo17;
    }
}
 ._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;
    }
     .important-tip {
         color: @errorColorNo17;
    }
}
 ._AreaInstantFlowSearch_ {
     padding-left: 20 / @px-unit;
     min-height: 61.42857143rem;
     width: 100%;
     .ant-spin-nested-loading {
         width: 100%;
    }
     .ant-table {
         border: none;
    }
     .non-click {
         pointer-events: none;
         color: @disableColorNo7 !important;
    }
}
 .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);
    }
     .condition-time-picker {
         width: 248 / @px-unit;
    }
     .search-play, .search-list {
         width: 50%;
         height: 100%;
         float: left;
         > div {
             height: 100%;
             background: @baseColor;
        }
    }
     .condition-icon {
         width: 16 / @px-unit;
         height: 16 / @px-unit;
         cursor: pointer;
    }
     .search-list {
         .operation {
             float: left;
             width: 280 / @px-unit;
             height: 100%;
             border-right: solid 1 / @px-unit @grayBlackBorder;
             overflow-x: hidden;
             overflow-y: hidden;
             .title {
                 padding-left: 1.00000000rem;
                 line-height: 2.85714286rem;
                 height: 2.85714286rem;
                 font-weight: bold;
                 border-bottom: 0.07142857rem solid @listBorderColorNo8;
            }
             .content {
                 padding: 0 0.71428571rem;
                 height: 100%;
            }
             .content-container {
                 position: relative;
                 overflow-y: auto;
                 max-height: 60%;
                 overflow-x: hidden;
            }
             .RFID-content-container {
                 max-height: 65%;
            }
             .content-container::-webkit-scrollbar {
                 width: 1 / @px-unit;
            }
             .content-container::-webkit-scrollbar-thumb {
                 border-radius: 10 / @px-unit;
                 background: @disableColorNo7;
            }
             .content-container::-webkit-scrollbar-track {
                 border-radius: 0;
                 background: @listBorderColorNo8;
            }
             .condition-btn-container {
                 position: relative;
            }
             .condition-btn {
                 width: 17.71428571rem;
                 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;
                }
            }
        }
         .close-operation {
             width: 44 / @px-unit;
        }
         .result {
             position: relative;
             float: left;
             width: calc(100% - 20.00000000rem);
             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;
                        }
                    }
                }
            }
        }
         .close-result {
             width: calc(100% - 3.14285714rem);
        }
         .title {
             padding-left: 1.00000000rem;
             line-height: 2.85714286rem;
             border-bottom: 0.07142857rem solid @listBorderColorNo8;
        }
         .close-side-title {
             padding-left: 1rem;
             transform: rotate(-90deg);
             height: 5.57142857rem;
             width: 6.85714286rem;
             word-break: keep-all;
             font-weight: 700;
             font-size: 1.14285714rem;
        }
    }
     .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: 75 / @px-unit !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.00000000rem 1.78571429rem;
     .result-content {
         position: relative;
         float: left;
         width: 85.71428571rem;
         margin-top: 10 / @px-unit;
         height: 100%;
         ._Table_ {
             .ant-table-empty .ant-table-body {
                 overflow-x: auto !important;
            }
        }
         background-color: @secondNavBgColorNo13;
    }
     .close-result-content {
         width: 103.42857143rem;
    }
     .result-margin {
         position: relative;
         float: left;
    }
     .result-margin-content {
         width: 0.85714286rem;
         background-color: @main_background_color;
    }
     .detail-container {
         display: flex;
         justify-content: space-between;
    }
     .detail-title {
         line-height: 48 / @px-unit;
         height: 48 / @px-unit;
         font-weight: 700;
         padding: 12 / @px-unit 16 / @px-unit;
         display: flex;
         align-items: center;
         padding: 0.00000000rem 1.14285714rem 0.00000000rem 1.14285714rem;
         font-size: 16 / @px-unit;
    }
     .detail-button-content {
         display: flex;
         align-items: center;
    }
     .detail-button {
         display: flex;
         width: 2.28571429rem;
         height: 2.28571429rem;
         margin: 0.00000000rem 0.85714286rem;
         border: 0.07142857rem solid rgb(220, 220, 220);
         border-radius: 0.28571429rem;
         cursor: pointer;
         align-items: center;
         justify-content: center;
    }
     .RFID-detail-icon {
         width: 16 / @px-unit;
         height: 16 / @px-unit;
    }
     .RFID-page-video {
         display: flex;
         align-items: center;
         cursor: pointer;
    }
     .RFID-relate-video-icon {
         width: 16 / @px-unit;
         height: 16 / @px-unit;
         fill: @RFIDCameraOnline;
         margin-right: 4 / @px-unit;
    }
     .RFID-relate-video-text {
         display: flex;
         align-items: center;
         color: @RFIDCameraOnline;
         margin-right: 10 / @px-unit;
    }
     .RFID-detail-icon-disabled {
         cursor: not-allowed;
    }
     .RFID-pic-page {
         position: relative;
         bottom: 6 / @px-unit;
         width: 100%;
         height: 40 / @px-unit;
         display: flex;
         background: rgba(0, 0, 0, 0.9);
         align-items: center;
         justify-content: space-between;
    }
     .RFID-page-button-content {
         display: flex;
    }
     .RFID-page-button {
         width: 2.28571429rem;
         height: 1.71428571rem;
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 0.14285714rem 0.85714286rem 0.14285714rem 0.85714286rem;
         margin: 0.00000000rem 0.57142857rem;
         color: rgb(255, 255, 255);
         cursor: pointer;
    }
     .RFID-page-button-current {
         border-bottom: 0.07142857rem solid rgb(28, 121, 244);
         border-top: 0.07142857rem solid rgb(28, 121, 244);
         border-radius: 0.28571429rem;
    }
     .detail-list-container {
         padding: 16 / @px-unit 24 / @px-unit;
         max-height: 520 / @px-unit;
         overflow-y: auto;
    }
     .detail-list-one {
         display: flex;
         justify-content: center;
         align-items: center;
         height: 22 / @px-unit;
         width: 100%;
    }
     .detail-list-title {
         color: @RFIDtableDetailTitle;
         width: 40%;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
    }
     .detail-list-text {
         width: 60%;
    }
     .result-detail-content {
         position: relative;
         float: left;
         width: calc(100% - 86.57142857rem);
         background-color: @secondNavBgColorNo13;
    }
     .close-result-detail-content {
         width: calc(100% - 103.42857143rem);
    }
     .ant-table-thead > tr > th {
         background-color: @RFIDtableHead !important;
    }
     .flex-only {
         display: flex;
    }
     .oneline {
         display: flex;
         align-items: center;
         justify-content: space-between;
         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;
    }
     .flex-icon {
         display: flex;
         align-items: center;
    }
     .m-width-55p {
         width: 55%;
    }
     .RFID-icon {
         width: 16 / @px-unit;
         height: 16 / @px-unit;
         cursor: pointer;
    }
     .RFID-SP-icon {
         width: 16 / @px-unit;
         height: 16 / @px-unit;
         cursor: not-allowed;
         fill: @disableColorNo7;
    }
     .RFID-close-icon {
         width: 20 / @px-unit;
         height: 20 / @px-unit;
         cursor: pointer;
         fill: @listBorderColorNo8;
    }
     .RFID-mask {
         background-color: @disableColorNo7;
    }
     .RFID-pic-left {
         fill: @listBorderColorNo8;
         width: 20 / @px-unit;
         height: 20 / @px-unit;
    }
     .RFID-pic-right {
         fill: @listBorderColorNo8;
         width: 20 / @px-unit;
         height: 20 / @px-unit;
    }
     .RFID-ID-content {
         width: 5.42857143rem;
         height: 1.71428571rem;
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 0.07142857rem 0.57142857rem 0.07142857rem 0.57142857rem;
         margin: 0.00000000rem 0.71428571rem;
         box-sizing: border-box;
         font-size: 1.00000000rem;
         font-weight: 400;
         line-height: 1.57142857rem;
         text-align: left;
    }
     .RFID-ID-0 {
         border: 0.07142857rem solid rgba(39, 208, 90, 0.4);
         border-radius: 0.28571429rem;
         background: rgb(240, 255, 242);
         color: rgb(39, 208, 90);
    }
     .RFID-ID-1 {
         border: 0.07142857rem solid rgba(28, 121, 244, 0.4);
         border-radius: 0.28571429rem;
         background: rgb(232, 246, 255);
         color: rgb(28, 121, 244);
    }
     .RFID-ID-2 {
         border: 0.07142857rem solid rgba(248, 120, 45, 0.4);
         border-radius: 0.28571429rem;
         background: rgb(255, 248, 240);
         color: rgb(248, 120, 45);
    }
     .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;
    }
     .picture-modal-plugin {
         margin-top: 50 / @px-unit;
         width: 1200 / @px-unit;
         height: 868 / @px-unit;
         background-color: #000;
         display: inline-block;
         max-height: 100%;
         vertical-align: middle;
         transform: scaleZ(1);
         cursor: grab;
         transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         pointer-events: auto;
    }
     .video-plugin {
         width: 100%;
         height: 232 / @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: 480 / @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-export-modal {
     .behind-title {
         color: @RFIDtableDetailTitle;
    }
}
 .advance-download-modal {
     .ant-radio-wrapper {
         width: 80 / @px-unit;
    }
     .flex-content {
         display: flex;
         align-items: center;
    }
     .behind-title {
         color: @RFIDtableDetailTitle;
    }
}
 .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;
}
 .play-record-modal {
     .relate-modal-video {
         width: 100%;
         height: 540 / @px-unit;
         background-color: #000;
         display: inline-block;
    }
     .flex-only {
         display: flex;
         width: 100%;
         align-items: center;
         justify-content: center;
    }
     .playStop-content {
         display: flex;
         align-items: center;
         height: 32 / @px-unit;
         span {
             margin-right: 20 / @px-unit;
        }
    }
     .play-border {
         width: 0.07142857rem;
         height: 1.14285714rem;
         background: @tableTitleBorderColor;
    }
}
 .itse-search-table {
     .highlight-row {
         background-color: #f3f3f3 !important;
         .ant-table-cell-fix-right {
             background-color: #f3f3f3 !important;
        }
         .ant-table-tbody > tr.ant-table-row-selected > td {
             background: none;
        }
         .ant-table-row-selected {
             background: #f3f3f3 !important;
        }
    }
}
 .display-none {
     display: none !important;
}
 .disabled-color {
     color: @disableColorNo7;
}
 ._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;
        }
    }
}
 ._CaptureLogComponent_, ._ParkingLogComponent_, ._ParkingAlarmLogComponent_, ._EntryAndExitLogComponent_, ._AlarmOutLogComponent_, ._PictureLogComponent_, ._RadarLogComponent_, ._StrobeLogComponent_, ._LockLogComponent_ {
     .blue-icon-color {
         color: @btnNormalColorNo1;
    }
     .ant-table-cell {
         word-break: keep-all;
    }
}
 ._CaptureLogComponent_ {
     .flexCenter {
         display: flex;
         justify-content: center;
    }
}
 .pictureLog-modal {
     .extend-button {
         display: flex;
         align-items: center;
         justify-content: center;
         color: @btnNormalColorNo1;
         margin-top: 0.71428571rem;