/*背景过渡*/
.a-gdbg{transition: background 0.5s;-moz-transition: background 0.5s;-webkit-transition: background 0.5s;-ms-transition: background 0.5s;}/*背景过渡*/
/*阴影过渡*/
.a-gdshadow{transition: box-shadow 2s;-moz-transition: box-shadow 2s;-webkit-transition: box-shadow 2s;-ms-transition: box-shadow 2s;}

/* 弹入-从右 */
.active .a-bounceinR{-webkit-animation:1s ease 0.5s;-moz-animation:1s ease 0.5s;-ms-animation:1s ease 0.5s;animation:1s ease 0.5s;-webkit-animation-name:bounceinR;-moz-animation-name:bounceinR;-ms-animation-name:bounceinR;animation-name:bounceinR;}
/* 弹入-从左 */
.active .a-bounceinL{-webkit-animation:2s ease;-moz-animation:2s ease;-ms-animation:2s ease;animation:2s ease;-webkit-animation-name:bounceinL;-moz-animation-name:bounceinL;-ms-animation-name:bounceinL;animation-name:bounceinL;}
/* 弹入-从上 */
.active .a-bounceinT{-webkit-animation:2s ease;-moz-animation:2s ease;-ms-animation:2s ease;animation:2s ease;-webkit-animation-name:bounceinT;-moz-animation-name:bounceinT;-ms-animation-name:bounceinT;animation-name:bounceinT;}
/* 弹入-从下 */
.active .a-bounceinB{-webkit-animation:2s ease;-moz-animation:2s ease;-ms-animation:2s ease;animation:2s ease;-webkit-animation-name:bounceinB;-moz-animation-name:bounceinB;-ms-animation-name:bounceinB;animation-name:bounceinB;}
/*上下闪烁*/
.active .a-sxmove{animation:xfmove 0.5s infinite alternate;-webkit-animation:xfmove 0.5s linear infinite alternate;-moz-animation:xfmove 0.5s linear infinite alternate;}

/*从左上飞入*/
.active .a-frLT{-webkit-animation:0.5s linear;-moz-animation:0.5s linear;-ms-animation:0.5s linear;animation:0.5s linear;-webkit-animation-name:frLT;-moz-animation-name:frLT;-ms-animation-name:frLT;animation-name:frLT;}

/*从左下飞入*/
.active .a-frLB{-webkit-animation:0.5s linear;-moz-animation:0.5s linear;-ms-animation:0.5s linear;animation:0.5s linear;-webkit-animation-name:frLB;-moz-animation-name:frLB;-ms-animation-name:frLB;animation-name:frLB;}

/*放大缩小*/
.active .a-pulse{-webkit-animation:linear 2s;-moz-animation:linear 2s infinite;-ms-animation:linear 2s;animation:linear 2s infinite;-webkit-animation-name:pulse;-moz-animation-name:pulse;-ms-animation-name:pulse;animation-name:pulse;}

/*圆圈转*/
.active .a-yqfd{-webkit-animation:2s linear;-moz-animation:2s linear;-ms-animation:2s linear;animation:2s linear;-webkit-animation-name:yqfd;-moz-animation-name:yqfd;-ms-animation-name:yqfd;animation-name:yqfd;}

/*圆圈转*/
.active .a-yqfd2{-webkit-animation:1s linear;-moz-animation:1s linear;-ms-animation:1s linear;animation:1s linear;-webkit-animation-name:yqfd2;-moz-animation-name:yqfd2;-ms-animation-name:yqfd2;animation-name:yqfd2;}

/* 翻转 */
.active .a-rotatein{-webkit-animation:2s ease;-moz-animation:2s ease 0.5s;-ms-animation:2s ease 0.5s;animation:2s ease 0.5s;-webkit-animation-name:rotatein;-moz-animation-name:rotatein;-ms-animation-name:rotatein;animation-name:rotatein;}

/*上下闪烁*/
@keyframes xfmove
{
    from {top:0px;}
    to {top:12px;}
}

@-webkit-keyframes xfmove /*Safari and Chrome*/
{
    from {top:0px;}
    to {top:12px;}
}
@-moz-keyframes xfmove /*Safari and Chrome*/
{
    from {top:0px;}
    to {top:12px;}
}
@-ms-keyframes xfmove /*Safari and Chrome*/
{
    from {top:0px;}
    to {top:12px;}
}

/* 转入 */
@-webkit-keyframes rotatein{
    0%{opacity:0;-webkit-transform:rotate(-200deg);}
    100%{opacity:1;-webkit-transform:rotate(0);}
}
@-moz-keyframes rotatein{
    0%{opacity:0;-moz-transform:rotate(-200deg);}
    100%{opacity:1;-moz-transform:rotate(0);}
}
@-ms-keyframes rotatein{
    0%{opacity:0;-ms-transform:rotate(-200deg);}
    100%{opacity:1;-ms-transform:rotate(0);}
}
@keyframes rotatein{
    0%{opacity:0;transform:rotate(-200deg);}
    100%{opacity:1;transform:rotate(0);}
}


