cursor: move;
        overflow: hidden;
        margin-left: 10px;
        float: left;
        border-radius: 4px;
        margin-top: 10px;
    }
}
.videoSortableItems {
    width:430px;
    background-color: #000;
    min-height: 0;
    margin: 0;
    .osd_move {
        margin-left: 5px;
    }
}
.SnapOSDList {
    width: 420px;
    padding: 10px;
    background: #fff;
    .ant-checkbox-group-item {
        width: 120px;
        margin-top: 10px;
    }
    .ant-btn {
        width: 90px;
        margin-top: 10px;
        margin-right: 10px;
        padding: 0px;
    }
    .labelText span {
        display: initial;
    }
}



._StateConfig_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    padding-top: 30px;
    padding-left: 32px;
    min-height: 860px;
    .container{
        // padding: 10px;
        // border: 1px solid @border-color;
        .list{
          padding: 4px 0;
          color: @textColorNo5;
          & .list-alert{
            color: @errorColorNo17;
            margin-left: 5px;
          }
        }
      }
}


._CameraFtpConfig_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-left: 20/@px-unit; //为了不eslint告警写一个
    width: 100%;
    .table-div{
        text-align: center;
        overflow-y: scroll;
        max-height: 500px;
    }
    .tabel-box{
        border: 1px solid #C8C8C8;
        table-layout:fixed;
        width: 100%;
        border-collapse:collapse;
    }
    tr th,td {
        border: 1px solid #C8C8C8;
        height: 30px;
        overflow: hidden;
        margin:auto 0;
    }
    .Tabpadding{
        padding-top: 20px;
    }
    .ant-tabs{
        height: auto;
    }

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

    .blank-th {
        width: 17/@px-unit;
        border-left-width: 0;
    }
}


._FtpSetConfig_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-left: 20/@px-unit; //为了不eslint告警写一个
    width: 100%;
    .table-div{
        text-align: center;
    }
    .ftp-format-name {
        color:rgba(0, 0, 0, 0.25);
        background-color: #f5f5f5;
        border: 1px solid #e8e8e8;
        box-shadow: none;
        // cursor: not-allowed;
        opacity: 1;
        padding: 4px 11px;
        width: 600px;
        // height: auto;
        margin-bottom: 20px;
        // word-break: normal;
        // word-wrap: normal;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .tabel-box{
        border: 1px solid #C8C8C8;
        table-layout:fixed;
        width: 100%;
        border-collapse:collapse;
    }
    tr th,td {
        border: 1px solid #C8C8C8;
        height: 30px;
        width: 135px;
        overflow: hidden;
        margin:auto 0;
    }
}

._DrawerContentComponent_ {
    // UI组件特有的CSS，
    padding-top: 0; //为了不eslint告警写一个
    .ant-collapse {
        .ant-collapse-item {
            .ant-collapse-header {
                padding: 16 / @px-unit;
            }
            .ant-collapse-content {
                fieldset {
                    border: 1/ @px-unit solid #d9d9d9;
                }
                .label-normal-wrapper {
                    .ant-input-number {
                        width: 100%;
                    }
                }
            }
        }
    }
}



._ITSEFtp_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-left: 20/@px-unit; //为了不eslint告警写一个
    padding-right: 20/@px-unit; //为了不eslint告警写一个
    width: 100%;
    .operation {
        margin-bottom: 30px;
    }
    .table-div{
        text-align: center;
        overflow-y: scroll;
        height: 500px;
    }
    .tabel-box{
        border: 1px solid #C8C8C8;
        table-layout:fixed;
        width: 100%;
        border-collapse:collapse;
    }
    tr th,td {
        border: 1px solid #C8C8C8;
        height: 30px;
        width: 120px;
        overflow: hidden;
        margin:auto 0;
    }
    .ftp-title-bg {
        background-color: @panelBackgroundColor;
    }
    .advance-download-name-modal {
        .ant-modal-body{
            padding: 0 24 / @font-size-normal 24 / @font-size-normal;
        }
    }
    .Tabpadding{
        padding-top: 20px;
    }
    .ant-tabs{
        height: auto;
    }
}
.flex-flow{
    display: flex;
}
.flex-box2{
    width: 400px;
}


