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__fixed-right-patch{
background-color: #edf6ff ;
}
/*.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-bottom: 20px;
padding-left: 20px;
padding-right: 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-b{
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;
}