* {
  padding: 0;
  margin: 0;
  /* user-select: none; */
  -webkit-tap-highlight-color: transparent;
  scrollbar-width: thin; 
}
body,
button,
input,
textarea,
select {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, PingFang SC, HarmonyOS_Regular, Helvetica Neue,Microsoft YaHei!important;
}

*::-webkit-scrollbar {
  width: 0;
}

i,
em {
  font-style: normal;
}

textarea {
  outline: none;
  border: medium;
}

input {
  box-sizing: border-box;
  outline: none;
  border: none;
  background-color: transparent;
}
input::-webkit-input-placeholder{
  font-size: 15px;
}
input::-ms-clear,input::-ms-reveal{
  display: none;
}
.btn{
  cursor: pointer;
}
.button_icon {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: -0.14em;
}
.button_icon.is_spinning,
.is_spinning {
  animation: button-icon-spin 0.8s linear infinite;
}
@keyframes button-icon-spin {
  to { transform: rotate(360deg); }
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

img {
  vertical-align: middle;
  object-fit: cover;
}

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

li {
  list-style: none;
}



.page-enter-active,
.page-leave-active {
  transition: all 0.2s;
}
.page-enter-from,
.page-leave-to {
  opacity: 0;
  filter: blur(.5rem);
  transform: translateX(-2px);
}

.t1-enter-active,
.t1-leave-active
 {
  transition: opacity 0.25s ease;
}

.t1-enter-from,
.t1-leave-to {
  opacity: 0;
}

.btn_ripple {
  position: absolute;
  border-radius: 50%;
  background: rgb(255 255 255 / 45%);
  pointer-events: none;
  transform: scale(0);
  animation: btn-ripple 0.55s ease-out;
}

@keyframes btn-ripple {
  to {
    opacity: 0;
    transform: scale(1);
  }
}