为什么只有moveone有动画效果 movetwo没有呢？

Question

.move_img

{

z-index: 1;

top: 0px;

position:relative;

animation:moveone 2s;

-moz-animation:moveone 2s; /* Firefox */

-webkit-animation:moveone 2s; /* Safari and Chrome */

-o-animation:moveone 2s Opera */

}

.move_box{

height: 82px;

width: 82px;

left: 0px;

border-radius: 50%;

border: 1px solid #1296db;

display: inline-block;

position:relative;

z-index: 0;

animation:movetwo 2s;

-moz-animation:moveteo 2s; /* Firefox */

-webkit-animation:movetwo 2s; /* Safari and Chrome */

-o-animation:movetwo 2s Opera */

}

@keyframes moveone

{

0%   {top:-50px;}

80% {  top:20px;}

85% {top: 15px}

90%{top: 20px}

100%  {  top:0px;}

@keyframes movetwo

{

0%   {left:-600px;}

80% { left:645px;}

85% {left:640px;x}

90%{left:645px;}

100%  { left:625px;}

<DIV style="text-align: center;">

<div class="move_box"></div>

<SPAN class="login_logo move_img"></SPAN>

</DIV>