@charset "UTF-8";  
    /*!  
    Animate.css - http://daneden.me/animate  
    Licensed under the MIT license - http://opensource.org/licenses/MIT  
      
    Copyright (c) 2014 Daniel Eden  
    */  

    .animated {  
      -webkit-animation-duration: 1s;  
              animation-duration: 1s;  
      -webkit-animation-fill-mode: both;  
              animation-fill-mode: both;  
    }  
      
    .animated.infinite {  
      -webkit-animation-iteration-count: infinite;  
              animation-iteration-count: infinite;  
    }  
      
    .animated.hinge {  
      -webkit-animation-duration: 2s;  
              animation-duration: 2s;  
    }  
      
    @-webkit-keyframes bounce {  
      0%, 20%, 53%, 80%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
        -webkit-transform: translate3d(0,0,0);  
                transform: translate3d(0,0,0);  
      }  
      
      40%, 43% {  
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
                transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
        -webkit-transform: translate3d(0, -30px, 0);  
                transform: translate3d(0, -30px, 0);  
      }  
      
      70% {  
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
                transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
        -webkit-transform: translate3d(0, -15px, 0);  
                transform: translate3d(0, -15px, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(0,-4px,0);  
                transform: translate3d(0,-4px,0);  
      }  
    }  
      
    @keyframes bounce {  
      0%, 20%, 53%, 80%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
        -webkit-transform: translate3d(0,0,0);  
                transform: translate3d(0,0,0);  
      }  
      
      40%, 43% {  
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
                transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
        -webkit-transform: translate3d(0, -30px, 0);  
                transform: translate3d(0, -30px, 0);  
      }  
      
      70% {  
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
                transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
        -webkit-transform: translate3d(0, -15px, 0);  
                transform: translate3d(0, -15px, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(0,-4px,0);  
                transform: translate3d(0,-4px,0);  
      }  
    }  
      
    .bounce {  
      -webkit-animation-name: bounce;  
              animation-name: bounce;  
      -webkit-transform-origin: center bottom;  
          -ms-transform-origin: center bottom;  
              transform-origin: center bottom;  
    }  
      
    @-webkit-keyframes flash {  
      0%, 50%, 100% {  
        opacity: 1;  
      }  
      
      25%, 75% {  
        opacity: 0;  
      }  
    }  
      
    @keyframes flash {  
      0%, 50%, 100% {  
        opacity: 1;  
      }  
      
      25%, 75% {  
        opacity: 0;  
      }  
    }  
      
    .flash {  
      -webkit-animation-name: flash;  
              animation-name: flash;  
    }  
      
    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
      
    @-webkit-keyframes pulse {  
      0% {  
        -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);  
      }  
      
      100% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    @keyframes pulse {  
      0% {  
        -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);  
      }  
      
      100% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    .pulse {  
      -webkit-animation-name: pulse;  
              animation-name: pulse;  
    }  
      
    @-webkit-keyframes rubberBand {  
      0% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
      
      30% {  
        -webkit-transform: scale3d(1.25, 0.75, 1);  
                transform: scale3d(1.25, 0.75, 1);  
      }  
      
      40% {  
        -webkit-transform: scale3d(0.75, 1.25, 1);  
                transform: scale3d(0.75, 1.25, 1);  
      }  
      
      50% {  
        -webkit-transform: scale3d(1.15, 0.85, 1);  
                transform: scale3d(1.15, 0.85, 1);  
      }  
      
      65% {  
        -webkit-transform: scale3d(.95, 1.05, 1);  
                transform: scale3d(.95, 1.05, 1);  
      }  
      
      75% {  
        -webkit-transform: scale3d(1.05, .95, 1);  
                transform: scale3d(1.05, .95, 1);  
      }  
      
      100% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    @keyframes(关键帧) rubberBand {  
      0% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
      
      30% {  
        -webkit-transform: scale3d(1.25, 0.75, 1);  
                transform: scale3d(1.25, 0.75, 1);  
      }  
      
      40% {  
        -webkit-transform: scale3d(0.75, 1.25, 1);  
                transform: scale3d(0.75, 1.25, 1);  
      }  
      
      50% {  
        -webkit-transform: scale3d(1.15, 0.85, 1);  
                transform: scale3d(1.15, 0.85, 1);  
      }  
      
      65% {  
        -webkit-transform: scale3d(.95, 1.05, 1);  
                transform: scale3d(.95, 1.05, 1);  
      }  
      
      75% {  
        -webkit-transform: scale3d(1.05, .95, 1);  
                transform: scale3d(1.05, .95, 1);  
      }  
      
      100% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    .rubberBand {  
      -webkit-animation-name: rubberBand;  
              animation-name: rubberBand;  
    }  
      
    @-webkit-keyframes shake {  
      0%, 100% {  
        -webkit-transform: translate3d(0, 0, 0);  
                transform: translate3d(0, 0, 0);  
      }  
      
      10%, 30%, 50%, 70%, 90% {  
        -webkit-transform: translate3d(-10px, 0, 0);  
                transform: translate3d(-10px, 0, 0);  
      }  
      
      20%, 40%, 60%, 80% {  
        -webkit-transform: translate3d(10px, 0, 0);  
                transform: translate3d(10px, 0, 0);  
      }  
    }  
      
    @keyframes shake {  
      0%, 100% {  
        -webkit-transform: translate3d(0, 0, 0);  
                transform: translate3d(0, 0, 0);  
      }  
      
      10%, 30%, 50%, 70%, 90% {  
        -webkit-transform: translate3d(-10px, 0, 0);  
                transform: translate3d(-10px, 0, 0);  
      }  
      
      20%, 40%, 60%, 80% {  
        -webkit-transform: translate3d(10px, 0, 0);  
                transform: translate3d(10px, 0, 0);  
      }  
    }  
      
    .shake {  
      -webkit-animation-name: shake;  
              animation-name: shake;  
    }  
      
    @-webkit-keyframes swing {  

      20% {  
        -webkit-transform: rotate3d(0, 0, 1, 15deg);  
                transform: rotate3d(0, 0, 1, 15deg);  
      }  
      
      40% {  
        -webkit-transform: rotate3d(0, 0, 1, -10deg);  
                transform: rotate3d(0, 0, 1, -10deg);  
      }  
      
      60% {  
        -webkit-transform: rotate3d(0, 0, 1, 5deg);  
                transform: rotate3d(0, 0, 1, 5deg);  
      }  
      
      80% {  
        -webkit-transform: rotate3d(0, 0, 1, -5deg);  
                transform: rotate3d(0, 0, 1, -5deg);  
      }  
      
      100% {  
        -webkit-transform: rotate3d(0, 0, 1, 0deg);  
                transform: rotate3d(0, 0, 1, 0deg);  
      }  
    }  
      
    @keyframes swing {  
      20% {  
        -webkit-transform: rotate3d(0, 0, 1, 15deg);  
                transform: rotate3d(0, 0, 1, 15deg);  
      }  
      
      40% {  
        -webkit-transform: rotate3d(0, 0, 1, -10deg);  
                transform: rotate3d(0, 0, 1, -10deg);  
      }  
      
      60% {  
        -webkit-transform: rotate3d(0, 0, 1, 5deg);  
                transform: rotate3d(0, 0, 1, 5deg);  
      }  
      
      80% {  
        -webkit-transform: rotate3d(0, 0, 1, -5deg);  
                transform: rotate3d(0, 0, 1, -5deg);  
      }  
      
      100% {  
        -webkit-transform: rotate3d(0, 0, 1, 0deg);  
                transform: rotate3d(0, 0, 1, 0deg);  
      }  
    }  
      
    .swing {  
      -webkit-transform-origin: top center;  
          -ms-transform-origin: top center;  
              transform-origin: top center;  
      -webkit-animation-name: swing;  
              animation-name: swing;  
    }  
      
    @-webkit-keyframes tada {  
      0% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
      
      10%, 20% {  
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
      }  
      
      30%, 50%, 70%, 90% {  
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
      }  
      
      40%, 60%, 80% {  
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
      }  
      
      100% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    @keyframes tada {  
      0% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
      
      10%, 20% {  
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
      }  
      
      30%, 50%, 70%, 90% {  
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
      }  
      
      40%, 60%, 80% {  
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
      }  
      
      100% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    .tada {  
      -webkit-animation-name: tada;  
              animation-name: tada;  
    }  
      
    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
      
    @-webkit-keyframes wobble (摇晃){  
      0% {  
        -webkit-transform: none;  
                transform: none;  
      }  
      
      15% {  
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
                transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
      }  
      
      30% {  
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
                transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
      }  
      
      45% {  
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
                transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
      }  
      
      60% {  
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
                transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
      }  
      
      75% {  
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
                transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes wobble {  
      0% {  
        -webkit-transform: none;  
                transform: none;  
      }  
      
      15% {  
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
                transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
      }  
      
      30% {  
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
                transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
      }  
      
      45% {  
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
                transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
      }  
      
      60% {  
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
                transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
      }  
      
      75% {  
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
                transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .wobble {  
      -webkit-animation-name: wobble;  (摇晃)
              animation-name: wobble;  (摇晃)
    }  
      
    @-webkit-keyframes bounceIn {  
      0%, 20%, 40%, 60%, 80%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
      
      20% {  
        -webkit-transform: scale3d(1.1, 1.1, 1.1);  
                transform: scale3d(1.1, 1.1, 1.1);  
      }  
      
      40% {  
        -webkit-transform: scale3d(.9, .9, .9);  
                transform: scale3d(.9, .9, .9);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(1.03, 1.03, 1.03);  
                transform: scale3d(1.03, 1.03, 1.03);  
      }  
      
      80% {  
        -webkit-transform: scale3d(.97, .97, .97);  
                transform: scale3d(.97, .97, .97);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    @keyframes(关键帧) bounceIn {  
      0%, 20%, 40%, 60%, 80%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
      
      20% {  
        -webkit-transform: scale3d(1.1, 1.1, 1.1);  
                transform: scale3d(1.1, 1.1, 1.1);  
      }  
      
      40% {  
        -webkit-transform: scale3d(.9, .9, .9);  
                transform: scale3d(.9, .9, .9);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(1.03, 1.03, 1.03);  
                transform: scale3d(1.03, 1.03, 1.03);  
      }  
      
      80% {  
        -webkit-transform: scale3d(.97, .97, .97);  
                transform: scale3d(.97, .97, .97);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    .bounceIn {  
      -webkit-animation-name: bounceIn;  
              animation-name: bounceIn;  
      -webkit-animation-duration: .75s;  
              animation-duration: .75s;  
    }  
      
    @-webkit-keyframes bounceInDown {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -3000px, 0);  
                transform: translate3d(0, -3000px, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, 25px, 0);  
                transform: translate3d(0, 25px, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(0, -10px, 0);  
                transform: translate3d(0, -10px, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(0, 5px, 0);  
                transform: translate3d(0, 5px, 0);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) bounceInDown {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -3000px, 0);  
                transform: translate3d(0, -3000px, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, 25px, 0);  
                transform: translate3d(0, 25px, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(0, -10px, 0);  
                transform: translate3d(0, -10px, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(0, 5px, 0);  
                transform: translate3d(0, 5px, 0);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .bounceInDown {  
      -webkit-animation-name: bounceInDown;  
              animation-name: bounceInDown;  
    }  
      
    @-webkit-keyframes bounceInLeft {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(-3000px, 0, 0);  
                transform: translate3d(-3000px, 0, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(25px, 0, 0);  
                transform: translate3d(25px, 0, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(-10px, 0, 0);  
                transform: translate3d(-10px, 0, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(5px, 0, 0);  
                transform: translate3d(5px, 0, 0);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) bounceInLeft {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(-3000px, 0, 0);  
                transform: translate3d(-3000px, 0, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(25px, 0, 0);  
                transform: translate3d(25px, 0, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(-10px, 0, 0);  
                transform: translate3d(-10px, 0, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(5px, 0, 0);  
                transform: translate3d(5px, 0, 0);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .bounceInLeft {  
      -webkit-animation-name: bounceInLeft;  
              animation-name: bounceInLeft;  
    }  
      
    @-webkit-keyframes bounceInRight {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(3000px, 0, 0);  
                transform: translate3d(3000px, 0, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(-25px, 0, 0);  
                transform: translate3d(-25px, 0, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(10px, 0, 0);  
                transform: translate3d(10px, 0, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(-5px, 0, 0);  
                transform: translate3d(-5px, 0, 0);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) bounceInRight {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(3000px, 0, 0);  
                transform: translate3d(3000px, 0, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(-25px, 0, 0);  
                transform: translate3d(-25px, 0, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(10px, 0, 0);  
                transform: translate3d(10px, 0, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(-5px, 0, 0);  
                transform: translate3d(-5px, 0, 0);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .bounceInRight {  
      -webkit-animation-name: bounceInRight;  
              animation-name: bounceInRight;  
    }  
      
    @-webkit-keyframes bounceInUp {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 3000px, 0);  
                transform: translate3d(0, 3000px, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, -20px, 0);  
                transform: translate3d(0, -20px, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(0, 10px, 0);  
                transform: translate3d(0, 10px, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(0, -5px, 0);  
                transform: translate3d(0, -5px, 0);  
      }  
      
      100% {  
        -webkit-transform: translate3d(0, 0, 0);  
                transform: translate3d(0, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) bounceInUp {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 3000px, 0);  
                transform: translate3d(0, 3000px, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, -20px, 0);  
                transform: translate3d(0, -20px, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(0, 10px, 0);  
                transform: translate3d(0, 10px, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(0, -5px, 0);  
                transform: translate3d(0, -5px, 0);  
      }  
      
      100% {  
        -webkit-transform: translate3d(0, 0, 0);  
                transform: translate3d(0, 0, 0);  
      }  
    }  
      
    .bounceInUp {  
      -webkit-animation-name: bounceInUp;  
              animation-name: bounceInUp;  
    }  
      
    @-webkit-keyframes bounceOut {  
      20% {  
        -webkit-transform: scale3d(.9, .9, .9);  
                transform: scale3d(.9, .9, .9);  
      }  
      
      50%, 55% {  
        opacity: 1;  
        -webkit-transform: scale3d(1.1, 1.1, 1.1);  
                transform: scale3d(1.1, 1.1, 1.1);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
    }  
      
    @keyframes(关键帧) bounceOut {  
      20% {  
        -webkit-transform: scale3d(.9, .9, .9);  
                transform: scale3d(.9, .9, .9);  
      }  
      
      50%, 55% {  
        opacity: 1;  
        -webkit-transform: scale3d(1.1, 1.1, 1.1);  
                transform: scale3d(1.1, 1.1, 1.1);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
    }  
      
    .bounceOut {  
      -webkit-animation-name: bounceOut;  
              animation-name: bounceOut;  
      -webkit-animation-duration: .75s;  
              animation-duration: .75s;  
    }  
      
    @-webkit-keyframes bounceOutDown {  
      20% {  
        -webkit-transform: translate3d(0, 10px, 0);  
                transform: translate3d(0, 10px, 0);  
      }  
      
      40%, 45% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, -20px, 0);  
                transform: translate3d(0, -20px, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 2000px, 0);  
                transform: translate3d(0, 2000px, 0);  
      }  
    }  
      
    @keyframes(关键帧) bounceOutDown {  
      20% {  
        -webkit-transform: translate3d(0, 10px, 0);  
                transform: translate3d(0, 10px, 0);  
      }  
      
      40%, 45% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, -20px, 0);  
                transform: translate3d(0, -20px, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 2000px, 0);  
                transform: translate3d(0, 2000px, 0);  
      }  
    }  
      
    .bounceOutDown {  
      -webkit-animation-name: bounceOutDown;  
              animation-name: bounceOutDown;  
    }  
      
    @-webkit-keyframes bounceOutLeft {  
      20% {  
        opacity: 1;  
        -webkit-transform: translate3d(20px, 0, 0);  
                transform: translate3d(20px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(-2000px, 0, 0);  
                transform: translate3d(-2000px, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) bounceOutLeft {  
      20% {  
        opacity: 1;  
        -webkit-transform: translate3d(20px, 0, 0);  
                transform: translate3d(20px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(-2000px, 0, 0);  
                transform: translate3d(-2000px, 0, 0);  
      }  
    }  
      
    .bounceOutLeft {  
      -webkit-animation-name: bounceOutLeft;  
              animation-name: bounceOutLeft;  
    }  
      
    @-webkit-keyframes bounceOutRight {  
      20% {  
        opacity: 1;  
        -webkit-transform: translate3d(-20px, 0, 0);  
                transform: translate3d(-20px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(2000px, 0, 0);  
                transform: translate3d(2000px, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) bounceOutRight {  
      20% {  
        opacity: 1;  
        -webkit-transform: translate3d(-20px, 0, 0);  
                transform: translate3d(-20px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(2000px, 0, 0);  
                transform: translate3d(2000px, 0, 0);  
      }  
    }  
      
    .bounceOutRight {  
      -webkit-animation-name: bounceOutRight;  
              animation-name: bounceOutRight;  
    }  
      
    @-webkit-keyframes bounceOutUp {  
      20% {  
        -webkit-transform: translate3d(0, -10px, 0);  
                transform: translate3d(0, -10px, 0);  
      }  
      
      40%, 45% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, 20px, 0);  
                transform: translate3d(0, 20px, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -2000px, 0);  
                transform: translate3d(0, -2000px, 0);  
      }  
    }  
      
    @keyframes(关键帧) bounceOutUp {  
      20% {  
        -webkit-transform: translate3d(0, -10px, 0);  
                transform: translate3d(0, -10px, 0);  
      }  
      
      40%, 45% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, 20px, 0);  
                transform: translate3d(0, 20px, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -2000px, 0);  
                transform: translate3d(0, -2000px, 0);  
      }  
    }  
      
    .bounceOutUp {  
      -webkit-animation-name: bounceOutUp;  
              animation-name: bounceOutUp;  
    }  
      
    @-webkit-keyframes fadeIn {  
      0% {opacity: 0;}  
      100% {opacity: 1;}  
    }  
      
    @keyframes fadeIn {  
      0% {opacity: 0;}  
      100% {opacity: 1;}  
    }  
      
    .fadeIn {  
      -webkit-animation-name: fadeIn;  (渐显)
              animation-name: fadeIn;  
    }  
      
    @-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 fadeInDownBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -2000px, 0);  
                transform: translate3d(0, -2000px, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) fadeInDownBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -2000px, 0);  
                transform: translate3d(0, -2000px, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .fadeInDownBig {  
      -webkit-animation-name: fadeInDownBig;  
              animation-name: fadeInDownBig;  
    }  
      
    @-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 fadeInLeftBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(-2000px, 0, 0);  
                transform: translate3d(-2000px, 0, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) fadeInLeftBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(-2000px, 0, 0);  
                transform: translate3d(-2000px, 0, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .fadeInLeftBig {  
      -webkit-animation-name: fadeInLeftBig;  
              animation-name: fadeInLeftBig;  
    }  
      
    @-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 fadeInRightBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(2000px, 0, 0);  
                transform: translate3d(2000px, 0, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) fadeInRightBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(2000px, 0, 0);  
                transform: translate3d(2000px, 0, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .fadeInRightBig {  
      -webkit-animation-name: fadeInRightBig;  
              animation-name: fadeInRightBig;  
    }  
      
    @-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 fadeInUpBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 2000px, 0);  
                transform: translate3d(0, 2000px, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) fadeInUpBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 2000px, 0);  
                transform: translate3d(0, 2000px, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .fadeInUpBig {  
      -webkit-animation-name: fadeInUpBig;  
              animation-name: fadeInUpBig;  
    }  
      
    @-webkit-keyframes fadeOut {  
      0% {opacity: 1;}  
      100% {opacity: 0;}  
    }  
      
    @keyframes fadeOut {  
      0% {opacity: 1;}  
      100% {opacity: 0;}  
    }  
      
    .fadeOut {  
      -webkit-animation-name: fadeOut;  (渐隐)
              animation-name: fadeOut;  
    }  
      
    @-webkit-keyframes fadeOutDown {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 100%, 0);  
                transform: translate3d(0, 100%, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutDown {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 100%, 0);  
                transform: translate3d(0, 100%, 0);  
      }  
    }  
      
    .fadeOutDown {  
      -webkit-animation-name: fadeOutDown;  
              animation-name: fadeOutDown;  
    }  
      
    @-webkit-keyframes fadeOutDownBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 2000px, 0);  
                transform: translate3d(0, 2000px, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutDownBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 2000px, 0);  
                transform: translate3d(0, 2000px, 0);  
      }  
    }  
      
    .fadeOutDownBig {  
      -webkit-animation-name: fadeOutDownBig;  
              animation-name: fadeOutDownBig;  
    }  
      
    @-webkit-keyframes fadeOutLeft {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(-100%, 0, 0);  
                transform: translate3d(-100%, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutLeft {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(-100%, 0, 0);  
                transform: translate3d(-100%, 0, 0);  
      }  
    }  
      
    .fadeOutLeft {  
      -webkit-animation-name: fadeOutLeft;  
              animation-name: fadeOutLeft;  
    }  
      
    @-webkit-keyframes fadeOutLeftBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(-2000px, 0, 0);  
                transform: translate3d(-2000px, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutLeftBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(-2000px, 0, 0);  
                transform: translate3d(-2000px, 0, 0);  
      }  
    }  
      
    .fadeOutLeftBig {  
      -webkit-animation-name: fadeOutLeftBig;  
              animation-name: fadeOutLeftBig;  
    }  
      
    @-webkit-keyframes fadeOutRight {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(100%, 0, 0);  
                transform: translate3d(100%, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutRight {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(100%, 0, 0);  
                transform: translate3d(100%, 0, 0);  
      }  
    }  
      
    .fadeOutRight {  
      -webkit-animation-name: fadeOutRight;  
              animation-name: fadeOutRight;  
    }  
      
    @-webkit-keyframes fadeOutRightBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(2000px, 0, 0);  
                transform: translate3d(2000px, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutRightBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(2000px, 0, 0);  
                transform: translate3d(2000px, 0, 0);  
      }  
    }  
      
    .fadeOutRightBig {  
      -webkit-animation-name: fadeOutRightBig;  
              animation-name: fadeOutRightBig;  
    }  
      
    @-webkit-keyframes fadeOutUp {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -100%, 0);  
                transform: translate3d(0, -100%, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutUp {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -100%, 0);  
                transform: translate3d(0, -100%, 0);  
      }  
    }  
      
    .fadeOutUp {  
      -webkit-animation-name: fadeOutUp;  
              animation-name: fadeOutUp;  
    }  
      
    @-webkit-keyframes fadeOutUpBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -2000px, 0);  
                transform: translate3d(0, -2000px, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutUpBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -2000px, 0);  
                transform: translate3d(0, -2000px, 0);  
      }  
    }  
      
    .fadeOutUpBig {  
      -webkit-animation-name: fadeOutUpBig;  
              animation-name: fadeOutUpBig;  
    }  
      
    @-webkit-keyframes flip {  
      0% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
        -webkit-animation-timing-function: ease-out;  
                animation-timing-function: ease-out;  
      }  
      
      40% {  
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
        -webkit-animation-timing-function: ease-out;  
                animation-timing-function: ease-out;  
      }  
      
      50% {  
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
        -webkit-animation-timing-function: ease-in;  
                animation-timing-function: ease-in;  
      }  
      
      80% {  
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);  
                transform: perspective(400px) scale3d(.95, .95, .95);  
        -webkit-animation-timing-function: ease-in;  
                animation-timing-function: ease-in;  
      }  
      
      100% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
        -webkit-animation-timing-function: ease-in;  
                animation-timing-function: ease-in;  
      }  
    }  
      
    @keyframes flip {  
      0% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
        -webkit-animation-timing-function: ease-out;  
                animation-timing-function: ease-out;  
      }  
      
      40% {  
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
        -webkit-animation-timing-function: ease-out;  
                animation-timing-function: ease-out;  
      }  
      
      50% {  
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
        -webkit-animation-timing-function: ease-in;  
                animation-timing-function: ease-in;  
      }  
      
      80% {  
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);  
                transform: perspective(400px) scale3d(.95, .95, .95);  
        -webkit-animation-timing-function: ease-in;  
                animation-timing-function: ease-in;  
      }  
      
      100% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
        -webkit-animation-timing-function: ease-in;  
                animation-timing-function: ease-in;  
      }  
    }  
      
    .animated.flip {  
      -webkit-backface-visibility: visible;  
              backface-visibility: visible;  
      -webkit-animation-name: flip;  
              animation-name: flip;  
    }  
      
    @-webkit-keyframes flipInX {  
      0% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
        opacity: 0;  
      }  
      
      40% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
      }  
      
      60% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
        opacity: 1;  
      }  
      
      80% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
      }  
      
      100% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
    }  
      
    @keyframes flipInX {  
      0% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
        opacity: 0;  
      }  
      
      40% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
      }  
      
      60% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
        opacity: 1;  
      }  
      
      80% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
      }  
      
      100% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
    }  
      
    .flipInX {  
      -webkit-backface-visibility: visible !important;  
              backface-visibility: visible !important;  
      -webkit-animation-name: flipInX;  
              animation-name: flipInX;  
    }  
      
    @-webkit-keyframes flipInY {  
      0% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
        opacity: 0;  
      }  
      
      40% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
      }  
      
      60% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
        opacity: 1;  
      }  
      
      80% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
      }  
      
      100% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
    }  
      
    @keyframes flipInY {  
      0% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
        opacity: 0;  
      }  
      
      40% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
      }  
      
      60% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
        opacity: 1;  
      }  
      
      80% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
      }  
      
      100% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
    }  
      
    .flipInY {  
      -webkit-backface-visibility: visible !important;  
              backface-visibility: visible !important;  
      -webkit-animation-name: flipInY;  
              animation-name: flipInY;  
    }  
      
    @-webkit-keyframes flipOutX {  
      0% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
      
      30% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) flipOutX {  
      0% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
      
      30% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
        opacity: 0;  
      }  
    }  
      
    .flipOutX {  
      -webkit-animation-name: flipOutX;  
              animation-name: flipOutX;  
      -webkit-animation-duration: .75s;  
              animation-duration: .75s;  
      -webkit-backface-visibility: visible !important;  
              backface-visibility: visible !important;  
    }  
      
    @-webkit-keyframes flipOutY {  
      0% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
      
      30% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) flipOutY {  
      0% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
      
      30% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
        opacity: 0;  
      }  
    }  
      
    .flipOutY {  
      -webkit-backface-visibility: visible !important;  
              backface-visibility: visible !important;  
      -webkit-animation-name: flipOutY;  
              animation-name: flipOutY;  
      -webkit-animation-duration: .75s;  
              animation-duration: .75s;  
    }  
      
    @-webkit-keyframes lightSpeedIn {  
      0% {  
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);  
                transform: translate3d(100%, 0, 0) skewX(-30deg);  
        opacity: 0;  
      }  
      
      60% {  
        -webkit-transform: skewX(20deg);  
                transform: skewX(20deg);  
        opacity: 1;  
      }  
      
      80% {  
        -webkit-transform: skewX(-5deg);  
                transform: skewX(-5deg);  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    @keyframes(关键帧) lightSpeedIn {  
      0% {  
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);  
                transform: translate3d(100%, 0, 0) skewX(-30deg);  
        opacity: 0;  
      }  
      
      60% {  
        -webkit-transform: skewX(20deg);  
                transform: skewX(20deg);  
        opacity: 1;  
      }  
      
      80% {  
        -webkit-transform: skewX(-5deg);  
                transform: skewX(-5deg);  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    .lightSpeedIn {  
      -webkit-animation-name: lightSpeedIn;  
              animation-name: lightSpeedIn;  
      -webkit-animation-timing-function: ease-out;  
              animation-timing-function: ease-out;  
    }  
      
    @-webkit-keyframes lightSpeedOut {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);  
                transform: translate3d(100%, 0, 0) skewX(30deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) lightSpeedOut {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);  
                transform: translate3d(100%, 0, 0) skewX(30deg);  
        opacity: 0;  
      }  
    }  
      
    .lightSpeedOut {  
      -webkit-animation-name: lightSpeedOut;  
              animation-name: lightSpeedOut;  
      -webkit-animation-timing-function: ease-in;  
              animation-timing-function: ease-in;  
    }  
      
    @-webkit-keyframes rotateIn {  
      0% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        -webkit-transform: rotate3d(0, 0, 1, -200deg);  
                transform: rotate3d(0, 0, 1, -200deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    @keyframes(关键帧) rotateIn {  
      0% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        -webkit-transform: rotate3d(0, 0, 1, -200deg);  
                transform: rotate3d(0, 0, 1, -200deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    .rotateIn {  
      -webkit-animation-name: rotateIn;  
              animation-name: rotateIn;  
    }  
      
    @-webkit-keyframes rotateInDownLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -45deg);  
                transform: rotate3d(0, 0, 1, -45deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    @keyframes(关键帧) rotateInDownLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -45deg);  
                transform: rotate3d(0, 0, 1, -45deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    .rotateInDownLeft {  
      -webkit-animation-name: rotateInDownLeft;  
              animation-name: rotateInDownLeft;  
    }  
      
    @-webkit-keyframes rotateInDownRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 45deg);  
                transform: rotate3d(0, 0, 1, 45deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    @keyframes(关键帧) rotateInDownRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 45deg);  
                transform: rotate3d(0, 0, 1, 45deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    .rotateInDownRight {  
      -webkit-animation-name: rotateInDownRight;  
              animation-name: rotateInDownRight;  
    }  
      
    @-webkit-keyframes rotateInUpLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 45deg);  
                transform: rotate3d(0, 0, 1, 45deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    @keyframes(关键帧) rotateInUpLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 45deg);  
                transform: rotate3d(0, 0, 1, 45deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    .rotateInUpLeft {  
      -webkit-animation-name: rotateInUpLeft;  
              animation-name: rotateInUpLeft;  
    }  
      
    @-webkit-keyframes rotateInUpRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -90deg);  
                transform: rotate3d(0, 0, 1, -90deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    @keyframes(关键帧) rotateInUpRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -90deg);  
                transform: rotate3d(0, 0, 1, -90deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    .rotateInUpRight {  
      -webkit-animation-name: rotateInUpRight;  
              animation-name: rotateInUpRight;  
    }  
      
    @-webkit-keyframes rotateOut {  
      0% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        -webkit-transform: rotate3d(0, 0, 1, 200deg);  
                transform: rotate3d(0, 0, 1, 200deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) rotateOut {  
      0% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        -webkit-transform: rotate3d(0, 0, 1, 200deg);  
                transform: rotate3d(0, 0, 1, 200deg);  
        opacity: 0;  
      }  
    }  
      
    .rotateOut {  
      -webkit-animation-name: rotateOut;  
              animation-name: rotateOut;  
    }  
      
    @-webkit-keyframes rotateOutDownLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 45deg);  
                transform: rotate3d(0, 0, 1, 45deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) rotateOutDownLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 45deg);  
                transform: rotate3d(0, 0, 1, 45deg);  
        opacity: 0;  
      }  
    }  
      
    .rotateOutDownLeft {  
      -webkit-animation-name: rotateOutDownLeft;  
              animation-name: rotateOutDownLeft;  
    }  
      
    @-webkit-keyframes rotateOutDownRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -45deg);  
                transform: rotate3d(0, 0, 1, -45deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) rotateOutDownRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -45deg);  
                transform: rotate3d(0, 0, 1, -45deg);  
        opacity: 0;  
      }  
    }  
      
    .rotateOutDownRight {  
      -webkit-animation-name: rotateOutDownRight;  
              animation-name: rotateOutDownRight;  
    }  
      
    @-webkit-keyframes rotateOutUpLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -45deg);  
                transform: rotate3d(0, 0, 1, -45deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) rotateOutUpLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -45deg);  
                transform: rotate3d(0, 0, 1, -45deg);  
        opacity: 0;  
      }  
    }  
      
    .rotateOutUpLeft {  
      -webkit-animation-name: rotateOutUpLeft;  
              animation-name: rotateOutUpLeft;  
    }  
      
    @-webkit-keyframes rotateOutUpRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 90deg);  
                transform: rotate3d(0, 0, 1, 90deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) rotateOutUpRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 90deg);  
                transform: rotate3d(0, 0, 1, 90deg);  
        opacity: 0;  
      }  
    }  
      
    .rotateOutUpRight {  
      -webkit-animation-name: rotateOutUpRight;  
              animation-name: rotateOutUpRight;  
    }  
      
    @-webkit-keyframes hinge {  
      0% {  
        -webkit-transform-origin: top left;  
                transform-origin: top left;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;  
      }  
      
      20%, 60% {  
        -webkit-transform: rotate3d(0, 0, 1, 80deg);  
                transform: rotate3d(0, 0, 1, 80deg);  
        -webkit-transform-origin: top left;  
                transform-origin: top left;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;  
      }  
      
      40%, 80% {  
        -webkit-transform: rotate3d(0, 0, 1, 60deg);  
                transform: rotate3d(0, 0, 1, 60deg);  
        -webkit-transform-origin: top left;  
                transform-origin: top left;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: translate3d(0, 700px, 0);  
                transform: translate3d(0, 700px, 0);  
        opacity: 0;  
      }  
    }  
      
    @keyframes hinge {  
      0% {  
        -webkit-transform-origin: top left;  
                transform-origin: top left;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;  
      }  
      
      20%, 60% {  
        -webkit-transform: rotate3d(0, 0, 1, 80deg);  
                transform: rotate3d(0, 0, 1, 80deg);  
        -webkit-transform-origin: top left;  
                transform-origin: top left;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;  
      }  
      
      40%, 80% {  
        -webkit-transform: rotate3d(0, 0, 1, 60deg);  
                transform: rotate3d(0, 0, 1, 60deg);  
        -webkit-transform-origin: top left;  
                transform-origin: top left;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: translate3d(0, 700px, 0);  
                transform: translate3d(0, 700px, 0);  
        opacity: 0;  
      }  
    }  
      
    .hinge {  
      -webkit-animation-name: hinge;  
              animation-name: hinge;  
    }  
      
    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
      
    @-webkit-keyframes rollIn {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes rollIn {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .rollIn {  
      -webkit-animation-name: rollIn;  
              animation-name: rollIn;  
    }  
      
    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
      
    @-webkit-keyframes rollOut {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
      }  
    }  
      
    @keyframes rollOut {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
      }  
    }  
      
    .rollOut {  
      -webkit-animation-name: rollOut;  (首次展示)
              animation-name: rollOut;  
    }  
      
    @-webkit-keyframes zoomIn {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
      
      50% {  
        opacity: 1;  
      }  
    }  
      
    @keyframes zoomIn {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
      
      50% {  
        opacity: 1;  
      }  
    }  
      
    .zoomIn {  
      -webkit-animation-name: zoomIn;  
              animation-name: zoomIn;  
    }  
      
    @-webkit-keyframes zoomInDown {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    @keyframes(关键帧) zoomInDown {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    .zoomInDown {  
      -webkit-animation-name: zoomInDown;  
              animation-name: zoomInDown;  
    }  
      
    @-webkit-keyframes zoomInLeft {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    @keyframes(关键帧) zoomInLeft {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    .zoomInLeft {  
      -webkit-animation-name: zoomInLeft;  
              animation-name: zoomInLeft;  
    }  
      
    @-webkit-keyframes zoomInRight {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    @keyframes(关键帧) zoomInRight {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    .zoomInRight {  
      -webkit-animation-name: zoomInRight;  
              animation-name: zoomInRight;  
    }  
      
    @-webkit-keyframes zoomInUp {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    @keyframes(关键帧) zoomInUp {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    .zoomInUp {  
      -webkit-animation-name: zoomInUp;  
              animation-name: zoomInUp;  
    }  
      
    @-webkit-keyframes zoomOut {  
      0% {  
        opacity: 1;  
      }  
      
      50% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
      
      100% {  
        opacity: 0;  
      }  
    }  
      
    @keyframes zoomOut {  
      0% {  
        opacity: 1;  
      }  
      
      50% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
      
      100% {  
        opacity: 0;  
      }  
    }  
      
    .zoomOut {  
      -webkit-animation-name: zoomOut;  
              animation-name: zoomOut;  
    }  
      
    @-webkit-keyframes zoomOutDown {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
        -webkit-transform-origin: center bottom;  
                transform-origin: center bottom;  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    @keyframes(关键帧) zoomOutDown {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
        -webkit-transform-origin: center bottom;  
                transform-origin: center bottom;  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    .zoomOutDown {  
      -webkit-animation-name: zoomOutDown;  
              animation-name: zoomOutDown;  
    }  
      
    @-webkit-keyframes zoomOutLeft {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);  
                transform: scale(.1) translate3d(-2000px, 0, 0);  
        -webkit-transform-origin: left center;  
                transform-origin: left center;  
      }  
    }  
      
    @keyframes(关键帧) zoomOutLeft {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);  
                transform: scale(.1) translate3d(-2000px, 0, 0);  
        -webkit-transform-origin: left center;  
                transform-origin: left center;  
      }  
    }  
      
    .zoomOutLeft {  
      -webkit-animation-name: zoomOutLeft;  
              animation-name: zoomOutLeft;  
    }  
      
    @-webkit-keyframes zoomOutRight {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);  
                transform: scale(.1) translate3d(2000px, 0, 0);  
        -webkit-transform-origin: right center;  
                transform-origin: right center;  
      }  
    }  
      
    @keyframes(关键帧) zoomOutRight {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);  
                transform: scale(.1) translate3d(2000px, 0, 0);  
        -webkit-transform-origin: right center;  
                transform-origin: right center;  
      }  
    }  
      
    .zoomOutRight {  
      -webkit-animation-name: zoomOutRight;  
              animation-name: zoomOutRight;  
    }  
      
    @-webkit-keyframes zoomOutUp {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
        -webkit-transform-origin: center bottom;  
                transform-origin: center bottom;  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    @keyframes(关键帧) zoomOutUp {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
        -webkit-transform-origin: center bottom;  
                transform-origin: center bottom;  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    .zoomOutUp {  
      -webkit-animation-name: zoomOutUp;  
              animation-name: zoomOutUp;  
    }  
      
    @-webkit-keyframes slideInDown {  
      0% {  
        -webkit-transform: translateY(-100%);  
                transform: translateY(-100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
    }  
      
    @keyframes(关键帧) slideInDown {  
      0% {  
        -webkit-transform: translateY(-100%);  
                transform: translateY(-100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
    }  
      
    .slideInDown {  
      -webkit-animation-name: slideInDown;  
              animation-name: slideInDown;  
    }  
      
    @-webkit-keyframes slideInLeft {  
      0% {  
        -webkit-transform: translateX(-100%);  
                transform: translateX(-100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
    }  
      
    @keyframes(关键帧) slideInLeft {  
      0% {  
        -webkit-transform: translateX(-100%);  
                transform: translateX(-100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
    }  
      
    .slideInLeft {  
      -webkit-animation-name: slideInLeft;  
              animation-name: slideInLeft;  
    }  
      
    @-webkit-keyframes slideInRight {  
      0% {  
        -webkit-transform: translateX(100%);  
                transform: translateX(100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
    }  
      
    @keyframes(关键帧) slideInRight {  
      0% {  
        -webkit-transform: translateX(100%);  
                transform: translateX(100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
    }  
      
    .slideInRight {  
      -webkit-animation-name: slideInRight;  
              animation-name: slideInRight;  
    }  
      
    @-webkit-keyframes slideInUp {  
      0% {  
        -webkit-transform: translateY(100%);  
                transform: translateY(100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
    }  
      
    @keyframes(关键帧) slideInUp {  
      0% {  
        -webkit-transform: translateY(100%);  
                transform: translateY(100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
    }  
      
    .slideInUp {  
      -webkit-animation-name: slideInUp;  
              animation-name: slideInUp;  
    }  
      
    @-webkit-keyframes slideOutDown {  
      0% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateY(100%);  
                transform: translateY(100%);  
      }  
    }  
      
    @keyframes(关键帧) slideOutDown {  
      0% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateY(100%);  
                transform: translateY(100%);  
      }  
    }  
      
    .slideOutDown {  
      -webkit-animation-name: slideOutDown;  
              animation-name: slideOutDown;  
    }  
      
    @-webkit-keyframes slideOutLeft {  
      0% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateX(-100%);  
                transform: translateX(-100%);  
      }  
    }  
      
    @keyframes(关键帧) slideOutLeft {  
      0% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateX(-100%);  
                transform: translateX(-100%);  
      }  
    }  
      
    .slideOutLeft {  
      -webkit-animation-name: slideOutLeft;  
              animation-name: slideOutLeft;  
    }  
      
    @-webkit-keyframes slideOutRight {  
      0% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateX(100%);  
                transform: translateX(100%);  
      }  
    }  
      
    @keyframes(关键帧) slideOutRight {  
      0% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateX(100%);  
                transform: translateX(100%);  
      }  
    }  
      
    .slideOutRight {  
      -webkit-animation-name: slideOutRight;  
              animation-name: slideOutRight;  
    }  
      
    @-webkit-keyframes slideOutUp {  
      0% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateY(-100%);  
                transform: translateY(-100%);  
      }  
    }  
      
    @keyframes(关键帧) slideOutUp {  
      0% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateY(-100%);  
                transform: translateY(-100%);  
      }  
    }  
      
    .slideOutUp {  
      -webkit-animation-name: slideOutUp;  
              animation-name: slideOutUp;  
    }  
    @charset "UTF-8";  
    /*!  
    Animate.css - http://daneden.me/animate  
    Licensed under the MIT license - http://opensource.org/licenses/MIT  
      
    Copyright (c) 2014 Daniel Eden  
    */  
    .animated {  
      -webkit-animation-duration: 1s;  
              animation-duration: 1s;  
      -webkit-animation-fill-mode: both;  
              animation-fill-mode: both;  
    }  
      
    .animated.infinite {  
      -webkit-animation-iteration-count: infinite;  
              animation-iteration-count: infinite;  
    }  
      
    .animated.hinge {  
      -webkit-animation-duration: 2s;  
              animation-duration: 2s;  
    }  
      
    @-webkit-keyframes bounce {  
      0%, 20%, 53%, 80%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
        -webkit-transform: translate3d(0,0,0);  
                transform: translate3d(0,0,0);  
      }  
      
      40%, 43% {  
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
                transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
        -webkit-transform: translate3d(0, -30px, 0);  
                transform: translate3d(0, -30px, 0);  
      }  
      
      70% {  
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
                transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
        -webkit-transform: translate3d(0, -15px, 0);  
                transform: translate3d(0, -15px, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(0,-4px,0);  
                transform: translate3d(0,-4px,0);  
      }  
    }  
      
    @keyframes bounce {  
      0%, 20%, 53%, 80%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
        -webkit-transform: translate3d(0,0,0);  
                transform: translate3d(0,0,0);  
      }  
      
      40%, 43% {  
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
                transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
        -webkit-transform: translate3d(0, -30px, 0);  
                transform: translate3d(0, -30px, 0);  
      }  
      
      70% {  
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
                transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
        -webkit-transform: translate3d(0, -15px, 0);  
                transform: translate3d(0, -15px, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(0,-4px,0);  
                transform: translate3d(0,-4px,0);  
      }  
    }  
      
    .bounce {  
      -webkit-animation-name: bounce;  
              animation-name: bounce;  
      -webkit-transform-origin: center bottom;  
          -ms-transform-origin: center bottom;  
              transform-origin: center bottom;  
    }  
      
    @-webkit-keyframes flash {  
      0%, 50%, 100% {  
        opacity: 1;  
      }  
      
      25%, 75% {  
        opacity: 0;  
      }  
    }  
      
    @keyframes flash {  
      0%, 50%, 100% {  
        opacity: 1;  
      }  
      
      25%, 75% {  
        opacity: 0;  
      }  
    }  
      
    .flash {  
      -webkit-animation-name: flash;  
              animation-name: flash;  
    }  
      
    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
      
    @-webkit-keyframes pulse {  
      0% {  
        -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);  
      }  
      
      100% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    @keyframes pulse {  
      0% {  
        -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);  
      }  
      
      100% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    .pulse {  
      -webkit-animation-name: pulse;  
              animation-name: pulse;  
    }  
      
    @-webkit-keyframes rubberBand {  
      0% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
      
      30% {  
        -webkit-transform: scale3d(1.25, 0.75, 1);  
                transform: scale3d(1.25, 0.75, 1);  
      }  
      
      40% {  
        -webkit-transform: scale3d(0.75, 1.25, 1);  
                transform: scale3d(0.75, 1.25, 1);  
      }  
      
      50% {  
        -webkit-transform: scale3d(1.15, 0.85, 1);  
                transform: scale3d(1.15, 0.85, 1);  
      }  
      
      65% {  
        -webkit-transform: scale3d(.95, 1.05, 1);  
                transform: scale3d(.95, 1.05, 1);  
      }  
      
      75% {  
        -webkit-transform: scale3d(1.05, .95, 1);  
                transform: scale3d(1.05, .95, 1);  
      }  
      
      100% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    @keyframes(关键帧) rubberBand {  
      0% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
      
      30% {  
        -webkit-transform: scale3d(1.25, 0.75, 1);  
                transform: scale3d(1.25, 0.75, 1);  
      }  
      
      40% {  
        -webkit-transform: scale3d(0.75, 1.25, 1);  
                transform: scale3d(0.75, 1.25, 1);  
      }  
      
      50% {  
        -webkit-transform: scale3d(1.15, 0.85, 1);  
                transform: scale3d(1.15, 0.85, 1);  
      }  
      
      65% {  
        -webkit-transform: scale3d(.95, 1.05, 1);  
                transform: scale3d(.95, 1.05, 1);  
      }  
      
      75% {  
        -webkit-transform: scale3d(1.05, .95, 1);  
                transform: scale3d(1.05, .95, 1);  
      }  
      
      100% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    .rubberBand {  
      -webkit-animation-name: rubberBand;  
              animation-name: rubberBand;  
    }  
      
    @-webkit-keyframes shake {  
      0%, 100% {  
        -webkit-transform: translate3d(0, 0, 0);  
                transform: translate3d(0, 0, 0);  
      }  
      
      10%, 30%, 50%, 70%, 90% {  
        -webkit-transform: translate3d(-10px, 0, 0);  
                transform: translate3d(-10px, 0, 0);  
      }  
      
      20%, 40%, 60%, 80% {  
        -webkit-transform: translate3d(10px, 0, 0);  
                transform: translate3d(10px, 0, 0);  
      }  
    }  
      
    @keyframes shake {  
      0%, 100% {  
        -webkit-transform: translate3d(0, 0, 0);  
                transform: translate3d(0, 0, 0);  
      }  
      
      10%, 30%, 50%, 70%, 90% {  
        -webkit-transform: translate3d(-10px, 0, 0);  
                transform: translate3d(-10px, 0, 0);  
      }  
      
      20%, 40%, 60%, 80% {  
        -webkit-transform: translate3d(10px, 0, 0);  
                transform: translate3d(10px, 0, 0);  
      }  
    }  
      
    .shake {  
      -webkit-animation-name: shake;  
              animation-name: shake;  
    }  
      
    @-webkit-keyframes swing {  
      20% {  
        -webkit-transform: rotate3d(0, 0, 1, 15deg);  
                transform: rotate3d(0, 0, 1, 15deg);  
      }  
      
      40% {  
        -webkit-transform: rotate3d(0, 0, 1, -10deg);  
                transform: rotate3d(0, 0, 1, -10deg);  
      }  
      
      60% {  
        -webkit-transform: rotate3d(0, 0, 1, 5deg);  
                transform: rotate3d(0, 0, 1, 5deg);  
      }  
      
      80% {  
        -webkit-transform: rotate3d(0, 0, 1, -5deg);  
                transform: rotate3d(0, 0, 1, -5deg);  
      }  
      
      100% {  
        -webkit-transform: rotate3d(0, 0, 1, 0deg);  
                transform: rotate3d(0, 0, 1, 0deg);  
      }  
    }  
      
    @keyframes swing {  
      20% {  
        -webkit-transform: rotate3d(0, 0, 1, 15deg);  
                transform: rotate3d(0, 0, 1, 15deg);  
      }  
      
      40% {  
        -webkit-transform: rotate3d(0, 0, 1, -10deg);  
                transform: rotate3d(0, 0, 1, -10deg);  
      }  
      
      60% {  
        -webkit-transform: rotate3d(0, 0, 1, 5deg);  
                transform: rotate3d(0, 0, 1, 5deg);  
      }  
      
      80% {  
        -webkit-transform: rotate3d(0, 0, 1, -5deg);  
                transform: rotate3d(0, 0, 1, -5deg);  
      }  
      
      100% {  
        -webkit-transform: rotate3d(0, 0, 1, 0deg);  
                transform: rotate3d(0, 0, 1, 0deg);  
      }  
    }  
      
    .swing {  
      -webkit-transform-origin: top center;  
          -ms-transform-origin: top center;  
              transform-origin: top center;  
      -webkit-animation-name: swing;  
              animation-name: swing;  
    }  
      
    @-webkit-keyframes tada {  
      0% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
      
      10%, 20% {  
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
      }  
      
      30%, 50%, 70%, 90% {  
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
      }  
      
      40%, 60%, 80% {  
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
      }  
      
      100% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    @keyframes tada {  
      0% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
      
      10%, 20% {  
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
      }  
      
      30%, 50%, 70%, 90% {  
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
      }  
      
      40%, 60%, 80% {  
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
      }  
      
      100% {  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    .tada {  
      -webkit-animation-name: tada;  
              animation-name: tada;  
    }  
      
    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
      
    @-webkit-keyframes wobble (摇晃){  
      0% {  
        -webkit-transform: none;  
                transform: none;  
      }  
      
      15% {  
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
                transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
      }  
      
      30% {  
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
                transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
      }  
      
      45% {  
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
                transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
      }  
      
      60% {  
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
                transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
      }  
      
      75% {  
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
                transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes wobble {  
      0% {  
        -webkit-transform: none;  
                transform: none;  
      }  
      
      15% {  
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
                transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
      }  
      
      30% {  
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
                transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
      }  
      
      45% {  
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
                transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
      }  
      
      60% {  
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
                transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
      }  
      
      75% {  
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
                transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .wobble {  
      -webkit-animation-name: wobble;  (摇晃)
              animation-name: wobble;  
    }  
      
    @-webkit-keyframes bounceIn {  
      0%, 20%, 40%, 60%, 80%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
      
      20% {  
        -webkit-transform: scale3d(1.1, 1.1, 1.1);  
                transform: scale3d(1.1, 1.1, 1.1);  
      }  
      
      40% {  
        -webkit-transform: scale3d(.9, .9, .9);  
                transform: scale3d(.9, .9, .9);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(1.03, 1.03, 1.03);  
                transform: scale3d(1.03, 1.03, 1.03);  
      }  
      
      80% {  
        -webkit-transform: scale3d(.97, .97, .97);  
                transform: scale3d(.97, .97, .97);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    @keyframes(关键帧) bounceIn {  
      0%, 20%, 40%, 60%, 80%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
      
      20% {  
        -webkit-transform: scale3d(1.1, 1.1, 1.1);  
                transform: scale3d(1.1, 1.1, 1.1);  
      }  
      
      40% {  
        -webkit-transform: scale3d(.9, .9, .9);  
                transform: scale3d(.9, .9, .9);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(1.03, 1.03, 1.03);  
                transform: scale3d(1.03, 1.03, 1.03);  
      }  
      
      80% {  
        -webkit-transform: scale3d(.97, .97, .97);  
                transform: scale3d(.97, .97, .97);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: scale3d(1, 1, 1);  
                transform: scale3d(1, 1, 1);  
      }  
    }  
      
    .bounceIn {  
      -webkit-animation-name: bounceIn;  
              animation-name: bounceIn;  
      -webkit-animation-duration: .75s;  
              animation-duration: .75s;  
    }  
      
    @-webkit-keyframes bounceInDown {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -3000px, 0);  
                transform: translate3d(0, -3000px, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, 25px, 0);  
                transform: translate3d(0, 25px, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(0, -10px, 0);  
                transform: translate3d(0, -10px, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(0, 5px, 0);  
                transform: translate3d(0, 5px, 0);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) bounceInDown {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -3000px, 0);  
                transform: translate3d(0, -3000px, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, 25px, 0);  
                transform: translate3d(0, 25px, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(0, -10px, 0);  
                transform: translate3d(0, -10px, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(0, 5px, 0);  
                transform: translate3d(0, 5px, 0);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .bounceInDown {  
      -webkit-animation-name: bounceInDown;  
              animation-name: bounceInDown;  
    }  
      
    @-webkit-keyframes bounceInLeft {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(-3000px, 0, 0);  
                transform: translate3d(-3000px, 0, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(25px, 0, 0);  
                transform: translate3d(25px, 0, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(-10px, 0, 0);  
                transform: translate3d(-10px, 0, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(5px, 0, 0);  
                transform: translate3d(5px, 0, 0);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) bounceInLeft {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(-3000px, 0, 0);  
                transform: translate3d(-3000px, 0, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(25px, 0, 0);  
                transform: translate3d(25px, 0, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(-10px, 0, 0);  
                transform: translate3d(-10px, 0, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(5px, 0, 0);  
                transform: translate3d(5px, 0, 0);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .bounceInLeft {  
      -webkit-animation-name: bounceInLeft;  
              animation-name: bounceInLeft;  
    }  
      
    @-webkit-keyframes bounceInRight {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(3000px, 0, 0);  
                transform: translate3d(3000px, 0, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(-25px, 0, 0);  
                transform: translate3d(-25px, 0, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(10px, 0, 0);  
                transform: translate3d(10px, 0, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(-5px, 0, 0);  
                transform: translate3d(-5px, 0, 0);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) bounceInRight {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(3000px, 0, 0);  
                transform: translate3d(3000px, 0, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(-25px, 0, 0);  
                transform: translate3d(-25px, 0, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(10px, 0, 0);  
                transform: translate3d(10px, 0, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(-5px, 0, 0);  
                transform: translate3d(-5px, 0, 0);  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .bounceInRight {  
      -webkit-animation-name: bounceInRight;  
              animation-name: bounceInRight;  
    }  
      
    @-webkit-keyframes bounceInUp {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 3000px, 0);  
                transform: translate3d(0, 3000px, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, -20px, 0);  
                transform: translate3d(0, -20px, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(0, 10px, 0);  
                transform: translate3d(0, 10px, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(0, -5px, 0);  
                transform: translate3d(0, -5px, 0);  
      }  
      
      100% {  
        -webkit-transform: translate3d(0, 0, 0);  
                transform: translate3d(0, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) bounceInUp {  
      0%, 60%, 75%, 90%, 100% {  
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
      }  
      
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 3000px, 0);  
                transform: translate3d(0, 3000px, 0);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, -20px, 0);  
                transform: translate3d(0, -20px, 0);  
      }  
      
      75% {  
        -webkit-transform: translate3d(0, 10px, 0);  
                transform: translate3d(0, 10px, 0);  
      }  
      
      90% {  
        -webkit-transform: translate3d(0, -5px, 0);  
                transform: translate3d(0, -5px, 0);  
      }  
      
      100% {  
        -webkit-transform: translate3d(0, 0, 0);  
                transform: translate3d(0, 0, 0);  
      }  
    }  
      
    .bounceInUp {  
      -webkit-animation-name: bounceInUp;  
              animation-name: bounceInUp;  
    }  
      
    @-webkit-keyframes bounceOut {  
      20% {  
        -webkit-transform: scale3d(.9, .9, .9);  
                transform: scale3d(.9, .9, .9);  
      }  
      
      50%, 55% {  
        opacity: 1;  
        -webkit-transform: scale3d(1.1, 1.1, 1.1);  
                transform: scale3d(1.1, 1.1, 1.1);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
    }  
      
    @keyframes(关键帧) bounceOut {  
      20% {  
        -webkit-transform: scale3d(.9, .9, .9);  
                transform: scale3d(.9, .9, .9);  
      }  
      
      50%, 55% {  
        opacity: 1;  
        -webkit-transform: scale3d(1.1, 1.1, 1.1);  
                transform: scale3d(1.1, 1.1, 1.1);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
    }  
      
    .bounceOut {  
      -webkit-animation-name: bounceOut;  
              animation-name: bounceOut;  
      -webkit-animation-duration: .75s;  
              animation-duration: .75s;  
    }  
      
    @-webkit-keyframes bounceOutDown {  
      20% {  
        -webkit-transform: translate3d(0, 10px, 0);  
                transform: translate3d(0, 10px, 0);  
      }  
      
      40%, 45% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, -20px, 0);  
                transform: translate3d(0, -20px, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 2000px, 0);  
                transform: translate3d(0, 2000px, 0);  
      }  
    }  
      
    @keyframes(关键帧) bounceOutDown {  
      20% {  
        -webkit-transform: translate3d(0, 10px, 0);  
                transform: translate3d(0, 10px, 0);  
      }  
      
      40%, 45% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, -20px, 0);  
                transform: translate3d(0, -20px, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 2000px, 0);  
                transform: translate3d(0, 2000px, 0);  
      }  
    }  
      
    .bounceOutDown {  
      -webkit-animation-name: bounceOutDown;  
              animation-name: bounceOutDown;  
    }  
      
    @-webkit-keyframes bounceOutLeft {  
      20% {  
        opacity: 1;  
        -webkit-transform: translate3d(20px, 0, 0);  
                transform: translate3d(20px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(-2000px, 0, 0);  
                transform: translate3d(-2000px, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) bounceOutLeft {  
      20% {  
        opacity: 1;  
        -webkit-transform: translate3d(20px, 0, 0);  
                transform: translate3d(20px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(-2000px, 0, 0);  
                transform: translate3d(-2000px, 0, 0);  
      }  
    }  
      
    .bounceOutLeft {  
      -webkit-animation-name: bounceOutLeft;  
              animation-name: bounceOutLeft;  
    }  
      
    @-webkit-keyframes bounceOutRight {  
      20% {  
        opacity: 1;  
        -webkit-transform: translate3d(-20px, 0, 0);  
                transform: translate3d(-20px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(2000px, 0, 0);  
                transform: translate3d(2000px, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) bounceOutRight {  
      20% {  
        opacity: 1;  
        -webkit-transform: translate3d(-20px, 0, 0);  
                transform: translate3d(-20px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(2000px, 0, 0);  
                transform: translate3d(2000px, 0, 0);  
      }  
    }  
      
    .bounceOutRight {  
      -webkit-animation-name: bounceOutRight;  
              animation-name: bounceOutRight;  
    }  
      
    @-webkit-keyframes bounceOutUp {  
      20% {  
        -webkit-transform: translate3d(0, -10px, 0);  
                transform: translate3d(0, -10px, 0);  
      }  
      
      40%, 45% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, 20px, 0);  
                transform: translate3d(0, 20px, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -2000px, 0);  
                transform: translate3d(0, -2000px, 0);  
      }  
    }  
      
    @keyframes(关键帧) bounceOutUp {  
      20% {  
        -webkit-transform: translate3d(0, -10px, 0);  
                transform: translate3d(0, -10px, 0);  
      }  
      
      40%, 45% {  
        opacity: 1;  
        -webkit-transform: translate3d(0, 20px, 0);  
                transform: translate3d(0, 20px, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -2000px, 0);  
                transform: translate3d(0, -2000px, 0);  
      }  
    }  
      
    .bounceOutUp {  
      -webkit-animation-name: bounceOutUp;  
              animation-name: bounceOutUp;  
    }  
      
    @-webkit-keyframes fadeIn {  
      0% {opacity: 0;}  
      100% {opacity: 1;}  
    }  
      
    @keyframes fadeIn {  
      0% {opacity: 0;}  
      100% {opacity: 1;}  
    }  
      
    .fadeIn {  
      -webkit-animation-name: fadeIn;  (渐显)
              animation-name: fadeIn;  
    }  
      
    @-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 fadeInDownBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -2000px, 0);  
                transform: translate3d(0, -2000px, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) fadeInDownBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -2000px, 0);  
                transform: translate3d(0, -2000px, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .fadeInDownBig {  
      -webkit-animation-name: fadeInDownBig;  
              animation-name: fadeInDownBig;  
    }  
      
    @-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 fadeInLeftBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(-2000px, 0, 0);  
                transform: translate3d(-2000px, 0, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) fadeInLeftBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(-2000px, 0, 0);  
                transform: translate3d(-2000px, 0, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .fadeInLeftBig {  
      -webkit-animation-name: fadeInLeftBig;  
              animation-name: fadeInLeftBig;  
    }  
      
    @-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 fadeInRightBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(2000px, 0, 0);  
                transform: translate3d(2000px, 0, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) fadeInRightBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(2000px, 0, 0);  
                transform: translate3d(2000px, 0, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .fadeInRightBig {  
      -webkit-animation-name: fadeInRightBig;  
              animation-name: fadeInRightBig;  
    }  
      
    @-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 fadeInUpBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 2000px, 0);  
                transform: translate3d(0, 2000px, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes(关键帧) fadeInUpBig {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 2000px, 0);  
                transform: translate3d(0, 2000px, 0);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .fadeInUpBig {  
      -webkit-animation-name: fadeInUpBig;  
              animation-name: fadeInUpBig;  
    }  
      
    @-webkit-keyframes fadeOut {  
      0% {opacity: 1;}  
      100% {opacity: 0;}  
    }  
      
    @keyframes fadeOut {  
      0% {opacity: 1;}  
      100% {opacity: 0;}  
    }  
      
    .fadeOut {  
      -webkit-animation-name: fadeOut;  (渐隐)
              animation-name: fadeOut;  
    }  
      
    @-webkit-keyframes fadeOutDown {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 100%, 0);  
                transform: translate3d(0, 100%, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutDown {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 100%, 0);  
                transform: translate3d(0, 100%, 0);  
      }  
    }  
      
    .fadeOutDown {  
      -webkit-animation-name: fadeOutDown;  
              animation-name: fadeOutDown;  
    }  
      
    @-webkit-keyframes fadeOutDownBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 2000px, 0);  
                transform: translate3d(0, 2000px, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutDownBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, 2000px, 0);  
                transform: translate3d(0, 2000px, 0);  
      }  
    }  
      
    .fadeOutDownBig {  
      -webkit-animation-name: fadeOutDownBig;  
              animation-name: fadeOutDownBig;  
    }  
      
    @-webkit-keyframes fadeOutLeft {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(-100%, 0, 0);  
                transform: translate3d(-100%, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutLeft {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(-100%, 0, 0);  
                transform: translate3d(-100%, 0, 0);  
      }  
    }  
      
    .fadeOutLeft {  
      -webkit-animation-name: fadeOutLeft;  
              animation-name: fadeOutLeft;  
    }  
      
    @-webkit-keyframes fadeOutLeftBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(-2000px, 0, 0);  
                transform: translate3d(-2000px, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutLeftBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(-2000px, 0, 0);  
                transform: translate3d(-2000px, 0, 0);  
      }  
    }  
      
    .fadeOutLeftBig {  
      -webkit-animation-name: fadeOutLeftBig;  
              animation-name: fadeOutLeftBig;  
    }  
      
    @-webkit-keyframes fadeOutRight {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(100%, 0, 0);  
                transform: translate3d(100%, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutRight {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(100%, 0, 0);  
                transform: translate3d(100%, 0, 0);  
      }  
    }  
      
    .fadeOutRight {  
      -webkit-animation-name: fadeOutRight;  
              animation-name: fadeOutRight;  
    }  
      
    @-webkit-keyframes fadeOutRightBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(2000px, 0, 0);  
                transform: translate3d(2000px, 0, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutRightBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(2000px, 0, 0);  
                transform: translate3d(2000px, 0, 0);  
      }  
    }  
      
    .fadeOutRightBig {  
      -webkit-animation-name: fadeOutRightBig;  
              animation-name: fadeOutRightBig;  
    }  
      
    @-webkit-keyframes fadeOutUp {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -100%, 0);  
                transform: translate3d(0, -100%, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutUp {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -100%, 0);  
                transform: translate3d(0, -100%, 0);  
      }  
    }  
      
    .fadeOutUp {  
      -webkit-animation-name: fadeOutUp;  
              animation-name: fadeOutUp;  
    }  
      
    @-webkit-keyframes fadeOutUpBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -2000px, 0);  
                transform: translate3d(0, -2000px, 0);  
      }  
    }  
      
    @keyframes(关键帧) fadeOutUpBig {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(0, -2000px, 0);  
                transform: translate3d(0, -2000px, 0);  
      }  
    }  
      
    .fadeOutUpBig {  
      -webkit-animation-name: fadeOutUpBig;  
              animation-name: fadeOutUpBig;  
    }  
      
    @-webkit-keyframes flip {  
      0% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
        -webkit-animation-timing-function: ease-out;  
                animation-timing-function: ease-out;  
      }  
      
      40% {  
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
        -webkit-animation-timing-function: ease-out;  
                animation-timing-function: ease-out;  
      }  
      
      50% {  
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
        -webkit-animation-timing-function: ease-in;  
                animation-timing-function: ease-in;  
      }  
      
      80% {  
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);  
                transform: perspective(400px) scale3d(.95, .95, .95);  
        -webkit-animation-timing-function: ease-in;  
                animation-timing-function: ease-in;  
      }  
      
      100% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
        -webkit-animation-timing-function: ease-in;  
                animation-timing-function: ease-in;  
      }  
    }  
      
    @keyframes flip {  
      0% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
        -webkit-animation-timing-function: ease-out;  
                animation-timing-function: ease-out;  
      }  
      
      40% {  
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
        -webkit-animation-timing-function: ease-out;  
                animation-timing-function: ease-out;  
      }  
      
      50% {  
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
        -webkit-animation-timing-function: ease-in;  
                animation-timing-function: ease-in;  
      }  
      
      80% {  
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);  
                transform: perspective(400px) scale3d(.95, .95, .95);  
        -webkit-animation-timing-function: ease-in;  
                animation-timing-function: ease-in;  
      }  
      
      100% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
        -webkit-animation-timing-function: ease-in;  
                animation-timing-function: ease-in;  
      }  
    }  
      
    .animated.flip {  
      -webkit-backface-visibility: visible;  
              backface-visibility: visible;  
      -webkit-animation-name: flip;  
              animation-name: flip;  
    }  
      
    @-webkit-keyframes flipInX {  
      0% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
        opacity: 0;  
      }  
      
      40% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
      }  
      
      60% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
        opacity: 1;  
      }  
      
      80% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
      }  
      
      100% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
    }  
      
    @keyframes flipInX {  
      0% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
        opacity: 0;  
      }  
      
      40% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
      }  
      
      60% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
        opacity: 1;  
      }  
      
      80% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
      }  
      
      100% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
    }  
      
    .flipInX {  
      -webkit-backface-visibility: visible !important;  
              backface-visibility: visible !important;  
      -webkit-animation-name: flipInX;  
              animation-name: flipInX;  
    }  
      
    @-webkit-keyframes flipInY {  
      0% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
        opacity: 0;  
      }  
      
      40% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
      }  
      
      60% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
        opacity: 1;  
      }  
      
      80% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
      }  
      
      100% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
    }  
      
    @keyframes flipInY {  
      0% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
        opacity: 0;  
      }  
      
      40% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
        -webkit-transition-timing-function: ease-in;  
                transition-timing-function: ease-in;  
      }  
      
      60% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
        opacity: 1;  
      }  
      
      80% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
      }  
      
      100% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
    }  
      
    .flipInY {  
      -webkit-backface-visibility: visible !important;  
              backface-visibility: visible !important;  
      -webkit-animation-name: flipInY;  
              animation-name: flipInY;  
    }  
      
    @-webkit-keyframes flipOutX {  
      0% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
      
      30% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) flipOutX {  
      0% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
      
      30% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
        opacity: 0;  
      }  
    }  
      
    .flipOutX {  
      -webkit-animation-name: flipOutX;  
              animation-name: flipOutX;  
      -webkit-animation-duration: .75s;  
              animation-duration: .75s;  
      -webkit-backface-visibility: visible !important;  
              backface-visibility: visible !important;  
    }  
      
    @-webkit-keyframes flipOutY {  
      0% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
      
      30% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) flipOutY {  
      0% {  
        -webkit-transform: perspective(400px);  
                transform: perspective(400px);  
      }  
      
      30% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
        opacity: 0;  
      }  
    }  
      
    .flipOutY {  
      -webkit-backface-visibility: visible !important;  
              backface-visibility: visible !important;  
      -webkit-animation-name: flipOutY;  
              animation-name: flipOutY;  
      -webkit-animation-duration: .75s;  
              animation-duration: .75s;  
    }  
      
    @-webkit-keyframes lightSpeedIn {  
      0% {  
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);  
                transform: translate3d(100%, 0, 0) skewX(-30deg);  
        opacity: 0;  
      }  
      
      60% {  
        -webkit-transform: skewX(20deg);  
                transform: skewX(20deg);  
        opacity: 1;  
      }  
      
      80% {  
        -webkit-transform: skewX(-5deg);  
                transform: skewX(-5deg);  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    @keyframes(关键帧) lightSpeedIn {  
      0% {  
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);  
                transform: translate3d(100%, 0, 0) skewX(-30deg);  
        opacity: 0;  
      }  
      
      60% {  
        -webkit-transform: skewX(20deg);  
                transform: skewX(20deg);  
        opacity: 1;  
      }  
      
      80% {  
        -webkit-transform: skewX(-5deg);  
                transform: skewX(-5deg);  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    .lightSpeedIn {  
      -webkit-animation-name: lightSpeedIn;  
              animation-name: lightSpeedIn;  
      -webkit-animation-timing-function: ease-out;  
              animation-timing-function: ease-out;  
    }  
      
    @-webkit-keyframes lightSpeedOut {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);  
                transform: translate3d(100%, 0, 0) skewX(30deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) lightSpeedOut {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);  
                transform: translate3d(100%, 0, 0) skewX(30deg);  
        opacity: 0;  
      }  
    }  
      
    .lightSpeedOut {  
      -webkit-animation-name: lightSpeedOut;  
              animation-name: lightSpeedOut;  
      -webkit-animation-timing-function: ease-in;  
              animation-timing-function: ease-in;  
    }  
      
    @-webkit-keyframes rotateIn {  
      0% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        -webkit-transform: rotate3d(0, 0, 1, -200deg);  
                transform: rotate3d(0, 0, 1, -200deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    @keyframes(关键帧) rotateIn {  
      0% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        -webkit-transform: rotate3d(0, 0, 1, -200deg);  
                transform: rotate3d(0, 0, 1, -200deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    .rotateIn {  
      -webkit-animation-name: rotateIn;  
              animation-name: rotateIn;  
    }  
      
    @-webkit-keyframes rotateInDownLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -45deg);  
                transform: rotate3d(0, 0, 1, -45deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    @keyframes(关键帧) rotateInDownLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -45deg);  
                transform: rotate3d(0, 0, 1, -45deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    .rotateInDownLeft {  
      -webkit-animation-name: rotateInDownLeft;  
              animation-name: rotateInDownLeft;  
    }  
      
    @-webkit-keyframes rotateInDownRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 45deg);  
                transform: rotate3d(0, 0, 1, 45deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    @keyframes(关键帧) rotateInDownRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 45deg);  
                transform: rotate3d(0, 0, 1, 45deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    .rotateInDownRight {  
      -webkit-animation-name: rotateInDownRight;  
              animation-name: rotateInDownRight;  
    }  
      
    @-webkit-keyframes rotateInUpLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 45deg);  
                transform: rotate3d(0, 0, 1, 45deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    @keyframes(关键帧) rotateInUpLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 45deg);  
                transform: rotate3d(0, 0, 1, 45deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    .rotateInUpLeft {  
      -webkit-animation-name: rotateInUpLeft;  
              animation-name: rotateInUpLeft;  
    }  
      
    @-webkit-keyframes rotateInUpRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -90deg);  
                transform: rotate3d(0, 0, 1, -90deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    @keyframes(关键帧) rotateInUpRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -90deg);  
                transform: rotate3d(0, 0, 1, -90deg);  
        opacity: 0;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: none;  
                transform: none;  
        opacity: 1;  
      }  
    }  
      
    .rotateInUpRight {  
      -webkit-animation-name: rotateInUpRight;  
              animation-name: rotateInUpRight;  
    }  
      
    @-webkit-keyframes rotateOut {  
      0% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        opacity: 1;  
      }  
      

      100% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        -webkit-transform: rotate3d(0, 0, 1, 200deg);  
                transform: rotate3d(0, 0, 1, 200deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) rotateOut {  
      0% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: center;  
                transform-origin: center;  
        -webkit-transform: rotate3d(0, 0, 1, 200deg);  
                transform: rotate3d(0, 0, 1, 200deg);  
        opacity: 0;  
      }  
    }  
      
    .rotateOut {  
      -webkit-animation-name: rotateOut;  
              animation-name: rotateOut;  
    }  
      
    @-webkit-keyframes rotateOutDownLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 45deg);  
                transform: rotate3d(0, 0, 1, 45deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) rotateOutDownLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 45deg);  
                transform: rotate3d(0, 0, 1, 45deg);  
        opacity: 0;  
      }  
    }  
      
    .rotateOutDownLeft {  
      -webkit-animation-name: rotateOutDownLeft;  
              animation-name: rotateOutDownLeft;  
    }  
      
    @-webkit-keyframes rotateOutDownRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -45deg);  
                transform: rotate3d(0, 0, 1, -45deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) rotateOutDownRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -45deg);  
                transform: rotate3d(0, 0, 1, -45deg);  
        opacity: 0;  
      }  
    }  
      
    .rotateOutDownRight {  
      -webkit-animation-name: rotateOutDownRight;  
              animation-name: rotateOutDownRight;  
    }  
      
    @-webkit-keyframes rotateOutUpLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -45deg);  
                transform: rotate3d(0, 0, 1, -45deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) rotateOutUpLeft {  
      0% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: left bottom;  
                transform-origin: left bottom;  
        -webkit-transform: rotate3d(0, 0, 1, -45deg);  
                transform: rotate3d(0, 0, 1, -45deg);  
        opacity: 0;  
      }  
    }  
      
    .rotateOutUpLeft {  
      -webkit-animation-name: rotateOutUpLeft;  
              animation-name: rotateOutUpLeft;  
    }  
      
    @-webkit-keyframes rotateOutUpRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 90deg);  
                transform: rotate3d(0, 0, 1, 90deg);  
        opacity: 0;  
      }  
    }  
      
    @keyframes(关键帧) rotateOutUpRight {  
      0% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform-origin: right bottom;  
                transform-origin: right bottom;  
        -webkit-transform: rotate3d(0, 0, 1, 90deg);  
                transform: rotate3d(0, 0, 1, 90deg);  
        opacity: 0;  
      }  
    }  
      
    .rotateOutUpRight {  
      -webkit-animation-name: rotateOutUpRight;  
              animation-name: rotateOutUpRight;  
    }  
      
    @-webkit-keyframes hinge {  
      0% {  
        -webkit-transform-origin: top left;  
                transform-origin: top left;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;  
      }  
      
      20%, 60% {  
        -webkit-transform: rotate3d(0, 0, 1, 80deg);  
                transform: rotate3d(0, 0, 1, 80deg);  
        -webkit-transform-origin: top left;  
                transform-origin: top left;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;  
      }  
      
      40%, 80% {  
        -webkit-transform: rotate3d(0, 0, 1, 60deg);  
                transform: rotate3d(0, 0, 1, 60deg);  
        -webkit-transform-origin: top left;  
                transform-origin: top left;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: translate3d(0, 700px, 0);  
                transform: translate3d(0, 700px, 0);  
        opacity: 0;  
      }  
    }  
      
    @keyframes hinge {  
      0% {  
        -webkit-transform-origin: top left;  
                transform-origin: top left;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;  
      }  
      
      20%, 60% {  
        -webkit-transform: rotate3d(0, 0, 1, 80deg);  
                transform: rotate3d(0, 0, 1, 80deg);  
        -webkit-transform-origin: top left;  
                transform-origin: top left;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;  
      }  
      
      40%, 80% {  
        -webkit-transform: rotate3d(0, 0, 1, 60deg);  
                transform: rotate3d(0, 0, 1, 60deg);  
        -webkit-transform-origin: top left;  
                transform-origin: top left;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;  
        opacity: 1;  
      }  
      
      100% {  
        -webkit-transform: translate3d(0, 700px, 0);  
                transform: translate3d(0, 700px, 0);  
        opacity: 0;  
      }  
    }  
      
    .hinge {  
      -webkit-animation-name: hinge;  
              animation-name: hinge;  
    }  
      
    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
      
    @-webkit-keyframes rollIn {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    @keyframes rollIn {  
      0% {  
        opacity: 0;  
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
      }  
      
      100% {  
        opacity: 1;  
        -webkit-transform: none;  
                transform: none;  
      }  
    }  
      
    .rollIn {  
      -webkit-animation-name: rollIn;  
              animation-name: rollIn;  
    }  
      
    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
      
    @-webkit-keyframes rollOut {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
      }  
    }  
      
    @keyframes rollOut {  
      0% {  
        opacity: 1;  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
      }  
    }  
      
    .rollOut {  
      -webkit-animation-name: rollOut;  (首次展示)
              animation-name: rollOut;  
    }  
      
    @-webkit-keyframes zoomIn {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
      
      50% {  
        opacity: 1;  
      }  
    }  
      
    @keyframes zoomIn {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
      
      50% {  
        opacity: 1;  
      }  
    }  
      
    .zoomIn {  
      -webkit-animation-name: zoomIn;  
              animation-name: zoomIn;  
    }  
      
    @-webkit-keyframes zoomInDown {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    @keyframes(关键帧) zoomInDown {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    .zoomInDown {  
      -webkit-animation-name: zoomInDown;  
              animation-name: zoomInDown;  
    }  
      
    @-webkit-keyframes zoomInLeft {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    @keyframes(关键帧) zoomInLeft {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    .zoomInLeft {  
      -webkit-animation-name: zoomInLeft;  
              animation-name: zoomInLeft;  
    }  
      
    @-webkit-keyframes zoomInRight {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    @keyframes(关键帧) zoomInRight {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    .zoomInRight {  
      -webkit-animation-name: zoomInRight;  
              animation-name: zoomInRight;  
    }  
      
    @-webkit-keyframes zoomInUp {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    @keyframes(关键帧) zoomInUp {  
      0% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      60% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    .zoomInUp {  
      -webkit-animation-name: zoomInUp;  
              animation-name: zoomInUp;  
    }  
      
    @-webkit-keyframes zoomOut {  
      0% {  
        opacity: 1;  
      }  
      
      50% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
      
      100% {  
        opacity: 0;  
      }  
    }  
      
    @keyframes zoomOut {  
      0% {  
        opacity: 1;  
      }  
      
      50% {  
        opacity: 0;  
        -webkit-transform: scale3d(.3, .3, .3);  
                transform: scale3d(.3, .3, .3);  
      }  
      
      100% {  
        opacity: 0;  
      }  
    }  
      
    .zoomOut {  
      -webkit-animation-name: zoomOut;  
              animation-name: zoomOut;  
    }  
      
    @-webkit-keyframes zoomOutDown {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
        -webkit-transform-origin: center bottom;  
                transform-origin: center bottom;  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    @keyframes(关键帧) zoomOutDown {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
        -webkit-transform-origin: center bottom;  
                transform-origin: center bottom;  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    .zoomOutDown {  
      -webkit-animation-name: zoomOutDown;  
              animation-name: zoomOutDown;  
    }  
      
    @-webkit-keyframes zoomOutLeft {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);  
                transform: scale(.1) translate3d(-2000px, 0, 0);  
        -webkit-transform-origin: left center;  
                transform-origin: left center;  
      }  
    }  
      
    @keyframes(关键帧) zoomOutLeft {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);  
                transform: scale(.1) translate3d(-2000px, 0, 0);  
        -webkit-transform-origin: left center;  
                transform-origin: left center;  
      }  
    }  
      
    .zoomOutLeft {  
      -webkit-animation-name: zoomOutLeft;  
              animation-name: zoomOutLeft;  
    }  
      
    @-webkit-keyframes zoomOutRight {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);  
                transform: scale(.1) translate3d(2000px, 0, 0);  
        -webkit-transform-origin: right center;  
                transform-origin: right center;  
      }  
    }  
      
    @keyframes(关键帧) zoomOutRight {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);  
                transform: scale(.1) translate3d(2000px, 0, 0);  
        -webkit-transform-origin: right center;  
                transform-origin: right center;  
      }  
    }  
      
    .zoomOutRight {  
      -webkit-animation-name: zoomOutRight;  
              animation-name: zoomOutRight;  
    }  
      
    @-webkit-keyframes zoomOutUp {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
        -webkit-transform-origin: center bottom;  
                transform-origin: center bottom;  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    @keyframes(关键帧) zoomOutUp {  
      40% {  
        opacity: 1;  
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
      }  
      
      100% {  
        opacity: 0;  
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
        -webkit-transform-origin: center bottom;  
                transform-origin: center bottom;  
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
      }  
    }  
      
    .zoomOutUp {  
      -webkit-animation-name: zoomOutUp;  
              animation-name: zoomOutUp;  
    }  
      
    @-webkit-keyframes slideInDown {  
      0% {  
        -webkit-transform: translateY(-100%);  
                transform: translateY(-100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
    }  
      
    @keyframes(关键帧) slideInDown {  
      0% {  
        -webkit-transform: translateY(-100%);  
                transform: translateY(-100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
    }  
      
    .slideInDown {  
      -webkit-animation-name: slideInDown;  
              animation-name: slideInDown;  
    }  
      
    @-webkit-keyframes slideInLeft {  
      0% {  
        -webkit-transform: translateX(-100%);  
                transform: translateX(-100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
    }  
      
    @keyframes(关键帧) slideInLeft {  
      0% {  
        -webkit-transform: translateX(-100%);  
                transform: translateX(-100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
    }  
      
    .slideInLeft {  
      -webkit-animation-name: slideInLeft;  
              animation-name: slideInLeft;  
    }  
      
    @-webkit-keyframes slideInRight {  
      0% {  
        -webkit-transform: translateX(100%);  
                transform: translateX(100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
    }  
      
    @keyframes(关键帧) slideInRight {  
      0% {  
        -webkit-transform: translateX(100%);  
                transform: translateX(100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
    }  
      
    .slideInRight {  
      -webkit-animation-name: slideInRight;  
              animation-name: slideInRight;  
    }  
      
    @-webkit-keyframes slideInUp {  
      0% {  
        -webkit-transform: translateY(100%);  
                transform: translateY(100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
    }  
      
    @keyframes(关键帧) slideInUp {  
      0% {  
        -webkit-transform: translateY(100%);  
                transform: translateY(100%);  
        visibility: visible;  
      }  
      
      100% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
    }  
      
    .slideInUp {  
      -webkit-animation-name: slideInUp;  
              animation-name: slideInUp;  
    }  
      
    @-webkit-keyframes slideOutDown {  
      0% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateY(100%);  
                transform: translateY(100%);  
      }  
    }  
      
    @keyframes(关键帧) slideOutDown {  
      0% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateY(100%);  
                transform: translateY(100%);  
      }  
    }  
      
    .slideOutDown {  
      -webkit-animation-name: slideOutDown;  
              animation-name: slideOutDown;  
    }  
      
    @-webkit-keyframes slideOutLeft {  
      0% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateX(-100%);  
                transform: translateX(-100%);  
      }  
    }  
      
    @keyframes(关键帧) slideOutLeft {  
      0% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateX(-100%);  
                transform: translateX(-100%);  
      }  
    }  
      
    .slideOutLeft {  
      -webkit-animation-name: slideOutLeft;  
              animation-name: slideOutLeft;  
    }  
      
    @-webkit-keyframes slideOutRight {  
      0% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateX(100%);  
                transform: translateX(100%);  
      }  
    }  
      
    @keyframes(关键帧) slideOutRight {  
      0% {  
        -webkit-transform: translateX(0);  
                transform: translateX(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateX(100%);  
                transform: translateX(100%);  
      }  
    }  
      
    .slideOutRight {  
      -webkit-animation-name: slideOutRight;  
              animation-name: slideOutRight;  
    }  
      
    @-webkit-keyframes slideOutUp {  
      0% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateY(-100%);  
                transform: translateY(-100%);  
      }  
    }  
      
    @keyframes(关键帧) slideOutUp {  
      0% {  
        -webkit-transform: translateY(0);  
                transform: translateY(0);  
      }  
      
      100% {  
        visibility: hidden;  
        -webkit-transform: translateY(-100%);  
                transform: translateY(-100%);  
      }  
    }  
      
    .slideOutUp {  
      -webkit-animation-name: slideOutUp;  
              animation-name: slideOutUp;  
    }