line-height: 0;
            left: 12px;
            transform: translateY(-50%);
        }
        .ant-input {
            height: 44px;
            background: none;
            padding-left: 35px;
            background: none;
            border-radius: 25px;
            color: #ffffff;
            font-size: 14px;
            border: 1px solid rgba(255, 255, 255, 0.4);
            text-align: left;
        }
    }
    .login-formitem {
        .ant-input-affix-wrapper {
            border: 1px solid rgba(255, 255, 255, 0.4) !important;
            .ant-input {
                width: 88%;
                height: 42px;
                border: none !important;
            }
        } 
    }
}
.login-button {
    margin-top: 40px;
    height: 44px;
    max-height: 44px;
    font-size: 16px;
    font-weight: 200;
    border-radius: 20px;
    background: #2ab5fc;
}
.login-forget {
    position: absolute;
    right: 10px;
    bottom: -2px;
    line-height: 20px;
    opacity: 0.6;
    z-index: 1;
    font-size: 14px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    color:@loginForgetPasswordHoverColor;
    &:hover{
        color:@loginForgetPasswordHoverColor;
    }
    cursor: pointer;
    top: 50%;
    padding-left: 10px;
    transform: translateY(-50%);
}
.login-forget-talk {
    float: right;
    line-height: 20px;
    opacity: 0.6;
    z-index: 1;
    font-size: 14px;
    color:@loginForgetPasswordHoverColor;
    &:hover{
        color:@loginForgetPasswordHoverColor;
    }
    cursor: pointer;
}
.login-formitem {
    margin-top: 25px;
}
.device-select {
    margin-top: 20px;
    .ant-select-selector {
        background-color: transparent !important;
        height: 44px;
        border-radius:22px;
        color: @placeholder-color;
        border: 1px solid @loginInputBorderColor !important;
    }
    .ant-select-selector:hover {
        border: 1px solid @loginInputBorderHoverColor;
    }
    .ant-select-selection-item {
        line-height: 44px;
    }
    .ant-select-arrow {
        color:@loginInputBorderColor
    }
}
.login-container{
    height: 100vh;
    width:100vw;
}
.acs-logo {
    margin: 10px auto 30px;
    width: 55px;
    height: 55px;
    background-image: url('/static/media/acs.png');
}
.login-backgroundImage {
    position: absolute;
    height: 100%;
    width:100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-image: url('/static/media/bg.png')
}
.login-button{
    width:100%;
}
.login-icon{
    color: @loginIconColor;
}
.login-forminput {
    input:-webkit-autofill {
        -webkit-text-fill-color: #ffffff !important;
        box-shadow: 0 0 0px 1000px transparent inset !important;
        background-color: transparent;
        background-image: none;
        transition: background-color 50000s ease-in-out 0s;
        caret-color: #ffffff;
    }
    input {
        filter: none !important;
    }
}

.login-box-acs, .login-box-control {
    padding: 20px 44px;
    width: 440px;
    height: 520px;
    background-color: rgba(255, 255, 255, 0.1);
    border: solid 1px rgba(255, 255, 255, 0.2);
    margin-left: -220px;
    margin-top: -260px;

    .acs-logo {
        width: 96px;
        height: 96px;
        margin: 40px auto;
    }
    .login-forget {
        right: 18px;
        bottom: 4px;
        opacity: 1;
    }
    .login-button {
        margin-top: 60px;
        height: 50px;
        max-height: 50px;
        border-radius: 25px;
    }
    .ant-input-affix-wrapper {
        .ant-input-prefix {
            left: 25px;
            .login-icon {
                color: #ffffff;
                opacity: 0.3;
            }
        }
        .ant-input {
            height: 50px;
            padding-left: 60px;
        }
        ::placeholder {
            color: #ffffff !important;
        }
    }
    .login-formitem {
        .ant-input-affix-wrapper {
            .ant-input {
                height: 48px;
            }
        } 
    }
}

.login-box-talk {
    .acs-logo {
        background-size: 55px 55px;
        margin: 15px auto 25px;
    }
}

