body,html{margin:0;padding:0;height:100%}#app{height:100%;display:flex}.app-container[data-v-c644c45e]{display:flex;height:100%;width:100%}.sidebar[data-v-c644c45e]{width:210px;height:100%;background-color:#304156}.main-content[data-v-c644c45e]{flex:1;padding:20px;overflow:auto}.el-menu-vertical[data-v-c644c45e]{border-right:none}.el-menu[data-v-c644c45e]{height:100%}.app-wrapper[data-v-dbf11638]{display:flex;flex-direction:column;height:100vh}.navbar[data-v-dbf11638]{height:50px;background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);justify-content:space-between;padding:0 20px;position:fixed;top:0;left:0;right:0;z-index:1000}.navbar-left[data-v-dbf11638],.navbar[data-v-dbf11638]{display:flex;align-items:center}.navbar-logo[data-v-dbf11638]{height:32px;margin-right:12px}.navbar-title[data-v-dbf11638]{font-size:18px;color:#303133;font-weight:700}.navbar-right[data-v-dbf11638]{display:flex;align-items:center}.logout-btn[data-v-dbf11638]{color:#909399;font-size:18px;cursor:pointer;transition:color .3s}.logout-btn[data-v-dbf11638]:hover{color:#409eff}.logout-btn i[data-v-dbf11638]{font-size:20px}.main-wrapper[data-v-dbf11638]{display:flex;height:calc(100vh - 50px);margin-top:50px}.sidebar-container[data-v-dbf11638]{width:210px;height:100%}.main-container[data-v-dbf11638]{flex:1;overflow:auto;padding:20px;background-color:#e4e4e4;height:100%;width:calc(100% - 210px);position:fixed;right:0;top:50px}