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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(50%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        transform: none
    }
}

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

    to {
        opacity: 1;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        transform: none
    }
}

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

    to {
        opacity: 1;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        transform: none
    }
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.moveInLeft {
    animation-name: moveInLeft;
    -webkit-animation-name: moveInLeft;
    animation-timing-function: cubic-bezier(.61,-.01,.36,1);
    -webkit-animation-timing-function: cubic-bezier(.61,-.01,.36,1)
}

@keyframes moveInLeft {
    0% {
        transform: translateX(150%);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes moveInLeft {
    0% {
        -webkit-transform: translateX(150%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

.moveInRight {
    animation-name: moveInRight;
    -webkit-animation-name: moveInRight;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: cubic-bezier(.61,-.01,.36,1);
    -webkit-animation-timing-function: cubic-bezier(.61,-.01,.36,1)
}

@keyframes moveInRight {
    0% {
        transform: translateX(-150%);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes moveInRight {
    0% {
        -webkit-transform: translateX(-150%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

.moveInUp {
    animation-name: moveInUp;
    -webkit-animation-name: moveInUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: cubic-bezier(.61,-.01,.36,1);
    -webkit-animation-timing-function: cubic-bezier(.61,-.01,.36,1)
}

@keyframes moveInUp {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes moveInUp {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

.moveInDown {
    animation-name: moveInDown;
    -webkit-animation-name: moveInDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: cubic-bezier(.61,-.01,.36,1);
    -webkit-animation-timing-function: cubic-bezier(.61,-.01,.36,1)
}

@keyframes moveInDown {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes moveInDown {
    0% {
        -webkit-transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

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

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

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scaleX(1) translateZ(0)
    }

    1% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(500%,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-20%,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }

    to {
        opacity: 1;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scaleX(1) translateZ(0)
    }

    1% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(500%,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-20%,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }

    to {
        opacity: 1;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scaleX(1) translateZ(0)
    }

    1% {
        transform: scale3d(.1,.1,.1) translate3d(-500%,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-20%,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scaleX(1) translateZ(0)
    }

    1% {
        transform: scale3d(.1,.1,.1) translate3d(-500%,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-20%,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }

    to {
        opacity: 1;
        transform: none
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scaleX(1) translateZ(0)
    }

    1% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,500%,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60%,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }

    to {
        opacity: 1;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scaleX(1) translateZ(0)
    }

    1% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,500%,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60%,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }

    to {
        opacity: 1;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

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

@-webkit-keyframes elasticLarge {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes elasticLarge {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.elasticSmall {
    animation-name: elasticSmall;
    -webkit-animation-name: elasticSmall;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out
}

@keyframes elasticSmall {
    0% {
        transform: scale(1.8);
        opacity: 0
    }

    50% {
        transform: scale(.95);
        opacity: 1
    }

    80% {
        transform: scale(1.05)
    }

    90% {
        transform: scale(.98)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes elasticSmall {
    0% {
        -webkit-transform: scale(1.8);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(.95);
        opacity: 1
    }

    80% {
        -webkit-transform: scale(1.05)
    }

    90% {
        -webkit-transform: scale(.98)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes flipUpDown {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    99% {
        transform: perspective(400px)
    }
}

@keyframes flipUpDown {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    99% {
        transform: perspective(400px)
    }
}

.flipUpDown {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipUpDown;
    animation-name: flipUpDown
}

@-webkit-keyframes flipLeftRight {
    0% {
        opacity: 0
    }

    1% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    99% {
        transform: perspective(400px)
    }
}

@keyframes flipLeftRight {
    0% {
        opacity: 0
    }

    1% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    99% {
        transform: perspective(400px)
    }
}

.flipLeftRight {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipLeftRight;
    animation-name: flipLeftRight
}

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0);
        transform-origin: center bottom
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.755,.06);
        animation-timing-function: cubic-bezier(.755,.05,.755,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.755,.06);
        animation-timing-function: cubic-bezier(.755,.05,.755,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0);
        transform-origin: center bottom
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.755,.06);
        animation-timing-function: cubic-bezier(.755,.05,.755,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.755,.06);
        animation-timing-function: cubic-bezier(.755,.05,.755,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

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

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

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

@-webkit-keyframes flip {
    0% {
        opacity: 0
    }

    1% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    99% {
        transform: perspective(400px)
    }
}

@keyframes flip {
    0% {
        opacity: 0
    }

    1% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    99% {
        transform: perspective(400px)
    }
}

.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

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

@-webkit-keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

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

@-webkit-keyframes swing {
    0% {
        transform: rotate(0)
    }

    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes swing {
    0% {
        transform: rotate(0)
    }

    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes rotating {
    0% {
        transform-origin: center;
        transform: translateZ(0) rotate(-1turn)
    }

    to {
        transform-origin: center;
        transform: none
    }
}

@keyframes rotating {
    0% {
        transform-origin: center;
        transform: translateZ(0) rotate(-1turn)
    }

    to {
        transform-origin: center;
        transform: none
    }
}

.rotating {
    -webkit-animation-name: rotating;
    animation-name: rotating;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.7% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.7% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    transform-origin: center
}

@-webkit-keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.75,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.75,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes translationLeftRight {
    0%,to {
        transform: translateX(0)
    }

    20% {
        transform: translateX(-50%)
    }

    70% {
        transform: translateX(50%)
    }
}

@keyframes translationLeftRight {
    0%,to {
        transform: translateX(0)
    }

    20% {
        transform: translateX(-50%)
    }

    70% {
        transform: translateX(50%)
    }
}

.translationLeftRight {
    -webkit-animation-name: translationLeftRight;
    animation-name: translationLeftRight;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear
}

@-webkit-keyframes translationUpDown {
    0%,to {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-50%)
    }

    70% {
        transform: translateY(50%)
    }
}

@keyframes translationUpDown {
    0%,to {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-50%)
    }

    70% {
        transform: translateY(50%)
    }
}

.translationUpDown {
    -webkit-animation-name: translationUpDown;
    animation-name: translationUpDown;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear
}

@-webkit-keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoomLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoomLeftIn {
    0% {
        opacity: .3;
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateRoomRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoomRightIn {
    0% {
        opacity: .3;
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg)
    }
}

@keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateRoomTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg)
    }
}

@keyframes rotateRoomTopIn {
    0% {
        opacity: .3;
        transform: translateY(100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg)
    }
}

@keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        transform: translateY(100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateRoomBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg)
    }
}

@keyframes rotateRoomBottomIn {
    0% {
        opacity: .3;
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-webkit-keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-100%)
    }
}

@keyframes moveToLeft {
    to {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes panelMoveToLeft {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(-200%)
    }
}

@keyframes panelMoveToLeft {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(-200%)
    }
}

@-webkit-keyframes moveFromLeft {
    0% {
        -webkit-transform: translateX(-100%)
    }
}

@keyframes moveFromLeft {
    0% {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%)
    }
}

@keyframes moveToRight {
    to {
        transform: translateX(100%)
    }
}

@-webkit-keyframes moveFromRight {
    0% {
        -webkit-transform: translateX(100%)
    }
}

@keyframes moveFromRight {
    0% {
        transform: translateX(100%)
    }
}

@-webkit-keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%)
    }
}

@keyframes moveToTop {
    to {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes moveFromTop {
    0% {
        -webkit-transform: translateY(-100%)
    }
}

@keyframes moveFromTop {
    0% {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%)
    }
}

@keyframes moveToBottom {
    to {
        transform: translateY(100%)
    }
}

@-webkit-keyframes moveFromBottom {
    0% {
        -webkit-transform: translateY(100%)
    }
}

@keyframes moveFromBottom {
    0% {
        transform: translateY(100%)
    }
}

.jz_module_style_2 .photo_display_list .photo_item,.jz_screen_pc .module_image_content img {
    transition: all .36s ease
}

.jz_screen_pc .jz_animate_go.jz_photo_scale_normal,.jz_screen_pc .jz_photo_scale_normal:hover {
    transform: scale(1.08)
}

.jz_screen_pc .jz_photo_scale,.jz_screen_pc .module_photo_group_content div.jz_photo_scale {
    transform: scale(1.1)
}

.jz_photo_direction_bottom,.jz_photo_direction_left,.jz_photo_direction_right,.jz_photo_direction_top {
    overflow: hidden
}

.jz_screen_pc .jz_photo_scale {
    transition: all .36s ease
}

.jz_screen_pc .jz_photo_direction_left.jz_animate_go .jz_photo_scale,.jz_screen_pc .jz_photo_direction_left .jz_photo_scale:hover,.jz_screen_pc .jz_photo_direction_left:hover .news_list_img {
    transform: scale(1.1) translateX(-4%)
}

.jz_screen_pc .jz_photo_direction_right.jz_animate_go .jz_photo_scale,.jz_screen_pc .jz_photo_direction_right .jz_photo_scale:hover,.jz_screen_pc .jz_photo_direction_right:hover .news_list_img {
    transform: scale(1.1) translateX(4%)
}

.jz_screen_pc .jz_photo_direction_top.jz_animate_go .jz_photo_scale,.jz_screen_pc .jz_photo_direction_top .jz_photo_scale:hover,.jz_screen_pc .jz_photo_direction_top:hover .news_list_img {
    transform: scale(1.1) translateY(-4%)
}

.jz_screen_pc .jz_photo_direction_bottom.jz_animate_go .jz_photo_scale,.jz_screen_pc .jz_photo_direction_bottom .jz_photo_scale:hover,.jz_screen_pc .jz_photo_direction_bottom:hover .news_list_img {
    transform: scale(1.1) translateY(4%)
}

.jz_photo_border_effect {
    position: relative;
    box-sizing: border-box
}

.exhibition_product_pic_wrap .jz_photo_border_effect {
    position: absolute;
    border: none
}

.jz_screen_pc .exhibition_show_product:hover .jz_photo_border_effect,.jz_screen_pc .list_photos_basic_style .jz_photo_border_effect:hover,.jz_screen_pc .module_photo_group_content .jz_photo_border_effect:hover,.jz_screen_pc .news_list_item_line:hover .jz_photo_border_effect {
    transform: none
}

.jz_border_effect_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px
}

.jz_border_effect_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2px;
    height: 0
}

.jz_border_effect_bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 2px
}

.jz_border_effect_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0
}

.jz_border_effect_2.jz_border_effect_top {
    top: 10px;
    left: 10px
}

.jz_border_effect_2.jz_border_effect_right {
    top: 10px;
    bottom: auto;
    right: 10px
}

.jz_border_effect_2.jz_border_effect_left {
    top: auto;
    bottom: 10px;
    left: 10px;
    right: auto
}

.jz_border_effect_2.jz_border_effect_bottom {
    bottom: 10px;
    right: 10px
}

.jz_border_effect_1.jz_border_effect_left {
    top: auto
}

.jz_screen_pc .jz_photo_small_effect_0 {
    transition: all .35s;
    transform: scale(1.1)
}

.jz_screen_pc .jz_photo_small_effect_0.jz_animate_go,.jz_screen_pc .jz_photo_small_effect_0:hover,.jz_screen_pc .list_photos_basic_style .jz_photo_small_effect_0:hover,.jz_screen_pc .module_photo_group_content .jz_photo_small_effect_0:hover,.jz_screen_pc .news_list_item_line:hover .jz_photo_small_effect_0 {
    transform: scale(1);
    opacity: 1
}

.jz_screen_pc .jz_photo_animate4 .jz_animate_go,.jz_screen_pc .jz_photo_animate4 .jz_photo_small_effect_0:hover,.jz_screen_pc .jz_photo_animate4 .jz_photo_small_effect_1:hover,.jz_screen_pc .jz_photo_animate4:hover .news_list_img {
    opacity: .5
}

.jz_screen_pc .exhibition_show_product:hover .jz_photo_layer_effect,.jz_screen_pc .jz_photo_layer_effect:hover,.jz_screen_pc .list_photos_basic_style .jz_photo_layer_effect:hover,.jz_screen_pc .module_photo_group_content .jz_photo_layer_effect:hover,.jz_screen_pc .news_list_item_line:hover .jz_photo_layer_effect {
    transform: scale(1);
    transition: none
}

.jz_screen_pc .jz_photo_small_effect_1 {
    opacity: 1;
    transition: all .35s;
    transform: translate3d(-6%,0,0) scale(1.12)
}

.jz_screen_pc .jz_photo_small_effect_1.jz_animate_go,.jz_screen_pc .jz_photo_small_effect_1:hover {
    transform: translateZ(0) scale(1)
}

.jz_screen_pc .jz_photo_layer_amimate {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.jz_screen_pc .jz_photo_layer_amimate svg {
    width: 48px;
    height: 48px
}

.jz_screen_pc .jz_photo_desc_layer_amimate {
    transition: all .3s;
    display: flex!important;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.jz_screen_pc .jz_photo_desc_layer_amimate svg {
    width: 0;
    height: 0;
    opacity: 0;
    transition: all .3s
}

.jz_screen_pc .jz_animate_go .jz_photo_desc_layer_amimate,.jz_screen_pc .jz_photo_layer_effect:hover .jz_photo_desc_layer_amimate,.jz_screen_pc .list_photo_wrapper:hover .jz_photo_desc_layer_amimate {
    position: absolute;
    bottom: 0;
    opacity: 1;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

.jz_screen_pc .jz_animate_go .jz_photo_desc_layer_amimate svg,.jz_screen_pc .jz_photo_layer_effect:hover .jz_photo_desc_layer_amimate svg,.jz_screen_pc .list_photo_wrapper:hover .jz_photo_desc_layer_amimate svg {
    width: 48px;
    height: 48px;
    opacity: 1;
    display: block
}

.rich_img_wrap img {
    opacity: 1
}

.photo_small_layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.jz_screen_mobi .photo_small_layer {
    display: none
}

.jz_screen_pc .jz_photo_animate4 a:hover .photo_small_layer,.jz_screen_pc .jz_photo_animate4 li:hover .photo_small_layer,.jz_screen_pc .jz_photo_animate4:hover .photo_small_layer,.jz_screen_pc .news_list_item_line:hover .photo_small_layer,.jz_screen_pc .show_photo_small_layer {
    opacity: 1
}

.jz_screen_pc .jz_photo_animate4:hover .list_photo_wrapper .photo_small_layer {
    opacity: 0
}

.jz_screen_pc .jz_photo_animate4 .list_photo_wrapper:hover .photo_small_layer {
    opacity: 1
}

.jz_photo_animate4 .news_list_img_box {
    position: relative
}

.module_carousel_photos_content .jz_photo_animate4 .photo_display_area li {
    overflow: hidden
}

.module_carousel_photos_content .jz_photo_layer_effect {
    position: relative
}

.module_carousel_photos_content .photoItemWrap,.module_list_photos_content .photo_item_inner_wrap {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}