@charset "UTF-8";
.banner {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  background-image: url("../../img/testBanner.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5.75rem 0;
  height: fit-content !important;
}
.banner .mask {
  position: absolute;
  inset: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 99;
  background-color: rgba(40, 22, 41, 0.78);
}
.banner .bannerTitle {
  z-index: 99;
  color: var(--white-color);
  font-family: "Noto Serif";
  font-weight: 700;
  font-size: 5rem;
}
.banner .bannerTitle .colorText {
  color: var(--sub-color);
}
.banner .bannerContent {
  z-index: 99;
  color: var(--white-color);
  font-family: "微软雅黑";
  font-weight: 290;
  margin-top: 4.1875rem;
  margin-bottom: 0.625rem;
  width: 73.3125rem;
  font-size: 1.875rem;
  line-height: 2.8125rem;
}
.banner .bannerButton {
  z-index: 99;
  cursor: pointer;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 6.5rem;
  width: 46.9375rem;
  height: 6.5rem;
  border-radius: 5.25rem;
  margin-top: 4.25rem;
  background: var(--main-color);
  color: var(--white-color);
}