/* fy-fade-bottom 底部淡入 */
.fy-animation .fy-fade-bottom-0,
.fy-animation .fy-fade-bottom-5,
.fy-animation .fy-fade-bottom-10,
.fy-animation .fy-fade-bottom-15,
.fy-animation .fy-fade-bottom-20,
.fy-animation .fy-fade-bottom-25,
.fy-animation .fy-fade-bottom-30,
.fy-animation .fy-fade-bottom-35,
.fy-animation .fy-fade-bottom-40,
.fy-animation .fy-fade-bottom-45,
.fy-animation .fy-fade-bottom-50,
.fy-animation .fy-fade-bottom-55,
.fy-animation .fy-fade-bottom-60,
.fy-animation .fy-fade-bottom-65,
.fy-animation .fy-fade-bottom-70,
.fy-animation .fy-fade-bottom-75,
.fy-animation .fy-fade-bottom-80,
.fy-animation .fy-fade-bottom-85,
.fy-animation .fy-fade-bottom-90,
.fy-animation .fy-fade-bottom-95,
.fy-animation .fy-fade-bottom-100 {
    opacity: 0;
    transform: translateY(30px);
}
.fy-animation_start .fy-fade-bottom-0 {animation: animationBottomFade 1s forwards ease-in-out;}
.fy-animation_start .fy-fade-bottom-5 {animation: animationBottomFade 1s forwards ease-in-out 0.1s;}
.fy-animation_start .fy-fade-bottom-10 {animation: animationBottomFade 1s forwards ease-in-out 0.2s;}
.fy-animation_start .fy-fade-bottom-15 {animation: animationBottomFade 1s forwards ease-in-out 0.3s;}
.fy-animation_start .fy-fade-bottom-20 {animation: animationBottomFade 1s forwards ease-in-out 0.4s;}
.fy-animation_start .fy-fade-bottom-25 {animation: animationBottomFade 1s forwards ease-in-out 0.5s;}
.fy-animation_start .fy-fade-bottom-30 {animation: animationBottomFade 1s forwards ease-in-out 0.6s;}
.fy-animation_start .fy-fade-bottom-35 {animation: animationBottomFade 1s forwards ease-in-out 0.7s;}
.fy-animation_start .fy-fade-bottom-40 {animation: animationBottomFade 1s forwards ease-in-out 0.8s;}
.fy-animation_start .fy-fade-bottom-45 {animation: animationBottomFade 1s forwards ease-in-out 0.9s;}
.fy-animation_start .fy-fade-bottom-50 {animation: animationBottomFade 1s forwards ease-in-out 1s;}
.fy-animation_start .fy-fade-bottom-55 {animation: animationBottomFade 1s forwards ease-in-out 1.1s;}
.fy-animation_start .fy-fade-bottom-60 {animation: animationBottomFade 1s forwards ease-in-out 1.2s;}
.fy-animation_start .fy-fade-bottom-65 {animation: animationBottomFade 1s forwards ease-in-out 1.3s;}
.fy-animation_start .fy-fade-bottom-70 {animation: animationBottomFade 1s forwards ease-in-out 1.4s;}
.fy-animation_start .fy-fade-bottom-75 {animation: animationBottomFade 1s forwards ease-in-out 1.5s;}
.fy-animation_start .fy-fade-bottom-80 {animation: animationBottomFade 1s forwards ease-in-out 1.6s;}
.fy-animation_start .fy-fade-bottom-85 {animation: animationBottomFade 1s forwards ease-in-out 1.7s;}
.fy-animation_start .fy-fade-bottom-90 {animation: animationBottomFade 1s forwards ease-in-out 1.8s;}
.fy-animation_start .fy-fade-bottom-95 {animation: animationBottomFade 1s forwards ease-in-out 1.9s;}
.fy-animation_start .fy-fade-bottom-100 {animation: animationBottomFade 1s forwards ease-in-out 2s;}
@keyframes animationBottomFade {
    0% {opacity: 0;transform: translateY(30px);}
    100% {opacity: 1;transform: translateY(0);}
}

