}
        .container{
          padding: 30px 32px 14px 32px;
          width:100%;
        }
        .manual{
          border-top: 1px solid @dividerColorNo9;
          padding: 10px 32px 10px 32px;
          width:100%;
        }
      }
      .handleBar{
        
        margin-top: 10px;
        button {
          margin-right: 10px;
        }
      }
}


._MultiPeople_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    min-width: 992px;
    position: relative;
    .wrapper {
        .headWrapper {
            padding-right: 16px;
            padding-left: 16px;
        }
        width: 100%;
        height: 100%;
        display: flex;
        .ant-alert-message {
            color: @skin-blue;
        }
        .icons {
            cursor: pointer;
            &:nth-child(1) {
                vertical-align: -1px;
            }
        }
        .botton-bar {
            margin-bottom: 10px;
        }
        .fixed-button {
            left: 522px;
            bottom: 15px;
        }
        .multiPeopleDeviceList {
            // position: fixed;
            // left: 256px;
            // top: 80px;
            // bottom: 16px;
            // padding-top: 16px;
            // width: 260px;
            // padding-top: 16px;
            height: 100%;
            position: absolute;
            padding-top: 16px;
            bottom: 0;
            left: 0px;
            width: 260px;
            border-right: 1px solid @dividerColorNo9;
            z-index: 10;
            background-color: @contentBgColorNo15;
            .search {
                margin-top: 16px;
                margin-bottom: 16px;
                height: 30px;
            }
            .people-device-list {
                height: calc(100vh - 265px);
                overflow-y: auto;
                padding-left: 16px;
            }
            .templist {
                display: flex;
                flex-direction: column;
                max-height: 670px;
                overflow-y: auto;
                flex-wrap: nowrap;
            }
            .templist-li {
                height: 40px;
                cursor: pointer;
                line-height: 40px;
                &:hover {
                    background-color: @secondNavHoverColorNo14;
                }
                &.isactive {
                    background-color: @secondNavHoverColorNo14;
                }
                .templist-li-icon {
                    float: right;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 16px;
                    margin-top: 2px;
                }
                .templistLi-span {
                    width: 160px;
                    margin-left: 5px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    display: inline-block;
                    vertical-align: top;
                }
            }
        }
        .doorInfoDetail {
            @labeltimeWidth: 140px;
            padding-top: 16px;
            padding-left: 16px;
            margin-left: 261px;
            width: 100%;
            height: 100%;
            overflow: hidden;

            // max-width: 980px;
            .formitemheader {
                margin-top: 20px;
            }
            .formitem {
                margin-bottom: 16px !important;
            }
            .ant-form-item-label {
                width: @labeltimeWidth;
            }
            .ant-form-item-control {
                width: 600px;
            }
            .timeWrap {
                width: 804px;
                display: inline-block;
                border-radius: 4px;
                border: solid 1px @inputBorderColorNo10;
            }
            .holidayset {
                margin-top: 16px;
                margin-left: @labeltimeWidth;
            }
            .ant-tabs {
                overflow: visible;
            }
            .ant-tabs-tab:nth-child(1) {
                margin-left: 50px;
            }
            .ant-tabs-tab:nth-child(2) {
                margin-left: 100px;
            }
            .ant-table {
                border: 1px solid @inputBorderColorNo10;
            }
            .doorName-title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: 800;
            }
            .content {
                @media screen and (max-width: 1280px) {
                    height: calc(100vh - 185px);
                    max-height: calc(100vh - 185px);
                    overflow-y: auto;
                }
                @media screen and (min-width: 1280px) {
                    height: calc(100vh - 172px);
                    max-height: calc(100vh - 172px);
                    overflow-y: auto;
                }
            }
        }
        .person-list {
            // border: 1px solid red;
            // min-height: 200px;
            min-width: 1200px;
            background-color: #f0f2f5;

            border-bottom: 1px solid #f0f2f5;
            .person-list-col {
                // margin: 15px;
                padding: 15px;
                width: 100%;
                background-color: #ffffff;
            }
            .person {
                width: 85px;
                height: 80px;
                // border: 1px solid red;
                text-align: center;
                margin: 5px;
                .deleteIcon {
                    position: absolute;
                    margin: -80px 0 0 38px;
                }
                .personImg {
                    cursor: pointer;
                    background-image: url('/static/media/person-neuter.efe593ce.png');
                    background-size: cover;
                    > span {
                        height: 20px;
                        display: none;
                    }
                }
                .personImg:hover {
                    background-color: #272727;
                    opacity: 0.7;
                    line-height: 80px;
                    > span {
                        height: 20px;
                        display: inline-flex;
                    }
                }
                .personName {
                    text-align: center;
                }

                .userName-span {
                    display: inline-block;
                    width: 85px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                }
            }
            .addImg {
                cursor: 'pointer';
                color: 'red';
            }
            .groupIndex {
                width: '60px';
                font-size: large;
                // font-size: '40px';
                color: rgb(217, 217, 217);
            }
            .groupIndexBtn {
                > span {
                    display: block;
                    font-size: 15px;
                }
            }
            .addPerson {
                > span {
                    font-size: 25px;
                }
            }
        }
        .timePlan {
            margin: 15px;
            padding: 15px;
            background-color: #ffffff;
            .ant-card-head {
                background-color: #f5f5f5;
            }
        }

        .device-tree-wrap {
            max-height: 790px;
            padding-top: 16px;
            margin-top: 10px;
        }
        > .ant-spin-nested-loading {
            flex: 1;
        }
        .ant-tree-node-content-wrapper {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .ant-tree-treenode {
            width: 100%;
        }
    }
    .site-tree-search-value {
        color: #f50;
    }
    .ant-table-body {
        min-height: 240px;
    }
    .peopleGroup-button {
        width: 200px;
        position: absolute;
        bottom: 0;
        margin-bottom: 13px;
        margin-left: 20px;
        span {
            width: 180px;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
    }

    .ant-tree-treenode-disabled {
        .ant-tree-checkbox-disabled {
            display: none;
        }
    }
    .icon {
        font-size: 20px;
        &:hover {
            cursor: pointer;
            color: @btnNormalColorNo1;
        }
    }
    .icon-remove {
        color: rgba(0, 0, 0, 0.25);
    }

    .detail_spin,
    .ant-spin-container {
        height: 100%;
    }

    .list-empty {
        width: 100%;
        margin-top: 330px;
        text-align: center;
        color: @disableColorNo7;
    }

    .ant-spin-nested-loading > div > .ant-spin {
        height: 600px;
        max-height: 600px;
    }
}


