.view-404 {
  width: 100%;
  margin: 0 auto;
  min-height: calc(100vh - 200px);
  position: relative;
  overflow: hidden;
  background: $theme-color;
  border-radius: 6px;
  > img {
    position: absolute;
  }
  &-info {
    color: #fff;
    font-size: 100px;
    font-weight: bold;
    z-index: 10;
    @include center;
  }
  .yun0 {
    right: -140px;
    top: 30px;
    animation: cloudLarge 105s infinite;
  }
  .yun1 {
    left: 5%;
    top: 48%;
    animation: cloudSmall 105s infinite;
  }
  .yun2 {
    left: 16%;
    top: 35%;
    animation: cloudMedium 105s infinite;
  }
  .san {
    left: 10%;
    top: 20%;
    animation: dn400 3s 0s ease both;
  }
  .bird {
    left: 27%;
    top: 15%;
    animation: flying 3s infinite;
  }
  .disk {
    left: 234px;
    top: 98px;
    z-index: 9;
    animation: flying 2s infinite;
  }
  .light {
    left: 330px;
    top: 188px;
    z-index: 8;
    animation: light 1s infinite;
  }
  .man {
    left: 400px;
    top: 310px;
    z-index: 7;
    animation: hide 2s 0.5s infinite;
  }
  .picv {
    left: 15%;
    top: 390px;
  }
  @keyframes cloudLarge {
    0% {
      right: -140px;
    }
    100% {
      right: 118%;
    }
  }

  @keyframes cloudSmall {
    0% {
      left: 5%;
    }
    100% {
      left: 105%;
    }
  }

  @keyframes cloudMedium {
    0% {
      left: 16%;
    }
    100% {
      left: -18%;
    }
  }

  @keyframes light {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 100;
    }
  }

  @keyframes hide {
    0% {
      opacity: 100;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes flying {
    0% {
      margin-top: 0px;
    }
    50% {
      margin-top: 6px;
    }
    100% {
      margin-top: 0px;
    }
  }

  @keyframes flying {
    0% {
      margin-top: 0px;
    }
    50% {
      margin-top: 6px;
    }
    100% {
      margin-top: 0px;
    }
  }

  @keyframes down900 {
    0% {
      opacity: 0;
      transform: translate(0, 0);
    }
    100% {
      opacity: 1;
      transform: translate(900, 900);
    }
  }

  @keyframes dn400 {
    0% {
      opacity: 0;
      transform: translateY(-400px);
    }
    100% {
      opacity: 1;
      transform: translateY(-10%);
    }
  }
}
