@font-face {
  font-family: HarmonyOS Sans SC;
  /* src: url(../font/HarmonyOS_Sans_SC_Regular.ttf); */
}

* {
  scrollbar-color: auto !important;
  font-family: HarmonyOS Sans SC;
  word-wrap: break-word;
}

body {
  background: white;
}

#app {
  transition: opacity 0.4s;
}

[v-cloak] {
  /* opacity: 0; */
}

/* 隐藏滚动条 */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  /* 适用于 IE 和 Edge */
  scrollbar-width: none;
  /* 适用于 Firefox */
}

img {
  width: 100%;
  object-fit: cover;
}

::-webkit-scrollbar {
  border-radius: 10px;
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #c1c1c1;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

::-webkit-scrollbar-track-piece {
  border-radius: 10px;
  background-color: #f1f1f1;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

header .center .center-item.on .bottom-line {
  width: 66rem;
  background: #1e419f;
}

header .center .center-item.on .item-text {
  color: #1e419f;
}

@media screen and (max-width: 768px) {
  .px-\[160rem\] {
    padding-left: 25rem !important;
    padding-right: 25rem !important;
  }

  .text-\[60rem\] {
    font-size: 30rem !important;
  }

  .text-\[36rem\] {
    font-size: 24rem !important;
  }

  .text-\[30rem\] {
    font-size: 20rem !important;
  }

  .text-\[28rem\] {
    font-size: 18rem !important;
  }

  .text-\[26rem\] {
    font-size: 16rem !important;
  }

  .text-\[24rem\] {
    font-size: 16rem !important;
  }

  .text-\[18rem\] {
    font-size: 14rem !important;
  }
}