/*全局变量*/
:root {

    /*全局颜色*/
    /* --color:#ea2b29; */
    /* --color: rgb(37, 77, 164); */
    --hoverColor: rgb(216, 237, 253);
    --color: #3E7BFA;


}

html,
body {
    overflow: hidden;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 15px;
}

.app {
    height: 100%;
    width: 100%;
    position: relative;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #fff;
    position: absolute;
}

.header {
    width: 100%;
    height: 50px;
    box-shadow: 3px 2px 6px 0px #d6d6d6;
    z-index: 2;
    background-color: #fff;

    display: flex;
    justify-content: space-between;
}

.leftMent {
    height: calc(100% - 50px);
    width: 250px;
    float: left;
    /* background-color: rgb(247 247 247); */
    background-color: #2369E2;
    overflow-x: hidden;
    /* margin-top: 15px; */
    position: relative;
}

.leftMent .leftMentImg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    width: 100%;
    padding-top: 120%;
}

.leftMent .leftMentImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 保持图片的宽高比，可能会裁剪图片 */
}

/* 标记 */

.leftMent .el-submenu {
    /* background-color: #3E7BFA; */
}

.leftMent .el-submenu .el-submenu__title i {
    color: #fff;
}

.leftMent .el-submenu.is-opened {
    /* background-color: #3E7BFA !important; */
}

.leftMent .el-menu-vertical-demo {
    z-index: 200;
}

.leftMent .el-menu--inline .el-menu-item {
    color: #fff;
}

.leftMent .el-submenu span {
    color: #fff;
}

.left-el-icon {
    /* position:absolute; 
    left: 0px;  */
    height: 50px;
    width: 50px;
    background-color: #fff;
    cursor: pointer;
    margin: 0 0 0 7px;
}

.left-el-icon i {
    color: var(--color);
}

.left-icon {
    color: #fff;
    font-size: 30px;
    position: relative;
    top: 3px;
}

.tac {
    direction: rtl;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100%);
    padding: 30px 0 0 0;
}

.tac::-webkit-scrollbar-track {
    background-color: #000;
}
.leftMent .el-col-20{
    direction:ltr;
}
.left-logo {
    height: 50px;
    /* width: 250px; */
    position: relative;
    /* background-color: var(--color); */
    text-align: center;
    line-height: 50px;
    /* font-size: 18px; */
    /* font-weight: 600; */
    /* color: var(--color); */
    /* background-color: #fff; */
    /* box-shadow: -3px 1px 4px 0px #dedede; */
    z-index: 1;
    float: left;

    display: flex;
    justify-content: center;
}

.left-top-logo {
    height: 100%;
    background: #3E7BFA;
    display: flex;
    justify-content: center;
    align-items: center;
}

.left-top-logo .logo-img {
    height: 100%;
}

.left-top-logo .logo-text {
    font-size: 14px;
    color: #fff;
}

.left-top-logo.collapse .logo-img {
    width: 100%;
    height: 100%;
}

.left-top-logo.collapse .logo-text {
    display: none;
}

/* .left-logo img {
    width: 100px;
    height: 45px;
    position: relative;
    top: 20px;
    margin: 0 auto;
    display: block;
} */

.header .el-breadcrumb {
    width: 200px;
    float: left;
    line-height: 50px;
}

.leftMent .el-col-20 {
    width: 100%;
}

/* 标记 */
.leftMent .el-menu {
    background-color: rgba(0, 0, 0, 0);
}

/* .leftMent .el-menu  > li{
    background-color: rgba(0, 0, 0, 0);
} */

.leftMent .el-menu-item {
    color: #fff;
}

.leftMent .el-menu-item .is-active {
    color: rgb(255 70 70) !important;
    background-color: rgb(255 70 70) !important;
    border-left: 4px solid rgb(255 70 70);
}

.leftMent .el-menu-item span {
    /* color:#fff !important; */
}


.leftMent .el-menu {
    border-right: 0px;
}

.leftMent .el-menu-item:hover {
    background-color: #3E7BFA;
}

.leftMent .el-submenu>.el-submenu__title:hover {
    background-color: #3E7BFA;
}

