/*：当前代码仅为演示用,不能二次开发。源码只发布在: http://www.bootstrapmb.com/item/293(此说明只在演示页面有,不在下载的源码里)*//*! * animsition v4.0.1 * A simple and easy jQuery plugin for CSS animated page transitions. * http://blivesta.github.io/animsition * License : MIT * Author : blivesta (http://blivesta.com/) */@-webkit-keyframes fade-in {    0% {        opacity: 0    }    to {        opacity: 1    }}@keyframes fade-in {    0% {        opacity: 0    }    to {        opacity: 1    }}.fade-in {    -webkit-animation-name: fade-in;    animation-name: fade-in}@-webkit-keyframes fade-out {    0% {        opacity: 1    }    to {        opacity: 0    }}@keyframes fade-out {    0% {        opacity: 1    }    to {        opacity: 0    }}.fade-out {    -webkit-animation-name: fade-out;    animation-name: fade-out}@-webkit-keyframes fade-in-up {    0% {        -webkit-transform: translateY(500px);        transform: translateY(500px);        opacity: 0    }    to {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }}@keyframes fade-in-up {    0% {        -webkit-transform: translateY(500px);        transform: translateY(500px);        opacity: 0    }    to {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }}.fade-in-up {    -webkit-animation-name: fade-in-up;    animation-name: fade-in-up}@-webkit-keyframes fade-out-up {    0% {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }    to {        -webkit-transform: translateY(-500px);        transform: translateY(-500px);        opacity: 0    }}@keyframes fade-out-up {    0% {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }    to {        -webkit-transform: translateY(-500px);        transform: translateY(-500px);        opacity: 0    }}.fade-out-up {    -webkit-animation-name: fade-out-up;    animation-name: fade-out-up}@-webkit-keyframes fade-in-up-sm {    0% {        -webkit-transform: translateY(100px);        transform: translateY(100px);        opacity: 0    }    to {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }}@keyframes fade-in-up-sm {    0% {        -webkit-transform: translateY(100px);        transform: translateY(100px);        opacity: 0    }    to {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }}.fade-in-up-sm {    -webkit-animation-name: fade-in-up-sm;    animation-name: fade-in-up-sm}@-webkit-keyframes fade-out-up-sm {    0% {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }    to {        -webkit-transform: translateY(-100px);        transform: translateY(-100px);        opacity: 0    }}@keyframes fade-out-up-sm {    0% {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }    to {        -webkit-transform: translateY(-100px);        transform: translateY(-100px);        opacity: 0    }}.fade-out-up-sm {    -webkit-animation-name: fade-out-up-sm;    animation-name: fade-out-up-sm}@-webkit-keyframes fade-in-up-lg {    0% {        -webkit-transform: translateY(1000px);        transform: translateY(1000px);        opacity: 0    }    to {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }}@keyframes fade-in-up-lg {    0% {        -webkit-transform: translateY(1000px);        transform: translateY(1000px);        opacity: 0    }    to {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }}.fade-in-up-lg {    -webkit-animation-name: fade-in-up-lg;    animation-name: fade-in-up-lg}@-webkit-keyframes fade-out-up-lg {    0% {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }    to {        -webkit-transform: translateY(-1000px);        transform: translateY(-1000px);        opacity: 0    }}@keyframes fade-out-up-lg {    0% {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }    to {        -webkit-transform: translateY(-1000px);        transform: translateY(-1000px);        opacity: 0    }}.fade-out-up-lg {    -webkit-animation-name: fade-out-up-lg;    animation-name: fade-out-up-lg}@-webkit-keyframes fade-in-down {    0% {        -webkit-transform: translateY(-500px);        transform: translateY(-500px);        opacity: 0    }    to {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }}@keyframes fade-in-down {    0% {        -webkit-transform: translateY(-500px);        transform: translateY(-500px);        opacity: 0    }    to {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }}.fade-in-down {    -webkit-animation-name: fade-in-down;    animation-name: fade-in-down}@-webkit-keyframes fade-out-down {    0% {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }    to {        -webkit-transform: translateY(500px);        transform: translateY(500px);        opacity: 0    }}@keyframes fade-out-down {    0% {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }    to {        -webkit-transform: translateY(500px);        transform: translateY(500px);        opacity: 0    }}.fade-out-down {    -webkit-animation-name: fade-out-down;    animation-name: fade-out-down}@-webkit-keyframes fade-in-down-sm {    0% {        -webkit-transform: translateY(-100px);        transform: translateY(-100px);        opacity: 0    }    to {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }}@keyframes fade-in-down-sm {    0% {        -webkit-transform: translateY(-100px);        transform: translateY(-100px);        opacity: 0    }    to {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }}.fade-in-down-sm {    -webkit-animation-name: fade-in-down-sm;    animation-name: fade-in-down-sm}@-webkit-keyframes fade-out-down-sm {    0% {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }    to {        -webkit-transform: translateY(100px);        transform: translateY(100px);        opacity: 0    }}@keyframes fade-out-down-sm {    0% {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }    to {        -webkit-transform: translateY(100px);        transform: translateY(100px);        opacity: 0    }}.fade-out-down-sm {    -webkit-animation-name: fade-out-down-sm;    animation-name: fade-out-down-sm}.fade-in-down-lg {    -webkit-animation-name: fade-in-down;    animation-name: fade-in-down}@-webkit-keyframes fade-out-down-lg {    0% {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }    to {        -webkit-transform: translateY(1000px);        transform: translateY(1000px);        opacity: 0    }}@keyframes fade-out-down-lg {    0% {        -webkit-transform: translateY(0);        transform: translateY(0);        opacity: 1    }    to {        -webkit-transform: translateY(1000px);        transform: translateY(1000px);        opacity: 0    }}.fade-out-down-lg {    -webkit-animation-name: fade-out-down-lg;    animation-name: fade-out-down-lg}@-webkit-keyframes fade-in-left {    0% {        -webkit-transform: translateX(-500px);        transform: translateX(-500px);        opacity: 0    }    to {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }}@keyframes fade-in-left {    0% {        -webkit-transform: translateX(-500px);        transform: translateX(-500px);        opacity: 0    }    to {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }}.fade-in-left {    -webkit-animation-name: fade-in-left;    animation-name: fade-in-left}@-webkit-keyframes fade-out-left {    0% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }    to {        -webkit-transform: translateX(-500px);        transform: translateX(-500px);        opacity: 0    }}@keyframes fade-out-left {    0% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }    to {        -webkit-transform: translateX(-500px);        transform: translateX(-500px);        opacity: 0    }}.fade-out-left {    -webkit-animation-name: fade-out-left;    animation-name: fade-out-left}@-webkit-keyframes fade-in-left-sm {    0% {        -webkit-transform: translateX(-100px);        transform: translateX(-100px);        opacity: 0    }    to {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }}@keyframes fade-in-left-sm {    0% {        -webkit-transform: translateX(-100px);        transform: translateX(-100px);        opacity: 0    }    to {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }}.fade-in-left-sm {    -webkit-animation-name: fade-in-left-sm;    animation-name: fade-in-left-sm}@-webkit-keyframes fade-out-left-sm {    0% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }    to {        -webkit-transform: translateX(-100px);        transform: translateX(-100px);        opacity: 0    }}@keyframes fade-out-left-sm {    0% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }    to {        -webkit-transform: translateX(-100px);        transform: translateX(-100px);        opacity: 0    }}.fade-out-left-sm {    -webkit-animation-name: fade-out-left-sm;    animation-name: fade-out-left-sm}@-webkit-keyframes fade-in-left-lg {    0% {        -webkit-transform: translateX(-1500px);        transform: translateX(-1500px);        opacity: 0    }    to {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }}@keyframes fade-in-left-lg {    0% {        -webkit-transform: translateX(-1500px);        transform: translateX(-1500px);        opacity: 0    }    to {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }}.fade-in-left-lg {    -webkit-animation-name: fade-in-left-lg;    animation-name: fade-in-left-lg}@-webkit-keyframes fade-out-left-lg {    0% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }    to {        -webkit-transform: translateX(-1500px);        transform: translateX(-1500px);        opacity: 0    }}@keyframes fade-out-left-lg {    0% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }    to {        -webkit-transform: translateX(-1500px);        transform: translateX(-1500px);        opacity: 0    }}.fade-out-left-lg {    -webkit-animation-name: fade-out-left-lg;    animation-name: fade-out-left-lg}@-webkit-keyframes fade-in-right {    0% {        -webkit-transform: translateX(500px);        transform: translateX(500px);        opacity: 0    }    to {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }}@keyframes fade-in-right {    0% {        -webkit-transform: translateX(500px);        transform: translateX(500px);        opacity: 0    }    to {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }}.fade-in-right {    -webkit-animation-name: fade-in-right;    animation-name: fade-in-right}@-webkit-keyframes fade-out-right {    0% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }    to {        -webkit-transform: translateX(500px);        transform: translateX(500px);        opacity: 0    }}@keyframes fade-out-right {    0% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }    to {        -webkit-transform: translateX(500px);        transform: translateX(500px);        opacity: 0    }}.fade-out-right {    -webkit-animation-name: fade-out-right;    animation-name: fade-out-right}@-webkit-keyframes fade-in-right-sm {    0% {        -webkit-transform: translateX(100px);        transform: translateX(100px);        opacity: 0    }    to {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }}@keyframes fade-in-right-sm {    0% {        -webkit-transform: translateX(100px);        transform: translateX(100px);        opacity: 0    }    to {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }}.fade-in-right-sm {    -webkit-animation-name: fade-in-right-sm;    animation-name: fade-in-right-sm}@-webkit-keyframes fade-out-right-sm {    0% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }    to {        -webkit-transform: translateX(100px);        transform: translateX(100px);        opacity: 0    }}@keyframes fade-out-right-sm {    0% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }    to {        -webkit-transform: translateX(100px);        transform: translateX(100px);        opacity: 0    }}.fade-out-right-sm {    -webkit-animation-name: fade-out-right-sm;    animation-name: fade-out-right-sm}@-webkit-keyframes fade-in-right-lg {    0% {        -webkit-transform: translateX(1500px);        transform: translateX(1500px);        opacity: 0    }    to {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }}@keyframes fade-in-right-lg {    0% {        -webkit-transform: translateX(1500px);        transform: translateX(1500px);        opacity: 0    }    to {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }}.fade-in-right-lg {    -webkit-animation-name: fade-in-right-lg;    animation-name: fade-in-right-lg}@-webkit-keyframes fade-out-right-lg {    0% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }    to {        -webkit-transform: translateX(1500px);        transform: translateX(1500px);        opacity: 0    }}@keyframes fade-out-right-lg {    0% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1    }    to {        -webkit-transform: translateX(1500px);        transform: translateX(1500px);        opacity: 0    }}.fade-out-right-lg {    -webkit-animation-name: fade-out-right-lg;    animation-name: fade-out-right-lg}@-webkit-keyframes rotate-in {    0% {        -webkit-transform: rotate(-90deg);        transform: rotate(-90deg);        transform-origin: center center;        opacity: 0    }    0%,    to {        -webkit-transform-origin: center center    }    to {        -webkit-transform: rotate(0);        transform: rotate(0);        transform-origin: center center;        opacity: 1    }}@keyframes rotate-in {    0% {        -webkit-transform: rotate(-90deg);        transform: rotate(-90deg);        transform-origin: center center;        opacity: 0    }    0%,    to {        -webkit-transform-origin: center center    }    to {        -webkit-transform: rotate(0);        transform: rotate(0);        transform-origin: center center;        opacity: 1    }}.rotate-in {    -webkit-animation-name: rotate-in;    animation-name: rotate-in}@-webkit-keyframes rotate-out {    0% {        -webkit-transform: rotate(0);        transform: rotate(0);        transform-origin: center center;        opacity: 1    }    0%,    to {        -webkit-transform-origin: center center    }    to {        -webkit-transform: rotate(90deg);        transform: rotate(90deg);        transform-origin: center center;        opacity: 0    }}@keyframes rotate-out {    0% {        -webkit-transform: rotate(0);        transform: rotate(0);        transform-origin: center center;        opacity: 1    }    0%,    to {        -webkit-transform-origin: center center    }    to {        -webkit-transform: rotate(90deg);        transform: rotate(90deg);        transform-origin: center center;        opacity: 0    }}.rotate-out {    -webkit-animation-name: rotate-out;    animation-name: rotate-out}@-webkit-keyframes rotate-in-sm {    0% {        -webkit-transform: rotate(-45deg);        transform: rotate(-45deg);        transform-origin: center center;        opacity: 0    }    0%,    to {        -webkit-transform-origin: center center    }    to {        -webkit-transform: rotate(0);        transform: rotate(0);        transform-origin: center center;        opacity: 1    }}@keyframes rotate-in-sm {    0% {        -webkit-transform: rotate(-45deg);        transform: rotate(-45deg);        transform-origin: center center;        opacity: 0    }    0%,    to {        -webkit-transform-origin: center center    }    to {        -webkit-transform: rotate(0);        transform: rotate(0);        transform-origin: center center;        opacity: 1    }}.rotate-in-sm {    -webkit-animation-name: rotate-in-sm;    animation-name: rotate-in-sm}@-webkit-keyframes rotate-out-sm {    0% {        -webkit-transform: rotate(0);        transform: rotate(0);        transform-origin: center center;        opacity: 1    }    0%,    to {        -webkit-transform-origin: center center    }    to {        -webkit-transform: rotate(45deg);        transform: rotate(45deg);        transform-origin: center center;        opacity: 0    }}@keyframes rotate-out-sm {    0% {        -webkit-transform: rotate(0);        transform: rotate(0);        transform-origin: center center;        opacity: 1    }    0%,    to {        -webkit-transform-origin: center center    }    to {        -webkit-transform: rotate(45deg);        transform: rotate(45deg);        transform-origin: center center;        opacity: 0    }}.rotate-out-sm {    -webkit-animation-name: rotate-out-sm;    animation-name: rotate-out-sm}@-webkit-keyframes rotate-in-lg {    0% {        -webkit-transform: rotate(-180deg);        transform: rotate(-180deg);        transform-origin: center center;        opacity: 0    }    0%,    to {        -webkit-transform-origin: center center    }    to {        -webkit-transform: rotate(0);        transform: rotate(0);        transform-origin: center center;        opacity: 1    }}@keyframes rotate-in-lg {    0% {        -webkit-transform: rotate(-180deg);        transform: rotate(-180deg);        transform-origin: center center;        opacity: 0    }    0%,    to {        -webkit-transform-origin: center center    }    to {        -webkit-transform: rotate(0);        transform: rotate(0);        transform-origin: center center;        opacity: 1    }}.rotate-in-lg {    -webkit-animation-name: rotate-in-lg;    animation-name: rotate-in-lg}@-webkit-keyframes rotate-out-lg {    0% {        -webkit-transform: rotate(0);        transform: rotate(0);        transform-origin: center center;        opacity: 1    }    0%,    to {        -webkit-transform-origin: center center    }    to {        -webkit-transform: rotate(180deg);        transform: rotate(180deg);        transform-origin: center center;        opacity: 0    }}@keyframes rotate-out-lg {    0% {        -webkit-transform: rotate(0);        transform: rotate(0);        transform-origin: center center;        opacity: 1    }    0%,    to {        -webkit-transform-origin: center center    }    to {        -webkit-transform: rotate(180deg);        transform: rotate(180deg);        transform-origin: center center;        opacity: 0    }}.rotate-out-lg {    -webkit-animation-name: rotate-out-lg;    animation-name: rotate-out-lg}@-webkit-keyframes flip-in-x {    0% {        -webkit-transform: perspective(550px) rotateX(90deg);        transform: perspective(550px) rotateX(90deg);        opacity: 0    }    to {        -webkit-transform: perspective(550px) rotateX(0deg);        transform: perspective(550px) rotateX(0deg);        opacity: 1    }}@keyframes flip-in-x {    0% {        -webkit-transform: perspective(550px) rotateX(90deg);        transform: perspective(550px) rotateX(90deg);        opacity: 0    }    to {        -webkit-transform: perspective(550px) rotateX(0deg);        transform: perspective(550px) rotateX(0deg);        opacity: 1    }}.flip-in-x {    -webkit-animation-name: flip-in-x;    animation-name: flip-in-x;    -webkit-backface-visibility: visible!important;    backface-visibility: visible!important}@-webkit-keyframes flip-out-x {    0% {        -webkit-transform: perspective(550px) rotateX(0deg);        transform: perspective(550px) rotateX(0deg);        opacity: 1    }    to {        -webkit-transform: perspective(550px) rotateX(90deg);        transform: perspective(550px) rotateX(90deg);        opacity: 0    }}@keyframes flip-out-x {    0% {        -webkit-transform: perspective(550px) rotateX(0deg);        transform: perspective(550px) rotateX(0deg);        opacity: 1    }    to {        -webkit-transform: perspective(550px) rotateX(90deg);        transform: perspective(550px) rotateX(90deg);        opacity: 0    }}.flip-out-x {    -webkit-animation-name: flip-out-x;    animation-name: flip-out-x;    -webkit-backface-visibility: visible!important;    backface-visibility: visible!important}@-webkit-keyframes flip-in-x-nr {    0% {        -webkit-transform: perspective(100px) rotateX(90deg);        transform: perspective(100px) rotateX(90deg);        opacity: 0    }    to {        -webkit-transform: perspective(100px) rotateX(0deg);        transform: perspective(100px) rotateX(0deg);        opacity: 1    }}@keyframes flip-in-x-nr {    0% {        -webkit-transform: perspective(100px) rotateX(90deg);        transform: perspective(100px) rotateX(90deg);        opacity: 0    }    to {        -webkit-transform: perspective(100px) rotateX(0deg);        transform: perspective(100px) rotateX(0deg);        opacity: 1    }}.flip-in-x-nr {    -webkit-animation-name: flip-in-x-nr;    animation-name: flip-in-x-nr;    -webkit-backface-visibility: visible!important;    backface-visibility: visible!important}@-webkit-keyframes flip-out-x-nr {    0% {        -webkit-transform: perspective(100px) rotateX(0deg);        transform: perspective(100px) rotateX(0deg);        opacity: 1    }    to {        -webkit-transform: perspective(100px) rotateX(90deg);        transform: perspective(100px) rotateX(90deg);        opacity: 0    }}@keyframes flip-out-x-nr {    0% {        -webkit-transform: perspective(100px) rotateX(0deg);        transform: perspective(100px) rotateX(0deg);        opacity: 1    }    to {        -webkit-transform: perspective(100px) rotateX(90deg);        transform: perspective(100px) rotateX(90deg);        opacity: 0    }}.flip-out-x-nr {    -webkit-animation-name: flip-out-x-nr;    animation-name: flip-out-x-nr;    -webkit-backface-visibility: visible!important;    backface-visibility: visible!important}@-webkit-keyframes flip-in-x-fr {    0% {        -webkit-transform: perspective(1000px) rotateX(90deg);        transform: perspective(1000px) rotateX(90deg);        opacity: 0    }    to {        -webkit-transform: perspective(1000px) rotateX(0deg);        transform: perspective(1000px) rotateX(0deg);        opacity: 1    }}@keyframes flip-in-x-fr {    0% {        -webkit-transform: perspective(1000px) rotateX(90deg);        transform: perspective(1000px) rotateX(90deg);        opacity: 0    }    to {        -webkit-transform: perspective(1000px) rotateX(0deg);        transform: perspective(1000px) rotateX(0deg);        opacity: 1    }}.flip-in-x-fr {    -webkit-animation-name: flip-in-x-fr;    animation-name: flip-in-x-fr;    -webkit-backface-visibility: visible!important;    backface-visibility: visible!important}@-webkit-keyframes flip-out-x-fr {    0% {        -webkit-transform: perspective(1000px) rotateX(0deg);        transform: perspective(1000px) rotateX(0deg);        opacity: 1    }    to {        -webkit-transform: perspective(1000px) rotateX(90deg);        transform: perspective(1000px) rotateX(90deg);        opacity: 0    }}@keyframes flip-out-x-fr {    0% {        -webkit-transform: perspective(1000px) rotateX(0deg);        transform: perspective(1000px) rotateX(0deg);        opacity: 1    }    to {        -webkit-transform: perspective(1000px) rotateX(90deg);        transform: perspective(1000px) rotateX(90deg);        opacity: 0    }}.flip-out-x-fr {    -webkit-animation-name: flip-out-x-fr;    animation-name: flip-out-x-fr;    -webkit-backface-visibility: visible!important;    backface-visibility: visible!important}@-webkit-keyframes flip-in-y {    0% {        -webkit-transform: perspective(550px) rotateY(90deg);        transform: perspective(550px) rotateY(90deg);        opacity: 0    }    to {        -webkit-transform: perspective(550px) rotateY(0deg);        transform: perspective(550px) rotateY(0deg);        opacity: 1    }}@keyframes flip-in-y {    0% {        -webkit-transform: perspective(550px) rotateY(90deg);        transform: perspective(550px) rotateY(90deg);        opacity: 0    }    to {        -webkit-transform: perspective(550px) rotateY(0deg);        transform: perspective(550px) rotateY(0deg);        opacity: 1    }}.flip-in-y {    -webkit-animation-name: flip-in-y;    animation-name: flip-in-y;    -webkit-backface-visibility: visible!important;    backface-visibility: visible!important}@-webkit-keyframes flip-out-y {    0% {        -webkit-transform: perspective(550px) rotateY(0deg);        transform: perspective(550px) rotateY(0deg);        opacity: 1    }    to {        -webkit-transform: perspective(550px) rotateY(90deg);        transform: perspective(550px) rotateY(90deg);        opacity: 0    }}@keyframes flip-out-y {    0% {        -webkit-transform: perspective(550px) rotateY(0deg);        transform: perspective(550px) rotateY(0deg);        opacity: 1    }    to {        -webkit-transform: perspective(550px) rotateY(90deg);        transform: perspective(550px) rotateY(90deg);        opacity: 0    }}.flip-out-y {    -webkit-animation-name: flip-out-y;    animation-name: flip-out-y;    -webkit-backface-visibility: visible!important;    backface-visibility: visible!important}@-webkit-keyframes flip-in-y-nr {    0% {        -webkit-transform: perspective(100px) rotateY(90deg);        transform: perspective(100px) rotateY(90deg);        opacity: 0    }    to {        -webkit-transform: perspective(100px) rotateY(0deg);        transform: perspective(100px) rotateY(0deg);        opacity: 1    }}@keyframes flip-in-y-nr {    0% {        -webkit-transform: perspective(100px) rotateY(90deg);        transform: perspective(100px) rotateY(90deg);        opacity: 0    }    to {        -webkit-transform: perspective(100px) rotateY(0deg);        transform: perspective(100px) rotateY(0deg);        opacity: 1    }}.flip-in-y-nr {    -webkit-animation-name: flip-in-y-nr;    animation-name: flip-in-y-nr;    -webkit-backface-visibility: visible!important;    backface-visibility: visible!important}@-webkit-keyframes flip-out-y-nr {    0% {        -webkit-transform: perspective(100px) rotateY(0deg);        transform: perspective(100px) rotateY(0deg);        opacity: 1    }    to {        -webkit-transform: perspective(100px) rotateY(90deg);        transform: perspective(100px) rotateY(90deg);        opacity: 0    }}@keyframes flip-out-y-nr {    0% {        -webkit-transform: perspective(100px) rotateY(0deg);        transform: perspective(100px) rotateY(0deg);        opacity: 1    }    to {        -webkit-transform: perspective(100px) rotateY(90deg);        transform: perspective(100px) rotateY(90deg);        opacity: 0    }}.flip-out-y-nr {    -webkit-animation-name: flip-out-y-nr;    animation-name: flip-out-y-nr;    -webkit-backface-visibility: visible!important;    backface-visibility: visible!important}@-webkit-keyframes flip-in-y-fr {    0% {        -webkit-transform: perspective(1000px) rotateY(90deg);        transform: perspective(1000px) rotateY(90deg);        opacity: 0    }    to {        -webkit-transform: perspective(1000px) rotateY(0deg);        transform: perspective(1000px) rotateY(0deg);        opacity: 1    }}@keyframes flip-in-y-fr {    0% {        -webkit-transform: perspective(1000px) rotateY(90deg);        transform: perspective(1000px) rotateY(90deg);        opacity: 0    }    to {        -webkit-transform: perspective(1000px) rotateY(0deg);        transform: perspective(1000px) rotateY(0deg);        opacity: 1    }}.flip-in-y-fr {    -webkit-animation-name: flip-in-y-fr;    animation-name: flip-in-y-fr;    -webkit-backface-visibility: visible!important;    backface-visibility: visible!important}@-webkit-keyframes flip-out-y-fr {    0% {        -webkit-transform: perspective(1000px) rotateY(0deg);        transform: perspective(1000px) rotateY(0deg);        opacity: 1    }    to {        -webkit-transform: perspective(1000px) rotateY(90deg);        transform: perspective(1000px) rotateY(90deg);        opacity: 0    }}@keyframes flip-out-y-fr {    0% {        -webkit-transform: perspective(1000px) rotateY(0deg);        transform: perspective(1000px) rotateY(0deg);        opacity: 1    }    to {        -webkit-transform: perspective(1000px) rotateY(90deg);        transform: perspective(1000px) rotateY(90deg);        opacity: 0    }}.flip-out-y-fr {    -webkit-animation-name: flip-out-y-fr;    animation-name: flip-out-y-fr;    -webkit-backface-visibility: visible!important;    backface-visibility: visible!important}@-webkit-keyframes zoom-in {    0% {        -webkit-transform: scale(.7);        transform: scale(.7);        opacity: 0    }    to {        opacity: 1    }}@keyframes zoom-in {    0% {        -webkit-transform: scale(.7);        transform: scale(.7);        opacity: 0    }    to {        opacity: 1    }}.zoom-in {    -webkit-animation-name: zoom-in;    animation-name: zoom-in}@-webkit-keyframes zoom-out {    0% {        -webkit-transform: scale(1);        transform: scale(1);        opacity: 1    }    50% {        -webkit-transform: scale(.7);        transform: scale(.7)    }    50%,    to {        opacity: 0    }}@keyframes zoom-out {    0% {        -webkit-transform: scale(1);        transform: scale(1);        opacity: 1    }    50% {        -webkit-transform: scale(.7);        transform: scale(.7)    }    50%,    to {        opacity: 0    }}.zoom-out {    -webkit-animation-name: zoom-out;    animation-name: zoom-out}@-webkit-keyframes zoom-in-sm {    0% {        -webkit-transform: scale(.95);        transform: scale(.95);        opacity: 0    }    to {        opacity: 1    }}@keyframes zoom-in-sm {    0% {        -webkit-transform: scale(.95);        transform: scale(.95);        opacity: 0    }    to {        opacity: 1    }}.zoom-in-sm {    -webkit-animation-name: zoom-in-sm;    animation-name: zoom-in-sm}@-webkit-keyframes zoom-out-sm {    0% {        -webkit-transform: scale(1);        transform: scale(1);        opacity: 1    }    50% {        -webkit-transform: scale(.95);        transform: scale(.95)    }    50%,    to {        opacity: 0    }}@keyframes zoom-out-sm {    0% {        -webkit-transform: scale(1);        transform: scale(1);        opacity: 1    }    50% {        -webkit-transform: scale(.95);        transform: scale(.95)    }    50%,    to {        opacity: 0    }}.zoom-out-sm {    -webkit-animation-name: zoom-out-sm;    animation-name: zoom-out-sm}@-webkit-keyframes zoom-in-lg {    0% {        -webkit-transform: scale(.4);        transform: scale(.4);        opacity: 0    }    to {        opacity: 1    }}@keyframes zoom-in-lg {    0% {        -webkit-transform: scale(.4);        transform: scale(.4);        opacity: 0    }    to {        opacity: 1    }}.zoom-in-lg {    -webkit-animation-name: zoom-in-lg;    animation-name: zoom-in-lg}@-webkit-keyframes zoom-out-lg {    0% {        -webkit-transform: scale(1);        transform: scale(1);        opacity: 1    }    50% {        -webkit-transform: scale(.4);        transform: scale(.4)    }    50%,    to {        opacity: 0    }}@keyframes zoom-out-lg {    0% {        -webkit-transform: scale(1);        transform: scale(1);        opacity: 1    }    50% {        -webkit-transform: scale(.4);        transform: scale(.4)    }    50%,    to {        opacity: 0    }}.zoom-out-lg {    -webkit-animation-name: zoom-out-lg;    animation-name: zoom-out-lg}@-webkit-keyframes overlay-slide-in-top {    0% {        height: 100%    }    to {        height: 0    }}@keyframes overlay-slide-in-top {    0% {        height: 100%    }    to {        height: 0    }}.overlay-slide-in-top {    top: 0;    height: 0;    -webkit-animation-name: overlay-slide-in-top;    animation-name: overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top {    0% {        height: 0    }    to {        height: 100%    }}@keyframes overlay-slide-out-top {    0% {        height: 0    }    to {        height: 100%    }}.overlay-slide-out-top {    top: 0;    height: 100%;    -webkit-animation-name: overlay-slide-out-top;    animation-name: overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom {    0% {        height: 100%    }    to {        height: 0    }}@keyframes overlay-slide-in-bottom {    0% {        height: 100%    }    to {        height: 0    }}.overlay-slide-in-bottom {    bottom: 0;    height: 0;    -webkit-animation-name: overlay-slide-in-bottom;    animation-name: overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom {    0% {        height: 0    }    to {        height: 100%    }}@keyframes overlay-slide-out-bottom {    0% {        height: 0    }    to {        height: 100%    }}.overlay-slide-out-bottom {    bottom: 0;    height: 100%;    -webkit-animation-name: overlay-slide-out-bottom;    animation-name: overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left {    0% {        width: 100%    }    to {        width: 0    }}@keyframes overlay-slide-in-left {    0% {        width: 100%    }    to {        width: 0    }}.overlay-slide-in-left {    width: 0;    -webkit-animation-name: overlay-slide-in-left;    animation-name: overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left {    0% {        width: 0    }    to {        width: 100%    }}@keyframes overlay-slide-out-left {    0% {        width: 0    }    to {        width: 100%    }}.overlay-slide-out-left {    left: 0;    width: 100%;    -webkit-animation-name: overlay-slide-out-left;    animation-name: overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right {    0% {        width: 100%    }    to {        width: 0    }}@keyframes overlay-slide-in-right {    0% {        width: 100%    }    to {        width: 0    }}.overlay-slide-in-right {    right: 0;    width: 0;    -webkit-animation-name: overlay-slide-in-right;    animation-name: overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right {    0% {        width: 0    }    to {        width: 100%    }}@keyframes overlay-slide-out-right {    0% {        width: 0    }    to {        width: 100%    }}.overlay-slide-out-right {    right: 0;    width: 100%;    -webkit-animation-name: overlay-slide-out-right;    animation-name: overlay-slide-out-right}/*：当前代码仅为演示用,不能二次开发。源码只发布在: http://www.bootstrapmb.com/item/293(此说明只在演示页面有,不在下载的源码里)*/