padding-top: inherit; //为了不eslint告警写一个
    ._AlysDisting_, ._AlysAdvc_ {
        .m-layout-content;
        .item-row {
            border: 1px solid @listBorderColorNo8;
            .m-mb-24; //距下栏24px
            .item-title {
                .m-fw-bold; //字体加粗
                .m-ml-16;  //左边距16px
                .m-layout-item; //高、行高：48px
            }
            .item-content {
                .m-layout-content;
                .ant-table-thead; //上边框线
            }
            .form-item {
                .m-mr-40;
            }
        }
    }
}


._CarPathSetting_ {
    padding-top: inherit; //为了不eslint告警写一个
    .video-plugin {
        width: 430px;
        height: 338px;
        background-color: #000;
        display: inline-block;
    }
    .aitoolsbar-warp {
        display: inline-block;
        position: absolute;
        width: 45px;
        height: 338px;
        background-color: #e8e8e8;
        text-align: center;
    }
    .car-video {
        height: 338px;
    }
    .car-setting-margin-right {
        margin-right: auto;
    }
    .car-setting-page {
        display: flex;
    }
    .car-setting-right {
        width: 475px;
        background-color: #e8e8e8;
        padding: 0 10px;
        display: flex;
    }
    .car-view-redraw {
        display: inline-flex;
        cursor: pointer;
        float: right;

        .car-redraw-icon {
            width: 30 / @font-size-normal;
            height: 30 / @font-size-normal;
            background: url('/static/media/icons-normal.29e57520.png') -1860 / @font-size-normal -840 /
                @font-size-normal;
        }
        .car-redraw-text {
            font-weight: bold;
            color: @formContentColorNo6;
        }
    }
    .car-draw-content {
        border: 1px solid @dividerColorNo9;
        min-height: 395px;
        width: 475px;
        .car-draw-button-active {
            color: @btnHoverColorNo2;
            background-color: #fff;
            border-color: #40a9ff;
        }
        .car-way-button-div {
            display: inline-flex;
            width: 100%;
            align-items: center;
            justify-content: space-between;
            .car-draw-right {
                width: 50%;
            }
        }
    }
    .car-lineType {
        display: inline-flex;
        align-items: center;
        min-width: 107 / @font-size-normal;
        max-width: 152 / @font-size-normal;
        border: 1px solid @inputBorderColorNo10;
        cursor: pointer;
        margin: 5 / @font-size-normal;
        border-radius: 4 / @font-size-normal;
        .car-LineType-icon {
            width: 32 / @font-size-normal;
            height: 32 / @font-size-normal;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            .line-type-area {
                width: 12 / @font-size-normal;
                height: 12 / @font-size-normal;
                border-radius: 50%;
                background-color: red;
            }
            .line-type15 {
                background-color: @linkColorNo20;
            }
            .line-type11 {
                background-color: #13cae5;
            }
            .line-type12 {
                background-color: #fcac15;
            }
            .line-type14 {
                background-color: #cb663e;
            }
            .line-type13 {
                background-color: #d348f6;
            }
            .line-type5 {
                background-color: #ffffff;
                border: 1px solid #464646;
            }
            .line-type6 {
                background-color: #ffffff;
                border: 1px solid #464646;
            }
            .line-type16 {
                background-color: #ff7e16;
            }
            .line-type38 {
                background-color: #ffff80;
            }
            .line-type39 {
                background-color: #ff80ff;
            }
            .line-type40 {
                background-color: #f5222d;
            }
            .line-type48 {
                background-color: #c8c864;
            }
            .line-type35 {
                background-color: #ffff00;
            }
            .line-type210 {
                background-color: #ff80ff;
            }
        }

        .car-lineType-text {
            font-weight: bold;
            color: @formContentColorNo6;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-right: 1px solid @inputBorderColorNo10;
            padding: 0 7 / @font-size-normal 0 3 / @font-size-normal;
        }
        .car-lineType-delete-icon {
            padding-top: 10px;
        }
    }
    .car-lineType-active {
        border: 1px solid @btnHoverColorNo2;
    }
    .CarLaneList {
        border: 1px solid @dividerColorNo9;
        .car-lanelist-row {
            display: flex;
        }
        .car-lane-list {
            border-right: 1px solid @dividerColorNo9;
            width: 100%;
            height: 100%;
        }
        .car-lane-list-content {
            cursor: pointer;
            user-select: none;
            height: 32 / @font-size-normal;
            justify-content: center;
            align-items: center;
            display: flex;
            width: 100%;
        }
        .active-lane {
            border-right: 2px solid @btnNormalColorNo1;
            background-color: #e6f6fe;
        }
        .distance-inline{
            display: inline-block;
        }
    }
    .over-hide-col {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .car-lane-config-col {
        display: flex;
        align-items: center;
    }
    .car-path-title {
        font-weight: bold;
    }
    .car-lane {
        display: inline-flex;
    }
    .car-flash-content {
        display: flex;
        align-items: center;
    }
    .car-draw-button {
        max-width: 120 / @font-size-normal;
    }
    .car-road-direction {
        background-image: url(/static/media/iconL.d5db2e1f.png);
        background-repeat: no-repeat;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 15 / @font-size-normal;
        height: 16 / @font-size-normal;
        margin-top: 2 / @font-size-normal;
    }
    .traffic-icon-prev {
        background-position: -60px 0;
    }
    .traffic-icon-time {
        background-position: -45px 0;
    }
    .traffic-icon-left {
        background-position: -75px 0;
    }
    .traffic-icon-right {
        background-position: -90px 0;
    }
    .traffic-icon-back {
        background-position: -105px 0;
    }
    .car-path-spin {
        position: absolute;
        z-index: 9;
        top: 50%;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
}
.autoDraw-modal {
    .autoDraw-flex {
        display: flex;
        align-items: center;
    }
    .autoDraw-title-icon {
        color: @warnColorNo18;
        height: 24px;
        width: 24px;
    }
    .ant-modal-footer {
        display: none;
    }
}
.speedLimit-modal {
    .speedLimit-flex {
        display: flex;
        align-items: center;
    }
    .speedLimit-title-icon {
        color: @warnColorNo18;
        height: 24px;
        width: 24px;
    }
}



.car-rule-time-modal {
    width: 1280px !important;
    .ant-modal-body {
        padding: 20px !important;
    }
    ._ScheduleComponent_ {
        padding: 10px !important;
    }
}
.event-list-modal {
    width: 700px !important;
    .event-list-checkbox-list {
        display: inline-flex;

    }
    .event-list-checkbox {
        margin: 10px 20px 10px 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

._CarRuleSetting_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    .right-sidebar{
        height: 75vh;
    }
    .rule-flex {
        display: flex;
        align-items: center;
    }
    .rule-title-flex {
        display: flex;
    }
    .rule-sub-title{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .rule-sidebar {
        border-right: 1px solid @dividerColorNo9;
        height: 72vh;
        overflow-y: auto;
    }
    .rule-list {
        user-select: none;
        &:hover {
            cursor: pointer;
            background-color: #f2f2f2;
        }
        .rule-list-content {
            display: flex;
            align-items: center;
            justify-content: left;
            .rule-list-name{
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }
        }
        .select-lane {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    .select-rule {
        background-color: @secondNavHoverColorNo14;
        color: @btnNormalColorNo1;
    }
    .Rule-content {
        .lane-row {
            display: flex;
            align-items: center;
        }
        .lane-row-border {
            border-bottom: 1px solid @dividerColorNo9;
        }
        .mode-tip {
            color: @disableColorNo7;
        }
    }
    .stop-line-input {
        display: inline-flex;
    }
    .rule-button-content{
        border-top: 1px solid @dividerColorNo9;
    }
    .car-setting-button {
        position: absolute;
        left: 12rem;
        margin-top: 15px;
    }
    .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; //为了不eslint告警写一个
    @videoWidth: 450px;
    @videoHeight: 337px;
    background: @contentBgColorNo15;
    min-height: calc(100vh - 100px);
    
    .AI-step {
        display: inline-flex;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid @dividerColorNo9;
    }

    .step-content {
        min-height: 80%;
    }

    .border-row {
        border: 1px solid @dividerColorNo9;
        margin: 0 16px 16px 16px;
    }

    .row-title {
        display: inline-flex;
        align-items: center;
        border-bottom: 1px solid @dividerColorNo9;
        font-weight: bolder;
        width: 100%;
        padding: 6px 16px 6px 14px;
    }

    .content-row {
        margin: 0 16px 16px 16px;
    }

    .step-button-content {
        display: inline-flex;
        align-items: center;
        width: 100%;
        border-top: 1px solid @dividerColorNo9;

        .step-button {
            padding: 15px 16px 16px 16px;
            width: 8rem;
        }

        .step-scene {
            position: relative;
            left: 11rem;
        }

        .step-car-set {
            left: 8rem;
        }

        .com-button {
            margin-right: 10px;
        }
    }
    ._AISolution_ {

        .content-title {
            line-height: 40px;
            align-items: center;
            display: inline-flex;
            width: 100%;
            padding: 16px 16px 0 16px;
        }

        .pic-row {
            padding: 16px 32px 32px 32px;
            display: inline-flex;
            width: 100%;
            align-items: center;

            .pic-content {
                margin: 0 60px 0 0;
                position: relative;
                cursor: pointer;
                user-select: none;
                height: 140px;
                .pic-text {
                    text-align: center;
                    width: 100px;
                    display: inline-block;
                }

                .img-check {
                    position: absolute;
                    left: 84px;
                    top: -3px;
                }

                .ElecPolice {
                    width: 100px;
                    height: 100px;
                    background-image: url(/static/media/ivs_gv.eace955f.png);
                    object-fit: cover;
                }

                .Traffic {
                    width: 100px;
                    height: 100px;
                    background-image: url(/static/media/ivs_gv.eace955f.png);
                    object-fit: cover;
                }

                .PedestrainPri {
                    width: 100px;
                    height: 100px;
                    background-image: url(/static/media/ivs_gv.eace955f.png);
                    object-fit: cover;
                }

                .PedestrainRunRL {
                    width: 100px;
                    height: 100px;
                    background-image: url(/static/media/ivs_gv.eace955f.png);
                    object-fit: cover;
                }

                .TrafficEvent {
                    width: 100px;
                    height: 100px;
                    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: 20px 16px 0 16px;
        }
        .solution-button {
            position: absolute;
            left: 20rem;
            margin-top: 15px;
            width: 74px;
        }
        .solu-default-button {
            left: 27rem;
        }
        .solution-border {
            border-top: 1px solid #d7d7d7;
        }
    }
    ._TrafficLightConfig_ {
        height: 100%;
        .m-layout-content;
        .item-row {
            border: 1px solid @listBorderColorNo8;
            .m-mb-24; //距下栏24px
            .item-title {
                .m-fw-bold; //字体加粗
                .m-ml-16;  //左边距16px
                .m-layout-item; //高、行高：48px
            }
            .item-content {
                .m-layout-content;
                .ant-table-thead; //上边框线
            }
            .form-item {
                .m-mr-40;
            }
        }
        .ui-title {
            .m-fw-bold; //字体加粗
            .m-layout-item; //高、行高：48px
        }
        .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: 15px;
            height: 16px;
            margin-top: 2px;
            margin-right: 2px;
        }
        .traffic-icon-prev {
            background-position: -60px 0;
        }
        .traffic-icon-left {
            background-position: -75px 0;
        }
        .traffic-icon-right {
            background-position: -90px 0;
        }
        .traffic-icon-back {
            background-position: -105px 0;
        }
        min-width: 960px;
        min-height: 600px;
        .video-container {
            .video-plugin {
                width: @videoWidth;
                height: @videoHeight;
                background-color: #000;
                display: inline-block;
            }
        }
    }
}

.solution-modal {
    .solution-title-icon {
        color: @warnColorNo18;
        height: 24px;
        width: 24px;
    }
    .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: 15px;
        height: 16px;
        margin-top: 2px;
        margin-right: 2px;
    }
    .traffic-icon-prev {
        background-position: -60px 0;
    }
    .traffic-icon-left {
        background-position: -75px 0;
    }
    .traffic-icon-right {
        background-position: -90px 0;
    }
    .traffic-icon-back {
        background-position: -105px 0;
    }
}


._SnapshotSetting_ {
    padding-top: inherit; //为了不eslint告警写一个

    .video-plugin {
        width: 430px;
        height: 338px;
        background-color: #000;
        display: inline-block;
    }
    .aitoolsbar-warp {
        display: inline-block;
        position: absolute;
        width: 45px;
        height: 338px;
        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: 1px solid #d7d7d7;
    }
    .snap-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .snap-flex {
        display: flex;
    }
}


._IvsTraffic_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    .table-height{
        overflow: hidden;
        border: 1px solid @listBorderColorNo8
    }
    .ant-table-wrapper{
        height: calc(100% - 52px);
    }
    .ant-table{
        .m-height-100p;
        overflow: auto;
        border-radius: 2px;
        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: 10px;
        width: 100%;
        text-align: center;
        border-top: 1px solid @listBorderColorNo8;
    }
    //drawer距离右边侧
    .ant-drawer-content{
        .m-right-16
    }
    .ant-drawer-header{
        .m-height-40;
        .m-lh-40
    }
    .white-set{
        .m-pl-16;
        border-radius: 2px;
        border: 1px solid @listBorderColorNo8
    }
    .loadTip{
        padding: 20vh;
        width: 80%
    }
}

//遮罩层背景
.ant-modal-mask{
    background: rgba(0,0,0,0.5);
}
._IvsTraffic_{
    
    //form item设置高度、行高,labelText设置高度、行高
    .ant-form-item-children,.labelText-label-dark{
        .m-height-48;
        .m-lh-48;
    }
    //labelText设置behind padding
    .labelText-behind-dark{
        padding: 0;
    }
    .ant-form-item{
        font-size: 14/@font-size-normal !important;
    }
    .textTip{
        .m-width-100p;
        .m-p-16;
        font-size: 22px;
        & .anticon {
            color: #faad14;
        }
    }
    .whiteblack{    
        //modal框内容padding
        .ant-modal-body{
            .m-p-16;
            min-height: 20vh;
        }
        .ant-modal-footer{
            .m-p-16;
        }
        //form item底边距
        .ant-form-item{
            padding-bottom: 0!important;
        }
        //错误提示移位
        .ant-form-explain{
            .m-text-ellipsis;
            font-size: 12px;
            min-height: 0;
            margin: 0px auto auto 25%;
        }
        .chooseArea{
            & .ant-form-explain{
                margin: 0px 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:-2px 0 8px 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: 1px solid @listBorderColorNo8;
        border-radius: 4px 4px 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;
        }
    }
}

.Login-Form{
    background-color: transparent;
    text-align: center;
    .ant-form-item {
        margin-bottom: 18px !important;
    }
}
.login-box{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -242px;
    padding: 20px 40px;
    // top: 174px;
    width: 400px;
    padding-bottom: 30px;
    z-index:2;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    .ant-input-affix-wrapper {
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: none;
        border-radius: 32px;
        .ant-input {
            height: 44px;
            background: none;
            color: #ffffff;
            font-size: 14px;
            text-align: left;
            &:nth-child(2) {
                padding-right: 95px;
            }
        }
    }
    .login-title {
        margin-bottom: 44px;
        text-align: center;
        letter-spacing: 0.1em;
        font-size: 26px;
        color: @baseColor;

        .iconDH-logo {
            display: block;
            margin: 24px auto;
            width: 144px;
            height: 44px;
            background: url('/static/media/logo_login.84aba8a8.png');
        }
        .icon-logo {
            display: block;
            margin: 24px auto;
            width: 60px;
            height: 60px;
            background: url('/static/media/logo.4cbdb088.png');
        }
    }
    .login-button {
        margin-top: 40px;
        height: 44px;
        max-height: 44px;
        font-size: 16px;
        font-weight: 200;
        border-radius: 20px;
        background: #2ab5fc;
    }
    .login-password {
        float: left;
    }
    .login-forget {
        position: absolute;
        right: 10px;
        line-height: 54/@px-unit;
        height: 54/@px-unit;
        opacity: 0.6;
        font-size: 14px;
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        color: rgba(255, 255, 255, 0.6);
        z-index: 9;
        margin-top: 8/@px-unit;
        &:hover {
            color: #fff;
        }
    }
}
.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.8a6283b5.png')
}
.login-button{
    width:100%;
}
.login-forget{
    position: absolute;
    padding-left: 10px;
    cursor: pointer;
    color:@loginForgetPasswordHoverColor;
    &:hover{
        color:@loginForgetPasswordHoverColor;
    }
}
.login-icon{
    color: @loginIconColor;
}

.arc-nologin{
    height: 100vh;
    width: 100%;
    padding-top: 50vh;
    text-align: center; 
}



.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: 16px;
    .fn-mb12{
        margin-bottom: 12px;
    }
    .fn-mb14{
        margin-bottom: 14px;
    }
    .LabelSwitch-label-Col, .labelSelect-label-Col,.LabelInput-label-Col{
        text-align: left;
    }
    .restart{
        margin: 10px 0px 26px 16px;
        border: 1px solid @dividerColorNo9;
        .title{
            padding: 6px 16px 6px 14px;
            font-weight: bold;
            border-bottom: 1px solid @dividerColorNo9;
        }
        .container{
            padding: 20px 32px 5px 30px;
        .labelSelect-behind-dark {
            padding: 0;
        }
        .LabelInput-behind-dark {
            padding-left: 10px;
        }
        }
        .manual{
            border-top: 1px solid @dividerColorNo9;
            padding: 10px 32px 10px 32px;
        }
    }
    .delete{
        margin-top: 20px;
        border: 1px solid @dividerColorNo9;
        .title{
            padding: 4px 10px;
            border-bottom: 1px solid @dividerColorNo9;
        }
        .container{
            padding: 10px;
            .ant-row{
                margin-bottom: 10px;
            }
        }
    }
    .handleBar{
        margin-left: 16px;
        margin-top: 0px;
        button {
            margin-right: 10px;
        }
    }
}
.backup{
    .config{
        margin-top: 10px;
        border: 1px solid @dividerColorNo9;
        .import{
            margin-top: 20px;
        }
        .fileLabel{
            text-align: left;
            padding-left: 18px;
        }
    }
}

.settings{
    & .ant-row{
        margin-bottom: 20px;
    }
    .default{
        margin-top: 10px;
        border: 1px solid @dividerColorNo9;
        // padding: 10px;
        .title{
            padding: 8px 14px;
            border-bottom: 1px solid @dividerColorNo9;
            font-weight: bold;
        }
        .container{
            padding: 20px 14px;
            .ant-checkbox-group{
                display: block;
                margin: 10px 0; 
            }
        }
    }
}
.netcapure {
    .ant-form-item {
        margin-bottom: 0;
    }
    .net-test {
        margin-top: 20px;
        .measure-content {
            border: 1px solid @dividerColorNo9;
            height: 240px;
            overflow-y: auto;
            font-size: 12px;
            padding: 0 12px;
            >div {
                white-space: pre-wrap;
            }
        }
        .LabelInput-behind-dark {
            padding: 0;
            button {
                margin-left: 8px;
            }
        }
        .summary {
            color: rgba(#000, 0.9);
            margin-top: 6px;
        }
    }
    .module-title {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 18px;
    }
    .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: 16px;
    > .ant-row {
        margin-bottom: 14px;
    }
}
._LogExport_{
    .table-row-focus {
        background-color: #E6F7FF;
    }
    .ant-table-wrapper{
        margin-top: 60px;
        margin-bottom: 100px;
    }
    .ant-table-body{
        overscroll-behavior: contain;
    }
    .ant-table-placeholder{
        border-left: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
    }
    .ant-table-footer{
        padding: 0;
        position: relative;
        top: -1px;
    }
    .table-footer {
        line-height: 80px;
        background: white;
        border: 1px solid #e8e8e8;
        border-bottom: none;
    }
    .table-footer-item {
        height: 40px;
        padding: 0 30px;
        line-height: 40px;
        background: white;
        border-bottom: 1px solid #e8e8e8;
    }
    table{
        border: 1px solid #e8e8e8;
        border-width: 0px 1px;
    }
}
._MountInfo_ {
    .RowItem {
        margin-bottom: 10px;
    }
    .handlerButton{
        & button:nth-child(n+2){
            margin-left: 10px;
        }
    }
}
._OneClickExport_ {
    .oneClick-export-modal {
        .ant-modal-body {
            margin: 10px 60px 25px; 
        }
        .file-info {
            .file-name {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                margin-bottom: 5px;
            }
        }
    }
}
._RegionSelect_ {
    .formItem {
        margin-bottom: 15px;
    }
    .handleBar{
        button {
            margin-right: 10px;
        }
    }
    .AreaLabel {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        word-wrap: normal;
        line-height: 32px;
        max-width: 100%;
    }
    .AreaSet {
        .ant-cascader-picker {
            display: inline-block;
            width: 100%;
        }
    }
    .ant-cascader-menu {
        height: 300px !important;
    }
}



._OneClickDiagnosis_ {
    width: 100%;
    height: calc(100vh - 92px);
    background-color: @main_background_color;
    margin-right: 20/@px-unit; //为了不eslint告警写一个
    .result-box {
        width: 100%;
        height: 160px;
        background-color: @homePageNo1;
        position: relative;
        &__main {
            padding: 20px 30px 20px 2px;
            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: 115px;
                min-height: 40px;
            }
        }
        &__title {
            font-size: 28px;
            margin-bottom: 5px;
        }
        &__tip {
            color: rgba(0, 0, 0, 0.45);
        }
        &__detail {
            margin-top: 10px;
            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: 16px;
            cursor: pointer;
            color: @linkColorNo20;
        }
    }
    .check-box {
        margin-top: 12px;
        height: calc(100% - 172px);
        background-color: @homePageNo1;
        overflow-y: auto;
        position: relative;
        &__lists {
            &:not(:first-child) {
                margin-top: 16px;
            }
        }
        .lists-header {
            height: 48px;
            line-height: 48px;
            padding-left: 32px;
            font-weight: bold;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        }
        &__item {
            height: 88px;
            padding: 16px 32px;
            border-bottom: 1px 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: 7px;
            background: transparent;
            svg circle {
                fill: rgba(0, 0, 0, 0.35);
            }
            &.Normal {
                svg circle {
                    fill: #1890FF;
                }
            }
            &.Warning, &.Abnormal{
                svg circle {
                    fill: @warnColorNo18;
                }
            }
        }
        &__detail {
            margin-left: 16px;
            .module-name {
                font-size: 18px;
                margin-bottom: 8px;
                &__tag{
                    display: inline-block;
                    // width: 40px;
                    height: 22px;
                    line-height: 22px;
                    text-align: center;
                    font-size: 12px;
                    border-radius: 2px;
                    margin-left: 11px;
                    padding: 0 8px;
                    &.Warning, &.Abnormal{
                        background-color: rgba(250, 173, 20, 0.06);
                        border: solid 1px rgba(250, 173, 20, 0.45);
                        color: @warnColorNo18;
                    }
                    &.Normal{
                        background-color: rgba(82, 196, 26, 0.06);
                        border: solid 1px rgba(82, 196, 26, 0.45);
                        color: @successColorNo19;
                    }
                }
            }
            >span {
                color: rgba(0, 0, 0, 0.45);
            }
        }
    }
    .m-min-w-115 {
        min-width: 115px;
        display: inline-block;
        padding: 0 15px;
    }
    .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%);
        }
    }
}
.diagnosis-detail-modal.detail-modal{
    .detail-modal__description {
        margin-bottom: 10px;
        font-weight: bold;
        &.network {
            margin-bottom: 0;
        }
        .myicon {
            margin-right: 6px;
        }
    }
    .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: 65px;
        text-align: center;
    }
    .ant-modal-body {
        padding: 0;
        .error-tip {
            padding: 20px 40px;
            border-bottom: 1px solid @dividerColorNo9;
        }
        .error-list {
            >div {
                padding: 20px 40px;
                &:not(:last-child) {
                    border-bottom: 1px solid @dividerColorNo9;
                }
            }
            .advice-item {
                margin-top: 5px;
                .error-item__advice {
                    color: rgba(255, 153, 0);
                }
            }
           
        }
        .powerState-modal{
            .error-tip {
                border-bottom: none;
                padding-bottom: 0;
                padding: 24px;
            }
            .error-list {
                >div {
                    padding: 16px 24px 24px;
                }
            }
        }
    }
}



