/*头部*/
.el-header{ background-color: #fff;line-height: 60px;padding: 0;display: flex;display: -webkit-flex;justify-content: start;border-bottom: 1px solid #d9dbe5;}
.logo{min-width: 240px;padding: 0 20px;background: #fff;color:#fff;height: 60px;border-bottom: 1px solid #d9dbe5;border-right: 1px solid #d9dbe5;}
.logo .icon{display:block;width:120px;height: 22px;background: url("../images/logo1.png");margin-top: 10px;}
.logo p{color:#212435;}

.top-tab-menu{margin-left: 20px;width:calc(100% - 410px);margin-right: 20px;}
.el-tabs__header{margin-bottom: 0;margin-top:23px;}
.el-tabs--card>.el-tabs__header{border-bottom: 0;}
.el-tabs--card>.el-tabs__header .el-tabs__nav{border-radius: 8px 8px 0 0;height:auto;line-height:normal;}
.el-tabs--card>.el-tabs__header .el-tabs__item{height: 36px;line-height: 36px;font-size: 12px;border-left: 1px solid #d9dbe5;background: #ebedf5;color:#66697a;border-bottom:1px solid #d9dbe5;}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{background: #fff;color:#4988fd;border-bottom: 1px solid #fff;border-left: 1px solid #d9dbe5;}
.el-tabs--card>.el-tabs__header .el-tabs__item:first-child.is-active{border-top-left-radius: 8px;}
.el-tabs--card>.el-tabs__header .el-tabs__item:last-child.is-active{border-top-right-radius: 8px;}
.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{line-height: 14px;}
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{border-right: 1px solid #d9dbe5;}

.contextmenu {width: 100px;margin: 0;border: 1px solid #ccc;background: #fff;z-index: 3000;position: absolute;list-style-type: none;padding: 5px 0;border-radius: 4px;font-size: 12px;color: #212435;box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);}
.contextmenu li {margin: 0;padding:6px 20px;line-height: normal;}
.contextmenu li:hover {background: #f2f2f2;cursor: pointer;}

.drop-menu{display: inline-block;vertical-align: top;float: right;margin-right: 15px;width: 170px;}
.drop-menu .el-dropdown{color:#66697a;}
.drop-menu .el-dropdown-link{display: block;text-align: right;}
.drop-menu .el-dropdown-link .user-icon{display: inline-block;height: 20px;width: 20px;background: url("../images/img3.png");margin-right:8px;vertical-align: middle;}
.drop-menu .el-dropdown .el-icon-arrow-down{font-size: 12px;color:#66697a;}
.drop-submenu .el-dropdown-menu__item{color:#66697a;cursor: pointer;}
.drop-submenu .el-dropdown-menu__item:focus,
.drop-submenu .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #f2f2f2; color: #333; }



/*侧边栏*/
.left-nav { background-color: #fff;border-right: 1px solid #d9dbe5;}
.el-menu{background-color: #fff;border-right: 0;margin-top: 25px;width: 240px;}
.el-submenu__title{color:#66697a;height:38px;line-height:37px;font-size: 12px;}
.el-submenu__title:hover{background-color:transparent;}
.el-submenu__title span{cursor: pointer;}
.el-submenu__title i{color:#66697a;line-height: 15px;cursor: pointer;}
.el-submenu .el-menu-item{color: #66697a;min-width:0;margin-top: 5px;height:38px;line-height:37px;padding-left: 50px}
.el-submenu .el-menu-item.is-active,.el-submenu .el-menu-item:focus{background:#ebedf5; color: #4988fd;cursor: pointer;}
.el-submenu .el-menu-item:hover{ color: #4988fd;cursor: pointer;}
.el-menu-item{color:#66697a;font-size: 12px;height: 38px;line-height: 38px;}
.el-menu-item:focus, .el-menu-item:hover{background:#fff; color: #4988fd;cursor: pointer;}
.el-menu-item.is-active{color:#4988fd;background:#ebedf5;}
.el-menu-item span{cursor: pointer;}
.el-menu-item i{color: #66697a;margin-right: 8px;}
.el-menu-item:focus i, .el-menu-item:hover i{color: #4988fd;}

.el-submenu .el-submenu__title i{margin-right:3px;}
.el-submenu .el-submenu__title i.el-submenu__icon-arrow{margin-right: 0px;line-height: 18px;color:#66697a;font-size: 14px;right: 10px;}
.el-submenu .el-menu-item.is-active i,.el-submenu .el-menu-item:hover i,.el-submenu .el-menu-item:focus i{color: #fff;}
.el-menu-item-group__title{padding: 0;}
.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.el-submenu .el-menu,.el-submenu.is-opened .el-menu{margin-top: auto;}
.el-submenu.is-opened,.el-submenu.is-opened .el-menu{background: #fff;}
.el-menu-vertical-demo>.el-submenu.is-active>.el-submenu__title{background:#ebedf5; color: #4988fd;}
.el-menu-vertical-demo>.el-submenu.is-active>.el-submenu__title .iconfont{color: #4988fd;}
.el-menu-vertical-demo>.el-submenu.is-active>ul>.el-submenu.is-active>.el-submenu__title{background:#ebedf5; color: #4988fd;}
.el-menu-vertical-demo>.el-submenu.is-active>ul>.el-submenu.is-active>.el-submenu__title .iconfont{color: #4988fd;}
.el-submenu.one-menu>.el-submenu__title{padding: 0 10px !important;}
.el-submenu.two-menu>.el-submenu__title{padding-left: 40px !important;}
.el-submenu.three-menu>.el-submenu__title{padding-left: 50px !important;}
.el-submenu.three-menu .el-menu-item.last-menu{padding-left: 60px !important;}
.el-menu-item.two-menu-single{padding-left: 40px !important;}

.menu-scroll {overflow-y: hidden;}
.menu-scroll .el-scrollbar{height: 100%;}
.menu-scroll .el-scrollbar__wrap{overflow-y: auto;overflow-x:hidden;}
.menu-scroll .el-scrollbar__thumb {background: #d9dbe5;}


/*主体*/
#mainBody{position: relative;overflow: hidden;padding: 0;}
#mainBox{overflow-y: scroll;padding: 15px;position: relative;}
.el-main {padding:15px; color: #333;}
#mainBody .copyright{color: #66697a;background: #fff;position: fixed;width:100%;left:0;bottom:0;text-align:center;line-height:26px;border-top: 1px solid #d9dbe5;}

/*适配*/
@media (min-width: 1366px) {
    /*.top-tab-menu{width: 70%;}*/
}

@media (min-width: 1920px) {
    /*.top-tab-menu{width: 77%;}*/

}