@placeholder-color:rgba(255, 255, 255, 0.6);
@loginInputBorderColor:rgba(255, 255, 255, 0.2);
@loginInputBorderHoverColor:rgba(255, 255, 255, 0.5);
.Login-Form{
    background-color: transparent;
    text-align: center;

    .label-normal-container {
        width: 100%;
        padding-top: 0 !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 {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        background: none;
        border: none !important;
        border-radius: 25px;
        &:focus {
            border: none;
            outline: none;
        }
        .ant-input-prefix {
            position: absolute;
            top: 50%;
            line-height: 0;
            left: 12px;
            transform: translateY(-50%);
        }
        .ant-input {
            height: 44px;
            background: none;
            padding-left: 35px;
            background: none;
            border-radius: 25px;
            color: #ffffff;
            font-size: 14px;
            border: 1px solid rgba(255, 255, 255, 0.4);
            text-align: left;
        }
    }
    .login-formitem {
        .ant-input-affix-wrapper {
            border: 1px solid rgba(255, 255, 255, 0.4) !important;
            .ant-input {
                width: 88%;
                height: 42px;
                border: none !important;
            }
        } 
    }
}
.login-button {
    margin-top: 40px;
    height: 44px;
    max-height: 44px;
    font-size: 16px;
    font-weight: 200;
    border-radius: 20px;
    background: #2ab5fc;
}
.login-forget {
    position: absolute;
    right: 10px;
    bottom: -2px;
    line-height: 20px;
    opacity: 0.6;
    z-index: 1;
    font-size: 14px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    color:@loginForgetPasswordHoverColor;
    &:hover{
        color:@loginForgetPasswordHoverColor;
    }
    cursor: pointer;
    top: 50%;
    padding-left: 10px;
    transform: translateY(-50%);
}
.login-forget-talk {
    float: right;
    line-height: 20px;
    opacity: 0.6;
    z-index: 1;
    font-size: 14px;
    color:@loginForgetPasswordHoverColor;
    &:hover{
        color:@loginForgetPasswordHoverColor;
    }
    cursor: pointer;
}
.login-formitem {
    margin-top: 25px;
}
.device-select {
    margin-top: 20px;
    .ant-select-selector {
        background-color: transparent !important;
        height: 44px;
        border-radius:22px;
        color: @placeholder-color;
        border: 1px solid @loginInputBorderColor !important;
    }
    .ant-select-selector:hover {
        border: 1px solid @loginInputBorderHoverColor;
    }
    .ant-select-selection-item {
        line-height: 44px;
    }
    .ant-select-arrow {
        color:@loginInputBorderColor
    }
}
.login-container{
    height: 100vh;
    width:100vw;
}
.acs-logo {
    margin: 10px auto 30px;
    width: 55px;
    height: 55px;
    background-image: url('/static/media/acs.png');
}
.login-backgroundImage {
    position: absolute;
    height: 100%;
    width:100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-image: url('/static/media/bg.png')
}
.login-button{
    width:100%;
}
.login-icon{
    color: @loginIconColor;
}
.login-forminput {
    input:-webkit-autofill {
        -webkit-text-fill-color: #ffffff !important;
        box-shadow: 0 0 0px 1000px transparent inset !important;
        background-color: transparent;
        background-image: none;
        transition: background-color 50000s ease-in-out 0s;
        caret-color: #ffffff;
    }
    input {
        filter: none !important;
    }
}

.login-box-acs, .login-box-control {
    padding: 20px 44px;
    width: 440px;
    height: 520px;
    background-color: rgba(255, 255, 255, 0.1);
    border: solid 1px rgba(255, 255, 255, 0.2);
    margin-left: -220px;
    margin-top: -260px;

    .acs-logo {
        width: 96px;
        height: 96px;
        margin: 40px auto;
    }
    .login-forget {
        right: 18px;
        bottom: 4px;
        opacity: 1;
    }
    .login-button {
        margin-top: 60px;
        height: 50px;
        max-height: 50px;
        border-radius: 25px;
    }
    .ant-input-affix-wrapper {
        .ant-input-prefix {
            left: 25px;
            .login-icon {
                color: #ffffff;
                opacity: 0.3;
            }
        }
        .ant-input {
            height: 50px;
            padding-left: 60px;
        }
        ::placeholder {
            color: #ffffff !important;
        }
    }
    .login-formitem {
        .ant-input-affix-wrapper {
            .ant-input {
                height: 48px;
            }
        } 
    }
}

.login-box-talk {
    .acs-logo {
        background-size: 55px 55px;
        margin: 15px auto 25px;
    }
}

.login-box-vta {
    .acs-logo {
        background-size: 55px 55px;
        margin: 15px auto 25px;
    }
    .login-button {
        margin-top: 30px;
    }
}

.login-box-vtnc {
    .acs-logo {
        background-size: 55px 55px;
        margin: 15px auto 25px;
    }
}
._LogsCapture_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding: 16px;
}



