body { background: #f9fafe; font-size: 14px; color: #333; margin: 0; padding: 0; } a,a:visited,a:active{ color: #004098; text-decoration: underline; cursor: pointer; } a:hover{ color: #1890FF; } *{ box-sizing: border-box; margin: 0; padding: 0; } ul , li,ol{ list-style: none; } input,textarea{ outline: none; } ::-webkit-scrollbar, ::-webkit-scrollbar{ width: 6px; height: 6px; } ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-track-piece{ background-color: transparent; border-radius: 4px; } ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb{ cursor: pointer; background-color:#dedfe1; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:hover{ cursor: pointer; background-color:#c8c9cc; border-radius: 4px; } /*font-color 文字颜色*/ .red { color: #F5222D !important; } .green { color: #52C41A !important; } .blue { color: #1890FF !important; } .blue-primary { color: #004098 !important; } .orange { color: #FF8A0E !important; } .yellow { color: #eeaf12 !important; } .gray { color: #AEAEAE !important; } /* sidebar-container 左侧菜单*/ body #app .hideSidebar .sidebar-container { width: 65px !important; } body #app .openSidebar .sidebar-container { width:180px !important; } body #app .sidebar-container .nest-menu .el-sub-menu>.el-sub-menu__title, body #app .sidebar-container .el-sub-menu .el-menu-item { min-width: 180px!important; } body #app .sidebar-container .scrollbar-wrapper { padding-bottom: 95px; } body #app .app-wrapper .sidebar-container{ background: #fff !important; box-shadow: 0px 0px 5px rgb(0 0 0 / 20%) !important; } body #app .app-wrapper .sidebar-container .sidebar-logo-container{ background: #fff !important; height: 57px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 17px 0; } body #app .hideSidebar .sidebar-container .sidebar-logo-container{ border-bottom: 1px solid #f5f5f5; } body #app .app-wrapper .sidebar-container .sidebar-logo-container *{ color:#004098 !important; } body #app .app-wrapper .sidebar-container .sidebar-logo-container .sidebar-logo{ width: 23px !important; height: 23px !important; margin: 0 5px 0 0 !important; } body #app .app-wrapper .sidebar-container .sidebar-logo-container .sidebar-title{ line-height: 23px; } body #app .app-wrapper .sidebar-container .sidebar-logo-container .sidebar-logo-link{ height: 32px; line-height: 32px; } body #app .hideSidebar .sidebar-container .sidebar-logo-container{ padding: 10px 0; } body #app .hideSidebar .sidebar-container .sidebar-logo-container .sidebar-logo-link{ width:37px; height: 37px; } body #app .hideSidebar .sidebar-container .sidebar-logo-container .sidebar-logo-link .sidebar-logo{ width: 37px !important; height: 37px !important; margin: 0 !important; } body #app .app-wrapper .sidebar-container .el-scrollbar{ background:#fff !important; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu{ background:#fff !important; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item{ background: #fff !important; color: #333 !important; font-size: 14px; position:relative; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item .svg-icon{ font-size: 14px; } body #app .hideSidebar .sidebar-container .el-scrollbar .el-menu .el-menu-item .el-menu-tooltip__trigger{ text-align: center; } body #app .hideSidebar .sidebar-container .el-scrollbar .el-menu .el-menu-item .svg-icon{ font-size: 18px; margin-right: auto; margin-left: auto; } body #app .hideSidebar .submenu-title-noDropdown .el-tooltip { text-align: center; } body #app .hideSidebar .el-submenu>.el-submenu__title{ text-align: center; } body #app .hideSidebar .el-sub-menu>.el-sub-menu__title .svg-icon{ width: 18px; height: 18px; margin: 0 auto; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .nest-menu .svg-icon{ display: none; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .nest-menu .el-menu-item{ padding-left: 42px; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .nest-menu .nest-menu .el-menu-item{ font-size: 12px; padding-left: 60px; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item.is-active, body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item:hover{ color:#004098 !important; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item.is-active{ background: #E6F7FF !important; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item.is-active:before{ content: ""; display: block; position: absolute; right: 0; width: 3px; height: 100%; background: #004098; top: 0; left: auto; } body #app .app-wrapper .sidebar-container .svg-icon { margin-right: 8px; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item, body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu__title{ height: 50px; line-height: 50px; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu{ background: #fff !important; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-submenu__title{ background: #fff !important; color: #5F5E5E !important; font-size: 14px; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-submenu__title:hover, body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu.is-opened .el-submenu__title{ color:#004098 !important; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-submenu__title .svg-icon{ font-size: 14px; } body #app .hideSidebar .sidebar-container .el-scrollbar .el-menu .el-submenu>.el-submenu__title .svg-icon{ font-size: 18px; margin-left: auto; margin-right: auto; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu{ background: #fff !important; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item{ background: #fff !important; color: #5F5E5E !important; font-size: 14px; padding: 0 20px 0 48px !important; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item .svg-icon{ display:none; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item.is-active, body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item:hover{ color:#004098 !important; } body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item.is-active{ background: #e6e7ff !important; } body #app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title{ background-color: #fff !important; } body #app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title:hover, body #app .sidebar-container .theme-dark .el-menu-item:hover { background-color: #fff !important; } body .hideSidebar .el-submenu__title i.icon-jianyanjihua{ padding: 0 0 0 7px; font-size: 26px; } body .hideSidebar .el-submenu__title i.icon-xiangmuguanli{ font-size: 28px; } body .hideSidebar .el-submenu__title i.icon-zhengtitubiaosvg_lishijiankong{ font-size: 29px; } body .hideSidebar .el-submenu__title i.icon-xitongguanli{ font-size: 26px; } body .hideSidebar .el-submenu__title i.icon-xitongjiankong{ font-size: 29px; } body .hideSidebar .el-submenu__title i.el-icon-setting{ font-size:28px; } body .hideSidebar .el-submenu__title i.el-icon-notebook-1{ font-size:27px; } body .hideSidebar .el-menu-item i.icon-shouye{ font-size:28px; } body #app .sidebar-container .theme-dark .el-sub-menu__title{ background: #fff !important; color: #333 !important; } body #app .sidebar-container .theme-dark .el-sub-menu__title:hover{ background: #fff !important; color: #004098 !important; } body #app .sidebar-container .theme-dark .is-active>.el-sub-menu__title{ color: #004098 !important; } body .el-menu .el-menu-item>i , body .el-submenu__title i { color: #5F5E5E; vertical-align: middle; margin-right: 5px; width: 24px; text-align: center; font-size: 20px; display: inline-block; line-height: 21px; height: 21px; } body .el-submenu__title i.icon-zhiliang-xianxing{ font-size: 23px; text-align: left; } body .el-submenu__title i.icon-jianyanjihua{ padding: 0 0 0 3px; } body .el-menu-item i.icon-zhiliang-xianxing{ font-size: 21px; } body .el-submenu__title:hover i, body .el-submenu.is-opened .el-submenu__title i, body .el-menu .el-menu-item:hover>i, body .el-menu .el-menu-item.is-active>i{ color:#004098; } body .el-submenu__title i.el-submenu__icon-arrow, body .el-submenu__title:hover i.el-submenu__icon-arrow{ color: #909399; font-size: 12px; margin: 0; width: auto; height: auto; display: inherit; top: calc(50% - 9px); } body .hideSidebar .el-menu .el-menu-item>div>i , body .hideSidebar .el-submenu__title i { color: #5F5E5E; vertical-align: middle; margin: 0; width: 65px; text-align: center; font-size: 30px; display: inline-block; line-height: 34px; height: 34px; box-sizing: border-box; padding: 0; } body .hideSidebar .el-submenu__title i.icon-zhiliang-xianxing{ padding: 0 0px 0 0; text-align: center; font-size: 32px; } body #app .sidebar-container .el-submenu .el-menu-item, body #app .sidebar-container .nest-menu .el-submenu>.el-submenu__title { min-width: 180px!important; } /*main-container 右侧内容*/ body #app .hideSidebar .main-container { margin-left: 65px; } body #app .main-container { margin-left: 180px; background:#f9fafe; background-size:100%; } body #app .main-container .app-main{ background: #f9fafe; } body #app .main-container .app-main>.dashboard-editor-container{ background: #f9fafe; padding: 20px; } body #app .main-container .app-main>.dashboard-editor-container>.panel-group{ margin-top: 0 !important; } body #app .main-container .app-main>.app-container, body .app-container { padding: 20px; } body #app .main-container .app-main>.p-2{ padding: 16px; } /*el-breadcrumb 面包屑*/ body #app .main-container .el-breadcrumb{ line-height: 40px; margin: 0 40px 0 40px; display: block; font-size: 14px; } body #app .main-container .el-breadcrumb .float-right{ color: #666; } body #app .main-container .app-breadcrumb.el-breadcrumb .no-redirect{ color: #a4a4a4 !important; } body #app .main-container .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner { color: #141414 !important; } body #app .main-container .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner:hover, body #app .main-container .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner:hover a, body #app .main-container .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner a:hover{ color:#004098 !important; } /*hamburger-container 展开折叠菜单按钮*/ body #app .app-wrapper .main-container .navbar .hamburger-container{ padding: 0px 15px; position: fixed; z-index: 1001; left: 0; bottom: 0; width: 180px; height: 50px; line-height: 50px; text-align: right; color:#5F5E5E !important; font-size:22px !important; background:#fff; transition: width .28s; } body #app .app-wrapper.hideSidebar .navbar .hamburger-container{ width: 65px; height: 50px; text-align: center; } body #app .main-container .navbar .hamburger-container *{ color:#5F5E5E !important; font-size:22px !important; } /*navbar 顶部导航*/ body #app .main-container .navbar{ background: #fff !important; box-shadow: none !important; height: 57px !important; padding: 8px 0 8px 0 !important; position: relative; border-bottom: 1px solid rgba(0 0 0 / 5%); box-sizing: border-box; } body #app .main-container .navbar .big-title{ color: #004098 !important; font-size: 26px; margin: 0 0 0 40px; display: inline-block; height: 40px; line-height: 40px; } body #app .main-container .navbar .right-menu{ height: 40px; line-height: 40px; margin: 0; position: absolute; float: inherit; top: 8px; right: 16px; } body #app .main-container .navbar .right-menu>.el-select{ margin-right: 15px; } body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper{ background: #f9fafe; box-shadow: 0 0 0 1px #f9fafe inset !important; } body #app .main-container .navbar .right-menu>.el-select .el-input.is-focus>.el-input__wrapper{ box-shadow: 0 0 0 1px #f9fafe inset !important; } body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper .el-input__prefix, body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper .el-input__suffix, body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper .el-select__caret{ color: #333 !important; } body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner{ color: #333; } body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner::placeholder { color: #333 !important; } body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner::-webkit-input-placeholder { color: #333 !important; } body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner::-moz-placeholder { color: #333 !important; } body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner:-ms-input-placeholder{ color: #333 !important; } body #app .main-container .navbar .right-menu>.el-tooltip__trigger{ margin-right: 15px; background: #E6F7FF; width: 30px; text-align: center; height: 30px; line-height: 30px; border-radius: 100%; color: #004098 !important; font-size: 18px; } body #app .main-container .navbar .right-menu>.el-tooltip__trigger+.el-icon{ margin-right: 5px; } body #app .main-container .navbar .right-menu .el-input-group{ width: 248px; } body #app .main-container .navbar .right-menu .el-dropdown, body #app .main-container .navbar .right-menu .el-dropdown{ background: transparent; float: left; margin-right: 20px; } body #app .main-container .navbar .right-menu .el-dropdown .el-dropdown-selfdefine{ height: 50px; color: #141414; font-size: 18px; margin: 0; } body #app .main-container .navbar .right-menu .el-dropdown .el-dropdown-selfdefine .user-avatar{ height: 50px; width: 50px; float: left; margin: 0 10px 0 0; } body #app .main-container .navbar .right-menu .el-dropdown .el-dropdown-selfdefine i{ top:20px; } body #app .main-container .navbar .right-menu .el-icon-bell{ color: #141414; font-size: 26px; line-height: 40px; margin: 0 0 0 15px; } body #app .main-container .navbar .right-menu .el-icon-chat-dot-round{ color: #141414; font-size: 14px; line-height: 50px; margin: 0 0 0 15px; } body #app .main-container .navbar .el-breadcrumb .el-breadcrumb__item .no-redirect{ color: #004098 !important; font-size:14px; } body #app .main-container .navbar .el-breadcrumb .right-menu *{ color: #141414 !important; } body #app .main-container .navbar .right-menu .avatar-container{ margin-right: 16px !important; } body #app .main-container .navbar .app-breadcrumb.el-breadcrumb{ margin-left:16px !important; } body #app .main-container .navbar .right-menu .right-menu-item{ height: 40px; line-height: 40px; } body #app .main-container .navbar .size-icon--style, body #app .main-container .navbar .lang-select--style{ line-height: 40px !important; } body #app .main-container .navbar .right-menu .avatar-container .avatar-wrapper{ margin-top: 0 !important; height: 40px; } body #app .main-container .navbar .right-menu .avatar-container .avatar-wrapper .user-avatar{ margin-top: 0 !important; } body #app .main-container .navbar .right-menu .avatar-container .avatar-wrapper i{ top: 14px !important; } /*tags-view-container 菜单页签*/ body #app .main-container .tags-view-container{ box-shadow: none; border: 0; height: 44px; } body #app .main-container .tags-view-container .scroll-container{ } body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap{ height: 61px; } body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view{ } body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item{ margin-top: 10px; margin-left:0; height: 34px; line-height: 30px; border: 0; font-size: 14px; color: #666; border-radius: 4px 4px 0 0; padding:0 15px; position:relative; } body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view>.tags-view-item:first-child{ margin-left:20px !important; } body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item:before{ content:""; display:block; position:absolute; left:0; top:10px; width:1px; height:10px; background:#B4B0B0; } body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view>.tags-view-item:first-child:before{ content:none; } body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active:before{ content:none; } body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active+.tags-view-item:before{ content:none; } body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active, body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active:hover{ background:#0E48AD !important; color: #fff; } body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item:hover{ color:#013A9D; } body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active:before{ content:none; } body #app .main-container .tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close{ font-size: 14px; vertical-align: 1px; text-align: center; box-sizing: border-box; width: 15px; height: 15px; color: #707070; margin: 0 0 0 6px; } body #app .main-container .tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close:hover{ background:#aaa; color:#fff; } body #app .main-container .tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close:before{ vertical-align: -1px; transform: scale(1); } body #app .main-container .tags-view-container .tags-view-wrapper .tags-view-item.active .el-icon-close{ color:#fff; } body #app .main-container .tags-view-container .tags-view-wrapper .tags-view-item.active .el-icon-close:hover{ background:#fff; color:#013A9D; } /*el-row*/ body .el-row+.el-row{ margin-top: 20px; } /*el-card 卡片组件*/ body .el-col>.el-card+.el-card, body .el-card+.el-card{ margin-top:20px; } body .el-card.is-always-shadow { box-shadow: 0px 2px 8px rgb(0 0 0 / 5%) !important; border: 0 !important; border-radius: 4px !important; } body .el-card.is-hover-shadow{ box-shadow: 0px 2px 8px rgb(0 0 0 / 5%) !important; border: 0 !important; border-radius: 4px !important; } body .el-card{ border: 0 !important; border-radius: 4px !important; } body .el-card .el-card__body{ position:relative; padding: 16px !important; } body .el-card .no-cont{ padding: 75px 0; height: 275px; box-sizing: border-box; } body .el-card .no-cont .img img{ width:100px; } body .el-card .el-card__header{ box-sizing: border-box; padding: 16px; font-size: 14px; color: #333; font-weight: bold; border-bottom: 1px solid #e6e6e6; background:transparent; } body .el-card .el-card__header .title{ display: inline-block; position:relative; } body .el-card .el-card__header .title:before{ position: absolute; left: 20px; top: calc(50% - 7px); content: ""; display: block; width: 3px; height: 14px; background: #004098; } body .el-card .el-card__header .clearfix{ display: flex; justify-content: space-between; align-items: center; height: 24px; } body .el-card .el-card__header .clearfix::after{ content: none; } body .el-card .el-card__header .clearfix .tline{ display: block; position: relative; line-height: 24px; padding-left: 11px; } body .el-card .el-card__header .clearfix .tline::before{ position: absolute; left: 0; top: 5px; content: ""; display: block; width: 3px; height: 14px; background: #004098; } body .el-card .el-card__header .clearfix .header-button .el-button{ height: 24px; line-height: 22px; padding: 0 15px; min-width: 34px; text-align: center; } body .el-card .el-card__header .clearfix .header-button .el-button.el-button--primary{ background:#004098; border-color:#004098; color: #fff; } body .el-card .el-card__header .clearfix .header-button .el-button.el-button--primary:hover{ background:#3071b9; border-color:#3071b9; color: #fff; } body .el-card .el-card__header .clearfix .header-button .el-button.el-button--info{ background: #F2F3F5; border: 1px dashed #E5E6EB; color: #4e5969; } body .el-card .el-card__header .clearfix .header-button .el-button.el-button--info:hover{ background: #eef1f7; border-color: #dadded; color: #222; } body .el-card .el-card__header .small-title{ color: #141414; font-size: 16px; } body .el-card .el-card__header .el-button{ line-height: 22px; height: 24px; padding: 0 10px !important; } body .el-drawer .el-drawer__body .el-card.box-card{ border-radius: 0 !important; } body .el-drawer .el-drawer__body .el-card.is-always-shadow{ box-shadow: none !important; } body .el-drawer .el-drawer__body .el-card.box-card>.el-card__body{ padding: 0 !important; } body .el-drawer .el-drawer__body .el-card.box-card>.el-card__body .gray-card{ margin: 0; padding-top: 40px; } body .el-drawer__wrapper.no-padding .el-drawer .el-drawer__body{ padding: 0; } /*el-form 表单组件*/ body .el-form-item{ margin-bottom: 25px; } body .el-form .el-row{ margin:0; } body .el-form-item .el-form-item__label { color: #5e5e5e; font-weight:normal; padding: 0 8px 0 0; line-height:34px; } body .el-form-item .el-form-item__content { color: #141414; font-weight:normal; line-height:34px; } /*form1*/ .form1{ max-width: 80%; } body .form1 .el-cascader , body .form1 .el-select, body .form1 .el-date-editor{ width: 340px; } /*.el-form-border*/ body .el-form-border .el-form .el-form-item{ margin: 0; } body .el-form-border .el-form .el-row, body .el-form .el-form-border .el-row{ display: flex; flex-wrap: wrap; border-left: 1px solid #e5e6eb; border-top: 1px solid #e5e6eb; } body .el-form-border .el-form .el-row+.el-row, body .el-form .el-form-border .el-row+.el-row{ border-top: 0; } body .el-form-border .el-form .el-row>.el-col, body .el-form .el-form-border .el-row>.el-col{ float: inherit; margin: 0; border-right: 1px solid #e5e6eb; border-bottom: 1px solid #e5e6eb; display: block; } body .el-form-border .el-form .el-row>.el-col>.el-form-item, body .el-form .el-form-border .el-row>.el-col>.el-form-item{ display: flex; height: 100%; margin: 0; } body .el-form-border .el-form .el-row>.el-col>.el-form-item>.el-form-item__label, body .el-form .el-form-border .el-row>.el-col>.el-form-item>.el-form-item__label{ display: block; height: 100%; float: inherit; margin: 0; background: #fafafa; padding: 5px 10px; border-right: 1px solid #e5e6eb; font-size: 14px; color: #333; text-align: right; } body .el-form-border .el-form .el-row>.el-col>.el-form-item>.el-form-item__content, body .el-form .el-form-border .el-row>.el-col>.el-form-item>.el-form-item__content{ display: block; height: 100%; float: inherit; margin: 0 !important; padding: 5px 10px; flex: 1; font-size: 14px; color: #333; position: inherit; } body .el-form-border .el-form .el-row>.el-col>.el-form-item>.el-form-item__content>.el-select, body .el-form .el-form-border .el-row>.el-col>.el-form-item>.el-form-item__content>.el-select{ display: block; } body .el-form-item>.el-form-item__content>.el-select{ display: block; width: 100%; } body .el-form-border .el-form .el-row>.el-col>.el-form-item>.el-form-item__content .el-form-item__error, body .el-form .el-form-border .el-row>.el-col>.el-form-item>.el-form-item__content .el-form-item__error{ position: inherit; display: block; float: inherit; margin: 4px 0 0 0; } body .el-form-border .el-form-item .el-cascader , body .el-form-border .el-form-item .el-select, body .el-form-border .el-form-item .el-date-editor{ width: 100%; } body .el-form-border .el-form-item .el-checkbox-group .el-checkbox{ min-width: 200px; } /*el-input-group 全局搜索框组件*/ body .el-input-group{ background: transparent; border-radius: 2px; } body .el-input-group .el-input__inner{ background: #fff; border-color: #DCDFE6; border-radius: 2px 0 0 2px; height: 30px; line-height: 30px; border-width:0px; } body .el-input-group .el-input__inner:hover{ border-color: #DCDFE6; } body .el-input.el-input-group .el-input__inner:focus, body .el-input.el-input-group .el-input__inner:hover { border-color:#DCDFE6; } .el-input-group .el-input__prefix{ } .el-input-group .el-input__prefix .el-icon-search{ color: #A7A7A7; font-size: 18px; } .el-input-group .el-input-group__append, .el-input-group .el-input-group__append:hover{ background: transparent; border: 0; width: auto; box-sizing: border-box; padding: 0; position:relative; } .el-input-group .el-input-group__append:before{ content:none; } .el-input-group .el-input-group__append .el-button, .el-input-group .el-input-group__append .el-button:hover{ width: auto; background: #004098; color: #fff; text-align: center; box-sizing: border-box; display: block; margin: 0; padding: 0 10px; border-radius: 0 2px 2px 0 !important; } .el-input-group .el-input-group__append .el-button:hover{ } .el-input-group .el-input-group__append .el-button i{ font-size: 18px; color: #fff; line-height:32px; margin-left: 0; } .el-input-group .el-input-group__append .el-button:hover i{ color:#fff; } /*el-button 组件按钮*/ body .el-button{ border-radius: 2px !important; height: 34px; line-height: 32px; padding-top: 0; padding-bottom: 0; padding-left: 15px; padding-right: 15px; } body .el-button,body .el-button:focus{ background: #fff; border-color: #DCDFE6; color: #515151; } body .el-button:hover{ background:#fff; border-color:#004098; color:#004098; } body .el-button.el-button--primary, body .el-button.el-button--primary.is-plain, body .el-button.el-button--primary:focus, body .el-button.el-button--primary.is-plain:focus{ background:#004098; border-color:#004098; color: #fff; } body .el-button.el-button--primary:hover, body .el-button.el-button--primary.is-plain:hover{ background:#3071b9; border-color:#3071b9; color: #fff; } body .el-button.el-button--primary.is-disabled, body .el-button.el-button--primary[disabled], body .el-button.el-button--primary.is-disabled:hover, body .el-button.el-button--primary[disabled]:hover, body .el-button.el-button--primary.is-plain.is-disabled, body .el-button.el-button--primary.is-plain[disabled], body .el-button.el-button--primary.is-plain.is-disabled:hover, body .el-button.el-button--primary.is-plain[disabled]:hover{ background: #7F9FCB; border-color: #7F9FCB; color: #fff; } body .el-button.el-button--text{ color: #3071b9; } body .el-button.el-button--text:hover{ color: #0656e4; } body .el-button+.el-button { margin-left: 10px; } body .el-button.el-button--text{ border-color: transparent; } /*switch*/ body .el-switch.is-checked .el-switch__core { background-color: #004098; border-color: #004098; } body .el-switch.is-checked .el-switch__core .el-switch__action { color: #004098; } /*el-link 文字链接组件*/ body .el-link.el-link--primary { color: #3071b9; } body .el-link.el-link--primary:hover{ color: #0656e4; } /*el-drawer 抽屉组件*/ body .el-drawer .el-drawer__header{ padding: 10px 32px 10px 32px; margin: 0; color:#141414; font-size: 18px; font-weight: 500; border-bottom: 1px solid rgba(0 0 0 / 5%); } body .el-drawer .el-drawer__header .title{ text-align: left; margin: 0; color: #141414; font-size: 18px; font-weight: 500; } body .el-drawer .el-drawer__header .drawer-head-btn .el-card.is-always-shadow, body .el-drawer .el-drawer__header .drawer-head-btn .el-card.is-hover-shadow{ box-shadow: none !important; border-radius: 0 !important; } body .el-drawer .el-drawer__header .drawer-head-btn .el-card .el-card__body{ padding: 0 !important; } .el-drawer .el-drawer__header .el-drawer__close-btn{ display: inline-block; color: #666; width: 36px; height: 36px; border-radius: 4px; text-align: center; cursor: pointer; } .el-drawer .el-drawer__header .el-drawer__close-btn i{ line-height: 26px; padding: 0; color: #515151; font-size: 16px; font-weight: bold; } body .el-drawer .el-drawer__body{ padding: 16px 32px; } .el-drawer .el-drawer__body .registerbox { margin: 0; padding-top: 0; } /*pagination-container 分页*/ body .apparatus-card>.el-card__body .el-card.gray-card+.pagination-container{ padding-bottom:20px !important; } body .apparatus-card>.el-card__body .el-card.gray-card+.pagination-container .el-pagination{ right:15px; } body .el-card.gray-card+.pagination-container{ margin-top: -3px !important; } body .pagination-container{ height: 28px !important; box-sizing: content-box !important; margin: 15px 0 0 !important; padding: 0 20px !important; } body .pagination-container .el-pagination{ padding:0 !important; } body .el-pagination.is-background .el-pager li:not(.disabled).active, body .el-pagination.is-background .el-pager li:not(.disabled).active:hover { background-color:#004098; color: #fff; } body .el-pagination.is-background .el-pager li:not(.disabled):hover{ color: #004098; } body .el-pager li:hover{ color: #004098; } body .el-pager li.active { color: #004098; } body .el-pager li.is-active { color: #004098; } body .el-pagination.is-background .btn-next.is-active, body .el-pagination.is-background .btn-prev.is-active, body .el-pagination.is-background .el-pager li.is-active { background-color:#004098; color: #fff; } body .el-pagination.is-background .btn-next.is-active:hover, body .el-pagination.is-background .btn-prev.is-active:hover, body .el-pagination.is-background .el-pager li.is-active:hover { background-color:#004098; color: #fff; } body .el-pagination{ text-align: right; justify-content: flex-end; padding: 15px 0 0 0; } body .news-card>.el-card__body .gray-card+.el-pagination, body .gray-card+.el-pagination{ padding-top:0 !important; } /*el-message-box 确认框组件*/ .el-message-box .el-message-box__btns .el-button.el-button--default.el-button--primary, .el-message-box .el-message-box__btns .el-button.el-button--primary{ background:#004098; border-color:#004098; color: #fff; } .el-message-box .el-message-box__btns .el-button.el-button--default.el-button--primary:hover, .el-message-box .el-message-box__btns .el-button.el-button--primary:hover{ background:#3071b9; border-color:#3071b9; color: #fff; } .el-message-box .el-message-box__headerbtn:hover .el-message-box__close{ color: #004098; } /*el-dialog 对话框组件*/ body .el-dialog{ border-radius:10px; } body .el-dialog>.el-dialog__header{ border-bottom: 1px solid #D5D3D3; padding: 15px 30px; height: 55px; box-sizing: border-box; margin: 0; } body .el-dialog>.el-dialog__header .el-dialog__title{ color: #000; font-size:16px; font-weight:bold; } body .el-dialog>.el-dialog__header .el-dialog__headerbtn{ top: 15px; font-size: 22px; height: 25px; line-height: 25px; color:#666; } body .el-dialog>.el-dialog__header .el-dialog__headerbtn:hover, body .el-dialog>.el-dialog__header .el-dialog__headerbtn:hover i{ color: #004098; } body .el-dialog>.el-dialog__body, body .el-overlay .el-overlay-dialog .el-dialog>.el-dialog__body{ padding:20px 30px !important; } body .el-dialog>.el-dialog__footer{ padding: 10px 30px; height: 55px; box-sizing: border-box; } body .el-dialog>.el-dialog__footer .dialog-footer{ } body .el-dialog>.el-dialog__footer .dialog-footer .el-button{ padding: 0 22px; } /*el-input 输入框选择框文本框组件*/ body .el-input__prefix{ color: #4E5969; } body .el-input__wrapper{ border-radius: 2px; } body .el-textarea__inner{ border-radius: 2px; } body .el-textarea__inner:focus{ border-color: #004098; box-shadow: 0; } body .el-input__wrapper.is-focus { box-shadow: 0 0 0 1px #004098 inset; } body .el-select .el-input__wrapper.is-focus { box-shadow: 0 0 0 1px #004098 inset !important; } body .el-range-editor.is-active, body .el-range-editor.is-active:hover { border-color: #004098; } body .el-select .el-input.is-focus .el-input__wrapper { box-shadow: 0 0 0 1px #004098 inset !important; } body .el-select .el-input.is-focus .el-input__inner { border-color: #004098; } body .el-select .el-input__inner:focus, body .el-input .el-input__inner:focus, body .el-textarea .el-textarea__inner:focus , body .el-select .el-input__inner:hover, body .el-input .el-input__inner:hover, body .el-textarea .el-textarea__inner:hover { border-color:#004098; } body .el-select.is-disabled .el-input__inner:focus, body .el-input.is-disabled .el-input__inner:focus, body .el-textarea.is-disabled .el-textarea__inner:focus , body .el-select.is-disabled .el-input__inner:hover, body .el-input.is-disabled .el-input__inner:hover, body .el-textarea.is-disabled .el-textarea__inner:hover { border-color:#dfe4ed; } body .el-pagination__sizes .el-input .el-input__inner:hover { border-color: #004098; } body .el-input__inner, body .el-textarea__inner{ font-size: 14px; color: #141414; font-family: "-apple-system","BlinkMacSystemFont","Microsoft YaHei","system-ui"; } body .el-input__inner::-webkit-input-placeholder, body .el-textarea__inner::-webkit-input-placeholder { color:#B4B0B0; } body .el-input__inner:-moz-placeholder, body .el-textarea__inner:-moz-placeholder { color: #B4B0B0; } body .el-input__inner::-moz-placeholder, body .el-textarea__inner::-moz-placeholder { color: #B4B0B0; } body .el-input__inner:-ms-input-placeholder, body .el-textarea__inner:-ms-input-placeholder { color: #B4B0B0; } body .el-date-editor .el-range-separator{ line-height: 26px; width: 20px; padding: 0; text-align: center; } body .el-switch{ line-height: 34px; height: 34px; } body .el-input__inner{ height:34px; line-height:32px; border-radius: 2px; } body .el-input .el-input__icon, body .el-select .el-input__icon{ line-height:32px; height: 32px; } body .el-input-number .el-input-number__decrease, body .el-input-number .el-input-number__increase{ height: 32px; } body .el-input-number .el-input-number__decrease i, body .el-input-number .el-input-number__increase i{ line-height:32px; } body .el-input i,body .el-select i{ line-height:32px; } body .el-input .el-date-editor i{ line-height: 32px; height: 32px; color: #4E5969; } body .el-date-editor.el-range-editor i{ height: 26px; line-height: 26px; color: #4E5969; } body .el-radio-group .el-radio{ line-height:34px; } body .el-textarea__inner{ min-height:100% !important; } body .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), body .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { border-color: #004098; } body .el-input-number.is-controls-right .el-input-number__increase, body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__increase{ height: 16px; line-height: 16px; border-radius: 0 4px 0 0; } body .el-input-number.is-controls-right .el-input-number__decrease, body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__decrease{ height: 16px; line-height: 16px; border-radius: 0 0 4px 0; border-bottom: 0; } body .el-input-number.is-controls-right .el-input-number__increase i, body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__increase i{ line-height: 16px; } body .el-input-number.is-controls-right .el-input-number__decrease i, body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__decrease i{ line-height: 16px; } body .el-input-number.is-controls-right .el-input-number__increase:hover, body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__increase:hover{ color: #004098; } body .el-input-number.is-controls-right .el-input-number__decrease:hover, body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__decrease:hover{ color: #004098; } body .el-cascader { line-height: 34px; } body .el-input-number{ line-height: 34px; } body .el-input-number .el-input__inner{ display: block; } body .el-cascader .el-input .el-input__inner:focus, body .el-cascader .el-input.is-focus .el-input__inner { border-color: #004098; } body .el-cascader-node.in-active-path, body .el-cascader-node.is-active, body .el-cascader-node.is-selectable.in-checked-path { color: #004098; } body .el-date-table td.today span { color: #004098; } body .el-date-table td.available:hover { color: #004098; } body .el-date-table td.end-date span, body .el-date-table td.start-date span { background-color: #004098; } .vue-treeselect .vue-treeselect__control{ border:1px solid #DCDFE6; } .vue-treeselect:hover .vue-treeselect__control, .vue-treeselect .vue-treeselect__control:hover, .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover{ border-color:#004098 !important; } .vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control{ border-color:#004098 !important; box-shadow: none !important; } /*el-select-dropdown 下拉选择组件*/ body .el-select-dropdown__item.selected { color: #004098; } body .el-select-dropdown__item.hover, body .el-select-dropdown__item:hover { background-color: #E5EFFF; color: #004098; } .el-dropdown-menu .el-dropdown-menu__item:hover{ background-color: #E5EFFF; color: #004098; } /*el-checkbox 多选组件*/ body .el-checkbox__input.is-checked + .el-checkbox__label { color: #004098; } body .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #004098; border-color: #004098; } body .el-checkbox__inner:hover { border-color: #004098; } body .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #004098; } body .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #004098; border-color: #004098; } /*el-radio 单选组件*/ body .el-radio__input.is-checked + .el-radio__label { color: #004098; } body .el-radio__input.is-checked .el-radio__inner { border-color: #004098; background: #004098; } body .el-radio__inner:hover { border-color: #004098; } body .el-radio__input.is-focus .el-radio__inner { border-color: #004098; } body .el-radio-button__orig-radio:checked + .el-radio-button__inner { background-color: #004098; border-color: #004098; -webkit-box-shadow: -1px 0 0 0 #004098; box-shadow: -1px 0 0 0 #004098; } body .el-radio-button__inner:hover { color: #004098; } /*el-upload 上传按钮组件*/ body .el-upload, body .registerbox .avatar-uploader .el-upload{ background:#fff; border:1px solid #004098; color:#004098 !important; border-radius: 2px; height: 36px; } body .el-upload:hover, body .registerbox .avatar-uploader .el-upload:hover{ background:#004098; border-color:#004098; color:#fff !important; } body .el-upload i, body .registerbox .avatar-uploader .el-upload i{ color:#004098 !important; } body .el-upload:hover i, body .registerbox .avatar-uploader .el-upload:hover i{ color:#fff !important; } body .el-upload:hover .el-upload-dragger i{ color:#004098 !important; } body .el-upload .el-button, body .el-upload .el-button:hover{ border: none !important; background: transparent !important; } body .el-upload .el-button{ color:#004098 !important; } body .el-upload:hover .el-button{ color:#fff !important; } body .el-upload .el-button{ border-radius: 0 !important; display: block; } body .el-upload .el-button.el-button--primary{ background: #004098 !important; border: 1px solid #004098 !important; color: #fff !important; } body .el-upload .el-button.el-button--primary:hover{ background: #3071b9 !important; border: 1px solid #3071b9 !important; color: #fff !important; } body .el-upload-list__item.is-success .el-upload-list__item-name:focus, body .el-upload-list__item.is-success .el-upload-list__item-name:hover { color: #004098; } /*el-tree 树形组件*/ .el-tree .el-tree-node__content{ height:30px; line-height: 30px; margin: 0; font-size:14px; color:#434344; } .el-tree .el-tree-node .el-tree-node__content:hover { background-color: #E5EFFF ; color:#004098; } .el-tree .el-tree-node:focus>.el-tree-node__content { background-color: #E5EFFF ; color:#004098; } .el-tree .el-tree-node__expand-icon{ color: #09121f; } .el-tree .el-tree-node__expand-icon.is-leaf{ color: transparent; } body .el-tree .custom-tree-node{ flex: 1; display: flex; align-items: center; justify-content: space-between; } body .el-tree .custom-tree-node .el-dropdown{ margin-right: 8px; } /*el-divider 分割线组件*/ body .el-divider { background-color: #e5e6eb; } /*el-dropdown-menu 下拉菜单组件*/ body .el-dropdown-menu__item:focus, body .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #f2f3f5; color: #004098; } /*.el-table--border*/ body .el-table{ color: #333; border-left: 1px solid #e5e6eb; border-top: 1px solid #e5e6eb; } body .el-table thead, body .el-table .el-table__header-wrapper th{ color: #333; } body .el-table th.el-table__cell, body .el-table.is-scrolling-left th.el-table-fixed-column--left, body .el-table.is-scrolling-right th.el-table-fixed-column--right, body .el-table__header-wrapper tr th.el-table-fixed-column--left, body .el-table__header-wrapper tr th.el-table-fixed-column--right, body .el-table thead.is-group th.el-table__cell{ background: #fafafa; } body .el-table td.el-table__cell, body .el-table th.el-table__cell.is-leaf{ border-bottom-color: #e5e6eb; } body .el-table .el-table__cell , body .el-table:not(.el-table--border) .el-table__cell{ border-right: 1px solid #e5e6eb; } body .el-table:before { left: 0; bottom: 0; width: 100%; height: 1px; } body .el-table:after { top: -1px; right: 0; width: 1px; height: 100%; } body .el-table .el-table__inner-wrapper:after{ left: 0; top: 0; width: 100%; height: 1px; z-index: 4; } body .el-table:after, body .el-table:before, body .el-table .el-table__inner-wrapper:after { content: "" !important; position: absolute; background-color: #e5e6eb; z-index: 4; } body .el-table--border .el-table__cell { border-right-color: #e5e6eb; } body .el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell { border-right: 1px solid #e5e6eb; } body .el-table--border th.el-table__cell { border-bottom: 1px solid #e5e6eb; } body .el-table--border:after, body .el-table--border:before, body .el-table--border .el-table__inner-wrapper:after, body .el-table__inner-wrapper:before, body .el-table__border-left-patch{ background-color: #e5e6eb; } body .el-table th .el-form-item, body .el-table td .el-form-item{ margin-bottom: 0; } .el-table td .el-button{ font-size:14px !important; padding:0 !important; color:#004098 !important; border:0 !important; background: transparent !important; height: 20px; } .el-table td .el-button:hover{ font-size:14px !important; padding:0 !important; color: #1890FF !important; border:0 !important; background: transparent !important; } .el-table td .el-input-group .el-input-group__append, .el-table td .el-input-group .el-input-group__append:hover{ background: #004098; box-shadow: 0 1px 0 0 #004098 inset; } .el-table td .el-input-group .el-input-group__append .el-button{ background: #004098 !important; border-color: #004098 !important; padding: 0 5px !important; line-height: 42px; } body .el-table td .el-upload:hover .el-button { color: #fff!important; } .el-table td .upload-file{ display: block; width: 100%; } .el-table td .upload-file+.sm{ margin-top: 0; } .el-table td .upload-file .el-upload .el-button{ padding: 0 10px !important; } .el-table td .el-form-item__content .el-form-item__error{ display: block; width: 100%; position: relative; top: 0; left: 0; white-space: break-spaces; padding: 4px 0 0 0; line-height: 1.2; } /*el-tabs*/ body .el-tabs .el-tabs__nav-wrap::after { height: 1px; background-color:#e6e6e6; } body .el-tabs__active-bar.is-top{ display: none; background: #034aac; } body .el-tabs .el-tabs__item{ color: #909399; font-size: 14px; border-bottom: 2px solid transparent; } body .el-tabs .el-tabs__item:hover{ color: #333; } body .el-tabs .el-tabs__item.is-active, body .el-tabs .el-tabs__item.is-active:hover{ color: #034aac; font-weight: bold; border-color: #034aac; } body .el-tabs--top .el-tabs__item.is-top:nth-child(2) { padding-left: 20px; } body .el-tabs--top .el-tabs__item.is-top:last-child{ padding-right: 20px; } body .el-card>.el-card__body .el-tabs--border-card{ box-shadow: none; } body .el-card>.el-card__body .search-btn .el-tabs--border-card{ border: 0; } body .el-card>.el-card__body .search-btn .el-tabs--border-card>.el-tabs__header{ border-bottom: 1px solid #e6e6e6; background: transparent; } body .el-card>.el-card__body .search-btn .el-tabs--border-card>.el-tabs__header .el-tabs__item{ margin: 0; border: none; } body .el-card>.el-card__body .search-btn .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{ border: 0; background: transparent; color: #034aac; font-weight: bold; position: relative; } body .el-card>.el-card__body .search-btn .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active::after{ position: absolute; left: 0; bottom: 0; background: #004098; content: ""; display: block; width: 100%; height: 2px; } /*.el-dropdown-link*/ body .el-table .el-dropdown-link { color: #004098; } /*el-tag*/ body .el-table .el-tag, body .table1 .el-tag{ height: 24px; padding: 0 5px; line-height: 22px; font-size: 12px; border-radius: 2px; } body .el-tag, body .el-tag.el-tag--primary { background-color: #eff5ff; border-color: #bcd5ff; color: #004098 !important; } body .el-tag.orange, body .el-tag.el-tag--warning{ background-color: rgba(250 173 20 / 8%); border-color: rgba(250 173 20 / 16%); color: #FAAD14 !important; } body .el-tag.green, body .el-tag.el-tag--success{ background-color: #F6FFED; border-color: #B7EB8F; color: #52C41A !important; } body .el-tag.red, body .el-tag.el-tag--danger{ background-color: #FFF1F0; border-color: #FFA39E; color: #F5222D !important; } /*el-alert*/ .el-alert{ } body .el-alert .el-alert__icon+.el-alert__content{ padding-left: 10px; } body .el-alert .el-alert__content{ padding-left: 0px; } body .el-alert .el-alert__content i{ padding-right: 10px; } /*lfixedtable*/ body .el-table+.el-table, body .el-table+.table1, body .table1+.el-table, body .table1+.table1, body .el-table+.el-form-border, body .table1+.el-form-border, body .lfixedtable+.lfixedtable, body .lfixedtable+.table1, body .lfixedtable+.el-table, body .lfixedtable+.el-form-border, body .table1+.lfixedtable, body .el-table+.lfixedtable, body .el-form-border+.lfixedtable{ margin-top: 10px; } .lfixedtable{ display: block; width: 100%; overflow: auto; margin: 0 0 10px 0; position: relative; border-left: 1px solid #e5e6eb; border-right: 1px solid #e5e6eb; } .lfixedtable::-webkit-scrollbar { width: 6px; height: 6px; } .lfixedtable::-webkit-scrollbar-track-piece { background-color: transparent; border-radius: 4px; } .lfixedtable::-webkit-scrollbar-thumb { cursor: pointer; background-color:#dedfe1; border-radius: 4px; } .lfixedtable::-webkit-scrollbar-thumb:hover { cursor: pointer; background-color:#c8c9cc; border-radius: 4px; } .lfixedtable .table1{ table-layout: fixed; width: max-content; border-left: 0; } .lfixedtable .fix{ position: sticky; position: -webkit-sticky; z-index: 3; } .lfixedtable .table1 tr>th{ background: #fafafa; } .lfixedtable .table1 tr>td{ background: #fff; } .lfixedtable .table1 tr>th:first-child, .lfixedtable .table1 tr>td:first-child{ border-left: 0; } .lfixedtable .table1 tr>th:last-child, .lfixedtable .table1 tr>td:last-child{ border-right: 0; } .lfixedtable .fix.f1{ left: 0; } .lfixedtable .fix.f2{ left: 50px; } .lfixedtable .fix.f3{ left: 200px; } .lfixedtable .fix.f4{ left: 350px; } .lfixedtable .fix.f5{ left: 500px; } /*table1*/ body .table1+.el-form-border{ margin-top: 10px; } .table1{ width: 100%; table-layout: fixed; border-left: 1px solid #e5e6eb; border-top: 1px solid #e5e6eb; font-size: 14px; color: #333; } .table1 thead tr th{ background: #fafafa; border-right: 1px solid #e5e6eb; border-bottom: 1px solid #e5e6eb; color: #333; line-height: 23px; padding: 8px 12px; font-weight: bold; text-align: left; } .table1 td.clum{ background: #fafafa; color: #333; } .table1 tbody tr td{ border-right: 1px solid #e5e6eb; border-bottom: 1px solid #e5e6eb; line-height: 23px; padding: 8px 12px; text-align: left; } body .table1 thead tr th .el-form-item, body .table1 tbody tr td .el-form-item{ margin-bottom: 0; } .table1 td .el-button{ font-size:14px !important; padding:0 !important; color:#004098 !important; border:0 !important; background: transparent !important; line-height: 20px; height: 20px; } .table1 td .el-button:hover{ font-size:14px !important; padding:0 !important; color: #3071b9 !important; border:0 !important; background: transparent !important; } .table1 td .upload-file{ display: block; width: 100%; } .table1 td .upload-file+.sm{ margin-top: 0; } .table1 td .upload-file .el-upload .el-button{ padding: 0 10px !important; } .table1 .ttd{ padding: 0; } .table1 td .el-input-group .el-input-group__append, .table1 td .el-input-group .el-input-group__append:hover{ background: #004098; box-shadow: 0 1px 0 0 #004098 inset; } .table1 td .el-input-group .el-input-group__append .el-button{ background: #004098 !important; border-color: #004098 !important; padding: 0 5px !important; line-height: 42px; } body .table1 td .el-upload:hover .el-button { color: #fff!important; } body .table1 td .el-form-item__content .el-form-item__error{ display: block; width: 100%; position: relative; top: 0; left: 0; white-space: break-spaces; padding: 4px 0 0 0; line-height: 1.2; } /*etable1 表格展开折叠*/ body .etable1.el-table .el-table__cell.el-table__expanded-cell{ padding: 0; border: 0; } body .etable1.el-table .el-table__cell.el-table__expanded-cell>.el-table{ border-left: 0; border-top: 0; } body .etable1.el-table .undefined, body .etable1.el-table .el-table__expanded-cell tr>th:nth-child(1), body .etable1.el-table .el-table__expanded-cell tr>td:nth-child(1), body .etable1.el-table .el-table__expanded-cell tr>th:nth-child(2), body .etable1.el-table .el-table__expanded-cell tr>td:nth-child(2){ border-right: 0; } /*flexbox*/ .flexbox{ display: flex; flex-wrap: nowrap; } .flexbox .ltree{ display: block; width: 250px; border-right: 1px solid #d9d9d9; padding: 0 16px 0 0; } .flexbox.flexw1 .ltree{ width: 120px; } .flexbox .ltree+.rtable{ width: calc(100% - 250px); } .flexbox.flexw1 .ltree+.rtable{ width: calc(100% - 120px); } .flexbox .rtable{ display: block; flex: 1; padding: 0 0 0 16px; } /*grab 查询筛选*/ .grab{ display: block; } .search{ display: flex; } .search .sl{ display: flex; align-items: center; flex: 1; flex-wrap: wrap; } .search .sr{ display: flex; } .search .el-button{ margin-top: 4px; margin-bottom: 4px; } .search .el-form-item{ margin: 4px 20px 4px 0; } .search .el-form-item .el-button{ margin-top: 0px; margin-bottom: 0px; } .search .el-form-item>.el-form-item__content>.el-input, .search .el-form-item>.el-form-item__content>.el-select, .search .el-form-item>.el-form-item__content>.el-cascader, .search .el-form-item>.el-form-item__content>.el-date-editor.el-range-editor, .search .el-form-item>.el-form-item__content>.el-date-editor.el-date-editor{ width: 250px; } .grab .filtrate{ display: none; } .grab.open .filtrate{ display: flex; } .filtrate{ display: flex; flex-wrap: wrap; align-items: center; } .filtrate .el-button{ margin-top: 4px; margin-bottom: 4px; } .filtrate .el-form-item .el-button{ margin-top: 0px; margin-bottom: 0px; } .filtrate .el-form-item{ margin: 4px 20px 4px 0; } .filtrate .el-form-item>.el-form-item__content>.el-input, .filtrate .el-form-item>.el-form-item__content>.el-select, .filtrate .el-form-item>.el-form-item__content>.el-cascader, .filtrate .el-form-item>.el-form-item__content>.el-date-editor.el-range-editor, .filtrate .el-form-item>.el-form-item__content>.el-date-editor.el-date-editor{ width: 250px; } /*operate 操作区域*/ .operate{ display: block; margin: 0 0 20px 0; } /*lrtt 树&表格*/ .lrtt{ } body .el-card.lrtt>.el-card__body{ padding: 0 !important; display: flex; flex-wrap: nowrap; } .lrtt .lt{ display: block; padding: 16px; width: 310px; height: 700px; overflow: auto; } .lrtt .lt+.rt{ border-left: 1px solid #e6e6e6; } .lrtt .rt{ display: block; padding: 16px; flex: 1; height: 700px; overflow: auto; } .lrtt .lt::-webkit-scrollbar, .lrtt .rt::-webkit-scrollbar{ width: 6px; height: 6px; } .lrtt .lt::-webkit-scrollbar-track-piece, .lrtt .rt::-webkit-scrollbar-track-piece{ background-color: transparent; border-radius: 4px; } .lrtt .lt::-webkit-scrollbar-thumb, .lrtt .rt::-webkit-scrollbar-thumb{ cursor: pointer; background-color:#dedfe1; border-radius: 4px; } .lrtt .lt::-webkit-scrollbar-thumb:hover, .lrtt .rt::-webkit-scrollbar-thumb:hover{ cursor: pointer; background-color:#c8c9cc; border-radius: 4px; } /*sm*/ body .sm1,body .sm1.el-alert{ margin: 25px 0; background-color: rgba(246, 239, 214, 1) !important; color: #DE0A0A !important; border-radius: 2px; padding: 15px; } body .sm1.el-alert .el-alert__title,body .sm1.el-alert .el-alert__text{ font-size: 14px; } body .sm1.el-alert .el-alert__closebtn { top: 18px; right: 10px; } /*textb1*/ .textb1{ line-height: 24px; } .textb1 .ht{ } .textb1 .bt{ display: flex; display: flex; } .textb1 .bt a{ margin: 10px 20px 0 0; } /*fjlist1 导出附件*/ .fjlist1 { display: flex; flex-wrap: wrap; } .fjlist1 a{ margin: 5px 20px 0 0; } /*flist1 数据汇总统计*/ .flist1{ display: flex; flex-wrap: wrap; } .flist1 .list{ display: flex; width: calc(100% / 3); border-right: 1px dashed #e6e6e6; padding: 2px 16px 2px 24px; align-items: center; } .flist1 .list:nth-child(3n+1){ padding-left: 0; } .flist1 .list:nth-child(3n){ border-right: 0; padding-right: 0; } .flist1 .list .limg{ display: block; width: 40px; height: 40px; margin: 0 12px 0 0; } .flist1 .list .ltext{ display: block; } .flist1 .list .ltext .t1{ display: block; color: #333; font-size: 24px; font-weight: bold; line-height: 32px; } .flist1 .list .ltext .t1 a,.flist1 .list .ltext .t1 a:visited,.flist1 .list .ltext .t1 a:active{ color: #333; cursor: pointer; text-decoration: none; } .flist1 .list .ltext .t1 a:hover{ color: #004098; } .flist1 .list .ltext .t2{ display: block; color: #999; font-size: 14px; font-weight: normal; line-height: 22px; } /*flist2 消息中心列表*/ .flist2{ display: block; overflow: auto; height: 342px; } .flist2 .list{ display: flex; border-bottom: 1px dashed #EBEEF5; padding: 16px 0; align-items: center; cursor: pointer; } .flist2 .list:last-child{ border-bottom: 0; } body .el-card .el-card__body .flist2 .list:first-child{ padding-top: 0; } body .el-card .el-card__body .flist2 .list:last-child{ padding-bottom: 0; } .flist2 .list .ltext{ display: block; flex: 1; position: relative; padding: 0 0 0 14px; } .flist2 .list .ltext::before{ content: ""; position: absolute; left: 0; top: 8px; display: block; width: 6px; height: 6px; border-radius: 100%; background: #F1403C; } .flist2 .list .ltext .title{ display: block; font-size: 14px; line-height: 22px; color: #333; } .flist2 .list .ltext .time{ display: block; font-size: 12px; line-height: 20px; color: #ccc; } .flist2 .list .el-icon-arrow-right{ color: #ccc; font-size: 14px; } .flist2 .list:hover .ltext .title{ color: #004098; } .flist2 .list:hover .ltext .time{ color: #888; } .flist2 .list:hover .el-icon-arrow-right{ color: #888; } /*tjbox 统计图*/ .tjbox1{ display: block; height: 175px; } .tjbox2{ display: block; } .tjbox1 img, .tjbox2 img{ display: block; margin: 0 auto; max-width: 100%; width: auto; } /*divide 分割*/ .divide{ display: block; height: 16px; } .divide.double{ height: 32px; } /*treebox 树边框*/ .treebox{ border: 1px solid #DCDFE6; border-radius: 2px; padding: 10px; } body .el-form-border .el-form .el-form-item .treebox, body .el-form .el-form-border .el-form-item .treebox{ border-style: dashed; } /*tboper 标题栏*/ .tboper{ display: flex; margin: 0 0 10px 0; justify-content: space-between; align-items: center; } .tboper .tit{ display: block; font-size: 14px; line-height: 22px; color: #333; position: relative; padding: 0 0 0 9px; font-weight: bold; } .tboper .tit::before{ content: ""; position: absolute; left: 0; top: 4px; display: block; width: 3px; height: 14px; background: #004098; } .tboper .boper{ display: flex; align-items: center; font-size: 14px; } .tboper .boper .slist{ display: inline-flex; align-items: center; margin: 0 10px 0 0; } .tboper .boper .slist+.slist{ margin-left: 20px; } .tboper .boper .slist .tt{ padding: 0 5px 0 0; white-space: nowrap; } .tboper .boper .el-button{ padding: 0 8px; height: 30px; line-height: 28px; } .tboper .boper .el-button+.warning{ margin-left: 10px; } .tboper .boper .warning{ display: flex; align-items: center; color: #f78800; } .tboper .boper .warning svg, .tboper .boper .warning i{ margin: 0 5px 0 0; } /*login-page 登录*/ .login-page{ display: flex; width: 100%; height: 100%; position: fixed; background: #fff; } body .login-page .el-input .el-input__icon, body .login-page .el-select .el-input__icon { line-height: 38px; height: 38px; } .login-page .loleft{ display: block; width: 66.5%; background: url("../images/login-bg.jpg") no-repeat left center; background-size: cover; margin: 0; padding: 0; } .login-page .loright{ display: flex; align-items: center; justify-content: center; width: 33.5%; padding: 0 50px; margin: 0; box-sizing: border-box; } .login-page .loright .locont{ display: block; width: 100%; max-width: 400px; } .login-page .loright .locont .logoi{ display: block; text-align: center; margin: 0 auto 20px auto; } .login-page .loright .locont .logoi img{ display: block; margin: 0 auto; width: 48px; height: auto; } .login-page .loright .locont .title{ display: block; color: #1D2129; text-align: center; font-size: 26px; font-style: normal; font-weight: 700; line-height: 50px; margin: 0; } .login-page .loright .locont .title+.el-form{ margin-top: 60px; } .login-page .loright .locont .el-form-item{ margin-bottom: 20px; } .login-page .loright .locont .el-form-item:last-child{ margin-bottom: 0; } .login-page .loright .locont .el-form-item .el-button{ display: block; width: 100%; } .login-page .loright .locont .el-input__inner, .login-page .loright .locont .el-button{ border-radius: 2px; } body .login-page .loright .locont input::-webkit-input-placeholder{ color: #86909C; } body .login-page .loright .locont input:-moz-placeholder{ color: #86909C; } body .login-page .loright .locont input::-moz-placeholder{ color: #86909C; } body .login-page .loright .locont input:-ms-input-placeholder{ color: #86909C; } body .login-page .loright .locont .el-form-item .el-form-item__content .el-input__inner { height: 38px; line-height: 38px; } body .login-page .loright .locont .el-form-item .el-form-item__content .el-button { padding: 0 15px; height: 38px; line-height: 38px; font-size: 14px; font-weight: normal; margin: 12px 0 0 0; } body .login-page .loright .locont .el-form-item .el-form-item__label { color: #1D2129; font-size: 14px; font-weight: 700; line-height: 22px; } body .login-page .loright .locont .el-form--label-top .el-form-item .el-form-item__label { padding: 0 0 4px 0; } /*lctitle 流程监控标题*/ .lctitle{ display: block; color: #004098; background: #E6F7FF ; padding: 10px 15px; margin: 0 0 15px 0; font-size: 14px; line-height: 22px; } /*fbox1 工具详情-左右分栏*/ .fbox1{ display: flex; } .fbox1 .fl{ display: block; padding: 16px 32px; flex: 1; } .fbox1 .fl+.fr{ border-left: 1px solid #e6e6e6; } .fbox1 .fr{ display: block; padding: 16px 32px; width: 420px; } /*pltextarea 评论框*/ body .pltextarea{ display: block; position: relative; background: #f2f3f5; border-radius: 2px; } body .pltextarea .el-textarea{ } body .pltextarea .el-textarea .el-textarea__inner, body .pltextarea .el-textarea .el-textarea__inner:focus, body .pltextarea .el-textarea .el-textarea__inner:hover{ border: 0; background: #f2f3f5; padding: 4px 12px 24px 12px; font-size: 14px; color: #000; } body .pltextarea .el-textarea .el-input__count{ left: 12px; right: auto; background: transparent; line-height: 20px; bottom: 4px; color: #86909C; font-size: 12px; } body .pltextarea .plbtn{ position: absolute; right: 12px; bottom: 4px; left: auto; z-index: 2; display: flex; flex-wrap: nowrap; align-items: center; } body .pltextarea .plbtn .el-button{ display: block; padding: 0; height: 20px; line-height: 20px; color: #86909C; font-size: 12px; border: 0; background: transparent; } body .pltextarea .plbtn .el-button:hover{ display: block; padding: 0; height: 20px; line-height: 20px; color: #004098; font-size: 12px; border: 0; background: transparent; } /*pllist*/ .pllist{ display: block; } .pllist .list{ display: flex; padding: 20px 0; border-bottom: 1px solid #E6E6E6; } .pllist>.list:last-child{ border-bottom: 0; padding-bottom: 0; } .pllist .list .luser{ display: block; width: 44px; } .pllist .list .luser .xuser{ display: block; width: 32px; height: 32px; border-radius: 100%; background: #00B2FF; color: #fff; text-align: center; line-height: 32px; } .pllist .list .luser img{ display: block; width: 32px; height: 32px; border-radius: 100%; } .pllist .list .ltext{ display: block; flex: 1; } .pllist .list .ltext>.list{ padding: 10px 0; } .pllist .list .ltext>.list:last-child{ border-bottom: 0; padding-bottom: 0; } .pllist .list .ltext .nt{ display: flex; flex-wrap: wrap; font-size: 14px; line-height: 22px; } .pllist .list .ltext .nt .name{ color: #4E5969; } .pllist .list .ltext .nt .time{ color: #86909C; } .pllist .list .ltext .nt span+span{ margin-left: 8px; } .pllist .list .ltext .te{ display: block; font-size: 14px; line-height: 22px; color: #1D2129; } .pllist .list .ltext .hb{ display: flex; justify-content: flex-end; margin: 8px 0 0 0; } .pllist .list .ltext .hb .btn, .pllist .list .ltext .hb .btn:visited, .pllist .list .ltext .hb .btn:active{ display: block; font-size: 14px; line-height: 22px; color: #1D2129; text-decoration: none; cursor: pointer; } .pllist .list .ltext .hb .btn:hover{ color: #004098; } .pllist .list .ltext .hb .btn i{ padding: 0 4px 0 0; } .pllist .list .ltext .hb+.pltextarea{ margin-top: 10px; }