._VspOsdComponent_ {
    // UI组件特有的CSS，
    padding-top: inherit; //为了不eslint告警写一个

    .sort-region {
        width: 440/@px-unit;
        height: 250/@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: 88/@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;
        }
    }

    .osdOption-region {
        width: 440/@px-unit;
        padding: 10/@px-unit;
        border-radius: 1/@px-unit;
	    border: solid 1/@px-unit @grayBlackBorder;
        overflow-y:auto;
        button {
            width: 88/@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;
            span {
                display: inline;
            }
        }
    }
}



._ItseStorage_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-left: 20/@px-unit; //为了不eslint告警写一个
    width: 100%;
    .picContainer{
        overflow: hidden;
        .label-v4-version{
            float: left;
            padding-right: 2rem;
        }
    }
}


._LocalConfig_ {
    background: @baseColor;
    .m-p-16;
    width: 100%;
    min-height: 100%;
    .operation {
        width:400 / @px-unit;
    }
    .ftp-format-name {
        color:rgba(0, 0, 0, 0.25);
        background-color: #f5f5f5;
        border: 1px solid #e8e8e8;
        box-shadow: none;
        cursor: pointer;
        opacity: 1;
        padding: 0 11px;
        height: 32px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

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



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


._PlatformServer_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    width: 100%;
    .LabelIP-container {
        margin: 0;
    }
    .radio-group {
        width: 300px;
    }
    .ant-input[disabled] {
        background: #fff;
    }
    ._RL30margin{
        display: inline-block;
        width: 5.2rem; 
        text-align: left;
    }

    .address-wrap{
        background-size: 18/@px-unit 18/@px-unit;
        background-image: url(/static/media/mac.3d0297d4.png);
        background-repeat: no-repeat;
        background-position-y: center;
        .Addresses,.ClientID{
            margin-left: 19/@px-unit;
        }
    }
  
    .ant-select-selection-item{
        .Addresses,.ClientID{
            display: none;
            .title{
                display: none;
            }
        }
    }
    .Addresses{
        .ant-select-selection-item{
            .Addresses{
                display: inline;
            }
        }
    }
    .ClientID{
        .ant-select-selection-item{
            .ClientID{
                display: inline;
              
            }
        }
    }
}

.ant-select-dropdown{
    .address-wrap{
        background-size: 36/@px-unit 36/@px-unit;
        background-image: url(/static/media/mac.3d0297d4.png);
        background-repeat: no-repeat;
        background-position-y: center;
        font-size: 10/@px-unit;
        .Addresses,.ClientID{
            margin-left: 38/@px-unit;
        }
    }
}


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


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


._SmartInfoConfig_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-left: 20/@px-unit; //为了不eslint告警写一个
    width: 100%;
    .resolution{
        overflow: hidden;
        .label-v4-version {
            float: left;
        }
    }
}


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


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


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

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


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



._PeripheralVersion_ {
    width: 100%;
    padding-left: 20/@px-unit; //为了不eslint告警写一个
}




._InfoVersion_ {
    padding-left: 20/@px-unit; //为了不eslint告警写一个
    width: 100%;
    .infoVersion-min-height{
        min-height: 860/@px-unit;
    }
    .container {
        // padding: 16px;
        // border: 1px solid @border-color;
        .list {
            padding: 4px 0;
            color: @textColorNo5;
            width: 100%;
            & .list-alert {
                color: @errorColorNo17;
                margin-left: 5px;
            }
        }
        .flex-list{
            display: inline-flex;
        }
        .cursor {
            cursor: pointer;
        }
    }
    .info-sys-version-text {
        color: @linkColorNo20;
    }
}




