@charset "UTF-8";
/* 动画特效 */
/* fade-up */
.teaser {
  opacity: 0;
  -webkit-transform: translate3d(0, 25%, 0);
          transform: translate3d(0, 25%, 0);
  -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
  -o-transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
}

/* fade-up-right */
.lefter {
  opacity: 0;
  -webkit-transform: translate3d(-35%, 35%, 0);
          transform: translate3d(-35%, 35%, 0);
  -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
  -o-transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
}

/* fade-up-left */
.righter {
  opacity: 0;
  -webkit-transform: translate3d(35%, 35%, 0);
          transform: translate3d(35%, 35%, 0);
  -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
  -o-transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
}

/* fade-down */
.downer {
  opacity: 0;
  -webkit-transform: translate3d(0, -35%, 0);
          transform: translate3d(0, -35%, 0);
  -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
  -o-transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
}

/* fade-right */
.lter {
  opacity: 0;
  -webkit-transform: translate3d(-35%, 0, 0);
          transform: translate3d(-35%, 0, 0);
  -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
  -o-transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
}

/* fade-left */
.rter {
  opacity: 0;
  -webkit-transform: translate3d(35%, 0, 0);
          transform: translate3d(35%, 0, 0);
  -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
  -o-transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s;
}

.teaser.is-visible {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.lefter.is-visible {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.righter.is-visible {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.downer.is-visible {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.lter.is-visible {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.rter.is-visible {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.delay1 {
  -webkit-transition-delay: 0.1s !important;
       -o-transition-delay: 0.1s !important;
          transition-delay: 0.1s !important;
}

.delay2 {
  -webkit-transition-delay: 0.2s !important;
       -o-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
}

.delay3 {
  -webkit-transition-delay: 0.3s !important;
       -o-transition-delay: 0.3s !important;
          transition-delay: 0.3s !important;
}

.delay4 {
  -webkit-transition-delay: 0.4s !important;
       -o-transition-delay: 0.4s !important;
          transition-delay: 0.4s !important;
}

.delay5 {
  -webkit-transition-delay: 0.5s !important;
       -o-transition-delay: 0.5s !important;
          transition-delay: 0.5s !important;
}

.delay6 {
  -webkit-transition-delay: 0.6s !important;
       -o-transition-delay: 0.6s !important;
          transition-delay: 0.6s !important;
}

.delay7 {
  -webkit-transition-delay: 0.7s !important;
       -o-transition-delay: 0.7s !important;
          transition-delay: 0.7s !important;
}

.delay8 {
  -webkit-transition-delay: 0.8s !important;
       -o-transition-delay: 0.8s !important;
          transition-delay: 0.8s !important;
}

.delay9 {
  -webkit-transition-delay: 0.9s !important;
       -o-transition-delay: 0.9s !important;
          transition-delay: 0.9s !important;
}

.delay10 {
  -webkit-transition-delay: 1s !important;
       -o-transition-delay: 1s !important;
          transition-delay: 1s !important;
}

.delay11 {
  -webkit-transition-delay: 1.1s !important;
       -o-transition-delay: 1.1s !important;
          transition-delay: 1.1s !important;
}

.delay12 {
  -webkit-transition-delay: 1.2s !important;
       -o-transition-delay: 1.2s !important;
          transition-delay: 1.2s !important;
}

.delay13 {
  -webkit-transition-delay: 1.3s !important;
       -o-transition-delay: 1.3s !important;
          transition-delay: 1.3s !important;
}

.delay14 {
  -webkit-transition-delay: 1.4s !important;
       -o-transition-delay: 1.4s !important;
          transition-delay: 1.4s !important;
}

.delay15 {
  -webkit-transition-delay: 1.5s !important;
       -o-transition-delay: 1.5s !important;
          transition-delay: 1.5s !important;
}

/* 动画2 */
[data-ani] {
  opacity: 0;
}

.ani {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

[data-ani-delay='100'] {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

[data-ani-delay='200'] {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

[data-ani-delay='300'] {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

[data-ani-delay='400'] {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

[data-ani-delay='500'] {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

[data-ani-delay='600'] {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

[data-ani-delay='700'] {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

[data-ani-delay='800'] {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

[data-ani-delay='900'] {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

[data-ani-delay='1000'] {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

[data-ani=fade-in].ani {
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
}

@-webkit-keyframes fade-up {
  from {
    opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fade-up {
  from {
    opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

[data-ani=fade-up].ani {
  -webkit-animation-name: fade-up;
          animation-name: fade-up;
}

@-webkit-keyframes fade-down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-2rem);
            transform: translateY(-2rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fade-down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-2rem);
            transform: translateY(-2rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

[data-ani=fade-down].ani {
  -webkit-animation-name: fade-down;
          animation-name: fade-down;
}

@-webkit-keyframes fade-left {
  from {
    opacity: 0;
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes fade-left {
  from {
    opacity: 0;
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

[data-ani=fade-left].ani {
  -webkit-animation-name: fade-left;
          animation-name: fade-left;
}

@-webkit-keyframes fade-right {
  from {
    opacity: 0;
    -webkit-transform: translateX(-2rem);
            transform: translateX(-2rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes fade-right {
  from {
    opacity: 0;
    -webkit-transform: translateX(-2rem);
            transform: translateX(-2rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

[data-ani=fade-right].ani {
  -webkit-animation-name: fade-right;
          animation-name: fade-right;
}

@-webkit-keyframes zoom-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoom-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

[data-ani=zoom-in].ani {
  -webkit-animation-name: zoom-in;
          animation-name: zoom-in;
}