@keyframes bounce {
    0%, 100% {
      transform: translateY(0);
      background-position: 0 0;
    }
    50% {
      transform: translateY(-10px);
      background-position: -1125px 0;
    }
  }
.robot {
    position: fixed;top: 200px;
    /* width: 70px; */
    display: block;z-index: 999;
    cursor: pointer;
    right:calc(50% - 600px)
}
.robot .robotimg{
    width: 125px;
    height: 133px;
    background: url(../images/robot.jpg) no-repeat no-repeat;
    animation: bounce 2s steps(9) infinite;
}
/* .robot .robotimg:hover{
    width: 125px;
    height: 133px;
    background: url(../images/robot.jpg) no-repeat no-repeat;
    background-position-x: -125px;
    animation: bounce 0.6s infinite;
} */
.robot .text{
    text-align: center;
    font-size: 14px;
    margin-top: -35px;
}
/* .robot img{
    width: 100%; animation: bounce 0.6s infinite;
} */
@media screen and (max-width: 1200px) {
    .robot {
        right: 10px;
    }
}
/* @media screen and (max-width: 1400px) {
    .robot {
        right: 8vw;
    }
}
@media screen and (max-width: 1600px) {
    .robot {
        right: 13vw;
    }
}
@media screen and (max-width: 1100px) {
    .robot {
        right: 0vw;
    }
} */