/* 人员管理 */ .mainbox { min-width: 1024px; max-width: 1920px; padding: 0.8125rem 1.1rem 1.4rem .9rem; /* display: flex; */ height: 100%; } .per-manage { height: 13.5rem } /* .column{ height:100%; } */ .column1 { /* flex:2; */ } .column2 { /* flex:2; */ /* border:1px solid yellow */ } .column3 { /* flex: 8; */ overflow: hidden; height: 10rem; position: relative; /* border:1px solid yellow */ } .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.1875rem; 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.175rem; 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.175rem; border-collapse: collapse; border-spacing: 0; /* 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.175rem; 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.175rem; } .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: 20%; margin-top: -50px; height: 200px; width: 200px; /* right: 0; */ /* bottom: 0; */ margin-left: -50px; left: 50%; background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: center; background-color: rgba(0, 0, 0, .2); background-size: 50%; }