div,
body,
html,
a,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
p,
li,
input {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft YaHei", "微软雅黑", Arial, Lucida Grande, Tahoma,
    sans-serif;
}
input {
  outline: none;
  padding: 0;
}
ul,
li {
  list-style: none;
}

a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
html {
  scroll-behavior: smooth;
  font-size: calc(100vw / 19.2);
}
@media (max-width: 1024px) {
  html {
    font-size: calc(100vw / 7.68);
  }
}
body {
  font-size: 0.16rem;
  scroll-behavior: smooth;
}
html.is-root-resizing,
html.is-root-resizing * {
  transition: none !important;
  animation-play-state: paused !important;
}
@font-face {
  font-family: "HarmonyOS";
  src: url("../font/HarmonyOS_Sans_SC_Regular.ttf");
}

@font-face {
  font-family: "iconfont";
  src: url("../font/iconfont.ttf");
}

* {
  font-family: "HarmonyOS";
}
img {
  width: 100%;
  height: 100%;
  transform-origin: center;
}