﻿
/*查看按钮动画*/
@keyframes myanimate{
    0% {
        transform: scale(.9);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(.9);
    }
}

@keyframes logo{
    0% {
        transform: translateY(0);
    }
    33% {
        transform: translateY(-3px);
    }
    66% {
        transform: translateY(3px);
    }
    100% {
        transform: translateY(0);
    }
}
/*图片hover动画*/
@keyframes imganimate{
     0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}
@keyframes imganimate_a{
     0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
/*旋转动画*/
@keyframes rotate{
     0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*颜色动画*/
@keyframes colors{
    from {color:#000;}
    to {color: #FF7800;}
}
@keyframes colors_a{
    from {color:#FF7800;}
    to {color: #000;}
}
/*跳动动画*/
@keyframes up_ani{
     0% {
        transform: translateY(0);
    }
    100% {
        transform: rotate(-15px);
    }
}
@keyframes down_ani{
     0% {
        transform: translateY(-15px);
    }
    100% {
        transform: rotate(0);
    }
}
/*导航跳动动画*/
@keyframes up_nav{
     0% {
        transform: translateY(0);
    }
    100% {
        transform: rotate(-8px);
    }
}
@keyframes down_nav{
     0% {
        transform: translateY(-8px);
    }
    100% {
        transform: rotate(0);
    }
}
.la11,.nav_tel{animation:myanimate 1.2s linear infinite;}
.imganimate{animation:imganimate 1s linear 1;}
.imganimate_a{animation:imganimate_a 1s linear 1;}
.rotate{animation:rotate 1.2s linear 1;}
.color{animation:colors 0.3s linear 1;}
.color_after{animation:colors_a 0.3s linear 1;}
.up_ani{animation:up_ani 0.3s linear 1;}
.down_ani{animation:down_ani 0.3s linear 1;}
.up_nav{animation:up_nav 0.3s linear 1;}
.down_nav{animation:down_nav 0.3s linear 1;}
.buy_ul li:nth-child(odd){animation:logo 1.3s ease-in-out infinite;}
.buy_ul li:nth-child(even){animation:logo 1.3s 0.5s ease-in-out infinite;}