._LogTemplate_ {
    display: flex;

    &Device {
        min-width: 300px;
        margin-right: 10px;

        &-header {
            padding: 15px 10px;
            border-bottom: 1px solid @disableColorNo7;
        }

        &-container {
            border-right: 1px solid @dividerColorNo9;
            height: calc(100% - 52px);
            // overflow-y: scroll;
        }

        &-search {
            padding: 15px 10px;
        }
    }

    &Table {
        flex: 1;
    }

    &header {

        // display: flex;
        // justify-content: space-between;
        // align-items: center;
        // margin: 10px 0;
        &-part {
            display: flex;
        }

        &-part+&-part {
            border-top: 1px solid #484C55;
            padding-top: 16px;
            margin-top: 16px;
        }

        &-label {
            display: inline-block;
            // width: 120px;
            text-align: right;
            margin-right: 10px;
        }

        &-input,
        &-select {
            display: inline-block;
            width: 160px;
        }

        &-timerange,
        &-select {
            margin-right: 64px;
        }

        &-search-btn {
            margin-left: -40px;
        }

        .sub-type-com {
            margin-left: -54px;
        }

        &-btn {
            margin-right: 10px;
        }

        &-search {
            width: 200px;
            margin-right: 24px;
        }

        &-timerange {
            display: flex;
            align-items: center;
        }

        &-subType {
            width: 160px;
            margin-right: 64px;
        }
    }

    &container {
        // margin: 10px auto;

        &-table {
            // min-height: 500px;
        }
    }

    &Modal {
        &-container {
            display: flex;
            margin-top: 20px;
        }

        &-tree {
            width: 350px;
            min-height: 450px;
            padding: 5px;
            border: 1px solid @dividerColorNo9;
            // overflow-y: scroll;
        }

        &-header {
            padding: 15px 10px;
            border-bottom: 1px solid @dividerColorNo9;
        }
    }

    &logTotal {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }

    .log-fullcheck {
        height: 32px;
        line-height: 32px;

        span {
            height: 32px;
            line-height: 32px;
            margin-left: 10px;
        }
    }

}

._DeviceTree_ {}

th.table-header {
    background-color: @listBorderColorNo8  !important;
}

.ant-table-footer {
    padding: 10px 10px;
    background: @contentBgColorNo15
}

.openRecord_temp {
    color: red;
}
._custom-tmper-input_ {
    .adm-input-prefix, .adm-input-extra {
        width: 60px;
        height: 40px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border: 1px solid #eee;
    }
    .adm-input {
        width: calc(100% - 160px);
        flex: 1 1 auto;
        height: 40px;
        padding-left: 10px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }
}
.logfilterDropdown{
    .adm-button-primary{
        background-color: #00a335;
    }
}

._MaintenanceAndBackup_{
  background: @contentBgColorNo15;
  min-height: 90vh;
  
  .fileInput {
    // 重置文件上传的间距有问题
    div:nth-child(3),div:nth-child(4) {
      width: auto;
      margin-left: 26px;
    }
  }
  .labelSwitch-label-Col, .labelSelect-label-Col,.LabelInput-label-Col{
    text-align: left;
  }
  .fn-mb14{
    margin-bottom: 14px;
  }
  .restart{
    margin: 16px;
    border: 1px solid @dividerColorNo9;
    .title{
      padding: 8px 16px;
      font-weight: bold;
      border-bottom: 1px solid @dividerColorNo9;
    }
    .container{
      padding: 30px 32px 14px 32px;
    }
    .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: 10px;
    button {
      margin-right: 10px;
    }
  }
  .backup{
    margin: 16px;
    .config{
        margin-top: 10px;
        border: 1px solid @dividerColorNo9;
        .import{
            margin-top: 20px;
        }
        .fileLabel{
            text-align: left;
            margin-left: 10px;
        }
    }
  }
  .settings{
    margin: 16px;
    .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; 
        }
      }
    }
  }
}
.empty{
  text-align: center;
  height: 90vh;
  line-height: 90vh;
}

