#home {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.home-header {
  max-width: 130em;
  height: 40.0625em;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.home-title-frame {
  padding: 7.5em 0 2em;
  box-sizing: border-box;
}
.home-title {
  font-size: 6.875em;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  position: relative;
  z-index: 3;
}
.home-introduce1,
.home-introduce2 {
  font-size: 1.5em;
  font-weight: normal;
  text-align: center;
  color: #959595;
}
.home-download-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.8125em;
}
.home-download {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 4em;
  padding: 1.840625em 5.4675em 1.909375em 5.573125em;
  box-sizing: border-box;
  cursor: pointer;
  transition: transform 0.3s;
}
.download-black-icon {
  width: 2.19875em;
  height: 2.195625em;
  margin-right: 1.5em;
}
.download-title {
  font-size: 2.0625em;
  font-weight: 600;
  letter-spacing: -0.034375em;
  color: #050624;
}
.home-download:hover {
  transform: scale(1.1);
}

/* 首页顶部图片动画 */
.fire-icon,
.like-icon,
.live-broadcast-icon,
.go-viral-with-you-icon,
.voice-icon,
.hi-icon,
.robot-icon {
  position: absolute;
  animation: drop-animation 0.6s ease !important;
  transition: transform 0.3s ease; /* 添加过渡效果，使动画更平滑 */
}

.fill-yellowl-icon,
.fill-orange-icon,
.photograph-icon,
.fill-green-icon,
.game-icon,
.notice-icon {
  position: absolute;
  animation: drop-animation-slower 0.8s ease !important;
  transition: transform 0.3s ease; /* 添加过渡效果，使动画更平滑 */
}

/* 首页顶部小图片 */
.fire-icon {
  top: 6.803125em;
  right: 9.375em;
  width: 4em;
  height: 4em;
}
.fill-yellowl-icon {
  top: 16.5em;
  left: -33em;
  width: 24.4em;
  height: 11.4em;
  z-index: 2;
}
.like-icon {
  top: 18.484375em;
  left: -2.5em;
  width: 5.3125em;
  height: 5.3125em;
  z-index: 3;
}
.fill-orange-icon {
  top: 14.5625em;
  left: -13.125em;
  width: 35.1875em;
  height: 24.375em;
  z-index: 1;
}
.live-broadcast-icon {
  top: 26em;
  left: -23em;
  width: 15.875em;
  height: 7.625em;
  z-index: 5;
}
.go-viral-with-you-icon {
  top: 25.6em;
  left: -15.98em;
  width: 31.625rem;
  height: 15.375em;
  z-index: 4;
}
@media (max-width: 1600px) {
  .go-viral-with-you-icon {
    top: 26.4em;
    left: -15.98em;
    width: 26rem;
    height: 14.4em;
    z-index: 4;
  }
}
.photograph-icon {
  top: 34em;
  left: 1.25em;
  width: 8.2em;
  height: 8.2em;
  z-index: 5;
}
.fill-green-icon {
  top: 14.1875em;
  right: -23.75em;
  width: 32.5em;
  height: 17.5em;
  z-index: 1;
}
.voice-icon {
  top: 22.629375em;
  right: -5.6975em;
  width: 21.135em;
  height: 11.94em;
  z-index: 2;
}
.hi-icon {
  top: 25.369375em;
  right: -16.8575em;
  width: 12.1875em;
  height: 7.125em;
  z-index: 2;
}
.robot-icon {
  top: 28.304375em;
  right: -21.183125em;
  width: 4.45125em;
  height: 4.45875em;
  z-index: 3;
}
.game-icon {
  top: 32.75em;
  right: 0;
  width: 7.5em;
  height: 7.5em;
  z-index: 2;
}
.notice-icon {
  top: 29em;
  right: -27.5em;
  width: 28em;
  height: 15em;
  z-index: 2;
}
/* 首页顶部小图片 */

/* 首页顶部图片掉落动画 */
@keyframes drop-animation {
  0% {
    opacity: 0;
    transform: translateY(-1.25em);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

/* 模糊图片掉落时间慢一点 */
@keyframes drop-animation-slower {
  0% {
    opacity: 0;
    transform: translateY(-1.25em);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.introduce-frame {
  flex: 1;
}
/* 首页介绍图片 */
.introduce {
  width: 77.5em;
  max-width: 77.5em;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.introduce-five {
  margin: 0 auto;
  height: 15.375em;
}
.introduce-bg-grey {
  background: #f6f6f6 !important;
}
.introduce-one-padding {
  padding: 8.6875em 0 9.0625em;
  box-sizing: border-box;
}
.introduce-two-padding {
  padding: 9.5625em 0;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(6.25em);
}
.introduce-three-padding {
  padding: 9.375em 0 9.75em;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(6.25em);
}
.introduce-four-padding {
  padding: 9.375em 0 9.5625em;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(6.25em);
}
.introduce-five-padding {
  padding: 5.820625em 0 11.5em;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(6.25em);
  position: relative;
  z-index: 1;
}

/* 介绍图片内文字 */
.one-frame-text {
  position: absolute;
  top: 4em;
  right: 1.4em;
  width: 38em;
}
.two-frame-text {
  position: absolute;
  top: 3em;
  left: 0;
  width: 34.1875em;
}
.three-frame-text {
  position: absolute;
  top: 3.5em;
  right: 1.75em;
  width: 40em;
}
.four-frame-text {
  position: absolute;
  top: 3.1875em;
  left: 0em;
  width: 34.3125em;
}
.details-title {
  font-size: 4.75em;
  font-weight: 600;
  color: #050624;
}
.top-forty {
  margin-top: 2.5em;
}
.top-twenty-five {
  margin-top: 1.5625em;
}
.details-text {
  font-size: 1.75em;
  font-weight: 500;
  text-align: justify;
  color: #222222;
}
/* 首页滑动动画 */
@keyframes hied {
  to {
    opacity: 0;
    transform: translateY(6.25em);
  }
}
@keyframes show {
  to {
    opacity: 1;
    transform: translateY(0em);
  }
}
.foot-dl-frame {
  position: relative;
  height: 22.125em;
}
.home-download-frame-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-download-btn {
  display: flex;
  align-items: center;
  background: #050624;
  border-radius: 3em;
  padding: 1.4375em 8.375em 1.5625em;
  box-sizing: border-box;
  cursor: pointer;
  transition: transform 0.3s;
}
.download-white-icon {
  width: 2em;
  height: 2em;
  margin-right: 1.375em;
}
.download-title-btn {
  font-size: 1.875em;
  font-weight: 600;
  letter-spacing: -0.03125em;
  color: #ffffff;
}
.home-download-btn:hover {
  transform: scale(1.1);
}