* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.indet{
  text-indent: 2em;
}
a {
  text-decoration: none;
  color: #fff;
  /* font-size: 16px; */
}

ul,
li {
  list-style: none;
}

img {
  display: block;
}

body {
  font-family: "Microsoft YaHei", sans-serif;
  overflow-x: auto;
  position: relative;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.ellipsis1 {
  display: -webkit-box;
  /* 使用弹性盒模型 */
  -webkit-box-orient: vertical;
  /* 设置子元素的排列方式 */
  -webkit-line-clamp: 1;
  /* 限制显示行数为2行 */
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出部分显示为省略号 */
}

.ellipsis2 {
  display: -webkit-box;
  /* 使用弹性盒模型 */
  -webkit-box-orient: vertical;
  /* 设置子元素的排列方式 */
  -webkit-line-clamp: 2;
  /* 限制显示行数为2行 */
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出部分显示为省略号 */
}

/* 入场动画 */
.animate {
  opacity: 0;
  will-change: opacity, transform;
}

.animate.fade-in-up {
  transform: translateY(40px);
}

.animate.fade-in-down {
  transform: translateY(-30px);
}

.animate.fade-in-left {
  transform: translateX(-60px);
}

.animate.fade-in-right {
  transform: translateX(60px);
}

.animate.zoom-in {
  transform: scale(0.96);
}

.animate.in-view {
  animation: fadeIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}

/* 子元素统一入场 */
.animate-children-up > *,
.animate-children-right > *,
.animate-children-zoom > * {
  opacity: 0;
  will-change: opacity, transform;
}

.animate-children-up > * {
  transform: translateY(40px);
}

.animate-children-right > * {
  transform: translateX(60px);
}

.animate-children-zoom > * {
  transform: scale(0.96);
}

.animate-children-up.in-view > *,
.animate-children-right.in-view > *,
.animate-children-zoom.in-view > * {
  animation: fadeIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* 子元素依次延迟 */
.animate-group .animate:nth-child(1),
[class*="animate-children-"] > *:nth-child(1) { animation-delay: 0s; }
.animate-group .animate:nth-child(2),
[class*="animate-children-"] > *:nth-child(2) { animation-delay: 0.1s; }
.animate-group .animate:nth-child(3),
[class*="animate-children-"] > *:nth-child(3) { animation-delay: 0.2s; }
.animate-group .animate:nth-child(4),
[class*="animate-children-"] > *:nth-child(4) { animation-delay: 0.3s; }
.animate-group .animate:nth-child(5),
[class*="animate-children-"] > *:nth-child(5) { animation-delay: 0.4s; }
.animate-group .animate:nth-child(6),
[class*="animate-children-"] > *:nth-child(6) { animation-delay: 0.5s; }
.animate-group .animate:nth-child(7),
[class*="animate-children-"] > *:nth-child(7) { animation-delay: 0.6s; }
.animate-group .animate:nth-child(8),
[class*="animate-children-"] > *:nth-child(8) { animation-delay: 0.7s; }
.animate-group .animate:nth-child(9),
[class*="animate-children-"] > *:nth-child(9) { animation-delay: 0.8s; }
.animate-group .animate:nth-child(10),
[class*="animate-children-"] > *:nth-child(10) { animation-delay: 0.9s; }

/* 移动端减弱动画 */
@media (prefers-reduced-motion: reduce) {
  .animate,
  .animate-children-up > *,
  .animate-children-right > *,
  .animate-children-zoom > * {
    opacity: 1;
    transform: none;
    animation: none;
  }
}