@charset "UTF-8";
body{
    font-family: "思源黑体 CN Bold", "思源黑体 CN Regular", "思源黑体 CN", sans-serif !important;
}
/*左边的导航菜单*/
.el-menu--vertical ul{
    background-color: #fff !important;
}
.sh-left-menu .el-submenu__title span{
    width: 8em;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sh-left-menu>.el-menu{
    overflow: auto;
    height: calc(100vh - 133px);
}
.el-aside .scrollbar{
    background-color: var(--aside-background) ;
}
.cus-avatar img{
    width: 100%;
    height: 100%;
}
    /*
        提示弹框样式居中
    */
.xxx{
    top: 50% !important;
    right: 50% !important;
    transform: translateY(-50%) translateX(50%) !important;
    /*transition: all 1s;*/
}

/* 表格 start */
.el-table__header {
    position: relative;
}
.el-table__header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--gradient-multi-color-line);
    z-index: 2;
}

.el-table{
    border-left: 1px solid #d7d7d7 !important;
}
.el-table th{
    background: #f2f2f2 !important;
    border-right: 1px solid #d7d7d7 !important;
    border-bottom: 1px solid #d7d7d7 !important;
    height: 46px;
    line-height: 29px;
}

.el-table tr, .el-table--border td{
    border-right: 1px solid #d7d7d7 !important;
    border-bottom: 1px solid #d7d7d7 !important;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    padding: 5px 0;

}
.el-table--striped .el-table__body tr.el-table__row--striped td{
    background-color: #f3f8fc;
}
/* 表格单元格间距0 */
.p0{
    padding: 0 !important;
    .cell{
        padding: 0 !important;
    }
}
/* 列表页搜索块 start
表单样式名 class="search-form" <el-col :span="5"> */
.search-form {
    margin-bottom: 30px;
}
.search-form .el-row{
    margin-bottom: 11px;
    line-height: 36px;
}
.search-form .el-form-item{
    margin-bottom: 0px;
}
.search-form .el-form-item__label{
    width: 57px !important;
    padding-right: 0 !important;
    white-space: nowrap;
    direction: rtl;
}
.search-form .el-form-item__content{
    width: 240px;
    padding-left: 14px;
}
.search-form-btns{
    text-align: right;
    
}
.search-form-btns div:not(:first-child) {
    margin-left: 10px;
}
/* 列表页搜索块 end */
/* 列表页搜索块(适应页面大小) start */
.top-search-form{
    margin-bottom: 30px;
}
.top-search-form .el-form-item{
    margin-bottom: 0 !important;
    display: flex;
}
.top-search-form>.el-row:nth-child(1){
    margin-bottom: 11px;
}
.top-search-form>.el-row:nth-child(2){
    margin-bottom: 11px;
}
.top-search-form .el-form-item__label{
    white-space: nowrap;
}
/* 每行第一个限制长度 */
.top-search-form>.el-row>.el-col:nth-child(1) .el-form-item__label{
    width: 70px;
}
.top-search-form>.el-row>.el-col:nth-child(1) .el-form-item__content{
    width: calc(100% - 70px) !important;
}
/* 限制长度（自定义） */
.form-item100 .el-form-item__label{
    width: 100px;
    text-align: right;
}
.form-item100 .el-form-item__content{
    width: calc(100% - 100px) !important;
}
.form-item110 .el-form-item__label{
    width: 110px;
    text-align: right;
}
.form-item110 .el-form-item__content{
    width: calc(100% - 110px) !important;
}
.form-item120 .el-form-item__label{
    width: 120px;
    text-align: right;
}
.form-item120 .el-form-item__content{
    width: calc(100% - 120px) !important;
}
/* 列表页搜索块 end */
/* 按钮 start */