._MeasureTemperature_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    
    .video-wrap-div {
        border: '1px solid red';
        height: '500px';
        width: 433px;
    }
    .video-wrap {
        width: 430px;
        height: 338px;
        display: inline-block;
        background-color: black;
        border: 1px solid black;
    }
}
._MIP_ {
    .ant-form-item {
        margin-bottom: 8px !important;

        .ant-form-item-label {
            flex: 0 0 180px;
            max-width: unset;
        }
        .ant-form-item-control {
            flex: 0 0 220px;
            max-width: unset;
        }
    }
}
@moudleSide: 170px;
@moudleMargin: 8px;
@moudleBorder: @moudleMargin solid #fff;
@containerSide: 24px;
@hafMoudleHeight: (@moudleSide - @moudleMargin) / 2;

._ModuleDevInfo_ {
    .module-container {
        display: inline-block;
        min-width: 590px;
        height: 590px;
        background-color: #cccccc;
        padding: @containerSide;
        position: relative;

        .module-wrap,
        .module-bg-wrap {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            height: 100%;
            align-content: flex-start;

            .module,
            .module-bg {
                width: @moudleSide;
                flex: 0 0 @moudleSide;
            }

            .half {
                flex: 0 0 @hafMoudleHeight;
            }

            .module {
                margin-top: @moudleMargin;
                margin-left: @moudleMargin;

                .img-wrap {
                    position: relative;

                    .upgrade {
                        display: inline-block;
                        position: absolute;
                        right: 4px;
                        bottom: 0px;
                        cursor: pointer;
                    }
    
                    .room-num {
                        position: absolute;
                        left: 50px;
                        color: #1f1f1f;
                        width: 30px;
                        text-align: center;
                    }
                }
            }

            .module-bg {
                box-sizing: content-box;
                border-top: @moudleBorder;
                border-right: @moudleBorder;
                background-color: #e1e1e1;
                position: relative;

                &:nth-child(3n), &:last-child {
                    border-bottom: @moudleBorder;
                }
                &:nth-child(-n+3) {
                    border-left: @moudleBorder;
                }
                img {
                    position: absolute;
                }

                &::before {
                    content: '';
                    display: inline-block;
                    position: absolute;
                    width: 100%;
                    height: @moudleMargin;
                    margin-top: @hafMoudleHeight;
                    background-color: #fff;
                }
            }
        }
        .module-wrap {
            position: absolute;
            top: @containerSide;
            z-index: 10;
        }
    }
    .ant-spin-nested-loading {
        display: inline-block;
    }
}

.module-dev-upgrade-modal {
    .fileLabel {
        text-align: left;
    }
    .progress-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .adjoint + .adjoint {
        margin-left: 16px;
    }
}

