.swiper-slide-active .effect1{
    -webkit-animation: fadeInDown .5s .2s ease-out both;
    -moz-animation: fadeInDown .5s .2s ease-out both;
    -ms-animation: fadeInDown .5s .2s ease-out both;
    animation: fadeInDown 0.5s .2s ease-out both;
}
.swiper-slide-active .effect2{
    -webkit-animation: fadeInLeft .5s .2s ease-out both;
    -moz-animation: fadeInLeft .5s .2s ease-out both;
    -ms-animation: fadeInLeft .5s .2s ease-out both;
    animation: fadeInLeft 0.5s .2s ease-out both;
}
.swiper-slide-active .effect3{
    -webkit-animation: fadeInRight .5s .2s ease-out both;
    -moz-animation: fadeInRight .5s .2s ease-out both;
    -ms-animation: fadeInRight .5s .2s ease-out both;
    animation: fadeInRight 0.5s .2s ease-out both;
}
.swiper-slide-active .effect4{   
    -webkit-animation: pulseIn .3s .8s ease-out both;
    -moz-animation: pulseIn .3s .8s ease-out both;
    -ms-animation: pulseIn .3s .8s ease-out both;
    animation: pulseIn 0.3s .8s ease-out both;
}
.swiper-slide-active .effect5{
    -webkit-animation: pulseInOut 1s 1s ease-out both;
    -moz-animation: pulseInOut 1s 1s ease-out both;
    -ms-animation: pulseInOut 1s 1s ease-out both;
    animation: pulseInOut 1s 1s ease-out both;
}
.swiper-slide-active .effect6{
    -webkit-animation: fadeInRight .5s .5s ease-out both;
    -moz-animation: fadeInRight .5s .5s ease-out both;
    -ms-animation: fadeInRight .5s .5s ease-out both;
    animation: fadeInRight 0.5s .5s ease-out both;
}




/*提示翻页*/
.all_top {
    width: 0.84rem;
    height: 0.6rem;
    position: absolute;
    left: 50%;
    bottom: 0.4rem;
    margin-left: -.42rem;
    z-index: 9;
    display: block;
    opacity: 1;
    -webkit-animation: upAndDown .4s ease-out alternate infinite both;
    -moz-animation: upAndDown .4s ease-out alternate infinite both;
    -ms-animation: upAndDown .4s ease-out alternate infinite both;
    animation: upAndDown .4s ease-out alternate infinite both;
    background: url(../images/all_top.png) no-repeat top center;
    background-size: 100% auto;
}
@-webkit-keyframes upAndDown {
    0% {
        -webkit-transform: translateY(0.8rem)
    }

    100% {
        -webkit-transform: translateY(-.8rem)
    }
}

@-moz-keyframes upAndDown {
    0% {
        -moz-transform: translateY(0.8rem)
    }

    100% {
        -moz-transform: translateY(-.8rem)
    }
}

@-o-keyframes upAndDown {
    0% {
        -o-transform: translateY(0.8rem)
    }

    100% {
        -o-transform: translateY(-.8rem)
    }
}

@-ms-keyframes upAndDown {
    0% {
        -ms-transform: translateY(0.8rem)
    }

    100% {
        -ms-transform: translateY(-.8rem)
    }
}

@keyframes upAndDown {
    0% {
        transform: translateY(0.8rem)
    }

    100% {
        transform: translateY(-.8rem)
    }
}



@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}



@-webkit-keyframes pulseInOut {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  90% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes pulseInOut {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  90% {
    -moz-transform: scale3d(1.5, 1.5, 1.5);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pulseInOut {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  90% {
    -o-transform: scale3d(1.5, 1.5, 1.5);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-ms-keyframes pulseInOut {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  90% {
    -ms-transform: scale3d(1.5, 1.5, 1.5);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes pulseInOut {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  90% {
    transform: scale3d(1.5, 1.5, 1.5);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulseIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(2.6, 2.6, 2.6);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes pulseIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: scale3d(2.6, 2.6, 2.6);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes pulseIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: scale3d(2.6, 2.6, 2.6);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -o-transform: scale3d(1, 1, 1);
  }
}
@-ms-keyframes pulseIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: scale3d(2.6, 2.6, 2.6);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: scale3d(1, 1, 1);
  }
}
@keyframes pulseIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale3d(2.6, 2.6, 2.6);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale3d(1, 1, 1);
  }
}