.custom-btn,.custom-btn-small,.custom-btn-mini {
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: bold;
    width: 70px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    color: var(--custom-btn-color);
    border: solid 1px transparent;
    border-radius: 7px;
    background-image: var(--custom-btn-background-image);
    background-origin: border-box;
    background-clip: content-box, border-box;
    user-select: none;
}
.custom-btn:hover,.custom-btn-small:hover,.custom-btn-mini:hover,.custom-btn-active{
    border-color: transparent;
    background: var(--gradient-background);
    color: #fff;
    background-clip: content-box, border-box;
}
.custom-btn-small,.custom-btn-mini{
    font-size: 14px;
    font-weight: 400;
    height: 25px;
    line-height: 23px;
    border-radius: 5px;
}
.custom-btn-mini{
    width: 50px;
}
.custom-btn-footer{
    height: 30px;
    line-height: 30px;
}
/* 按钮内容超出自适应*/
.custom-btn-auto{
    width: auto !important;
    padding: 0 5px !important;
    background-clip: padding-box, border-box !important;
}
.custom-btn-red{
    border: 1px solid #EA4B58;
    background-image: none;
    color: #EA4B58;
}
.custom-btn-grey,.custom-btn-grey:hover {
    border: 1px solid #999999;
    background-image: none;
    color: #999999;
    cursor: not-allowed;
}

.table-btn{
    color: var(--custom-btn-color);
    display: inline-block;
    padding: 2px 5px;
    border-radius: 5px;

}
.table-btn:hover{
    background-color: #e9f1ff;
    cursor: pointer;
}

.danger{
    color:#EA4B58;
}
.danger:hover{
    background-color: #fdf2f4;
}
.handle-font{
    color: rgba(255, 0, 0,0.7);
}
.handle-red-font{
    color: rgba(255, 0, 0,0.7);
    cursor: pointer;
}
.red-font{
    color: rgba(255, 0, 0,0.7);
}
.handle-blue-font{
    color: var(--custom-btn-color);
    cursor: pointer;
}
.blue-font{
    color: var(--custom-btn-color);
}
.green-font{
    color: #359e3f;
}
.green-blue-font{
    color: #359e3f;
    cursor: pointer;
}
/* 按钮 end */

/* 查看图片弹出框关闭按钮 */
.el-image-viewer__wrapper .el-icon-circle-close{
    color: #fff;
}

/* 表单 start
表单样式名 class="border-form"
*/
.border-form{
    --plcolor: rgb(117, 117, 117);
    --lineheight: 28px;
    --borderColor: rgba(213, 213, 213, 1);
}
.border-form .is-error{
    display: flex;
    align-items: stretch;
}
.border-form .is-error .el-form-item__error{
    position: initial;
}
.border-form .el-table .el-form-item{
    margin: 0;
}
.border-form .el-icon-date{
    line-height: var(--lineheight);
}
.border-form .el-range__icon{
    line-height: 20px;
}
.border-form .el-row{
    border-width: 0 1px 1px 1px;
    border-color: #d9d9d9;
    border-style: solid;
    display: flex;
    align-items: stretch;
}
.border-form .el-form-item{
    margin-bottom: 0px !important;
    position: relative;
    height: 100%;

}
.border-form .el-form-item .el-form-item__label{
    padding-left: 19px;
    background: var(--form-label-background);
    color: var(--form-color);
    text-align: left;
    line-height: 35px !important;
    height: 100%;
}
.border-form .remark .el-form-item__label {
    line-height: 100px !important;
    height: 100% !important;
}
.border-form .el-form-item .el-form-item__content{
    margin: 3px 5px;
    line-height: var(--lineheight);
}

