@keyframes updown{
    0%{
    transform:translateY(20px);
    -ms-transform:translateY(20px); 	/* IE 9 */
    -moz-transform:translateY(20px); 	/* Firefox */
    -webkit-transform:translateY(20px); /* Safari 和 Chrome */
    -o-transform:translateY(20px); 	/* Opera */
    }
    25%{
    transform:translateY(40px);
    -ms-transform:translateY(40px); 	/* IE 9 */
    -moz-transform:translateY(40px); 	/* Firefox */
    -webkit-transform:translateY(40px); /* Safari 和 Chrome */
    -o-transform:translateY(40px); 	/* Opera */
    }
    50%{
    transform:translateY(20px);
    -ms-transform:translateY(20px); 	/* IE 9 */
    -moz-transform:translateY(20px); 	/* Firefox */
    -webkit-transform:translateY(20px); /* Safari 和 Chrome */
    -o-transform:translateY(20px); 	/* Opera */
    }
    75%{
    transform:translateY(20px);
    -ms-transform:translateY(0px); 	/* IE 9 */
    -moz-transform:translateY(0px); 	/* Firefox */
    -webkit-transform:translateY(0px); /* Safari 和 Chrome */
    -o-transform:translateY(0px); 	/* Opera */
    }
    100%{
    transform:translateY(20px);
    -ms-transform:translateY(20px); 	/* IE 9 */
    -moz-transform:translateY(20px); 	/* Firefox */
    -webkit-transform:translateY(20px); /* Safari 和 Chrome */
    -o-transform:translateY(20px); 	/* Opera */
    }
    }