._ModuleInfo_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    .m-content {
        height: 100%;
        border-top: 1px solid #e8e8ee;
        border-right: 1px solid #e8e8ee;
        border-left: 1px solid #e8e8ee;
    }
    > .ant-row {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .z-sections {
        min-height: calc(100% - 41px);
        &:nth-child(n+2) {
            border-top: @border-normal;
        }
        .z-sections-content {
            padding: 0;
        }
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .btns {
        text-align: right;
    }
}

._MotionDetect_ {
    width: 100%;
    min-width: 850px;
    display: flex;

    &left {
        width: 500px;
    }

    &right {
        flex: 1;
    }

    &row {
        margin: 10px 0;
        display: flex;
        align-items: center;
    }

    &btn {
        margin-right: 10px;
    }
    
    &Slider {
        display: inline-block;
        width: 200px;
    }

    &label {
        display: inline-block;
        width: 160px;
        text-align: left;
        margin: auto 10px auto 0;
    }

    &spin {
        position: absolute;
        top: 50%;
        right: 50%;
    }

    .video-wrap {
        width: 430px;
        height: 338px;
        display: inline-block;
        background-color: black;
        border: 1px solid black;
    }
    .ant-tooltip-inner {
        color: #fff;
        padding: 4px 8px;
    }

}

._figure_ {
    margin-left: 115px;

    .figure-wrap {
      margin: 20px auto;
      position: relative; 
      background-image: url(/static/media/motion_figure.763d43f2.png);
      background-repeat: repeat;
      background-position: center;
    }
  
    .figure-canvas {
      position: relative;
      height: 100%;
      left: 0px;
    }
  
    .figure-threshold {
      position: absolute;
      height: 1px;
      width: 100%;
      left: 0px;
      background-color: #000;
    }
  }

.empty {
    margin-left: 200px;
}


._AreaDraw_ {
   position: absolute;
   width: 506/@px-unit;
   height: 324/@px-unit;
   top: 0px;
   left: 0px;
   margin: 2/@px-unit;
   .area-canvas {
      opacity: 0.5;
   }
   .drag-canvas {
      position: absolute;
      opacity: 0.3;
      top: 0px;
      left: 0px;
   }
}


@regionButtonCheckedBgColor: @deviceOffline;
@videoWrapWidth1: 510 / @px-unit;
@videoWrapHeight1: 328 / @px-unit;
@areaWidth1: 510 / @px-unit;
@configAreaWidth1: @areaWidth1 + 24 / @px-unit;
@deleteBarHeight: 36 / @px-unit;

._MotionDetectBase_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    min-width: 1120 / @px-unit; //����1920�ֱ�����ʾ��ȫʱ������
    .number-input {
        width: 60/@px-unit;
    }
    // ._Video_ {
    //     width: @videoWrapWidth1;
    //     height: @videoWrapHeight1;
    // }
    .video-area {
        // width: @areaWidth1;
        // height: @videoWrapHeight1 + @deleteBarHeight;
        width: 430px;
        height: 338px;
        position: absolute;
    }
    .alarm-alert {
        min-width: 60%;
        max-width: 100%;
        height: 32/@px-unit;
    }

    .config-area {
        padding-left: @configAreaWidth1;
        min-height: @videoWrapHeight1 + @deleteBarHeight;
        .ant-alert {
            width: 100%;
        }
        .ant-alert-icon {
            top: 12/@px-unit;
        }
    }

    .ant-alert {
        width: 100%;
    }
    .ant-alert-icon {
        top: 12/@px-unit;
    }
    .delete-bar {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        height: 36/@px-unit;
        background: @listBorderColorNo8;
        padding: 6px 0;
    }
    .delete-icon {
        height: 24/@px-unit;
        width: 24/@px-unit;
        font-size: 20/@px-unit;
    }
    .region-radio-group {
        display: flex;
        .region-radio {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 30/@px-unit;
            width: 30/@px-unit;
            font-size: 24/@px-unit;
            border: none;
            text-align: center;
            box-shadow: none;
            .region-icon-wrapper {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .region-icon0 {
                color: red;
            }
            .region-icon1 {
                color: orange;
            }
            .region-icon2 {
                color: blue;
            }
            .region-icon3 {
                color: green;
            }
            &:not(:first-child)::before {
                width: 0;
            }
        }
        .ant-radio-button-wrapper-checked {
            border: none;
            .ant-radio-button {
                background-color: @regionButtonCheckedBgColor;
                opacity: 0.3;
            }
        }
    }


    .video-wrap{
        width: 430px;
        height: 338px;
        display: inline-block;
        background-color: black;
        border: 1px solid black;
    }

    .video-clear{
        margin-top: -10px;
        width: 430px;
        height: 30px;
        background-color: #d9d9d9;
        padding: 2px;
        line-height: 30px;
        display: flex;
        justify-content: flex-end;
        .video-icon{
            font-size: 18/@px-unit;
        }
    }
}

._figure_ {
    margin-left: 115px;

    .figure-wrap {
      margin: 20px auto;
      position: relative; 
      background-image: url(/static/media/motion_figure.763d43f2.png);
      background-repeat: repeat;
      background-position: center;
    }
  
    .figure-canvas {
      position: relative;
      height: 100%;
      left: 0px;
    }
  
    .figure-threshold {
      position: absolute;
      height: 1px;
      width: 100%;
      left: 0px;
      background-color: #000;
    }
  }

._Nat_ {

}

.netcapure {
    .m-form-base {
        border: 1px solid #484C55;
        margin-bottom: -1px;
        .m-form-control {
            .m-form-span {
                font-size: 15px;
                font-weight: bold;
                margin: 5px 0 5px 10px;
                padding: 5px 0;
            }
           .net-test {
                padding-left:12px;
                padding-top:8px;
                .ant-form-item-label{
                    padding-top:8px !important;
                    >label{
                        line-height: 32px;
                    }
                }
                .measure-content {
                    border: 1px solid @border-color;
                    height: 240px !important;
                    overflow-y: auto;
                    font-size: 12px;
                    margin-top: 8px;
                    padding:0 12px;
                    >div {
                        white-space: pre-wrap;
                    }
                }
                .measure-button{
                    margin-top: 8px;
                    margin-left:8px;
                }
                .LabelInput-behind-dark {
                    padding: 0;
                    button {
                        margin-left: 8px;
                    }
                }
                .summary {
                    color: rgba(#000, 0.9);
                    margin:8px 0;
                    .label-normal-container {
                        padding: 0 !important;
                    }
                }
                .ant-input, .ant-input-number-input {
                    &::-webkit-input-placeholder {
                        color: #bfbfbf !important;
                    }
                    &::-ms-input-placeholder {
                        color: #bfbfbf !important;
                    }
                    &::-moz-placeholder {
                        color: #bfbfbf !important;
                    }
                }
            }
            .packet_capture{
                margin-top:-16px;
                .ip_input{
                    display: inline-block;
                    width:60%;
                }
                .port_input{
                    display: inline-block;
                    width:30%;
                }
                .span_input{
                    display: inline-block;
                    margin:0 5px;
                }
            }
        }
    }
}
._NetRS485_ {
    // .ant-form-item {
    //     margin-bottom: 8px !important;

    //     .ant-form-item-label {
    //         flex: 0 0 180px;
    //         max-width: unset;
    //     }
    //     .ant-form-item-control {
    //         flex: 0 0 220px;
    //         max-width: unset;
    //     }
    // }
}
._Network_ {
    background-color:pink;
    font-size: 20px;
}
._OfflineDevComponent_ {
    // &_modal_content{
    // .ant-form-item,
    // .form-extra {
    //     margin-bottom: 16px !important;
    // }
    // .type-select {
    //     padding-bottom: 30px;
    //     margin-bottom: 28px;
    //     border-bottom: 1px solid #e9ebee;
    // }
    // .label-normal-container {
    //     padding: 0 !important;

    //     .label-normal-wrapper {
    //         width: unset !important;
    //     }
    // }
    // .ant-form {
    //     .ant-form-item:last-child {
    //         margin-bottom: 0 !important;
    //     }
    // }
    // .ant-form-item-label {
    //     text-overflow: ellipsis;
    //     padding-top: 5px;
    
    //     & > label {
    //         display: inline;
    //     }
    // }
    // .label-password-container {
    //     .ant-form-item-has-error .ant-form-item-explain,
    //     .ant-form-item-explain {
    //         margin-left: 196px;
    //     }
    //     .ant-input-affix-wrapper {
    //         width: 236px;
    //     }
    // }}
    &content{
        .ant-form-item,.form-extra {
            margin-bottom: 16px !important;
            }
            .type-select {
                padding-bottom: 30px;
                margin-bottom: 28px;
                border-bottom: 1px solid #e9ebee;
            }
            .label-normal-container {
                padding: 0 !important;
                .label-normal-wrapper {
                    width: 220px;
                }
            }
            .ant-form {
                .ant-form-item:last-child {
                    margin-bottom: 0 !important;
                }
            }
            .ant-form-item-label {
                text-overflow: ellipsis;
                padding-top: 5px;
                & > label {
                    display: inline;
                }
            }
    }
    
}
.modal_add{
    .ant-modal-header{
        height:49px;
        .ant-modal-title{
            height:21px;
        }
    }
    .ant-modal-footer{
        height:64px;
        padding:15px 25px;
        .ant-btn + .ant-btn{
            margin-left:10px;
        }
    }
}
.ant-divider-horizontal {
    margin: 20px 0 !important;
  }

.labelContainerClassName{
    width:220px
}

._OfflineDevComponent_ {
    min-height: calc(100vh - 96px);
    height: auto;
    background: #fff;
    overflow: hidden;
       .round {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            &.online {
                background-color: @successColorNo19;
            }
            &.offline {
                background-color: @errorColorNo17;
            }
        }
    .sync_sucess{
        color:@successColorNo19;
    }
    .sync_fail{
        color:@errorColorNo17;
    }
    .online_info{
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .ant-table-filter-trigger{
        margin: 0px 0px -5px 0px !important;
    }
}

._OfflineDevManager_ {
    min-height: calc(100vh - 96px);
    height: auto;
    padding: 20px 32px 32px 24px;
    margin: 16px;
    background: #fff;
    overflow: hidden;
    .title-row{
        height:32px; 
        margin-bottom: 10px;;
        text-align: center;
        .displayMode{
            font-family:'Microsoft YaHei';
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 16px;
            letter-spacing: 0px;
            color: #1f1f1f;
            display: inline-block;
            position: absolute;
            right:115px;
            margin:8px 0;
            height:20px;
            line-height:20px;
        }
        .changeMode{
            display: inline-block;
            position: absolute;
            right:48px;
            width:45px;
            .label-normal-wrapper  {
                width:45px;
                .sdd-swtich-contianer{
                    margin-top: -6px;
                    width:45px;
                }
            }
            
        }
    }
    ._DevManager_{
        margin: -24px -32px -32px -32px;
    }
    .ant-table-filter-trigger{
        margin: 0px 0px -5px 0px !important;
    }
}




._OneClickDiagnosis_ {
    // background-color: @body-background;
    margin: -16px;

    .result-box {
        width: 100%;
        height: 160px;
        background-color: #2d302d;
        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: #fff;
                }
            }
            .ant-btn {
                min-width: 115px;
                min-height: 40px;
            }
        }
        &__title {
            font-size: 28px;
            margin-bottom: 5px;
        }
        &__tip {
            color: #fff;
        }
        &__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: @export-color;
        }
    }
    .check-box {
        height: calc(100vh - 300px);
        background-color: #2d302d;
        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 #484C55;
        }
        &__item {
            height: 88px;
            padding: 16px 32px;
            border-bottom: 1px solid #484C55;
            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: @warnColor;
                }
            }
        }
        &__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: @warnColor;
                    }
                    &.Normal{
                        background-color: rgba(82, 196, 26, 0.06);
                        border: solid 1px rgba(82, 196, 26, 0.45);
                        color: @normalColor;
                    }
                }
            }
            >span {
                color: #fff;
            }
        }
    }
    .split {
        height: 12px;
        //background-color: #2d302d;
        margin: 0 -16px;
    }
    .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;
    }
    .result-empty {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
}
.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 @border-color;
        }
        .error-list {
            >div {
                padding: 20px 40px;
                &:not(:last-child) {
                    border-bottom: 1px solid @border-color;
                }
            }
            .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;
                }
            }
        }
    }
}

