/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/2830(这个备注仅在演示页面有，源代码里没有)*/@charset 'UTF-8';/*!Animate.css - http://daneden.me/animateLicensed under the MIT licenseCopyright (c) 2013 Daniel EdenPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.*/.animated{    -webkit-animation-duration: 1s;            animation-duration: 1s;    -webkit-animation-fill-mode: both;            animation-fill-mode: both;}.animated.hinge{    -webkit-animation-duration: 2s;            animation-duration: 2s;}@-webkit-keyframes bounce{    0%,    20%,    50%,    80%,    100%    {        -webkit-transform: translateY(0);                transform: translateY(0);    }    40%    {        -webkit-transform: translateY(-30px);                transform: translateY(-30px);    }    60%    {        -webkit-transform: translateY(-15px);                transform: translateY(-15px);    }}@keyframes bounce{    0%,    20%,    50%,    80%,    100%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);    }    40%    {        -webkit-transform: translateY(-30px);            -ms-transform: translateY(-30px);                transform: translateY(-30px);    }    60%    {        -webkit-transform: translateY(-15px);            -ms-transform: translateY(-15px);                transform: translateY(-15px);    }}.bounce{    -webkit-animation-name: bounce;            animation-name: bounce;}@-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: scale(1);                transform: scale(1);    }    50%    {        -webkit-transform: scale(1.1);                transform: scale(1.1);    }    100%    {        -webkit-transform: scale(1);                transform: scale(1);    }}@keyframes pulse{    0%    {        -webkit-transform: scale(1);            -ms-transform: scale(1);                transform: scale(1);    }    50%    {        -webkit-transform: scale(1.1);            -ms-transform: scale(1.1);                transform: scale(1.1);    }    100%    {        -webkit-transform: scale(1);            -ms-transform: scale(1);                transform: scale(1);    }}.pulse{    -webkit-animation-name: pulse;            animation-name: pulse;}@-webkit-keyframes shake{    0%,    100%    {        -webkit-transform: translateX(0);                transform: translateX(0);    }    10%,    30%,    50%,    70%,    90%    {        -webkit-transform: translateX(-10px);                transform: translateX(-10px);    }    20%,    40%,    60%,    80%    {        -webkit-transform: translateX(10px);                transform: translateX(10px);    }}@keyframes shake{    0%,    100%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);    }    10%,    30%,    50%,    70%,    90%    {        -webkit-transform: translateX(-10px);            -ms-transform: translateX(-10px);                transform: translateX(-10px);    }    20%,    40%,    60%,    80%    {        -webkit-transform: translateX(10px);            -ms-transform: translateX(10px);                transform: translateX(10px);    }}.shake{    -webkit-animation-name: shake;            animation-name: shake;}@-webkit-keyframes swing{    20%    {        -webkit-transform: rotate(15deg);                transform: rotate(15deg);    }    40%    {        -webkit-transform: rotate(-10deg);                transform: rotate(-10deg);    }    60%    {        -webkit-transform: rotate(5deg);                transform: rotate(5deg);    }    80%    {        -webkit-transform: rotate(-5deg);                transform: rotate(-5deg);    }    100%    {        -webkit-transform: rotate(0deg);                transform: rotate(0deg);    }}@keyframes swing{    20%    {        -webkit-transform: rotate(15deg);            -ms-transform: rotate(15deg);                transform: rotate(15deg);    }    40%    {        -webkit-transform: rotate(-10deg);            -ms-transform: rotate(-10deg);                transform: rotate(-10deg);    }    60%    {        -webkit-transform: rotate(5deg);            -ms-transform: rotate(5deg);                transform: rotate(5deg);    }    80%    {        -webkit-transform: rotate(-5deg);            -ms-transform: rotate(-5deg);                transform: rotate(-5deg);    }    100%    {        -webkit-transform: rotate(0deg);            -ms-transform: rotate(0deg);                transform: rotate(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: scale(1);                transform: scale(1);    }    10%,    20%    {        -webkit-transform: scale(.9) rotate(-3deg);                transform: scale(.9) rotate(-3deg);    }    30%,    50%,    70%,    90%    {        -webkit-transform: scale(1.1) rotate(3deg);                transform: scale(1.1) rotate(3deg);    }    40%,    60%,    80%    {        -webkit-transform: scale(1.1) rotate(-3deg);                transform: scale(1.1) rotate(-3deg);    }    100%    {        -webkit-transform: scale(1) rotate(0);                transform: scale(1) rotate(0);    }}@keyframes tada{    0%    {        -webkit-transform: scale(1);            -ms-transform: scale(1);                transform: scale(1);    }    10%,    20%    {        -webkit-transform: scale(.9) rotate(-3deg);            -ms-transform: scale(.9) rotate(-3deg);                transform: scale(.9) rotate(-3deg);    }    30%,    50%,    70%,    90%    {        -webkit-transform: scale(1.1) rotate(3deg);            -ms-transform: scale(1.1) rotate(3deg);                transform: scale(1.1) rotate(3deg);    }    40%,    60%,    80%    {        -webkit-transform: scale(1.1) rotate(-3deg);            -ms-transform: scale(1.1) rotate(-3deg);                transform: scale(1.1) rotate(-3deg);    }    100%    {        -webkit-transform: scale(1) rotate(0);            -ms-transform: scale(1) rotate(0);                transform: scale(1) rotate(0);    }}.tada{    -webkit-animation-name: tada;            animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble{    0%    {        -webkit-transform: translateX(0%);                transform: translateX(0%);    }    15%    {        -webkit-transform: translateX(-25%) rotate(-5deg);                transform: translateX(-25%) rotate(-5deg);    }    30%    {        -webkit-transform: translateX(20%) rotate(3deg);                transform: translateX(20%) rotate(3deg);    }    45%    {        -webkit-transform: translateX(-15%) rotate(-3deg);                transform: translateX(-15%) rotate(-3deg);    }    60%    {        -webkit-transform: translateX(10%) rotate(2deg);                transform: translateX(10%) rotate(2deg);    }    75%    {        -webkit-transform: translateX(-5%) rotate(-1deg);                transform: translateX(-5%) rotate(-1deg);    }    100%    {        -webkit-transform: translateX(0%);                transform: translateX(0%);    }}@keyframes wobble{    0%    {        -webkit-transform: translateX(0%);            -ms-transform: translateX(0%);                transform: translateX(0%);    }    15%    {        -webkit-transform: translateX(-25%) rotate(-5deg);            -ms-transform: translateX(-25%) rotate(-5deg);                transform: translateX(-25%) rotate(-5deg);    }    30%    {        -webkit-transform: translateX(20%) rotate(3deg);            -ms-transform: translateX(20%) rotate(3deg);                transform: translateX(20%) rotate(3deg);    }    45%    {        -webkit-transform: translateX(-15%) rotate(-3deg);            -ms-transform: translateX(-15%) rotate(-3deg);                transform: translateX(-15%) rotate(-3deg);    }    60%    {        -webkit-transform: translateX(10%) rotate(2deg);            -ms-transform: translateX(10%) rotate(2deg);                transform: translateX(10%) rotate(2deg);    }    75%    {        -webkit-transform: translateX(-5%) rotate(-1deg);            -ms-transform: translateX(-5%) rotate(-1deg);                transform: translateX(-5%) rotate(-1deg);    }    100%    {        -webkit-transform: translateX(0%);            -ms-transform: translateX(0%);                transform: translateX(0%);    }}.wobble{    -webkit-animation-name: wobble;            animation-name: wobble;}@-webkit-keyframes bounceIn{    0%    {        -webkit-transform: scale(.3);                transform: scale(.3);        opacity: 0;    }    50%    {        -webkit-transform: scale(1.05);                transform: scale(1.05);        opacity: 1;    }    70%    {        -webkit-transform: scale(.9);                transform: scale(.9);    }    100%    {        -webkit-transform: scale(1);                transform: scale(1);    }}@keyframes bounceIn{    0%    {        -webkit-transform: scale(.3);            -ms-transform: scale(.3);                transform: scale(.3);        opacity: 0;    }    50%    {        -webkit-transform: scale(1.05);            -ms-transform: scale(1.05);                transform: scale(1.05);        opacity: 1;    }    70%    {        -webkit-transform: scale(.9);            -ms-transform: scale(.9);                transform: scale(.9);    }    100%    {        -webkit-transform: scale(1);            -ms-transform: scale(1);                transform: scale(1);    }}.bounceIn{    -webkit-animation-name: bounceIn;            animation-name: bounceIn;}@-webkit-keyframes bounceInDown{    0%    {        -webkit-transform: translateY(-2000px);                transform: translateY(-2000px);        opacity: 0;    }    60%    {        -webkit-transform: translateY(30px);                transform: translateY(30px);        opacity: 1;    }    80%    {        -webkit-transform: translateY(-10px);                transform: translateY(-10px);    }    100%    {        -webkit-transform: translateY(0);                transform: translateY(0);    }}@keyframes bounceInDown{    0%    {        -webkit-transform: translateY(-2000px);            -ms-transform: translateY(-2000px);                transform: translateY(-2000px);        opacity: 0;    }    60%    {        -webkit-transform: translateY(30px);            -ms-transform: translateY(30px);                transform: translateY(30px);        opacity: 1;    }    80%    {        -webkit-transform: translateY(-10px);            -ms-transform: translateY(-10px);                transform: translateY(-10px);    }    100%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);    }}.bounceInDown{    -webkit-animation-name: bounceInDown;            animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft{    0%    {        -webkit-transform: translateX(-2000px);                transform: translateX(-2000px);        opacity: 0;    }    60%    {        -webkit-transform: translateX(30px);                transform: translateX(30px);        opacity: 1;    }    80%    {        -webkit-transform: translateX(-10px);                transform: translateX(-10px);    }    100%    {        -webkit-transform: translateX(0);                transform: translateX(0);    }}@keyframes bounceInLeft{    0%    {        -webkit-transform: translateX(-2000px);            -ms-transform: translateX(-2000px);                transform: translateX(-2000px);        opacity: 0;    }    60%    {        -webkit-transform: translateX(30px);            -ms-transform: translateX(30px);                transform: translateX(30px);        opacity: 1;    }    80%    {        -webkit-transform: translateX(-10px);            -ms-transform: translateX(-10px);                transform: translateX(-10px);    }    100%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);    }}.bounceInLeft{    -webkit-animation-name: bounceInLeft;            animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight{    0%    {        -webkit-transform: translateX(2000px);                transform: translateX(2000px);        opacity: 0;    }    60%    {        -webkit-transform: translateX(-30px);                transform: translateX(-30px);        opacity: 1;    }    80%    {        -webkit-transform: translateX(10px);                transform: translateX(10px);    }    100%    {        -webkit-transform: translateX(0);                transform: translateX(0);    }}@keyframes bounceInRight{    0%    {        -webkit-transform: translateX(2000px);            -ms-transform: translateX(2000px);                transform: translateX(2000px);        opacity: 0;    }    60%    {        -webkit-transform: translateX(-30px);            -ms-transform: translateX(-30px);                transform: translateX(-30px);        opacity: 1;    }    80%    {        -webkit-transform: translateX(10px);            -ms-transform: translateX(10px);                transform: translateX(10px);    }    100%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);    }}.bounceInRight{    -webkit-animation-name: bounceInRight;            animation-name: bounceInRight;}@-webkit-keyframes bounceInUp{    0%    {        -webkit-transform: translateY(2000px);                transform: translateY(2000px);        opacity: 0;    }    60%    {        -webkit-transform: translateY(-30px);                transform: translateY(-30px);        opacity: 1;    }    80%    {        -webkit-transform: translateY(10px);                transform: translateY(10px);    }    100%    {        -webkit-transform: translateY(0);                transform: translateY(0);    }}@keyframes bounceInUp{    0%    {        -webkit-transform: translateY(2000px);            -ms-transform: translateY(2000px);                transform: translateY(2000px);        opacity: 0;    }    60%    {        -webkit-transform: translateY(-30px);            -ms-transform: translateY(-30px);                transform: translateY(-30px);        opacity: 1;    }    80%    {        -webkit-transform: translateY(10px);            -ms-transform: translateY(10px);                transform: translateY(10px);    }    100%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);    }}.bounceInUp{    -webkit-animation-name: bounceInUp;            animation-name: bounceInUp;}@-webkit-keyframes bounceOut{    0%    {        -webkit-transform: scale(1);                transform: scale(1);    }    25%    {        -webkit-transform: scale(.95);                transform: scale(.95);    }    50%    {        -webkit-transform: scale(1.1);                transform: scale(1.1);        opacity: 1;    }    100%    {        -webkit-transform: scale(.3);                transform: scale(.3);        opacity: 0;    }}@keyframes bounceOut{    0%    {        -webkit-transform: scale(1);            -ms-transform: scale(1);                transform: scale(1);    }    25%    {        -webkit-transform: scale(.95);            -ms-transform: scale(.95);                transform: scale(.95);    }    50%    {        -webkit-transform: scale(1.1);            -ms-transform: scale(1.1);                transform: scale(1.1);        opacity: 1;    }    100%    {        -webkit-transform: scale(.3);            -ms-transform: scale(.3);                transform: scale(.3);        opacity: 0;    }}.bounceOut{    -webkit-animation-name: bounceOut;            animation-name: bounceOut;}@-webkit-keyframes bounceOutDown{    0%    {        -webkit-transform: translateY(0);                transform: translateY(0);    }    20%    {        -webkit-transform: translateY(-20px);                transform: translateY(-20px);        opacity: 1;    }    100%    {        -webkit-transform: translateY(2000px);                transform: translateY(2000px);        opacity: 0;    }}@keyframes bounceOutDown{    0%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);    }    20%    {        -webkit-transform: translateY(-20px);            -ms-transform: translateY(-20px);                transform: translateY(-20px);        opacity: 1;    }    100%    {        -webkit-transform: translateY(2000px);            -ms-transform: translateY(2000px);                transform: translateY(2000px);        opacity: 0;    }}.bounceOutDown{    -webkit-animation-name: bounceOutDown;            animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft{    0%    {        -webkit-transform: translateX(0);                transform: translateX(0);    }    20%    {        -webkit-transform: translateX(20px);                transform: translateX(20px);        opacity: 1;    }    100%    {        -webkit-transform: translateX(-2000px);                transform: translateX(-2000px);        opacity: 0;    }}@keyframes bounceOutLeft{    0%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);    }    20%    {        -webkit-transform: translateX(20px);            -ms-transform: translateX(20px);                transform: translateX(20px);        opacity: 1;    }    100%    {        -webkit-transform: translateX(-2000px);            -ms-transform: translateX(-2000px);                transform: translateX(-2000px);        opacity: 0;    }}.bounceOutLeft{    -webkit-animation-name: bounceOutLeft;            animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight{    0%    {        -webkit-transform: translateX(0);                transform: translateX(0);    }    20%    {        -webkit-transform: translateX(-20px);                transform: translateX(-20px);        opacity: 1;    }    100%    {        -webkit-transform: translateX(2000px);                transform: translateX(2000px);        opacity: 0;    }}@keyframes bounceOutRight{    0%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);    }    20%    {        -webkit-transform: translateX(-20px);            -ms-transform: translateX(-20px);                transform: translateX(-20px);        opacity: 1;    }    100%    {        -webkit-transform: translateX(2000px);            -ms-transform: translateX(2000px);                transform: translateX(2000px);        opacity: 0;    }}.bounceOutRight{    -webkit-animation-name: bounceOutRight;            animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp{    0%    {        -webkit-transform: translateY(0);                transform: translateY(0);    }    20%    {        -webkit-transform: translateY(20px);                transform: translateY(20px);        opacity: 1;    }    100%    {        -webkit-transform: translateY(-2000px);                transform: translateY(-2000px);        opacity: 0;    }}@keyframes bounceOutUp{    0%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);    }    20%    {        -webkit-transform: translateY(20px);            -ms-transform: translateY(20px);                transform: translateY(20px);        opacity: 1;    }    100%    {        -webkit-transform: translateY(-2000px);            -ms-transform: translateY(-2000px);                transform: translateY(-2000px);        opacity: 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%    {        -webkit-transform: translateY(-20px);                transform: translateY(-20px);        opacity: 0;    }    100%    {        -webkit-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }}@keyframes fadeInDown{    0%    {        -webkit-transform: translateY(-20px);            -ms-transform: translateY(-20px);                transform: translateY(-20px);        opacity: 0;    }    100%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }}.fadeInDown{    -webkit-animation-name: fadeInDown;            animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig{    0%    {        -webkit-transform: translateY(-2000px);                transform: translateY(-2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }}@keyframes fadeInDownBig{    0%    {        -webkit-transform: translateY(-2000px);            -ms-transform: translateY(-2000px);                transform: translateY(-2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }}.fadeInDownBig{    -webkit-animation-name: fadeInDownBig;            animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft{    0%    {        -webkit-transform: translateX(-20px);                transform: translateX(-20px);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }}@keyframes fadeInLeft{    0%    {        -webkit-transform: translateX(-20px);            -ms-transform: translateX(-20px);                transform: translateX(-20px);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }}.fadeInLeft{    -webkit-animation-name: fadeInLeft;            animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig{    0%    {        -webkit-transform: translateX(-2000px);                transform: translateX(-2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }}@keyframes fadeInLeftBig{    0%    {        -webkit-transform: translateX(-2000px);            -ms-transform: translateX(-2000px);                transform: translateX(-2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }}.fadeInLeftBig{    -webkit-animation-name: fadeInLeftBig;            animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight{    0%    {        -webkit-transform: translateX(20px);                transform: translateX(20px);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }}@keyframes fadeInRight{    0%    {        -webkit-transform: translateX(20px);            -ms-transform: translateX(20px);                transform: translateX(20px);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }}.fadeInRight{    -webkit-animation-name: fadeInRight;            animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig{    0%    {        -webkit-transform: translateX(2000px);                transform: translateX(2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }}@keyframes fadeInRightBig{    0%    {        -webkit-transform: translateX(2000px);            -ms-transform: translateX(2000px);                transform: translateX(2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }}.fadeInRightBig{    -webkit-animation-name: fadeInRightBig;            animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp{    0%    {        -webkit-transform: translateY(20px);                transform: translateY(20px);        opacity: 0;    }    100%    {        -webkit-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }}@keyframes fadeInUp{    0%    {        -webkit-transform: translateY(20px);            -ms-transform: translateY(20px);                transform: translateY(20px);        opacity: 0;    }    100%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }}.fadeInUp{    -webkit-animation-name: fadeInUp;            animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig{    0%    {        -webkit-transform: translateY(2000px);                transform: translateY(2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }}@keyframes fadeInUpBig{    0%    {        -webkit-transform: translateY(2000px);            -ms-transform: translateY(2000px);                transform: translateY(2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }}.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%    {        -webkit-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }    100%    {        -webkit-transform: translateY(20px);                transform: translateY(20px);        opacity: 0;    }}@keyframes fadeOutDown{    0%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }    100%    {        -webkit-transform: translateY(20px);            -ms-transform: translateY(20px);                transform: translateY(20px);        opacity: 0;    }}.fadeOutDown{    -webkit-animation-name: fadeOutDown;            animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig{    0%    {        -webkit-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }    100%    {        -webkit-transform: translateY(2000px);                transform: translateY(2000px);        opacity: 0;    }}@keyframes fadeOutDownBig{    0%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }    100%    {        -webkit-transform: translateY(2000px);            -ms-transform: translateY(2000px);                transform: translateY(2000px);        opacity: 0;    }}.fadeOutDownBig{    -webkit-animation-name: fadeOutDownBig;            animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft{    0%    {        -webkit-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }    100%    {        -webkit-transform: translateX(-20px);                transform: translateX(-20px);        opacity: 0;    }}@keyframes fadeOutLeft{    0%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }    100%    {        -webkit-transform: translateX(-20px);            -ms-transform: translateX(-20px);                transform: translateX(-20px);        opacity: 0;    }}.fadeOutLeft{    -webkit-animation-name: fadeOutLeft;            animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig{    0%    {        -webkit-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }    100%    {        -webkit-transform: translateX(-2000px);                transform: translateX(-2000px);        opacity: 0;    }}@keyframes fadeOutLeftBig{    0%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }    100%    {        -webkit-transform: translateX(-2000px);            -ms-transform: translateX(-2000px);                transform: translateX(-2000px);        opacity: 0;    }}.fadeOutLeftBig{    -webkit-animation-name: fadeOutLeftBig;            animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight{    0%    {        -webkit-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }    100%    {        -webkit-transform: translateX(20px);                transform: translateX(20px);        opacity: 0;    }}@keyframes fadeOutRight{    0%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }    100%    {        -webkit-transform: translateX(20px);            -ms-transform: translateX(20px);                transform: translateX(20px);        opacity: 0;    }}.fadeOutRight{    -webkit-animation-name: fadeOutRight;            animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig{    0%    {        -webkit-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }    100%    {        -webkit-transform: translateX(2000px);                transform: translateX(2000px);        opacity: 0;    }}@keyframes fadeOutRightBig{    0%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);        opacity: 1;    }    100%    {        -webkit-transform: translateX(2000px);            -ms-transform: translateX(2000px);                transform: translateX(2000px);        opacity: 0;    }}.fadeOutRightBig{    -webkit-animation-name: fadeOutRightBig;            animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp{    0%    {        -webkit-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }    100%    {        -webkit-transform: translateY(-20px);                transform: translateY(-20px);        opacity: 0;    }}@keyframes fadeOutUp{    0%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }    100%    {        -webkit-transform: translateY(-20px);            -ms-transform: translateY(-20px);                transform: translateY(-20px);        opacity: 0;    }}.fadeOutUp{    -webkit-animation-name: fadeOutUp;            animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig{    0%    {        -webkit-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }    100%    {        -webkit-transform: translateY(-2000px);                transform: translateY(-2000px);        opacity: 0;    }}@keyframes fadeOutUpBig{    0%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);        opacity: 1;    }    100%    {        -webkit-transform: translateY(-2000px);            -ms-transform: translateY(-2000px);                transform: translateY(-2000px);        opacity: 0;    }}.fadeOutUpBig{    -webkit-animation-name: fadeOutUpBig;            animation-name: fadeOutUpBig;}@-webkit-keyframes flip{    0%    {        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);                transform: perspective(400px) translateZ(0) rotateY(0) scale(1);        -webkit-animation-timing-function: ease-out;                animation-timing-function: ease-out;    }    40%    {        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);                transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);        -webkit-animation-timing-function: ease-out;                animation-timing-function: ease-out;    }    50%    {        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);                transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);        -webkit-animation-timing-function: ease-in;                animation-timing-function: ease-in;    }    80%    {        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);                transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);        -webkit-animation-timing-function: ease-in;                animation-timing-function: ease-in;    }    100%    {        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);                transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);        -webkit-animation-timing-function: ease-in;                animation-timing-function: ease-in;    }}@keyframes flip{    0%    {        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);            -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);                transform: perspective(400px) translateZ(0) rotateY(0) scale(1);        -webkit-animation-timing-function: ease-out;                animation-timing-function: ease-out;    }    40%    {        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);            -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);                transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);        -webkit-animation-timing-function: ease-out;                animation-timing-function: ease-out;    }    50%    {        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);            -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);                transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);        -webkit-animation-timing-function: ease-in;                animation-timing-function: ease-in;    }    80%    {        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);            -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);                transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);        -webkit-animation-timing-function: ease-in;                animation-timing-function: ease-in;    }    100%    {        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);            -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);                transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);        -webkit-animation-timing-function: ease-in;                animation-timing-function: ease-in;    }}.animated.flip{    -webkit-animation-name: flip;            animation-name: flip;    -webkit-backface-visibility: visible;        -ms-backface-visibility: visible;            backface-visibility: visible;}@-webkit-keyframes flipInX{    0%    {        -webkit-transform: perspective(400px) rotateX(90deg);                transform: perspective(400px) rotateX(90deg);        opacity: 0;    }    40%    {        -webkit-transform: perspective(400px) rotateX(-10deg);                transform: perspective(400px) rotateX(-10deg);    }    70%    {        -webkit-transform: perspective(400px) rotateX(10deg);                transform: perspective(400px) rotateX(10deg);    }    100%    {        -webkit-transform: perspective(400px) rotateX(0deg);                transform: perspective(400px) rotateX(0deg);        opacity: 1;    }}@keyframes flipInX{    0%    {        -webkit-transform: perspective(400px) rotateX(90deg);            -ms-transform: perspective(400px) rotateX(90deg);                transform: perspective(400px) rotateX(90deg);        opacity: 0;    }    40%    {        -webkit-transform: perspective(400px) rotateX(-10deg);            -ms-transform: perspective(400px) rotateX(-10deg);                transform: perspective(400px) rotateX(-10deg);    }    70%    {        -webkit-transform: perspective(400px) rotateX(10deg);            -ms-transform: perspective(400px) rotateX(10deg);                transform: perspective(400px) rotateX(10deg);    }    100%    {        -webkit-transform: perspective(400px) rotateX(0deg);            -ms-transform: perspective(400px) rotateX(0deg);                transform: perspective(400px) rotateX(0deg);        opacity: 1;    }}.flipInX{    -webkit-animation-name: flipInX;            animation-name: flipInX;    -webkit-backface-visibility: visible !important;        -ms-backface-visibility: visible !important;            backface-visibility: visible !important;}@-webkit-keyframes flipInY{    0%    {        -webkit-transform: perspective(400px) rotateY(90deg);                transform: perspective(400px) rotateY(90deg);        opacity: 0;    }    40%    {        -webkit-transform: perspective(400px) rotateY(-10deg);                transform: perspective(400px) rotateY(-10deg);    }    70%    {        -webkit-transform: perspective(400px) rotateY(10deg);                transform: perspective(400px) rotateY(10deg);    }    100%    {        -webkit-transform: perspective(400px) rotateY(0deg);                transform: perspective(400px) rotateY(0deg);        opacity: 1;    }}@keyframes flipInY{    0%    {        -webkit-transform: perspective(400px) rotateY(90deg);            -ms-transform: perspective(400px) rotateY(90deg);                transform: perspective(400px) rotateY(90deg);        opacity: 0;    }    40%    {        -webkit-transform: perspective(400px) rotateY(-10deg);            -ms-transform: perspective(400px) rotateY(-10deg);                transform: perspective(400px) rotateY(-10deg);    }    70%    {        -webkit-transform: perspective(400px) rotateY(10deg);            -ms-transform: perspective(400px) rotateY(10deg);                transform: perspective(400px) rotateY(10deg);    }    100%    {        -webkit-transform: perspective(400px) rotateY(0deg);            -ms-transform: perspective(400px) rotateY(0deg);                transform: perspective(400px) rotateY(0deg);        opacity: 1;    }}.flipInY{    -webkit-animation-name: flipInY;            animation-name: flipInY;    -webkit-backface-visibility: visible !important;        -ms-backface-visibility: visible !important;            backface-visibility: visible !important;}@-webkit-keyframes flipOutX{    0%    {        -webkit-transform: perspective(400px) rotateX(0deg);                transform: perspective(400px) rotateX(0deg);        opacity: 1;    }    100%    {        -webkit-transform: perspective(400px) rotateX(90deg);                transform: perspective(400px) rotateX(90deg);        opacity: 0;    }}@keyframes flipOutX{    0%    {        -webkit-transform: perspective(400px) rotateX(0deg);            -ms-transform: perspective(400px) rotateX(0deg);                transform: perspective(400px) rotateX(0deg);        opacity: 1;    }    100%    {        -webkit-transform: perspective(400px) rotateX(90deg);            -ms-transform: perspective(400px) rotateX(90deg);                transform: perspective(400px) rotateX(90deg);        opacity: 0;    }}.flipOutX{    -webkit-animation-name: flipOutX;            animation-name: flipOutX;    -webkit-backface-visibility: visible !important;        -ms-backface-visibility: visible !important;            backface-visibility: visible !important;}@-webkit-keyframes flipOutY{    0%    {        -webkit-transform: perspective(400px) rotateY(0deg);                transform: perspective(400px) rotateY(0deg);        opacity: 1;    }    100%    {        -webkit-transform: perspective(400px) rotateY(90deg);                transform: perspective(400px) rotateY(90deg);        opacity: 0;    }}@keyframes flipOutY{    0%    {        -webkit-transform: perspective(400px) rotateY(0deg);            -ms-transform: perspective(400px) rotateY(0deg);                transform: perspective(400px) rotateY(0deg);        opacity: 1;    }    100%    {        -webkit-transform: perspective(400px) rotateY(90deg);            -ms-transform: perspective(400px) rotateY(90deg);                transform: perspective(400px) rotateY(90deg);        opacity: 0;    }}.flipOutY{    -webkit-animation-name: flipOutY;            animation-name: flipOutY;    -webkit-backface-visibility: visible !important;        -ms-backface-visibility: visible !important;            backface-visibility: visible !important;}@-webkit-keyframes lightSpeedIn{    0%    {        -webkit-transform: translateX(100%) skewX(-30deg);                transform: translateX(100%) skewX(-30deg);        opacity: 0;    }    60%    {        -webkit-transform: translateX(-20%) skewX(30deg);                transform: translateX(-20%) skewX(30deg);        opacity: 1;    }    80%    {        -webkit-transform: translateX(0%) skewX(-15deg);                transform: translateX(0%) skewX(-15deg);        opacity: 1;    }    100%    {        -webkit-transform: translateX(0%) skewX(0deg);                transform: translateX(0%) skewX(0deg);        opacity: 1;    }}@keyframes lightSpeedIn{    0%    {        -webkit-transform: translateX(100%) skewX(-30deg);            -ms-transform: translateX(100%) skewX(-30deg);                transform: translateX(100%) skewX(-30deg);        opacity: 0;    }    60%    {        -webkit-transform: translateX(-20%) skewX(30deg);            -ms-transform: translateX(-20%) skewX(30deg);                transform: translateX(-20%) skewX(30deg);        opacity: 1;    }    80%    {        -webkit-transform: translateX(0%) skewX(-15deg);            -ms-transform: translateX(0%) skewX(-15deg);                transform: translateX(0%) skewX(-15deg);        opacity: 1;    }    100%    {        -webkit-transform: translateX(0%) skewX(0deg);            -ms-transform: translateX(0%) skewX(0deg);                transform: translateX(0%) skewX(0deg);        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%    {        -webkit-transform: translateX(0%) skewX(0deg);                transform: translateX(0%) skewX(0deg);        opacity: 1;    }    100%    {        -webkit-transform: translateX(100%) skewX(-30deg);                transform: translateX(100%) skewX(-30deg);        opacity: 0;    }}@keyframes lightSpeedOut{    0%    {        -webkit-transform: translateX(0%) skewX(0deg);            -ms-transform: translateX(0%) skewX(0deg);                transform: translateX(0%) skewX(0deg);        opacity: 1;    }    100%    {        -webkit-transform: translateX(100%) skewX(-30deg);            -ms-transform: translateX(100%) skewX(-30deg);                transform: translateX(100%) 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: rotate(-200deg);                transform: rotate(-200deg);        -webkit-transform-origin: center center;                transform-origin: center center;        opacity: 0;    }    100%    {        -webkit-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: center center;                transform-origin: center center;        opacity: 1;    }}@keyframes rotateIn{    0%    {        -webkit-transform: rotate(-200deg);            -ms-transform: rotate(-200deg);                transform: rotate(-200deg);        -webkit-transform-origin: center center;            -ms-transform-origin: center center;                transform-origin: center center;        opacity: 0;    }    100%    {        -webkit-transform: rotate(0);            -ms-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: center center;            -ms-transform-origin: center center;                transform-origin: center center;        opacity: 1;    }}.rotateIn{    -webkit-animation-name: rotateIn;            animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft{    0%    {        -webkit-transform: rotate(-90deg);                transform: rotate(-90deg);        -webkit-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 0;    }    100%    {        -webkit-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 1;    }}@keyframes rotateInDownLeft{    0%    {        -webkit-transform: rotate(-90deg);            -ms-transform: rotate(-90deg);                transform: rotate(-90deg);        -webkit-transform-origin: left bottom;            -ms-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 0;    }    100%    {        -webkit-transform: rotate(0);            -ms-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: left bottom;            -ms-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 1;    }}.rotateInDownLeft{    -webkit-animation-name: rotateInDownLeft;            animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight{    0%    {        -webkit-transform: rotate(90deg);                transform: rotate(90deg);        -webkit-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 0;    }    100%    {        -webkit-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 1;    }}@keyframes rotateInDownRight{    0%    {        -webkit-transform: rotate(90deg);            -ms-transform: rotate(90deg);                transform: rotate(90deg);        -webkit-transform-origin: right bottom;            -ms-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 0;    }    100%    {        -webkit-transform: rotate(0);            -ms-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: right bottom;            -ms-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 1;    }}.rotateInDownRight{    -webkit-animation-name: rotateInDownRight;            animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft{    0%    {        -webkit-transform: rotate(90deg);                transform: rotate(90deg);        -webkit-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 0;    }    100%    {        -webkit-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 1;    }}@keyframes rotateInUpLeft{    0%    {        -webkit-transform: rotate(90deg);            -ms-transform: rotate(90deg);                transform: rotate(90deg);        -webkit-transform-origin: left bottom;            -ms-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 0;    }    100%    {        -webkit-transform: rotate(0);            -ms-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: left bottom;            -ms-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 1;    }}.rotateInUpLeft{    -webkit-animation-name: rotateInUpLeft;            animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight{    0%    {        -webkit-transform: rotate(-90deg);                transform: rotate(-90deg);        -webkit-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 0;    }    100%    {        -webkit-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 1;    }}@keyframes rotateInUpRight{    0%    {        -webkit-transform: rotate(-90deg);            -ms-transform: rotate(-90deg);                transform: rotate(-90deg);        -webkit-transform-origin: right bottom;            -ms-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 0;    }    100%    {        -webkit-transform: rotate(0);            -ms-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: right bottom;            -ms-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 1;    }}.rotateInUpRight{    -webkit-animation-name: rotateInUpRight;            animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut{    0%    {        -webkit-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: center center;                transform-origin: center center;        opacity: 1;    }    100%    {        -webkit-transform: rotate(200deg);                transform: rotate(200deg);        -webkit-transform-origin: center center;                transform-origin: center center;        opacity: 0;    }}@keyframes rotateOut{    0%    {        -webkit-transform: rotate(0);            -ms-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: center center;            -ms-transform-origin: center center;                transform-origin: center center;        opacity: 1;    }    100%    {        -webkit-transform: rotate(200deg);            -ms-transform: rotate(200deg);                transform: rotate(200deg);        -webkit-transform-origin: center center;            -ms-transform-origin: center center;                transform-origin: center center;        opacity: 0;    }}.rotateOut{    -webkit-animation-name: rotateOut;            animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft{    0%    {        -webkit-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 1;    }    100%    {        -webkit-transform: rotate(90deg);                transform: rotate(90deg);        -webkit-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 0;    }}@keyframes rotateOutDownLeft{    0%    {        -webkit-transform: rotate(0);            -ms-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: left bottom;            -ms-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 1;    }    100%    {        -webkit-transform: rotate(90deg);            -ms-transform: rotate(90deg);                transform: rotate(90deg);        -webkit-transform-origin: left bottom;            -ms-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 0;    }}.rotateOutDownLeft{    -webkit-animation-name: rotateOutDownLeft;            animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight{    0%    {        -webkit-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 1;    }    100%    {        -webkit-transform: rotate(-90deg);                transform: rotate(-90deg);        -webkit-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 0;    }}@keyframes rotateOutDownRight{    0%    {        -webkit-transform: rotate(0);            -ms-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: right bottom;            -ms-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 1;    }    100%    {        -webkit-transform: rotate(-90deg);            -ms-transform: rotate(-90deg);                transform: rotate(-90deg);        -webkit-transform-origin: right bottom;            -ms-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 0;    }}.rotateOutDownRight{    -webkit-animation-name: rotateOutDownRight;            animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft{    0%    {        -webkit-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 1;    }    100%    {        -webkit-transform: rotate(-90deg);                transform: rotate(-90deg);        -webkit-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 0;    }}@keyframes rotateOutUpLeft{    0%    {        -webkit-transform: rotate(0);            -ms-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: left bottom;            -ms-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 1;    }    100%    {        -webkit-transform: rotate(-90deg);            -ms-transform: rotate(-90deg);                transform: rotate(-90deg);        -webkit-transform-origin: left bottom;            -ms-transform-origin: left bottom;                transform-origin: left bottom;        opacity: 0;    }}.rotateOutUpLeft{    -webkit-animation-name: rotateOutUpLeft;            animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight{    0%    {        -webkit-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 1;    }    100%    {        -webkit-transform: rotate(90deg);                transform: rotate(90deg);        -webkit-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 0;    }}@keyframes rotateOutUpRight{    0%    {        -webkit-transform: rotate(0);            -ms-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: right bottom;            -ms-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 1;    }    100%    {        -webkit-transform: rotate(90deg);            -ms-transform: rotate(90deg);                transform: rotate(90deg);        -webkit-transform-origin: right bottom;            -ms-transform-origin: right bottom;                transform-origin: right bottom;        opacity: 0;    }}.rotateOutUpRight{    -webkit-animation-name: rotateOutUpRight;            animation-name: rotateOutUpRight;}@-webkit-keyframes slideInDown{    0%    {        -webkit-transform: translateY(-2000px);                transform: translateY(-2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateY(0);                transform: translateY(0);    }}@keyframes slideInDown{    0%    {        -webkit-transform: translateY(-2000px);            -ms-transform: translateY(-2000px);                transform: translateY(-2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);    }}.slideInDown{    -webkit-animation-name: slideInDown;            animation-name: slideInDown;}@-webkit-keyframes slideInLeft{    0%    {        -webkit-transform: translateX(-2000px);                transform: translateX(-2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0);                transform: translateX(0);    }}@keyframes slideInLeft{    0%    {        -webkit-transform: translateX(-2000px);            -ms-transform: translateX(-2000px);                transform: translateX(-2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);    }}.slideInLeft{    -webkit-animation-name: slideInLeft;            animation-name: slideInLeft;}@-webkit-keyframes slideInRight{    0%    {        -webkit-transform: translateX(2000px);                transform: translateX(2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0);                transform: translateX(0);    }}@keyframes slideInRight{    0%    {        -webkit-transform: translateX(2000px);            -ms-transform: translateX(2000px);                transform: translateX(2000px);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);    }}.slideInRight{    -webkit-animation-name: slideInRight;            animation-name: slideInRight;}@-webkit-keyframes slideOutLeft{    0%    {        -webkit-transform: translateX(0);                transform: translateX(0);    }    100%    {        -webkit-transform: translateX(-2000px);                transform: translateX(-2000px);        opacity: 0;    }}@keyframes slideOutLeft{    0%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);    }    100%    {        -webkit-transform: translateX(-2000px);            -ms-transform: translateX(-2000px);                transform: translateX(-2000px);        opacity: 0;    }}.slideOutLeft{    -webkit-animation-name: slideOutLeft;            animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight{    0%    {        -webkit-transform: translateX(0);                transform: translateX(0);    }    100%    {        -webkit-transform: translateX(2000px);                transform: translateX(2000px);        opacity: 0;    }}@keyframes slideOutRight{    0%    {        -webkit-transform: translateX(0);            -ms-transform: translateX(0);                transform: translateX(0);    }    100%    {        -webkit-transform: translateX(2000px);            -ms-transform: translateX(2000px);                transform: translateX(2000px);        opacity: 0;    }}.slideOutRight{    -webkit-animation-name: slideOutRight;            animation-name: slideOutRight;}@-webkit-keyframes slideOutUp{    0%    {        -webkit-transform: translateY(0);                transform: translateY(0);    }    100%    {        -webkit-transform: translateY(-2000px);                transform: translateY(-2000px);        opacity: 0;    }}@keyframes slideOutUp{    0%    {        -webkit-transform: translateY(0);            -ms-transform: translateY(0);                transform: translateY(0);    }    100%    {        -webkit-transform: translateY(-2000px);            -ms-transform: translateY(-2000px);                transform: translateY(-2000px);        opacity: 0;    }}.slideOutUp{    -webkit-animation-name: slideOutUp;            animation-name: slideOutUp;}@-webkit-keyframes hinge{    0%    {        -webkit-transform: rotate(0);                transform: rotate(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: rotate(80deg);                transform: rotate(80deg);        -webkit-transform-origin: top left;                transform-origin: top left;        -webkit-animation-timing-function: ease-in-out;                animation-timing-function: ease-in-out;    }    40%    {        -webkit-transform: rotate(60deg);                transform: rotate(60deg);        -webkit-transform-origin: top left;                transform-origin: top left;        -webkit-animation-timing-function: ease-in-out;                animation-timing-function: ease-in-out;    }    80%    {        -webkit-transform: rotate(60deg) translateY(0);                transform: rotate(60deg) translateY(0);        -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: translateY(700px);                transform: translateY(700px);        opacity: 0;    }}@keyframes hinge{    0%    {        -webkit-transform: rotate(0);            -ms-transform: rotate(0);                transform: rotate(0);        -webkit-transform-origin: top left;            -ms-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: rotate(80deg);            -ms-transform: rotate(80deg);                transform: rotate(80deg);        -webkit-transform-origin: top left;            -ms-transform-origin: top left;                transform-origin: top left;        -webkit-animation-timing-function: ease-in-out;                animation-timing-function: ease-in-out;    }    40%    {        -webkit-transform: rotate(60deg);            -ms-transform: rotate(60deg);                transform: rotate(60deg);        -webkit-transform-origin: top left;            -ms-transform-origin: top left;                transform-origin: top left;        -webkit-animation-timing-function: ease-in-out;                animation-timing-function: ease-in-out;    }    80%    {        -webkit-transform: rotate(60deg) translateY(0);            -ms-transform: rotate(60deg) translateY(0);                transform: rotate(60deg) translateY(0);        -webkit-transform-origin: top left;            -ms-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: translateY(700px);            -ms-transform: translateY(700px);                transform: translateY(700px);        opacity: 0;    }}.hinge{    -webkit-animation-name: hinge;            animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn{    0%    {        -webkit-transform: translateX(-100%) rotate(-120deg);                transform: translateX(-100%) rotate(-120deg);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0px) rotate(0deg);                transform: translateX(0px) rotate(0deg);        opacity: 1;    }}@keyframes rollIn{    0%    {        -webkit-transform: translateX(-100%) rotate(-120deg);            -ms-transform: translateX(-100%) rotate(-120deg);                transform: translateX(-100%) rotate(-120deg);        opacity: 0;    }    100%    {        -webkit-transform: translateX(0px) rotate(0deg);            -ms-transform: translateX(0px) rotate(0deg);                transform: translateX(0px) rotate(0deg);        opacity: 1;    }}.rollIn{    -webkit-animation-name: rollIn;            animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut{    0%    {        -webkit-transform: translateX(0px) rotate(0deg);                transform: translateX(0px) rotate(0deg);        opacity: 1;    }    100%    {        -webkit-transform: translateX(100%) rotate(120deg);                transform: translateX(100%) rotate(120deg);        opacity: 0;    }}@keyframes rollOut{    0%    {        -webkit-transform: translateX(0px) rotate(0deg);            -ms-transform: translateX(0px) rotate(0deg);                transform: translateX(0px) rotate(0deg);        opacity: 1;    }    100%    {        -webkit-transform: translateX(100%) rotate(120deg);            -ms-transform: translateX(100%) rotate(120deg);                transform: translateX(100%) rotate(120deg);        opacity: 0;    }}.rollOut{    -webkit-animation-name: rollOut;            animation-name: rollOut;}/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/2830(这个备注仅在演示页面有，源代码里没有)*/