:root {
  --headerHeight: 8rem;
}
.header {
  height: var(--headerHeight);
  z-index: 2;
  transition: background-color 0.8s;
}
.header .content .logo-div {
  width: 16rem;
  height: 4.8rem;
  border-radius: 0.8rem;
  margin-right: 5rem;
}
.header .content .logo-div .logo {
  width: 11.8rem;
  height: 4.7rem;
}
.header .content .tabs {
  height: var(--headerHeight);
}
.header .content .tabs .tab {
  padding: 0 3.2rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  transition: color 0.8s;
}
.header .content .tabs .tab span {
  padding: 0.4rem 0;
}
.header .content .tabs .tab span:hover {
  color: #406CFF;
}
.header .content .tabs .tab .active {
  color: #406CFF;
  border-bottom: 0.3rem solid #406CFF;
}
.header .content .btn {
  width: 12.8rem;
  height: 3.2rem;
  border-radius: 0.8rem;
  margin-left: 5rem;
}