._SoftwareLicense_{
  width: 100%;
  padding-left: 20/@px-unit; //为了不eslint告警写一个
  height: calc(100vh - 92px);
  .fn-marr10 {
    margin-right: 10px;
  }
  .ant-divider-horizontal {
      margin: 0px 0px 15px -6px;
  }
  .ant-form-item {
      margin-bottom: 8px;
  }
  .ant-card-body {
      padding: 18px 0 8px 32px !important;
      .ant-checkbox-group {
          margin-bottom: 5px;
      }
  }
  .m-info-content {
    height: 650 / @font-size-normal;
    padding: 0px;
  }
  .m-info-content iframe{
    background-color: rgb(255,255,255);
    border: 1px solid rgb(255,255,255);
    width: 100%;
    height: 100%;
    vertical-align: text-bottom;
    pre {
      white-space: 'pre-wrap';
      word-wrap: 'break-word';
    }
  }
}



._OnlineUser_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    //padding-top: inherit; //为了不eslint告警写一个
    // padding: 30px 16px 0px 32px;
    padding-left: 20/@px-unit; //为了不eslint告警写一个
    min-height: 860px;
    width: 100%;
    .ant-spin-nested-loading {
        width: 100%;
    }
}


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

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

._SysLog_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    width: 100%;
    ._RL30margin{
        margin: 0 30px;
    }
    .logBody{
        .row{
            margin: 20px 0
        }
        .th, td {
            width: 15%
        }
        .logTextDeatil{
            word-break: break-all;
        }
        // .ant-table-body {
        //     height: 50vh;
        // }
    }
    // label样式
    .label-div-Container {
        margin-right: 50px !important;
    }
}


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

._DeviceMaintain_ {
    background: @contentBgColorNo15;
    min-height: calc(100vh - 100px);
    padding: 0 16px;
    width: 100%;
}
.ant-tabs {
    height: 100%;
    .ant-tabs-content {
        height: 100%;
    }
    .ant-tabs-tabpane {
        height: calc(100% - 60px);
    }
}
.auto-flex {
    display: flex;
}
.ant-alert {
    width: fit-content;
    min-width: 600px;
    margin-bottom: 16px;
}
._AutoMaintain_ {
    width: 100%;
    .ant-alert {
        float: left;
        width: fit-content;
        margin: 0;
        min-width: 900px;
    }
}
.fully-default-modal {
    .content-row {
        margin: 0 16px 16px 16px;
    }
    .default-flex {
        display: flex;
        align-items: center;
        justify-content: center;

    }
    .default-title-icon {
        color: @warnColorNo18;
        height: 24px;
        width: 24px;
    }
}
._CloudUpgradeConfig_ {
    width: 100%;
}

.defaultConfig-desc{
    margin-top: 10/@px-unit;
    display: flex;
    align-items: center;
    .desc-label {
        margin-left: 40/@px-unit;
        width:120/@px-unit;
    }
    .desc-ipt {
        flex:1
    }
}
._DefaultConfig_ {
    width: 100%;
}


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



._GeneralTime_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    width: 100%;
    padding-top: inherit; //为了不eslint告警写一个
    .labelSelect-behind-dark {
        padding: 0
    }
    .general-style {
        border: 1px solid @listBorderColorNo8;
        .m-mb-15;
        .general-content {
            .ant-table-thead;//上边框线
            .m-pl-15;
        }
    }

    .general-title {
        .m-form-title;
        .m-fw-bold;
        .m-layout-item;
        .m-pl-15;
    }
    .time-week {
        .label-normal-container {
            padding: 0 !important;
        }
        .label-v4-version {
            float: left;
        }
    }
    .behindCheckBox .label-normal-container {
        padding-top: 0 !important;
    }
    .general-behind {
        .label-div-Container {
            .label-normal-container {
                padding-top: 0 !important;
            }
        }
    }
}


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