/* fy-fade-top 顶部淡入 */
.fy-animation .fy-fade-top-0,
.fy-animation .fy-fade-top-5,
.fy-animation .fy-fade-top-10,
.fy-animation .fy-fade-top-15,
.fy-animation .fy-fade-top-20,
.fy-animation .fy-fade-top-25,
.fy-animation .fy-fade-top-30,
.fy-animation .fy-fade-top-35,
.fy-animation .fy-fade-top-40,
.fy-animation .fy-fade-top-45,
.fy-animation .fy-fade-top-50,
.fy-animation .fy-fade-top-55,
.fy-animation .fy-fade-top-60,
.fy-animation .fy-fade-top-65,
.fy-animation .fy-fade-top-70,
.fy-animation .fy-fade-top-75,
.fy-animation .fy-fade-top-80,
.fy-animation .fy-fade-top-85,
.fy-animation .fy-fade-top-90,
.fy-animation .fy-fade-top-95,
.fy-animation .fy-fade-top-100 {
    opacity: 0;
    transform: translateY(-30px);
}
.fy-animation_start .fy-fade-top-0 {animation: animationTopFade 1s forwards ease-in-out;}
.fy-animation_start .fy-fade-top-5 {animation: animationTopFade 1s forwards ease-in-out 0.1s;}
.fy-animation_start .fy-fade-top-10 {animation: animationTopFade 1s forwards ease-in-out 0.2s;}
.fy-animation_start .fy-fade-top-15 {animation: animationTopFade 1s forwards ease-in-out 0.3s;}
.fy-animation_start .fy-fade-top-20 {animation: animationTopFade 1s forwards ease-in-out 0.4s;}
.fy-animation_start .fy-fade-top-25 {animation: animationTopFade 1s forwards ease-in-out 0.5s;}
.fy-animation_start .fy-fade-top-30 {animation: animationTopFade 1s forwards ease-in-out 0.6s;}
.fy-animation_start .fy-fade-top-35 {animation: animationTopFade 1s forwards ease-in-out 0.7s;}
.fy-animation_start .fy-fade-top-40 {animation: animationTopFade 1s forwards ease-in-out 0.8s;}
.fy-animation_start .fy-fade-top-45 {animation: animationTopFade 1s forwards ease-in-out 0.9s;}
.fy-animation_start .fy-fade-top-50 {animation: animationTopFade 1s forwards ease-in-out 1s;}
.fy-animation_start .fy-fade-top-55 {animation: animationTopFade 1s forwards ease-in-out 1.1s;}
.fy-animation_start .fy-fade-top-60 {animation: animationTopFade 1s forwards ease-in-out 1.2s;}
.fy-animation_start .fy-fade-top-65 {animation: animationTopFade 1s forwards ease-in-out 1.3s;}
.fy-animation_start .fy-fade-top-70 {animation: animationTopFade 1s forwards ease-in-out 1.4s;}
.fy-animation_start .fy-fade-top-75 {animation: animationTopFade 1s forwards ease-in-out 1.5s;}
.fy-animation_start .fy-fade-top-80 {animation: animationTopFade 1s forwards ease-in-out 1.6s;}
.fy-animation_start .fy-fade-top-85 {animation: animationTopFade 1s forwards ease-in-out 1.7s;}
.fy-animation_start .fy-fade-top-90 {animation: animationTopFade 1s forwards ease-in-out 1.8s;}
.fy-animation_start .fy-fade-top-95 {animation: animationTopFade 1s forwards ease-in-out 1.9s;}
.fy-animation_start .fy-fade-top-100 {animation: animationTopFade 1s forwards ease-in-out 2s;}
@keyframes animationTopFade {
    0% {opacity: 0;transform: translateY(-30px);}
    100% {opacity: 1;transform: translateY(0);}
}

/* fy-fade-left 左侧淡入 */
.fy-animation .fy-fade-left-0,
.fy-animation .fy-fade-left-5,
.fy-animation .fy-fade-left-10,
.fy-animation .fy-fade-left-15,
.fy-animation .fy-fade-left-20,
.fy-animation .fy-fade-left-25,
.fy-animation .fy-fade-left-30,
.fy-animation .fy-fade-left-35,
.fy-animation .fy-fade-left-40,
.fy-animation .fy-fade-left-45,
.fy-animation .fy-fade-left-50,
.fy-animation .fy-fade-left-55,
.fy-animation .fy-fade-left-60,
.fy-animation .fy-fade-left-65,
.fy-animation .fy-fade-left-70,
.fy-animation .fy-fade-left-75,
.fy-animation .fy-fade-left-80,
.fy-animation .fy-fade-left-85,
.fy-animation .fy-fade-left-90,
.fy-animation .fy-fade-left-95,
.fy-animation .fy-fade-left-100 {
    opacity: 0;
    transform: translateX(-30px);
}

