.up_down {
  animation: up_down 1.5s;
}

@keyframes up_down {
  0% {
    transform: translateY(-1.5rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.down_up {
  animation: down_up 1.5s;
}

@keyframes down_up {
  0% {
    transform: translateY(15rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.left_right {
  animation: left_right 1.5s;
}

@keyframes left_right {
  0% {
    transform: translateX(-15rem);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}


.right_left {
  animation: right_left 1.5s;
}

@keyframes right_left {
  0% {
    transform: translateX(15rem);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}



.right_left_banner {
  animation: right_left_banner 1.5s;
}
@keyframes right_left_banner {
  0% {
    transform: translateX(-25rem);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.suofang {
  animation: suofang 1.5s;
  opacity: 1;
}

@keyframes suofang {
  0% {
    transform: scale(1.3);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.fangda {
  animation: fangda 1.5s;
}

@keyframes fangda {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}