.headerBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:56px;color:#fff;background:#1c2b36;-webkit-box-shadow:2px 0 3px rgba 0,0,0,.7;box-shadow:2px 0 3px rgba 0,0,0,.7}.headerBox .headerL{position:relative;z-index:1;width:200px;height:100%;line-height:56px;-webkit-box-shadow:2px 0 10px 0 rgba(0,0,0,.1);box-shadow:2px 0 10px 0 rgba(0,0,0,.1);font-size:18px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headerBox .headerR{padding-right:24px;line-height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.headerBox .headerR .el-dropdown-link{cursor:pointer;color:#fff}.main-menu{width:220px;height:100%;overflow:hidden;background:#1c2b36;-ms-flex-negative:0;flex-shrink:0;position:relative}.el-menu{border-right:1px solid #1c2b36}.main-menu .menu-srcoll{height:calc(100% - 10px)}.el-menu>.el-menu-item.is-active,.el-submenu.is-active.is-opened .el-menu-item.is-active{background:#209e91!important;color:#fff}.el-menu-item.is-active:hover{color:#fff!important}.el-menu-item:hover{color:#209e91!important}.el-submenu.is-active.is-opened div,.el-submenu.is-active.is-opened li{background-color:#16222b!important}#app{width:100%;height:100%;background-size:cover;font-family:Microsoft YaHei,PingFang SC,-apple-system,Helvetica Neue,Helvetica,Arial,Microsoft Jhenghei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app .main-content{width:inherit;height:calc(100% - 56px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow-x:auto;overflow-y:hidden}#app .main-body{width:100%;height:100%;margin:15px;margin-right:10px;margin-top:0;overflow-y:auto;overflow-x:auto}#app .main-body-child{padding:15px;padding-top:5px;padding-bottom:0;background:#fff;border-radius:5px}