/* 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__trigger
子级
d-none animate__animated animate__fadeInUp
d-none animate__animated animate__fadeInRight
d-none animate__animated animate__fadeInLeft animate__delay-d-5s
*/
/* 动画时长 */
.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-2s {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-delay: calc(var(--animate-delay)*.2);
    animation-delay: calc(var(--animate-delay)*.2);
}

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

.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-d-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-d-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-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: calc(var(--animate-delay)*1);
    animation-delay: calc(var(--animate-delay)*1);
}

.animate__animated.animate__delay-1d-2s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-delay: calc(var(--animate-delay)*1.2);
    animation-delay: calc(var(--animate-delay)*1.2);
}

.animate__animated.animate__delay-1d-4s {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    -webkit-animation-delay: calc(var(--animate-delay)*1.4);
    animation-delay: calc(var(--animate-delay)*1.4);
}

.animate__animated.animate__delay-1d-5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*1.5);
    animation-delay: calc(var(--animate-delay)*1.5);
}

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

.animate__animated.animate__delay-1d-8s {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    -webkit-animation-delay: calc(var(--animate-delay)*1.8);
    animation-delay: calc(var(--animate-delay)*1.8);
}

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

.animate__animated.animate__delay-2d-5s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*2.5);
    animation-delay: calc(var(--animate-delay)*2.5);
}

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

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

.animate__animated.animate__delay-3d-5s {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*3.5);
    animation-delay: calc(var(--animate-delay)*3.5);
}

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

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

.animate__animated.animate__delay-4d-5s {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*4.5);
    animation-delay: calc(var(--animate-delay)*4.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);
}