.d-point {
  padding: 50px 0 30px;
}
.d-point img,
.d-point span {
  display: block;
  margin: 0 auto 15px;
}
.d-point span {
  width: 150px;
  height: 150px;
 /*  animation: pointSprite 3s steps(180) forwards; */
}
.d-point span.p1.big {
  width: 270px;
  height: 270px;
  animation: pointSpriteBbig 3s steps(180) forwards;
  background-image: url(game.png);
}
.d-point span.p1 {
  background-image: url(game1.png);
}
.d-point span.p2 {
  background-image: url(../img/point2.efd3b0a7.png);
}
.d-point span.p3 {
  background-image: url(../img/point3.0c67f4bc.png);
}
.d-point span.p4 {
  background-image: url(../img/point4.27de9c07.png);
}
.d-point span.p5 {
  background-image: url(../img/point5.faaaf998.png);
}
.d-point span.p6 {
  background-image: url(../img/point6.9c86fa0b.png);
}
@keyframes pointSprite {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -27000px 0;
  }
}
@keyframes pointSpriteBbig {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -48600px 0;
  }
}