.about-header {
  height: 330px;
  width: 100%;
  background-image: url('/faq/img/header-background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 992px) {
  .about-header {
    background-image: url('/faq/img/header-background-992.jpg');
  }
}
@media (max-width: 500px) {
  .about-header {
    height: 200px;
    background-image: url('/faq/img/header-background-375.jpg');
  }
}
.about-header .title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  row-gap: 8px;
  height: 100%;
  padding: 0 264px;
}
@media (max-width: 1700px) {
  .about-header .title {
    padding: 0 80px;
  }
}
@media (max-width: 1450px) {
  .about-header .title {
    max-width: 700px;
  }
}
@media (max-width: 1300px) {
  .about-header .title {
    padding: 0 36px;
    max-width: 500px;
  }
}
@media (max-width: 900px) {
  .about-header .title {
    max-width: 388px;
  }
}
@media (max-width: 600px) {
  .about-header .title {
    max-width: 250px;
  }
}
.about-header .title .subtitle {
  margin: 0;
  font-family: Source Han Sans CN;
  font-weight: 700;
  font-style: Bold;
  font-size: 36px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 5%;
  color: #4c4cef;
}
@media (max-width: 900px) {
  .about-header .title .subtitle {
    font-size: 16px;
  }
}
.about-header .title .about-title {
  margin: 0;
  font-family: Source Han Sans CN;
  font-weight: 700;
  font-style: Bold;
  font-size: 44px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #020713;
}
@media (max-width: 1300px) {
  .about-header .title .about-title {
    font-size: 40px;
  }
}
@media (max-width: 900px) {
  .about-header .title .about-title {
    font-size: 20px;
  }
}
.about-page-body .yz24-head-box {
  height: 0;
}
.about-page-body .yz24-head-box.default-box {
  height: var(--yz24-head-h);
}
@media (max-width: 600px) {
  .about-page-body .yz24-head-box.default-box {
    height: var(--yz24-mobile-head-h);
  }
}
.about-page-body .yz24-head-box.default-box .yz24-head {
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(51, 57, 64, 0.08);
}
.about-page-body .yz24-head-box .yz24-head {
  background-color: unset;
  box-shadow: unset;
}
.about-page-body .yz24-head-box .yz24-head-welcome-btn {
  background: unset;
}
.about-page-body .yz24-head-do-login .yz24-head-files-btn,
.about-page-body .yz24-head-do-login .yz24-head-create-btn {
  background: unset;
}
.about-page-body .yz24-head-do-login .yz24-head-files-btn:hover,
.about-page-body .yz24-head-do-login .yz24-head-create-btn:hover {
  background: #f3f8ff;
}