._Network_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: 0!important; //为了不eslint告警写一个
    .LabelIP-container {
        margin: 0;
    }
    .ipbox > .ant-row, .wifibox > .ant-row {
        margin-bottom: 10px;
    }
    .LabelInput-label{
        width: 108px;
        display: inline-block;
    }
    .LabelInput-password{
        width: 220px;
        display: inline-block;
        margin: 8px 0;
    }
}

._OpeningRecord_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    @serachbottom: 20px;
    .tableContainer {
        width: 100%;
        border-left: 1px solid @color-border;
    }
    .searchTitle {
        .spanlable {
            height: 30px;
            line-height: 30px;
            margin-left: 30px;
            &:nth-child(1) {
                margin-left: 0;
            }
            margin-bottom: @serachbottom;
        }
    }
    .ant-btn {
        margin-bottom: @serachbottom;
    }
    .ant-picker-range {
        height: 30px;
    }
    .ant-tree-select {
        height: 32px;
    }
    .ant-divider-horizontal {
        margin-top: 0px;
    }
    .openingRecord-pagination {
        width: 100%;
        margin-top: 20px;
    }
    .table-row {
        display: flex;
        justify-content: flex-end;
        margin-top: 14px;
    }
    .ant-select-selection-overflow-item {
        max-width: 80%;
    }
}
._OpeningRecord_Extract {
    .exact_label {
        width: 120px;
    }
    .exact_treecontainer {
        width: 350px;
        min-height: 450px;
        margin-left: 10px;
        padding: 5px;
        border: 1px solid @dividerColorNo9;
    }
}

._OpenMethodSet_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding: 20px;
    box-sizing: border-box !important;
}


._P2P_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    .info {
        width: 500px;
        padding: 8px 0px;
    }
    .qrcode {
        padding: 8px 0px 8px 108px;
    }
}


._PasswordReset_ {
    .header-height {
        height: 64px;
        color: @listBorderColorNo8;
        background-color: @titleColorNo4;
        position: fixed;
        width: 100%;
        z-index: 100;
    }
    .tab-menu-logo-logo {
        margin-right: 10px;
        display: inline-block;
        vertical-align: -5px;
        width: 28px;
        height: 25px;
        background-image: url('/static/media/logo.c79243fc.png');
    }
    .tab-menu-logo-icon {
        margin-right: 10px;
        display: inline-block;
        vertical-align: -5px;
        width: 24px;
        height: 24px;
        background-position: -50px 0;
        background-image: url('/static/media/logo.c79243fc.png');
    }
    .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 80px;
        .ant-input::-webkit-input-placeholder  {
            color: #bfbfbf !important;
        }
    }
    .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;
    }
    .qrcode-title {
        text-align: center;
        font-size: 14px;
        color: #a4a4a4;
        margin: 0;
    }
    .last-alert {
        color: #a4a4a4;
        width: 100%;
    }
}


