}
 .m-pl-16 {
     padding-left: 16/@font-size-normal;
}
 .m-pl-17 {
     padding-left: 17/@font-size-normal;
}
 .m-pl-20 {
     padding-left: 20/@font-size-normal;
}
 .m-pl-24 {
     padding-left: 24/@font-size-normal;
}
 .m-pl-25 {
     padding-left: 25/@font-size-normal;
}
 .m-pl-30 {
     padding-left: 30/@font-size-normal;
}
 .m-pl-35 {
     padding-left: 35/@font-size-normal;
}
 .m-pl-37 {
     padding-left: 37/@font-size-normal;
}
 .m-pl-40 {
     padding-left: 40/@font-size-normal;
}
 .m-pl-43 {
     padding-left: 43/@font-size-normal;
}
 .m-pl-45 {
     padding-left: 45/@font-size-normal;
}
 .m-pl-50 {
     padding-left: 50/@font-size-normal;
}
 .m-pl-60 {
     padding-left: 60/@font-size-normal;
}
 .m-pl-70 {
     padding-left: 70/@font-size-normal;
}

 .m-pr-0 {
     padding-right: 0;
}
 .m-pr-5 {
     padding-right: 5/@font-size-normal;
}
 .m-pr-6 {
     padding-right: 6/@font-size-normal;
}
 .m-pr-8 {
     padding-right: 8/@font-size-normal;
}
 .m-pr-10 {
     padding-right: 10/@font-size-normal;
}
 .m-pr-12 {
     padding-right: 12/@font-size-normal;
}
 .m-pr-15 {
     padding-right: 15/@font-size-normal;
}
 .m-pr-30 {
     padding-right: 30/@font-size-normal;
}
 .m-pr-40 {
     padding-right: 40/@font-size-normal;
}
 .m-pr-84 {
     padding-right: 84/@font-size-normal;
}
 .m-pr-114 {
     padding-right: 114/@font-size-normal;
}
 .m-pr-240 {
     padding-right: 240/@font-size-normal;
}

 .m-pt-0 {
     padding-top: 0;
}
 .m-pt-8 {
     padding-top: 8/@font-size-normal;
}
 .m-pt-12 {
     padding-top: 12/@font-size-normal;
}
 .m-pt-24 {
     padding-top: 24/@font-size-normal;
}
 .m-pt-1 {
     padding-top: 1/@font-size-normal;
}
 .m-pt-3 {
     padding-top: 3/@font-size-normal;
}
 .m-pt-5 {
     padding-top: 5/@font-size-normal;
}
 .m-pt-10 {
     padding-top: 10/@font-size-normal;
}
 .m-pt-15 {
     padding-top: 15/@font-size-normal;
}
 .m-pt-20 {
     padding-top: 20/@font-size-normal;
}
 .m-pt-35 {
     padding-top: 35/@font-size-normal;
}

 .m-pb-0 {
     padding-bottom: 0;
}
 .m-pb-2 {
     padding-bottom: 2/@font-size-normal;
}
 .m-pb-8 {
     padding-bottom: 8/@font-size-normal;
}
 .m-pb-16 {
     padding-bottom: 8/@font-size-normal;
}
 .m-pb-108 {
     padding-bottom: 108/@font-size-normal;
}

 .m-white-bg {
     background-color: @baseColor;
}
 .c-gray-bg {
     background-color: @graybgColor;
}
 .m-gray-bg-padding {
     padding: 1.14285714rem;
     background-color: @homePageNo2;
}
 .m-white-bg-padding {
     padding: 1.14285714rem;
     background-color: @baseColor;
}
 .m-tab-content {
     height: calc(100vh - 10.00000000rem);
     min-height: 37.42857143rem;
     overflow-y: auto;
}
 .display-block {
     display: block;
}
 .display-inline-block {
     display: inline-block;
}
 .display-none {
     display: none;
}
 .table-title {
     padding: 0.71428571rem 0;
     border-top: 0.07142857rem solid @listBorderColorNo8;
}
 .table-action-bar{
     line-height: 40 / @font-size-normal !important;
     height: 40 / @font-size-normal !important;
     .left-bars{
         line-height: 40 / @font-size-normal !important;
         height: 40 / @font-size-normal !important;
         .button-groups{
             line-height: 40 / @font-size-normal !important;
             height: 40 / @font-size-normal !important;
        }
    }
}
 .safeopr-configBar {
     position: initial !important;
     padding-left: 0 !important;
     margin-left: -10/ @font-size-normal !important;
}
 .m-pos-abs {
     position: absolute;
}
 .m-pos-static {
     position: static;
}
 .m-pos-r {
     position: relative;
}

 .m-top-0 {
     top: 0;
}
 .m-top-2 {
     top: 2/@font-size-normal;
}
 .m-top-5 {
     top: 5/@font-size-normal;
}
 .m-top-10 {
     top: 10/@font-size-normal;
}
 .m-top-15 {
     top: 15/@font-size-normal;
}
 .m-top-20 {
     top: 20/@font-size-normal;
}
 .m-top-72 {
     top: 72/@font-size-normal;
}
 .m-top-90 {
     top: 90/@font-size-normal;
}
 .m-top-130 {
     top: 130/@font-size-normal;
}

 .m-bottom-0 {
     bottom: 0;
}
 .m-bottom-2-4 {
     bottom: 2.4/@font-size-normal;
}
 .m-bottom-3 {
     bottom: 3/@font-size-normal;
}
 .m-bottom-40 {
     bottom: 40/@font-size-normal;
}
 .m-bottom-200 {
     bottom: 200/@font-size-normal;
}
 .m-bottom-262 {
     bottom: 262/@font-size-normal;
}

 .m-left-0 {
     left: 0;
}
 .m-left-10p {
     left: 10%;
}

 .m-right-0 {
     right: 0/@font-size-normal;
}
 .m-right-16 {
     right: 16/@font-size-normal;
}
 .m-right-84 {
     right: 84/@font-size-normal;
}
 .m-right-124 {
     right: 124/@font-size-normal;
}
 .m-topmax {
     z-index: 10004;
}
 .m-float-none {
     float: none;
}
 .m-float-left {
     float: left;
}
 .m-float-right {
     float: right;
}
 .m-clear-both {
     clear: both;
}
 .m-hor-center {
     position: absolute;
     left: 50%;
     transform: translate3d(-50%, 0, 0);
     -webkit-transform: translate3d(-50%, 0, 0);
}
 .m-ver-center {
     position: absolute;
     top: 50%;
     transform: translate3d(0, -50%, 0);
     -webkit-transform: translate3d(0, -50%, 0);
}
 .m-hor-ver-center {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate3d(-50%, -50%, 0);
     -webkit-transform: translate3d(-50%, -50%, 0);
}
 HTML, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
     border: none;
     font-family: "Microsoft YaHei";
     margin: 0;
     padding: 0;
}
 html, body {
     height: 100%;
     width: 100%;
     background-color: @bodyBgColorNo16;
}
 address, caption, cite, code, dfn, em, strong, th, var {
     font-style: normal;
     font-weight: normal;
}
 a {
     text-decoration: none;
}
 input::-ms-clear {
     display: none;
}
 input::-ms-reveal {
     display: none;
}
 input {
     -webkit-appearance: none;
     margin: 0;
     outline: none;
     padding: 0;
}
 input::-webkit-input-placeholder {
     color: #ccc;
}
 input::-ms-input-placeholder {
     color: #ccc;
}
 input::-moz-placeholder {
     color: #ccc;
}
 input[type=submit], input[type=button] {
     cursor: pointer;
}
 button[disabled], input[disabled] {
     cursor: default;
}
 img {
     border: none;
}
 ul, ol, li {
     list-style-type: none;
}

 .clearfix::after{
     content: "";
     display: block;
     clear: both;
}
 .clear {
     clear: both;
}
 .clearleft {
     clear: left;
}
 .clearright {
     clear: right;
}
 .floatleft {
     float: left;
}
 .floatright {
     float: right;
}
 .cursor {
     cursor: pointer;
}


 html {
     line-height: 1.15;
    
     -webkit-text-size-adjust: 100%;
    
}


 body {
     margin: 0;
}

 main {
     display: block;
}

 h1 {
     font-size: 2em;
     margin: 0.67em 0;
}


 hr {
     box-sizing: content-box;
    
     height: 0;
    
     overflow: visible;
    
}

 pre {
     font-family: monospace, monospace;
    
     font-size: 1em;
    
}


 a {
     background-color: transparent;
}

 abbr[title] {
     border-bottom: none;
    
     text-decoration: underline;
    
     text-decoration: underline dotted;
    
}

 b, strong {
     font-weight: bolder;
}

 code, kbd, samp {
     font-family: monospace, monospace;
    
     font-size: 1em;
    
}

 small {
     font-size: 80%;
}

 sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}
 sub {
     bottom: -0.25em;
}
 sup {
     top: -0.5em;
}


 img {
     border-style: none;
}


 button, input, optgroup, select, textarea {
     font-family: inherit;
    
     font-size: 100%;
    
     line-height: 1.15;
    
     margin: 0;
    
}

 button, input {
    
     overflow: visible;
}

 button, select {
    
     text-transform: none;
}

 button, [type="button"], [type="reset"], [type="submit"] {
     -webkit-appearance: button;
}

 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
     border-style: none;
     padding: 0;
}

 button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
     outline: 0.07142857rem dotted ButtonText;
}

 fieldset {
     padding: 0.35em 0.75em 0.625em;
}

 legend {
     box-sizing: border-box;
    
     color: inherit;
    
     display: table;
    
     max-width: 100%;
    
     padding: 0;
    
     white-space: normal;
    
}

 progress {
     vertical-align: baseline;
}

 textarea {
     overflow: auto;
}

 [type="checkbox"], [type="radio"] {
     box-sizing: border-box;
    
     padding: 0;
    
}

 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
     height: auto;
}

 [type="search"] {
     -webkit-appearance: textfield;
    
     outline-offset: -0.14285714rem;
    
}

 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
}

 ::-webkit-file-upload-button {
     -webkit-appearance: button;
    
     font: inherit;
    
}


 details {
     display: block;
}

 summary {
     display: list-item;
}


 template {
     display: none;
}

 [hidden] {
     display: none;
}
 .ant-menu-submenu-popup {
     li[pagename='Equipment'] {
         width: 200 / @px-unit !important;
         height: 200 / @px-unit !important;
         .card-style-equipment {
             width: 160/@px-unit;
             height: 196/@px-unit;
             padding: 24/@px-unit;
        }
         .card-dash {
             border-style: dashed;
        }
         .card-style-equipment-icon {
             width: 42/@px-unit;
             height: 42/@px-unit;
             background: rgb(240, 240, 240);
             border-radius: 50%;
             font-size: 42/@px-unit;
        }
         .card-height220 {
             height: 220/@px-unit;
        }
         .ant-card-body {
             padding: 0 !important;
             text-align: center;
        }
         .ant-card-meta-title {
             margin-top: 8/@px-unit;
             margin-bottom: 0;
        }
         position: relative;
         .hover-icon {
             background: rgba(204, 204, 204, 0.4);
             position: absolute;
             bottom: 0;
             right: 0;
             left: 0;
             color: red;
             opacity: 0;
        }
         &:hover .hover-icon{
             opacity: 1;
        }
         .card_add_height {
             height: 108/@px-unit !important;
             position: relative;
             [role=img] {
                 position: absolute;
                 left: 50%;
                 top: 50%;
                 transform: translate(-50%, -50%);
            }
             svg {
                 width: 0.5em;
            }
        }
    }
     li[pagename='Equipment'].ant-menu-item-selected {
         .ant-card {
             border: 2/@px-unit solid rgb(24, 144, 255);
             .ant-card-meta-title {
                 color: rgb(24, 144, 255);
            }
        }
    }
     li[pagename='SchemeSelect'] {
         width: 220 / @px-unit !important;
         height: 230 / @px-unit !important;
         .card-style-img {
             width: 220/@px-unit;
             height: 230/@px-unit;
             border-style: none none solid none;
        }
         margin-bottom: 5 / @px-unit;
         padding: 0;
         .ant-card {
             margin: 0;
        }
         .ant-card-body {
             padding: 0 !important;
             text-align: center;
        }
         img {
             height: 200/@px-unit;
        }
    }
     li[pagename='SchemeSelect'].ant-menu-item-selected {
         .ant-card {
             background-color: rgb(241, 249, 255);
             img {
                 opacity: 1 !important;
            }
             .ant-card-meta-title {
                 color: @btnNormalColorNo1;
            }
        }
    }
}

 .m-fw-normal {
     font-weight: normal;
}
 .m-fw-bold {
     font-weight: bold;
}
 .m-fs-small {
     font-size: small;
}
 .m-fs-12 {
     font-size: 12/@font-size-normal;
}
 .m-fs-14 {
     font-size: 14/@font-size-normal;
}
 .m-fs-15 {
     font-size: 15/@font-size-normal;
}
 .m-fs-16 {
     font-size: 16/@font-size-normal;
}
 .m-fs-17 {
     font-size: 17/@font-size-normal;
}
 .m-fs-18 {
     font-size: 18/@font-size-normal;
}
 .m-fs-43 {
     font-size: 43/@font-size-normal;
}

 .m-lh-22 {
     line-height: 22/@font-size-normal;
}
 .m-lh-24 {
     line-height: 24/@font-size-normal;
}
 .m-lh-26 {
     line-height: 26/@font-size-normal;
}
 .m-lh-28 {
     line-height: 28/@font-size-normal;
}
 .m-lh-30 {
     line-height: 30/@font-size-normal;
}
 .m-lh-32 {
     line-height: 32/@font-size-normal;
}
 .m-lh-35 {
     line-height: 35/@font-size-normal;
}
 .m-lh-40 {
     line-height: 40/@font-size-normal;
}
 .m-lh-43 {
     line-height: 43/@font-size-normal;
}
 .m-lh-48 {
     line-height: 48/@font-size-normal;
}
 .m-lh-56 {
     line-height: 56/@font-size-normal;
}
 .m-lh-64 {
     line-height: 64/@font-size-normal;
}
 .m-lh-90vh {
     line-height: 90vh;
}
 .font-disabled {
     color: @disableColorNo7;
}


 .m-cursor-default {
     cursor: default;
}

 .m-cursor-pointer {
     cursor: pointer;
}

 .m-cursor-crosshair {
     cursor: crosshair;
}

 .m-cursor-move {
     cursor: move;
}

 .m-cursor-text {
     cursor: text;
}

 .m-cursor-wait {
     cursor: wait;
}

 .m-cursor-help {
     cursor: help;
}

 .m-cursor-notAllowed {
     cursor: not-allowed;
}
 .m-vertical-top {
     vertical-align: top;
}
 .m-vertical-middle {
     vertical-align: middle;
}
 .m-vertical-bottom {
     vertical-align: bottom;
}
 .m-vertical-text-bottom {
     vertical-align: text-bottom;
}
 .m-text-center {
     text-align: center;
}
 .m-text-left {
     text-align: left;
}
 .m-text-right {
     text-align: right;
}
 .m-inline-block {
     display: inline-block;
}
 .m-flex {
     display: flex;
}
 .m-visibility-hidden {
     visibility: hidden;
}
 .m-overflow-hidden {
     overflow: hidden;
}
 .m-overflow-initial {
     overflow: initial;
}
 .m-opacity-0 {
     opacity: 0;
}
 .m-opacity-half {
     opacity: 0.5;
}
 .m-ws-nowrap {
     white-space: nowrap;
}
 .m-ws-preline {
     white-space: pre-line;
}
 .m-text-ellipsis {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     vertical-align: middle;
}
 .m-text-error {
     color: @errorColorNo17;
}
 .m-text-success {
     color: @successColorNo19;
}
 .m-text-disable {
     color: @disableColorNo7;
}

 .pedestrianLight-status00 {
     img {
         content: url("/static/media/greenLightPED.c524c2ff.png");
    }
}
 .pedestrianLight-status01 {
     img {
         content: url("/static/media/redLightPED.3e18e7f0.png");
    }
}

 .light-status00 {
     img {
         content: url("/static/media/straightGreen.6085e846.png");
    }
}
 .light-status01 {
     img {
         content: url("/static/media/straightRed.753ca5a2.png");
    }
}
 .light-status02 {
     img {
         content: url("/static/media/straightYellow.747f07b0.png");
    }
}

 .light-status10 {
     img {
         content: url("/static/media/turnLeftGreen.cd6f2995.png");
    }
}
 .light-status11 {
     img {
         content: url("/static/media/turnLeftRed.16d004af.png");
    }
}
 .light-status12 {
     img {
         content: url("/static/media/turnLeftYellow.d71ad147.png");
    }
}

 .light-status20 {
     img {
         content: url("/static/media/turnRightGreen.7dcce2c5.png");
    }
}
 .light-status21 {
     img {
         content: url("/static/media/turnRightRed.9ddaf24e.png");
    }
}
 .light-status22 {
     img {
         content: url("/static/media/turnRightYellow.95ba4068.png");
    }
}

 .light-status30 {
     img {
         content: url("/static/media/turnAroundGreen.8566553a.png");
    }
}
 .light-status31 {
     img {
         content: url("/static/media/turnAroundRed.3b544cf9.png");
    }
}
 .light-status32 {
     img {
         content: url("/static/media/turnAroundYellow.3c2c6aed.png");
    }
}
 .light-status00, .light-status10, .light-status20, .light-status30 {
     color: rgb(82, 196, 26);
}
 .light-status01, .light-status11, .light-status21, .light-status31 {
     color: rgb(245, 34, 45);
}
 .light-status02, .light-status12, .light-status22, .light-status32 {
     color: yellow;
}
 .light-mark {
     margin-right: 8/@px-unit;
     display: inline-block;
     width: 8/@px-unit;
     height: 8/@px-unit;
     border-radius: 50%;
     &.normal,&.timing {
         background: #52c41a;
    }
     &.event {
         background: #fcac15;
    }
     &.alarm, &.alarmlocal {
         background: #f5222d;
    }
     &.manual {
         background: #00FFF7;
    }
}
 .m-icon-style {
     font-size: 20/@px-unit;
     position: relative;
     top: 2/@px-unit;
}


 @btnNormalColorNo1: #1890ff;
 @btnHoverColorNo2: #40a9ff;
 @btnPressedColorNo3: #096dd9;
 @topBackColor: #2374e7;
 @titleColorNo4: #272727;
 @textColorNo5: #272727;
 @formContentColorNo6: #565656;
 @disableColorNo7: #8f8f8f;
 @listBorderColorNo8: #e8e8e8;
 @dividerColorNo9: #e8e8e8;
 @inputBorderColorNo10: #d9d9d9;
 @disableInputBgColorNo11: #f5f5f5;
 @firstNavBgColorNo12: #001529;
 @secondNavBgColorNo13: #ffffff;
 @secondNavHoverColorNo14: #e6f7ff;
 @contentBgColorNo15: #ffffff;
 @bodyBgColorNo16: #f0f2f5;
 @homePageNo1: #ffffff;
 @homePageNo2: #f0f2f5;
 @homePageNo3: #f0f0f0;
 @errorColorNo17: #f5222d;
 @warnColorNo18: #fcac15;
 @successColorNo19: #52c41a;
 @linkColorNo20: #1890ff;
 @main_background_color: #f0f2f5;
 @disableNumberInputFontColor: rgba(0, 0, 0, 0.25);


 @font-size-base: 0.85714286rem;
 @table-padding-vertical: 0.35714286rem;
 @table-padding-horizontal: 0.35714286rem;
 @text-color: @textColorNo5;
 @primary-color: @btnNormalColorNo1;
 @panelBackgroundColor: #fafafa;


 @topMenuTabActiveColor: #ffffff;
 @topMenuTabColor: #a6adb4;
 @tabArrowColor: @contentBgColorNo15;
 @tabArrowHoverColor: @btnNormalColorNo1;
 @tabCloseColor: @contentBgColorNo15;
 @tabBackGroundColor: @firstNavBgColorNo12;
 @tabMenuTabHoverColor: #ffffff;
 @tabDividerColor: rgba(255, 255, 255, 0.2);

 @MenuViewPageSwitch: #afc6e1;
 @MenuViewActivePageSwitch: @linkColorNo20;
 @MenuViewItemLineColor: #81b6fc;
 @MenuViewBackGroundColor: @homePageNo1;
 @MenuViewItemMessageColor: @disableColorNo7;
 @MenuViewItemHoverColor: #ecf4ff;
 @MenuViewCarouselColor: #7db1ec;

 @sideMenuBackGroundColor: @secondNavBgColorNo13;
 @sideMenuSelectedColor: #ecf4ff;

 @loginForgetPasswordHoverColor: #ffffff;
 @loginIconColor: @btnHoverColorNo2;

 @font-size-normal: 12rem;

 @skin-black: #001529;
 @skin-blue: #1890ff;
 @behindColor: #333333;
 @baseColor: #ffffff;
 @opaqueBalck: rgba(0, 0, 0, 0.5);
 @grayBlackBorder: rgba(0, 0, 0, 0.15);
 @grayBlack: rgba(0, 0, 0, 0.05);
 @gravel: rgba(75, 75, 75, 0.97);
 @graybgColor: #f7f7f7;
 @imagePlate: rgba(60, 60, 60, 1);
 @bluePlate: rgb(0, 0, 255);
 @yellowPlate: #f1cf47;
 @CyanPlate: rgb(0, 255, 255, 1);
 @GreenPlate: rgb(0, 255, 0, 1);
 @selectedBgColor: rgb(230, 244, 255);
 @TableColumnsColor: rgba(221, 221, 221, 0.4);
 @TableColumnsLineColor: rgb(221, 221, 221);
 @TableDeleteColor: rgba(0, 0, 0, 0.26);
 @behindDisabledColor: #8c8c8c;
 @tableTitleBgColor: #dcdcdc66;
 @tableTitleBorderColor: #e7e7e7;
 @tableTitleSelectColor: #f3f3f3;
 @tableContentInfoBg: #e1e1e140;
 @RFIDCameraOnline: #1c79f4;
 @RFIDtableHead: #dcdcdc;
 @RFIDtableDetailTitle: #00000099;

 @base-rem-size: 14px;
 html, body {
     font-size: @base-rem-size;
}
 @media screen and (min-device-width: 214.28571429rem) {
     html, body {
         font-size: 2 * @base-rem-size;
    }
     .label-normal-container {
         padding-top: 8 / @px-unit;
         padding-bottom: 8 / @px-unit;
    }
}

 @px-unit: 14rem;
 .svgFont(@fontSize:30) {
     font-size: if((@fontSize = 0), inherit, @fontSize / @px-unit);
}

 .svgOut (@normalColor:@iconColorN , @lineStart:@iconLinearStartColorN , @lineStop:@iconLinearStopColorN) {
     &:not(.disabled_icons) {
         svg {
             & + {
                 path:first-child {
                     fill: if((@normalColor = 0), @iconColorN, @normalColor);
                }
            }
             & + {
                 linearGradient {
                     stop:first-child {
                         stop-color: @lineStart;
                    }
                     stop:last-child {
                         stop-color: @lineStop;
                    }
                }
            }
        }
    }
}

 .svgHover (@hoverColor:@current , @lineHoverStart:@iconLinearStartColorA , @lineHoverStop:@iconLinearStopColorA) {
     &:not(.disabled_icons):not(.noHover) {
         &:hover {
             svg {
                 & + {
                     path:first-child {
                         fill: if( (@hoverColor = 0), @current, @hoverColor );
                    }
                }
                
                 linearGradient stop:first-child {
                     stop-color: @lineHoverStart;
                }
                 linearGradient stop:last-child {
                     stop-color: @lineHoverStop;
                }
            }
        }
    }
}

 .svgDisabled (@disableColor:@iconColorD) {
     svg {
         & + {
             path:first-child {
                 fill: @disableColor;
            }
        }
    }
     cursor: not-allowed;
}

 .svgBoder (@borderColor:@iconBorderN , @bgColor:@iconBgN) {
     .bg (@color) when (isColor(@color)) {
         background-color: @color;
    }
     .border (@color) when (isColor(@color)) {
         border: 1 / @px-unit solid @color;
    }
     .bg(@bgColor);
     .border(@borderColor);
}
 .opacity (@opacity) {
     @IEOpacity: @opacity * 100;
     -moz-opacity: @opacity;
     opacity: @opacity;
     filter: alpha(opacity= @IEOpacity);
}
 .colorSvg (@svgId, @hoverColor:@current) {
     &:not(.disabled_icons):not(.noHover) {
         &:hover {
             .@{svgId}{
                 path {
                     fill: @hoverColor !important;
                }
            }
        }
    }
}
 ._PasswordCheck_ {
     padding-top: inherit;
}
 ._SysSet_ {
     padding-left: 20/@px-unit;
}
 .ant-menu-title-content {
     .anticon{
         font-size: 1.42857143rem;
    }
}
 .titleIcon{
     display: block;
     width: 120/@px-unit;
     height: 120/@px-unit;
}
 .icon_prev{
     background: url('/static/media/Live.48fb4fd8.png');
     background-size: cover;
}
 .icon_parking{
     background: url('/static/media/IntelligenceParking.269bd9b7.png');
     background-size: cover;
}
 .icon_search{
     background: url('/static/media/Search.72d039ff.png');
     background-size: cover;
}
 .icon_record{
     background: url('/static/media/Record.e63d75eb.png');
     background-size: cover;
}
 .icon_picture{
     background: url('/static/media/Picture.4063bb56.png');
     background-size: cover;
}
 .icon_camera{
     background: url('/static/media/Camera.7edbfc87.png');
     background-size: cover;
}
 .icon_system{
     background: url('/static/media/System.0eb15f5d.png');
     background-size: cover;
}
 .icon_guide{
     background: url('/static/media/InstallationGuide.e73a86d0.png');
     background-size: cover;
}
 .icon_safety {
     background: url('/static/media/Security.3d163adf.png');
     background-size: cover;
}
 .icon_console{
     background: url('/static/media/StatusDisplay.d702e83b.png');
     background-size: cover;
}
 .icon_maintenance {
     background: url('/static/media/MaintenanceCenter.5f569417.png');
     background-size: cover;
}
 .icon_ivs {
     background: url('/static/media/IVS.89fa828e.png');
     background-size: cover;
}


 @text-color:@textColorNo5;
 @primary-color: @btnNormalColorNo1;


 @tabBackGroundColor:@firstNavBgColorNo12;