:root {
    --jexcel-border-color: #000;
    --green: #00b034;
    --blue: #0094ff;
    --blue-gray: #DFE8F6;
    --light-blue: #f0f9ff;
}

.width30 {
    width: 30px !important;
}

.width50 {
    width: 50px !important;
}

.width80 {
    width: 80px !important;
}

.width90 {
    width: 90px !important;
}

.width100 {
    width: 100px !important;
}

.width150 {
    width: 150px !important;
}

.width200 {
    width: 200px !important;
}

.width300 {
    width: 300px !important;
}

.width500 {
    width: 500px !important;
}

.width900 {
    width: 900px !important;
}

.text12 {
    font-size: 14px !important;
}

.text14 {
    font-size: 14px !important;
}

.pad0 {
    padding: 0 !important;
}

.pad5 {
    padding: 5px !important;
}

.pad10 {
    padding: 10px !important;
}

.pad15 {
    padding: 15px !important;
}

.padT15 {
    padding-top: 15px !important;
}

.padL0 {
    padding-left: 0 !important;
}

.padX20 {
    padding: 0 20px !important;
}

.padY0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padY10 {
    padding: 10px 0 !important;
}

.padY15 {
    padding: 15px 0 !important;
}

.padR0 {
    padding-right: 0 !important;
}

.padB0 {
    padding-bottom: 0 !important;
}

.mar10 {
    margin: 10px !important;
}

.mar20 {
    margin: 20px !important;
}

.marT5 {
    margin-top: 5px !important;
}

.marT10 {
    margin-top: 10px !important;
}

.marT15 {
    margin-top: 15px !important;
}

.marT20 {
    margin-top: 20px !important;
}

.marL5 {
    margin-left: 5px !important;
}

.marL10 {
    margin-left: 10px !important;
}

.marL15 {
    margin-left: 15px !important;
}

.marL24 {
    margin-left: 24px !important;
}

.marB5 {
    margin-bottom: 5px !important;
}

.marB10 {
    margin-bottom: 10px !important;
}

.F46B50F {
    color: #46B50F !important;
}

.F666 {
    color: #666 !important;
}

.F2263E6 {
    color: #2263E6 !important;
}

.F2007FE {
    color: #2007FE !important;
}

.D603F0 {
    color: #D603F0 !important;
}

.F61CC2C {
    color: #61CC2C !important;
}

.FBF73A {
    color: #FBF73A !important;
}

.FF0101 {
    color: #FF0101 !important;
}

.EE182C {
    color: #EE182C !important;
}

.FF4859 {
    color: #FF4859 !important;
}

.F2263E5 {
    color: #2263E5 !important;
}

.F909399 {
    color: #909399 !important;
}

.F32735 {
    color: #F32735 !important;
}

.cursorP {
    cursor: pointer;
}

.tRight {
    text-align: right !important;
}

.tCenter {
    text-align: center !important;
}

.text-blod {
    font-weight: bold;
}

html, body {
    background-color: #fff;
    font-family: "Helvetica Neue","San Francisco","PingFang", Arial, "Microsoft YaHei";
    font-size: 14px;
    font-weight: 400;
    padding: 0px;
    box-sizing: border-box;
    height: 100%;
    position: relative;
}

#app {
    height: 100%;
}


.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.alignCenter {
    display: flex;
    align-items: center;
}

.iconwenhaotishi {
    color: #dfdfdf;
    cursor: pointer;
}

    .iconwenhaotishi:hover {
        color: #2263E5;
    }

#app[v-cloak] {
    display: none;
}
/*清楚number的上下箭头*/
.noupdown input::-webkit-outer-spin-button,
.noupdown input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.noupdown input[type="number"] {
    -moz-appearance: textfield;
}

.hasupdown input[type="number"] {
    padding-right: 0;
}
/*清楚浮动*/
.clearfix {
    _zoom: 1;
}

    .clearfix:before, .clearfix:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }
