html/css/per-manage.css

    /* 人员管理 */
    
    .mainbox {
        min-width: 1024px;
        max-width: 1920px;
        /* padding: 0.8125rem 1.1rem 1rem .9rem; */
        padding: 3.3% 5% 4% 4%;
        /* display: flex; */
        height: 100%;
        /* height: 100vh;
    min-height: 723px */
        /* min-height: 10rem; */
    }
    
    .per-manage {
        height: 13.5rem
    }
    
    .column1 {}
    
    .column2 {}
    
    .column3 {
        overflow: hidden;
        height: 10.5rem;
        /* height: calc(100vh - 2.7rem); */
        /* min-height: 10.5rem; */
        position: relative;
    }
    
    .title {
        line-height: 0.6rem;
        font-size: 0.25rem;
        margin-top: .12rem;
        font-size: 0.25rem;
        margin-left: 0.35rem;
        /* color:#02DDF2; */
        background-image: -webkit-linear-gradient(bottom, #00adce, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: -webkit-linear-gradient(rottom, #00adce, #fff);
        background-image: linear-gradient(to rottom, #00adce, #fff);
        -webkit-background-clip: text;
        -ms-background-clip: text;
        -o-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .column2 .title {
        margin-left: .6rem;
    }
    
    .column1 ul {
        padding: 0.6rem 0.625rem 0.375rem 0.4rem;
    }
    
    .column1 li a {
        color: #0082FF;
        line-height: 0.65rem;
        font-size: 0.2rem;
        padding-left: .4rem;
        display: block;
        margin-bottom: 0.25rem;
        background-image: url(../images/list.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
    }
    
    .column1 li.selected a,
    .column1 li:hover a {
        background-image: url(../images/list-on.png);
        color: #31E9FF
    }
    
    .departlist-box,
    .memberbox {
        padding: 0.25rem;
        /* padding: 20px 10px */
    }
    
    .departlist-box {
        width: 100%;
        padding: 0.25rem 0.25rem 0rem 0.1rem;
        /* padding: 20px 10px 0 10px; */
    }
    
    .departtit,
    .membertit {
        font-size: 0.25rem;
        color: #31e9ff;
        margin-bottom: 0.3rem
    }
    
    .membertit {
        margin-bottom: 0.125rem
    }
    
    ul.depart-opera {
        display: flex
    }
    
    .depart-opera a {
        cursor: pointer;
    }
    
    .depart-opera li {
        display: inline-block;
        font-size: 0.15rem;
        flex: 1;
    }
    
    .depart-opera li a.button {
        width: 80%;
        padding: 0
    }
    
    .column2 .depart-opera li:nth-child(3) {
        margin-right: 0
    }
    
    .member-choose {
        text-align: right
    }
    
    .member-choose span {
        color: #0078FF;
        font-size: 0.2rem;
        margin-right: 0.0875rem
    }
    
    .member-choose input,
    .member-choose select,
    .member-choose option {
        display: inline-block;
        width: 2.0125rem;
        height: 0.3625rem;
        line-height: 0.3625rem;
        border-radius: 5px;
        text-indent: 0.0625rem;
        margin-right: 0.2rem;
        font-size: 0.2rem;
        border: none;
        background: #fff;
        -webkit-appearance: auto;
    }
    
    .member-choose a.button {
        margin-right: 0.3rem
    }
    
    .member-operate span {
        color: #0078FF;
        font-size: 0.2rem;
        margin-right: 0.0875rem
    }
    
    .member-operate input,
    .member-operate select,
    .member-operate option {
        display: inline-block;
        width: 2.0125rem;
        height: 0.3625rem;
        line-height: 0.3625rem;
        border-radius: 5px;
        text-indent: 0.0625rem;
        margin-right: 0.5rem;
        border: none;
    }
    
    .member-operate a.button {
        margin-right: 0.3rem
    }
    
    .member-operate {
        text-align: right;
        padding: 0.4375rem 0;
        position: relative;
    }
    
    .member-operate a.button {
        margin-right: 0.3rem;
        cursor: pointer;
    }
    /* 表格 */
    
    .pure-table {
        color: #fff;
        width: 100%
    }
    
    .pure-table th {
        background: linear-gradient(to bottom, #525970, #2d323e);
    }
    
    .pure-table td,
    .pure-table th {
        background-color: #1f2933;
        /* border-color: #101010; */
        text-align: center;
        border: 1px solid black;
        line-height: 0.3125rem;
        font-size: 0.2rem;
        border-collapse: collapse;
        border-spacing: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 5rem;
        /* width: 0.3375rem */
    }
    
    .pure-table tbody tr:hover td:not(:first-child) {
        background-color: rgba(14, 112, 203, .3);
    }
    
    .pure-table .selected td:not(:first-child) {
        background-color: #0e70cb;
        border-style: dotted;
    }
    
    .pure-table .selected td:not(:first-child) .view-detail {
        color: #fff
    }
    
    .pure-table .selected td {
        border-style: dotted;
    }
    
    .pure-table .status {
        background-image: url(../images/unchecked.gif);
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .pure-table th span {
        width: 27px;
        height: 27px;
        display: block
    }
    
    .pure-table .checked {
        background-image: url(../images/checked.gif);
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .pure-table tr:nth-child(even) td {
        background-color: #1a232b
    }
    
    .pure-table tr td:first-child {
        background-color: #fff;
        width: 0.3375rem
    }
    
    .pure-table tr td.checked {
        background-color: orange
    }
    /* 权限管理 */
    /* 菜单表部分 */
    
    .menutab {
        border-bottom: 2px solid #26c5ff;
        /* line-height: 0.5rem; */
        background: #4C5465;
        align-items: center;
    }
    
    .menutab a {
        display: inline-block;
        padding: 0.1125rem 0.2rem;
        background: #616F8C;
        /* line-height: 0.45rem; */
        color: #fff;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        font-size: 0.2rem;
        margin: 0.025rem auto 0.0125rem;
        cursor: pointer;
        border: 1px solid #2e3746;
    }
    
    .menutab a.selected,
    .menutab a:hover {
        background: #26C5FF
    }
    /* 单位信息 */
    
    .logo-img {
        width: 0.2rem;
        height: 0.2rem;
        margin: 0 auto;
        display: block;
        background-image: url(../images/logo-img.png);
        background-size: 100% 100%;
    }
    /* 事件中心 */
    
    .memberbox2 .member-choose input,
    .memberbox2 .member-choose select,
    .memberbox2 .member-choose option {
        width: 1.75rem
    }
    
    .toTime {
        display: inline-block;
        margin: 0 0.125rem;
        color: #fff
    }
    
    .event-count-box {
        /* width: 100%; */
        position: absolute;
        top: 0.2rem;
        text-align: left;
    }
    
    .event-count-box li {
        text-align: center;
        border: 1px solid red;
        display: inline-block;
        line-height: 0.775rem;
        height: 0.775rem;
        margin-right: 0.25rem;
        border: 2px solid #0057ac;
        padding: 0 0.125rem
    }
    
    .event-count-box li span {
        vertical-align: middle;
        color: #fff;
        font-size: 0.2rem;
    }
    
    .event-count-box li img {
        vertical-align: middle;
        width: 0.375rem;
        margin-right: 0.2rem;
    }
    
    .event-count-box li .event-num {
        font-size: 0.35rem;
    }
    
    .view-detail,
    .interface-doc {
        cursor: pointer;
        text-decoration: underline;
        color: #0078FF
    }
    
    .error-radio .layui-form-item {
        display: inline-block;
        margin-bottom: 0
    }
    
    .error-radio .layui-input-block {
        margin-left: 0
    }
    
    .error-radio .layui-form-radio {
        margin: 0;
        width: 80px;
        line-height: 20px;
    }
    
    .error-radio .layui-form-radioed>i,
    .error-radio .layui-form-radio>i:hover {
        color: rgb(118, 118, 118)
    }
    
    .error-radio .layui-anim-scaleSpring {
        -webkit-animation-name: none;
        animation-name: none;
    }
    
    .error-radio .layui-input-block {
        min-height: auto;
    }
    
    .error-radio .layui-form-radio>i {
        font-size: 14px;
    }
    /* 设备检测弹框样式 */
    
    .layui-input-block {
        margin-left: 0;
    }
    
    .layui-form-checkbox[lay-skin="primary"] span {
        color: #fff
    }
    
    .checkallblock {
        background: #31383F;
        padding-left: 7px;
        line-height: 30px
    }
    
    .checkselfblock {
        background: #44474A;
        padding: 10px 7px 40px;
        /* height: 415px; */
    }
    
    .checkselfblock .layui-form-checkbox[lay-skin="primary"] {
        width: 24%;
        line-height: 30px
    }
    
    .checkselfblock .layui-form-checkbox {
        margin-bottom: 10px
    }
    
    .layui-col-md4 {
        /* padding:0;
    margin:5px;
    background:red; */
    }
    /* 资产管理 维保计划  弹框样式 */
    
    .layui-col-xs4.choose-item,
    .layui-col-xs6.choose-item {
        margin-bottom: 10px
    }
    
    .layui-col-xs4.choose-item span,
    .layui-col-xs6.choose-item span {
        width: 100px;
        text-align: right;
    }
    /* 隐患管理 */
    
    .content-long {
        width: 200px;
        padding: 0 10px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    /* .over_one_line{
    display: block;
     */
    
    .systemLogoShow {
        max-height: 100%;
        height: 20px;
    }
    
    .layui-laydate td.layui-this {
        background-color: #0057ac !important;
        color: #fff !important;
    }
    /* 三级联动： */
    
    .outer {
        width: 500px;
        margin: 20px auto;
    }
    /* 资产二维码图片放大 */
    
    .enlargeImg {
        height: 0.28rem;
    }
    
    .enlargeImg_wrapper {
        display: none;
        position: absolute;
        z-index: 999;
        top: 30%;
        margin-top: -50px;
        height: 200px;
        width: 200px;
        /* right: 0; */
        /* bottom: 0; */
        margin-left: -150px;
        left: 50%;
        background-repeat: no-repeat;
        /* background-attachment: fixed; */
        background-position: center;
        background-color: rgba(0, 0, 0, .2);
        background-size: 50%;
    }
    /* 账户管理修改多选 */
    
    .userCheckBox {
        display: inline-block;
        padding: .125rem
    }
    
    .userCheckBox .checkselfblock .layui-form-checkbox[lay-skin="primary"] {
        width: auto;
    }
    
    .userCheckBox .layui-form-checkbox[lay-skin="primary"] span {
        color: #aaa
    }
    
    .userCheckBox .layui-form-checkbox[lay-skin="primary"] i {
        /* background-color: #aaa */
    }
    /* 点位图片弹框 */
    
    .memberbox.imgOut {
        /* height: 300px; */
        text-align: center;
    }
    /* 月度考评导出 */
    
    .exportBox {
        position: absolute;
        left: 0;
        right: 0;
        /* bottom: 1rem; */
        top: 30px;
        font-size: 14px;
        width: 100%;
        height: 90%;
        z-index: 10;
    }
    
    .exportBox table,
    .exportBox table tr th,
    .exportBox table tr td {
        border: 1px solid #eee;
        margin: 0 auto;
    }
    
    .exportBox td,
    .exportBox th {
        padding: 3px 0;
    }
    
    .exportBox .exportContainer {
        z-index: 19000;
        /* width: 650px; */
        margin: 0 auto;
        box-shadow: #888888 0px 0px 4px;
        display: block;
        background: #1f2833;
        color: #fff;
        height: 100%;
        overflow: auto;
        padding: 15px;
    }
    
    .exportBox h3.title {
        text-align: center;
        background: #1f2833;
        font-size: 16px;
    }
    
    .exportBox section {
        padding-bottom: 30px;
    }
    
    .exportBox section .table-sub {
        margin-top: 10px;
        font-size: 13px;
    }
    
    .exportBox section .innerChart {
        width: 100%;
        height: 220px;
        padding: 10px 0;
    }
    
    .exportBox section .summary2 {
        display: flex;
        margin: 0 10px;
        line-height: 1.5;
    }
    
    .exportBox section .summary2>div:first-child {
        width: 60px;
    }
    
    .exportBox section .summary2>div:last-child {
        width: calc(100% - 30px);
    }
    
    .exportBox section .big-tit {
        padding: 10px 0;
        background: #1f2833;
    }
    
    .exportBox .section1 {
        background: #1f2833;
    }
    /* .exportBox .summary {
    padding: 10px 15px;
    text-indent: 20px;
    margin: 10px 10px 30px;
    line-height: 1.5;
    background: rgb(170, 170, 170);
} */
    
    .layui-layer-title {
        background: #081A32 !important;
        color: #fff !important;
        border-bottom: 1px solid #1E9FFF !important;
    }
    
    .layui-layer {
        background: #072442 !important;
        color: #fff;
    }
    
    .layui-layer-ico {
        border-radius: 50%;
    }
    
    .layui-layer-btn .layui-layer-btn0 {
        font-size: 0.3rem;
    }
    /* 点位弹框 */
    
    .point-des {
        text-align: left;
    }
    
    .point-des p {
        margin-top: 10px
    }