.fy-animation_start .fy-fade-left-0 {animation: animationLeftFade 1s forwards ease-in-out;}
.fy-animation_start .fy-fade-left-5 {animation: animationLeftFade 1s forwards ease-in-out 0.1s;}
.fy-animation_start .fy-fade-left-10 {animation: animationLeftFade 1s forwards ease-in-out 0.2s;}
.fy-animation_start .fy-fade-left-15 {animation: animationLeftFade 1s forwards ease-in-out 0.3s;}
.fy-animation_start .fy-fade-left-20 {animation: animationLeftFade 1s forwards ease-in-out 0.4s;}
.fy-animation_start .fy-fade-left-25 {animation: animationLeftFade 1s forwards ease-in-out 0.5s;}
.fy-animation_start .fy-fade-left-30 {animation: animationLeftFade 1s forwards ease-in-out 0.6s;}
.fy-animation_start .fy-fade-left-35 {animation: animationLeftFade 1s forwards ease-in-out 0.7s;}
.fy-animation_start .fy-fade-left-40 {animation: animationLeftFade 1s forwards ease-in-out 0.8s;}
.fy-animation_start .fy-fade-left-45 {animation: animationLeftFade 1s forwards ease-in-out 0.9s;}
.fy-animation_start .fy-fade-left-50 {animation: animationLeftFade 1s forwards ease-in-out 1s;}
.fy-animation_start .fy-fade-left-55 {animation: animationLeftFade 1s forwards ease-in-out 1.1s;}
.fy-animation_start .fy-fade-left-60 {animation: animationLeftFade 1s forwards ease-in-out 1.2s;}
.fy-animation_start .fy-fade-left-65 {animation: animationLeftFade 1s forwards ease-in-out 1.3s;}
.fy-animation_start .fy-fade-left-70 {animation: animationLeftFade 1s forwards ease-in-out 1.4s;}
.fy-animation_start .fy-fade-left-75 {animation: animationLeftFade 1s forwards ease-in-out 1.5s;}
.fy-animation_start .fy-fade-left-80 {animation: animationLeftFade 1s forwards ease-in-out 1.6s;}
.fy-animation_start .fy-fade-left-85 {animation: animationLeftFade 1s forwards ease-in-out 1.7s;}
.fy-animation_start .fy-fade-left-90 {animation: animationLeftFade 1s forwards ease-in-out 1.8s;}
.fy-animation_start .fy-fade-left-95 {animation: animationLeftFade 1s forwards ease-in-out 1.9s;}
.fy-animation_start .fy-fade-left-100 {animation: animationLeftFade 1s forwards ease-in-out 2s;}
@keyframes animationLeftFade {
    0% {opacity: 0;transform: translateX(-30px);}
    100% {opacity: 1;transform: translateX(0);}
}

/* fy-fade-right 右侧淡入 */
.fy-animation .fy-fade-right-0,
.fy-animation .fy-fade-right-5,
.fy-animation .fy-fade-right-10,
.fy-animation .fy-fade-right-15,
.fy-animation .fy-fade-right-20,
.fy-animation .fy-fade-right-25,
.fy-animation .fy-fade-right-30,
.fy-animation .fy-fade-right-35,
.fy-animation .fy-fade-right-40,
.fy-animation .fy-fade-right-45,
.fy-animation .fy-fade-right-50,
.fy-animation .fy-fade-right-55,
.fy-animation .fy-fade-right-60,
.fy-animation .fy-fade-right-65,
.fy-animation .fy-fade-right-70,
.fy-animation .fy-fade-right-75,
.fy-animation .fy-fade-right-80,
.fy-animation .fy-fade-right-85,
.fy-animation .fy-fade-right-90,
.fy-animation .fy-fade-right-95,
.fy-animation .fy-fade-right-100 {
    opacity: 0;
    transform: translateX(30px);
}
.fy-animation_start .fy-fade-right-0 {animation: animationRightFade 1s forwards ease-in-out;}
.fy-animation_start .fy-fade-right-5 {animation: animationRightFade 1s forwards ease-in-out 0.1s;}
.fy-animation_start .fy-fade-right-10 {animation: animationRightFade 1s forwards ease-in-out 0.2s;}
.fy-animation_start .fy-fade-right-15 {animation: animationRightFade 1s forwards ease-in-out 0.3s;}
.fy-animation_start .fy-fade-right-20 {animation: animationRightFade 1s forwards ease-in-out 0.4s;}
.fy-animation_start .fy-fade-right-25 {animation: animationRightFade 1s forwards ease-in-out 0.5s;}
.fy-animation_start .fy-fade-right-30 {animation: animationRightFade 1s forwards ease-in-out 0.6s;}
.fy-animation_start .fy-fade-right-35 {animation: animationRightFade 1s forwards ease-in-out 0.7s;}
.fy-animation_start .fy-fade-right-40 {animation: animationRightFade 1s forwards ease-in-out 0.8s;}
.fy-animation_start .fy-fade-right-45 {animation: animationRightFade 1s forwards ease-in-out 0.9s;}
.fy-animation_start .fy-fade-right-50 {animation: animationRightFade 1s forwards ease-in-out 1s;}
.fy-animation_start .fy-fade-right-55 {animation: animationRightFade 1s forwards ease-in-out 1.1s;}
.fy-animation_start .fy-fade-right-60 {animation: animationRightFade 1s forwards ease-in-out 1.2s;}
.fy-animation_start .fy-fade-right-65 {animation: animationRightFade 1s forwards ease-in-out 1.3s;}
.fy-animation_start .fy-fade-right-70 {animation: animationRightFade 1s forwards ease-in-out 1.4s;}
.fy-animation_start .fy-fade-right-75 {animation: animationRightFade 1s forwards ease-in-out 1.5s;}
.fy-animation_start .fy-fade-right-80 {animation: animationRightFade 1s forwards ease-in-out 1.6s;}
.fy-animation_start .fy-fade-right-85 {animation: animationRightFade 1s forwards ease-in-out 1.7s;}
.fy-animation_start .fy-fade-right-90 {animation: animationRightFade 1s forwards ease-in-out 1.8s;}
.fy-animation_start .fy-fade-right-95 {animation: animationRightFade 1s forwards ease-in-out 1.9s;}
.fy-animation_start .fy-fade-right-100 {animation: animationRightFade 1s forwards ease-in-out 2s;}
@keyframes animationRightFade {
    0% {opacity: 0;transform: translateX(30px);}
    100% {opacity: 1;transform: translateX(0);}
}