._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;
            }
        }
    }
    .ant-alert-info {
        display: inline-block;

        .ant-alert-content {
            display: inline-block;
        }
    }
}
.OnlineDevComponent_modal_content {
    .ant-form-item,
    .form-extra {
        margin-bottom: 16px !important;
    }
    .type-select {
        padding-bottom: 30px;
        margin-bottom: 28px;
        border-bottom: 1px solid #e9ebee;
    }
    .label-normal-container {
        padding: 0 !important;

        .label-normal-wrapper {
            width: unset !important;
        }
    }
    .ant-form {
        .ant-form-item:last-child {
            margin-bottom: 0 !important;
        }
    }
    .ant-form-item-label {
        text-overflow: ellipsis;
        padding-top: 5px;
    
        & > label {
            display: inline;
        }
    }
    .label-password-container {
        .ant-form-item-has-error .ant-form-item-explain,
        .ant-form-item-explain {
            margin-left: 196px;
        }
        .ant-input-affix-wrapper {
            width: 236px;
        }
    }
}


._OnlineDevComponent_ {
    min-height: calc(100vh - 96px);
    height: auto;
    background: #fff;
    overflow: hidden;

    .ant-btn-link {
        padding: 0;
    }

    .round {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        
        &.online {
            background-color: @successColorNo19;
        }
        &.offline {
            background-color: @errorColorNo17;
        }
    }
}

