.header {
  width: 100%;
  height: 65px;
  display: flex;
  align-items: center;
  background-color: rgba(35, 37, 38, 0.9);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
}

.header-logo {
  height: 40px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
}

.header-logo img {
  width: 100%;
}

.header-nav {
  display: flex;
  justify-content: center;
  flex: 1;
}

.header-nav ul {
  display: flex;
  align-items: center;
}

.header-nav ul li {
  width: auto;
  height: auto;
  margin: 0 3.125rem /* 50/16 */;
}

.header-nav ul li a:hover {
  color: #e73d5a;
}

.header-nav ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  /* font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC",
    "Helvetica Neue", Helvetica, Arial, sans-serif; */
  font-family: Open Sans, PingFang SC, Microsoft YaHei, Helvetica Neue,
    Hiragino Sans GB, WenQuanYi Micro Hei, Arial, "sans-serif";
}

.active_header {
  color: #e73d5a;
}

.active_header a {
  color: #e73d5a !important;
}