.mainpage{width:100%;background:#eff1f4;height:100%;display:flex;flex-direction:column}.top-left,.top-left div{height:100%;display:flex;align-items:center}.top-left div{justify-content:center;border-right:1px solid #eff1f6;width:90px;cursor:pointer}.top-left div:hover i{color:#086ed5}.top-left div i{font-size:34px;color:#999;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.top-left p{padding-left:30px;color:#333;font-size:26px;font-weight:700}.top-container{width:100%;min-width:1030px;height:90px;background:#fff;padding-right:35px}.top-container,.userinfo-wrapper{display:flex;flex-shrink:0;align-items:center;justify-content:space-between}.userinfo-wrapper{height:70px;padding:0 40px;margin-top:40px;margin-bottom:30px;background:#f6f8fa;border-radius:12px}.page-title{font-size:16px;font-weight:700;color:#333;padding:0 13px;position:relative}.page-title:before{content:"";width:4px;height:18px;background:#1184ee;top:50%;margin-top:-9px;left:0;z-index:10;position:absolute}.userinfo-wrap{height:100%;display:flex;align-items:center;cursor:pointer}.avatar{width:50px;height:50px;border-radius:50%;display:block;border:4px solid #fff;margin-right:12px;box-shadow:0 5px 8px rgba(0,0,0,.15)}.el-dropdown-link{padding:15px 0}.nickname{margin-right:8px}.body-container{margin-top:10px;display:flex;flex:1;overflow:hidden}.body-container .left-container{width:15%;min-width:230px;max-width:300px;background:#f5f7fc;height:100%;display:flex;flex-direction:column;position:relative}.nav-list{width:100%}.el-menu{border:none;background:transparent}.el-submenu{border-bottom:1px solid #ddd}.el-menu-item-group__title{padding:0}.nav-list .menu-home{border-bottom:1px solid #dfdfdf}.nav-list .el-submenu .el-menu-item{background:#eef0f5;border-top:1px solid #dfdfdf;font-size:16px}.nav-list .el-menu-item span{font-size:16px;padding-left:15%;display:inline-block;width:100%}.nav-list .el-submenu__title .el-submenu__icon-arrow{right:15%;font-size:16px;top:46%}.nav-list .el-submenu__title span{font-size:16px;padding-left:15%}.el-menu-item.is-active{color:#fff;background:#086ed5!important}.el-submenu .el-menu-item{padding-left:25%!important}.home-copyright{width:100%;position:absolute;left:0;bottom:45px;text-align:center;color:#999;font-size:14px}.con-container{width:85%;background:#fff;height:100%;flex:1;overflow:auto;padding:30px 25px;min-width:800px;overflow-x:auto}.con-container.nomin{min-width:auto}