body,
h1,
h2,
h3,
h4,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
svg {
  margin: 0;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb {
  background: rgba(189, 193, 197, 0.7);
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(189, 193, 197, 1);
}

div {
  &::-webkit-scrollbar-thumb {
    background: transparent !important;
    transition: 1s;
  }
  &:hover {
    &::-webkit-scrollbar-thumb {
      background: rgba(189, 193, 197, 0.7) !important;
    }
    &::-webkit-scrollbar-thumb:hover {
      background: rgba(189, 193, 197, 1) !important;
    }
  }
}

input::placeholder,
textarea::placeholder {
  font-size: 0.85em;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  outline: none;
}

#__next {
  height: 100%;
}
#nprogress .bar {
  background: '#85b1ff' !important; //自定义颜色
}

.textEllipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.grecaptcha-badge {
  display: none !important;
}

@media (max-width: 900px) {
  html {
    font-size: 14px;
  }
  ::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
}

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  body {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}