/* Animation CSS动画，按项目需求使用，动画效果见官方实例*/
/* https://animate.style */
/* 前台动画CSS类使用举例
d-none 预先隐藏（可选）
animate__animated 动画（必须）
animate__trigger 扳机（必须，动画元素父级，如当前section）
animate__fadeInLeft 动画类型（可选）
animate__5s 动画时长（可选）
animate__delay-1s 动画延迟（1秒）
animate__delay-d-5s 动画延迟（0.5秒）
*/
/* 动画时长 */
.animate__animated{
    -webkit-animation-duration: unset;
    animation-duration: unset;
    -webkit-animation-duration: unset;
    animation-duration: unset;
    -webkit-animation-fill-mode: unset;
    animation-fill-mode: unset;
}
.animate_active .animate__animated{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: block !important;
}
.animate_active .animate__animated.animate__d-5s{
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}
.animate_active .animate__animated.animate__1s{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.animate_active .animate__animated.animate__2s{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animate_active .animate__animated.animate__3s{
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.animate_active .animate__animated.animate__4s{
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}
.animate_active .animate__animated.animate__5s{
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.animate_active .animate__animated.animate__6s{
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}
.animate_active .animate__animated.animate__7s{
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
}
.animate_active .animate__animated.animate__8s{
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
}
.animate_active .animate__animated.animate__9s{
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
}
.animate_active .animate__animated.animate__10s{
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.animate_active .animate__animated.animate__15s{
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
}
.animate_active .animate__animated.animate__20s{
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}
/* 动画延迟 */
.animate__animated.animate__delay-d-5s {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-delay: calc(var(--animate-delay)*.5);
  animation-delay: calc(var(--animate-delay)*.5);
}

.animate__animated.animate__delay-6s {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  -webkit-animation-delay: calc(var(--animate-delay)*6);
  animation-delay: calc(var(--animate-delay)*6);
}

.animate__animated.animate__delay-7s {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  -webkit-animation-delay: calc(var(--animate-delay)*7);
  animation-delay: calc(var(--animate-delay)*7);
}
.animate__animated.animate__delay-8s {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
  -webkit-animation-delay: calc(var(--animate-delay)*8);
  animation-delay: calc(var(--animate-delay)*8);
}
.animate__animated.animate__delay-9s {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
  -webkit-animation-delay: calc(var(--animate-delay)*9);
  animation-delay: calc(var(--animate-delay)*9);
}
.animate__animated.animate__delay-10s {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-delay: calc(var(--animate-delay)*10);
  animation-delay: calc(var(--animate-delay)*10);
}