.layout-container[data-v-321f6ed1]{width:100%;height:100%}.el-container[data-v-321f6ed1]{height:100%}.mobile-header[data-v-321f6ed1]{position:fixed;top:0;left:0;right:0;height:50px;background-color:#304156;display:flex;align-items:center;justify-content:space-between;padding:0 15px;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.15)}.mobile-header .mobile-logo h2[data-v-321f6ed1]{color:#fff;font-size:16px;margin:0}.mobile-header .menu-btn[data-v-321f6ed1]{color:#fff;font-size:24px}.mobile-menu[data-v-321f6ed1]{background-color:#304156;height:100%;display:flex;flex-direction:column}.mobile-menu .logo[data-v-321f6ed1]{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#2b3a4a;color:#fff}.mobile-menu .logo h2[data-v-321f6ed1]{font-size:18px;margin:0}.mobile-menu .logo p[data-v-321f6ed1]{font-size:12px;margin:4px 0 0 0;opacity:.8}.mobile-menu .el-menu[data-v-321f6ed1]{border-right:none;flex:1}.mobile-menu .logout-btn[data-v-321f6ed1]{padding:20px;text-align:center}.sidebar[data-v-321f6ed1]{background-color:#304156}.sidebar .logo[data-v-321f6ed1]{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#2b3a4a;color:#fff}.sidebar .logo h2[data-v-321f6ed1]{font-size:18px;margin:0}.sidebar .logo p[data-v-321f6ed1]{font-size:12px;margin:4px 0 0 0;opacity:.8}.sidebar .el-menu[data-v-321f6ed1]{border-right:none}.header[data-v-321f6ed1]{background-color:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.header .header-left .page-title[data-v-321f6ed1]{font-size:18px;font-weight:700;color:#303133}.header .header-right .user-info[data-v-321f6ed1]{cursor:pointer;color:#606266}.header .header-right .user-info[data-v-321f6ed1]:hover{color:#409eff}.main-content[data-v-321f6ed1]{background-color:#f0f2f5;padding:20px}@media screen and (max-width:768px){.main-content[data-v-321f6ed1]{padding:10px;margin-top:50px}}