._PermissionsSet_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding: 0 !important;
    box-sizing: border-box !important;
    // min-width: 1250px;
    .fixed-button {
        left: 555px;
    }
    .static-button {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 12px;
    }
    .headWrapper {
        padding-top: 16px;
        padding-right: 16px;
        padding-left: 16px;
        width: 280px;
        flex: 0 0 280px;
        .search {
            margin: 8px 0;
        }
        .ant-alert-message {
            color: @skin-blue;
        }
        .premission-list {
            display: flex;
            flex-direction: column;
            height: 620px;
            max-height: 620px;
            overflow-y: auto;
            flex-wrap: nowrap;
            .premission-li {
                height: 40px;
                cursor: pointer;
                line-height: 40px;
                display: flex;
                &:hover {
                    background-color: @secondNavHoverColorNo14;
                }
                &.isactive {
                    background-color: @secondNavHoverColorNo14;
                }
                .premission-list-span {
                    width: 160px;
                    margin-left: 5px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    display: inline-block;
                    vertical-align: top;
                }
                .premission-list-icon {
                    float: right;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 16px;
                    margin-top: 5px;
                }
            }
            .click-row-bgc {
                background-color: @secondNavHoverColorNo14;
            }
        }
    }
    .ant-spin-nested-loading,
    .ant-spin-container {
        height: 100%;
    }
    > .ant-spin-nested-loading > .ant-spin-container {
        height: 100%;
        display: flex;
    }
    .icons {
        cursor: pointer;
        &:nth-child(1) {
            vertical-align: -1px;
        }
    }
    .hiddenIcon {
        visibility: hidden;
    }
    .contant-icons {
        font-size: 20px;
    }
    .ant-btn-link:hover {
        color: @btnNormalColorNo1;
    }
    .edit_contant {
        display: inline-block;
        line-height: 30px;
        letter-spacing: 0px;
        margin-left: 8px;
        font-family: MicrosoftYaHei;
        font-size: 14px;
    }
    .contant-icons-disabled {
        font-size: 20px;
        color: rgba(0, 0, 0, 0.25);
        cursor: not-allowed;
    }
    .icon-disabled {
        color: rgba(0, 0, 0, 0.25);
        cursor: not-allowed;
    }
    .info_btn {
        color: @textColorNo5;
    }
    .info_btn_disabled {
        color: rgba(0, 0, 0, 0.25);
        cursor: not-allowed;
    }
    .rightContent {
        @labeltimeWidth: 140px;
        padding-top: 16px;
        width: 100%;
        border-left: 1px solid @bodyBgColorNo16;
        .content-header {
            padding-left: 24px;
            padding-right: 16px;
        }
        .m-form-control {
            margin-left: 0;
            margin-right: 0;
            padding-left: 24px;
        }
        .formitemheader {
            margin-top: 7px;
            // width: 400px;
            margin-bottom: 10px !important;
        }
        .formitem {
            margin-bottom: 9px !important;
            // width: 700px;
        }
        .ant-form-item-label {
            width: @labeltimeWidth;
        }
        .ant-form-item-control {
            width: 600px;
        }
        .permission-content-main {
            padding-left: 12px;
            padding-right: 16px;
            margin-top: 24px;
            padding-bottom: 12px;
            .userContent {
                // border-right: 7px solid @bodyBgColorNo16;
            }
            .areaContent {
                // border-left: 7px solid @bodyBgColorNo16;
            }
            .timeContent {
                // border-top: 14px solid @bodyBgColorNo16;
                margin-top: 12px;
                padding: 12px 12px;
                .time-selects {
                    display: flex;
                }
            }
        }
    }

    .area_list {
        max-height: 429px;
        height: 429px;
        border: solid 1px rgba(0, 0, 0, 0.1);
        margin: 0px auto;
        // width: 100%;
        .area_list_item {
            display: flex;
            justify-content: space-between;
            height: 61px;
            line-height: 61px;
            border-bottom: solid 1px rgba(0, 0, 0, 0.06);
            .area_list_item_left {
                width: 85%;
                display: flex;

                .area_avatar {
                    margin: 0px 15px;
                }
                .area_name {
                    line-height: 19px;
                    margin: auto 0px;
                    display: inline-block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    vertical-align: top;
                    letter-spacing: 0px;
                    color: rgba(0, 0, 0, 0.85);
                    font-family: MicrosoftYaHei;
                    font-size: 14px;
                }
            }
            .remove {
                margin-right: 12px;
                font-size: 20px;
                color: #ff4d4f;
                &:hover {
                    cursor: pointer;
                    color: red;
                }
            }
        }
    }
    ._AreaInfo_ {
        .areaList-modelContext {
            width: 330px;
            height: 408px;
            max-height: 408px;
            margin: 5px auto;
            border: solid 1px rgba(0, 0, 0, 0.15);
        }

        .area-list {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            margin-left: 15px;
            overflow-y: auto;
            height: 408px;
            max-height: 408px;
            width: 314px;
            .area-li {
                height: 40px;
                line-height: 40px;
                display: flex;
                .area-list-span {
                    width: 220px;
                    margin-left: 5px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    display: inline-block;
                    vertical-align: top;
                }
            }
        }
    }

    .user_list {
        max-height: 429px;
        height: 429px;
        border: solid 1px rgba(0, 0, 0, 0.1);
        margin: 0px auto;
        // width: 100%;
        .user_list_item {
            display: flex;
            justify-content: space-between;
            height: 61px;
            line-height: 61px;
            border-bottom: solid 1px rgba(0, 0, 0, 0.06);
            .user_list_item_left {
                width: 85%;
                display: flex;
                .user_avatar {
                    margin: 0px 15px;
                    border-radius: 8px;
                }
                // .default_avatar {
                //     width: 37px;
                //     height: 37px;
                //     line-height: 37px;
                //     background-color: #1890ff;
                //     margin: auto 15px;
                //     text-align: center;
                //     color: #ffffff;
                //     border-radius: 8px;
                // }
                .user_info {
                    display: flex;
                    flex-direction: column;
                    height: 57px;
                    line-height: 28px;
                    margin: auto 0;
                    width: calc(100% - 70px);
                    .user_info_detail {
                        line-height: 19px;
                        display: inline-block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        vertical-align: top;
                        margin: auto 0;
                        width: 100%;
                        color: rgba(0, 0, 0, 0.85);
                        font-size: 14px;
                        font-family: MicrosoftYaHei;
                        letter-spacing: 0px;
                    }
                    .user_info_details {
                        line-height: 19px;
                        display: inline-block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        vertical-align: top;
                        margin: auto 0;
                        width: 100%;
                        color: rgba(0, 0, 0, 0.45);
                        font-size: 14px;
                        font-family: MicrosoftYaHei;
                        letter-spacing: 0px;
                    }
                }
            }
            .remove {
                margin-right: 12px;
                font-size: 20px;
                color: #ff4d4f;
                &:hover {
                    cursor: pointer;
                    color: red;
                }
            }
        }
        // .user_list_item:last-child {
        //     border: 0;
        // }
    }
    .user-modal {
        .ant-modal-body {
            padding: 24px 12px;
            font-size: 14px;
            line-height: 1.5715;
            word-wrap: break-word;
        }
        .add-type {
            justify-content: space-evenly;
        }
    }
    .changeMode-icons {
        font-size: 16px;
        margin-left: 5px;
        &:hover {
            cursor: pointer;
            color: @btnNormalColorNo1;
        }
    }
    .userList-modelContext {
        width: 330px;
        height: 365px;
        max-height: 365px;
        margin: 5px auto;
        border: solid 1px rgba(0, 0, 0, 0.15);
    }
    .user-tree {
        margin: 10px auto;
        width: 300px;
    }
    ::-webkit-scrollbar {
        width: 10px !important;
        height: 10px !important;
        background: transparent;
        cursor: pointer;
    }
}


