#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.app-layout{display:flex;height:100%}.app-layout .left-menu{flex-shrink:0;width:200px;height:100%}.app-layout .left-menu .el-scrollbar__wrap{overflow-x:hidden}.app-layout .left-menu .el-scrollbar__view{height:100%}.app-layout .left-menu .menu-ul{height:100%;background-color:#304156}.app-layout .left-menu .menu-ul .menu-item .item-title{text-align:left;color:#bfcbd9;height:56px;line-height:56px;font-size:14px;padding:0 20px;list-style:none;cursor:pointer;position:relative;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box;white-space:nowrap}.app-layout .left-menu .menu-ul .menu-item .item-title .menu-icon{display:inline-block;margin-right:10px}.app-layout .left-menu .menu-ul .menu-item .item-title .slide-icon{display:inline-block;float:right;margin-top:22px}.app-layout .left-menu .menu-ul .menu-item .sub-menu-ul .sub-menu-item{padding:0 45px;height:56px;text-align:left;line-height:56px;font-size:14px;color:#bfcbd9;list-style:none;cursor:pointer;position:relative;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box;white-space:nowrap}.app-layout .left-menu .menu-ul .menu-item .sub-menu-ul .sub-menu-item.active{color:#1890ff}.app-layout .left-menu .el-menu{height:100%;overflow-x:hidden}.app-layout .left-menu .el-menu .title-icon{color:#fff}.app-layout .app-body{flex:1;display:flex;flex-flow:column;background-color:#f0f2f5}.app-layout .app-body .app-header{display:flex;flex-shrink:0;width:100%;height:50px;background-color:#fff;padding:0 15px}.app-layout .app-body .app-header .brand{flex:1}.app-layout .app-body .app-header .right-user{flex-shrink:0;display:flex;height:100%;cursor:pointer}.app-layout .app-body .app-header .right-user .user-pic{display:flex;align-items:center;padding:0 15px}.app-layout .app-body .app-header .right-user .user-pic img{width:40px;height:40px;border-radius:100%;overflow:hidden;border:1px solid}.app-layout .app-body .app-header .right-user .user-info{display:flex;align-items:center;text-align:left}.app-layout .app-body>.container{flex:1;width:100%;padding:15px;overflow:hidden}.app-layout .app-body>.container .el-scrollbar__wrap{overflow-x:hidden}.app-layout .app-body>.container .tools-icon-list{position:absolute;right:0;top:0;transform:translateY(-50%);z-index:10;font-size:14px}.app-layout .app-body>.container .tools-icon-list>i{display:inline-block;margin-right:15px;padding:5px;width:24px;height:24px;background-color:#409eff;color:#fff;border-radius:100%;cursor:pointer}.app-layout .app-body>.container .tools-icon-list>i:last-child{margin-right:0}.app-layout .app-body>.footer .beian{padding:12px 0;background-color:#304156}.app-layout .app-body>.footer .beian>a{display:flex;justify-content:center;align-items:center;font-size:14px;color:#fff}.app-layout .app-body>.footer .beian>a img{margin-right:5px}.filter-label{display:inline-block;vertical-align:middle;margin:0 12px;font-size:14px;color:#333}.filter-label:first-child{margin-left:0}.el-scrollbar,.el-scrollbar .el-scrollbar__view{height:100%}.width-200{width:200px}.width-350{width:350px}.margin-left-12{margin-left:12px}.width-100-percent{width:100%}.pagination{width:100%;text-align:center}body{min-width:1300px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#eaeaea}#app,body,html{height:100%}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}a,a:focus,a:hover{color:inherit;outline:none;text-decoration:none}div:focus{outline:none}label{font-weight:700}li,ul{list-style:none}