body {
    overflow: hidden;
}

/******登录样式********/

.login-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 100%;
    background: url(../image/login-banner.png) no-repeat center center;
    background-size: 100% 100%;
    min-height: 600px;
    transform-origin: 50% 50%;
    .login-top {
        width: 100%;
        height: 56px;
        background: #2e3233;
        h1 {
            display: inline-block;
            font-size: 20px;
            color: #fff;
            vertical-align: middle;
        }
        img {
            width: 48px;
            height: 48px;
            vertical-align: middle;
            margin-top: 4px;
            margin-left: 20px;
        }
    }
    .ajm-login-form {
        box-sizing: border-box;
        position: fixed;
        top: 220px;
        right: 318px;
        height: 520px;
        width: 420px;
        box-sizing: border-box;
        animation: shadow 0.5s 1 linear forwards;
        .login-container {
            width: 420px;
            height: 500px;
            margin: 0 auto;
            background: #fff;
            h1 {
                margin-left: 55px;
                padding-top: 30px;
                font-size: 30px;
                color: #45494c;
            }
            .form-item-tittle {
                font-size: 14px;
                color: #45494c;
                margin: 20px 0 6px 55px;
            }
            .error-tip {
                width: 310px;
                height: 40px;
                line-height: 40px;
                color: #FF4F4F;
                border: 1px solid #FF4F4F;
                background: #fff0f0;
                margin-top: 25px;
                margin-bottom: 15px;
                i {
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    vertical-align: middle;
                    background: url("../image/error-tip.png") no-repeat;
                    background-size: 100% 100%;
                    margin-left: 10px;
                    margin: -2px 6px 0 10px;
                }
            }
            .el-form-item {
                width: 310px;
                margin: 0 auto;
                height: 40px;
                margin-bottom: 18px;
                .validcode-contaniner {
                    text-align: center;
                    .validcode {
                        width: 100%;
                        height: 40px;
                        display: block;
                        cursor: pointer;
                        position: relative;
                        top: 0;
                        right: 0;
                    }
                }
                .el-form-item__content {
                    height: 40px;
                    line-height: 40px;
                    button {
                        width: 310px;
                        margin: 0 auto;
                        //background: #19c5e3;
                        border: none;
                        height: 40px;
                        font-size: 16px;
                        color: #ffffff;
                    }
                    .el-input__inner {
                        height: 40px;
                        line-height: 40px;
                        font-size: 14px;
                        color: #45494c;
                    }
                }
            }
            .el-form-item.ajm-login-submit {
                margin-top: 40px;
            }
        }
    }
}

@keyframes shadow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1
    }
}

/*********头部样式********/

.ajm-header {
    width: 100%;
    height: 56px;
    line-height: 56px;
    vertical-align: middle;
    z-index: 4;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background-color: #2e3233;
    .logo {
        color: #fff;
        line-height: 56px;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        vertical-align: top;
        margin-left: 9px;
        img {
            width: 48px;
            height: 48px;
            vertical-align: middle;
        }
    }
    .custom_logo img {
        width: 186px;
        height: 35px;
        vertical-align: middle;
    }
    .ajm-top-menu {
        vertical-align: top;
        display: inline-block;
        .el-menu-item {
            font-size: 16px;
        }
    }
    .user-message {
        display: inline-block;
        float: right;
        height: 56px;
        position: relative;
        .el-menu {
            background: #2e3233;
        }
        .user-info {
            float: right;
            width: 100%;
        }
    }
    .notice:hover {
        background-color: #222526 !important;
    }
    .notice .el-badge__content {
        border: none;
    }
    .el-menu .el-submenu {
        &:hover .el-submenu__title {
            border-bottom: 0;
        }
        .el-submenu__title {
            height: 56px;
            line-height: 56px;
            color: #ffffff;
            border-bottom: 0;
            background: #2e3233;
            &:hover {
                background-color: #222526;
                color: #fff;
            }
        }
        .el-menu-item {
            height: 48px;
            line-height: 48px;
            background: #fff;
            color: #72767a;
        }
    }
    .el-menu--horizontal>.el-submenu:hover .el-submenu__title{
        border-bottom: 0;
    }
    .el-menu--horizontal .el-submenu .el-submenu__title {
        height: 56px;
        line-height: 56px;
        color: #b9cde5;
        border-bottom: 0;
    }
    .el-menu--horizontal .el-submenu .el-menu-item {
        height: 50px;
        line-height: 50px;
        background: #fff;
        color: #72767a;
    }
    .el-submenu .el-menu {
        top: 56px;
        padding: 0;
    }
    .el-submenu .el-menu-item {
        min-width: 30px;
        color: #ffffff;
    }
}

