/* ���� */

/* ��ת�ζ� */

.rotateShack {
    -webkit-animation: rs 1s ease;
    animation: rs 1s ease;
}

@keyframes rs {
    0%,
    50%,
    100% {
        transform: rotate(0);
    }
    25%,
    75% {
        transform: rotate(-15deg);
    }
}

@-webkit-keyframes rs {
    0%,
    50%,
    100% {
        transform: rotate(0);
    }
    25%,
    75% {
        transform: rotate(-15deg);
    }
}

/* �������ҵ��� */

.ltr {
    -webkit-animation: ltr 1s ease forwards;
    animation: ltr 1s ease forwards;
}

@keyframes ltr {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes ltr {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ���������� */

.rtl {
    animation-name: rtl;
    animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-name: rtl;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
}

.wikirtl {
    -webkit-animation-name: rtl;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
}

@keyframes rtl {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes rtl {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 3d�������� */

.btt {
    -webkit-animation: btt 1s ease-in;
    animation: btt 1s ease-in;
}

@keyframes btt {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes btt {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 3d�������� */

.ttb {
    -webkit-animation: ttb 1s ease-in;
    animation: ttb 1s ease-in;
}

@keyframes ttb {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes ttb {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 3d��Сͼ�� */

@keyframes icon3d {
    0%,
    100% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(5px);
    }
    75% {
        transform: translateY(-5px);
    }
}

@-webkit-keyframes icon3d {
    0%,
    100% {
        -webkit-transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(5px);
    }
    75% {
        -webkit-transform: translateY(-5px);
    }
}

/* ������ */

.bottom2top {
    -webkit-animation: btt .5s ease-out;
    animation: btt .5s ease-out;
}

@keyframes btt {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes btt {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* ��Ŀ��ͷ */

@keyframes goNextBtn {
    0%,
    100% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(7px);
    }
    75% {
        transform: translateY(-7px);
    }
}

@-webkit-keyframes goNextBtn {
    0%,
    100% {
        -webkit-transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(7px);
    }
    75% {
        -webkit-transform: translateY(-7px);
    }
}

/* ��վ����ҳ�涯��Ч��
** ��֧��chrome
*/

@-webkit-keyframes woman {
    0% {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.9, 1, 1) translate3d(170px, 0px, 50px) rotateY(40deg);
    }
    100% {
        -webkit-opacity: 1;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0px, 10px) rotateY(0);
    }
}

@-webkit-keyframes wikiRTL {
    0% {
        -webkit-opacity: 0;
        -webkit-transform: translateX(30px);
    }
    100% {
        -webkit-opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
    60% {
        -webkit-transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

.shake {
    -webkit-animation-name: shake;
    -webkit-animation-delay: .5s;
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes shake {
    0%,
    100% {
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px);
    }
}

.wikifadeIn {
    -webkit-animation-name: wikifadeIn;
    -webkit-animation-delay: .6s;
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes wikifadeIn {
    0% {
        -webkit-opacity: 0;
    }
    100% {
        -webkit-opacity: 1;
    }
}

@-webkit-keyframes zoomInRightDown {
    0% {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, -500px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        -webkit-opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
    100% {
        -webkit-opacity: 1;
    }
}

@-webkit-keyframes shakeLR {
    0%,
    100% {
        -webkit-transform: rotate(0);
    }
    25% {
        -webkit-transform: rotate(5deg);
    }
    75% {
        -webkit-transform: rotate(-5deg);
    }
}

@-webkit-keyframes wikiLT2RB {
    0% {
        -webkit-opacity: 0;
        -webkit-transform: translate(-600px, -180px);
    }
    100% {
        -webkit-opacity: 1;
        -webkit-transform: translate(0, 0);
    }
}

.wikiBtT {
    -webkit-animation-name: wikiBtT;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes wikiBtT {
    0% {
        -webkit-opacity: 0;
        -webkit-transform: translateY(50px);
    }
    100% {
        -webkit-opacity: 1;
        -webkit-transform: translateY(0);
    }
}

.wikiBtS {
    -webkit-animation-name: wikiBtS;
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes wikiBtS {
    0% {
        -webkit-opacity: 0;
        -webkit-transform: scale3d(1.2, 1.2, 1);
    }
    100% {
        -webkit-opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
    }
}

.fanL {
    -webkit-animation-name: fanL;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes fanL {
    0% {
        -webkit-transform: rotateY(90deg) skewY(20deg);
    }
    100% {
        -webkit-transform: rotateY(0) skewY(0);
    }
}

.fanR {
    -webkit-animation-name: fanR;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes fanR {
    0% {
        -webkit-transform: rotateY(-90deg) skewY(-20deg);
    }
    100% {
        -webkit-transform: rotateY(0) skewY(0);
    }
}

@-webkit-keyframes wikibounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -wekit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        -wekit-opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
    }
    60% {
        -webkit-opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-opacity: 1;
        -webkit-transform: none;
    }
}

.wikibounceInDown {
    -webkit-animation-name: wikibounceInDown;
    -webkit-animation-duration: 1s;
    /*-webkit-animation-delay: 1s;*/
    -webkit-animation-fill-mode: forwards;
    /*-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);*/
}