._SystemUpgrade_ {
    background: @contentBgColorNo15;
    min-height: calc(100vh - 100px);
    padding: 0 16px;
    width: 100%;
    .ant-tabs {
        height: 100%;
        .ant-tabs-content {
            height: 100%;
        }
        .ant-tabs-tabpane {
            height: calc(100% - 60px);
        }
    }
    .border-row {
        border: 1px solid @dividerColorNo9;
        margin-bottom: 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-bottom: 16px;
    }
}
._SystemUpgrade_ {
    .main-row{
        padding: 20px 32px 20px 30px;
        .fileInput .fileLabel {
            text-align: left;
        }
    }
    .height3r {
        height: 48px;
        line-height: 48px;
    }
    .tip {
        color: red;
        font-weight: 700;
    }
    .newversion-info {
        padding: 10px 20px;
        height: 252px;
        border: 1px solid #e8e8e8;            
    }
    .updatenowbtn {
        float: right;
        margin: 15px;
    }
    .fn-mart10{
        margin-left: 16px;
    }
    .handle-button {
        margin-right: 10px;
    }
    .cloudupgrade {
        .noted {
            color: #1890FF;
        }
    }
    .autocheck {
        min-width: 250px;
        .label-normal-wrapper {
            width: 100px !important;
        }
    }
    .systemversion {
        min-width: 450px;
        .label-normal-wrapper   {
            width: 310px !important;
        }
    }
}
.fully-default-modal{
    .content-row {
        margin: 0 16px 16px 16px;
    }
}

.upgrade-modal {
    .ant-modal-body {
        padding: 16px 50px;
    }
    .num-content {
        .ant-row {
            height: 3rem;
            line-height: 3rem;
        }
    }
    .progress-wrap {
        padding: 20px 0;
    }
}





._User_, ._UserGroup_, ._OnvifUser_, ._ClearUser_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    padding-left: 20 / @px-unit; //为了不eslint告警写一个
    width: 100%;
    .anonymity-Enable{
        float: right;
        margin-right: 60px;
    }
    .table-height{
        overflow: hidden;
        .m-mt-10;
        .m-pos-r
    }
    .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
        text-align: center;
        white-space: nowrap;
    }
    // modal框
    .ant-modal-body{
        .m-p-16;
    }
    // form-item
    .ant-form-item{
        font-size: 14/@font-size-normal !important;
    }
    // .ant-form-item-control{
    //     .m-height-48;
    //     .m-lh-48;
    // }
    // 密码提示
    .passwordCheck-tip{
        line-height: 20px;
    }
    // 密码label
    .passwordCheck-label{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        .m-height-48;
        .m-lh-48;
    }
    //错误提示
    .ant-form-explain{
        margin: 0 auto auto 20%;
        position: relative;
    }
    // tab
    .ant-tabs-tab{
        margin-right: 50/@font-size-normal;
    }
    // 全选
    .check-row-item{
        .m-mt-12;
        .m-lh-40
    }
    // 分割线
    .ant-divider-horizontal{
        margin: 8px auto;
    }
    // 清空用户
    .m-text-tip{
        .m-text-ellipsis;
        .m-width-100p;
        display: inline-block;
    }
    .display-flex{
        display: flex;
    }
    // 密码重置
    .item-row {
        border: 1px solid @listBorderColorNo8;
        .alert-tip{
            width: 777px;
            .m-text-ellipsis;
            .m-layout-item
        }
        .item-title {
            .m-fw-bold; //字体加粗
            .m-ml-16;  //左边距16px
            .m-layout-item; //高、行高：48px
        }
        .item-content {
            .m-p-16;
            .ant-table-thead //上边框线
        }
        .label-div-Container{
            .m-width-100p;
            display: inline-block;
            vertical-align: middle;
        }
        .behind-text{
            .m-inline-block;
            .m-text-ellipsis
        }
    }
    .label-flex-container {
        line-height: 56/@font-size-normal;
        height: 56/@font-size-normal;
    }
    .label-passwordCheck-tip{
        margin-top: 12/@font-size-normal;
    }
    .label-explain {
        line-height: 20/@font-size-normal;
    }
}

.table-item{
    .m-mt-10;
    min-height: 400px;
    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
    }
    .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;
            }
        }
    }
}

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

.DownloadAttribute {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    .ant-form-item {
        padding-bottom: 20px;
    }
}

