margin-top: 5/@px-unit !important;
}
 .m-mt-7 {
     margin-top: 7/@px-unit !important;
}
 .m-mt-8 {
     margin-top: 8/@px-unit!important;
}
 .m-mt-10 {
     margin-top: 10/@px-unit !important;
}
 .m-mt-11 {
     margin-top: 11/@px-unit !important;
}
 .m-mt-12 {
     margin-top: 12/@px-unit !important;
}
 .m-mt-15 {
     margin-top: 15/@px-unit !important;
}
 .m-mt-16 {
     margin-top: 16/@px-unit !important;
}
 .m-mt-18 {
     margin-top: 18/@px-unit !important;
}
 .m-mt-20 {
     margin-top: 20/@px-unit !important;
}
 .m-mt-30 {
     margin-top: 30/@px-unit !important;
}
 .m-mt-40 {
     margin-top: 40/@px-unit !important;
}
 .m-mt-42 {
     margin-top: 42/@px-unit !important;
}
 .m-mt-32 {
     margin-top: 32/@px-unit !important;
}
 .m-mt-35 {
     margin-top: 35/@px-unit !important;
}
 .m-mt-36 {
     margin-top: 36/@px-unit !important;
}
 .m-mt-44 {
     margin-top: 44/@px-unit !important;
}
 .m-mt-50 {
     margin-top: 50/@px-unit !important;
}
 .m-mt-60 {
     margin-top: 60/@px-unit !important;
}
 .m-mt-70 {
     margin-top: 70/@px-unit !important;
}
 .m-mt-72 {
     margin-top: 72/@px-unit !important;
}
 .m-mt-100 {
     margin-top: 100/@px-unit !important;
}
 .m-mt-120 {
     margin-top: 120/@px-unit !important;
}
 .m-mt-180 {
     margin-top: 180/@px-unit !important;
}
 .m-mt-210 {
     margin-top: 210/@px-unit !important;
}
 .m-mt-f2 {
     margin-top: -2/@px-unit !important;
}
 .m-mt-f3 {
     margin-top: -3/@px-unit !important;
}
 .m-mt-f4 {
     margin-top: -4/@px-unit !important;
}
 .m-mt-f5 {
     margin-top: -5/@px-unit !important;
}
 .m-mt-f6 {
     margin-top: -5/@px-unit !important;
}
 .m-mt-f8 {
     margin-top: -8/@px-unit !important;
}
 .m-mt-f9 {
     margin-top: -9/@px-unit !important;
}
 .m-mt-f10 {
     margin-top: -10/@px-unit !important;
}
 .m-mt-f12 {
     margin-top: -12/@px-unit !important;
}
 .m-mt-f15 {
     margin-top: -15/@px-unit !important;
}
 .m-mt-f20 {
     margin-top: -20/@px-unit !important;
}
 .m-mt-f32 {
     margin-top: -32/@px-unit !important;
}
 .m-mt-f40 {
     margin-top: -40/@px-unit !important;
}

 .m-mb-0 {
     margin-bottom: 0 !important;
}
 .m-mb-5 {
     margin-bottom: 5/@px-unit !important;
}
 .m-mb-8 {
     margin-bottom: 8/@px-unit !important;
}
 .m-mb-10 {
     margin-bottom: 10/@px-unit !important;
}
 .m-mb-12 {
     margin-bottom: 12/@px-unit !important;
}
 .m-mb-15 {
     margin-bottom: 15/@px-unit !important;
}
 .m-mb-16 {
     margin-bottom: 16/@px-unit !important;
}
 .m-mb-14 {
     margin-bottom: 14/@px-unit !important;
}
 .m-mb-20 {
     margin-bottom: 20/@px-unit !important;
}
 .m-mb-30 {
     margin-bottom: 30/@px-unit !important;
}
 .m-mb-40 {
     margin-bottom: 40/@px-unit !important;
}
 .m-mb-2 {
     margin-bottom: 24/@px-unit !important;
}
 .m-mb-30 {
     margin-bottom: 30/@px-unit !important;
}
 .m-mb-80 {
     margin-bottom: 80/@px-unit !important;
}
 .m-mb-130 {
     margin-bottom: 130/@px-unit !important;
}
 .ant-form {
     color: inherit !important;
}
 .safeopr-alert-wrapper {
     padding-top: 8/@px-unit;
     padding-bottom: 8/@px-unit;
}
 .label-flex-container {
     display: flex;
     align-items: center;
     height: 48/@px-unit;
     padding: 8/@px-unit 0;
}
 .sdd-form-container {
     white-space: nowrap;
     .sdd-form-list-wrapper {
         display: inline-block;
         vertical-align: top;
         margin-right: 2.85714286rem;
         margin-left: 2.85714286rem;
         &:first-of-type {
             margin-left: 0.00000000rem;
        }
         &:last-of-type {
             margin-right: 0.00000000rem;
        }
    }
}
 .operator-icon {
     font-size: 30/@px-unit;
}
 .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
     margin-left: 12/@px-unit;
}
 .m-p-0 {
     padding: 0 !important;
}
 .m-p-5 {
     padding: 5/@px-unit !important;
}
 .m-p-12 {
     padding: 12/@px-unit !important;
}
 .m-p-15 {
     padding: 15/@px-unit !important;
}

 .m-pl-0 {
     padding-left: 0 !important;
}
 .m-pl-5 {
     padding-left: 5/@px-unit !important;
}
 .m-pl-6 {
     padding-left: 6/@px-unit !important;
}
 .m-pl-7 {
     padding-left: 7/@px-unit !important;
}
 .m-pl-8 {
     padding-left: 8/@px-unit !important;
}
 .m-pl-10 {
     padding-left: 10/@px-unit !important;
}
 .m-pl-12 {
     padding-left: 12/@px-unit !important;
}
 .m-pl-13 {
     padding-left: 13/@px-unit !important;
}
 .m-pl-15 {
     padding-left: 15/@px-unit !important;
}
 .m-pl-17 {
     padding-left: 17/@px-unit !important;
}
 .m-pl-20 {
     padding-left: 20/@px-unit !important;
}
 .m-pl-24 {
     padding-left: 24/@px-unit !important;
}
 .m-pl-25 {
     padding-left: 25/@px-unit !important;
}
 .m-pl-30 {
     padding-left: 30/@px-unit !important;
}
 .m-pl-35 {
     padding-left: 35/@px-unit !important;
}
 .m-pl-37 {
     padding-left: 37/@px-unit !important;
}
 .m-pl-40 {
     padding-left: 40/@px-unit !important;
}
 .m-pl-43 {
     padding-left: 43/@px-unit !important;
}
 .m-pl-45 {
     padding-left: 45/@px-unit !important;
}
 .m-pl-50 {
     padding-left: 50/@px-unit !important;
}
 .m-pl-60 {
     padding-left: 60/@px-unit !important;
}
 .m-pl-70 {
     padding-left: 70/@px-unit !important;
}

 .m-pr-0 {
     padding-right: 0 !important;
}
 .m-pr-5 {
     padding-right: 5/@px-unit !important;
}
 .m-pr-6 {
     padding-right: 6/@px-unit !important;
}
 .m-pr-8 {
     padding-right: 8/@px-unit !important;
}
 .m-pr-10 {
     padding-right: 10/@px-unit !important;
}
 .m-pr-12 {
     padding-right: 12/@px-unit !important;
}
 .m-pr-15 {
     padding-right: 15/@px-unit !important;
}
 .m-pr-20 {
     padding-right: 20/@px-unit !important;
}
 .m-pr-30 {
     padding-right: 30/@px-unit !important;
}
 .m-pr-40 {
     padding-right: 40/@px-unit !important;
}
 .m-pr-84 {
     padding-right: 84/@px-unit !important;
}
 .m-pr-114 {
     padding-right: 114/@px-unit !important;
}

 .m-pt-0 {
     padding-top: 0;
}
 .m-pt-12 {
     padding-top: 12/@px-unit !important;
}
 .m-pt-24 {
     padding-top: 24/@px-unit !important;
}
 .m-pt-1 {
     padding-top: 1/@px-unit !important;
}
 .m-pt-3 {
     padding-top: 3/@px-unit !important;
}
 .m-pt-5 {
     padding-top: 5/@px-unit !important;
}
 .m-pt-8 {
     padding-top: 8/@px-unit !important;
}
 .m-pt-10 {
     padding-top: 10/@px-unit !important;
}
 .m-pt-15 {
     padding-top: 15/@px-unit !important;
}
 .m-pt-20 {
     padding-top: 20/@px-unit !important;
}
 .m-pt-35 {
     padding-top: 35/@px-unit !important;
}
 .m-pt-48 {
     padding-top: 48/@px-unit !important;
}

 .m-pb-0 {
     padding-bottom: 0 !important;
}
 .m-pb-2 {
     padding-bottom: 2/@px-unit !important;
}
 .m-pb-8 {
     padding-bottom: 8/@px-unit !important;
}
 .m-pb-10 {
     padding-bottom: 10/@px-unit !important;
}
 .m-pb-48 {
     padding-bottom: 48/@px-unit !important;
}
 .m-pb-108 {
     padding-bottom: 108/@px-unit !important;
}
 .m-pos-abs {
     position: absolute !important;
}
 .m-pos-static {
     position: static !important;
}
 .m-pos-r {
     position: relative !important;
}

 .m-top-0 {
     top: 0 !important;
}
 .m-top-10 {
     top: 10/@px-unit !important;
}
 .m-top-72 {
     top: 72/@px-unit !important;
}
 .m-top-90 {
     top: 90/@px-unit !important;
}
 .m-top-130 {
     top: 130/@px-unit !important;
}

 .m-bottom-0 {
     bottom: 0 !important;
}
 .m-bottom-2-4 {
     bottom: 2.4/@px-unit !important;
}
 .m-bottom-3 {
     bottom: 3/@px-unit !important;
}

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

 .m-right-16 {
     right: 16/@px-unit !important;
}
 .m-right-84 {
     right: 84/@px-unit !important;
}
 .m-right-124 {
     right: 124/@px-unit !important;
}
 .m-topmax {
     z-index: 10004 !important;
}
 .m-float-none {
     float: none !important;
}
 .m-float-left {
     float: left;
}
 .m-float-right {
     float: right !important;
}
 .m-clear-both {
     clear: both;
}
 .m-clearfix:after {
     content: '\20';
     display: block;
     height: 0;
     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);
}
 .m-flex-ver-hor-center {
     display: flex;
     align-items: center;
     justify-content: center;
}
 .m-display-flex {
     display: flex;
}
 .m-flex-end {
     display: flex;
     justify-content: flex-end;
}

 .m-fw-normal {
     font-weight: normal !important;
}
 .m-fw-bold {
     font-weight: bold !important;
}
 .m-fs-small {
     font-size: small;
}
 .m-fs-15 {
     font-size: 15/@px-unit;
}
 .m-fs-18 {
     font-size: 18/@px-unit;
}
 .m-fs-24 {
     font-size: 24/@px-unit;
}
 .m-fs-43 {
     font-size: 43/@px-unit;
}

 .m-lh-24 {
     line-height: 24/@px-unit;
}
 .m-lh-28 {
     line-height: 28/@px-unit;
}
 .m-lh-30 {
     line-height: 30/@px-unit;
}
 .m-lh-32 {
     line-height: 32/@px-unit;
}
 .m-lh-35 {
     line-height: 35/@px-unit;
}
 .m-lh-40 {
     line-height: 40/@px-unit !important;
}


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

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

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

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

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

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

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

 .m-cursor-notAllowed {
     cursor: not-allowed !important;
}
 .m-vertical-top {
     vertical-align: top !important;
}
 .m-vertical-middle {
     vertical-align: middle !important;
}
 .m-vertical-bottom {
     vertical-align: bottom !important;
}
 .m-vertical-text-bottom {
     vertical-align: text-bottom !important;
}
 .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-visibility-hidden {
     visibility: hidden !important;
}
 .m-display-hidden {
     display: none !important;
}
 .m-display-show {
     display: '' !important;
}
 .m-overflow-hidden {
     overflow: hidden !important;
}
 .m-overflow-initial {
     overflow: initial !important;
}
 .m-opacity-0 {
     opacity: 0;
}
 .m-ws-nowrap {
     white-space: nowrap;
}
 .m-text-ellipsis {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     vertical-align: middle;
}

 @current: #009cff;
 @btnNormalColorNo1: #1890ff;
 @btnHoverColorNo2: #40a9ff;
 @btnPressedColorNo3: #096dd9;
 @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;
 @errorColorNo17: #f5222d;
 @warnColorNo18: #fcac15;
 @successColorNo19: #52c41a;
 @linkColorNo20: #1890ff;
 @border-color:#e8e8e8;
 @export-color:#1890ff;
 @error-color: #f5222d;
 @iconDisabledColor: #686c72;

 @color-border: @listBorderColorNo8;
 @border-normal: 0.07142857rem solid @color-border;


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


 @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;

 @base-rem-size: 1.00000000rem;
 html, body {
     font-size: @base-rem-size;
}
 @media screen and (min-device-width: 214.28571429rem) {
     html, body {
         font-size: 2 * @base-rem-size;
    }
}

 @px-unit: 14rem;

 @tagOnlinebg: rgba(39, 208, 90, 0.1);
 @tagOnlineborder: rgba(39, 208, 90, 0.35);
 @tagOnlineColor: #27d05a;
 @tagOfflinebg: rgba(197, 205, 214, 0.2);
 @tagOfflineborder: #c5cdd6;
 @tagOfflineColor: #4e5c6b;
 @tagSwitchbg: rgba(28, 121, 244, 0.1);
 @tagSwitchColor: #1c79f4;
 @tagSwitchborder: rgba(28, 121, 244, 0.35);
 @tagSwitchAlarmbg: rgba(233, 70, 58, 0.1);
 @tagSwitchAlarmColor: #e9463a;
 @tagSwitchAlarmborder: rgba(233, 70, 58, 0.35);
 @tagSwitchWarnbg: rgba(248, 120, 45, 0.1);
 @tagSwitchWarnColor: #f8782d;
 @tagSwitchWarnborder: rgba(248, 120, 45, 0.35);

 ._CustomEmpty_ {
     width: 100%;
     height: 100%;
     margin: 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     .contentTitle {
         color: @neutral-fg-2-normal;
         font-weight: @font-weight-bold;
    }
     .ant-empty-description {
         .subDescription {
             margin-top: 8 / @px-unit;
        }
    }
     .ant-empty-image {
         width: 160 / @px-unit;
         height: 160 / @px-unit;
         background-size: 160 / @px-unit;
         background-repeat: no-repeat;
         background-image: url('../static/media/noData.20ed5c48.png');
    }
     .ant-empty-footer {
         margin-top: 8 / @px-unit;
    }
}
 ._FormButtonGroup_ {
     display: inline-flex;
     align-items: center;
}
 ._LabelSiderInput_ {
     .content {
         display: flex;
         align-items: center;
         justify-content: flex-start;
         .slider {
             width: 236 / @px-unit;
             margin-right: 0;
             margin-left: 0;
        }
         .label-flex-behind {
             width: 45 / @px-unit;
             margin-left: 4 / @px-unit;
        }
         .label-div-Container {
             margin-left: 12 / @px-unit;
        }
         .label-flex-container {
             padding: 0 !important;
             .ant-input-number, .labelInput, .labelInputNumber, .input {
                 width: 72 / @px-unit;
                 display: flex;
            }
        }
    }
}
 .custom-loading-modal {
     min-width: 180 / @px-unit;
     max-width: 360 / @px-unit;
     .ant-modal-body {
         padding: 16 / @px-unit;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         .icon {
             font-size: 32 / @px-unit;
             color: @brand-fg-1-normal;
             margin-bottom: 8 / @px-unit;
        }
    }
}
 .z-sections {
     border: 1 / @px-unit solid @neutral-stroke-2-normal;
     .z-sections-title {
         padding-left: 15 / @px-unit;
         padding-right: 15 / @px-unit;
         border-bottom: 1 / @px-unit solid @neutral-stroke-2-normal;
         line-height: 30 / @px-unit;
         .title-left {
             float: left;
             margin-bottom: 0;
             font-size: 14 / @px-unit;
             font-weight: bold;
        }
         .title-right {
             float: right;
        }
    }
     .z-sections-content {
         padding: 15 / @px-unit;
    }
     &.noline {
         border-top: none;
    }
     .row-lists > div {
         margin-bottom: 10 / @px-unit;
         &:last-child {
             margin-bottom: 0;
        }
    }
}
 ._UpgradeState_ {
     width: 360 / @px-unit !important;
     .ant-modal-body {
         padding: 52 / @px-unit 30 / @px-unit;
    }
}
 ._UserInfoModal_ {
     width: 440 / @px-unit !important;
     .ant-modal-body {
         width: 368 / @px-unit;
         margin: auto;
         .label-div-Container:last-child {
             .label-flex-container {
                 padding-bottom: 0 !important;
            }
        }
    }
}
 ._AlarmTasks_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container {
         height: 100%;
    }
     ._AlarmTasks_LayoutHeader_ {
         height: auto;
         .label-div-Container:first-child {
             .label-flex-container {
                 padding-top: 0 !important;
            }
        }
    }
     ._AlarmTasks_LayoutFooter_ {
         height: auto;
         margin-top: 16 / @px-unit;
    }
}
 ._AudioConfig_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container {
         height: 100%;
    }
     ._AudioConfig_LayoutHeader_ {
         height: auto;
         .label-div-Container:first-child {
             .label-flex-container {
                 padding-top: 0 !important;
            }
        }
    }
     ._AudioConfig_LayoutFooter_ {
         height: auto;
         margin-top: 16 / @px-unit;
    }
}
 ._AutoRegistration_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     ._AutoRegistration_LayoutContent_ {
         padding: 2 / @px-unit;
         margin: -2 / @px-unit;
         .label-div-Container:first-child {
             .label-flex-container {
                 padding-top: 0 !important;
            }
        }
    }
     ._AutoRegistration_LayoutFooter_ {
         height: auto;
         margin-top: 16 / @px-unit;
    }
}
 ._BasicSetting_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container {
         height: 100%;
    }
     ._BasicSetting_LayoutHeader_ {
         height: auto;
         .label-div-Container:first-child {
             .label-flex-container {
                 padding-top: 0 !important;
            }
        }
    }
     ._BasicSetting_LayoutFooter_ {
         height: auto;
         margin-top: 16 / @px-unit;
    }
}
 ._SAFECACertificate_ {
     width: 100%;
     height: 100%;
     padding: 24 / @px-unit;
     .Cert {
         height: 100%;
         overflow: auto;
         padding: 0;
    }
}
 .cert-other-modal, .cert-info-modal, .trust-install-modal {
     .globalSddDesignLabel, input {
         width: 320 / @px-unit !important;
    }
}
 .cert-info-modal {
     .label-div-Container:nth-child(5) {
         .vertical-wrap-comp {
             width: 320 / @px-unit !important;
        }
    }
}
 .cert-other-modal {
     .label-div-Container:nth-child(1), .label-div-Container:nth-child(4) {
         .vertical-wrap-comp {
             width: 320 / @px-unit !important;
        }
    }
}
 .trust-install-modal {
     .label-div-Container:nth-child(1) {
         .vertical-wrap-comp {
             width: 320 / @px-unit !important;
        }
    }
}
 ._ConfigManage_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container {
         height: 100%;
    }
     ._ConfigManage_LayoutHeader_ {
         height: auto;
    }
     ._ConfigManage_LayoutContent_ {
    }
     ._ConfigManage_LayoutFooter_ {
         height: auto;
    }
     .label-flex-container {
         padding-top: 0 !important;
    }
     .ant-input {
         width: 320 / @px-unit;
    }
}
 ._DDNS_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container {
         height: 100%;
    }
     ._DDNS_LayoutHeader_ {
         height: auto;
    }
     ._DDNS_LayoutContent_ {
    }
     ._DDNS_LayoutFooter_ {
         height: auto;
    }
     .enableTip {
         color: @status-error-fg-1-normal;
    }
     .testHostName {
         display: flex;
         align-items: center;
         white-space: nowrap;
         button {
             margin-right: 8 / @px-unit;
        }
    }
     .fn-red {
         color: @status-error-fg-1-normal;
    }
     .fn-green {
         color: @status-success-fg-1-normal;
    }
     .fn-blue {
         color: @brand-fg-1-normal;
    }
}
 .sideView-menu-page {
     ._DateTimeConfig_ {
         margin: 0;
         height: 100% !important;
         width: 100% !important;
    }
}
 ._DateTimeConfig_ {
     background-color: @neutral-bg-6-normal !important;
     .ant-spin-nested-loading, .ant-spin-container, .ant-layout {
         height: 100%;
    }
     .ant-layout {
         background-color: @neutral-bg-6-normal;
    }
     .title {
         font-size: 16 / @px-unit;
         font-weight: 700;
         margin-bottom: 16 / @px-unit;
    }
     .ant-picker, .ant-select, .ant-input-number, .ant-input {
         max-width: 320 / @px-unit;
         width: 100%;
    }
     ._DateTimeConfig_Content_ {
         margin-top: 16 / @px-unit;
         overflow-y: scroll;
    }
     ._DateTimeConfig_TimeZone_ {
         margin: 0 16 / @px-unit;
         padding: 24 / @px-unit;
         border-radius: 4 / @px-unit;
         background-color: @neutral-bg-4-normal;
         .time-format-setting-behind {
             .label-flex-container {
                 padding: 0 !important;
            }
        }
         .label-div-Container:first-child {
             .label-flex-container {
                 padding-top: 0 !important;
            }
        }
         .label-div-Container:last-child {
             .label-flex-container {
                 padding-bottom: 0 !important;
            }
        }
         ._Clock_ {
             padding: 16 / @px-unit 0;
             display: flex;
             flex-direction: row;
             border-bottom: 1 / @px-unit solid @neutral-stroke-2-normal;
             .clockCanvas {
                 width: 124 / @px-unit;
                 height: 124 / @px-unit;
            }
             .timeClock {
                 margin-left: 24 / @px-unit;
            }
        }
    }
     ._DateTimeConfig_DST_ {
         border-radius: 4 / @px-unit;
         margin: 12 / @px-unit 16 / @px-unit 0 16 / @px-unit;
         padding: 24 / @px-unit;
         background-color: @neutral-bg-4-normal;
         .title {
             margin-bottom: 8 / @px-unit;
        }
         .DST-week-container .label-vertical-flex-wrap {
             display: block;
             .vertical-wrap-comp {
                 float: left;
            }
        }
         .DST-week-behind {
             min-width: 1000 / @px-unit;
             float: left;
        }
         .week-select-behind {
             display: inline-block;
             float: left;
             padding: 0 !important;
             margin-right: 8 / @px-unit;
        }
         .label-div-Container:first-child {
             .label-flex-container {
                 padding-top: 0 !important;
            }
        }
         .label-div-Container:last-child {
             .label-flex-container {
                 padding-bottom: 0 !important;
            }
        }
    }
     ._DateTimeConfig_FooterButtonGroup_ {
         box-shadow: @shadow-1-up;
         margin-top: 16 / @px-unit !important;
         .label-flex-container {
             padding: 10 / @px-unit 0 !important;
        }
         ._FormButtonGroup_ {
             padding-left: 40 / @px-unit;
        }
    }
     @media screen and (max-width: 1611PX) {
         .DST-week-behind {
             padding-left: 0 !important;
             margin-top: 8 / @px-unit;
        }
    }
}
 ._FileManage_ {
     height: 100%;
     width: 100%;
     .ant-spin-nested-loading, .ant-spin-container, .ant-layout {
         height: 100%;
         border-radius: 4 / @px-unit;
    }
     ._FileManage_LayoutContent_ {
         flex: 1;
         padding: 24 / @px-unit;
         display: flex;
         flex-direction: column;
         .ant-layout-header {
             height: auto;
             line-height: normal;
             margin-bottom: 16 / @px-unit;
             display: flex;
             justify-content: space-between;
             .label-div-Container {
                 display: inline-block;
                 margin-left: 12 / @px-unit;
            }
             .label-flex-container {
                 padding: 0 !important;
            }
             .globalSddDesignLabel, .label-flex-wrapper {
                 width: auto !important;
            }
        }
         .ant-layout-content {
             flex: 1;
             .ant-table-cell {
                 .label-flex-container {
                     padding: 0 !important;
                }
            }
        }
         .ant-layout-footer {
             margin-top: 24 / @px-unit;
             line-height: normal;
        }
    }
}
 ._FileManage_UploadProgress_ {
     width: fit-content !important;
     min-width: 300 / @px-unit !important;
     max-width: 360 / @px-unit !important;
     .ant-modal-body {
         padding: 16 / @px-unit;
    }
     .ant-modal-footer {
         border-top: none;
         padding: 16 / @px-unit;
         height: auto;
         line-height: normal;
    }
     &.upLoading {
         width: 360 / @px-unit !important;
         .ant-modal-body {
             padding: 52 / @px-unit 30 / @px-unit;
        }
    }
     .uploadResult {
         margin-top: 8 / @px-unit;
         margin-left: 28 / @px-unit;
         min-height: 22 / @px-unit;
         line-height: 22 / @px-unit;
    }
     .uploadResultTitle {
         color: @neutral-fg-2-normal;
         font-weight: 700;
    }
     .uploadResultIcon {
         font-size: 20 / @px-unit;
         color: @status-success-fg-1-normal;
         &.uploadFailed {
             color: @status-error-fg-1-normal;
        }
    }
     .footer {
         margin-top: 12 / @px-unit;
         display: flex;
         justify-content: flex-end;
         button:not(:first-child) {
             margin-left: 12 / @px-unit;
        }
    }
}
 .ErrorDetailModalWrapper {
     width: 832 / @px-unit !important;
     .errorContent {
         height: 531 / @px-unit;
         overflow-y: auto;
    }
     .ant-modal-body {
         padding: 16 / @px-unit !important;
    }
     .ant-row {
         height: 40 / @px-unit;
         display: flex;
         align-items: center;
         padding-left: 50 / @px-unit;
    }
     .rowTitle {
         height: 44 / @px-unit;
         background-color: @neutral-bg-4-hover;
    }
}
 .design-icon[labelcomponentname] {
     &:hover {
         color: @neutral-fg-on-color;
    }
}
 .homepage-header {
     .logo {
         font-size: 160 / @px-unit;
         width: 160 / @px-unit;
         height: 56 / @px-unit;
         display: flex;
         justify-content: center;
         align-items: center;
         overflow: hidden;
         background-image: url('../static/media/defaultLogo/logo.b6a7e7c2.png');
         background-repeat: no-repeat;
         background-size: cover;
    }
     .top-menu-left {
         cursor: default;
    }
}
 @media screen and (min-device-width: 3000PX) {
     .homepage-header {
         .logo {
             background-image: url('../static/media/defaultLogo/logo_4k.db683c7b.png');
        }
    }
}
 .langMenus {
     top: 60 / @px-unit !important;
}
 .lang-button {
     width: auto;
     display: flex;
     align-items: center;
     margin-left: 12 / @px-unit;
}
 .Talk {
     display: flex;
     align-items: center;
     .talkBtn {
         &:hover {
             color: @status-success-fg-1-normal !important;
        }
    }
     .active {
         color: @status-success-fg-1-normal;
    }
}
 .user-button {
     width: auto;
     .user-name {
         margin-left: 12 / @px-unit;
    }
}
 ._SAFEHttps_ {
     height: 100%;
     width: 100%;
     ._publicHttps_ {
         padding: 24 / @px-unit;
         .auto-jump-https {
             .label-vertical-flex {
                 width: auto !important;
            }
        }
    }
}
 ._IPSet_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container {
         height: 100%;
    }
     ._IPSet_LayoutContent_ {
         padding: 2 / @px-unit;
         margin: -2 / @px-unit;
         .label-div-Container:first-child {
             .label-flex-container {
                 padding-top: 0 !important;
            }
        }
    }
     ._IPSet_LayoutFooter_ {
         height: auto;
         margin-top: 16 / @px-unit;
    }
     .ipv6-input {
         width: 320 / @px-unit;
    }
}
 ._Init_ {
     height: 100%;
     width: 100%;
     background-color: @neutral-bg-4-normal;
     .ant-layout {
         height: 100%;
    }
     .ant-layout-header {
         height: 56 / @px-unit;
         line-height: normal;
    }
     .header-menu {
         @topMenuHeight: 56 / @px-unit;
         width: 100%;
         line-height: @topMenuHeight;
         height: @topMenuHeight;
         background-color: @topMenu_dark_bg_color;
         color: @topMenu_dark_text_color;
         z-index: 1000;
         min-width: 1280 / @px-unit;
         width: 100%;
         display: flex;
         .header-menu-left {
             height: @topMenuHeight;
             position: relative;
             cursor: pointer;
             font-size: 20 / @px-unit;
             display: flex;
             flex-direction: row;
             align-items: center;
             margin-right: 16 / @px-unit;
             .ant-divider {
                 margin-left: 8 / @px-unit;
                 margin-right: 0;
            }
        }
         .header-menu-right {
             height: @topMenuHeight;
             position: relative;
             padding-right: 24 / @px-unit;
             display: flex;
             justify-content: flex-end;
             align-items: center;
             margin-left: 24 / @px-unit;
             .lang-button {
                 margin-left: 0;
                 margin-right: 12 / @px-unit;
            }
        }
         .header-menu-logo {
             font-size: 160 / @px-unit;
             width: 160 / @px-unit;
             height: 56 / @px-unit;
             display: flex;
             justify-content: center;
             align-items: center;
             overflow: hidden;
             margin-left: 16 / @px-unit;
             margin-right: 8 / @px-unit;
        }
         .logo {
             background-image: url('../static/media/defaultLogo/logo.b6a7e7c2.png');
             background-repeat: no-repeat;
             background-size: cover;
        }
         .header-menu-middle {
             flex: 1;
             overflow: hidden;
             height: @topMenuHeight;
             background-color: @topMenu_dark_bg_color;
             color: @topMenu_dark_text_color;
             display: flex;
             align-items: center;
        }
         .ant-divider {
             height: 16 / @px-unit;
             background: rgba(@neutral-stroke-2-normal, 0.2);
             border-left-color: rgba(@neutral-stroke-2-normal, 0.2);
             margin: 0 12 / @px-unit;
        }
         .header-menu-span {
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             display: block;
             max-width: 152 / @px-unit;
             & > span {
                 vertical-align: middle;
            }
        }
         .header-menu-item {
             max-width: 176 / @px-unit;
             overflow: hidden;
             height: 28 / @px-unit;
             padding: 4 / @px-unit 12 / @px-unit;
             background-color: @topMenu_dark_tab_select_bg_color;
             color: @neutral-fg-on-color;
             border-radius: 4 / @px-unit;
             line-height: 20 / @px-unit;
             cursor: pointer;
        }
    }
     ._Init_Container_ {
         height: 100%;
         padding: 80 / @px-unit 160 / @px-unit 40 / @px-unit 160 / @px-unit;
         ._Init_Content_ {
             background: @neutral-bg-4-normal;
             margin: auto;
        }
    }
     ._Init_Form_ {
         padding-bottom: 32 / @px-unit;
         width: 320 / @px-unit;
         margin: auto;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         .title {
             font-weight: 700;
             text-align: center;
             margin-bottom: 16 / @px-unit;
        }
         .reset-check-label {
             display: flex;
             align-items: center;
        }
    }
     ._Init_Button_ {
         display: flex;
         justify-content: center;
         .previous-btn {
             width: 154 / @px-unit;
        }
         .finish-btn {
             width: 154 / @px-unit;
             margin-left: 12 / @px-unit;
        }
    }
     ._Init-Finish_ {
         width: 100%;
         height: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         svg {
             font-size: 80 / @px-unit;
             color: @status-success-bg-1-normal;
        }
         .initDone {
             font-size: 18 / @px-unit;
             font-weight: 700;
             margin-top: 24 / @px-unit;
        }
         .reloadTip {
             margin-top: 8 / @px-unit;
             margin-bottom: 24 / @px-unit;
             color: @neutral-fg-2-normal;
             display: block;
        }
    }
}
 @media screen and (min-device-width: 3000PX) {
     ._Init_ {
         .header-menu {
             .logo {
                 background-image: url('../static/media/defaultLogo/logo_4k.db683c7b.png');
            }
        }
    }
}
 .Login-Form {
     background-color: @neutral-bg-4-normal;
     width: 400 / @px-unit;
     padding: 48 / @px-unit 40 / @px-unit;
     border-radius: 4 / @px-unit;
     .welcome {
         color: @brand-fg-1-normal;
         font-size: 18 / @px-unit;
         font-weight: 700;
         line-height: 26 / @px-unit;
         margin-bottom: 8 / @px-unit;
    }
     .ant-input-affix-wrapper {
         height: 40 / @px-unit;
    }
     .login-icon, .pd-default, .pd-active {
         color: @neutral-fg-3-normal;
         font-size: 20 / @px-unit !important;
    }
     .login-button {
         width: 100%;
         height: 40 / @px-unit;
         border-radius: 4 / @px-unit;
         margin-top: 16 / @px-unit;
    }
     .login-forget {
         width: 100%;
         text-align: right;
         font-weight: 400;
         margin-top: 8 / @px-unit;
         .ant-btn {
             padding: 0;
             border: none;
             height: 22 / @px-unit;
             > span {
                 height: 22 / @px-unit;
            }
        }
    }
     .login-tip {
         margin-top: 16 / @px-unit;
         font-weight: 400;
         line-height: 22 / @px-unit;
         color: @status-error-bg-1-normal;
    }
}
 .login-box {
     z-index: 2;
     .login-title {
         height: 88 / @px-unit;
         margin-top: -96 / @px-unit;
         margin-bottom: 8 / @px-unit;
         display: flex;
         justify-content: center;
         align-items: center;
         .anticon {
             font-size: 400 / @px-unit;
        }
    }
     .loginLogo {
         background-image: url('../static/media/defaultLogo/loginlogo.85a360a6.png');
         background-repeat: no-repeat;
         background-size: cover;
    }
}
 .login-container {
     height: 100%;
     width: 100%;
     &.hideLogin {
         display: none;
    }
}
 .login-backgroundImage {
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     background-size: cover;
     background-image: url('../static/media/login_bg.822fd268.png');
}
 @media screen and (min-device-width: 3000PX) {
     .login-backgroundImage {
         background-image: url('../static/media/login_bg_4k.aca53c0d.png');
    }
     .login-box {
         .loginLogo {
             background-image: url('../static/media/defaultLogo/loginlogo_4k.13a29a16.png');
        }
    }
}
 ._MaintainManage_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .tips {
         color: @neutral-fg-4-normal;
         margin-top: 4 / @px-unit;
         margin-bottom: 16 / @px-unit;
    }
}
 ._Authentication_Modal_ {
     width: 440 / @px-unit !important;
     .ant-modal-body {
         width: 368 / @px-unit;
         margin: auto;
    }
     .title {
         font-weight: 700;
         text-align: center;
         margin-bottom: 8 / @px-unit;
    }
}
 ._NetCapture_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container {
         height: 100%;
    }
     ._NetCapture_LayoutHeader_ {
         height: auto;
    }
     ._NetCapture_LayoutContent_ {
    }
     ._NetCapture_LayoutFooter_ {
         height: auto;
    }
     .ipAndPortWrap {
         display: flex;
         .label-div-Container {
             &:first-child {
                 width: 60%;
            }
             &:last-child {
                 width: 30%;
            }
             .label-flex-container, .label-vertical-flex-wrap {
                 width: 100%;
            }
             .vertical-wrap-comp {
                 width: 100% !important;
            }
             .label-flex-container {
                 padding: 0 !important;
            }
        }
    }
     .separation {
         display: flex;
         align-items: center;
         padding: 0 8 / @px-unit;
    }
}
 ._ONVIF_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container {
         height: 100%;
    }
     ._ONVIF_LayoutHeader_ {
         height: auto;
         .label-div-Container:first-child {
             .label-flex-container {
                 padding-top: 0 !important;
            }
        }
    }
     ._ONVIF_LayoutFooter_ {
         height: auto;
         margin-top: 16 / @px-unit;
    }
}
 ._ONVIFUserManage_ {
     height: 100%;
     width: 100%;
     .ant-spin-nested-loading, .ant-spin-container, .ant-layout {
         height: 100%;
         border-radius: 4 / @px-unit;
    }
     ._ONVIFUserManage_LayoutContent_ {
         flex: 1;
         padding: 24 / @px-unit;
         display: flex;
         flex-direction: column;
         .ant-layout-header {
             height: auto;
             line-height: normal;
             margin-bottom: 16 / @px-unit;
             display: flex;
             justify-content: space-between;
        }
         .ant-layout-content {
             flex: 1;
        }
         .ant-layout-footer {
             margin-top: 24 / @px-unit;
             line-height: normal;
        }
    }
}
 ._OnlineUser_ {
     width: 100%;
     height: 100%;
     .ant-layout {
         height: 100%;
         border-radius: 4 / @px-unit;
    }
     .ant-layout-header {
         height: auto;
         line-height: normal;
         margin-bottom: 16 / @px-unit;
    }
     ._OnlineUser_LayoutContent_ {
         flex: 1;
         display: flex;
         padding: 24 / @px-unit;
         flex-direction: column;
         .ant-layout-content {
             flex: 1;
        }
         .ant-layout-footer {
             margin-top: 24 / @px-unit;
             line-height: normal;
        }
    }
}
 ._OpenSourceLicense_ {
     padding: 24 / @px-unit;
     height: 100%;
     width: 100%;
     pre {
         width: 100%;
         height: 100%;
         padding: 0 / @px-unit;
         margin-bottom: 0;
         word-break: break-word;
         white-space: pre-wrap;
    }
}
 ._PasswordReset_ {
     width: 900 / @px-unit !important;
     .ant-modal-body {
         height: 520 / @px-unit;
    }
     .ant-steps {
         padding: 0 168 / @px-unit;
         margin-bottom: 24 / @px-unit;
    }
     ._ResetMode_ {
         display: flex;
         flex-direction: row;
         .title {
             font-size: 16 / @px-unit;
             font-weight: 700;
             margin-bottom: 16 / @px-unit;
        }
         .deviceInfo {
             width: 272 / @px-unit;
        }
         .message {
             border: 1 / @px-unit solid @neutral-stroke-2-normal;
             padding: 24 / @px-unit;
             border-radius: 4 / @px-unit;
             height: 272 / @px-unit;
             margin-bottom: 8 / @px-unit;
        }
         .official-email {
             font-weight: 700;
        }
         .under-wrapper {
             color: @status-error-bg-1-normal;
        }
    }
     ._QRCode_ {
         .label-div-Container:first-child {
             .label-flex-container {
                 padding-top: 0 !important;
            }
        }
         .label-div-Container:last-child {
             .label-flex-container {
                 padding-bottom: 0 !important;
            }
        }
    }
     ._SetPassword_ {
         width: 320 / @px-unit;
         margin: auto;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         .label-div-Container:last-child {
             .label-flex-container {
                 padding-bottom: 0 !important;
            }
        }
    }
}
 ._ConfrimResetTip_ {
     .ant-modal-confirm-content {
         margin-left: 28 / @px-unit;
    }
}
 ._Ping_ {
     .ant-layout {
         height: 100%;
         background-color: @neutral-bg-6-normal;
    }
     .test-result {
         font-size: 14 / @px-unit;
         font-weight: 700;
         margin-bottom: 16 / @px-unit;
    }
     ._Ping_LayoutHeader_ {
         border-radius: 4 / @px-unit;
         padding: 24 / @px-unit;
         height: auto;
         line-height: normal;
         margin-bottom: 12 / @px-unit;
         .labelText-wrapper {
             min-height: 32 / @px-unit;
        }
         .label-flex-container {
             padding: 0 !important;
        }
    }
     ._Ping_LayoutContent_ {
         background-color: @neutral-bg-4-normal;
         border-radius: 4 / @px-unit;
         padding: 24 / @px-unit;
         .ant-input {
             width: 400 / @px-unit;
        }
    }
     ._Ping_LayoutFooter_ {
         height: auto;
         margin-top: 10 / @px-unit;
    }
}
 ._PortInfo_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container {
         height: 100%;
    }
     ._PortInfo_LayoutContent_ {
         padding: 2 / @px-unit;
         margin: -2 / @px-unit;
         .label-div-Container:first-child {
             .label-flex-container {
                 padding-top: 0 !important;
            }
        }
    }
     ._PortInfo_LayoutFooter_ {
         height: auto;
         margin-top: 16 / @px-unit;
    }
}
 ._ProjectTask_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container {
         height: 100%;
    }
     .ant-layout {
         height: 100%;
    }
     ._ProjectTask_LayoutHeader_ {
         margin-bottom: 16 / @px-unit;
         display: flex;
         justify-content: space-between;
    }
}
 .ProjectTaskDrawer {
     .ant-drawer-content-wrapper {
         width: 420 / @px-unit !important;
    }
     .ant-drawer-body {
         padding: 0 !important;
    }
}
 ._RunLog_ {
     ._RunLog_Layout_ {
         height: 100%;
         background-color: @neutral-bg-6-normal;
         .label-flex-container {
             padding-top: 0 !important;
             padding-bottom: 16 / @px-unit !important;
        }
    }
     ._RunLog_Header_ {
         border-radius: 4 / @px-unit;
         padding: 24 / @px-unit;
         height: auto;
         line-height: normal;
         margin-bottom: 12 / @px-unit;
    }
     ._RunLog_Content_ {
         background-color: @neutral-bg-4-normal;
         border-radius: 4 / @px-unit;
         padding: 24 / @px-unit;
         .label-flex-behind {
             padding-left: 16 / @px-unit;
        }
         .ant-table-cell .anticon {
             font-size: 20 / @px-unit;
        }
    }
}
 ._SIP_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container {
         height: 100%;
    }
     ._SIP_LayoutContent_ {
         padding: 2 / @px-unit;
         margin: -2 / @px-unit;
         .label-div-Container:first-child {
             .label-flex-container {
                 padding-top: 0 !important;
            }
        }
    }
     ._SIP_LayoutFooter_ {
         height: auto;
         margin-top: 16 / @px-unit;
    }
}
 ._StorageManage_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container {
         height: 100%;
    }
     ._StorageManage_LayoutHeader_ {
         height: auto;
    }
     ._StorageManage_LayoutContent_ {
    }
     ._StorageManage_LayoutFooter_ {
         height: auto;
    }
     .spaceInfo {
         width: 300 / @px-unit;
         .info {
             display: flex;
             justify-content: space-between;
             align-items: center;
             height: 22 / @px-unit;
             transform: translateY(8 / @px-unit);
        }
         .ant-btn {
             padding: 0 !important;
        }
    }
}
 ._SystemLog_ {
     height: 100%;
     width: 100%;
     padding: 24 / @px-unit;
     .ant-spin-nested-loading, .ant-spin-container, .ant-layout {
         height: 100%;
         border-radius: 4 / @px-unit;
    }
     ._SystemLog_LayoutHeader_ {
         height: auto;
         line-height: normal;
         margin-bottom: 32 / @px-unit;
         .ant-col-6 {
             padding-right: 24 / @px-unit;
             min-width: 344 / @px-unit;
        }
         .label-flex-container {
             display: flex;
             flex-direction: column;
             padding: 0 !important;
        }
         .ant-btn {
             margin-top: 32 / @px-unit;
        }
         .encrySwitch {
             position: relative;
             .label-flex-wrapper {
                 width: 40 / @px-unit !important;
            }
             .label-flex-behind {
                 width: 280 / @px-unit !important;
                 position: absolute;
                 top: 32 / @px-unit;
                 left: 40 / @px-unit;
            }
        }
    }
     ._SystemLog_LayoutContent_ {
         flex: 1;
         display: flex;
         flex-direction: column;
         overflow: hidden;
         .ant-table-wrapper, .ant-table, .ant-table-container {
             height: 100%;
        }
         @tableHeader: 44 / @px-unit;
         .ant-table-body {
             max-height: calc(100% - @tableHeader) !important;
        }
    }
     ._SystemLog_LayoutFooter_ {
         height: auto;
         margin-top: 24 / @px-unit;
         line-height: normal;
    }
}
 .sideView-menu-page:not(.collapsedMenu) {
     ._SystemLog_ {
         @media screen and (max-width: 1655PX) {
             .btn-operate {
                 min-width: 100% !important;
                 padding-right: 0 !important;
                 text-align: right;
                 .ant-btn {
                     margin-top: 12 / @px-unit !important;