.leftMent .el-menu-item.is-active {
    /* border-left: 6px solid var(--color); */
    border-right: 6px solid #FAD923;
    background-color: #3E7BFA;
    color: #fff;
}

/* 开始 缩小 */

.el-menu--vertical .el-menu-item.is-active {
    /* border-left: 6px solid var(--color); */
    border-right: 6px solid #FAD923;
    background-color: #3E7BFA;
    color: #fff;
}

.leftMent .el-menu--collapse>.el-menu-item.is-active {
    /* border-left: 6px solid var(--color); */
    border-right: 6px solid #FAD923;
    background-color: #3E7BFA;
    color: #fff;
    width: 50px !important;
    padding: 0 16px !important;
}

.leftMent .el-menu--collapse>.el-submenu .el-menu-item.is-active {
    /* border-left: 6px solid var(--color); */
    border-right: 6px solid #FAD923;
    background-color: #3E7BFA;
    color: #fff;
}

.leftMent .el-menu--collapse>li .el-tooltip {
    /* border-left: 6px solid var(--color); */
    width: 50px !important;
    padding: 0 16px !important;
}

.leftMent .el-menu--collapse>.el-menu-item {
    width: 50px !important;
    padding: 0 16px !important;
}

.leftMent .el-menu--collapse>.el-menu-item:hover {
    background-color: #3E7BFA;
}

.leftMent .el-menu--collapse>.el-submenu {
    width: 50px !important;
}

.leftMent .el-menu--collapse>.el-submenu>.el-submenu__title {
    padding: 0 16px !important;
}

.leftMent .el-menu--collapse>.el-submenu>.el-submenu__title:hover {
    background-color: #3E7BFA;
}

/* 结束 */

.rightDiv.action {
    width: calc(100% - 210px);
    height: calc(100% - 50px);
    float: left;
    background-color: #F7F7F7;
    z-index: 1;
    /* margin-top: 10px; */
}

.rightDiv {
    width: calc(100% - 250px);
    height: calc(100%);
    float: left;
    background-color: #fff;
    z-index: 1;
    /* margin-top: 10px; */
}

.rightDiv .main {
    z-index: 1;
    padding: 0 20px 20px 20px;
    overflow-y: auto;
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 30px);
    /* background-color: #eaeaea; */
}

