.topbar{height:60px;background:#262f3e;padding:0 20px;line-height:60px;font-size:18px;color:#fff;display:flex}.topbar .emall-logo{flex:1}.topbar .user-info{width:200px}.topbar .user-info,.topbar .user-info .avatar{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center}.topbar .user-info .avatar{width:36px;height:36px;background:#ddd;margin-right:6px;border-radius:18px}.topbar .user-info .avatar .i{color:#666}.topbar .user-info .user-name{margin-right:10px}.nav-bar{width:100px;background:#1e222d}.nav-bar .el-menu{background:#1e222d;padding-top:20px}.nav-bar .el-menu .el-menu-item{color:#fff;font-size:14px;transition:none}.nav-bar .el-menu .el-menu-item.is-active{color:#409eff;background:#1e222d}.nav-bar .el-menu .el-menu-item:hover{background:#1e222d}.main{display:flex;height:calc(100vh - 60px)}.main .content{padding:20px;flex:1}body,html{margin:0;padding:0;font-size:14px;font-family:Roboto,San Francisco,Helvetica Neue,Helvetica,Arial,PingFangSC-Light,Hiragina Sans GB,WenQuanYi Micro Hei,microsoft yahei ui,microsoft yahei,sans-serif}a{color:#006eff}.emall-table .tools-bar{height:45px}.emall-table .table-area{height:calc(100vh - 145px);overflow:auto}.emall-table .table-area .cell{font-size:12px}.emall-table .table-area .cell img{margin-right:5px}.emall-table .table-area .el-button{margin-right:10px}.emall-table .table-area .el-pagination{margin-top:10px}