* {
    margin: 0;
    padding: 0;
}

html,
body,
#app,
.ajm-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
/*********头部样式********/
.ajm-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10300;
    height: 50px;
    box-shadow: 0 1px #080b10;
    background: -webkit-linear-gradient(#273342, #293647); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#273342, #293647); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#273342, #293647); /* Firefox 3.6 - 15 */
    background: linear-gradient(#273342, #293647); /* 标准的语法 */
    .logo {
        color: #fff;
        line-height: 50px;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        text-decoration: none;
        margin-left: 9px;
        img {
            width: 40px;
            height: 40px;
            vertical-align: middle;
            margin-top: -3px;
        }
    }
    .ajm-header-right{
        float: right;
        .notice{
            width: 70px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            border-right: 1px solid #313d49;
            display: inline-block;
            position: relative;
            i.el-icon-ajm-message {
                font-size: 18px;
                color: #fff;
                vertical-align: middle;
            }
            .el-badge__content {
                border: none;
            }
        }
        .notice:hover {
            background-color: #222526;
            transition: all 0.6s ease-in-out 0s;
            -webkit-transition: all 0.6s ease-in-out 0s;
            -moz-transition: all 0.6s ease-in-out 0s;
            -o-transition: all 0.6s ease-in-out 0s;
            -ms-transition: all 0.6s ease-in-out 0s;
        }
        .ajm-user-panel {
            display: inline-block;
            float: right;
            height: 50px;
            position: relative;
            .el-menu{
                border-bottom:none;
            }
            .el-submenu .el-submenu__title {
                height: 50px;
                line-height: 50px;
                background: -webkit-linear-gradient(#273342, #293647); /* Safari 5.1 - 6.0 */
                background: -o-linear-gradient(#273342, #293647); /* Opera 11.1 - 12.0 */
                background: -moz-linear-gradient(#273342, #293647); /* Firefox 3.6 - 15 */
                background: linear-gradient(#273342, #293647); /* 标准的语法 */
                //background-color: #2e3233;
            }
            .el-submenu__title:hover{
                background-color: #222526;
            }
        }
    }
    .user-detail-info{
        padding-top: 5px;
        div{
            .info-title{
                width: 95px;
                display: inline-block;
                vertical-align: top;
                text-align: right;
                padding-bottom: 10px;
                color: #45494C;
            }
            .info-context{
                width:330px;
                display: inline-block;
                padding-left: 20px;
                padding-bottom: 13px;
                color: #72767A;
                word-wrap: break-word;
            }
        }
    }
    .message-tab{
        .li-style {
            border-top: 1px solid #EBECED;
            cursor: pointer;
            .message-title{
                color: #333333;
                font-size: 12px;
                line-height: 12px;
                padding-top: 20px;
                padding-bottom: 10px;
                padding-left: 30px;
                word-wrap: break-word;
                i{
                    margin-right: 30px;
                    float: right;
                    transition: all .3s;
                }
            }
        }
        .li-style:hover{
            background-color: #edf6fc;
        }
        .li-style:last-child {
            border-bottom: 1px solid #EBECED;
        }
        .background {
            background-color: #E8F3FC;
            color: #72767A;
            .message-title{
                color: #72767A;
                .transform{
                    transform: rotate(180deg);
                }
            }
        }
    }
}

//用户信息下拉框
.user-info-items.el-menu--horizontal{
    .el-menu--popup-bottom-start{
        margin-top: 0;
        padding: 0;
        margin-left: 20px;
        .el-menu-item{
            height: 40px;
            line-height: 40px;
            padding: 0 13px;
            color: #6E7278;
            i{
                margin-right: 12px;
                width: 13px;
                height: 13px;
                font-size: 13px;
                color: #6E7278;
            }
        }
        .el-menu-item:hover{
            background: #F2F4F7;
            color: #6E7278;
        }
    }
}


/*********** 左边菜单 ************/
.ajm-left-menu{
    position: fixed;
    top: 50px;
    left: 0;
    bottom: 0;
    z-index: 1020;
    width: 230px;
    overflow: hidden;
    .site-sidebar__inner{
        width:180px;
        left:50px;
        position: fixed;
        z-index: 999;
        overflow: hidden;
        height: calc(100% - 50px);
        border: 1px solid #e4e8eb;
        .site-sidebar-title{
            height: 50px;
            line-height: 50px;
            border-bottom: 1px solid #E4E7E9;
            background-color: #fff;
            padding-left: 20px;
            font-size: 16px;
            color: #45494C;
        }
        .el-menu{
            border-right:0;
            background-color: #fff;
            overflow-y: auto;
            height: calc(100% - 50px);
            overflow-x: hidden;
            //width: 190px;
            .el-menu-item{
                height:40px;
                line-height: 40px;
                font-size: 12px;
                min-width: 180px;
                i{
                    width:13px;
                    height:13px;
                    font-size: 13px;
                    color: #72767C;
                }
                span{
                    padding-left: 10px;
                }
            }
            .el-submenu{
                i{
                    width:13px;
                    height:13px;
                    font-size: 13px;
                    color: #72767C;
                    opacity: 0.6;
                }
                span{
                    padding-left: 10px;
                }
            }
            .el-submenu.is-opened .el-menu {
                background-color: #f2f5f7!important;
            }
            .el-submenu.is-opened{
                .el-submenu__title {
                    color: #0576E8;
                    background-color: #f2f5f7;
                }
                i{
                    color: #72767C;
                    opacity: 1;
                }
            }
            .el-menu-item.is-active{
                color: #0576E8 ;
                background-color: #f2f5f7;
                i{
                    color: #72767C;
                    opacity: 1;
                }
                .el-submenu__title{
                    span{
                        color: #0576E8;
                    }
                }
            }
            .el-submenu__title,
            .el-submenu .el-menu-item {
                height: 40px;
                line-height: 40px;
                font-size: 12px;
            }
            .el-submenu__title{
                background-color: #fff;
            }
        }
        .el-submenu__title:hover{
            background-color: #E8F3FC!important;
            i{
                opacity: 1;
            }
        }
        .el-menu-item:hover{
            background-color: #E8F3FC;
            i{
                opacity: 1;
            }
        }
    }

    .cloud-sidebar{
        z-index:1000;
        width:230px;
        background-color: #282e38;
        height: 100%;
        overflow: hidden;
        .cloud-sidebar-items {
            width: 250px;
            background-color: #282e38;
            color: #fff;
            overflow-y: auto;
            height: calc(100% - 40px);
            .cloud-sidebar-item{
                .subNav,.navContent li a,.subNav a{
                    height:40px;
                    line-height: 40px;
                    overflow: hidden;
                    width:100%;
                    display: block;
                    color: #fff;
                    cursor: pointer;
                }
                i{
                    padding-left: 18px;
                    font-size: 14px;
                    width:50px;
                    color: #fff;
                    opacity:0.6;
                    vertical-align: middle;
                }
                .subNav{
                    background-color: #303d4f;
                }
                .subNav:hover,.navContent li.active,.navContent li a:hover{
                    color: #fff;
                    i{
                        color: #fff;
                        opacity: 1;
                    }
                }

                .subNav:hover,.navContent .normal:hover{
                    background-color: #354459;
                }

                .navContent li.active,.navContent .active:hover{
                    background-color: #0576E8;
                }
                .sub-title{
                    vertical-align: middle;
                }
            }
            .system-icon{
                vertical-align: middle;
                padding:0 16px;
            }
        }
    }
    .cloud-sidebar-mini {
        width: 50px;
        .cloud-sidebar-items {
            width: 70px;
            .subNav,.navContent{
                .sub-title{
                    display: none;
                }
                .show-title{
                    text-align: center;
                    line-height: 40px;
                    position: absolute;
                    z-index: 100;
                    background-color: #545f71;
                    left: 55px;
                    padding: 0 12px 0 5px;
                    color: #FFF;
                    min-width: 100px;
                    display: none;
                    i{
                        padding-left: 0;
                        width: 30px;
                    }
                }
            }
        }
        .ajm-main {
            margin-left: 50px;
            .ajm-content {
                .ajm-nav-bar {
                    left: 50px;
                }
            }
        }
    }
    .el-button.el-tooltip {
        position: fixed;
        bottom: 0;
        width: 230px;
        color: #b9cde5;
        border: none;
        height: 40px;
        background: #333E4F;
        border-radius: 0;
        z-index:1021;
        transition: .3s;
        i {
            transform: rotateZ(0deg);
        }
    }
    .left-button.el-tooltip{
        width: 50px;
        padding: 0;
        i {
            transform: rotateZ(180deg);
        }
    }

    .cloud-sidebar,
    .cloud-sidebar-mini,
    .cloud-sidebar-items{
        transition:  width .3s;
    }
}

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

.ajm-main {
    position: relative;
    padding-top: 50px;
    margin-left: 230px;
    height: 100%;
    .ajm-content{
        position: relative;
        height:100%;
        .ajm-nav-content.ajm-no-nav{
            margin-top: 0;
            height: 100%;
        }
        .ajm-nav-bar{
            position: fixed;
            top: 50px;
            left: 230px;
            right: 0;
            height:50px;
            line-height: 50px;
            font-size: 14px;
            z-index: 930;
            padding: 0 55px 0 20px;
            background-color: #ebedf0;
            color: #45494C;
        }
        .ajm-nav-content{
            position: relative;
            padding: 0 20px;
            margin-top: 50px;
            overflow: hidden;
            overflow-y: auto;
            height: calc(100% - 50px);
            background-color: #ebedf0;
            .ajm-panel{
                padding: 5px 20px;
                overflow: hidden;
                background-color: #ffffff;
            }
            .ajm-panel-container {
                width: 100%;
                height:100%;
                overflow: hidden;
            }
            .ajm-search-form {
                height: 50px;
                margin-top: -5px;
                .ajm-search-items{
                    text-align: right;
                    .search-item{
                        width:220px;
                        margin-top: -5px;
                    }
                    .ajm-search-btns{
                        .el-button{
                            padding: 8px 8px;
                            margin: 0 7px 6px 0;
                            height:30px;
                            border: 1px solid #DFE3E6;
                        }
                        .el-button:first-child{
                            margin-left: -15px;
                        }
                        .el-button:last-child{
                            margin-right: 0;
                        }
                    }
                    .el-form-item{
                        margin-right: 0;
                        margin-left: 10px;
                    }
                }

            }

            .ajm-table,.ajm-table-list{
                padding: 10px 0px;
                .el-table{
                    border: 1px solid #E4E7EB;
                    border-bottom: none;
                }
            }

            // 分页条
            .ajm-pagination-bar{
                float:right;
                padding: 10px 0px;
            }
        }
    }
}

.ajm-operate-form{
    .el-input{
        max-width: 260px;
    }
}

.el-button--primary,.el-button--default{
    i{
        font-size: 13px;
        width:13px!important;
        height:13px!important;
    }
}

.el-button i{
    width:16px;
    height:16px;
}

.message-cancel-button{
    float: right;
    margin-left: 10px;
}

/**/
.empty-block {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 70px;
    text-align: center;
    color: #ddd;
    font-size: 16px;
    img{
        display: block;
        margin: 0 auto;
        width: 160px;
        height: 160px;
    }
}

/******** 主体左侧列表 *******/
.main-left-tree {
    height: calc(100% - 20px);
    width: 180px;
    float: left;
    overflow: auto;
    background-color: #ffffff;
    .tree-search {
        display: inline-table;
        .el-input__inner {
            background-color: #F2F5F7;
        }
    }
    i:hover {
        cursor: pointer;
    }
    >.el-tree >.el-tree-node .el-tree-node__content {
        position: relative;
    }
    .el-input {
        width: 160px;
        margin: 15px 10px;
        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;
        min-width: 100%;
        display: inline-block!important;
        font-size: 12px;
        .el-tree-node__expand-icon {
            margin-top: -3px;
        }
    }
    .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
        background-color: #F4F6F8;
    }
}
.main-right-panel {
    margin-left: 180px;
    height: 100%;
    overflow-y: auto;
    padding-left: 10px;
    background-color: #F0F3F5;
    .main-right-list{
        padding: 5px 20px;
        overflow: hidden;
        background-color: #fff;
    }
}

.custom-tree-node{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .span-tree-icons{
        visibility: hidden;
        .el-button+.el-button {
            margin-left: 0px;
        }
        i{
            font-size: 13px;
        }
    }
}
.el-tree-node__content:hover {
    .span-tree-icons {
        visibility: visible;
    }
}

/******** 弹出框 *******/
.el-dialog__wrapper{
    overflow: hidden;
}
.ajm-dialog-body{
    .el-dialog__body{
        overflow: auto;
        height: calc(100% - 100px) !important;
        padding: 15px 0 0;
    }
}
.ajm-dialog-middle{
    top: 50px;
    margin-right: 0;
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
    opacity: 1.0;
    .el-dialog__body{
        overflow: auto;
        height: calc(100% - 150px);
        .ajm-form{
            .el-input__inner{
                max-width:260px;
            }
        }
    }
    .el-dialog__header {
        height: 50px;
        padding: 17px 20px;
        border: 1px solid #EBEBEB;
        line-height: 0;
        .el-dialog__title {
            font-weight: 600;
            line-height: 1;
            font-size: 16px;
            color:#333333;
        }
        .el-dialog__headerbtn{
            top:14px;
        }
    }
    .el-button--small{
        width:72px;
    }
}

.ajm-dialog-small{
    width:480px;
    .el-dialog__body{
        padding: 15px 0;
        min-height: 210px;
        .el-input__inner{
            width:320px;
        }
    }
    .el-button--small{
        width:72px;
    }
}

.ajm-dialog-smaller{
    width:480px;
    .el-dialog__body{
        padding: 20px 20px;
    }
    .el-button--small{
        width:72px;
    }
}

.ajm-dialog-small,.ajm-dialog-smaller{
    .el-dialog__header {
        height: 40px;
        padding: 13px 20px;
        line-height: 0;
        background-color: #F5F7FA;
        .el-dialog__title {
            font-weight: bold;
            line-height: 1;
            font-size: 14px;
            color:#45494C;
        }
        .el-dialog__headerbtn{
            top:10px;
        }
    }
    .el-dialog__footer{
        height:50px;
        padding: 10px 0;
        margin: 0 20px;
        .el-button{
            width: 72px;
            height:30px;
        }
    }
}

.el-message,.el-notification{
    z-index:10500!important;
}

#nprogress .bar{
    z-index: 10400!important;
}

/******** 弹出框内树边框 ********/
.page-sizes{
    z-index:10300!important;
}

.ajm-border-card .el-tabs__header {
    height: 42px;
    line-height: 42px;
    margin-left: 20px;
}

.ajm-role-border-card{
    height:100%;
    max-height:500px;
    .el-tabs__content{
        border: 1px solid #EBEBEB;
        height: calc(100% - 55px);
        min-height: 300px;
        margin-bottom: 20px;
    }
}

.role-tab{
    .el-tree{
        .el-tree-node__children {
            .tree-operate-panel{
                display: inline-block;
                padding-left: 10px;
                .el-checkbox+.el-checkbox {
                    margin-left: 10px;
                }
            }
        }
    }
}

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

/******** 日期时间选择器 ********/
.el-range-separator{
    width: 10%!important;
    line-height: 1.5!important;
}
.el-date-editor .el-range__icon{
    line-height: 1!important;
}

/*删除弹窗按钮*/
.el-message-box__btns{
    .el-button{
        width:72px;
    }
}

/*选择框*/
.el-select{
    .el-input__inner{
        height:30px!important;
    }
}



