没有动画效果

#page2>.p2_circle:after{
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   background: url("../iamges/p2_circle_inner.png") no-repeat center center;
   background-size: 100%;
   width: 39.9375vw;
   height: 39.9375vw;
   content: "";
   -webkit-animation: p2_circle_inner 1s linear 1s infinite;
           animation: p2_circle_inner 1s linear 1s infinite;
}
@-webkit-keyframes p2_circle-inner{
   0%{
               transform: rotate(0deg);
   }
   100%{
               transform: rotate(-1080deg);
   }
}