.ajm-header .el-menu-item.is-active,
.ajm-header .el-menu-item:hover {
    transition: all 0.3s ease-in-out 0s;
    color: #fff;
}

.user-message .user-info .el-menu-item,
.user-message .user-info .el-menu-item:hover {
    border: 0px;
    background: #f2f4f7;
}

.ajm-header .el-submenu__title:hover {
    background-color: #394857;
    color: #fff;
}

/*********** 左边菜单 ************/

.ajm-left-menu {
    position: fixed;
    top: 56px;
    left: 0;
    height: calc(100% - 56px);
    padding-bottom: 50px;
    box-sizing: border-box;
    overflow: auto;
    z-index: 1;
    background-color: #313d49;
    transition: width 0.3s;
    &::-webkit-scrollbar {
        width: 7px;
        height: 7px;
        background-color: #00d4eb;
    }
    &::-webkit-scrollbar-thumb {
        background-color: #00d4eb;
        background-clip: padding-box;
        border-radius: 6px;
        min-height: 28px;
    }
    &::-webkit-scrollbar-track-piece {
        background-color: #f8f8f8;
    }
    .el-menu {
        background-color: #313d49;
    }
    .el-menu-item,
    .el-submenu__title {
        color: #b9cde5;
    }
    .ajm-menu-vertical>div>.el-submenu.is-active>.el-submenu__title {
        background: #00C5DF;
        color: #fff;
    }
    .el-menu-item.is-active,
    .el-submenu__title.is-active {
        color: #00d4eb;
    }
    .el-submenu .el-menu-item span {
        display: inline-block;
        width: 100px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .el-menu--collapse {
        width: 60px;
        transition: width 0.3s;
        i.el-submenu__icon-arrow {
            transform: rotateZ(0deg);
        }
        div>.el-submenu>.el-submenu__title>span {
            height: auto;
            width: auto;
            overflow: auto;
            visibility: inherit;
            display: inline-block;
            transition: all 0.3s;
        }
    }
    .el-tooltip {
        width: 220px;
        i {
            transform: rotateZ(0deg);
        }
    }
}
.el-tooltip__popper.is-light .popper__arrow {
    border: 1px solid #e1e2e3!important;
}
.ajm-left-reduce {
    overflow: visible;
    .el-menu--collapse {
        display: block;
        margin: 0 auto;
        height: 50px;
        line-height: 50px;
        border: none;
        text-align: center;
        cursor: pointer;
        background: #394857;
        i.el-submenu__icon-arrow {
            transform: rotateZ(180deg);
        }
        >div>.el-submenu>.el-submenu__title>span {
            height: 0;
            width: 0;
            overflow: hidden;
            visibility: hidden;
            display: inline-block;
            transition: all 0.3s;
        }
    }
    .el-tooltip {
        width: 60px;
        i {
            transform: rotateZ(180deg);
        }
    }
    >.el-menu>div>.el-submenu>.el-menu {
        height: auto;
        .el-menu-item,
        .el-submenu__title {
            text-align: left;
        }
    }
    >.el-menu>div>.el-submenu>.el-menu .el-menu {
        height: 260px;
        overflow-y: auto;
        &::-webkit-scrollbar {
            width: 7px;
            height: 7px;
            background-color: #00d4eb;
        }
        &::-webkit-scrollbar-thumb {
            background-color: #00d4eb;
            background-clip: padding-box;
            min-height: 28px;
            border-radius: 6px;
        }
        &::-webkit-scrollbar-track-piece {
            background-color: #f8f8f8;
        }
    }
}

.ajm-left-menu .el-submenu__title,
.el-menu-item {
    height: 48px;
    line-height: 48px;
}

.ajm-left-menu .el-menu--collapse>.el-menu {
    width: 100%;
    transition: width 0.3s;
    background-color: #313d49;
}

.ajm-left-menu .el-menu--collapse>div>.el-submenu>.el-submenu__title>.el-submenu__icon-arrow {
    display: none;
    transition: all 0.3s ease-in-out 0s;
}

.ajm-left-menu .el-menu--collapse .el-menu-item i {
    transition: all 0.3s ease-in-out 0s;
}

.ajm-left-reduce .el-menu--collapse > div > .el-menu-item > span{
    display: none;
}

.ajm-left-reduce .el-menu--collapse > div > .el-menu-item > i{
    display: block;
    line-height: 3;
}

.ajm-left-menu .el-submenu:hover,
.ajm-left-menu .el-menu-item:hover,
.ajm-left-menu .el-submenu__title:hover {
    color: #fff;
    background: #394857;
}

.ajm-left-menu>.el-tooltip,
.ajm-left-reduce>.el-tooltip {
    position: fixed;
    bottom: 0;
    color: #b9cde5;
    border: none;
    height: 50px;
    background: #394857;
    transition: width 0.3s ease-in-out 0s;
}

/******** 主体样式 *********/

.ajm-main {
    padding-top: 60px;
    padding-left: 220px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: padding 0.3s;
    .ajm-nav-bar {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        color: #45494c;
        padding-left: 30px;
        background: #dcdfe3;
        position: fixed;
        top: 56px;
    }
    .ajm-content {
        position: absolute;
        top: 110px;
        bottom: 0;
        width: calc(100% - 220px);
        overflow: hidden;
        overflow-y: auto;
        .ajm-panel {
            padding: 0 30px;
            .ajm-tab.el-tabs--card>.el-tabs__header .el-tabs__item {
                font-size: 16px;
                height: 55px;
                line-height: 55px;
                border: none;
                padding: 0;
                margin-right: 30px;
            }
            .ajm-tab.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
                border-bottom: 3px solid #00d4eb;
            }
            .ajm-tab .el-tabs__header {
                margin: 0;
            }
        }
        .el-button--text span {
            color: #839296;
            font-size: 14px;
        }
        .ajm-search-form {
            margin: 20px 0 0;
            .add-button {
                float: right;
                margin-right: 0;
            }
            .ajm-search-icon .el-input__inner {
                padding-left: 30px;
            }
            .el-row>.el-col .el-form-item:first-child {
                margin-left: -10px;
            }
            .el-form-item {
                .el-icon-search {
                    left: 0;
                    color: #c7c7c7;
                }
                .el-input__inner {
                    padding-right: 0;
                    padding-left: 8px;
                }
                .el-form-item__label {
                    text-align: left;
                    padding-left: 10px;
                }
            }
            .search-buttons {
                margin-left: 5px;
            }
            .operate-buttons {
                float: right;
                text-align: right;
                margin-right: 0;
            }
            .el-row:after,
            .el-row:before {
                display: inline;
            }
        }
        .user-main .el-form-item {
            margin-bottom: 0;
        }
        .ajm-pagination-bar {
            margin-top: 40px;
            text-align: right;
        }
        .el-button--text span {
            color: #668085;
            font-size: 14px;
        }
        .el-button--text :hover {
            color: #00d4eb;
        }
        .el-button--text.is-disabled span {
            color: #668085;
            opacity: 0.5;
        }
        .el-button--text.is-disabled :hover {
            color: #668085;
        }
    }

    .ajm-has-nav {
        top: 106px;
    }

    .ajm-no-nav {
        top: 56px;
    }

}

