div,
body,
html,
a,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
p,
li,
input {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

input {
  outline: none;
  padding: 0;
}

ul,
li {
  list-style: none;
}

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

img {
  width: 100%;
  height: 100%;
  display: block;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

html {
  font-size: 100px;
  scroll-behavior: smooth;
  overflow-x: hidden;
  box-sizing: border-box;

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

body {
  font-family: SpaceGrotesk, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 15px;
  color: #566166;
  letter-spacing: 0.3px;
  /* overflow-x: hidden; */
  box-sizing: border-box;
}

body ::selection {
  color: #fff;
  background-color: #ee7163;
  text-shadow: none;
}

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

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

* {
  box-sizing: border-box;
}

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

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

button,
p,
ul,
ol {
  font-family: "Circular" !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "SpaceGrotesk";
}