@-webkit-keyframes style_fd {
  0% {
    -webkit-transform: scale(0.73);
            transform: scale(0.73);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes style_fd {
  0% {
    -webkit-transform: scale(0.73);
            transform: scale(0.73);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes style_pop {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.97);
            transform: scale(0.97);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes style_pop {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.97);
            transform: scale(0.97);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes style_vip {
  0% {
    top: 4%;
  }
  50% {
    top: 6%;
  }
  100% {
    top: 4%;
  }
}
@keyframes style_vip {
  0% {
    top: 4%;
  }
  50% {
    top: 6%;
  }
  100% {
    top: 4%;
  }
}
.page-footer-animation {
  width: 100%;
  height: 363px;
  background: url('../images/animation-1-bg.png') no-repeat center top;
  background-size: auto 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.page-footer-animation .red-bag {
  width: 459px;
  height: 409px;
  background: url('../images/animation-1-main.png') center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 35%;
  margin: auto;
  -webkit-animation: style_fd .5s 3s, style_pop .8s linear .1s infinite;
          animation: style_fd .5s 3s, style_pop .8s linear .1s infinite;
  -webkit-animation-fill-mode: both, none, none;
          animation-fill-mode: both, none, none;
}
.page-footer-animation .close-image-animation {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10%;
  right: 5%;
  cursor: pointer;
  background: url('../images/animation-1-close.png') no-repeat center top;
  background-size: cover;
}
.page-right-animation {
  position: fixed;
  width: 108px;
  height: 90px;
  background: url('../images/animation-2-main.png') no-repeat center top;
  right: 4%;
  top: 88px;
  z-index: 1002;
  -webkit-animation: style_fd .5s 3s, style_pop .8s linear .1s infinite;
          animation: style_fd .5s 3s, style_pop .8s linear .1s infinite;
  -webkit-animation-fill-mode: both, none, none;
          animation-fill-mode: both, none, none;
  background-size: cover;
}
.page-right-animation .close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
}
.page-right-animation .close-image-animation {
  margin: 6px;
  display: block;
  width: 8px;
  height: 8px;
  background: url('../images/animation-2-close.png') no-repeat center top;
  background-size: cover;
}