._PlatformAccess_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    .item-row{
        display: flex;
        margin-bottom: 0.5em;
        .label-normal{
            display: inline-block;
            height: 32px;
            line-height: 32px;
            padding-right: 8px;
            width: 160px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .ant-checkbox-wrapper{
            padding-top: 4px;
        }
        .LabelIP-container{
            margin: 0;
        }
        // slider主题色
        .ant-slider{
            .ant-slider-track{
                background-color: #1890ff;
            }
            .ant-slider-handle{
                border-color: #1890ff;
            }
        }
    }
}
._Port_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding: 16px;
    .ant-form-item {
        margin-bottom: 0px;
    }
    .ant-form-item-has-error .ant-form-item-explain,
    .ant-form-item-explain {
        margin-left: 180px;
    }
}


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

._ResetFactory_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    .label-normal-container {
        .label-normal {
            width: 80px!important;
        }
        .label-normal-wrapper {
            width: 200px!important;
        }
    }
    
}
.SetScene-detail {
    height: 100%;
    padding: 0 24px 24px;
    margin: -16px;
    display: flex;
    flex-direction: column;

    .top {
        flex: none;
        font-size: 18px;
        font-weight: 700;
        padding: 12px 16px;
        border-bottom: 1px solid #e8e8e8;
        margin: 0 -24px 24px;

        .top-text {
            display: inline-block;
            font-size: 14px;
            color: #272727;
            cursor: pointer;
        }
    }

    .detail-form {
        flex: 1;
        display: flex;
        flex-direction: column;
        // overflow-y: auto;
        overflow: hidden;
        
        .detail-setdevtabs {
            flex: 1;
            padding: 24px;
            border-radius: 4px;
            border: solid 1px #e4e4e4;
            overflow: hidden;

            .ant-form-item-control-input-content {
                height: 100%;
            }
        }
    }

    .ant-form-item{
        margin-bottom: 16px !important;
    }
    .ant-form-item-with-help {
        margin-bottom: 0 !important;
    }
    .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
        display: none;
    }
    .ant-form-item-control,
    .ant-form-item-control-input {
        height: 100%;
    }
}
.SetDevTabs {
    margin-top: 46px;
    position: relative;
    margin-left: -80px;
    height: calc(100% - 46px);

    .SetDevTabs-radio {
        position: absolute;
        top: -44px;
        right: 0;
    }
    .SetDevTabs-content {
        display: flex;
        justify-content: center;
        height: 100%;

        .ant-table-wrapper {
            width: 100%;
        }

    }
}

