html/css/per-manage.css

/* 人员管理 */

.mainbox {
    min-width: 1024px;
    max-width: 1920px;
    padding: 0.8125rem 1.1rem 1rem .9rem;
    /* display: flex; */
    /* height: 100%; */
    height: 100vh;
    min-height: 723px
    /* min-height: 10rem; */
}

.per-manage {
    height: 13.5rem
}

.column1 {}

.column2 {}

.column3 {
    overflow: hidden;
    /* height: 10rem; */
    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 {
    /* border:1px solid red; */
    padding: 0.25rem;
}

.departlist-box {
    width: 100%;
    padding: 0.25rem 0.25rem 0rem 0.1rem;
}

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

.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: 100px;
    /* 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 {
    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: #fff
}

.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 {
    /* margin-bottom:20px */
    margin-bottom: 10px
}

.layui-col-xs4.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%;
}