/* Animation CSS动画，按项目需求使用，动画效果见官方实例*/
/* https://animate.style */
/* 前台动画CSS类使用举例
d-none 预先隐藏（可选）
animate__animated 动画（必须）
animate__trigger 扳机（必须，动画元素父级，如当前section）
animate__fadeInLeft 动画类型（可选）
animate__d-5s 动画时长（可选）
animate__delay-d-5s 动画延迟0.5s（可选）
animate__delay-1s  动画延迟1s（可选）

*/
/* 动画时长 */
.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__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);
}