.popover-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
}

.popover-form {
    width: 370px; 

    .ant-form-item {
        margin-bottom: 16px !important;
    }
}
.SetScene {
    .ant-alert {
        padding: 4px 15px;
    }

    .SetScene-content {

    }

    .SetScene-list {
        display: flex;
        flex-wrap: wrap;
        margin: 20px -10px 0;
        min-height: 177px;
    }

    
    .ant-spin-nested-loading {
        height: calc(100% + 16px * 2);

        .ant-spin-container {
            height: 100%;
        }
    }
}
.SetScene-panel-wrap {
    flex: 1;
    width: 33%;
    min-width: 33%;
    // max-width: 33%;
    padding: 0 10px 30px;

    .SetScene-panel {
        border: 1px solid #ccc;
        display: flex;
        height: 177px;
        padding: 24px;
        border-radius: 4px;
	    border: solid 1px #e8e8e8;
        position: relative;

        .panel-content {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;

            .panel-name {
                font-weight: 700;
                font-size: 22px;
                color: #272727;
            }

            .ant-btn {
                width: 52px;
                height: 32px;
                padding: 0;
                border: solid 1px #1890ff;
                color: #1890ff;
            }
        }
        
        .panel-switch {
            position: absolute;
            top: 16px;
            right: 0;
        }
    }

    .scene0 {
        background: #fafafc url('/static/media/scene0.png') no-repeat right bottom;
    }
    .scene1 {
        background: #fafafc url('/static/media/scene1.png') no-repeat right bottom;
    }
    .scene2 {
        background: #fafafc url('/static/media/scene2.png') no-repeat right bottom;
    }
    .scene3 {
        background: #fafafc url('/static/media/scene3.png') no-repeat right bottom;
    }
    .scene4 {
        background: #fafafc url('/static/media/scene4.png') no-repeat right bottom;
    }
    .scene5 {
        background: #fafafc url('/static/media/scene5.png') no-repeat right bottom;
    }
}

._Statistics_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    min-width: 1280px;
    .pie-box {
        width: 425px;
        height: 330px;
    }
}



._SystemUpgrade_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    .cloudUpgrade-row{
        height:32px;
        line-height: 32px;
    }
    .newContainer{
        border: 1px solid @listBorderColorNo8;
        height: 250px;
        overflow-y: auto;
        margin-left: 0px;
        margin-top: 10px;
        padding:10px;
        width:100%;
    }
}
._TimeSet_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    height: auto!important;
    padding-bottom: 0!important;
    .timeClock {
        padding-left: 50px;
    }
    .timeAndZone .bigFont {
        font-size: 20px;
    }
    .ant-form-item-has-error .ant-form-item-explain,
    .ant-form-item-explain {
        margin-left: 108px;
    }
    .label-select {
        padding: 8px 0px 8px 16px;
    }
    .week-item {
        padding-left: 16px;
    }
}
.dst_timeset .ant-picker-year-btn {
    display: none;
}
.TimeTask-op-modal {
    .ant-modal-body {
        padding: 24px 70px;
    }
    .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
        display: none;
    }
}

.TimeTask {
    .top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;

        .num {
            line-height: 32px;
        }
    }
}