._TrafficOSD_ {
    background-color: #fff;
    .topContent {
        padding: 20px 16px 10px;
    }
    .fn-left {
        float: left;
    }
    .video-right {
        width: calc(100% - 440px);
        margin-left: 10px;
        max-width: 600px;
    }
    .OSDComponent {
        max-height: 660px;
        overflow-y: auto;
    }
    .video-wrap {
        width: 430px;
        height: 338px;
        background: #1b1b1b;
    }
    .ant-card-body {
        padding: 10px !important;
    }
    .fn-mart10 {
        margin-top: 10px;
    }
    .fixed-button {
        position: relative;
        background-color: #fff;
        width: 100%;
    }
    .osd-font-size {
        width: 100%;
        height: 32px;
        border-radius: 4px;
        border: solid 1px #d9d9d9;
        float: left;
        position: relative;
        background-color: #fff !important;
        position: relative;
        cursor: pointer;
    }

    .osd-font-text {
        font-size: 13px;
        font-weight: 900;
        line-height: 13px;
        // text-indent: 3px;
        position: absolute;
        bottom: 16px;
        left: 10px
    }

    .osd-font-color {
        border: 1px solid #d9d9d9;
        height: 4px;
        width: 16px;
        position: absolute;
        left: 7.5px;
        bottom: 11px
    }
    .fn-textalign {
        text-align: left;
    }
    .LabelSwitch-label-dark, .LabelInput-label-dark, .labelSelect-label-dark {
        line-height: 32px;
    }
    .ant-menu-sub[role="menu"] {
        min-height: 600px;
        max-height: calc(98vh - 174px);
        overflow-y: auto;
    }
}
._Osd-font-pop_ {
    .ant-popover-inner-content {
        padding: 0px
    }
    /*
    * IE 9对字体颜色弹窗的flex兼容
    */
    .flexbox-fix {
        flex-wrap: wrap;
        &::after {
            content: ".";/* ie9 */            
            display: block; /* ie9 */       
            height: 0;/* ie9 */
            visibility: hidden;/* ie9 */
            clear: both;/* ie9 */
        }
        &:nth-child(2) {
            > div {
                float: left;/* ie9 */
                &:first-child {
                    width: calc(100% - 30px);/* ie9 */
                }
            }
        }
        &:nth-child(3) {
            > div {
                width: 20%;/* ie9 */
                float: left;/* ie9 */
                &:first-child {
                    width: 40%;/* ie9 */
                }
            }
        }
        &:nth-child(4) {
            > div {
                float: left;/* ie9 */
            }
        }
    }
}
.OSD-Methodli label {
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    float: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.OSD-MethodTip {
    width: 240px;
    height: 75px;
    margin-top: 10px;
}
.ant-tooltip {
    max-width: 300px;
}

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


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

._ViolationCode_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-left: 20 / @px-unit; //为了不eslint告警写一个
    padding-top: 20 / @px-unit;
    padding-right: 10 / @px-unit;
    ._ViolationCode_ m-layout-content {
        width: 100% !important;
    }
}


._MainCode_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-left: 20 / @px-unit; //为了不eslint告警写一个
    padding-top: 20 / @px-unit;
    padding-right: 10 / @px-unit;
    width: 70% !important;
    min-width: 1102px;
    .TimeSec {
        .label-normal-behind {
            width: 80px !important;
        }
        .labelTimeRangePicker {
            width: 168px !important;
        }
    }
    .Volume {
        .label-div-Container {
            .label-normal-container {
                .label-normal {
                    width: 60px !important;
                }
            }
        }
    }
}



._VoiceFile_ {
    .m-layout-content;
    width: 100%;
}

.DiskFullWarning {
    .ant-modal-confirm-title {
        display: inline;
        padding-left: 10px;
    }
    .ant-modal-confirm-content {
        word-wrap: break-word;
        word-break: break-all;
    }
}

.h5Bar {
    position: absolute;
    right: 0px;
    top: 2/@px-unit;
    .active{
        color: @disableColorNo7;
    }
    .anticon {
        margin-right: 10/@px-unit;
        &:hover, &.active{
            color: @disableColorNo7;
        }
        svg {
            width: 24/@px-unit;
            height: 24/@px-unit;
        }
    }

}
.resolutionBar {
    position: absolute;
    right: 0px;
    height: 24/@px-unit;
    width: 100%;
    color: rgb(146, 157, 153);
    background-color: rgb(65, 65, 65);
}


