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