/*首页样式*/
body { font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",Arial,sans-serif; }

/* 左边 */
.nav-left{
    width: 200px;
    height: 100%;
    position: fixed;
    left: 0px;
}
/* 左上 logo部分 */
.nav-left-top{height: 42px; line-height: 43px; cursor: pointer;}
.admin-logo{width: 50px; height: 30px; vertical-align: middle; margin: 0 0.5em 0.3rem 1em; margin-left: 1em;}

/* 左下 */
.nav-left-bottom{
    width: 100%;
    top:42px;
    position:absolute;
    bottom:0;
}

/* 尺寸调整 */
.el-submenu__title,.el-menu-item{height: 45px !important; line-height: 45px !important;}
.el-submenu .el-menu-item{height: 40px !important; line-height: 40px !important;}

/*去掉导航的右侧border-right*/
.menu-box .el-menu-style.el-menu{border-right:none;}

/* -------- 右边 --------- */
.nav-right{right:0;overflow:hidden;display:block;position: absolute;left: 200px;top:0;bottom:0;background: #f5f7f9;}

/* 第一行建筑物 */
.nav-right-1{height: 42px; line-height: 42px; }

.tools-left{border: 0px #000 solid; float: left;}
.tools-right{float: right;}
.tool-fox{padding: 0 1em; display: inline-block; cursor: pointer;font-size: 20px;}

/* 第二行建筑物 */
.nav-right-2{height: 35px; position: relative; z-index: 110; background: #f5f7f9;top: 7px;}
.nav-right-2>div{height: 100%; position: absolute;background: #f5f7f9;}

.towards-left,.towards-right{width: 25px; text-align: center; background-color: #FFF; cursor: pointer; line-height: 35px;} 
.towards-right{right: 0px;}
.towards-left:hover i,.towards-right:hover i{font-size: 1.1em;font-weight: bold;}

.towards-middle{width: 10000px; overflow: auto;/* calc(100% - 50px) */ left: 25px;background-color: #EEE;}
.page-title-box{display: inline-block; position: absolute; left: 0px; transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;}
.page-title{
    padding: 0 8px 0 15px;
    margin: 0 2px;
    margin-top: 1px;
    height: 30px;
    line-height: 30px;
    background-color: #FFF;
    font-size: 0.9em;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    color: #808695;
}
.page-title .el-icon-caret-right{color: #EEE; font-size: 1.7em; position: relative; top: 4px;}
.page-title .el-icon-close{display: inline-block; border-radius: 50%; padding: 1px; color: #999; margin-left: -0.3em;}
.page-title .el-icon-close:hover{background-color: red; color: #FFF;}
.page-title span{display: inline-block; margin-right: 1em;}
.page-title:hover span,.page-native span{}

/* 第三杠 */
.nav-right-3{position:absolute;bottom:0;left:0;right:0;top:88px;margin: 0 20px; }

.nav-right-3 iframe{width: 100%; height: 100%; border: 0px; position: absolute; z-index: 100; background-color: #FFF;-webkit-overflow-scrolling: touch;overflow:auto;}

/* 右键菜单 样式 */
.right-box{
    width: 100px;
    font-size: 0.9em;
    border: 1px #CCC solid;
    border-radius: 1px;
    background-color: #FFF;
    padding: 0.5em 0;
    position: fixed;
    z-index: 99999999999;
}
.right-box>div{line-height: 2.2em; text-indent: 5px; cursor: pointer;}
.right-box>div:hover{background-color: #EEE;}

/* 菜单折叠时候样式调整 */
.fold .nav-left{ display: none; }
.fold .nav-right{left: 0; }
.fold .admin-logo{width: 40px; height: 40px;}
.fold .nav-left-bottom .menu-box{width:64px;}

/* 折叠时悬浮菜单样式，防止透明 */
.el-menu--vertical .el-menu--popup{background-color: #FFF !important; color: red !important;}
.el-scrollbar__wrap {
    overflow-x: hidden;
}

/*  顶级菜单  */
.module-menu-item { float: left; cursor: pointer; color: #808695; margin: 0 5px; }
.module-menu-item-active,.module-menu-item:hover { color: #2D8CF0; }
.module-menu-item span { padding: 10px 20px; border-radius: 10px; }
.module-menu-item-active span,.module-menu-item:hover span{ background: #f5f7f9; }