._TimeTemplate_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding: 0 !important;
    margin-bottom: 0!important;
    min-width: 1250px;
    height: 100%;
    .fixed-button {
        left: 530px;
    }
    .wrapper{
      
        .headWrapper{
            padding-right:16px;
            padding-left: 16px;
        }
        width:100%;
        height: 100%;
        display: flex;
        .ant-alert-message{
            color: @skin-blue;
        }
        .icons{
            cursor: pointer;
            &:nth-child(1){
               vertical-align: -1px;
            }
        }
        .icons-disabled{
            color:rgba(0,0,0,0.25);
            cursor: not-allowed;
        }
        .timetemplateGroup{
            padding-top: 16px;
            border-right:1px solid @dividerColorNo9;
            flex: 0 0 260px;
            .search{
                margin-top:16px;
                margin-bottom:16px;
                height:30px;
            }
            .templist{
                display: flex;
                flex-direction: column;
                max-height: 620px;
                height: 620px;
                overflow-y: auto;
                flex-wrap: nowrap;
            
            }
            .templist-li{
                height:40px;
                cursor: pointer;
                line-height: 40px;
                &:hover{
                    background-color: @secondNavHoverColorNo14;
                }
                &.isactive{
                    background-color: @secondNavHoverColorNo14;    
                }
                .hiddenIcon{
                    visibility: hidden;
                }
                .templist-li-icon{
                    float: right;
                    height: 40px;
                    line-height: 40px;
                    margin-right:16px;
                    margin-top:2px;
                }
                .templistLi-span{
                    width:160px;
                    margin-left:5px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    display: inline-block;
                    vertical-align: top;
                }
            }
        }
        .timetemplateDetail{
            @labeltimeWidth:140px;
            padding-left:16px;
            padding-top: 16px;
            max-width: 980px;
            .formitemheader{
                margin-top:20px;
            }
            .formitem{
                margin-bottom:16px !important;
            }
            .ant-form-item-label{
                width:@labeltimeWidth;
            }
            .ant-form-item-control{
                width:600px;
            }
            .timeWrap{
                width: 804px;
                display: inline-block;
                border-radius: 4px;
                border: solid 1px @inputBorderColorNo10;
            }
            .holidayset{
                margin-top:16px;
                margin-left:@labeltimeWidth;
            }
            .ant-tabs {
                overflow: visible;
            }
            .ant-tabs-tab:nth-child(1){
                margin-left: 50px;
            }
            .ant-tabs-tab:nth-child(2){
                margin-left: 100px;
            }
            .ant-table{
                border:1px solid @inputBorderColorNo10
            }
            .icon {
                font-size: 20px;
                cursor: pointer;
            }
        }
    }
    .ant-table-body {
        min-height: 240px;
    }
    ._ScheduleComponent_{
        padding-left: 0;
        padding-right: 0;
    }
}

._Upgrade_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    height:auto !important;
    padding-top: inherit; //为了不eslint告警写一个
    .fileLabel {
        text-align: left;
    }
    .fileInput {
        margin-top: 10px;
    }

    .Device-Online{
        background-color:@tagOnlinebg;
        color: @tagOnlineColor;
        border:1px solid @tagOnlineborder;  
    }
    .Device-Offline{
        background-color:@tagOfflinebg;
        color: @tagOfflineColor;
        border:1px solid @tagOfflineborder;
    }

    .text-fail {
        color: @errorColorNo17;
    }

    .text-success {
        color: @successColorNo19;
    }
}

.dotree {
    .dotree-header {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid @color-border;
        padding-bottom: 10px;
    }
   
    .doTree-btns {
        display: inline-block;
        margin-left: 10px;
        .anticon {
            margin-right: 10px;
        }
    }
    .tree-input {
        height: 26px;
        outline: none;
        border: none;
        padding: 0;
    }
    .tree-actions {
        position: absolute;
        right: 3px;
        top: 1px;
    }
    .dotree-actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .ant-input-search {
            width: calc(100% - 96px);
        }
    }
    .dotree-actions-btn {
        font-size: 0;
    }
    // tree 样式重置
    // .ant-tree-node-content-wrapper:hover {
    //     background-color: inherit;
    // }
    .ant-tree-title {
        flex: 1;
        word-break: keep-all;
        white-space: nowrap;
    }
    .ant-tree-treenode-selected {
        background-color: #bae7ff;
    }
    .tree, .role {
        overflow-x: auto;
        overflow-y: auto;
        height: calc(100vh - 250px);
    }
    .ant-tree-node-content-wrapper {
        padding: 4px 0;
        // display: flex;
    }
    .ant-tree .ant-tree-treenode {
        padding: 0;
    }
    .site-tree-search-value {
        color: #f50;
    }
    .inputcontrol {
        position: absolute;
        left: 23px;
        top: 0;
        height: 100%;
    }
    .tree-role-item {
        padding-left: 24px;
        height: 32px;
        line-height: 32px;
        cursor: pointer;
        &:hover{
            background: #f5f5f5;
        }
        &.active {
            background: #bae7ff;
        }
    }
}
._add_department_ {
    .ant-form-item {
        margin-bottom: 10px!important;
    }
}