.filter-dropdown-radio {
    width: 140px;
    display: flex;
    flex-direction: column;
    padding: 8px;

    .ant-radio-wrapper {
        width: 100%;
        line-height: 32px;

        &.selected {
            background-color: @secondNavHoverColorNo14;
            color: @btnHoverColorNo2;
        }
        .ant-radio {
            display: none;
        }
    } 
}

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

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

}
._OpenRecordLogMobile_ {
    .better-scroll-container {
        height: calc(100vh - 88px);
        overflow-y: hidden;
    }
    .m-sections {
        margin-top: 0;
        margin-bottom: 0;
        background-color: #F0F2F5;
    }
    .log-item {
        position: relative;
        background-color: #fff;
        padding: 16px;
        border-bottom: 1px solid #eee;
        &:last-child {
            border-radius: 0 0 8px 8px;
        }
        .log-item-descwrap {
            font-size: 14px;
            color: #8c8c8c;
        }
    }
    .adm-log-filter {
        .adm-dropdown {
            background-color: #F0F2F5;
        }
    }
    .adm-dropdown-item {
        flex: 0 1 auto;
        &:first-child .adm-dropdown-item-title {
            padding-left: 15px;
        }
    }
    .right-arrow {
        position: absolute;
        right: 15px;
        top: 27px;
        color: #cecece;
    }
    
}
._OpenRecordLog_Mobile_popup_ {
    background-color: #F0F2F5;
    .main {
        height: calc(100vh - 45px);
        overflow-y: auto;
    }
    .adm-image {
        padding-top: 10px;
        padding-bottom: 10px;
        display: flex;
        justify-content: center;
    }
    img {
        width: auto;
        max-height: 300px;
    }
    .red {
        color: red;
    }
}

