*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  outline: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
i {
  font-style: normal;
}
ol, ul, li {
  list-style: none;
}
img {
  display: block;
}
::-webkit-input-placeholder {
  color: #a8abb2;
}

::-moz-placeholder {
  color: #a8abb2;
}

:-ms-input-placeholder {
  color: #a8abb2;
}

.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  clear: both;
}

.clearfix {
  zoom: 1;
}

/* Webkit 浏览器（Chrome、Safari 和 Edge） */
::-webkit-scrollbar {
  width: 6px !important; /* 滚动条的宽度 */
  height: 6px !important; /* 滚动条的高度 */
}

::-webkit-scrollbar-track {
  background: transparent; /* 滚动条的背景 */
  border-radius: 20px !important; /* 滚动条轨道的圆角 */
}

::-webkit-scrollbar-thumb {
  background: rgba(69, 90, 100, 0.2); /* 滚动条的颜色 */
  border-radius: 20px !important; /* 滚动条的圆角 */
}

* {
  scrollbar-width: thin; /* 滚动条的宽度 */
  scrollbar-color: rgba(69, 90, 100, 0.2) transparent; /* 滚动条和轨道的颜色 */
}