left: 12rem;
         margin-top: 1.07142857rem;
    }
     .car-confirm-button {
         left: 4rem;
    }
     .over-hide-col {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
    }
     .car-rule-spin{
         position: absolute;
         z-index: 9;
         top: 50%;
         right: 0;
         bottom: 0;
         left: 0;
         margin: auto;
    }
}
 ._IvsScene_ {
     padding-top: inherit;
     @videoWidth: 32.14285714rem;
     @videoHeight: 24.07142857rem;
     background: @contentBgColorNo15;
     min-height: calc(100vh - 7.14285714rem);
     .AI-step {
         display: inline-flex;
         align-items: center;
         width: 100%;
         border-bottom: 0.07142857rem solid @dividerColorNo9;
    }
     .step-content {
         min-height: 80%;
    }
     .border-row {
         border: 0.07142857rem solid @dividerColorNo9;
         margin: 0 1.14285714rem 1.14285714rem 1.14285714rem;
    }
     .row-title {
         display: inline-flex;
         align-items: center;
         border-bottom: 0.07142857rem solid @dividerColorNo9;
         font-weight: bolder;
         width: 100%;
         padding: 0.42857143rem 1.14285714rem 0.42857143rem 1.00000000rem;
    }
     .content-row {
         margin: 0 1.14285714rem 1.14285714rem 1.14285714rem;
    }
     .step-button-content {
         display: inline-flex;
         align-items: center;
         width: 100%;
         border-top: 0.07142857rem solid @dividerColorNo9;
         .step-button {
             padding: 1.07142857rem 1.14285714rem 1.14285714rem 1.14285714rem;
             width: 8rem;
        }
         .step-scene {
             position: relative;
             left: 11rem;
        }
         .step-car-set {
             left: 8rem;
        }
         .com-button {
             margin-right: 0.71428571rem;
        }
    }
     ._AISolution_ {
         .content-title {
             line-height: 2.85714286rem;
             align-items: center;
             display: inline-flex;
             width: 100%;
             padding: 1.14285714rem 1.14285714rem 0 1.14285714rem;
        }
         .pic-row {
             padding: 1.14285714rem 2.28571429rem 2.28571429rem 2.28571429rem;
             display: inline-flex;
             width: 100%;
             align-items: center;
             .pic-content {
                 margin: 0 4.28571429rem 0 0;
                 position: relative;
                 cursor: pointer;
                 user-select: none;
                 height: 10.00000000rem;
                 .pic-text {
                     text-align: center;
                     width: 7.14285714rem;
                     display: inline-block;
                }
                 .img-check {
                     position: absolute;
                     left: 6.00000000rem;
                     top: -0.21428571rem;
                }
                 .ElecPolice {
                     width: 7.14285714rem;
                     height: 7.14285714rem;
                     background-image: url(/static/media/ivs_gv.eace955f.png);
                     object-fit: cover;
                }
                 .Traffic {
                     width: 7.14285714rem;
                     height: 7.14285714rem;
                     background-image: url(/static/media/ivs_gv.eace955f.png);
                     object-fit: cover;
                }
                 .PedestrainPri {
                     width: 7.14285714rem;
                     height: 7.14285714rem;
                     background-image: url(/static/media/ivs_gv.eace955f.png);
                     object-fit: cover;
                }
                 .PedestrainRunRL {
                     width: 7.14285714rem;
                     height: 7.14285714rem;
                     background-image: url(/static/media/ivs_gv.eace955f.png);
                     object-fit: cover;
                }
                 .TrafficEvent {
                     width: 7.14285714rem;
                     height: 7.14285714rem;
                     background-image: url(/static/media/ivs_event.b7de0cd8.png);
                     object-fit: cover;
                }
                 .selectElecPolice {
                     background-image: url(/static/media/ivs_gv_select.1652d71f.png);
                }
                 .selectTraffic {
                     background-image: url(/static/media/ivs_gv_select.1652d71f.png);
                }
                 .selectPedestrainPri {
                     background-image: url(/static/media/ivs_gv_select.1652d71f.png);
                }
                 .selectPedestrainRunRL {
                     background-image: url(/static/media/ivs_gv_select.1652d71f.png);
                }
                 .selectTrafficEvent {
                     background-image: url(/static/media/ivs_event_select.b5ad4e9d.png);
                }
            }
        }
         .button-row {
             padding: 1.42857143rem 1.14285714rem 0 1.14285714rem;
        }
         .solution-button {
             position: absolute;
             left: 20rem;
             margin-top: 1.07142857rem;
             width: 5.28571429rem;
        }
         .solu-default-button {
             left: 27rem;
        }
         .solution-border {
             border-top: 0.07142857rem solid #d7d7d7;
        }
    }
     ._TrafficLightConfig_ {
         height: 100%;
         .m-layout-content;
         .item-row {
             border: 0.07142857rem solid @listBorderColorNo8;
             .m-mb-24;
             .item-title {
                 .m-fw-bold;
                 .m-ml-16;
                 .m-layout-item;
            }
             .item-content {
                 .m-layout-content;
                 .ant-table-thead;
            }
             .form-item {
                 .m-mr-40;
            }
        }
         .ui-title {
             .m-fw-bold;
             .m-layout-item;
        }
         .selected-row {
             background-color: @secondNavHoverColorNo14;
        }
         .unselected-row {
             background-color: @contentBgColorNo15;
        }
         [class^="traffic-icon-"] {
             background-image: url(/static/media/iconL.d5db2e1f.png);
             background-repeat: no-repeat;
        }
         [class^= "traffic-icon-"] {
             float: left;
             display: block;
             width: 1.07142857rem;
             height: 1.14285714rem;
             margin-top: 0.14285714rem;
             margin-right: 0.14285714rem;
        }
         .traffic-icon-prev {
             background-position: -4.28571429rem 0;
        }
         .traffic-icon-left {
             background-position: -5.35714286rem 0;
        }
         .traffic-icon-right {
             background-position: -6.42857143rem 0;
        }
         .traffic-icon-back {
             background-position: -7.50000000rem 0;
        }
         min-width: 68.57142857rem;
         min-height: 42.85714286rem;
         .video-container {
             .video-plugin {
                 width: @videoWidth;
                 height: @videoHeight;
                 background-color: #000;
                 display: inline-block;
            }
        }
    }
}
 .solution-modal {
     .solution-title-icon {
         color: @warnColorNo18;
         height: 1.71428571rem;
         width: 1.71428571rem;
    }
     .solution-text {
         color: @disableColorNo7;
    }
}
 .ui-modal-container {
     [class^="traffic-icon-"] {
         background-image: url(/static/media/iconL.d5db2e1f.png);
         background-repeat: no-repeat;
    }
     [class^= "traffic-icon-"] {
         float: left;
         display: block;
         width: 1.07142857rem;
         height: 1.14285714rem;
         margin-top: 0.14285714rem;
         margin-right: 0.14285714rem;
    }
     .traffic-icon-prev {
         background-position: -4.28571429rem 0;
    }
     .traffic-icon-left {
         background-position: -5.35714286rem 0;
    }
     .traffic-icon-right {
         background-position: -6.42857143rem 0;
    }
     .traffic-icon-back {
         background-position: -7.50000000rem 0;
    }
}
 ._SnapshotSetting_ {
     padding-top: inherit;
     .video-plugin {
         width: 30.71428571rem;
         height: 24.14285714rem;
         background-color: #000;
         display: inline-block;
    }
     .aitoolsbar-warp {
         display: inline-block;
         position: absolute;
         width: 3.21428571rem;
         height: 24.14285714rem;
         background-color: #e8e8e8;
         text-align: center;
    }
     .mode-tip {
         color: @disableColorNo7;
    }
     .interval-radio-content {
         display: inline-flex;
         float: left;
    }
     .speed-mid-flex {
         display: inline-flex;
         justify-content: center;
    }
     .other-config-border {
         border-top: 0.07142857rem solid #d7d7d7;
    }
     .snap-label {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         word-wrap: normal;
    }
     .snap-flex {
         display: flex;
    }
}
 ._IvsTraffic_ {
     .table-height{
         overflow: hidden;
         border: 0.07142857rem solid @listBorderColorNo8 
    }
     .ant-table-wrapper{
         height: calc(100% - 3.71428571rem);
    }
     .ant-table{
         .m-height-100p;
         overflow: auto;
         border-radius: 0.14285714rem;
         border: none;
    }
     .ant-table-placeholder{
         border-bottom: none;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%,-50%);
    }
     .ant-pagination{
         position: absolute;
         .m-pt-10;
         bottom: 0.71428571rem;
         width: 100%;
         text-align: center;
         border-top: 0.07142857rem solid @listBorderColorNo8;
    }
     .ant-drawer-content{
         .m-right-16 
    }
     .ant-drawer-header{
         .m-height-40;
         .m-lh-40 
    }
     .white-set{
         .m-pl-16;
         border-radius: 0.14285714rem;
         border: 0.07142857rem solid @listBorderColorNo8 
    }
     .loadTip{
         padding: 20vh;
         width: 80% 
    }
}
 .ant-modal-mask{
     background: rgba(0,0,0,0.5);
}
 ._IvsTraffic_{
     .ant-form-item-children,.labelText-label-dark{
         .m-height-48;
         .m-lh-48;
    }
     .labelText-behind-dark{
         padding: 0;
    }
     .ant-form-item{
         font-size: 14/@px-unit !important;
    }
     .textTip{
         .m-width-100p;
         .m-p-16;
         font-size: 22/@px-unit;
         & .anticon {
             color: #faad14;
        }
    }
     .whiteblack{
         .ant-modal-body{
             .m-p-16;
             min-height: 20vh;
        }
         .ant-modal-footer{
             .m-p-16;
        }
         .ant-form-item{
             padding-bottom: 0!important;
        }
         .ant-form-explain{
             .m-text-ellipsis;
             font-size: 12/@px-unit;
             min-height: 0;
             margin: 0/@px-unit auto auto 25%;
        }
         .chooseArea{
             & .ant-form-explain{
                 margin: 0/@px-unit auto auto 50%;
            }
        }
    }
}
 .labelText-label-Text{
     .m-height-48;
     .m-lh-48;
     .m-text-ellipsis;
}
 .drawer-content-wrapper{
     position: absolute;
     .m-mt-3;
     height: 99%;
     background-color: @homePageNo1;
     z-index: 99;
     right: 0;
     box-shadow:-0.14285714rem 0 0.57142857rem rgba(0, 0, 0, 0.15);
     overflow-y: auto;
     transition: width 0.3s;
     .drawer-header{
         .m-pl-16;
         .m-height-40;
         .m-lh-40;
         position: relative;
         background: @homePageNo1;
         border-bottom: 0.07142857rem solid @listBorderColorNo8;
         border-radius: 0.28571429rem 0.28571429rem 0 0;
         .drawer-close{
             .m-height-40;
             .m-lh-40;
             .m-width-45;
             .m-fs-15;
             color: @disableColorNo7;
             position: absolute;
             top: 0;
             right: 0;
             display: block;
             padding: 0;
             font-weight: 700;
             text-align: center;
             text-transform: none;
             text-decoration: none;
             border: 0;
             outline: 0;
             cursor: pointer;
             transition: color 0.3s;
             text-rendering: auto;
        }
    }
}
 ._LensSelfCleaningDev_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     .cursor {
         cursor: pointer;
    }
     .icon {
         color: #faad14;
         font-size: 22 / @px-unit;
         margin-top: 2 / @px-unit;
    }
     .Desc {
         font-size: 16 / @px-unit;
         padding-left: 10 / @px-unit;
    }
     .text-box {
         width: 160%;
         .life-box {
             .label-normal {
                 margin-top: 50 / @px-unit;
            }
             .test-text {
                 margin-top: 50 / @px-unit;
            }
        }
    }
}
 .Login-Form {
     background-color: transparent;
     text-align: center;
     .ant-form-item {
         margin-bottom: 18/@px-unit !important;
    }
}
 .login-box {
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -200/@px-unit;
     margin-top: -242/@px-unit;
     padding: 20/@px-unit 40/@px-unit;
     width: 400/@px-unit;
     padding-bottom: 30/@px-unit;
     z-index: 2;
     border-radius: 10/@px-unit;
     background: rgba(0, 0, 0, 0.1);
     border: 1/@px-unit solid rgba(255, 255, 255, 0.1);
     .ant-input-affix-wrapper {
         border: 1/@px-unit solid rgba(255, 255, 255, 0.2);
         background: none;
         border-radius: 32/@px-unit;
         .ant-input {
             height: 44/@px-unit;
             background: none;
             color: #ffffff;
             font-size: 14/@px-unit;
             text-align: left;
             &:nth-child(2) {
            }
        }
    }
     .labelSelect {
         .ant-select-selector {
             border: 1/@px-unit solid rgba(255, 255, 255, 0.2);
             background: none;
             border-radius: 32/@px-unit;
             height: 44/@px-unit;
             background: none;
             color: #ffffff;
             font-size: 14/@px-unit;
             text-align: left;
             align-items: center;
        }
    }
     .login-title {
         margin-bottom: 44/@px-unit;
         text-align: center;
         letter-spacing: 0.1em;
         font-size: 26/@px-unit;
         color: @baseColor;
         .iconDH-logo {
             display: block;
             margin: 24/@px-unit auto;
             width: 144/@px-unit;
             height: 44/@px-unit;
             background: url('/static/media/logo_login.84aba8a8.png');
             background-size: cover;
        }
         .icon-logo {
             display: block;
             margin: 24/@px-unit auto;
             width: 60/@px-unit;
             height: 60/@px-unit;
             background: url('/static/media/logo.4cbdb088.png');
             background-size: cover;
        }
         .icon-GH-logo {
             display: block;
             margin: 24/@px-unit auto;
             width: 324/@px-unit;
             height: 82/@px-unit;
             background: url('/static/media/loginlogoGH.fe0bdb53.png');
             background-size: cover;
        }
    }
     .login-button {
         margin-top: 40/@px-unit;
         height: 44/@px-unit;
         max-height: 44/@px-unit;
         font-size: 16/@px-unit;
         font-weight: 200;
         border-radius: 20/@px-unit;
         background: #2ab5fc;
    }
     .login-username {
         width: 100%;
         .label-normal-wrapper {
             width: 320/@px-unit;
        }
    }
     .login-password {
         width: 100%;
         float: left;
         .label-normal-wrapper {
             width: 320/@px-unit;
        }
    }
     .login-forget {
         position: absolute;
         padding-left: 10/@px-unit;
         cursor: pointer;
         color: @loginForgetPasswordHoverColor;
         &:hover {
             color: @loginForgetPasswordHoverColor;
        }
         right: 10/@px-unit;
         line-height: 54/@px-unit;
         height: 54/@px-unit;
         opacity: 0.6;
         font-size: 14/@px-unit;
         border-left: 1/@px-unit solid rgba(255, 255, 255, 0.2);
         z-index: 9;
         margin-top: 8/@px-unit;
    }
     .browser-tip {
         width: 105%;
         color: #bfbfbf;
         text-align: center;
    }
}
 .login-container {
     height: 100vh;
     width: 100vw;
}
 .login-backgroundImage {
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     background-size: cover;
     background-image: url('/static/media/login_bg.20d712c4.png') 
}
 .login-button {
     width: 100%;
}
 .login-icon {
     color: @loginIconColor;
     svg {
         width: 20/@px-unit;
         height: 20/@px-unit;
    }
}
 .arc-nologin {
     height: 100vh;
     width: 100%;
     padding-top: 50vh;
     text-align: center;
}
 ._LowPowerConsumption_ {
     padding-left: 20/@px-unit;
     width: 100%;
}
 ._MainAndSideRoadConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .guide-footer {
         height: 120/@px-unit;
         position: relative;
         width: 100%;
         background-color: @contentBgColorNo15;
         margin: 0 auto;
         .guide-btn {
             position: absolute;
             bottom: 54/@px-unit;
             left: 50%;
             display: flex;
             width: 500/@px-unit;
             transform: translateX(-50%);
             [type=button] {
                 margin: 0;
                 height: 40/@px-unit;
                 &:first-child {
                     margin-right: 12/@px-unit !important;
                }
            }
        }
         .btn-width244 {
             [type=button] {
                 width: 244/@px-unit;
            }
        }
         .btn-width500 {
             [type=button] {
                 width: 500/@px-unit;
            }
        }
    }
}
 ._MainRoadConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .sort-region {
         width: 300/@px-unit;
         height: 600/@px-unit;
         padding: 10/@px-unit;
         background: @grayBlack;
         overflow-y:auto;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         display: flex;
         flex-direction: column;
        
         justify-content: center;
        
         align-items: center;
        
         .sort-item {
             display: inline-block;
             width: 120/@px-unit;
             height: 60/@px-unit;
             background-color: rgb(171, 171, 253);
             clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
             margin-bottom: 10/@px-unit;
             text-align: center;
             line-height: 60/@px-unit;
        }
    }
}
 ._MergeMainSideRoadConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .sort-region {
         width: 300/@px-unit;
         height: 600/@px-unit;
         padding: 10/@px-unit;
         background: @grayBlack;
         overflow-y:auto;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         display: flex;
         flex-direction: column;
        
         justify-content: center;
        
         align-items: center;
        
         .sort-item {
             display: inline-block;
             width: 120/@px-unit;
             height: 60/@px-unit;
             background-color: rgb(171, 171, 253);
             clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
             margin-bottom: 10/@px-unit;
             text-align: center;
             line-height: 60/@px-unit;
        }
         .sort-item-selected {
             display: inline-block;
             width: 120/@px-unit;
             height: 60/@px-unit;
             background-color: rgb(73, 73, 255);
             clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
             margin-bottom: 10/@px-unit;
             text-align: center;
             line-height: 60/@px-unit;
             border: 0.07142857rem solid @grayBlackBorder 
        }
    }
}
 ._MergeMainSideRoadPreview_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .sort-region {
         width: 300/@px-unit;
         height: 660/@px-unit;
         padding: 10/@px-unit;
         background: @grayBlack;
         overflow-y:auto;
         display: flex;
         flex-direction: column;
        
         justify-content: center;
        
         align-items: center;
        
         .sort-item {
             display: inline-block;
             width: 80/@px-unit;
             height: 40/@px-unit;
             background-color: rgb(171, 171, 253);
             clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
             margin-bottom: 10/@px-unit;
             text-align: center;
             line-height: 40/@px-unit;
        }
         .sort-item-selected {
             display: inline-block;
             width: 80/@px-unit;
             height: 40/@px-unit;
             background-color: rgb(73, 73, 255);
             clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
             margin-bottom: 10/@px-unit;
             text-align: center;
             line-height: 40/@px-unit;
             border: 0.07142857rem solid @grayBlackBorder 
        }
    }
}
 ._SideRoadConfig_ {
     width: 100%;
}
 .empty{
     text-align: center;
     height: 90vh;
     line-height: 90vh;
}
 ._autoMaintain_, .backup, ._OneClickExport_, .settings, .netcapure, .intelliDiagnosis, ._LogExport_, ._MountInfo_, ._RegionSelect_ {
     width: 100%;
     min-height: 90vh;
     .m-layout-content;
}
 ._autoMaintain_{
     padding: 16/@px-unit;
     .fn-mb12{
         margin-bottom: 12/@px-unit;
    }
     .fn-mb14{
         margin-bottom: 14/@px-unit;
    }
     .LabelSwitch-label-Col, .labelSelect-label-Col,.LabelInput-label-Col{
         text-align: left;
    }
     .restart{
         margin: 10/@px-unit 0/@px-unit 26/@px-unit 16/@px-unit;
         border: 1/@px-unit solid @dividerColorNo9;
         .title{
             padding: 6/@px-unit 16/@px-unit 6/@px-unit 14/@px-unit;
             font-weight: bold;
             border-bottom: 1/@px-unit solid @dividerColorNo9;
        }
         .container{
             padding: 20/@px-unit 32/@px-unit 5/@px-unit 30/@px-unit;
             .labelSelect-behind-dark {
                 padding: 0;
            }
             .LabelInput-behind-dark {
                 padding-left: 10/@px-unit;
            }
        }
         .manual{
             border-top: 1/@px-unit solid @dividerColorNo9;
             padding: 10/@px-unit 32/@px-unit 10/@px-unit 32/@px-unit;
        }
    }
     .delete{
         margin-top: 20/@px-unit;
         border: 1/@px-unit solid @dividerColorNo9;
         .title{
             padding: 4/@px-unit 10/@px-unit;
             border-bottom: 1/@px-unit solid @dividerColorNo9;
        }
         .container{
             padding: 10/@px-unit;
             .ant-row{
                 margin-bottom: 10/@px-unit;
            }
        }
    }
     .handleBar{
         margin-left: 16/@px-unit;
         margin-top: 0/@px-unit;
         button {
             margin-right: 10/@px-unit;
        }
    }
}
 .backup{
     .config{
         margin-top: 10/@px-unit;
         border: 1/@px-unit solid @dividerColorNo9;
         .import{
             margin-top: 20/@px-unit;
        }
         .fileLabel{
             text-align: left;
             padding-left: 18/@px-unit;
        }
    }
}
 .settings{
     & .ant-row{
         margin-bottom: 20/@px-unit;
    }
     .default{
         margin-top: 10/@px-unit;
         border: 1/@px-unit solid @dividerColorNo9;
         .title{
             padding: 8/@px-unit 14/@px-unit;
             border-bottom: 1/@px-unit solid @dividerColorNo9;
             font-weight: bold;
        }
         .container{
             padding: 20/@px-unit 14/@px-unit;
             .ant-checkbox-group{
                 display: block;
                 margin: 10/@px-unit 0;
            }
        }
    }
}
 .netcapure {
     .ant-form-item {
         margin-bottom: 0;
    }
     .net-test {
         margin-top: 20/@px-unit;
         .measure-content {
             border: 1/@px-unit solid @dividerColorNo9;
             height: 240/@px-unit;
             overflow-y: auto;
             font-size: 12/@px-unit;
             padding: 0 12/@px-unit;
             >div {
                 white-space: pre-wrap;
            }
        }
         .LabelInput-behind-dark {
             padding: 0;
             button {
                 margin-left: 8/@px-unit;
            }
        }
         .summary {
             color: rgba(#000, 0.9);
             margin-top: 6/@px-unit;
        }
    }
     .module-title {
         font-weight: bold;
         font-size: 18/@px-unit;
         margin-bottom: 18/@px-unit;
    }
     .ant-input, .ant-input-number-input {
         &::-webkit-input-placeholder {
             color: #bfbfbf !important;
        }
         &::-ms-input-placeholder {
             color: #bfbfbf !important;
        }
         &::-moz-placeholder {
             color: #bfbfbf !important;
        }
    }
}
 .intelliDiagnosis {
     padding: 16/@px-unit;
     > .ant-row {
         margin-bottom: 14/@px-unit;
    }
}
 ._LogExport_{
     .table-row-focus {
         background-color: #E6F7FF;
    }
     .ant-table-wrapper{
         margin-top: 60/@px-unit;
         margin-bottom: 100/@px-unit;
    }
     .ant-table-body{
         overscroll-behavior: contain;
    }
     .ant-table-placeholder{
         border-left: 1/@px-unit solid #e8e8e8;
         border-right: 1/@px-unit solid #e8e8e8;
    }
     .ant-table-footer{
         padding: 0;
         position: relative;
         top: -1/@px-unit;
    }
     .table-footer {
         line-height: 80/@px-unit;
         background: white;
         border: 1/@px-unit solid #e8e8e8;
         border-bottom: none;
    }
     .table-footer-item {
         height: 40/@px-unit;
         padding: 0 30/@px-unit;
         line-height: 40/@px-unit;
         background: white;
         border-bottom: 1/@px-unit solid #e8e8e8;
    }
     table{
         border: 1/@px-unit solid #e8e8e8;
         border-width: 0/@px-unit 1/@px-unit;
    }
}
 ._MountInfo_ {
     .RowItem {
         margin-bottom: 10/@px-unit;
    }
     .handlerButton{
         & button:nth-child(n+2){
             margin-left: 10/@px-unit;
        }
    }
}
 ._OneClickExport_ {
     .oneClick-export-modal {
         .ant-modal-body {
             margin: 10/@px-unit 60/@px-unit 25/@px-unit;
        }
         .file-info {
             .file-name {
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
                 word-wrap: normal;
                 margin-bottom: 5/@px-unit;
            }
        }
    }
}
 ._RegionSelect_ {
     .formItem {
         margin-bottom: 15/@px-unit;
    }
     .handleBar{
         button {
             margin-right: 10/@px-unit;
        }
    }
     .AreaLabel {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         display: inline-block;
         word-wrap: normal;
         line-height: 32/@px-unit;
         max-width: 100%;
    }
     .AreaSet {
         .ant-cascader-picker {
             display: inline-block;
             width: 100%;
        }
    }
     .ant-cascader-menu {
         height: 300/@px-unit !important;
    }
}
 ._CellularLog_ {
     padding-left: 20 / @px-unit;
     .flex-content {
         display: flex;
    }
}
 ._OneClickDiagnosis_ {
     width: 100%;
     height: calc(100vh - 6.57142857rem);
     background-color: @main_background_color;
     margin-right: 20 / @px-unit;
     .result-box {
         width: 100%;
         height: 160 / @px-unit;
         background-color: @homePageNo1;
         position: relative;
         &__main {
             padding: 20 / @px-unit 30 / @px-unit 20 / @px-unit 2 / @px-unit;
             display: flex;
             justify-content: space-between;
             align-items: center;
             > div {
                 display: flex;
                 align-items: center;
                 > span {
                     color: rgba(0, 0, 0, 0.45);
                }
            }
             .ant-btn {
                 min-width: 115 / @px-unit;
                 min-height: 40 / @px-unit;
            }
        }
         &__title {
             font-size: 28 / @px-unit;
             margin-bottom: 5 / @px-unit;
        }
         &__tip {
             color: rgba(0, 0, 0, 0.45);
        }
         &__detail {
             margin-top: 10 / @px-unit;
             color: rgb(64, 169, 255);
        }
         .ant-progress {
             position: absolute;
             top: 0;
             left: 0;
             height: 100%;
             > div {
                 height: 100%;
            }
             .ant-progress-outer {
                 height: 100%;
                 .ant-progress-inner {
                     height: 100%;
                     border-radius: 0;
                     background-color: rgba(255, 255, 255, 0.1);
                     .ant-progress-success-bg, .ant-progress-bg {
                         height: 100% !important;
                    }
                }
            }
        }
         .header-detail-btn {
             margin-left: 16 / @px-unit;
             cursor: pointer;
             color: @linkColorNo20;
        }
    }
     .check-box {
         margin-top: 12 / @px-unit;
         height: calc(100% - 12.28571429rem);
         background-color: @homePageNo1;
         overflow-y: auto;
         position: relative;
         &__lists {
             &:not(:first-child) {
                 margin-top: 16 / @px-unit;
            }
        }
         .lists-header {
             height: 48 / @px-unit;
             line-height: 48 / @px-unit;
             padding-left: 32 / @px-unit;
             font-weight: bold;
             border-bottom: 1 / @px-unit solid rgba(0, 0, 0, 0.06);
        }
         &__item {
             height: 88 / @px-unit;
             padding: 16 / @px-unit 32 / @px-unit;
             border-bottom: 1 / @px-unit solid rgba(0, 0, 0, 0.06);
             display: flex;
             align-items: center;
             justify-content: space-between;
             > div {
                 display: flex;
                 align-items: center;
            }
        }
         &__icon {
             padding-top: 7 / @px-unit;
             background: transparent;
             color: rgba(0, 0, 0, 0.35);
             svg circle {
                 fill: rgba(0, 0, 0, 0.35);
            }
             &.Normal {
                 svg circle {
                     fill: #1890ff;
                }
                 color: #1890ff;
            }
             &.Warning, &.Abnormal {
                 svg circle {
                     fill: @warnColorNo18;
                }
                 color: @warnColorNo18;
            }
        }
         &__detail {
             margin-left: 16 / @px-unit;
             .module-name {
                 font-size: 18 / @px-unit;
                 margin-bottom: 8 / @px-unit;
                 &__tag {
                     display: inline-block;
                     height: 22 / @px-unit;
                     line-height: 22 / @px-unit;
                     text-align: center;
                     font-size: 12 / @px-unit;
                     border-radius: 2 / @px-unit;
                     margin-left: 11 / @px-unit;
                     padding: 0 8 / @px-unit;
                     &.Warning, &.Abnormal {
                         background-color: rgba(250, 173, 20, 0.06);
                         border: solid 1 / @px-unit rgba(250, 173, 20, 0.45);
                         color: @warnColorNo18;
                    }
                     &.Normal {
                         background-color: rgba(82, 196, 26, 0.06);
                         border: solid 1 / @px-unit rgba(82, 196, 26, 0.45);
                         color: @successColorNo19;
                    }
                }
            }
             > span {
                 color: rgba(0, 0, 0, 0.45);
            }
        }
    }
     .m-min-w-115 {
         min-width: 115 / @px-unit;
         display: inline-block;
         padding: 0 15 / @px-unit;
    }
     .m-text-center {
         text-align: center;
    }
     .m-flex-justify-center {
         justify-content: center;
    }
     .empty {
         position: absolute;
         line-height: 1;
         min-height: auto;
         height: auto;
         top: 45%;
         left: 50%;
         transform: translate(-50%, -50%);
         .ant-spin-spinning {
             position: absolute;
             top: 50%;
             left: 50%;
             transform: translate(-50%, -50%);
        }
    }
     .check-box__icon {
         .anticon {
             font-size: 50 / @px-unit;
        }
    }
}
 .diagnosis-detail-modal.detail-modal {
     .detail-modal__description {
         margin-bottom: 10 / @px-unit;
         font-weight: bold;
         &.network {
             margin-bottom: 0;
        }
         .myicon {
             margin-right: 6 / @px-unit;
        }
    }
     .ant-table-header {
         overflow-y: hidden;
    }
     .flexbox {
         display: flex;
         align-items: center;
    }
     .space-between {
         justify-content: space-between;
    }
     .operate-btn {
         color: #6699ff;
         cursor: pointer;
         display: inline-block;
         min-width: 65 / @px-unit;
         text-align: center;
    }
     .ant-modal-body {
         padding: 0;
         .error-tip {
             padding: 20 / @px-unit 40 / @px-unit;
             border-bottom: 1 / @px-unit solid @dividerColorNo9;
        }
         .error-list {
             > div {
                 padding: 20 / @px-unit 40 / @px-unit;
                 &:not(:last-child) {
                     border-bottom: 1 / @px-unit solid @dividerColorNo9;
                }
            }
             .advice-item {
                 margin-top: 5 / @px-unit;
                 .error-item__advice {
                     color: rgba(255, 153, 0);
                }
            }
        }
         .powerState-modal {
             .error-tip {
                 border-bottom: none;
                 padding-bottom: 0;
                 padding: 24 / @px-unit;
            }
             .error-list {
                 > div {
                     padding: 16 / @px-unit 24 / @px-unit 24 / @px-unit;
                }
            }
        }
    }
}
 ._MecEventConfig_ {
     padding-left: 20/@px-unit;
     padding-top: 20/@px-unit;
}
 ._DelayCamera_ {
     padding-top: inherit;
     width: 100%;
}
 ._MECSceneSwitch_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .card-style {
         &.content-style {
             background: @contentBgColorNo15;
        }
         .ant-layout-header {
             height: 230/@px-unit;
             background: @contentBgColorNo15;
             .card-style-img {
                 width: 220/@px-unit;
                 height: 230/@px-unit;
                 border-style: none none solid none;
                 margin: 0;
                 img {
                     height: 200/@px-unit;
                }
                 .ant-card-body {
                     padding: 0 !important;
                     text-align: center;
                }
            }
             .ant-menu-item:first-child {
                 margin-left: -20/@px-unit;
            }
             .ant-menu-item-selected {
                 .ant-card {
                     background-color: rgb(241, 249, 255);
                     img {
                         opacity: 1 !important;
                    }
                     .ant-card-meta-title {
                         color: @btnNormalColorNo1;
                    }
                }
            }
             .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active:not(.ant-menu-item-selected)::after {
                 border-bottom: transparent;
            }
        }
    }
}
 ._NetFlow_ {
     padding-left: 20/@px-unit;
     .red {
         color: #FF0000;
    }
     .gray {
         color: #3C3C3C;
    }
}
 ._ALGZSJ_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._ANPR_ {
     padding-left: 20 / @px-unit;
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
}
 ._BDZNZK_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._BKXWJ_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._BKXWJ_V5_ {
     .osdOption-region {
         width: 800/@px-unit;
         height: 255/@px-unit;
         padding: 10/@px-unit;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         overflow-y:auto;
         button {
             width: 120/@px-unit;
             height: 32/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
             background: #fff;
             border-radius: 2/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             padding: 0;
             span {
                 display: inline;
            }
        }
    }
     .sort-region {
         width: 600/@px-unit;
         height: 255/@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: 120/@px-unit;
             height: 32/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             text-align: center;
             line-height: 27/@px-unit;
             background: #fff;
             cursor: move;
             margin-left: 10/@px-unit;
             float: left;
             border-radius: 2/@px-unit;
             margin-top: 10/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
        }
    }
}
 ._BYDMQTT_ {
     .flex-content{
         display: flex;
         align-items: center;
    }
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._DHZHTC_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
     .span-label{
         padding-left: 30 /@px-unit;
         width: 150 /@px-unit;
    }
     .span-text{
         padding-left: 10 /@px-unit;
         width: 110 /@px-unit;
    }
}
 ._DWPT_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._DWPTCLL_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._GB43229_ITC_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 .label-div-Container {
     .label-normal-container .label-normal-wrapper {
         .ant-input-number {
             width: 100%;
        }
    }
}
 ._GYGS_ {
     padding-left: 20 / @px-unit;
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain {
         color: @errorColorNo17;
    }
     .ant-card {
         .ant-card-head {
             background-color: @panelBackgroundColor;
        }
    }
     .flex-content {
         display: flex;
    }
     .interval {
         &:after {
             visibility: hidden;
             display: block;
             font-size: 0;
             content: ' ';
             clear: both;
             height: 0;
        }
         .label-div-Container {
             float: left !important;
        }
    }
}
 ._GYLD_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._HKPT_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._HKWS_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._HNZHTC_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
     .span-label{
         padding-left: 30 /@px-unit;
         width: 150 /@px-unit;
    }
     .span-text{
         padding-left: 10 /@px-unit;
         width: 110 /@px-unit;
    }
}
 ._HTXHJ_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._HXCS_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._DHZHTC_ {
     .flex-content{
         display: flex;
         align-items: center;
    }
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._HZCD_ {
     padding-left: 20/@px-unit;
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
     .flex-content{
         display: flex;
    }
}
 ._ITCPUSH_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._ITSAPI_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
         .label-normal {
             width: 12.14285714rem !important;
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._JNJWB_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._JTKZ_ {
     .display-none {
         display: none;
    }
     .display-block {
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain {
         color: @errorColorNo17;
    }
     .ant-card {
         .ant-card-head {
             background-color: @panelBackgroundColor;
        }
    }
}
 ._JTPT_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._LBPT_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;