/*遮罩*/
.modal-mask {
    background: rgba(0,0,0,0.5);
    z-index: 4;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modal-top {
    z-index: 5;
    position: relative;
}

/*解释按钮*/
.label-tip {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url('../image/common/tip.png') no-repeat;
    background-size: cover;
    vertical-align: top;
    cursor: pointer
}

/*底部按钮区域*/
.footer-box {
    width: 100%;
    height: 56px;
    background: #FFFFFF;
    padding: 0 24px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .footer-box.fiexd {
        width: -moz-calc(100% - 32px);
        width: -webkit-calc(100% - 32px);
        width: calc(100% - 32px);
        box-shadow: 0px -5px 6px rgba(123,123,123,0.06);
        position: fixed;
        bottom: 0;
        z-index: 2;
    }

.overflow-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.overflow-ellipsis2 {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/*列表菜单上移下移*/
.operate-moves {
    text-align: right;
}

    .operate-moves i {
        font-size: 14px;
        cursor: pointer;
        padding: 2px;
        transition: color .3s;
    }

.jst-li {
    cursor: pointer;
    color: #303133;
    padding: 10px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jst-title {
    z-index: 99999999999999999;
}

.table-searchbar {
    border-bottom: 6px solid #f3f3f3;
}

.search-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.table-toolbar {
    display: flex;
    align-items: center;
    padding: 6px 0px;
    padding-left: 12px;
}

    .table-toolbar .j-button.j-text {
        color: #0094ff;
        border-color: transparent;
        background-color: transparent;
        padding: 4px;
        height: 32px;
        margin-right: 10px;
    }

        .table-toolbar .j-button.j-text:hover {
            background-color: #f5f7fa;
            color: #0094ff;
        }

.table-toolbar button.j-button.j-icon:before {
    font-size:14px;
}
.page-size-panel input.el-input__inner {
    width: 80px;
}

div.v-modal {
    opacity: 0.1;
}

.table-footer {
    display: flex;
    align-items: center;
    padding-top: 2px;
    justify-content: flex-end;
    padding-right: 0px;
}

*:disabled {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    opacity: 0.75;
}

.dialog-footers {
    padding: 10px;
    box-shadow: 0px -3px 6px rgba(123,123,123,0.06);
    box-sizing: border-box;
    display: flex;
    align-items: center
}

    .dialog-footers .dialog-footers-con {
        flex: 1
    }

.dialog-page {
    padding: 10px;
    overflow: auto;
    flex: 1;
}

.padX10 {
    padding: 0 10px !important;
}

.f000 {
    color: #000;
}

*:focus-visible {
    outline: none;
}

.jst-multi-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: none;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 10px;
    background-color: none;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: rgba(144,147,153,.3);
}

.shadow-bottom {
    box-shadow: 0px 3px 6px #666666a3;
}
/*富文本编辑器样式修改*/
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
    background: #dbdddf !important;
    cursor: pointer;
}
.tox .tox-tbtn {
    cursor: pointer;
}
.tox .tox-toolbar__group button, .tox .tox-split-button {
    margin-right: 5px !important;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
    background-color: #fafbfb !important;
    box-shadow: none !important;
    border-bottom: 1px solid #dcdfe6 !important;
}
.tox-tinymce {
    border: 1px solid #dcdfe6 !important;
    border-radius: 2px !important;
}
.tox .tox-tbtn:hover {
    background: #dbdddf !important;
}
.tox .tox-mbtn--active {
    color: #2c6ecb !important;
    background: #e5effd !important;
}
.tox .tox-tbtn--enabled, .tox .tox-tbtn--enabled:hover {
    background: #e5effd !important;
}
.tox .tox-tbtn--enabled svg, .tox .tox-tbtn--enabled:hover svg{
    fill: #2c6ecb !important;
}

.success {
    color: #67C23A
}

.error {
    color: #F56C6C
}

.j-switch.is-checked .j-switch__core {
    border-color: #13ce66;
    background-color: #13ce66;
}

.j-main-bj-grey {
    background-color: #eee;
}

/*.j-checkbox {
    margin-right: 16px;
    white-space: normal;
    word-break: keep-all;
    word-wrap: break-word;
    line-height: 16px;
    color: #606266;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

    .j-checkbox input {
        margin-right: 10px;
    }*/

.j-dialog-body [class*=j-col-] .j-input, .j-dialog-body [class*=j-col-] .j-select {
    width: 100%;
}
.j-dialog-body [class*=j-col-] {
    overflow: auto;
}

.j-toolbar {
    padding: 5px 10px;
}

.icon-button {
    color: #0094ff;
    cursor: pointer;
}


.j-popover-list {
    padding: 6px 0;
}

.j-popover-item {
    word-break: break-word;
    padding: 6px 20px;
    line-height: 30px;
    cursor: pointer
}

    .j-popover-item.active, .j-popover-item:focus, .j-popover-item:not(.is-disabled):hover {
        background-color: #ecf5ff;
        color: #0094ff;
    }

    .j-popover-item.is-disabled {
        cursor: default;
        color: #bbb;
        pointer-events: none;
    }




.import-dialog .describe {
    display: flex;
    padding: 8px 10px;
    background: #FFF5BE;
    border: 1px solid #FCE276;
    color: #666666;
    font-size: 12px;
    line-height: 22px;
}

    .import-dialog .describe .iconfont {
        font-size: 14px;
        color: #FD8837;
    }

.import-dialog .upload-demo {
    margin-top: 20px
}
    .grid-content {
        padding: 6px 10px;
        color: #666;
        background-color: #FFF5BE;
        font-size: 14px;
        margin: 10px 10px 0 10px;
        border: 1px solid #FCE276;
        display: flex;
        position: relative;
        line-height: 16px;
    }
    
    .el-main .grid-content {
        margin: 0;
    }
        .grid-content .el-icon-close, .grid-content .icon-close{
            margin-left: auto;
            cursor:pointer;
        }
        .grid-content .icontixing1 {
            color: rgb(253, 136, 55);
            margin-right: 4px;
        }
    
    
    
        .grid-content .el-link {
            font-size: 12px;
        }
    
        .grid-content .el-button.el-button--text, .grid-content button {
            font-size: 12px;
            padding: 0;
            line-height: 1;
            height: unset;
        }
    
        .el-dialog .grid-content, .j-dialog .grid-content, .el-form .grid-content, .tight-form .grid-content{
            margin: 0;
        }
        .el-dialog__body:has(.grid-content) {
            padding-top: 5px;
        }
        .el-form .grid-content, .tight-form .grid-content{
            margin: 0 0 10px 0;
        }
.el-dialog__header, .j-dialog-header, .j-dialog__header {
    padding: 9px 15px 8px;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 1px solid rgb(243, 243, 243);
    background: #fff;
    margin-right: 0;
    height: 40px;
    color: #333;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0px;
    box-sizing: border-box;
}

.j-dialog .j-dialog-header, .j-dialog .j-dialog__header {
    line-height: unset;
}

.el-dialog__header .el-dialog__headerbtn .el-dialog__close, .j-dialog-header .j-dialog-close.j-icon.icon-close, .j-dialog__header .j-dialog__close.j-icon.icon-close {
    font-size: 16px;
    color: #909399;
    font-weight: 400;
    margin-top: unset;
}

    .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover, .j-dialog-header .j-dialog-close.j-icon.icon-close:hover, .j-dialog__header .j-dialog__close.j-icon.icon-close:hover {
        color: #0094ff
    }

.j-dialog .j-dialog-header .j-dialog-close:hover, .j-dialog .j-dialog__header .j-dialog-close:hover {
    background: unset;
}

.el-dialog__title, .j-dialog-header .title-icon, .j-dialog__header .title-icon {
    font-size: 14px;
    font-weight: 700;
}

.el-dialog__headerbtn, .j-dialog-header .j-dialog-close.j-icon.icon-close, .j-dialog__header .j-dialog__close.j-icon.icon-close {
    position: absolute;
    top: 6px;
    right: 0px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    font-size: var(--el-message-close-size, 16px);
    padding: 0px;
    background: 0px 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: 0px;
}
.el-message-box__message {
    max-height: 300px;
    overflow: auto;
}
.table-toolbar .j-select-btn .j-button.j-text {
    margin-right: 0;
}
.j-table-toolbar .table-toolbar {
    padding: 0;
}