html{
|
/*filter: grayscale(100%);*/
|
}
|
html, body {
|
width: 100%;
|
height: 100%;
|
}
|
/*谷歌浏览器记住密码后回显时字体大小*/
|
input:-webkit-autofill::first-line {
|
font-size: 16px;
|
}
|
/* 树形结构字体大小*/
|
.zt .el-tree-node__label{
|
font-size: 18px;
|
}
|
/*表格行鼠标移入*/
|
.zt .el-table tbody tr:hover>td {
|
background-color: #eaf5ff !important;
|
/*color: #FFFFFF;*/
|
}
|
.zt .el-table__fixed-body-wrapper tbody tr:hover>td {
|
background-color: #eaf5ff !important;
|
/*color: #FFFFFF;*/
|
}
|
/*表格行鼠标移入*/
|
.zt .el-table .el-table__row.hover-row {
|
background-color: #eaf5ff !important;
|
}
|
|
/*.zt .el-table.djxlTable tbody tr:hover>td {*/
|
/* background-color: #f5f7fa !important;*/
|
/* !*color: #FFFFFF;*!*/
|
/*}*/
|
/*.zt .djxlTable.el-table .el-table__row.hover-row {*/
|
/* background-color: #f5f7fa !important;*/
|
/*}*/
|
/*表格行鼠标选中*/
|
/*.zt .el-table__body tr.current-row>td {*/
|
/* background-color: #3399CC !important;*/
|
/* !*color: #FFFFFF*!*/
|
/*}*/
|
.zt{
|
/* background-image: url("../../assets/img/loading1.gif");
|
background-position: center center;
|
!* 背景图不平铺 *!
|
background-repeat: no-repeat;
|
!* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 *!
|
background-attachment: fixed;
|
!* 让背景图基于容器大小伸缩 *!
|
background-size: cover;*/
|
background-color: #f3f3f4;
|
}
|
.map.process-from{
|
padding: 0 !important;
|
}
|
.map.process-table{
|
margin-top:2px;
|
}
|
/**{*/
|
/*margin: 0;*/
|
/*padding: 0;*/
|
/*}*/
|
h5{
|
|
margin:0
|
}
|
.zt .is-active>.el-submenu__title{
|
color:#f4f4f5;
|
/*background-color: #17507c !important;*/
|
}
|
.zt .sidebar-container .el-menu-item.is-active span{
|
background: #1f8fff;
|
border-radius: 4px;
|
padding: 3px 4px;
|
font-size: 15px;
|
}
|
.zt .sidebar-container .el-menu-item.is-active{
|
background: #17507c !important;
|
}
|
.zt .el-card{
|
box-shadow: 0 3px 6px 0 rgb(72 119 232 / 14%);
|
}
|
.zt .sidebar-container .el-submenu__title:hover{
|
background-color:rgba(2, 120, 231, 1);
|
}
|
.zt .sidebar-container .el-menu-item.is-active{
|
background: rgba(2, 120, 231, 1);
|
}
|
.zt .fa-card-a{
|
padding: 20px;
|
border: 1px solid #EBEEF5;
|
color: #303133;
|
-webkit-transition: .3s;
|
transition: .3s;
|
background:#ffffff;
|
box-shadow: 0 3px 6px 0 rgba(72, 119, 232, 0.14);
|
border-radius: 10px;
|
margin-right: 10px;
|
margin-left: 10px
|
}
|
.zt .fa-card-task{
|
padding: 10px 20px 0;
|
border: 1px solid #EBEEF5;
|
color: #303133;
|
-webkit-transition: .3s;
|
transition: .3s;
|
background:#ffffff;
|
box-shadow: 0 3px 6px 0 rgba(72, 119, 232, 0.14);
|
border-radius: 10px;
|
margin-right: 10px;
|
margin-left: 10px
|
}
|
.zt .home-tabs-line .el-tabs__nav-wrap{
|
width:100% !important;
|
}
|
.zt .home-tabs-line .el-tabs__nav-wrap.is-scrollable{
|
width:100% !important;
|
}
|
.zt .fa-card-home-a{
|
padding: 0 20px 20px 20px;
|
margin-left: 10px;
|
border: 1px solid #EBEEF5;
|
color: #303133;
|
-webkit-transition: .3s;
|
transition: .3s;
|
background:#ffffff;
|
box-shadow: 0 3px 6px 0 rgba(72, 119, 232, 0.14);
|
border-radius: 10px;
|
}
|
.zt .fa-form-a{
|
color: #303133;
|
-webkit-transition: .3s;
|
transition: .3s;
|
background:#d2e0df4d;
|
border-radius: 10px;
|
}
|
/*.zt .el-form-item__content{*/
|
/* line-height: 56px;*/
|
/*}*/
|
.zt .el-dialog .el-form-item__content{
|
line-height: 40px;
|
}
|
.zt .wt__content .el-form-item__content{
|
line-height: 56px;
|
}
|
.zt .wt__content .el-form-item__label{
|
line-height: 56px;
|
}
|
body .el-table th.gutter {
|
display: table-cell !important;
|
}
|
|
body .el-table colgroup.gutter {
|
display: table-cell !important;
|
}
|
|
body .el-table{
|
overflow: auto;
|
}
|
body .el-table.myTable{
|
overflow: hidden;
|
}
|
/* 这个是为了解决前面样式覆盖之后伪类带出来的竖线 */
|
body .el-table::after{
|
position: relative;
|
}
|
|
/*body .el-table__fixed-body-wrapper{*/
|
/* top: 34px !important;*/
|
/*}*/
|
|
.el-tooltip__popper{
|
font-size: 14px; max-width:50%
|
}
|
|
.zt>.aui-wrapper {
|
padding-top: 68px;
|
}
|
.aui-wrapper.aui-page__login__border{
|
padding: 0;
|
}
|
.zt .aui-content__wrapper{
|
margin-left: 280px;
|
}
|
.zt .aui-content__wrapper,
|
.zt .aui-content {
|
min-height: calc(100vh - 68px);
|
}
|
.zt .aui-content>.el-tabs>.el-tabs__content>.el-tab-pane {
|
min-height: calc(calc(100vh - 50px - 38px - 30px - 125px));
|
}
|
.zt .aui-content>.el-tabs>.el-tabs__content>.el-tab-pane>.aui-card--fill>.el-card__body {
|
min-height: calc(calc(100vh - 50px - 38px - 30px - 125px) - 2px);
|
}
|
.zt .aui-content--tabs-tools.el-dropdown {
|
top: 58px;
|
right:20px;
|
height: 42px;
|
line-height: 48px;
|
}
|
|
/* 列表标题 */
|
.zt .el-button.form-title {
|
font-size: 20px;
|
/*line-height: 36px;*/
|
font-weight: 700;
|
padding-left: 0px;
|
}
|
|
/* 列表按钮 */
|
.zt .zt-button {
|
padding: 8px 10px !important;
|
}
|
|
/* .zt .border-bottom {
|
margin-bottom: 10px;
|
border-bottom: 1px solid #DCDFE6;
|
} */
|
|
.zt form.border-bottom .el-form-item {
|
margin-bottom: 8px;
|
}
|
|
.zt .el-divider--horizontal {
|
margin: 16px 0;
|
}
|
|
.zt .el-table .el-table__row.selected {
|
background: #ecf9f8;
|
}
|
|
/* form标题栏 */
|
.zt .el-form .el-form-item.toolbar {
|
width: 100% !important;
|
padding-bottom: 10px;
|
border-bottom: 1px solid #DCDFE6;
|
float: none;
|
}
|
.zt .el-form .el-form-item.toolbar .el-form-item__content {
|
width: 100%;
|
margin-left: 0px !important;
|
}
|
.zt .el-form .el-form-item.toolbar .el-form-item__content .excel-import {
|
display: inline-block;
|
margin-left: 10px;
|
}
|
.zt .el-form .el-form-item.toolbar .el-form-item__content .el-dropdown {
|
margin-left: 10px;
|
}
|
.zt .el-input__inner {
|
line-height: normal;
|
}
|
|
/* 表格内编辑 */
|
.zt .el-table .el-table__row .el-form-item .el-form-item__content {
|
margin-left: 0px !important;
|
}
|
|
/* 表格th居中 */
|
.zt .el-table thead th {
|
text-align: center;
|
}
|
/* 内容居左 */
|
/*.zt .el-table tbody td {*/
|
/* text-align: left;*/
|
/*}*/
|
/*.zt .table-is__left-tz tbody tr td:nth-child(3){*/
|
/*text-align: left !important;*/
|
/*}*/
|
/*.zt .table-is__left-tz tbody tr td:nth-child(6){*/
|
/*text-align: left !important;*/
|
/*}*/
|
/* tree table第一列居中 */
|
.zt .el-table tbody tr[class*="el-table__row--level-"] td:first-child {
|
text-align: center;
|
}
|
/* 表格选中颜色 */
|
.zt .el-table__body tr.current-row>td {
|
background-color: #bce4e1;
|
}
|
|
/* 弹窗内tab */
|
.zt .el-dialog .el-tabs .el-tabs__header {
|
margin-bottom: 5px;
|
padding-left: 15px;
|
}
|
.zt .el-dialog .el-tabs .el-tabs__content {
|
min-height: 300px;
|
overflow-y: auto;
|
}
|
|
/*.zt .dialog-column-2 .el-dialog {*/
|
/* width: 75% !important;*/
|
/*}*/
|
|
.el-table__fixed-right {
|
height: 100% !important;
|
}
|
.el-table__fixed {
|
height: 100% !important;
|
}
|
.selector-ul-style{
|
padding: 0;
|
height:100px;
|
width:100%;
|
list-style: none;
|
overflow: auto;
|
z-index:222;
|
}
|
.selector-cursor .el-input__inner{
|
cursor: pointer;
|
}
|
.selector-ul-style li{
|
font-size: 14px;
|
padding: 0 20px;
|
height: 34px;
|
cursor: pointer;
|
text-overflow: ellipsis;
|
line-height: 34px;
|
}
|
.DAlign {
|
text-align: center;
|
}
|
.el-border-left {
|
border-left: 1px solid rgba(0, 0, 0, .2);
|
}
|
.el-border-top {
|
border-top: 1px solid rgba(0, 0, 0, .2);
|
}
|
.el-border-bottom {
|
border-bottom: 1px solid rgba(0, 0, 0, .2);
|
}
|
.el-border-left-right{
|
border-left: 1px solid rgba(0, 0, 0, .2);
|
border-right: 1px solid rgba(0, 0, 0, .2);
|
}
|
.table-container {
|
position: relative;
|
}
|
.table-container:hover .icon-container {
|
opacity: 1; /* 鼠标悬停时显示图标 */
|
}
|
.icon-container {
|
z-index: 1;
|
position: absolute;
|
bottom: -20px;
|
left: 50%;
|
width: 40px;
|
height: 30px;
|
text-align: center;
|
line-height: 30px;
|
transform: translate3d(-50%, 0, -20px);
|
border: 1px solid #EBEEF5;
|
background-color: #fafafa;
|
box-shadow: 0 3px 6px 0 rgba(72, 119, 232, 0.14);
|
border-radius: 2px;
|
transition: transform 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;
|
opacity: 0;
|
}
|
/*.icon-container:hover{*/
|
/* transform: translate3d(-50%, 0, 0);*/
|
/* box-shadow: 0 10px 10px 0 rgba(72, 119, 232, 0.34)*/
|
/*}*/
|
.el-dropdown.dropdown_hover{
|
position: absolute;
|
border: 1px solid #EBEEF5;
|
background-color: #fafafa;
|
box-shadow: 0 3px 6px 0 rgba(72, 119, 232, 0.14);
|
border-radius: 2px;
|
display: block;
|
width: 300px;
|
left: -325%;
|
color: #606266;
|
font-size: 14px;
|
}
|
