.animate-circle,input,select{
  vertical-align:middle
}
.infinite-loop{
  -webkit-animation:4s infinite-loop infinite linear;
  animation:4s infinite-loop infinite linear;
  -webkit-transform-origin:center;
  -ms-transform-origin:center;
  transform-origin:center;
}
@-webkit-keyframes infinite-loop{
  to{
    -webkit-transform:rotateZ(360deg);
    transform:rotateZ(360deg);
  }

}
@keyframes infinite-loop{
  to{
    -webkit-transform:rotateZ(360deg);
    transform:rotateZ(360deg);
  }

}
.animate-circle{
  width:100px;
  height:100px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  margin-bottom:15px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
@media screen and (max-width:768px){
  .animate-circle{
    width:80px;height:80px;
  }

}
.animate-circle img{
  width:50px;height:50px;
}
@media screen and (max-width:768px){
  .animate-circle img{
    width:40px;height:40px;
  }
}
.animate-circle>a{
  cursor:pointer;
  position:relative;
  z-index:1;
  display:inline-block；
}
.animate-circle:after{
  display:block;
  position:absolute;
  content:" ";
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-size:100%;
  background-image:url(https://img.alicdn.com/tps/TB1jkvUNFXXXXXvaFXXXXXXXXXX-200-200.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-color:transparent;
  -webkit-animation:4s infinite-loop infinite linear;
  animation:4s infinite-loop infinite linear;
  border-radius:100%;
}