// Label基础组件左侧的label默认行高48
.LabelSwitch-label-dark,
.LabelInput-label-dark,
.labelSelect-label-dark,
.LabelIP-label-dark {
    .m-lh-48;
}

.LabelSwitch-swtich {
    .m-lh-48;
}

.LabelIP-container {
    .m-m-0;
}

.LabelIP-ip-input {
    .m-lh-32;
}

.macInput-label {
    .m-p-0;
    .m-lh-48;
}

.mac-box .mac-point {
    .m-p-0;
    .m-lh-32;
}

.ant-form-item {
    .m-mb-0;
}

.table-action-bar {
    margin-bottom: 0 !important;
    .label-normal-container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and(min-width: 1600px) {
    .ant-form-explain {
        .m-ml-17P;
    }
}
@media screen and(max-width: 1600px) {
    .ant-form-explain {
        .m-ml-25P;
    }
}

.ant-time-picker,
.ant-select,
.ant-input,
.ant-radio-wrapper,
.ant-input-number,
.ant-checkbox-wrapper,
.labelText-label-Text {
    color: @formContentColorNo6;
}
.labelSelect-behind-dark,
.LabelInput-behind-dark,
.labelText-behind-dark {
    color: @behindColor;
}

.sdd-checkboxGroup-container{
    .ant-checkbox-wrapper {
        margin-right: 8px;
    }
    .ant-checkbox-wrapper + .ant-checkbox-wrapper {
        margin-left: 0px;
    }
}



.ant-table-thead > tr > th {
    background: @baseColor !important;
}
.ant-table-thead {
    border-top: 1px solid @listBorderColorNo8;
}
.ant-table-placeholder {
    background: @baseColor !important;
}
.ant-select-selection {
    background: @baseColor;
}
.ant-select-disabled .ant-select-selection {
    background: @disableInputBgColorNo11;
}
.ant-input.input-disabled {
    background: @disableInputBgColorNo11;
}
.ant-select-dropdown {
    background: @baseColor;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
.ant-select-dropdown-menu-item-active:hover:not(.ant-select-dropdown-menu-item-disabled) {
    background: @secondNavHoverColorNo14;
}
.ant-calendar {
    background: @baseColor;
}
.ant-pagination-item,
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
    background: @baseColor;
}
.ant-btn-primary {
    color: @baseColor;
}
.ant-card {
    margin-bottom: 10px;
    background: @baseColor;
}
.ant-modal-content {
    background-color: @baseColor;
}
.ant-modal-header {
    background-color: @baseColor;
}
/* .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
    background-color: @secondNavHoverColorNo14;
} */
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
    color: @baseColor !important;
}

.ant-table-header-column{
    font-weight: bold;
}
.ant-table{
    border: 1px solid @listBorderColorNo8;
}

.ant-table-thead {
    border-bottom: 1px solid rgba(0,0,0,.12);
}

.ant-table-tbody > tr > td {
    padding: 8px 11px !important;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
    padding: 9px 11px !important;
}
.ant-table-thead > tr > th {
    background-color: rgba(0,0,0,0.04) !important;
}
.ant-table-tbody > tr.ant-table-measure-row > td {
    padding: 0 !important;
}
.ant-card-head {
    height: 44px !important;
    min-height: 0 !important;
    padding: 0 14px !important;
    .ant-card-head-wrapper {
        height: 44px;
        .ant-card-head-title {
            font-size: 14px;
            font-weight: bold;
            padding: 0 !important;

        }
    }
}
.ant-card-body {
    padding: 16px 24px 24px 24px !important;
}
.ant-table-pagination {
    .ant-pagination-item,
    .ant-pagination-prev,
    .ant-pagination-next,
    .ant-pagination-jump-prev,
    .ant-pagination-jump-next {
        min-width: 26px;
        height: 26px;
        line-height: 26px;
    }
}

.slide {
    margin-top: -10px;
}
.ant-slider-track {
    background: @linkColorNo20;
}
.ant-slider-handle {
    border: 1px solid @listBorderColorNo8;
}
.ant-slider-rail {
    background: #e2e4e7;
}
.point {
    cursor: pointer;
}
.ant-slider-rail,
.ant-slider-step,
.ant-slider-track {
    height: 7px;
}
.ant-slider-handle {
    margin-top: -4px;
}
body .ant-table-empty .ant-table-body {
    overflow: hidden !important;
}

