body {
  background-color: #eef2f7;
}

header {
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px;
  background-color: #404E8E;
}
header .logo {
  display: block;
}
header .user-box .layui-nav {
  background-color: transparent;
  padding: 0;
}
header .user-box .layui-nav .layui-nav-item > a {
  color: #FFF;
}
header .user-box .layui-nav .layui-nav-item > a .username {
  margin-right: 10px;
}
header .user-box .layui-nav .layui-nav-item > a .layui-nav-img {
  width: 25px;
  height: 25px;
}
header .user-box .layui-nav .layui-nav-item .layui-nav-child {
  min-width: 105px;
  border-radius: 6px;
}
header .user-box .layui-nav .layui-nav-item .layui-nav-child dd a .iconfont {
  margin-right: 5px;
}

main {
  min-height: calc(100vh - 64px);
}