._UserManager_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding: 16px;
    min-width: 1300px;
    overflow-x: auto;
    .content {
        width: 100%;
        padding: 16px;
        // display: flex;
        background-color: @contentBgColorNo15;
        overflow: hidden;
    }
    .doTree {
        float: left;
        width: 250px;
        border-right: 1px solid @color-border;
    }
    .main {
        position: relative;
        float: left;
        width: calc(100% - 250px);
        overflow-x: auto;
    }
    .ant-form-item {
        margin-bottom: 10px!important;
    }
    .fn-widp100 {
        width: 100%;
    }
    .fn-textcenter {
        text-align: center;
    }
    .fn-relative {
        width: 100%;
        position: relative;
    }
    .addtip {
        position: absolute;
        right: 0;
        top: 0;
        padding: 3px 15px;
    }
    .freeze-icon {
        color: @errorColorNo17;
        &:hover {
            color: @errorColorNo17;
        }
    }
    .myicon-decimal, .myicon-hexadecimal {
        vertical-align: -6px;
        margin-right: 10px;
    }
    .ant-table-thead {
        word-break: initial;
    }
    .usersmanage {
        width: 100%;
        display: inline-flex;
        flex-wrap: wrap;
        .users-header {
            min-width: 100%;
            display: inline-flex;
            justify-content: space-between;
        }
        .users-list {
            width: 100%;
        }
        .users-table-box {
            display: inline-block;
        }
        .users-actions {
            white-space: nowrap;
        }
        .users-search {
            flex: 0 0 210px;
        }
    }
    .users-list {
        .ant-table-body {
            height: calc(100vh - 290px)!important;
        }
        .ant-table-empty .ant-table-body table {
            height: calc(100vh - 290px)!important;
        }
        .ant-table-container::after {
            content: '';
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        .ant-table-header {
            width: 100%;
            float: left;
        }
        .ant-table-body {
            width: 100%;
            float: left;
        }
        .ant-table-pagination  {
            width: 100%;
            float: left;
        }
    }
}

.usersmanage {
    .users-header {
        display: flex;
        justify-content: space-between;
        // input {
        //     width: 200px;
        //     margin-right: 10px;
        // }
        botton {
            position: relative;
            top: -1px;
            padding: 0 10px;
        }
    }
    .users-actions  {
        button {
            margin-left: 10px;
        }
    }
    .users-list {
        padding-left: 10px;
        // .ant-table-body {
        //     height: calc(100vh - 312px);
        // }
    }
    .auth-password {
        display: flex;
        justify-content: space-between;
    }
}
._mutiadd_card_ {
    .ant-table-body {
        overflow-y: auto!important;
    }
}
._UserManager_ {
    .ant-table-body {
        overflow-y: auto!important;
    }
    .extrack-device-name {
        display: inline-block;
        width: 150px;
        word-break: keep-all;
        vertical-align: bottom;
    }
    .active-line {
        background: @secondNavHoverColorNo14;
        &:hover td {
            background: @secondNavHoverColorNo14!important;
        }
    }
    .btcard-record .ant-btn-link {
        padding: 4px 5px;
    }
}
    