.ajm-btn-style{
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

/******** 弹出框 *******/

.ajm-rightDialog-small {
    width: 580px;
    min-width: 385px;
    overflow-y: auto;
    opacity: 1.0;
    left:85%;
    height:100%;
}

.ajm-rightDialog-middle {
    width: 780px;
    top: 0;
    left: 100%;
    min-width: 385px;
    height: 100%;
    overflow-y: auto;
    transition: transform 0.5s;
    transform: translateX(-100%);
    opacity: 1.0;
    .el-dialog__header {
        height: 56px;
    }
}

.ajm-rightDialog-large {
    width: 1300px;
    top: 0;
    left: 100%;
    min-width: 385px;
    height: 100%;
    overflow-y: auto;
    transition: transform 0.5s;
    transform: translateX(-100%);
    opacity: 1.0;
    .el-dialog__header {
        height: 56px;
    }
}

.ajm-dialog-gray {
    .el-dialog__header {
        background: #f2f4f7;
        padding: 15px 20px;
        .el-dialog__title {
            color: #45494c;
        }
        .el-dialog__close {
            color: #aaaeb2;
        }
    }
    .el-dialog__body {
        color: #72767a;
        padding: 40px 30px 60px;
    }
    .el-dialog__footer {
        position: relative;
        background: #fff;
        .el-button {
            padding: 10px 25px;
        }
    }
}

.el-dialog__footer {
    background: #f5f5f5;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    width: 100%;
    bottom: 0;
    z-index: 9;
}

.dialog-footer {
    border-top: 1px solid #eee;
}

.el-dialog__footer .el-button+.el-button {
    margin-left: 16px;
}

.el-dialog .el-form-item__content .el-input {
    position: relative;
    font-size: 14px;
    width: 260px;
}
.el-dialog__header {
    height: 56px;
    .el-dialog__title {
        font-weight: 600;
    }
}

/*穿梭面板*/

.el-transfer {
    margin: 0 auto;
    text-align: center;
    .el-transfer-panel__body {
        overflow: hidden;

        .el-transfer-panel__list {
            padding-bottom: 32px;
        }
    }
    p,
    label {
        text-align: left;
    }
    .transfer-panel {
        margin-bottom: 20px;
    }
}

/* 菜单/部门管理页面 */

.menu-manager-list {
    margin-left: 240px;
}

.menu-manager-tree {
    height: calc(100% - 2px);
    width: 240px;
    margin-left: -30px;
    float: left;
    background-color: #ebeef2;
    overflow-y: auto;
    .menu-search {
        margin: 5px auto;
        display: inline-table;
    }
    >.el-tree >.el-tree-node .el-tree-node__content {
        position: relative;
    }
    .el-input {
        width: 80%;
        margin: 10px 0 10px 12px;
        border-radius: 40px;
        text-align: center;
        overflow: hidden;
        .el-input__icon {
            left: 0;
            color: #c7c7c7;
        }
        .el-input__inner {
            height: 30px;
            padding-left: 30px;
            border: none;
        }
    }
    .el-tree-node__expand-icon.expanded {
        border-left-color: #383838;
    }
    .el-tree {
        border: none;
        background-color: #ebeef2;
        .el-tree-node__expand-icon {
            margin-top: -3px;
        }
    }
    .span_tree_icon {
        display: none;
        position: absolute;
        right: 2px;
        margin-right: 2px;
        color: #6b758c;
        i {
            font-size: 13px;
            margin-right: 8px;
        }
    }
    .el-tree-node__content:hover {
        .span_tree_icon {
            display: inline;
        }
    }
    .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
        background-color: #fff;
        color: #00d4eb;
    }
}

//数据字典
.el-input-number {
    width: 146px;
}

.el-input-number__decrease,
.el-input-number__increase {
    line-height: 32px;
}

//修改密码
.text{
    .el-form-item__label {
        text-align: left;
        padding-left: 10px;
    }
    .el-form-item.is-required .el-form-item__label {
        padding-left: 0px;
    }
}