.border-form .el-form-item .el-form-item__content .el-input__inner{
    line-height: var(--lineheight);
    height: var(--lineheight);
    border-color: var(--borderColor);
}
.border-form .el-form-item .el-form-item__content .el-textarea .el-textarea__inner{
    border-color: var(--borderColor);
}
.border-form .el-form-item .el-form-item__content .el-radio__inner{
    border-color: #0b73ff;
    width: 15px;
    height: 15px;
}
.border-form .el-form-item.is-error .el-input__inner,
.border-form .el-form-item.is-error .el-input__inner:focus,
.border-form .el-form-item.is-error .el-textarea__inner,
.border-form .el-form-item.is-error .el-textarea__inner:focus,
.border-form .el-message-box__input input.invalid,
.border-form .el-message-box__input input.invalid:focus,
.border-form .el-form-item.is-error .el-form-item__content .el-radio__inner{
    border-color: #F56C6C !important;
}
.border-form .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before{
    position: absolute;
    left: 10px;
}
.border-form .el-radio-group{
    width: 100%;
    height: var(--lineheight);
    padding: 5px 15px;
    box-sizing: border-box;
    border: 1px solid var(--borderColor);
    border-radius: 4px;
}
.border-form .el-icon-date{
    color: var(--el-theme-color);
}
.border-form .el-input.is-disabled .el-input__inner,.border-form .el-textarea.is-disabled .el-textarea__inner{
    background-color: rgba(240, 240, 240, 1);
}
.border-form input::-webkit-input-placeholder,.border-form .el-textarea__inner::-webkit-input-placeholder{
    color:var(--plcolor) !important;
}
.border-form input::-moz-placeholder,.border-form .el-textarea__inner::-webkit-input-placeholder{   /* Mozilla Firefox 19+ */
    color:var(--plcolor) !important;
}
.border-form input:-moz-placeholder,.border-form .el-textarea__inner::-webkit-input-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:var(--plcolor) !important;
}
.border-form input:-ms-input-placeholder,.border-form .el-textarea__inner::-webkit-input-placeholder{  /* Internet Explorer 10-11 */
    color:var(--plcolor) !important;
}
.border-form .el-input--medium .el-input__icon, .address{
    line-height: 28px;
}
/* el-input-number */
.el-input-number.is-controls-right .el-input-number__decrease{
    border-bottom: 1px solid #DCDFE6;
    line-height: 13px !important;
}
.el-input-number.is-controls-right .el-input-number__increase{
    border-top: 1px solid #DCDFE6;
    line-height: 13px !important;
}
.el-input-number{
    width: 100%;
}

.label-7em .el-form-item__label {
    width: 7em;
}
.label-7em .el-form-item__content {
    width: calc(100% - 8em) !important;
}
.label-10em .el-form-item__label {
    width: 10em;
}
.label-10em .el-form-item__content {
    width: calc(100% - 11em) !important;
}
.label-11em .el-form-item__label {
    width: 11em;
}
.label-11em .el-form-item__content {
    width: calc(100% - 12em) !important;
}
.label-13em .el-form-item__label {
  width: 13em;
}
.label-13em .el-form-item__content {
  width: calc(100% - 14em) !important;
}
.label-13em .pr0 .el-form-item__label {
  padding-right: 0;
}

.w96 .el-form-item__content{
    width: 96% !important;
}
/* 表单 end */

/* 表格内表单 start
表格样式名 class="form-table" */
.form-table .el-input-number{
    width: 100%;
}
.form-table .el-table__header::before {
    background: transparent;
}
.form-table th{
    background: #f4f7fa;
    color: #464c5c;
}
.form-table tr{
    border-right: none !important;
}
.form-table td{
    color: #333333;
}
.form-table th, .form-table tr, .form-table td{
    border-right: 1px solid #d7d7d7 !important;
    border-bottom: 1px solid #d7d7d7 !important;
    height: 35px !important;
    line-height: 19px !important;
    padding: 0 !important;
}
.form-table .cell{
    padding: 4px 5px !important;
}
.form-table  .el-form-item__content{
    margin: 0 !important;
    width: 100% !important;
}
.table-header .el-table__header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--gradient-multi-color-line);
    z-index: 2;
}
/*.border-form .el-table__body-wrapper .el-form-item__content{
    width: 100% !important;
}*/
/* 表格内表单 end */

/* 弹窗 start */
.sh-dialog .el-dialog{
    border-radius: 25px !important;
    box-shadow: 0 2px 20px 0 rgba(24, 102, 140, 0.2);
}
.sh-dialog .el-dialog__header{
    background: var(--dialog-header-background) !important;
    color: #ffffff !important;
    border-radius: 25px 25px 0 0;
}
.sh-dialog .icon-full{
    color: #ffffff !important;
}
.el-dialog__headerbtn .el-dialog__close{
    color: #ffffff;
}
.sh-dialog .el-dialog__header{
    font-size: 16px !important;
    padding: 8px 18px !important;
}
.sh-dialog .el-dialog__headerbtn{
    top: 8px !important;
}
.sh-dialog .body{
    padding: 10px 20px !important;
}
.sh-dialog .el-dialog__footer{
    border-top: 1px solid #f2f2f2;
}
.sh-dialog .el-dialog__footer .footer-btn>div:nth-child(n+2){
    margin-left: 10px;
}
/* 弹窗 end */