/* fy-scale-big 由大到小 */
.fy-animation .fy-scale-big-0,
.fy-animation .fy-scale-big-5,
.fy-animation .fy-scale-big-10,
.fy-animation .fy-scale-big-15,
.fy-animation .fy-scale-big-20,
.fy-animation .fy-scale-big-25,
.fy-animation .fy-scale-big-30,
.fy-animation .fy-scale-big-35,
.fy-animation .fy-scale-big-40,
.fy-animation .fy-scale-big-45,
.fy-animation .fy-scale-big-50,
.fy-animation .fy-scale-big-55,
.fy-animation .fy-scale-big-60,
.fy-animation .fy-scale-big-65,
.fy-animation .fy-scale-big-70,
.fy-animation .fy-scale-big-75,
.fy-animation .fy-scale-big-80,
.fy-animation .fy-scale-big-85,
.fy-animation .fy-scale-big-90,
.fy-animation .fy-scale-big-95,
.fy-animation .fy-scale-big-100 {
    transform: scale(1.036);
}
.fy-animation_start .fy-scale-big-0 {animation: animationBigScale 1s forwards ease-in-out;}
.fy-animation_start .fy-scale-big-5 {animation: animationBigScale 1s forwards ease-in-out 0.1s;}
.fy-animation_start .fy-scale-big-10 {animation: animationBigScale 1s forwards ease-in-out 0.2s;}
.fy-animation_start .fy-scale-big-15 {animation: animationBigScale 1s forwards ease-in-out 0.3s;}
.fy-animation_start .fy-scale-big-20 {animation: animationBigScale 1s forwards ease-in-out 0.4s;}
.fy-animation_start .fy-scale-big-25 {animation: animationBigScale 1s forwards ease-in-out 0.5s;}
.fy-animation_start .fy-scale-big-30 {animation: animationBigScale 1s forwards ease-in-out 0.6s;}
.fy-animation_start .fy-scale-big-35 {animation: animationBigScale 1s forwards ease-in-out 0.7s;}
.fy-animation_start .fy-scale-big-40 {animation: animationBigScale 1s forwards ease-in-out 0.8s;}
.fy-animation_start .fy-scale-big-45 {animation: animationBigScale 1s forwards ease-in-out 0.9s;}
.fy-animation_start .fy-scale-big-50 {animation: animationBigScale 1s forwards ease-in-out 1s;}
.fy-animation_start .fy-scale-big-55 {animation: animationBigScale 1s forwards ease-in-out 1.1s;}
.fy-animation_start .fy-scale-big-60 {animation: animationBigScale 1s forwards ease-in-out 1.2s;}
.fy-animation_start .fy-scale-big-65 {animation: animationBigScale 1s forwards ease-in-out 1.3s;}
.fy-animation_start .fy-scale-big-70 {animation: animationBigScale 1s forwards ease-in-out 1.4s;}
.fy-animation_start .fy-scale-big-75 {animation: animationBigScale 1s forwards ease-in-out 1.5s;}
.fy-animation_start .fy-scale-big-80 {animation: animationBigScale 1s forwards ease-in-out 1.6s;}
.fy-animation_start .fy-scale-big-85 {animation: animationBigScale 1s forwards ease-in-out 1.7s;}
.fy-animation_start .fy-scale-big-90 {animation: animationBigScale 1s forwards ease-in-out 1.8s;}
.fy-animation_start .fy-scale-big-95 {animation: animationBigScale 1s forwards ease-in-out 1.9s;}
.fy-animation_start .fy-scale-big-100 {animation: animationBigScale 1s forwards ease-in-out 2s;}
@keyframes animationBigScale {
    0% {transform: scale(1.036);}
    100% {transform: scale(1);}
}


