#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:0}*{margin:0}.flex-box{display:flex;flex-direction:column}.search-box{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 0}.searchItemName{width:100px;text-align:right;display:inline-block}.input-box{width:200px}.page-chart{width:100%;height:280px;margin-top:12px}.side-nav-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.side-nav-brand{display:flex;align-items:center;gap:10px;height:56px;padding:0 16px;box-sizing:border-box;cursor:pointer;background-color:#2f3e4e;border-bottom:1px solid hsla(0,0%,100%,.08);flex-shrink:0;user-select:none}.side-nav-brand:hover{background-color:#364859}.side-nav-brand.is-collapse{justify-content:center;padding:0 8px}.side-nav-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.side-nav-title{color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;white-space:nowrap}.el-menu-item{margin-left:15px}.side-nav-menu{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.side-nav-menu:not(.el-menu--collapse){width:200px}.el-header{background-color:#d0d0d0;text-align:center;line-height:60px;padding:0 16px}.el-aside,.el-header{color:#333;overflow:hidden}.el-aside{background-color:#2f3e4e;text-align:left;height:100vh;transition:width .3s}.aside-inner,.aside-with-footer{display:flex;flex-direction:column}.aside-inner{height:100%;min-height:0}.aside-footer{margin-top:auto;text-align:center;color:#fff;font-size:12px;padding:10px 5px;opacity:.8}.you_el-container{height:100vh}.el-main{background-color:#fff;color:#000;text-align:left;line-height:40px}.el-menu{border:none!important}.header-div{justify-content:space-between;gap:12px;height:100%}.header-div,.header-left{display:flex;align-items:center;min-width:0}.header-left{gap:15px;flex:0 1 auto;overflow:hidden}.header-title{margin:0;font-size:24px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:auto}.user-info{font-size:16px;font-weight:600;color:#333;white-space:nowrap}@media (max-width:1200px){.header-title{display:none}}