@charset "UTF-8";
/* 淡入-从左 */
.a-fadeinL { -webkit-animation: 0.8s ease-out backwards; -moz-animation: 0.8s ease-out backwards; -ms-animation: 0.8s ease-out backwards; animation: 0.8s ease-out backwards; }
.a-fadeinL { -webkit-animation-name: fadeinL; -moz-animation-name: fadeinL; -ms-animation-name: fadeinL; animation-name: fadeinL; }
@-webkit-keyframes fadeinL {  0% {
opacity:0;
-webkit-transform:translateX(-100px);
}
 100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@-moz-keyframes fadeinL {  0% {
opacity:0;
-moz-transform:translateX(-100px);
}
 100% {
opacity:1;
-moz-transform:translateX(0);
}
}
@-ms-keyframes fadeinL {  0% {
opacity:0;
-ms-transform:translateX(-100px);
}
 100% {
opacity:1;
-ms-transform:translateX(0);
}
}
@keyframes fadeinL {  0% {
opacity:0;
transform:translateX(-100px);
}
 100% {
opacity:1;
transform:translateX(0);
}
}

/*动画*/
/*顺时针旋转*/
@-moz-keyframes rotateR { 0% {
 -moz-transform:rotate(0deg);
}
 100% {
 -moz-transform:rotate(360deg);
}
}
@-webkit-keyframes rotateR { 0% {
 -webkit-transform:rotate(0deg);
}
 100% {
 -webkit-transform:rotate(360deg);
}
}
@keyframes rotateR { 0% {
 transform:rotate(0deg);
}
 100% {
 transform:rotate(360deg);
}
}

/*逆时针旋转*/
@-moz-keyframes rotateL { 0% {
 -moz-transform:rotate(360deg);
}
 100% {
 -moz-transform:rotate(0deg);
}
}
@-webkit-keyframes rotateL { 0% {
 -webkit-transform:rotate(360deg);
}
 100% {
 -webkit-transform:rotate(0deg);
}
}
@keyframes rotateL { 0% {
 transform:rotate(360deg);
}
 100% {
 transform:rotate(0deg);
}
}

/*呼吸效果*/
@-webkit-keyframes pulse {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes pulse {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

/*缩小停止*/
@-webkit-keyframes minus {  from {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes minus {  from {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

/*放大停止*/
@-webkit-keyframes pluseS {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
to { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
}
@keyframes pluseS {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
to { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
}


/*向下动画*/
@-webkit-keyframes sh-mousedown {  0% {
 background-position:0 -72px
}
100% {
 background-position:0 0
}
}
@keyframes sh-mousedown {  0% {
 background-position:0 -72px
}
100% {
 background-position:0 0
}
}
 @-webkit-keyframes wind {  0% {
 opacity:1;
 filter:alpha(opacity=100)\9;
 -webkit-transform:scale(1) translate(0, 0);
 transform:scale(1) translate(0, 0)
}
20% {
 opacity:.8;
 filter:alpha(opacity=80)\9;
 -webkit-transform:scale(0.99) translate(0, -20px);
 transform:scale(0.99) translate(0, -20px)
}
50% {
 opacity:1;
 filter:alpha(opacity=100)\9;
 -webkit-transform:scale(1) translate(0, 0);
 transform:scale(1) translate(0, 0)
}
70% {
 opacity:.8;
 filter:alpha(opacity=80)\9;
 -webkit-transform:scale(0.99) translate(0, -20px);
 transform:scale(0.99) translate(0, -20px)
}
100% {
 opacity:1;
 filter:alpha(opacity=100)\9;
 -webkit-transform:scale(1) translate(0, 0);
 transform:scale(1) translate(0, 0)
}
}
@keyframes wind {  0% {
 opacity:1;
 filter:alpha(opacity=100)\9;
 -webkit-transform:scale(1) translate(0, 0);
 transform:scale(1) translate(0, 0)
}
20% {
 opacity:.8;
 filter:alpha(opacity=80)\9;
 -webkit-transform:scale(0.99) translate(0, -20px);
 transform:scale(0.99) translate(0, -20px)
}
50% {
 opacity:1;
 filter:alpha(opacity=100)\9;
 -webkit-transform:scale(1) translate(0, 0);
 transform:scale(1) translate(0, 0)
}
70% {
 opacity:.8;
 filter:alpha(opacity=80)\9;
 -webkit-transform:scale(0.99) translate(0, -20px);
 transform:scale(0.99) translate(0, -20px)
}
100% {
 opacity:1;
 filter:alpha(opacity=100)\9;
 -webkit-transform:scale(1) translate(0, 0);
 transform:scale(1) translate(0, 0)
}
}
 @-webkit-keyframes searchLights {  0% {
left: -100px;
top: 0;
}
to { left: 220px; top: 100px; }
}
@-o-keyframes searchLights {  0% {
left: -100px;
top: 0;
}
to { left: 220px; top: 100px; }
}
@-moz-keyframes searchLights {  0% {
left: -100px;
top: 0;
}
to { left: 220px; top: 100px; }
}
@keyframes searchLights {  0% {
left: -100px;
top: 0;
}
to { left: 220px; top: 100px; }
}
 @-webkit-keyframes fadeRT { 0% {
-webkit-transform:translate(0%, -20%) scale(0.7);
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeRT { 0% {
-moz-transform:translate(0, -20%) scale(0.7)
}
100% {
-moz-transform:translateX(0)
}
}




/* 淡入-从下 */
@-webkit-keyframes fadeinB {  0% {
opacity:0;
-webkit-transform:translateY(100px);
}
 100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-moz-keyframes fadeinB {  0% {
opacity:0;
-moz-transform:translateY(100px);
}
 100% {
opacity:1;
-moz-transform:translateY(0);
}
}
@-ms-keyframes fadeinB {  0% {
opacity:0;
-ms-transform:translateY(100px);
}
 100% {
opacity:1;
-ms-transform:translateY(0);
}
}
@keyframes fadeinB {  0% {
opacity:0;
transform:translateY(100px);
}
 100% {
opacity:1;
transform:translateY(0);
}
}