/* 弹入-从右 */
@-webkit-keyframes bounceinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    100%{-ms-transform:translateX(0);}
}
@keyframes bounceinR{
    0%{opacity:0;transform:translateX(100px);}
    100%{transform:translateX(0);}
}

/* 弹入-从左 */
@-webkit-keyframes bounceinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{-ms-transform:translateX(0);}
}
@keyframes bounceinL{
    0%{opacity:0;transform:translateX(-100px);}
    100%{transform:translateX(0);}
}

/* 弹入-从上 */
@-webkit-keyframes bounceinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinT{
    0%{opacity:0;transform:translateY(-100px);}
    100%{transform:translateY(0);}
}
/* 弹入-从下 */
@-webkit-keyframes bounceinT{
    0%{opacity:0;-webkit-transform:translateY(100px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinT{
    0%{opacity:0;-moz-transform:translateY(100px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinT{
    0%{opacity:0;-ms-transform:translateY(100px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinT{
    0%{opacity:0;transform:translateY(100px);}
    100%{transform:translateY(0);}
}
/* 飞入-从左上角 */
@-webkit-keyframes frLT{
    0%{opacity:0;margin-left: -50%;margin-top: -55%;}
    40%{opacity:0.5;margin-left: -35%;margin-top: -35%;}
    80%{opacity:0.8;margin-left: -15%;margin-top: -15%;}
    100%{margin-left:85px;margin-top: 0;}
}
@-moz-keyframes frLT{
    0%{opacity:0;margin-left: -50%;margin-top: -55%;}
    40%{opacity:0.5;margin-left: -35%;margin-top: -35%;}
    80%{opacity:0.8;margin-left: -15%;margin-top: -15%;}
    100%{margin-left:85px;margin-top: 0;}
}
@-ms-keyframes frLT{
    0%{opacity:0;margin-left: -50%;margin-top: -55%;}
    40%{opacity:0.5;margin-left: -35%;margin-top: -35%;}
    80%{opacity:0.8;margin-left: -15%;margin-top: -15%;}
    100%{margin-left:85px;margin-top: 0;}
}
@keyframes frLT{
    0%{opacity:0;margin-left: -50%;margin-top: -55%;}
    40%{opacity:0.5;margin-left: -35%;margin-top: -35%;}
    80%{opacity:0.8;margin-left: -15%;margin-top: -15%;}
    100%{margin-left:85px;margin-top: 0;}
}

/* 飞入-从左下角 */
@-webkit-keyframes frLB{
    0%{opacity:0;left: -10%;bottom: -75px;}
    60%{opacity:0.5;left: 10%;}
    80%{opacity:1;left: 30%;}
    100%{left: 50%;bottom: 75px;}
}
@-moz-keyframes frLB{
    0%{opacity:0;left: -10%;bottom: -75px;}
    60%{opacity:0.5;left: 10%;}
    80%{opacity:1;left: 30%;}
    100%{left: 50%;bottom: 75px;}
}
@-ms-keyframes frLB{
    0%{opacity:0;left: -10%;bottom: -75px;}
    60%{opacity:0.5;left: 10%;}
    80%{opacity:1;left: 30%;}
    100%{left: 50%;bottom: 75px;}
}
@keyframes frLB{
    0%{opacity:0;left: -10%;bottom: -75px;}
    60%{opacity:0.5;left: 10%;}
    80%{opacity:1;left: 30%;}
    100%{left: 50%;bottom: 75px;}
}


/*转圈圈放大缩小 */
@-webkit-keyframes yqfd{
    0%{opacity:0;-webkit-transform: scale(1.2) rotate(0deg);}
    25%{opacity:1;-webkit-transform:  scale(1) rotate(90deg);}
    50%{opacity:0.5;-webkit-transform: scale(0.8) rotate(180deg);}
    75%{opacity:0.8;-webkit-transform:  scale(0.9) rotate(270deg);}
    100%{opacity:1;-webkit-transform:  scale(1) rotate(360deg);}
}
@-moz-keyframes yqfd{
    0%{opacity:0;-moz-transform: scale(1.2) rotate(0deg);}
    25%{opacity:1;-moz-transform:  scale(1) rotate(90deg);}
    50%{opacity:0.5;-moz-transform: scale(0.8) rotate(180deg);}
    75%{opacity:0.8;-moz-transform:  scale(0.9) rotate(270deg);}
    100%{opacity:1;-moz-transform:  scale(1) rotate(360deg);}
}
@-ms-keyframes yqfd{
    0%{opacity:0;-ms-transform: scale(1.2) rotate(0deg);}
    25%{opacity:1;-ms-transform:  scale(1) rotate(90deg);}
    50%{opacity:0.5;-ms-transform: scale(0.8) rotate(180deg);}
    75%{opacity:0.8;-ms-transform:  scale(0.9) rotate(270deg);}
    100%{opacity:1;-ms-transform:  scale(1) rotate(360deg);}
}
@keyframes yqfd{
    0%{opacity:0;transform: scale(1.2) rotate(0deg);}
    25%{opacity:1;transform:  scale(1) rotate(90deg);}
    50%{opacity:0.5;transform: scale(0.8) rotate(180deg);}
    75%{opacity:0.8;transform:  scale(0.9) rotate(270deg);}
    100%{opacity:1;transform:  scale(1) rotate(360deg);}
}

/*转圈圈放大缩小 */
@-webkit-keyframes yqfd2{
    0%{opacity:0;-webkit-transform: scale(0) rotate(0deg);}
    25%{opacity:0.25;-webkit-transform:  scale(0.1) rotate(90deg);}
    50%{opacity:0.5;-webkit-transform: scale(0.25) rotate(180deg);}
    75%{opacity:0.75;-webkit-transform:  scale(0.5) rotate(270deg);}
    100%{opacity:1;-webkit-transform:  scale(1) rotate(360deg);}
}
@-moz-keyframes yqfd2{
    0%{opacity:0;-moz-transform: scale(0) rotate(0deg);}
    25%{opacity:1;-moz-transform:  scale(0.1) rotate(90deg);}
    50%{opacity:0.5;-moz-transform: scale(0.25) rotate(180deg);}
    75%{opacity:0.75;-moz-transform:  scale(0.5) rotate(270deg);}
    100%{opacity:1;-moz-transform:  scale(1) rotate(360deg);}
}
@-ms-keyframes yqfd2{
    0%{opacity:0;-ms-transform: scale(0) rotate(0deg);}
    25%{opacity:0.25;-ms-transform: scale(0.1) rotate(90deg);}
    50%{opacity:0.5;-ms-transform: scale(0.25) rotate(180deg);}
    75%{opacity:0.75;-ms-transform: scale(0.5) rotate(270deg);}
    100%{opacity:1;-ms-transform: scale(1) rotate(360deg);}
}
@keyframes yqfd2{
    0%{opacity:0;transform:scale(0) rotate(0deg);}
    25%{opacity:0.25;transform:  scale(0.1) rotate(90deg);}
    50%{opacity:0.5;transform: scale(0.25) rotate(180deg);}
    75%{opacity:0.78;transform: scale(0.5) rotate(270deg);}
    100%{opacity:1;transform: scale(1) rotate(360deg);}
}

/* 摇晃 */
@-webkit-keyframes wobble{
    0%{-webkit-transform:translateX(0);}
    15%{-webkit-transform:translateX(-100px) rotate(-5deg);}
    30%{-webkit-transform:translateX(80px) rotate(3deg);}
    45%{-webkit-transform:translateX(-65px) rotate(-3deg);}
    60%{-webkit-transform:translateX(40px) rotate(2deg);}
    75%{-webkit-transform:translateX(-20px) rotate(-1deg);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes wobble{
    0%{-moz-transform:translateX(0);}
    15%{-moz-transform:translateX(-100px) rotate(-5deg);}
    30%{-moz-transform:translateX(80px) rotate(3deg);}
    45%{-moz-transform:translateX(-65px) rotate(-3deg);}
    60%{-moz-transform:translateX(40px) rotate(2deg);}
    75%{-moz-transform:translateX(-20px) rotate(-1deg);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes wobble{
    0%{-ms-transform:translateX(0);}
    15%{-ms-transform:translateX(-100px) rotate(-5deg);}
    30%{-ms-transform:translateX(80px) rotate(3deg);}
    45%{-ms-transform:translateX(-65px) rotate(-3deg);}
    60%{-ms-transform:translateX(40px) rotate(2deg);}
    75%{-ms-transform:translateX(-20px) rotate(-1deg);}
    100%{-ms-transform:translateX(0);}
}
@keyframes wobble{
    0%{transform:translateX(0);}
    15%{transform:translateX(-100px) rotate(-5deg);}
    30%{transform:translateX(80px) rotate(3deg);}
    45%{transform:translateX(-65px) rotate(-3deg);}
    60%{transform:translateX(40px) rotate(2deg);}
    75%{transform:translateX(-20px) rotate(-1deg);}
    100%{transform:translateX(0);}
}
/*放大缩小*/
@keyframes pulse {
    0% {transform: scaleX(1)}
    50% {transform: scale3d(1.2,1.2,1.2)}
    to {transform: scaleX(1)}
}
@-moz-keyframes pulse {
    0% {-moz-keyframestransform: scaleX(1)}
    50% {-moz-keyframestransform: scale3d(1.2,1.2,1.2)}
    to {-moz-keyframestransform: scaleX(1)}
}
@-webkit-keyframes pulse {
    0% {-webkit-transform: scaleX(1)}
    50% {-webkit-transform: scale3d(1.2,1.2,1.2)}
    to {-webkit-transform: scaleX(1)}
}