._P2P_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    .info {
        width: 500px;
        padding: 8px 0px;
    }
    .qrcode {
        padding: 8px 0px 8px 108px;
    }
    .offline {
        width: 10px;
        height: 10px;
        display: inline-block;
        background-color: #f5222d;
        border-radius: 10px;
        margin-right: 5px;
    }
    .online {
        width: 10px;
        height: 10px;
        display: inline-block;
        background-color: #52c41a;
        border-radius: 10px;
        margin-right: 5px;
    }
    .YunLianCodeContainer{
        margin-left:20px;
        display: flex;
        flex-direction: column;
        span{
            text-align: center;
        }
       
    }
    .qrcodeContainer{
        padding:5px;
        background-color: #fff;
    }
    .labelText-wrapper{
        p{
            white-space: normal;
            word-break:break-word;
        }
    }
}


._P2PMobile_ {
    padding-bottom: 80px;
    .description {
        .adm-list-item-content {
            border-top:none;
            .adm-list-item-content-main {
                padding: 0 0 0.375rem 0;
            }
        }
    }
    .qrcode {
        display: flex;
        justify-content: center;
        padding: 20px 0;
        .adm-list {
            --border-top: none;
            --border-bottom: none;
        }
    }
    .offline {
        width: 10px;
        height: 10px;
        display: inline-block;
        background-color: #f5222d;
        border-radius: 10px;
        margin-right: 5px;
    }
    .online {
        width: 10px;
        height: 10px;
        display: inline-block;
        background-color: #52c41a;
        border-radius: 10px;
        margin-right: 5px;
    }
}

._PassConfig_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    .safelevel .labelSlider-center {
        margin: 0;
    }
    h4 {
        font-weight: bold;
    }
}


._PasswordReset_{
    .header-height {
        height: 64px;
        color:@text-color;
        background-color: @btnNormalColorNo1;
        position: fixed;
        width: 100%;
        z-index: 100;
    }
   
    .header-logo {
        cursor: pointer;
    }
    .section-body {
        background-color: @homePageNo1;
        display: flex;
        justify-content: center;
    }
    .clearfix {
        height: 64px;
        &::after {
          content: ".";            
          display: block;        
          height: 0;
          visibility: hidden;  
          clear: both;   
        }
      }
    .header-logo {
        line-height: 64px;
        margin-left: 20px;
    }
    .header-color{
        // background-color: @topHomeBorderColor;
        margin-left: 10px;
    }
    .section-body{
        // border: 1px solid @listBorderColorNo8;
        width: 100%;
        // background-color: @contentBgColorNo15;
        padding: 30px 30px 30px 30px;
        .ant-input::-webkit-input-placeholder {
            color:#bfbfbf !important;
        }
        
    }
    .resetContent-row{
        width:100%
    }
    .splitLine{
        border-bottom:1px solid #484C55;
        height:1px;
        width:100%;
    }
    .section-container{
        border:1px solid #484C55;
        padding:16px;
    }
    .qrcode-message{
        float: left;
        width:calc(100% - 320px);
    }
    .qrcode-p{
        padding-left: 50px;
        color: #ff4505;
        word-break: normal;
    }
    .qrcode {
        // border: 1px solid @listBorderColorNo8;
        padding: 5px;
        margin-top: 65px;
        margin-left: 30px;
    }