@import url('/template/cn/public/assest/css/animate.min.css');

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

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

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

.fadeInUp {
  transform: translateY(50%);
  opacity: 0;
  -webkit-animation-name: inherit;
  animation-name: inherit;
}

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


@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.5, .1, .3);
        transform: scale3d(.5, .1, .3)
    }
    50% {
        opacity: 1
    }
    100% {
      opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.5, .1, .3);
        transform: scale3d(.5, .1, .3)
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 1;
    }
}

.zoomIn {
    opacity: 0;
    -webkit-animation-name: inherit;
    animation-name: inherit
}
.zoomIn.visible {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInStamp {
    0% {
        opacity: 0;
        -webkit-transform: translate(200%, -100%) scale3d(15, 15, 15);
        transform: translate(200%, -100%) scale3d(15, 15, 15)
    }
    50% {
        opacity: 0.3
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0) scale3d(1, 1, 1);
      transform: translate(0) scale3d(1, 1, 1)
    }
}

@keyframes zoomInStamp {
    0% {
        opacity: 0;
        -webkit-transform: translate(200%, -100%) scale3d(15, 15, 15);
        transform: translate(200%, -100%) scale3d(15, 15, 15)
    }
    70% {
        opacity: 0.3
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0) scale3d(1, 1, 1);
      transform: translate(0) scale3d(1, 1, 1)
    }
}


.zoomInStamp {
  opacity: 0;
  -webkit-animation-name: inherit;
  animation-name: inherit;  
}
.zoomInStamp.visible {
  -webkit-animation-name: zoomInStamp;
  animation-name: zoomInStamp
}

.zoomInUp,
.bounceIn {
  opacity: 0;
  -webkit-animation-name: inherit;
  animation-name: inherit;  
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.zoomInUp.visible {
  opacity: 1;
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
.bounceIn.visible {
  opacity: 1;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}