.rightDiv .tableList {
    z-index: 1;
    overflow-y: auto;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.rightDiv .content {
    z-index: 1;
    overflow-y: auto;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    /*padding:20px;*/
}


.rightDiv .el-breadcrumb {
    width: calc(100%);
    height: 30px;
    background-color: #F7F7F7;
    float: left;
    line-height: 30px;
    padding-left: 20px;
    z-index: 1;
}

/* .header .header-user {
    line-height: 50px;
    width: 180px;
    float: right;
} */
.header .header-user {
    line-height: 50px;
    float: right;
    padding: 0 20px 0 0;
    display: flex;
    align-items: center;
}

.header .header-user .el-avatar {
    /* width: 30px;
    height: 30px; */
}

.tableList .myIndex {
    height: calc(100%);
    width: calc(100% - 0px);
    overflow: hidden;
    overflow-y: auto;
    background-color: #F7F7F7;
}

.content .myIndex {
    height: calc(100% - 40px);
    width: calc(100% - 0px);
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
}

.mySearch {
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
}

.myList {
    width: 100%;
}

/* 添加按钮 */
.myButs {
    width: calc(100% - 20px - 20px);
    height: calc(100% - 15px - 15px);
    padding: 0px 0px 10px 0px;
}

.myButs .el-button {
    border: 1px solid var(--color);
    background-color: var(--color);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 20px;
}

.myButs .el-button:hover {
    background-color: var(--hoverColor);
}

/* 搜索 */
.myEle {
    padding: 10px 10px 0 10px;
    /* margin: 10px 10px 0px 10px; */
    /* margin: 10px 10px 0px 10px; */
    background-color: #fff;
    display: flex;
}

.myEle .el-form-item {
    /* width: 300px; */
    float: left;
    margin-bottom: 10px;
}

.myEle .searchBtn {
    margin-left: 10px;
    background-color: var(--color);
    color: #fff;
}

.myEle .resBtn {
    color: #2369E2;
    border: 0px;
    margin-left: 0px;
    font-size: 14px;
}

.myEle .el-button {
    padding: 8px 20px;
}

.myEle .el-form-item .el-input {
    font-size: 13px;
    width: 100% !important;
}

.myEle .el-form-item .el-input__inner {
    height: 32px;
    line-height: 32px;
}


/* 表格 */
.myTable {
    width: 100%;
    height: calc(100% - 50px);
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

.myTable .has-gutter tr {
    background: #F4F8FF;
}

.myTable .el-image__inner {
    max-width: 100px;
    cursor: pointer;
}

.myTable .el-table {
    height: 100% !important;
    border-right: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
}

.myTable .el-table>* {
    box-sizing: border-box;
}

.myTable .el-table::before {
    height: 1px;
    background: #D7D7D7;
}

.myTable .el-table__fixed-right::before,
.myTable .el-table__fixed::before {
    height: 1px;
    background: #D7D7D7;
}

.myTable .el-table th {
    padding: 10px 0;
    background-color: #ECF2FF;
    font-weight: 400;
    color: #555555;
    text-align: center !important;
}

.myTable .el-table td {
    padding: 10px 0;
    color: #555555;
    text-align: center !important;
}

.myTable .el-table th,
.myTable .el-table td {
    border: 1px solid #D7D7D7;
    border-right: none;
    /* border-collapse: collapse; */
}

.myTable .el-table th {
    border-top: none;
}

.myTable .el-table td {
    border-top: none;
}

.myTable .el-table th:nth-child(1) {
    border-left: none;
}

.myTable .el-table th:nth-last-child(1) {
    position: relative;
}

.myTable .el-table th:nth-last-child(1)::after {
    position: absolute;
    top: 0;
    right: 0;
    /* display: block; */
    display: none;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #D7D7D7;
}

.myTable .el-table td:nth-child(1) {
    border-left: none;
}

.myTable .el-table td:nth-last-child(1) {
    position: relative;
}

.myTable .el-table td:nth-last-child(1)::after {
    position: absolute;
    top: 0;
    right: 0;
    /* display: block; */
    display: none;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #D7D7D7;
}

.myTable .el-button--small {
    padding: 4px 15px;
}

.myTable .el-table table {
    border-collapse: collapse;
}

.myTable .el-table__fixed-right .cell {
    overflow: visible;
}

.myTable .el-dropdown span {
    font-size: 12px;
}

.myTable .el-dropdown span:hover {
    cursor: pointer;
}


/* 标记 */

/* 注释 */
/* 
.el-table .el-table__body-wrapper {
    overflow-y: auto;
}
*/

/* 注释 */
/* 
.el-table .el-table__body-wrapper::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #fff;
}

.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background-color: #888;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

.el-table .el-table__body-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}
 */

/* .el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: auto !important;
} */

/* 分页 */
.myPage {
    width: 100%;
    height: 50px;
    background-color: #fff;
    z-index: 1001;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 20px;
}

.myPage .el-pager li.active {
    color: #fff;
    background-color: var(--color);
}

.myPage .el-pager li {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-left: 5px;
}

.el-pager li.active+li {
    border-left: 1px;
}


/* 表单按钮 */
.submitBtn {
    /* width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center; */
}

.submitBtn .el-button {
    width: 150px;
}

.submitBtn .el-button:nth-child(1):hover {
    background-color: var(--hoverColor);
    border: 0px;
    color: rgb(117, 117, 117);
}

.submitBtn .el-button:nth-child(1):active {
    background-color: var(--hoverColor);
    border: 0px;
    color: rgb(117, 117, 117);
}

.el-button--primary {
    background-color: var(--color);
    border: 0px;
    color: #fff;
}

.submitBtn .el-button:nth-child(2) {
    background-color: var(--color);
    border: 0px;
    color: #fff;
}

.el-upload-list__item:first-child {
    width: 250px;
}

.el-input--small {
    font-size: 13px;
    width: 100% !important;
}

/* loading */
/* 标记 */
.el-loading-parent--relative {
    position: relative !important;
}

/* 表单 */
.el-textarea__inner {
    padding: 0px;
    min-height: 200px !important;
}

.el-upload {
    /* border-radius: 50%; */
}


.content .el-input {
    width: 100%;
}

.content .el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 100%;
}

.content .el-select {
    width: 100%;
}

.mySearch .el-input {
    width: 250px;
}

.mySearch .el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 250px;
}