/*
    左边导航栏 start
*/
.el-aside{
    position: relative;
}
.el-aside .scrollbar{
    position: fixed;
    top: 68px;
    left: 0;
    width: 220px;
    z-index: 1111;
}
.sh-left-menu{
    padding-top: 0 !important;
}
.el-container .el-aside{
    background-color: var(--aside-background) !important;
}
.el-menu{
    background: none !important;

}
.el-menu[role="menubar"]{
    /*height: calc(100vh - 130px);
    overflow-y: auto;*/
}
.el-menu[role="menubar"]::-webkit-scrollbar{
    display: none;
}
.el-aside .el-menu-item{
    background-color: var(--aside-background) !important;
    height: 45px;
    line-height: 44px;
    margin-top: 0 !important;
}
.el-aside .el-submenu__title{
    height: 45px;
    line-height: 44px;
}
.sh-left-menu .el-menu-item.is-active{
    background-color: #fff !important;
    position: relative;
}
.sh-left-menu .el-menu-item.is-active::after, .el-menu-item:hover ::after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: var(--active-menu-after) !important;

}
.el-menu-item:hover{
    background-color: #fff !important;
    color: var(--active-menu-color) !important;
}
.el-menu-item:hover .el-icon-notebook-2{
    color: var(--active-menu-color) !important;
}
.sh-left-menu .el-menu--collapse .is-active .el-submenu__title, .sh-left-menu .el-menu-item.is-active, .sh-left-menu .el-menu-item:focus, .sh-left-menu .el-menu-item:hover, .sh-left-menu .el-submenu__title:hover {
    /*background-color: rgba(64, 158, 255, .1);*/
    color: var(--active-menu-color) !important;
}
/*
    左边导航栏 end
*/
/*
    顶部导航栏 start
*/
.el-header{
    height: auto;
}
.bar{
    z-index: 11;
    box-shadow: 0px 6px 6px var(--bar-shadow-color);
    background: var(--bar-background) !important;
}

.el-header .is-active{
    position: relative;
    border: none !important;
    color: var(--active-menu-color) !important;
}
.el-header .is-active::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: var(--active-menu-after) !important;
    /*box-shadow: 0px 12px 12px 19px #f2f2f2;*/
}
.sh-hybrid-header-menu{
    border-bottom: 1px solid #e9e9e9 !important;
}
.sh-hybrid .el-header{
    box-shadow: none !important;
}
/* 操作提示 */
.xxx .el-notification__group{
    width: 100%;
}
.xxx .el-notification__group .img-box{
    width: 64px;
    height: 80px;
    margin: 0 auto;
    position: relative;
}
.xxx .el-notification__group .star-l1{
    position: absolute;
    left: -56px;
    top: 0;
}
.xxx .el-notification__group .star-l2{
    position: absolute;
    left: -48px;
    top: 56px;
}
.xxx .el-notification__group .star-r{
    position: absolute;
    right: -50px;
    top: 20px;
}
/* 询问框 */
.el-message-box__wrapper[aria-label="dialog"] .el-message-box__btns{
    display: flex;
    flex-direction: row-reverse;
}

