/*动画效果编写*/
@keyframes udFloat{
    from {transform: translate3d(0,0,0)}
    to {transform: translate3d(5px, 10px,3px)}
}
/*   animation: udFloat 1.1s ease-in-out infinite alternate;    */
@keyframes cxFloat{
    from {transform: translateY(0)}
    to {transform: translateY(8px)}
}
@-webkit-keyframes cxrotate{
    from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
/*  animation: cxrotate 3s linear infinite;  */

@-webkit-keyframes cxopcity{
    0%{ opacity: 0.1;}
    /*50%{ opacity: 0.6;}*/
    100%{ opacity: 1;}
}
@-webkit-keyframes cxopcity1{
    0%{ opacity: 1;}
    /*50%{ opacity: 0.6;}*/
    100%{ opacity: 0.1;}
}
/*  animation: cxopcity 3s linear infinite;  */

@keyframes cxstart {
    0%{
        opacity: .7;
        transform: scale(.96);
    }
    50%{
        opacity: 1;
        transform: scale(1.1);
    }
    100%{
        opacity: .7;
        transform: scale(.96);
    }
}
/*   animation:cxstart 3s infinite  */

@-webkit-keyframes cxshan{
    0%{ opacity: 0.2;}
    50%{ opacity: 0.6;}
    100%{ opacity: 1;}
}

/*   animation: cxshan 1.2s ease-in-out infinite alternate;   */

@-webkit-keyframes cxshan2{
    from{ opacity: 0.2;}
    to{ opacity: 1;}
}
@-webkit-keyframes cxshan3{
    from{ opacity: 1;}
    to{ opacity: 0.2;}
}
@-webkit-keyframes cxbanner{
    from{ transform: scale(1);}
    to{ transform: scale(1.1);}
}


/*****************************/
@keyframes cBanner1 {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}


@-webkit-keyframes c-pmd1{
    0%{ opacity: 0.15;}
    20%{ opacity: 0.3;}
    40%{ opacity: 0.4;}
    60%{ opacity: 0.6;}
    80%{ opacity: 0.8;}
    100%{ opacity: 1;}
}
@-webkit-keyframes c-pmd2{
    0%{ opacity: 1;}
    20%{ opacity: 0.8;}
    40%{ opacity: 0.6;}
    60%{ opacity: 0.4;}
    80%{ opacity: 0.3;}
    100%{ opacity: 0.15;}

}
/*   animation: udFloat 1.1s ease-in-out infinite alternate;    */

@keyframes fudai{
    from{
        transform: rotate(4deg) translateX(8px);
        transform-origin: 50% 100%;
    }
    to{
        transform: rotate(-5deg) translateX(-8px);
        transform-origin: 50% 100%;
    }
}


@keyframes show-animation{
    0%{
        transform: scale(0.9);
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        opacity: 0.2;
    }
    50%{opacity: 0.5;}
    100%{
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: 0.2;
    }

}

@keyframes btnDj {
        0%{
            transform: scale(0.9);
            -moz-transform: scale(0.9);
            -webkit-transform: scale(0.9);
            opacity: 1;
        }

        100%{
            transform: scale(1.1);
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            opacity: 0;
        }
}


/*练习动画效果*/
@keyframes cRotate1 {
    10%, 20% {
        -webkit-transform: rotate(-8deg);
    }
    15%, 25%, 5% {
        -webkit-transform: rotate(8deg);
    }
    0%, 100%, 30% {
        -webkit-transform: rotate(0);
    }
}
/*-webkit-animation: bmbtn 2s linear infinite;*/

/*地图闪烁*/
@keyframes mapColor1{
    from{
        color: #195279;
    }
    to{
        color: #02EDF1;
    }
}
@keyframes mapShow1{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}