._MecEventConfig_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-left: 20/@px-unit; //为了不eslint告警写一个
    padding-top: 20/@px-unit; //为了不eslint告警写一个
}

._DelayCamera_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    width: 100%;
}


._NetFlow_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-left: 20/@px-unit; //为了不eslint告警写一个
    .red {
        color: #FF0000;
    }

    .gray {
        color: #3C3C3C;
    }
}

._BKXWJ_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中

    .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_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中

    .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_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中

    .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: 170px !important;
        }
    }
    .has-error .ant-legacy-form-explain{
        color: @errorColorNo17;
    }
    
    .ant-card{
        .ant-card-head{
            background-color: @panelBackgroundColor;
        }
    }
}


._LC_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中

    .p2p_Offline {
        color: @errorColorNo17;
    }
    
    .p2p_Online {
        color: @successColorNo19;
    }
    .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;
    }
}


._ONVIF_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
   
    .ONVIF_Offline {
        color: @errorColorNo17;
    }
    
    .ONVIF_Online {
        color: @successColorNo19;
    }
    
    .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;
    }
}


._P2P_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中

    .p2p_Offline {
        color: @errorColorNo17;
    }
    
    .p2p_Online {
        color: @successColorNo19;
    }
    .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;
    }
}


._VSPGAVI_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中

    .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;
        }
    }
}