._extract_list_ {
    .ant-tree-list-holder-inner {
        max-height: 350px;
        overflow-y: auto;
    }
    .site-tree-search-value {
        color: @errorColorNo17;
    }
}
._addUsersModal_ {
    .auth-password {
        height: 60px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid @color-border;
    }
    .disabled-text {
        display: inline-block;
        vertical-align: top;
        max-width: 480px;
        color: rgba(0, 0, 0, 0.25);
    }
    .auth-card {
        min-height: 60px;
        padding: 15px 0;
        border-bottom: 1px solid @color-border;
    }
    .auth-fingerprint {
        padding: 15px 0;
        border-bottom: 1px solid @color-border;
    }
    .add-card {
        padding: 25px 20px;
        text-align: center;
        border: 1px solid @color-border;
        button {
            text-align: center;
        }
    }
    .custom-add {
        float: left;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        width: 120px;
        height: 112px;
        border: 1px solid @color-border;
        cursor: pointer;
        &.big {
            width: 150px;
            height: 132px;
        }
        &:hover {
            color: @skin-blue;
        }
        &.finger {
            height: 124px;
        }
    }
    .bloothcard-list-item {
        margin-bottom: 10px;
        position: relative;
        width: 139px;
        height: 132px;
        border-radius: 2px;
        border: 1px solid  rgba(0, 0, 0, 0.15);
        .no {
            margin-top: 30px;
            font-weight: bold;
            font-size: 16px;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .footer {
            display: flex;
            justify-content: flex-end;
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 34px;
            border-top: solid 1px rgba(0, 0, 0, 0.15);
        }
    }
    .card-loading {
        .ant-spin-spinning {
            width: 100%;
            padding-top: 30px;
        }
    }
    .myicon-add1 {
        position: relative;
        top: 3px;
    }
    .card-list-item {
        float: left;
        margin-bottom: 10px;
        margin-right: 20px;
        position: relative;
        width: 169px;
        height: 132px;
        border-radius: 2px;
        border: solid 1px rgba(0, 0, 0, 0.15);
        &:nth-child(4n) {
            margin-right: 0;
        }
        &:nth-child(n + 5) {
            margin-bottom: 0;

        }
        .no {
            margin-top: 20px;
            margin-left: 10px;
            font-weight: bold;
            font-size: 16px;
            color: #272727;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap
        }
        .time {
            margin-top: 20px;
            margin-left: 10px;
            font-size: 14px;
        }
        .footer {
            display: flex;
            justify-content: flex-end;
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 28px;
            padding-right: 8px;
            padding-top: 4px;
            border-top: solid 1px rgba(0, 0, 0, 0.15);
            .ant-space-item > span {
                display: inline-block;
            }
        }
        .myicon-deletepre {
            position: relative;
            top: 2px;
        }
        
    }
    .myicon-maincard.active {
        color: @primary-color;
    }
    .myicon-duress.active {
        color: @errorColorNo17;
    }
    .flag {
        position: absolute;
        top: 0;
        right: 5px;
    }
    .finger-list {
        display: flex;
    }
    .finger-list-item {
        margin-right: 20px;
        position: relative;
        width: 150px;
        height: 125px;
        border-radius: 2px;
        border: solid 1px rgba(0, 0, 0, 0.15);
        .name {
            display: inline-block;
            width: 110px;
            margin-top: 16px;
            margin-left: 10px;
            font-size: 14px;
            font-weight: bold;
            color: #272727;
        }
        .footer {
            padding-right: 8px;
            padding-top: 4px;
            padding-right: 8px;
            display: flex;
            justify-content: flex-end;
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 28px;
            border-top: solid 1px rgba(0, 0, 0, 0.15);
        }
        > span {
            display: block;
            text-align: center;
            svg {
                width: 30px!important;
                height: 30px!important;
            }
        }
        .myicon-deletepre,
        .myicon-editpre {
            margin: 0 7px;
            vertical-align: -4px;
        }
        .icons > span {
            margin-right: 10px;
        }
    }
    .delete-box {
        display: flex;
        justify-content: flex-end;
        line-height: 32px;
    }
    .ant-card-extra, .ant-card-head-title {
        padding: 10px 5px 0 0;
        display: flex;
        justify-content: space-between;
    }
    .ant-card-head {
        padding: 0 10px;
    }
    .ant-card-body {
        padding: 0;
        min-height: 220px;
    }
    .ant-form-item-control-input-content {
        width: 100%;
    }
    .fn-widp100 {
        width: 100%;
    }
    .basic .ant-row {
        margin-bottom: 10px;
    }
    .unaddFinger {
        color: @disableColorNo7;
    }
    .addFinger {
        color: @btnNormalColorNo1;
    }
    
    .add-role-btn {
        position: absolute;
        left: 370px;
        top: 0;
    }
    .ant-collapse-extra {
        color: rgba(0, 0, 0, 0.45);
    }
}
._add_Card__Modal_ {
    .ant-input-group-addon {
        background-color: transparent;
        border-color: @btnHoverColorNo2;
        color: @btnHoverColorNo2;
        cursor: pointer;
    }
    .ant-input {
        border-right-color: @btnHoverColorNo2;
    }
}
._add_finger_modal_ {
    .myicon-finger1 svg {
        width: 50px!important;
        height: 50px!important;
    }
    .fn-textcenter {
        margin-top: 10px;
        margin-bottom: 35px;
    }
    .step-box {
        padding: 0 50px;
    }
    .device-finger {
        text-align: center;
        svg {
            width: 60px!important;
            height: 50px!important;
        }
    }
    .custom-tip {
       display: block;
       margin-bottom: 40px;
       background-color: transparent;
       border: none;
       text-align: center;
       div {
           display: inline;
       }
    }

    .btn-box {
        text-align: center;
    }
    .unaddFinger {
        color: @disableColorNo7;
    }
    .addFinger {
        color: @btnNormalColorNo1;
    }
    .error-warp {
        margin: 30px 0;
    }
}
._add_Card__Modal_, ._add_finger_modal_ {
    .ant-modal-body {
        padding: 0;
    }
    .ant-form {
        padding: 24px;
    }
    .device-set {
        position: relative;
        padding: 0 24px;
        background-color: @listBorderColorNo8;
        .custom-menu {
            width: auto!important;
            max-height: 320px;
            overflow-y: auto;
            position: absolute;
            top: 50px;
            left: 108px;
            z-index: 1;
            box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
        }
    }
}
._add_user_password_modal_ {
    .passwordbox {
        padding: 0 40px;
    }
    .weak-password-icon {
        position: absolute;
        font-size: 20px;
        top: 85px;
        right: 40px;
        font-size: 20px;
    }
    .ant-form-item {
        margin-bottom: 10px!important;
    }
}
.edit_fingername {
    .ant-form-item-explain{
        padding-left: 108px;
        color: @errorColorNo17;
    }
}
.muti-send-card {
    .ant-drawer-body {
        padding-top: 0;
    }
    .result-msg {