.pagination .el-input {
    width: 50px;
}


/* 进度条 */
#top-jd {
    position: absolute;
    top: -7px;
    z-index: 3000;
    height: 10px;
    width: 100%;
}

.el-progress-bar {
    padding-right: 0px;
}

/*单选按钮*/
.el-radio__input.is-checked .el-radio__inner {
    border-color: var(--color);
    background: var(--color);
}

.el-radio__input.is-checked+.el-radio__label {
    color: var(--color);
}

/*checkbox*/
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--color);
    border-color: var(--color);
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--color);
}

/*ueditor*/
.edui-default .edui-toolbar .edui-combox .edui-combox-body {
    height: 20px;
}

/*弹出框*/
.el-dialog {
    border-radius: 5px;
}

.el-dialog__body {
    padding: 20px 20px 0px 20px;
}


/* 按钮颜色 */

.red_but {
    padding: 4px 8px !important;
    background-color: #F56C6C;
    color: #fff;
}

.red_but:focus,
.red_but:hover,
.red_but:active {
    background-color: #fff;
    color: #F56C6C;
    border: 1px solid #F56C6C;
}


.rm_but {
    padding: 4px 8px !important;
    background-color: #fff;
    color: #333;
    border: 1px solid #e5e5e5 !important;
}

.rm_but:focus,
.rm_but:hover,
.rm_but:active {
    background-color: #fff;
    color: #333;
    border: 1px solid #e5e5e5;
}

.green_but {
    padding: 4px 8px !important;
    background-color: #67C23A;
    color: #fff;
}


.green_but:focus,
.green_but:hover,
.green_but:active {
    background-color: #fff;
    color: #67C23A;
    border: 1px solid #67C23A;
}

.blue_but {
    padding: 4px 8px !important;
    background-color: #3E7BFA;
    color: #fff;

    position: relative;
}

.blue_but:focus,
.blue_but:hover,
.blue_but:active {
    background-color: #fff;
    color: #3E7BFA;
    border: 1px solid #3E7BFA;
}

.blue_but .hint {
    height: 20px;
    width: 20px;
    background-color: #F56C6C;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #fff;

    transform: translate(50%, -50%);

    position: absolute;
    top: 0;
    right: 0;
}

.yello_but {
    padding: 4px 8px !important;
    background-color: #E6A23C;
    color: #fff;
}

.yello_but:focus,
.yello_but:hover,
.yello_but:active {
    background-color: #fff;
    color: #E6A23C;
    border: 1px solid #E6A23C;
}

/* 全局修改组件 */

/* MessageBox 弹框 */
.el-message-box {
    width: 308px !important;
}

.el-message-box .el-message-box__status {
    display: none;
}

.el-message-box .el-message-box__message {
    padding: 0 0;
}

.el-message-box .el-message-box__btns button {
    padding: 10px 20px !important;
    border-radius: 5px;
}

.el-message-box .el-button--primary:focus,
.el-message-box .el-button--primary:hover {
    background: var(--color);
    border-color: var(--color);
    color: #FFF;
}

.el-message-box .el-message-box__content {
    font-size: 14px;
    color: #7B7A7A;
}

.el-message-box .el-message-box__content div {
    margin: 0 0 6px 0;
}

.el-message-box .el-message-box__content div:last-child {
    margin: 0 0 0 0;
}

.exporttable {
    border-color: #D7D7D7 !important;
}

.el-table.exporttable .el-table--border::after,
.el-table.exporttable .el-table--group::after,
.el-table.exporttable::before {
    background-color: #D7D7D7 !important;
}

.el-table.exporttable .el-table__fixed-right::before,
.el-table.exporttable .el-table__fixed::before {
    background-color: #D7D7D7 !important;
}