#loading-bg {
  position: fixed !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: pxtorem(40);
  z-index: 9999; }

.ball {
  height: 30px;
  width: 30px;
  position: absolute;
  left: 50%;
  top: 50%; }
  .ball:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    margin-left: -50%;
    margin-top: -50%;
    left: -100%;
    animation: position 2s infinite cubic-bezier(0.25, 0, 0.75, 1); }
  .ball.ball-1:before {
    animation-delay: 0s, -1s;
    background: #0ca766; }
  .ball.ball-2:before {
    animation-delay: -1s, -2s;
    background: #0d3f5e; }

@keyframes position {
  50% {
    left: 100%; } }