.ant-modal .ant-modal-confirm-btns .ant-btn {
    float: right;
    margin-left: 10px;
}
.ant-popover-buttons {
    overflow: hidden;
}

.ant-popover-buttons button:not(:first-child) {
    margin-left: 12px;
}

.ant-form-item-label > label::after {
    content: '';
}

.ant-form-item-label,
.LabelSwitch-label-Col,
.labelText-label-Col,
.labelSelect-label-Col,
.LabelInput-label-Col,
.macInput-label,
.LabelIP-label-Col,
.FaceDetailQueryCardLabel,
.FaceDetailCard,
.labelText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.ant-slider-dot {
    width: 10px;
    height: 10px;
    border: 1px solid #e8e8e8;
}
.ant-table-header-column {
    font-weight: bold;
}

.ant-table-tbody {
    .ant-table-row {
        .editable-cell-value-wrap {
            height: 20px !important;
            line-height: 18px !important;
        }
    }
}
// IE下样式不一样，需要单独修改
@media screen and(min-width:0\0) {
    .ant-table-tbody {
        .ant-table-row {
            .editable-cell-value-wrap {
                height: 20px !important;
                line-height: 16px !important;
            }
            .ant-input {
                line-height: 16px !important;
            }
        }
    }
}


.ant-tabs-bar {
    .m-mb-0;
}

.label-normal-behind {
    .label-div-Container {
        .label-normal-container {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
    }
}

/* border css */
.m-b-none {
    border: none;
}

.m-bb-0 {
    border-bottom: 0;
}

.m-bb-1 {
    border-bottom: 1px solid #e8e8e8;
}

.m-b-box {
    border: 1px solid @dividerColorNo9;
    margin-bottom: 10px;
    .title {
        padding: 6px 14px;
        font-weight: bold;
        border-bottom: 1px solid @dividerColorNo9;
        width: 100%;
        display: flex;
    }
    .container {
        padding: 14px 32px;
        width: 100%;
    }
}



.m-form-title {
    .m-minh-64;
    .m-lh-64;
}
.m-layout-item {
    .m-minh-48;
    .m-lh-48;
}

.m-layout-content {
    .m-p-16;
}

.m-input-interval {
    .m-width-100p;
    .m-height-24;
}

.m-submit-btn {
    .m-minh-48;
    .m-lh-48;
    button {
        .m-mr-10;
    }
}


.report__search--layout1 {
    // .ant-col-xl-22;
    // .ant-row;
}
/* from css */
.m-content-padding {
    padding: 16px;
}


html {
    font-size: @font-size-base;
}
#root, body {
    height: 100%;
    word-break: break-all;
}
/*整个页面底部需要去除bar的高度*/
.m-page-container {
    padding-bottom: 48/@font-size-normal;
}
/*表单的样式*/
.m-form-control {
    margin: 15/@font-size-normal;
    line-height: 32/@font-size-normal;
    .LabelIP-container {
        margin: 0 !important;
    }
}
/*collapse下带table的时候，去掉table最外的线*/
.ant-collapse {
    .ant-table {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        margin: -15px;
    }
    .ant-table-bordered .ant-table-content {
        border-right: 0;
    }
}
.ant-table-small > .ant-table-content > .ant-table-body {
    margin: 0 !important;
}

.m-width-f10 {
    width: calc(~"100% - 10rem");
}

.m-width-auto {
    width: auto;
}

.m-width-15 {
    width: 15/@font-size-normal;
}

.m-width-20 {
    width: 20/@font-size-normal;
}

.m-width-24 {
    width: 24/@font-size-normal;
}

.m-width-25 {
    width: 25/@font-size-normal;
}

.m-width-30 {
    width: 30/@font-size-normal;
}

.m-width-45 {
    width: 45/@font-size-normal;
}

.m-width-50 {
    width: 50/@font-size-normal;
}

