/*平台整体样式*/
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
    font-family: "-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,segoe ui,arial,roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif";
}

.sys_app {
    padding: 20px;
}

/*弹性盒子布局*/
.f-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.f-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.f-between-start {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.f-start-center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.f-start-start {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.f-end-center {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.f-space-around {
    display: flex;
    justify-content: space-around;
}

.text-center {
    text-align: center;
}

.mt10 {
    margin-top: 10px;
}

/*弹窗组件样式*/
.abow_dialog .el-dialog {
    margin-top: 12vh !important;
}

.abow_dialog .el-dialog .el-dialog__header {
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: #f6f6f6 !important;
    /*background-image: linear-gradient(rgba(9, 96, 189, 0.1), #545c641f);*/
}

.abow_dialog .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 15px;
    right: 15px;
    font-size: 18px;
}

/*表格公用样式*/
.header-row {
    height: 40px !important;
    overflow: hidden;
}

.header-row .el-table__cell {
    /*background-image: linear-gradient(rgba(9, 96, 189, 0.1), #fff);*/
}

.header-row .el-table__cell {
    height: 40px !important;
    padding: 0 !important;
}

.header-row .cell {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    color: #2e2926;
}

.header-row .el-table--border .el-table__cell:first-child .cell {
    padding-left: 40px !important;
}

.cell-row .el-table__cell {
    padding: 0 !important;
}

.cell-row .cell {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #2e2926;
}

/*列表头*/
.el-table__header .el-table__cell {
    height: 32px !important;
    border-right: none;
    padding: 0 !important;
}

.el-table__header .el-table__cell .cell {
    height: 32px !important;
    line-height: 32px !important;
    font-size: 14px;
    font-weight: 600;
    color: #5c5c5c;
    background: #f2f2f2;
    border-right: 1px solid #e4e5e7;
}

/*树结构样式*/
.custom-tree {
    min-width: 140px;
}

.custom-tree /deep/ .el-tree-node__content {
    height: 35px;
    line-height: 35px;
}

.custom-tree-node {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
}

/deep/ .el-tree {
    height: 100%;
}


/* 登录注册进入 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

.el-input.is-disabled .el-input__inner {
    color: #606266;
}

/* 按钮 */
.el-button{
    border-radius: 2px;
    padding: 6px  12px;
}

.el-button--mini {
    border-radius: 2px;
}

.el-button--medium {
    font-size: 13px;
    border-radius: 2px;
    padding: 6px 12px;
}

.el-button--primary {
    background-color: rgb(27 115 186);
}

.el-button--primary:hover {
    background-color: rgb(27 115 186);
}

.el-button--primary:focus {
    background-color: rgb(27 115 186);
}

/* 滚动条 */
.scrollbar::-webkit-scrollbar {
    width: 5px;
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(183, 183, 183, 1);
}

/deep/ .el-popover .inline-block,
/deep/ .el-popover .unit-noshow {
    width: 100% !important;
}

.el-popover .inline-block, .el-popover .unit-noshow {
    width: 100%;
}

/*输入框*/
.el-input__inner {
    border-radius: 1px;
}

.el-pagination .el-select .el-input .el-input__inner {
    border-radius: 1px;
}

.el-form-item__label {
    font-size: 13px;
}

.el-input--medium {
    font-size: 13px;
}

/*富文本样式*/
.editor—wrapper {
    border: 1px solid #ccc;
    clear: both;
}

.toolbar-container {
    border-bottom: 1px solid #ccc;
    height: 41px;
}

.el-table {
    font-size: 13px;
}