/* fy-scale-small 由小到大 */
.fy-animation .fy-scale-small-0,
.fy-animation .fy-scale-small-5,
.fy-animation .fy-scale-small-10,
.fy-animation .fy-scale-small-15,
.fy-animation .fy-scale-small-20,
.fy-animation .fy-scale-small-25,
.fy-animation .fy-scale-small-30,
.fy-animation .fy-scale-small-35,
.fy-animation .fy-scale-small-40,
.fy-animation .fy-scale-small-45,
.fy-animation .fy-scale-small-50,
.fy-animation .fy-scale-small-55,
.fy-animation .fy-scale-small-60,
.fy-animation .fy-scale-small-65,
.fy-animation .fy-scale-small-70,
.fy-animation .fy-scale-small-75,
.fy-animation .fy-scale-small-80,
.fy-animation .fy-scale-small-85,
.fy-animation .fy-scale-small-90,
.fy-animation .fy-scale-small-95,
.fy-animation .fy-scale-small-100 {
    transform: scale(0.96);
}
.fy-animation_start .fy-scale-small-0 {animation: animationSmallScale 1s forwards ease-in-out;}
.fy-animation_start .fy-scale-small-5 {animation: animationSmallScale 1s forwards ease-in-out 0.1s;}
.fy-animation_start .fy-scale-small-10 {animation: animationSmallScale 1s forwards ease-in-out 0.2s;}
.fy-animation_start .fy-scale-small-15 {animation: animationSmallScale 1s forwards ease-in-out 0.3s;}
.fy-animation_start .fy-scale-small-20 {animation: animationSmallScale 1s forwards ease-in-out 0.4s;}
.fy-animation_start .fy-scale-small-25 {animation: animationSmallScale 1s forwards ease-in-out 0.5s;}
.fy-animation_start .fy-scale-small-30 {animation: animationSmallScale 1s forwards ease-in-out 0.6s;}
.fy-animation_start .fy-scale-small-35 {animation: animationSmallScale 1s forwards ease-in-out 0.7s;}
.fy-animation_start .fy-scale-small-40 {animation: animationSmallScale 1s forwards ease-in-out 0.8s;}
.fy-animation_start .fy-scale-small-45 {animation: animationSmallScale 1s forwards ease-in-out 0.9s;}
.fy-animation_start .fy-scale-small-50 {animation: animationSmallScale 1s forwards ease-in-out 1s;}
.fy-animation_start .fy-scale-small-55 {animation: animationSmallScale 1s forwards ease-in-out 1.1s;}
.fy-animation_start .fy-scale-small-60 {animation: animationSmallScale 1s forwards ease-in-out 1.2s;}
.fy-animation_start .fy-scale-small-65 {animation: animationSmallScale 1s forwards ease-in-out 1.3s;}
.fy-animation_start .fy-scale-small-70 {animation: animationSmallScale 1s forwards ease-in-out 1.4s;}
.fy-animation_start .fy-scale-small-75 {animation: animationSmallScale 1s forwards ease-in-out 1.5s;}
.fy-animation_start .fy-scale-small-80 {animation: animationSmallScale 1s forwards ease-in-out 1.6s;}
.fy-animation_start .fy-scale-small-85 {animation: animationSmallScale 1s forwards ease-in-out 1.7s;}
.fy-animation_start .fy-scale-small-90 {animation: animationSmallScale 1s forwards ease-in-out 1.8s;}
.fy-animation_start .fy-scale-small-95 {animation: animationSmallScale 1s forwards ease-in-out 1.9s;}
.fy-animation_start .fy-scale-small-100 {animation: animationSmallScale 1s forwards ease-in-out 2s;}
@keyframes animationSmallScale {
    0% {transform: scale(0.96);}
    100% {transform: scale(1);}
}
