html, body {
    scrollbar-face-color: #DAE0EE; /*滚动条3D表面（ThreedFace）的颜色*/
    scrollbar-highlight-color: #fff; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/
    scrollbar-shadow-color: #DAE0EE; /*滚动条3D界面的暗边（ThreedShadow）颜色*/
    scrollbar-3dlight-color: #DAE0EE; /*滚动条亮边框颜色*/
    scrollbar-arrow-color: #fff; /*滚动条方向箭头的颜色 */
    scrollbar-track-color: #fff; /*滚动条的拖动区域(TrackBar)颜色*/
    scrollbar-darkshadow-color: #fff; /*滚动条暗边框（ThreedDarkShadow）颜色*/
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    /*background-color: #ddd;*/
}


/*滑块*/
::-webkit-scrollbar-thumb {
    background-color: #DAE0EE;
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #DAE0EE;
    }


/*滑道*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #fff;
    border-radius: 10px;
}

.el-container {
    height: 100%;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.el-aside-custom {
    height: 100%;
    overflow: hidden;
}

    .el-aside-custom .el-tree {
        height: calc(100% - 105px);
        overflow: auto;
    }

        .el-aside-custom .el-tree .el-tree-node > .el-tree-node__children {
            overflow: inherit;
        }

.el-container .el-tabs.el-tabs--card.el-tabs--top {
    height: 100%;
}

    .el-container .el-tabs.el-tabs--card.el-tabs--top .el-tabs__content {
        height: calc(100% - 35px);
    }

        .el-container .el-tabs.el-tabs--card.el-tabs--top .el-tabs__content .el-tab-pane {
            height: 100%;
        }

            .el-container .el-tabs.el-tabs--card.el-tabs--top .el-tabs__content .el-tab-pane .el-aside.el-aside-custom {
                height: 100%;
            }

                .el-container .el-tabs.el-tabs--card.el-tabs--top .el-tabs__content .el-tab-pane .el-aside.el-aside-custom .el-tree {
                    height: calc(100% - 75px) !important;
                }
/*在2020/07/30注掉这个样式，设计调整*/
/*.button-new, .button-new:focus {
    border: 1px solid rgb(83, 209, 226);
    -moz-box-shadow: 0px 0px 2px #b9e6fb; 
    background: linear-gradient(270deg,rgba(83,209,226,1) 0%,rgba(55,188,240,1) 35%,rgba(26,166,254,1) 100%);
    opacity: 1;
}

    .button-new:hover {
        border: 1px solid rgb(83, 209, 226);
        -moz-box-shadow: 0px 0px 2px #b9e6fb; 
        background: linear-gradient(270deg,rgba(83,209,226,1) 0%,rgba(55,188,240,1) 35%,rgba(26,166,254,1) 100%);
        opacity: 0.7;
    }*/

.el-button--primary {
    color: #FFF;
    background-color: #1CA8FD;
    border-color: #1CA8FD;
}

.el-button--success {
    color: #FFF;
    background-color: #48CD5D;
    border-color: #48CD5D;
}

.el-button--info {
    color: #FFF;
    background-color: #45D6EE;
    border-color: #45D6EE;
}

    .el-button--info:hover {
        color: #FFF;
        background-color: #45D6EE;
        border-color: #45D6EE;
        opacity: 0.7;
    }

    .el-button--info:focus {
        color: #FFF;
        background-color: #45D6EE;
        border-color: #45D6EE;
        opacity: 0.7;
    }

.el-button--warning {
    color: #FFF;
    background-color: #F7AC0A;
    border-color: #F7AC0A;
}

.el-button--danger {
    color: #FFF;
    background-color: #FE3B3C;
    border-color: #FE3B3C;
}

.el-table__header thead th {
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    line-height: 24px;
    color: rgba(51,51,51,1);
    background: rgba(244,243,249,1);
    opacity: 1;
    border-radius: 2px 2px 0px 0px;
    border: 1px solid rgba(255,255,255,1);
}

