/************************************
 Use for:         yhkd.99.com/m/
 Version:         1.0
 Date:            2017-12-19
 Author:          php
 Employee number: 206742
 Update:
 *************************************/
@-webkit-keyframes up-down {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(14px);
    }
}

@keyframes up-down {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(14px);
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: translate3d(10px, 10px, 0) scale(1);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.1);
    }

    100% {
        -webkit-transform: translate3d(10px, 10px, 0) scale(1);
    }
}

@keyframes scale {
    0% {
        transform: translate3d(10px, 10px, 0) scale(1);
    }

    50% {
        transform: translate3d(0, 0, 0) scale(1.1);
    }

    100% {
        transform: translate3d(10px, 10px, 0) scale(1);
    }
}

@-webkit-keyframes up {
    0% {
        opacity: 0.85;
        -webkit-transform: translate3d(0, 10px, 0) scale(1) rotate(2deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, -10px, 0) scale(1.1) rotate(-2deg);
    }
}

@keyframes up {
    0% {
        opacity: 0.85;
        transform: translate3d(0, 10px, 0) scale(1) rotate(2deg);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, -10px, 0) scale(1.1) rotate(-2deg);
    }
}

@-webkit-keyframes left {
    0% {
        -webkit-transform: translate3d(12px, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(-12px, 0, 0);
    }
}

@keyframes left {
    0% {
        transform: translate3d(12px, 0, 0);
    }

    100% {
        transform: translate3d(-12px, 0, 0);
    }
}

@-webkit-keyframes rb {
    0% {
        -webkit-transform: translate3d(-20px, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(20px, 20px, 0);
    }
}

@keyframes rb {
    0% {
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        transform: translate3d(20px, 20px, 0);
    }
}

@-webkit-keyframes top {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, -20px, 0);
    }
}

@keyframes top {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, -20px, 0);
    }
}

@-webkit-keyframes lt {
    0% {
        -webkit-transform: translate3d(20px, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(-20px, -20px, 0);
    }
}

@keyframes lt {
    0% {
        transform: translate3d(20px, 0, 0);
    }

    100% {
        transform: translate3d(-20px, -20px, 0);
    }
}

@-webkit-keyframes shape {
    0% {
        border: 10px solid #00F;
        border-radius: 50%;
        -webkit-transform: translateY(-50px) rotate(0deg);
    }

    16.6% {
        border: 10px solid #00F;
        border-radius: 50%;
        -webkit-transform: translateY(0) rotate(180deg);
    }

    16.7% {
        border: 10px solid #930;
        border-radius: 0;
        -webkit-transform: translateY(0) rotate(180deg);
    }

    33.2% {
        border: 10px solid #930;
        border-radius: 0;
        -webkit-transform: translateY(-50px) rotate(0deg);
    }

    49.8% {
        border: 10px solid #930;
        border-radius: 0;
        -webkit-transform: translateY(0) rotate(180deg);
    }

    49.9% {
        border: 10px solid;
        border-color: #FC0 transparent;
        border-width: 0 10px 20px;
        border-radius: 0;
        -webkit-transform: translateY(0) rotate(180deg);
    }

    66.4% {
        border: 10px solid;
        border-color: #FC0 transparent;
        border-width: 0 10px 20px;
        border-radius: 0;
        -webkit-transform: translateY(-50px) rotate(0deg);
    }

    83% {
        border: 10px solid;
        border-color: #FC0 transparent;
        border-width: 0 10px 20px;
        border-radius: 0;
        -webkit-transform: translateY(0) rotate(180deg);
    }

    83.1% {
        border: 10px solid #00F;
        border-radius: 50%;
        -webkit-transform: translateY(0) rotate(180deg);
    }

    100% {
        border: 10px solid #00F;
        border-radius: 50%;
        -webkit-transform: translateY(-50px) rotate(0deg);
    }
}

@keyframes shape {
    0% {
        border: 10px solid #00F;
        border-radius: 50%;
        transform: translateY(-50px) rotate(0deg);
    }

    16.6% {
        border: 10px solid #00F;
        border-radius: 50%;
        transform: translateY(0) rotate(180deg);
    }

    16.7% {
        border: 10px solid #930;
        border-radius: 0;
        transform: translateY(0) rotate(180deg);
    }

    33.2% {
        border: 10px solid #930;
        border-radius: 0;
        transform: translateY(-50px) rotate(0deg);
    }

    49.8% {
        border: 10px solid #930;
        border-radius: 0;
        transform: translateY(0) rotate(180deg);
    }

    49.9% {
        border: 10px solid;
        border-color: #FC0 transparent;
        border-width: 0 10px 20px;
        border-radius: 0;
        transform: translateY(0) rotate(180deg);
    }

    66.4% {
        border: 10px solid;
        border-color: #FC0 transparent;
        border-width: 0 10px 20px;
        border-radius: 0;
        -webkit-transform: translateY(-50px) rotate(0deg);
    }

    83% {
        border: 10px solid;
        border-color: #FC0 transparent;
        border-width: 0 10px 20px;
        border-radius: 0;
        -webkit-transform: translateY(0) rotate(180deg);
    }

    83.1% {
        border: 10px solid #00F;
        border-radius: 50%;
        -webkit-transform: translateY(0) rotate(180deg);
    }

    100% {
        border: 10px solid #00F;
        border-radius: 50%;
        -webkit-transform: translateY(-50px) rotate(0deg);
    }
}

@-webkit-keyframes shadow {
    0% {
        width: 6px;
    }

    100% {
        width: 30px;
    }
}

@keyframes shadow {
    0% {
        width: 6px;
    }

    100% {
        width: 30px;
    }
}

@-webkit-keyframes loading-txt {
    0% {
        width: 0;
    }

    100% {
        width: 40px;
    }
}

@keyframes loading-txt {
    0% {
        width: 0;
    }

    100% {
        width: 40px;
    }
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
    }

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

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

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

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes fire {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -720px;
    }
}