._VSPGB_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中

    .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;
    }
    .span-label{
        padding-left: 30 /@px-unit;
        width: 150 /@px-unit;
    }
    .span-text{
        padding-left: 10 /@px-unit;
        width: 110 /@px-unit;
    }
}


._VSPGBCert_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中

    .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;
    }
    .label-normal-wrapper  {
        .fileReader-input{
            width: 340 /@px-unit;
        }
    }
  
}


._YHL_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中

    .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;
        }
    }
    
}

._AutoRegister_{

  width: 100%;
  .label-div-Container {
    .label-normal-container .label-normal-wrapper {
          .ant-input-number {
              width: 100%;
          }
      }
  }
}



._BaseService_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    width: 100%;
    .important-tip {
        color: @errorColorNo17;
    }
    .warnColor{
        color: @warnColorNo18
    }
}

._BroadcastConfig_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    width: 100%;
    .stream-title {
        padding-left: 14px;
        height: 34px;
        line-height: 34px;
        background-color: #f0f2f5;
        text-align: left;
        font-family: auto;
        font-weight: bold;
    }
    .stream-content {
        display: flex;
    }
    .stream-container {
        width: 786 / @font-size-normal;
        min-width: 511 / @font-size-normal;
    }
    .stream-border {
        border: 1 / @font-size-normal solid #e8e8e8;
    }
    .stream-border-right {
        margin: 0 0 0 -1 / @font-size-normal;
    }
}



._GBClient_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中

    
    .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;
    }
}


._ThirdCameraConfig_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中

    
    .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;
    }
}



._DDNS_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    width: 100%;
    .label-div-Container {
        .label-normal-container .label-normal-wrapper {
            .ant-input-number {
                width: 100%;
            }
        }
    }
    
    .ddns-behind {
        .label-div-Container {
            .label-normal-container {
                padding-top: 0 !important;
                padding-bottom: 0 !important;
            }
        }
    }

    .important-tip {
        color: @errorColorNo17;