$money_bg:"./../../../assets/moneyrain/money.png";
//2.77
.rain_con{
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 2.77rem;
}
.money1 {
  height: .24em;
  background: url($money_bg) no-repeat;
  background-size: .385em .24em
}
.money1,.money2 {
  position: absolute;
  z-index: 112;
  width: .385em;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.money2 {
  height: .235em;
  background: url($money_bg) no-repeat;
  background-size: .385em .235em
}

.money3 {
  height: .225em;
  background: url($money_bg) no-repeat;
  background-size: .385em .225em
}

.money3,.money4 {
  position: absolute;
  z-index: 112;
  width: .385em;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.money4 {
  height: .23em;
  background: url($money_bg) no-repeat;
  background-size: .385em .23em
}

.money5 {
  position: absolute;
  z-index: 112;
  width: .505em;
  height: .225em;
  background: url($money_bg) no-repeat;
  background-size: .505em .225em;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
@-webkit-keyframes fallAndSpin1 {
  0% {
    -webkit-transform: translateY(-.534em) rotate(0deg) translateX(0) translateZ(0);
    transform: translateY(-.534em) rotate(0deg) translateX(0) translateZ(0);

  }

  25% {
    -webkit-transform: translateY(.4em) rotate(180deg) translateX(.4em) translateZ(0);
    transform: translateY(.4em) rotate(180deg) translateX(.4em) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(9.345em) rotate(1turn) translateX(0) translateZ(0);
    transform: translateY(9.345em) rotate(1turn) translateX(0) translateZ(0);
  }

  75% {
    -webkit-transform: translateY(15.35em) rotate(540deg) translateX(-.4em) translateZ(0);
    transform: translateY(15.35em) rotate(540deg) translateX(-.4em) translateZ(0);
  }

  to {
    -webkit-transform: translateY(24em) rotate(2turn) translateX(0) translateZ(0);
    transform: translateY(24em) rotate(2turn) translateX(0) translateZ(0);
  }
}

@keyframes fallAndSpin1 {
  0% {
    -webkit-transform: translateY(-.534em) rotate(0deg) translateX(0) translateZ(0);
    transform: translateY(-.534em) rotate(0deg) translateX(0) translateZ(0);
  }

  25% {
    -webkit-transform: translateY(.4em) rotate(180deg) translateX(.4em) translateZ(0);
    transform: translateY(.4em) rotate(180deg) translateX(.4em) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(9.345em) rotate(1turn) translateX(0) translateZ(0);
    transform: translateY(9.345em) rotate(1turn) translateX(0) translateZ(0);
  }

  75% {
    -webkit-transform: translateY(15.35em) rotate(540deg) translateX(-.4em) translateZ(0);
    transform: translateY(15.35em) rotate(540deg) translateX(-.4em) translateZ(0);
  }

  to {
    -webkit-transform: translateY(24em) rotate(2turn) translateX(0) translateZ(0);
    transform: translateY(24em) rotate(2turn) translateX(0) translateZ(0);
  }
}

@-webkit-keyframes fallAndSpin2 {
  0% {
    -webkit-transform: translateY(-.534em) rotate(0deg) translateX(0) translateZ(0);
    transform: translateY(-.534em) rotate(0deg) translateX(0) translateZ(0);
  }

  25% {
    -webkit-transform: translateY(.4em) rotate(-180deg) translateX(.4em) translateZ(0);
    transform: translateY(.4em) rotate(-180deg) translateX(.4em) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(9.345em) rotate(-1turn) translateX(0) translateZ(0);
    transform: translateY(9.345em) rotate(-1turn) translateX(0) translateZ(0);
  }

  75% {
    -webkit-transform: translateY(15.35em) rotate(-540deg) translateX(-.4em) translateZ(0);
    transform: translateY(15.35em) rotate(-540deg) translateX(-.4em) translateZ(0);
  }

  to {
    -webkit-transform: translateY(24em) rotate(-2turn) translateX(0) translateZ(0);
    transform: translateY(24em) rotate(-2turn) translateX(0) translateZ(0);
  }
}

@keyframes fallAndSpin2 {
  0% {
    -webkit-transform: translateY(-.534em) rotate(0deg) translateX(0) translateZ(0);
    transform: translateY(-.534em) rotate(0deg) translateX(0) translateZ(0);
  }

  25% {
    -webkit-transform: translateY(.4em) rotate(-180deg) translateX(.4em) translateZ(0);
    transform: translateY(.4em) rotate(-180deg) translateX(.4em) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(9.345em) rotate(-1turn) translateX(0) translateZ(0);
    transform: translateY(9.345em) rotate(-1turn) translateX(0) translateZ(0);
  }

  75% {
    -webkit-transform: translateY(15.35em) rotate(-540deg) translateX(-.4em) translateZ(0);
    transform: translateY(15.35em) rotate(-540deg) translateX(-.4em) translateZ(0);
  }

  to {
    -webkit-transform: translateY(24em) rotate(-2turn) translateX(0) translateZ(0);
    transform: translateY(24em) rotate(-2turn) translateX(0) translateZ(0);
  }
}

@-webkit-keyframes fallAndSpin3 {
  0% {
    -webkit-transform: translateY(-.534em) rotate(0deg) translateX(0) translateZ(0);
    transform: translateY(-.534em) rotate(0deg) translateX(0) translateZ(0);
  }

  25% {
    -webkit-transform: translateY(.4em) rotate(90deg) translateX(.4em) translateZ(0);
    transform: translateY(.4em) rotate(90deg) translateX(.4em) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(9.345em) rotate(180deg) translateX(0) translateZ(0);
    transform: translateY(9.345em) rotate(180deg) translateX(0) translateZ(0);
  }

  75% {
    -webkit-transform: translateY(15.35em) rotate(270deg) translateX(-.4em) translateZ(0);
    transform: translateY(15.35em) rotate(270deg) translateX(-.4em) translateZ(0);
  }

  to {
    -webkit-transform: translateY(24em) rotate(1turn) translateX(0) translateZ(0);
    transform: translateY(24em) rotate(1turn) translateX(0) translateZ(0);
  }
}

@keyframes fallAndSpin3 {
  0% {
    -webkit-transform: translateY(-.534em) rotate(0deg) translateX(0) translateZ(0);
    transform: translateY(-.534em) rotate(0deg) translateX(0) translateZ(0);
  }

  25% {
    -webkit-transform: translateY(.4em) rotate(90deg) translateX(.4em) translateZ(0);
    transform: translateY(.4em) rotate(90deg) translateX(.4em) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(9.345em) rotate(180deg) translateX(0) translateZ(0);
    transform: translateY(9.345em) rotate(180deg) translateX(0) translateZ(0);
  }

  75% {
    -webkit-transform: translateY(15.35em) rotate(270deg) translateX(-.4em) translateZ(0);
    transform: translateY(15.35em) rotate(270deg) translateX(-.4em) translateZ(0);
  }

  to {
    -webkit-transform: translateY(24em) rotate(1turn) translateX(0) translateZ(0);
    transform: translateY(24em) rotate(1turn) translateX(0) translateZ(0);
  }
}

@-webkit-keyframes fallAndSpin3D1 {
  0% {
    -webkit-transform: translateY(0) rotate(0deg) translateX(0) translateZ(0);
    transform: translateY(0) rotate(0deg) translateX(0) translateZ(0);
  }

  25% {
    -webkit-transform: translateY(2em) rotate(180deg) translateX(.4em) translateZ(0);
    transform: translateY(2em) rotate(180deg) translateX(.4em) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(4.5em) rotateX(1turn) translateX(0) translateZ(0);
    transform: translateY(4.5em) rotateX(1turn) translateX(0) translateZ(0);
  }

  75% {
    -webkit-transform: translateY(15.35em) rotate(540deg) translateX(-.4em) translateZ(0);
    transform: translateY(15.35em) rotate(540deg) translateX(-.4em) translateZ(0);
  }

  to {
    -webkit-transform: translateY(24em) rotate(2turn) translateX(0) translateZ(0);
    transform: translateY(24em) rotate(2turn) translateX(0) translateZ(0);
  }
}

@keyframes fallAndSpin3D1 {
  0% {
    -webkit-transform: translateY(0) rotate(0deg) translateX(0) translateZ(0);
    transform: translateY(0) rotate(0deg) translateX(0) translateZ(0);
  }

  25% {
    -webkit-transform: translateY(2em) rotate(180deg) translateX(.4em) translateZ(0);
    transform: translateY(2em) rotate(180deg) translateX(.4em) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(4.5em) rotateX(1turn) translateX(0) translateZ(0);
    transform: translateY(4.5em) rotateX(1turn) translateX(0) translateZ(0);
  }

  75% {
    -webkit-transform: translateY(15.35em) rotate(540deg) translateX(-.4em) translateZ(0);
    transform: translateY(15.35em) rotate(540deg) translateX(-.4em) translateZ(0);
  }

  to {
    -webkit-transform: translateY(24em) rotate(2turn) translateX(0) translateZ(0);
    transform: translateY(24em) rotate(2turn) translateX(0) translateZ(0);
  }
}

@-webkit-keyframes fallAndSpin3D2 {
  0% {
    -webkit-transform: translateY(0) rotate(0deg) translateX(0) translateZ(0);
    transform: translateY(0) rotate(0deg) translateX(0) translateZ(0);
  }

  25% {
    -webkit-transform: translateY(2em) rotate(-180deg) translateX(.4em) translateZ(0);
    transform: translateY(2em) rotate(-180deg) translateX(.4em) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(4.5em) rotate(-1turn) translateX(0) translateZ(0);
    transform: translateY(4.5em) rotate(-1turn) translateX(0) translateZ(0);
  }

  75% {
    -webkit-transform: translateY(15.35em) rotate(-540deg) translateX(-.4em) translateZ(0);
    transform: translateY(15.35em) rotate(-540deg) translateX(-.4em) translateZ(0);
  }

  to {
    -webkit-transform: translateY(24em) rotate(-2turn) translateX(0) translateZ(0);
    transform: translateY(24em) rotate(-2turn) translateX(0) translateZ(0);
  }
}

@keyframes fallAndSpin3D2 {
  0% {
    -webkit-transform: translateY(0) rotate(0deg) translateX(0) translateZ(0);
    transform: translateY(0) rotate(0deg) translateX(0) translateZ(0);
  }

  25% {
    -webkit-transform: translateY(2em) rotate(-180deg) translateX(.4em) translateZ(0);
    transform: translateY(2em) rotate(-180deg) translateX(.4em) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(4.5em) rotate(-1turn) translateX(0) translateZ(0);
    transform: translateY(4.5em) rotate(-1turn) translateX(0) translateZ(0);
  }

  75% {
    -webkit-transform: translateY(15.35em) rotate(-540deg) translateX(-.4em) translateZ(0);
    transform: translateY(15.35em) rotate(-540deg) translateX(-.4em) translateZ(0);
  }

  to {
    -webkit-transform: translateY(24em) rotate(-2turn) translateX(0) translateZ(0);
    transform: translateY(24em) rotate(-2turn) translateX(0) translateZ(0);
  }
}

@-webkit-keyframes fallAndSpin3D3 {
  0% {
    -webkit-transform: translateY(0) rotate(0deg) translateX(0) translateZ(0);
    transform: translateY(0) rotate(0deg) translateX(0) translateZ(0);
  }

  25% {
    -webkit-transform: translateY(2em) rotate(-180deg) translateX(.4em) translateZ(0);
    transform: translateY(2em) rotate(-180deg) translateX(.4em) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(4.5em) rotate(-1turn) translateX(0) translateZ(0);
    transform: translateY(4.5em) rotate(-1turn) translateX(0) translateZ(0);
  }

  75% {
    -webkit-transform: translateY(15.35em) rotate(-540deg) translateX(-.4em) translateZ(0);
    transform: translateY(15.35em) rotate(-540deg) translateX(-.4em) translateZ(0);
  }

  to {
    -webkit-transform: translateY(24em) rotate(-2turn) translateX(0) translateZ(0);
    transform: translateY(24em) rotate(-2turn) translateX(0) translateZ(0);
  }
}

@keyframes fallAndSpin3D3 {
  0% {
    -webkit-transform: translateY(0) rotate(0deg) translateX(0) translateZ(0);
    transform: translateY(0) rotate(0deg) translateX(0) translateZ(0);
  }

  25% {
    -webkit-transform: translateY(2em) rotate(-180deg) translateX(.4em) translateZ(0);
    transform: translateY(2em) rotate(-180deg) translateX(.4em) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(4.5em) rotate(-1turn) translateX(0) translateZ(0);
    transform: translateY(4.5em) rotate(-1turn) translateX(0) translateZ(0);
  }

  75% {
    -webkit-transform: translateY(15.35em) rotate(-540deg) translateX(-.4em) translateZ(0);
    transform: translateY(15.35em) rotate(-540deg) translateX(-.4rem) translateZ(0);
  }

  to {
    -webkit-transform: translateY(24em) rotate(-2turn) translateX(0) translateZ(0);
    transform: translateY(24em) rotate(-2turn) translateX(0) translateZ(0);
  }
}

@-webkit-keyframes fallAndRotate {
  0% {
    -webkit-transform: translateY(-100%) translateZ(0);
    transform: translateY(-100%) translateZ(0);
  }

  to {
    -webkit-transform: translateY(100%) translateZ(0);
    transform: translateY(100%) translateZ(0);
  }
}

@keyframes fallAndRotate {
  0% {
    -webkit-transform: translateY(-100%) translateZ(0);
    transform: translateY(-100%) translateZ(0);
  }

  to {
    -webkit-transform: translateY(100%) translateZ(0);
    transform: translateY(100%) translateZ(0);
  }
}