html,
body {
  box-sizing: border-box;
  height: 100%;
  padding: 0;
  margin: 0;
}
.wrapper {
  box-sizing: border-box;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.page-header,
.page-footer {
  flex-grow: 0;
  flex-shrink: 0;
}
.page-body {
  flex-grow: 1;
}
header {
  background: #000;
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
}
header nav {
  width: 93.75rem;
  height: 4.53125rem;
  margin: 0 auto;
}
header nav ul {
  display: flex;
  height: 4.53125rem;
  align-items: center;
}
header nav ul .logo {
  text-align: left;
}
header nav ul .logo a img {
  width: 10.9375rem;
  height: 4.53125rem;
}
header nav ul li {
  text-align: center;
}
header nav ul li:nth-child(1) {
  margin-right: auto;
}
header nav ul li:nth-child(1) a {
  padding: 0;
}
header nav ul li a {
  padding-left: 3.64583333rem;
  color: #fff;
  font-size: 1.25rem;
}
header nav ul li a.active {
  color: #f00;
}
footer {
  background: #000;
  height: auto;
}
footer main {
  width: 87.5rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
footer main .footer-nav {
  display: flex;
}
footer main .footer-nav nav {
  width: 87.5rem;
  height: 4.53125rem;
}
footer main .footer-nav nav ul {
  display: flex;
  justify-content: space-between;
  height: 4.53125rem;
  align-items: center;
}
footer main .footer-nav nav ul li {
  flex: 1;
}
footer main .footer-nav nav ul li a {
  font-size: 20px;
  color: #fff;
}
footer main p {
  color: #fff;
  padding-bottom: 0.52083333rem;
}