.m-width-54 {
    width: 54/@font-size-normal;
}

.m-width-60 {
    width: 60/@font-size-normal;
}

.m-width-65 {
    width: 65/@font-size-normal;
}

.m-width-84 {
    width: 84/@font-size-normal;
}

.m-width-70 {
    width: 70/@font-size-normal;
}

.m-width-52 {
    width: 52/@font-size-normal;
}

.m-width-80 {
    width: 80/@font-size-normal;
}

.m-width-85 {
    width: 85/@font-size-normal;
}

.m-width-90 {
    width: 90/@font-size-normal;
}

.m-width-95 {
    width: 95/@font-size-normal;
}

.m-width-100 {
    width: 100/@font-size-normal;
}

.m-width-108 {
    width: 108/@font-size-normal;
}

.m-width-110 {
    width: 110/@font-size-normal;
}

.m-width-118 {
    width: 118/@font-size-normal;
}

.m-width-120 {
    width: 120/@font-size-normal;
}

.m-width-124 {
    width: 124/@font-size-normal;
}

.m-width-126 {
    width: 126/@font-size-normal;
}

.m-width-130 {
    width: 130/@font-size-normal;
}

.m-width-132 {
    width: 132/@font-size-normal;
}

.m-width-138 {
    width: 138/@font-size-normal;
}

.m-width-140 {
    width: 140/@font-size-normal;
}

.m-width-144 {
    width: 144/@font-size-normal;
}

.m-width-148 {
    width: 148/@font-size-normal;
}

.m-width-150 {
    width: 150/@font-size-normal;
}

.m-width-156 {
    width: 156/@font-size-normal;
}

.m-width-160 {
    width: 160/@font-size-normal;
}

.m-width-168 {
    width: 168/@font-size-normal;
}

.m-width-170 {
    width: 170/@font-size-normal;
}

.m-width-175 {
    width: 175/@font-size-normal;
}

.m-width-180 {
    width: 180/@font-size-normal;
}

.m-width-184 {
    width: 184/@font-size-normal;
}

.m-width-190 {
    width: 190/@font-size-normal;
}

.m-width-200 {
    width: 200/@font-size-normal;
}
.m-width-213 {
    width: 213/@font-size-normal;
}

.m-width-215 {
    width: 215/@font-size-normal
}

.m-width-220 {
    width: 220/@font-size-normal;
}

.m-width-224 {
    width: 224/@font-size-normal;
}

.m-width-230 {
    width: 230/@font-size-normal;
}

.m-width-250 {
    width: 250/@font-size-normal;
}

.m-width-260 {
    width: 260/@font-size-normal;
}

.m-width-276 {
    width: 276/@font-size-normal;
}

.m-width-280 {
    width: 280/@font-size-normal;
}

.m-width-300 {
    width: 300/@font-size-normal;
}

.m-width-310 {
    width: 310/@font-size-normal;
}

.m-width-320 {
    width: 320/@font-size-normal;
}

.m-width-330 {
    width: 330/@font-size-normal;
}

.m-width-360 {
    width: 360/@font-size-normal;
}

.m-width-372 {
    width: 372/@font-size-normal;
}

.m-width-420 {
    width: 420/@font-size-normal;
}

.m-width-450 {
    width: 450/@font-size-normal;
}

.m-width-480 {
    width: 480/@font-size-normal;
}

.m-width-510 {
    width: 510/@font-size-normal;
}

.m-width-545 {
    width: 545/@font-size-normal;
}

.m-width-600 {
    width: 600/@font-size-normal;
}

.m-width-648 {
    width: 648/@font-size-normal;
}

.m-width-700 {
    width: 700/@font-size-normal;
}

.m-width-710 {
    width: 710/@font-size-normal;
}

.m-width-848 {
    width: 848/@font-size-normal;
}

.m-width-1100 {
    width: 1100/@font-size-normal;
}

.m-width-3p {
    width: 3%;
}

.m-width-5p {
    width: 5%;
}

.m-width-9p {
    width: 9%;
}

.m-width-10p {
    width: 10%;
}

.m-width-12p {
    width: 12%;
}