@keyframes fire {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -720px;
    }
}

@-webkit-keyframes cloudL {
    100% {
        -webkit-transform: translate3d(15px, -8px, 0);
    }
}

@keyframes cloudL {
    100% {
        transform: translate3d(15px, -8px, 0);
    }
}

@-webkit-keyframes cloudR {
    100% {
        -webkit-transform: translate3d(-15px, -8px, 0);
    }
}

@keyframes cloudR {
    100% {
        transform: translate3d(-15px, -8px, 0);
    }
}

@-webkit-keyframes upDown {
    0% {
        -webkit-transform: scale(0.1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes upDown {
    0% {
        transform: scale(0.1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes up-down2 {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(6px);
    }
}

@keyframes up-down2 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(6px);
    }
}

@-webkit-keyframes scale1 {
    0% {
        -webkit-transform: scale(0.1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes scale1 {
    0% {
        transform: scale(0.1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes scale2 {
    0% {
        -webkit-transform: scale(0.65);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes scale2 {
    0% {
        transform: scale(0.65);
    }

    100% {
        transform: scale(1);
    }
}

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

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

@-webkit-keyframes font {
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes font {
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes cloud {
    100% {
        -webkit-transform: translate3d(-15px, 0, 0);
    }
}

@keyframes cloud {
    100% {
        transform: translate3d(-15px, 0, 0);
    }
}

@-webkit-keyframes rotateL {
    0% {
        -webkit-transform: rotate(-10deg) scale(0.95);
    }

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

    100% {
        -webkit-transform: rotate(10deg) scale(0.95);
    }
}

@keyframes rotateL {
    0% {
        transform: rotate(-10deg) scale(0.95);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: rotate(10deg) scale(0.95);
    }
}

@-webkit-keyframes rotateR {
    0% {
        -webkit-transform: rotate(10deg) scale(0.95);
    }

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

    100% {
        -webkit-transform: rotate(-10deg) scale(0.95);
    }
}

@keyframes rotateR {
    0% {
        transform: rotate(10deg) scale(0.95);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: rotate(-10deg) scale(0.95);
    }
}

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

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

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

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

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

@keyframes opacity {
    100% {
        opacity: 1;
    }
}