@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: #eaf0fb ;
}
/*
    提示弹框样式居中
*/
.xxx{
    top: 50% !important;
    right: 50% !important;
    transform: translateY(-50%) translateX(50%) !important;
    /*transition: all 1s;*/
}

/* 弹窗样式 */
.is-fullscreen .el-dialog__body{
    height: calc(100% - 61px - 37px) !important;
    box-sizing: border-box !important;
}
.is-fullscreen .el-dialog__body .body{
    height: 100% !important;
    box-sizing: border-box !important;
    position: relative;
}

/* 表格 start */
.el-table__header {
    position: relative;
}
.el-table__header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(228.991deg, rgb(35, 106, 238) 10%, rgb(35, 106, 238) 10%, rgb(42, 193, 240) 25%, rgb(35, 106, 238) 74%, rgb(33, 66, 122) 93%, rgb(33, 66, 122) 93%);;
    z-index: 2;
}

.el-table{
    border-left: 1px solid #d7d7d7 !important;
}
.el-table th{
    background: #f2f2f2;
    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;
}
/* 列表页搜索块 start
表单样式名 class="search-form" <el-col :span="5"> */
.search-form {
    padding-bottom: 20px;
}
.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;
}
/* 列表页搜索块 end */
/* 列表页搜索块(适应页面大小) start */
.top-search-form{
    padding-bottom: 20px;
}
.top-search-form .top-search-form-more{
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    color: #909399;
    cursor: pointer;
    white-space: nowrap;
}
.top-search-form .el-form-item{
    margin-bottom: 0 !important;
    display: flex;
}
.top-search-form>.el-row>.el-col{
    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: #2068ed;
    border: solid 1px transparent;
    border-radius: 7px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(45deg,#2ac1f0, #236aee, #21427a);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.custom-btn:hover,.custom-btn-small:hover,.custom-btn-mini:hover{
    border-color: transparent;
    background: linear-gradient(45deg,#2ac1f0, #236aee, #21427a);
    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-auto{
    width: auto !important;
    padding: 0 5px !important;
    background-clip: padding-box, border-box !important;
}
.custom-btn-danger{
    color: #ff0038;
    background-image: linear-gradient(#fff, #fff), linear-gradient(45deg,#FD6C78, #FF0000);
}
.custom-btn-danger:hover{
    background: linear-gradient(45deg,#FD6C78, #FF0000);
}
.custom-btn-footer{
    height: 30px;
    line-height: 30px;
}
.custom-btn-disabled{
    color: #EBEEF5;
    background-image: linear-gradient(#fff, #fff), linear-gradient(45deg,#EBEEF5, #EBEEF5);
}
.custom-btn-disabled:hover{
    color: #EBEEF5;
    background-image: linear-gradient(#fff, #fff), linear-gradient(45deg,#EBEEF5, #EBEEF5);
    cursor: not-allowed;
}

.table-btn{
    color: #2068ed;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);
}
/* 按钮 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: #f5f8fb;
    color: #204179;
    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: #0b73ff;
}
.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-8em .el-form-item__label {
    width: 8em;
}
.label-8em .el-form-item__content {
    width: calc(100% - 9em) !important;
}
.label-9em .el-form-item__label {
    width: 9em;
}
.label-9em .el-form-item__content {
    width: calc(100% - 10em) !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-12em .el-form-item__label {
    width: 12em;
}
.label-12em .el-form-item__content {
    width: calc(100% - 13em) !important;
}
.label-13em .el-form-item__label {
    width: 13em;
}
.label-13em .el-form-item__content {
    width: calc(100% - 14em) !important;
}
.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;
}
/*.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: linear-gradient(90deg,#246aef 0%, #2bc1f0 40% ,#2bc1f0 60%,#246aef 100%) !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;
}
/* 弹窗 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: #eaf0fb !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: #eaf0fb !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: linear-gradient(-45deg,#2ac1f0, #236aee, #21427a) !important;

}
.el-menu-item:hover{
    background-color: #fff !important;
    color: #236aee !important;
}
.el-menu-item:hover .el-icon-notebook-2{
    color: #236aee !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: #236aee !important;
}
/*
    左边导航栏 end
*/
/*
    顶部导航栏 start
*/
.el-header{
    height: auto;
}
.bar{
    z-index: 11;
    box-shadow: 0px 6px 6px rgb(8 145 249 / 40%);
    /*background: linear-gradient(225.5070259983901deg,  #2cbff2 0%, #236bee 98%) !important;*/
    background: linear-gradient(225.507deg, rgb(35, 106, 238) 5%, rgb(35, 106, 238) 5%, rgb(42, 193, 240) 21%, rgb(35, 106, 238) 76%, rgb(33, 66, 122) 98%, rgb(33, 66, 122) 98%) !important;
}

.el-header .is-active{
    position: relative;
    border: none !important;
    color: #236aee !important;
}
.el-header .is-active::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(-45deg,#2ac1f0, #236aee, #21427a) !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;
}
/* 自定义时间选择器类型 */
.ht-time-slect .el-select-dropdown__item.hover, .ht-time-slect .el-select-dropdown__item:hover{
    font-weight: 700;
}
/* 操作提示 */
.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: #296ceb;
    border-radius: 5px;
}
/* 页面标题 */
.el-main{
    padding: 15px 40px 0 40px !important;
    /*padding-bottom: 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: linear-gradient(90deg,#236aee 0%, #2bc1f0 100%);
     z-index: 2;
 }
input[type="number"]{
    padding-right: 0;
}
th.req .cell::before{
    content: '*';
    color: red;
    margin-right: 3px;
}
.link-input .el-input__inner {
    color: #2068ed;
    cursor: pointer;
}
.link-input .item-cnt{
    color: #2068ed;
    cursor: pointer;
}
/* 表格显示部门树选择下拉框 */
.deptTree{
    overflow: initial;
}
.deptTree .cell{
    overflow: initial;
}
.deptTree .el-table__body-wrapper{
    overflow: initial;
}
/* 部门选择树 */
.treeselect .vue-treeselect__control{
    height: 25px;
    line-height: 25px;
}
.treeselect .vue-treeselect__control .vue-treeselect__placeholder{
    line-height: 25px;
}
.treeselect .vue-treeselect__control .vue-treeselect__single-value{
    line-height: 25px;
}

.el-dialog__wrapper{
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.el-dialog__wrapper .el-dialog{
    margin-top: 0 !important;
}

/* tooltip内容字体 */
.el-tooltip__popper{
    font-size: 14px !important;
}

@media print {
    .el-table {
        border-collapse: collapse;
        width: 100% !important;
    }
    .el-table th,
    .el-table td {
        border: 1px solid #ebeef5 !important;
    }
    .el-table__header-wrapper,
    .el-table__fixed-header-wrapper {
        background-color: #f5f7fa !important;
    }
    .el-table__body-wrapper {
        overflow: visible !important;
    }
    .el-table::before {
        height: 0 !important;
    }
}