.el-table td, .el-table th {
    padding: 3px 0;
}

.el-table--mini td, .el-table--mini th {
    padding: 3px 0;
}

.el-table--mini .el-cascader .el-input__inner {
    font-size: 13px;
    padding-right: 0px;
}

.el-tag {
    color: rgba(26,169,252,1);
    background: rgba(226,243,255,1);
}

    .el-tag.el-tag--info {
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
    }

    .el-tag.el-tag--warning {
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #FFF;
        background-color: #F7AC0A;
    }

    .el-tag.el-tag--danger {
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: rgba(255,67,83,1);
        background: rgba(255,223,226,1);
    }

/*普通按纽*/
.el-button--mini {
    padding: 7px 8px;
    min-width: 56px;
}

/*列表中的按纽*/
.el-table .el-button--mini {
    padding: 5px 4px;
    margin-left: 0px !important;
    min-width: 40px;
}



.el-header {
    height: auto !important;
    min-height: 44px;
    height: auto;
    padding-left: 16px;
    padding-top: 8px;
}

    .el-header .el-select, .el-header .el-input {
        width: 132px;
    }

    .el-header .el-checkbox {
        margin-right: 0;
    }

    .el-header .el-row .el-col > div {
        margin-left: 8px;
        margin-right: 0px;
    }

    .el-header .el-tag--info {
        color: rgba(57,73,132,1);
        background: rgba(230,246,255,1);
        border: 0;
    }

    .el-header .el-tag--mini {
        min-width: 56px;
        height: 16px;
        line-height: 13px;
        font-size: 10px;
        padding: 0px 8px;
        margin: 0 2px;
        border-radius: 2px;
    }

    .el-header .searchhistoryicontime {
        min-width: 32px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.el-tree-node {
    white-space: normal !important;
}

.el-tree-node__content {
    height: auto !important;
    min-height: 26px !important;
    /*align-items: flex-start !important; 这句会景影响树形结构的Label上下居中效果，请不要放开*/
}

.searchtags {
    margin-top: 2px;
}

.searchtagbtn {
    width: 48px;
    height: 12px;
    font-size: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 16px;
    color: rgba(102,102,102,1);
    background-color: transparent;
    border: none;
    opacity: 1;
    cursor: pointer;
}

.el-main {
    padding: 0px;
}

.el-divider--vertical {
    height: 24px;
}

.el-table {
    color: #333333;
}

.searchHistoryListPopover {
    height: 300px;
    overflow-y: auto;
}

.searchhistorylistdiv {
    width: 336px;
    height: 286px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 0px 12px rgba(81,117,180,0.3);
    opacity: 1;
}

.searchhistorylistdivitemFacility {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px solid rgba(234,241,251,1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.searchhistorylist {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px solid rgba(234,241,251,1);
}

.searchhistorylistdivitem {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px solid rgba(234,241,251,1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .searchhistorylistdivitem:hover {
        background-color: #f1f1f1;
        cursor: move;
    }

.searchhistorylistdivitemnone {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
}

.searchhistorylist .el-icon-error {
    width: 14px;
    height: 14px;
    margin: 4px;
    color: rgba(254,73,74,1);
    cursor: pointer;
}

.searchhistorylist .name {
    margin: 4px 8px;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 24px;
    color: rgba(51,51,51,1);
}

.searchhistorylist .date {
    font-size: 10px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 17px;
    color: rgba(102,102,102,1);
}

.setcolumnbtn {
    height: 300px;
    overflow-y: auto;
    cursor: pointer;
}

.el-table__header .setcolumnbtn .el-popover__reference {
    float: right;
    line-height: 24px;
}

.el-header .el-link--inner {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 25px;
    color: rgba(102,102,102,1);
    margin-left: 8px;
}

.el-header .el-button-group {
    vertical-align: auto;
}

.searchmorediv {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    padding: 0px;
    margin-left: 0 !important;
    text-align: center;
    box-shadow: 0px 0px 10px rgba(108,141,190,0.2);
    opacity: 1;
    border-radius: 4px;
    z-index: 99;
}

    .searchmorediv div {
        background-color: white;
    }

        .searchmorediv div .el-form-item {
            display: inline-block;
        }

.searchmorebtn {
    width: 104px;
    height: 28px;
    margin-bottom: 16px;
    border: 1px solid rgba(229,229,229,1);
    opacity: 1;
}

.searchmorequery {
    background: rgba(26,169,252,1);
}

    .searchmorequery :hover {
        opacity: 0.7;
    }

.searchmorecancel {
    background: rgba(255,255,255,1);
}

.showSearchMoreTitleDiv {
    height: 24px;
    width: 100%;
    padding: 8px 0 0 0;
    text-align: left;
    border-bottom: 1px solid rgba(244,243,249,1);
}

    .showSearchMoreTitleDiv > span {
        margin-left: 8px;
        font-size: 13px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 21px;
        color: rgba(51,51,51,1);
        opacity: 1;
    }

.searchmoredivmain {
    margin: auto;
    width: 100%;
    max-width: 1152px;
}

    .searchmoredivmain .el-form-item__label {
        padding: 0 0 0 24px;
        line-height: 16px;
        font-size: 13px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 24px;
        color: rgba(51,51,51,1);
        opacity: 1;
    }

    .searchmoredivmain .el-input__inner {
        height: 32px;
        line-height: 32px;
    }

    .searchmoredivmain .el-form-item__content {
        margin: 0 24px;
    }

    .searchmoredivmain .el-form {
        margin-left: 12px;
        text-align: left;
    }

    .searchmoredivmain .el-form-item {
        margin-bottom: 8px;
    }

.searchhistorylistdivitem .el-checkbox {
    margin-right: 0px
}

.searchhistorylistdivitem .el-input-number {
    margin-right: 8px;
    width: 100px;
}

/*.el-tabs__item.is-active {
    color: #1CA8FD;
}*/

.el-aside {
    padding: 8px;
}

.el-tabs__header {
    margin: 0;
}

.el-popover {
    max-height: 80%;
    overflow-y: auto;
    overflow-x: hidden;
}

.el-aside-custom {
    border: 0;
    padding: 0;
}

    .el-aside-custom .el-aside-custom-div {
        padding: 4px;
    }

    .el-aside-custom .el-aside-custom-title {
        height: 28px;
        line-height: 28px;
        font-size: 13px;
        color: rgba(51,51,51,1);
        font-style: normal;
        font-weight: bold;
    }

    .el-aside-custom .el-icon-s-fold {
        line-height: 28px;
        font-size: 13px;
        float: right;
        cursor: pointer
    }

    .el-aside-custom .fa.fa-dedent {
        line-height: 28px;
        float: right;
        cursor: pointer;
        color: #666;
        font-size: 12px;
    }

    .el-aside-custom .el-aside-custom-search {
        margin: 4px;
        width: 168px
    }

    .el-aside-custom .el-aside-custom-hidden-div {
        width: 13px;
        height: 46px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .el-aside-custom .el-icon-s-unfold {
        line-height: 46px;
        float: right;
        cursor: pointer;
        color: #333;
    }

    .el-aside-custom .fa.fa-indent {
        line-height: 46px;
        float: right;
        cursor: pointer;
        color: #666;
        font-size: 12px;
    }

    .el-aside-custom .is-current .el-tree-node__label {
        font-size: 12px;
        font-weight: 400;
        line-height: 25px;
        color: rgba(0,117,247,1);
    }

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: rgba(213,240,255,1);
}

.el-aside-custom .el-tree-node__label {
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    color: rgba(51,51,51,1);
}

.searchmoredivmain .el-form-item__content {
    width: 232px;
}

.searchmoredivmain .el-select, .searchmoredivmain .el-cascader, .searchmoredivmain .el-date-editor, .searchmoredivmain .el-date-editor.el-input, .searchmoredivmain .el-input-number--mini {
    width: 232px;
}

.layui-layer-title {
    color: #333333;
    font-size: 16px;
    text-align: center;
    padding: 0;
    /*background: linear-gradient(135deg,rgba(0,117,247,1) 0%,rgba(0,151,246,1) 100%);*/
    background-color: white;
    border-bottom: 1px solid #EAF1FB;
}

/*form表单*/
.el-form-item__label {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
}

.elformlabeltop .el-form-item__label {
    padding: 0;
}

.el-form-item__content {
    color: #333333;
    font-size: 13px;
}

.el-radio, .el-radio--medium.is-bordered .el-radio__label {
    font-size: 12px;
}

.elformlabeltop .el-form-item__content {
    width: 268px;
}

.elformlabeltop .el-select, .elformlabeltop .el-cascader, .elformlabeltop .el-date-editor, .elformlabeltop .el-date-editor.el-input, .elformlabeltop .el-input-number--mini {
    width: 268px;
}

.elformlabeltop .el-radio__label {
    font-size: 12px;
}

.elformlabeltop .el-input-group__append, .elformlabeltop .el-input-group__prepend {
    padding: 0 4px;
}

.el-switch__label * {
    font-size: 12px;
}

.elformlabeltop .eltaginfo {
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    background-color: white;
    width: 100%;
    margin: 12px 0;
    margin-top:0;
    border-top: none;
    border-radius: 0px;
    border-bottom: 0px solid rgba(234,241,251,1);
    border-left: 4px solid rgba(24,144,255,1);
    border-right: none;
    padding-left: 8px;
}

.elformlabeltop .el-range-editor .el-icon-time {
    width: 0px;
}

.elformlabeltop .el-date-editor .el-range__close-icon {
    width: 5px;
}

.elformlabeltop .el-date-editor .el-range-input {
    width: 50%;
}

.elformlabeltop .el-checkbox__label {
    font-size: 12px;
}

.elformlabeltop .bottomBtn {
    width: 100% !important;
    margin-top: 16px;
}

    .elformlabeltop .bottomBtn .el-form-item__content {
        width: 100% !important;
        text-align: center;
    }

/*.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    min-width: 80px;
    height: 28px;
    margin-right: 2px;
    background: rgba(255,255,255,1);
    box-shadow: 3px 0px 4px rgba(210,227,251,0.3);
    opacity: 0.8;
    border-radius: 2px 2px 0px 0px;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 25px;
    color: rgba(26,169,252,1);
    border-left: 4px solid rgba(26,169,252,1);
}*/

/*.el-tabs--border-card > .el-tabs__header .el-tabs__item {
    min-width: 80px;
    height: 28px;
    margin-right: 2px;
    background: rgba(26,169,252,1);
    opacity: 1;
    border-radius: 2px 2px 0px 0px;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 25px;
    color: rgba(255,254,254,1);
}

    .el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):not(.is-active):hover {
        color: rgba(255,254,254,1);
        opacity: 0.7;
    }*/

/*.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    min-width: 80px;
    height: 28px;
    margin-right: 1px;
    background: rgba(255,255,255,1);
    box-shadow: 3px 0px 4px rgba(210,227,251,0.3);
    opacity: 0.8;
    border-radius: 2px 2px 0px 0px;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 25px;
    color: rgba(26,169,252,1);
    border-left: 4px solid rgba(26,169,252,1);
}

.el-tabs--card > .el-tabs__header .el-tabs__item {
    min-width: 80px;
    height: 28px;
    margin-right: 1px;
    background: rgba(26,169,252,1);
    opacity: 1;
    border-radius: 2px 2px 0px 0px;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 25px;
    color: rgba(255,254,254,1);
}*/

/*.el-tabs--card > .el-tabs__header .el-tabs__item:not(.is-disabled):not(.is-active):hover {
        color: rgba(255,254,254,1);
        opacity: 0.7;
    }*/

.el-form .el-table .el-input-group__append .el-button, .el-form .el-table .el-input-group__append .el-input, .el-form .el-table .el-input-group__prepend .el-button, .el-form .el-table .el-input-group__prepend .el-input {
    margin: 0;
}

.elformlabeltop:not(.el-form--label-top) .el-form-item__label {
    padding-right: 0px;
}

    .elformlabeltop:not(.el-form--label-top) .el-form-item__label::after {
        content: '：';
        font-size: 12px;
    }

.elformlabeltop .el-table__body td .el-form-item .el-form-item__content .is-disabled {
    margin-left: -80px;
}
.elformlabeltop .el-table .cell {
    min-height: 40px;
    line-height: 23px;
}
.elformlabeltop .el-input--mini {
    font-size: 13px;
    font-weight: 400;
}

.elformlabeltop .el-textarea__inner {
    font-family: 'Microsoft YaHei'
}

.elformlabeltop .el-input-group--append .el-input__inner {
    border-right: none;
}

.elformlabeltop .el-input-group__append, .el-input-group__prepend {
    background-color: transparent;
}

    .elformlabeltop .el-input-group__append .el-button--mini {
        margin: -2px -16px;
    }

.elformlabeltop .el-form-item__content::after, .el-form-item__content::before {
    display: block;
}

.elformlabeltop {
    width: 100%;
    margin-bottom: 49px;
}

.dialog-minwidth {
    min-width: 820px;
}
/*查看页面关键样式  三列--start*/
.divgrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /*border-right: -1px solid #E6EBF8;
    border-left: 1px solid #E6EBF8;
    border-top: 1px solid #E6EBF8;
    border-bottom: 1px solid #E6EBF8;*/
    border: 1px solid #E6EBF8;
}
/*三列独占一行*/
.ownAllCol {
    grid-column-start: 1;
    grid-column-end: 4;
}

.elformlabeltop .divgrid .el-form-item--mini.el-form-item,
.elformlabeltop .t-div-grid .el-form-item--mini.el-form-item {
    min-height: 32px;
    padding: 0 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    line-height: 32px;
    border-right: 1px solid #E6EBF8;
    border-bottom: 1px solid #E6EBF8;
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

/*.elformlabeltop .divgrid .el-form-item--mini.el-form-item:nth-of-type(3n) {
    border-right: none;
}*/

.elformlabeltop .divgrid .el-form-item__label,
.elformlabeltop .t-div-grid .el-form-item__label {
    white-space: nowrap;
    height: 100%;
    margin-top: 2px;
}

.elformlabeltop .divgrid .el-form-item__content,
.elformlabeltop .t-div-grid .el-form-item__content {
    width: auto;
    line-height: 1.5 !important;
    margin-top: 2px;
    word-break: break-all;
}

/*.elformlabeltop .divgrid .el-form-item--mini.el-form-item:nth-child(6n+4) {
    background: #FAFAFA;
}

.elformlabeltop .divgrid .el-form-item--mini.el-form-item:nth-child(6n+5) {
    background: #FAFAFA;
}

.elformlabeltop .divgrid .el-form-item--mini.el-form-item:nth-child(6n+6) {
    background: #FAFAFA;
}*/
.elformlabeltop .divgrid .colWidth {
    border-top: 1px solid #E6EBF8;
}

.elformlabeltop .el-form-item-upload,
.elformlabeltop .t-div-grid .el-form-item-upload {
    padding-left: 8px !important;
}
/*查看页面关键样式 --end*/

/* 三列编辑模式下的样式 --start*/
.diveditgrid {
    display: grid;
    grid-template-columns: 446px auto 270px;
    /*grid-template-columns: 1fr 1fr 1fr;*/
}

.elformlabeltop .diveditgrid .el-form-item--mini.el-form-item {
    width: 270px;
}

/*.elformlabeltop .diveditgrid .el-form-item-textarea .el-form-item__content {
    width: 1162px !important;
}*/
/*编辑模式下的样式 --end*/

/* 两列*/
.t-div-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-right: 1px solid #E6EBF8;
    border-left: 1px solid #E6EBF8;
    border-top: 1px solid #E6EBF8;
    border-bottom: 1px solid #E6EBF8;
}

.t-Col-Text {
    grid-column-start: 1;
    grid-column-end: 3;
}

.elformlabeltop .t-div-grid .el-form-item--mini.el-form-item:nth-child(4n+3) {
    background: #FAFAFA;
}

.elformlabeltop .t-div-grid .el-form-item--mini.el-form-item:nth-child(4n+4) {
    background: #FAFAFA;
}
/* 两列*/
/* 右滑Start*/
.divgridRight {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    border-right: 1px solid #E6EBF8;
    border-top: 1px solid #E6EBF8;
    border-bottom: 1px solid #E6EBF8;
}
/* 右滑End*/

.flame-dialog-box {
    width: 100%;
}

.flame-dialog-title {
    width: 100%;
    height: 132px;
    margin: 17px 0;
    border: 1px solid rgba(227,232,243,1);
}

.flame-dialog-img-box {
    width: 120px;
    height: 140px;
    display: flex;
    align-items: center;
    float: left;
    margin-left: 16px;
}

.flame-dialog-qrcode {
    margin-top: 20px;
    margin-right: 16px;
}

    .flame-dialog-qrcode img {
        width: 80px;
        height: 80px;
    }

.flame-dialog-box .el-tabs--border-card {
    border: 0px !important;
}

    .flame-dialog-box .el-tabs--border-card > .el-tabs__header {
        border: 0px !important;
    }

        .flame-dialog-box .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
            color: #1890FF !important;
        }

        .flame-dialog-box .el-tabs--border-card > .el-tabs__header .el-tabs__item {
            color: #666666;
        }

.flame-dialog-box .el-tabs__nav-next, .el-tabs__nav-prev {
    height: 38px;
}

.flame-dialog-box .el-tabs__nav-next, .el-tabs__nav-prev {
    height: 38px;
}

.flame-solidBorder {
    border: 1px dashed rgba(227,232,243,1);
    margin-bottom: 16px;
}

    .flame-solidBorder > .el-form-item {
        margin-left: 8px;
        margin-bottom: 0px;
    }

.flame-col-box {
    padding: 10px 40px 0px 40px;
    height: 100%;
    overflow-y: auto;
}
/*单列编辑模式下的样式 --start*/
.oneColdiveditgrid {
    display: grid;
    grid-template-columns: 270px;
}

.elformlabeltop .oneColdiveditgrid .el-form-item--mini.el-form-item {
    width: 270px;
}
/*双列编辑模式下的样式 --start*/
.twoColdiveditgrid {
    display: grid;
    grid-auto-flow: row dense;
    grid-template-columns: 53% 47%;
}

.oneColBtnBox {
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    position: fixed;
    height: 48px;
    bottom: 1px;
    margin: 0 auto;
    background-color: #fafafa;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-right: 30px;
    z-index: 99;
}

    .oneColBtnBox button {
        height: 32px;
        padding: 9px 18px;
        border-radius: 2px;
        line-height: 2px;
    }

.twoColBtnBox {
    position: fixed;
    height: 48px;
    bottom: 1px;
    right: 0;
    width: 100%;
    background-color: #fafafa;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-right: 30px;
    z-index: 99;
}

    .twoColBtnBox button {
        height: 32px;
        padding: 9px 18px;
        border-radius: 2px;
        line-height: 2px;
    }

.dialog-update-box {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.dialog-update-box-left {
    width: calc(100% - 200px);
}

.dialog-update-box-right {
    width: 200px
}

.shebiImageDiv {
    width: 160px;
    height: 160px;
    position: relative;
    background-color: #e1e2e2;
}

    .shebiImageDiv .showurl {
        width: 160px;
        height: 160px;
    }

.delete {
    position: absolute !important;
    bottom: 5px !important;
    right: 5px !important;
    width: 24px;
    height: 24px;
    background: rgba(0,0,0,0.6);
    font-size: 18px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.addImageUrlIcon {
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%);
    font-size: 58px;
    cursor: pointer;
    color: #fff;
}

.flame-drawer-class {
    overflow: hidden;
}

.item {
    padding: 6px;
    background-color: #fdfdfd;
    border: solid 1px #eee;
    margin-bottom: 10px;
    cursor: move;
}

    .item:hover {
        background-color: #f1f1f1;
        cursor: move;
    }
/*选中样式*/
.chosen {
    border: solid 1px #3089dc !important;
    border-radius: 5px;
    padding: 3px;
}

.el-table--fluid-height .el-table__fixed, .el-table--fluid-height .el-table__fixed-right {
    /*bottom: 0px !important;*/
}

.el-table .cell {
    font-size: 12px;
    letter-spacing: 0;
}

.el-cascader__tags {
    margin-left: 1px !important;
}
/** 导出 className */
.flame-out-box {
    overflow: hidden;
}

    .flame-out-box > .el-dialog__body {
        padding: 0px !important;
    }

    .flame-out-box > .el-dialog__header {
        text-align: center;
    }

.out-box-title {
    height: 117px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.out-check-box {
    height: 41px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 41px
}

.out-box-list {
    width: 280px;
    height: 222px;
    overflow-y: scroll;
    margin-bottom: 13px;
}

.el-footer {
    height: auto !important;
}
/** table没有数据的style*/
.noDataBox {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.noDataBoxImg {
    width: 112px;
    height: 109px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

    .noDataBoxImg > p {
        color: #999999;
        font-size: 13px;
    }
/** element button禁用*/
.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
    color: #FFF;
    background-color: #c8c9cc;
    border-color: #c8c9cc
}

.el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover {
    color: #FFF;
    background-color: #c8c9cc;
    border-color: #c8c9cc
}

.el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover {
    color: #FFF;
    background-color: #c8c9cc;
    border-color: #c8c9cc
}

.el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover {
    color: #FFF;
    background-color: #c8c9cc;
    border-color: #c8c9cc
}

.el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover {
    color: #FFF;
    background-color: #c8c9cc;
    border-color: #c8c9cc
}

.textEllipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*模态框footer样式*/
.flame-modal-footer {
    padding: 10px 16px;
    text-align: right;
    background: transparent;
    border-top: 1px solid #e8e8e8;
}

    .flame-modal-footer button {
        height: 32px;
        line-height: 32px;
        width: 64px;
        padding: 0px;
    }
/* 版心为1200的外部框*/
.flame-layer-one-box {
    max-width: 1200px;
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

/** text 占据width*/
.elformlabeltop > .colWidth > .el-form-item {
    grid-column-start: 1;
    grid-column-end: 4;
    width: auto !important;
}

    .elformlabeltop > .colWidth > .el-form-item > .el-form-item__content {
        width: 100% !important;
    }
/** 两列text的显示*/
.twoColText {
    grid-column-start: 1;
    grid-column-end: 3;
}

    .twoColText > .el-form-item {
        width: 100% !important;
    }

        .twoColText > .el-form-item > .el-form-item__content {
            width: 100% !important;
        }
/* 编辑模式下input 不可以点击现在使用 div + css来模拟实现*/
.EditDisabledTextBox {
    width: 100%;
    height: 100%;
    padding: 0 16px !important;
    color: #333333;
    cursor: auto !important;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    background-color: rgb(245, 247, 250);
    border-color: rgb(228, 231, 237);
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.noneCachText .el-textarea.is-disabled .el-textarea__inner {
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid #E6EBF8 !important;
    cursor: auto !important;
    resize: none !important;
}

.noneBorderCachText .el-textarea.is-disabled .el-textarea__inner {
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid #fff !important;
    cursor: auto !important;
    resize: none !important;
}

/*树形的label font-weight*/
 .el-tree-node__label {
    font-size: 14px !important;
    font-weight:400 !important;
    color:#333333 !important;
}
.el-tree-node__label span {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333333 !important;
}
.el-tree-node__content {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333333 !important;
}