body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-wrap {
  display: inline-list-item;
  flex-wrap: wrap; /* 换行 */
}

.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.cursor {
  cursor: pointer;
}

.hover{
  transition: transform 0.3s ease; /* 添加过渡效果 */
}

.hover:hover{
  transform: scale(1.2); /* 放大到原来的 1.2 倍 */
}

@keyframes jump {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
    border-color: #ff9001; /* 0%, 20%, 50%, 80%, 100%时边框颜色为金色 */
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}

.jump {
  animation: jump 1s infinite; /* 设置动画名称、时长和播放次数 */
  border: 2px solid #ff6200;
}