.el-message-box__wrapper .el-message-box__btns .confirmButtonClass {
    background-color: #0b73ff;
    border: none;

}
.el-button--primary{
    background-color: #0b73ff;
}
.el-message-box__wrapper .el-message-box__btns .confirmButtonClass-del{
    background-color: #f56c6c;
    border: none;
}
.el-message-box__wrapper .el-message-box__btns .cancelButtonClass{
    margin-left: 10px;
}
/* 分页 */
.el-pager li{
    margin-left: 10px;
    min-width: 25px;
    height: 25px;
    line-height: 25px;
}
.el-pager li.active, .el-pager li:hover{
    color: #fff;
    background: var(--pager-color);
    border-radius: 5px;
}
/* 页面标题 */
.el-main{
    padding: 15px 40px 0 40px !important;
    /*padding-bottom: 0 !important;*/
}
.pad0{
    padding: 0 !important;
}
.el-breadcrumb{
    padding-bottom: 12px !important;
}
.sh-crumb .crumb-icon{
    margin-left: 5px;
}
.sh-crumb .el-breadcrumb__item:first-child .el-breadcrumb__inner{
    font-size: 22px !important;
}
span.enter-x{
    margin-left: 10px !important;
}
/* 公共 */
/*
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
    margin-bottom: 12px;
}*/
.borderTop{
    position: relative;
}
.borderTop::after{
     content: "";
     display: block;
     position: absolute;
     top: 0px;
     width: 100%;
     height: 2px;
     background: var(--gradient-line);
     z-index: 2;
 }
input[type="number"]{
    padding-right: 0;
}
th.req .cell::before{
    content: '*';
    color: red;
    margin-right: 3px;
}
/* 表格显示部门树选择下拉框 */
.deptTree{
    overflow: initial;
}
.deptTree .cell{
    overflow: initial;
}
.deptTree .el-table__body-wrapper{
    overflow: initial;
}
/* 部门选择树 */
.treeselect .vue-treeselect__control{
    height: 28px;
    line-height: 28px;
}
.treeselect .vue-treeselect__control .vue-treeselect__placeholder, .vue-treeselect__single-value{
    line-height: 28px;
}
/* 日期选择框 日期下加圆点 */
.dateArrClass >div ::after{
    content: '';
    position: absolute;
    right: 8px;
    top: 23px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #1adbb6;
}
/* 级联选择器 */
.el-cascader-node.is-selectable.in-active-path{
    color: #409EFF;
}
.el-select-dropdown__wrap{
  margin: 10px -11px -11px 0px !important;
  max-height: 325px;
}
.toogleBtn {
  display: inline-block;
  width: 113px;
  height: 30px;
  border: 1px solid var(--toogle-active);
  line-height: 30px;
  text-align: center;
  color: var(--toogle-active);
  box-sizing: border-box;
  border-right: 0;
  cursor: pointer;
  flex-shrink: 0;
}
.toogleBtn.active {
  background-color: var(--toogle-active);
  color: rgb(255, 255, 255);
}
.toogleBtn:first-child {
  border-radius: 3px 0 0 3px;
}
.toogleBtn:last-child {
  border-radius: 0 3px 3px 0;
  border-right: 1px solid var(--toogle-active);
}
.pass {
  color: rgb(3, 182, 21);
}
.fail {
  color: rgb(217, 0, 27);
}
.returnEdit {
  color: rgb(245, 154, 35);
}
/* element-ui组件 主题色 */
.el-tabs__item:hover {
    color: var(--el-theme-color);
}
.el-radio__input.is-checked+.el-radio__label {
    color: var(--el-theme-color);
}
.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    border-color: var(--el-theme-color);
    background: var(--el-theme-color);
    background-color: var(--el-theme-color);
}
.border-form .el-form-item .el-form-item__content .el-radio__inner {
    border-color: var(--el-theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--el-theme-color);
}
.el-date-table td.current:not(.disabled) span {
    background-color: var(--el-theme-color);
}
.el-date-table td.available:hover,
.el-date-picker__header-label.active, .el-date-picker__header-label:hover,
.el-date-table td.today span,
.el-year-table td.today .cell,
.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell {
    color: var(--el-theme-color);
}
.el-input.is-active .el-input__inner, .el-input__inner:focus,
.el-select .el-input__inner:focus,
.el-select .el-input.is-focus .el-input__inner,
.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: var(--el-theme-color);
}
.table-safe_special-icon {
    color: #236bdf;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    top: 2px;
    right: 2px;
    font-size: 12px;
    opacity: .8;
}
.noShow{
    display: none;
}
.emptyData {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.emptyData>img {
    height: 50%;
}