/*下移*/
@-webkit-keyframes clickdown {
    0% {
        opacity: 0.5;
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translatey(10px);
        transform: translatey(10px);
    }
}

@keyframes clickdown {
    0% {
        opacity: 0.5;
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translatey(10px);
        transform: translatey(10px);
    }
}

@-webkit-keyframes clickweight {
    0% {
        opacity: 0.5;
        font-weight: 500;
    }

    50% {
        opacity: 1;
        font-weight: 700;
    }
    100% {
        opacity: 0.5;
        font-weight: 500;
    }
}

@keyframes clickweight {
    0% {
        opacity: 0.5;
        font-weight: 500;
    }

    50% {
        opacity: 1;
        font-weight: 700;
    }
    100% {
        opacity: 0.5;
        font-weight: 500;
    }
}


@-webkit-keyframes myscale {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.07);
        -moz-transform: scale(1.07);
        -ms-transform: scale(1.07);
        -o-transform: scale(1.07);
        transform: scale(1.07);
    }
}

@keyframes myscale {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.07);
        -moz-transform: scale(1.07);
        -ms-transform: scale(1.07);
        -o-transform: scale(1.07);
        transform: scale(1.07);
    }
}
.myscale{
    -webkit-animation: myscale 5s linear 1s infinite alternate;
    -o-animation: myscale 5s linear 1s infinite alternate;
    animation: myscale 5s linear 1s infinite alternate;
}