@charset "utf-8";

/*常用动画*/
/*-----------------------------------------------------------------------------------*/
/*  顺时针旋转
/*-----------------------------------------------------------------------------------*/
@-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 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 sh-ripple {
  0% {
  -webkit-transform:scale(0);
  transform:scale(0)
}
50% {
  opacity:1;
  filter:alpha(opacity=100)\9
}
100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0;
  filter:alpha(opacity=0)\9
}
}
@keyframes sh-ripple {
  0% {
  -webkit-transform:scale(0);
  transform:scale(0)
}
50% {
  opacity:1;
  filter:alpha(opacity=100)\9
}
100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0;
  filter:alpha(opacity=0)\9
}
}



.a-fadeinB{-webkit-animation:0.5s ease-out backwards;-moz-animation:0.5s ease-out backwards;-ms-animation:0.5s ease-out backwards;animation:0.5s ease-out backwards;}
.a-fadeinB{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
/* 淡入-从下 */
@-webkit-keyframes fadeinB{
    0%{opacity:0;-webkit-transform:translateY(50px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinB{
    0%{opacity:0;-moz-transform:translateY(50px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinB{
    0%{opacity:0;-ms-transform:translateY(50px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinB{
    0%{opacity:0;transform:translateY(50px);}
    100%{opacity:1;transform:translateY(0);}
}