.fly1,
.fly2 {
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
}
.pendant {
  position: fixed;
  right: 2%;
  top: 24%;
  width: 34%;
  z-index: 1000;
}
.fly1_other,
.fly2_other,
.fly3_other,
.fly4_other {
  position: absolute;
}
.title h2 {
  font-size: 0.1rem;
}
.title h3 {
  font-size: 0.4rem;
  line-height: normal;
  letter-spacing: normal;
}
.section .title {
  padding: 0;
}
@-webkit-keyframes move_1 {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 5%;
    opacity: 1;
  }
}
@keyframes move_1 {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 5%;
    opacity: 1;
  }
}
@-webkit-keyframes move_2 {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 11%;
    opacity: 1;
  }
}
@keyframes move_2 {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 11%;
    opacity: 1;
  }
}
@-webkit-keyframes move_3 {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 20%;
    opacity: 1;
  }
}
@keyframes move_3 {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 20%;
    opacity: 1;
  }
}
@-webkit-keyframes move_4 {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 35%;
    opacity: 1;
  }
}
@keyframes move_4 {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 35%;
    opacity: 1;
  }
}
@-webkit-keyframes declare {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes declare {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fly1 {
  -webkit-animation-name: move_1;
  animation-name: move_1;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  animation-fill-mode: both;
}
.fly2 {
  -webkit-animation-name: move_2;
  animation-name: move_2;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
}
.fly3,
.fly4 {
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
}
.fly3 {
  -webkit-animation-name: move_3;
  animation-name: move_3;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  animation-fill-mode: both;
}
.fly4 {
  -webkit-animation-name: move_4;
  animation-name: move_4;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  animation-fill-mode: both;
}
.control_rub_animate1,
.declare img {
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
}
.fly1_other {
  bottom: 5%;
  left: -0.3rem;
  z-index: 1;
  opacity: 0;
}
.fly2_other {
  bottom: 11%;
  left: -0.3rem;
  z-index: 2;
  opacity: 0;
}
.fly3_other {
  left: -0.3rem;
  bottom: 20%;
  z-index: 3;
  opacity: 0;
}
.fly4_other {
  left: 10%;
  bottom: 35%;
  z-index: 4;
  opacity: 0;
}
.declare_other img,
.inner_circle img,
.out_circle img,
.rocket {
  left: 50%;
  position: absolute;
}
.fly4_other img {
  width: 4.52rem;
}
.section1 {
  background: -webkit-linear-gradient(#27b763, #52d07b);
  background: -o-linear-gradient(#27b763, #52d07b);
  background: -moz-linear-gradient(#27b763, #52d07b);
  background: linear-gradient(#27b763, #52d07b);
}
.section2 {
  background: -webkit-linear-gradient(#ec635a, #f28b6d);
  background: -o-linear-gradient(#ec635a, #f28b6d);
  background: -moz-linear-gradient(#ec635a, #f28b6d);
  background: linear-gradient(#ec635a, #f28b6d);
}
.section3 {
  position: relative;
  background: -webkit-linear-gradient(#27b763, #52d07b);
  background: -o-linear-gradient(#27b763, #52d07b);
  background: -moz-linear-gradient(#27b763, #52d07b);
  background: linear-gradient(#27b763, #52d07b);
}
.section4 {
  display: none;
  position: relative;
  background: -webkit-linear-gradient(#0694fb, #25b1ff);
  background: -o-linear-gradient(#0694fb, #25b1ff);
  background: -moz-linear-gradient(#0694fb, #25b1ff);
  background: linear-gradient(#0694fb, #25b1ff);
}
.declare_other img {
  width: 3.85rem;
  margin-left: -1.925rem;
  opacity: 0;
}
.fly1_other,
.fly2_other,
.fly3_other img {
  width: 8.24rem;
}
.declare img {
  position: absolute;
  top: 8%;
  -webkit-animation-name: declare;
  animation-name: declare;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  animation-fill-mode: both;
  z-index: 4;
}
.rocket {
  width: 5.59rem;
  bottom: 19%;
  margin-left: -2.8rem;
}
.out_circle img {
  width: 5.03rem;
  bottom: 1.8rem;
  margin-left: -2.5rem;
}
.inner_circle img {
  width: 4.96rem;
  max-width: 200% !important;
  bottom: 2rem;
  margin-left: -2.48rem;
}
.animate_rocket img {
  width: 1.75rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.86rem;
}
.icon-rub_animate1,
.icon-rub_animate2 {
  width: 0.88rem;
  position: absolute;
  background-image: url(../images/t01640cac004ec5bfbe.png);
  background-size: 3.02rem 3.87rem;
}
.icon-rub_animate1 {
  background-position: -1.48rem -1.6rem;
  height: 1.58rem;
  bottom: 90%;
  left: 0;
}
.icon-rub_animate2 {
  background-position: -1.48rem 0;
  height: 1.6rem;
  bottom: 92%;
  right: 0.5rem;
}
.icon-rub_animate3 {
  background-image: url(../images/t01640cac004ec5bfbe.png);
  background-size: 3.02rem 3.87rem;
  background-position: -2.36rem 0;
  width: 0.66rem;
  height: 1.19rem;
  position: absolute;
  right: 1rem;
  bottom: 205%;
}
.rub_left_top {
  background-image: url(../images/t01640cac004ec5bfbe.png);
  background-size: 3.02rem 3.87rem;
  background-position: 0 -1.87rem;
  width: 1.2rem;
  height: 2rem;
}
.rub_right_bottom {
  background-image: url(../images/t01640cac004ec5bfbe.png);
  background-size: 3.02rem 3.87rem;
  background-position: 0 0;
  width: 1.48rem;
  height: 1.87rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
.virus_let_top,
.virus_right_bottom {
  background-image: url(../images/t0122813ed5dca9c6e0.png);
  background-size: 4.12rem 2.69rem;
  position: absolute;
}
@-webkit-keyframes control_rub_animate1 {
  0% {
    bottom: 90%;
    opacity: 1;
  }
  100% {
    bottom: 130%;
    opacity: 0;
  }
}
@keyframes control_rub_animate1 {
  0% {
    bottom: 90%;
    opacity: 1;
  }
  100% {
    bottom: 130%;
    opacity: 0;
  }
}
@-webkit-keyframes control_rub_animate2 {
  0% {
    bottom: 92%;
    opacity: 1;
  }
  100% {
    bottom: 130%;
    opacity: 0;
  }
}
@keyframes control_rub_animate2 {
  0% {
    bottom: 92%;
    opacity: 1;
  }
  100% {
    bottom: 130%;
    opacity: 0;
  }
}
@-webkit-keyframes control_rub_animate3 {
  0% {
    bottom: 205%;
    opacity: 1;
  }
  100% {
    bottom: 240%;
    opacity: 0;
  }
}
@keyframes control_rub_animate3 {
  0% {
    bottom: 205%;
    opacity: 1;
  }
  100% {
    bottom: 240%;
    opacity: 0;
  }
}
@-webkit-keyframes control_animate_rocket {
  0% {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  100% {
    transform: translateY(-1.2rem);
    -ms-transform: translateY(-1.2rem);
    -webkit-transform: translateY(-1.2rem);
  }
}
@keyframes control_animate_rocket {
  0% {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  100% {
    transform: translateY(-1.2rem);
    -ms-transform: translateY(-1.2rem);
    -webkit-transform: translateY(-1.2rem);
  }
}
@-webkit-keyframes control_out_circle {
  0% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
}
@keyframes control_out_circle {
  0% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@-webkit-keyframes control_inner_circle {
  0% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@keyframes control_inner_circle {
  0% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
.control_rub_animate1 {
  -webkit-animation-name: control_rub_animate1;
  animation-name: control_rub_animate1;
  animation-duration: 1.5s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.control_rub_animate2,
.control_rub_animate3 {
  -webkit-animation-duration: 1.5s;
  -webkit-animation-delay: 2s;
  -webkit-animation-fill-mode: both;
}
.control_rub_animate2 {
  -webkit-animation-name: control_rub_animate2;
  animation-name: control_rub_animate2;
  animation-duration: 1.5s;
  animation-delay: 2s;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.control_rub_animate3 {
  -webkit-animation-name: control_rub_animate3;
  animation-name: control_rub_animate3;
  animation-duration: 1.5s;
  animation-delay: 2s;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.control_animate_rocket,
.control_out_circle {
  -webkit-animation-duration: 1.5s;
  -webkit-animation-delay: 2s;
}
.control_animate_rocket {
  -webkit-animation-name: control_animate_rocket;
  animation-name: control_animate_rocket;
  animation-duration: 1.5s;
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.control_inner_circle,
.control_out_circle {
  -webkit-animation-iteration-count: infinite;
}
.control_out_circle {
  -webkit-animation-name: control_out_circle;
  animation-name: control_out_circle;
  animation-duration: 1.5s;
  animation-delay: 2s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.control_inner_circle {
  -webkit-animation-name: control_inner_circle;
  animation-name: control_inner_circle;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.control_virus_circle,
.control_virus_shield {
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
.virus {
  position: absolute;
  bottom: 12%;
}
.virus_shield img {
  width: 2.27rem;
  position: absolute;
  left: 50%;
  margin-left: -1.13rem;
  bottom: 50%;
}
.virus_circle img {
  width: 1.23rem;
  position: absolute;
  left: 50%;
  margin-left: -0.615rem;
  bottom: 3rem;
}
.virus_seat img {
  width: 7.2rem;
}
.virus_let_top {
  background-position: -2.3rem 0;
  width: 1.82rem;
  height: 2.6rem;
  left: 0;
  top: 0;
}
.virus_right_bottom {
  background-position: 0 0;
  width: 2.3rem;
  height: 2.69rem;
  right: 0;
  bottom: 0;
}
@-webkit-keyframes control_virus_shield {
  0%,
  100% {
    bottom: 50%;
  }
  50% {
    bottom: 55%;
  }
}
@keyframes control_virus_shield {
  0%,
  100% {
    bottom: 50%;
  }
  50% {
    bottom: 55%;
  }
}
@-webkit-keyframes control_virus_circle {
  0%,
  100% {
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
  50% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes control_virus_circle {
  0%,
  100% {
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
  50% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.control_virus_shield {
  -webkit-animation-name: control_virus_shield;
  animation-name: control_virus_shield;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.control_virus_circle,
.virus_rotate_right img {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}
.control_virus_circle {
  -webkit-animation-name: control_virus_circle;
  animation-name: control_virus_circle;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.virus_rotate_left img,
.virus_rotate_right img {
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
@-webkit-keyframes virus_rotate_right {
  0% {
    opacity: 0;
    top: 0;
    left: 0;
  }
  50% {
    opacity: 1;
    top: 1.3rem;
  }
  100% {
    opacity: 0;
    left: 1.3rem;
    top: 1.3rem;
  }
}
@keyframes virus_rotate_right {
  0% {
    opacity: 0;
    top: 0;
    left: 0;
  }
  50% {
    opacity: 1;
    top: 1.3rem;
  }
  100% {
    opacity: 0;
    left: 1.3rem;
    top: 1.3rem;
  }
}
@-webkit-keyframes virus_rotate_left {
  0% {
    opacity: 0;
    left: 0;
  }
  50% {
    opacity: 1;
    left: 1rem;
  }
  100% {
    opacity: 0;
    bottom: 1rem;
  }
}
@keyframes virus_rotate_left {
  0% {
    opacity: 0;
    left: 0;
  }
  50% {
    opacity: 1;
    left: 1rem;
  }
  100% {
    opacity: 0;
    bottom: 1rem;
  }
}
.virus_rotate_right img {
  width: 0.66rem;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation-name: virus_rotate_right;
  animation-name: virus_rotate_right;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.virus_rotate_left,
.virus_rotate_right {
  height: 2rem;
  width: 2rem;
  position: absolute;
}
.control_troble_iphone,
.virus_rotate_left img {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}
.virus_rotate_right {
  top: 0;
  right: 0;
  transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
}
.virus_rotate_left {
  top: 21%;
  transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
}
.download img,
.preview-download img {
  max-width: 200%;
  height: 1.58rem;
}
.virus_rotate_left img {
  width: 0.82rem;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-animation-name: virus_rotate_left;
  animation-name: virus_rotate_left;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.control_bubble1,
.control_troble_iphone {
  -webkit-animation-iteration-count: infinite;
}
#fp-nav ul li a.active[href="#p3"] span {
  background-color: #090;
}
.trouble_right_bootom img {
  width: 1.09rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.trouble_left_top img {
  width: 1.34rem;
  position: absolute;
  left: 0;
  top: 0;
}
.troble,
.troble_seat img {
  width: 5.59rem;
}
.troble,
.troble_iphone img {
  position: absolute;
  left: 50%;
}
.troble {
  bottom: 20%;
  margin-left: -2.8rem;
}
.troble_iphone img {
  width: 1.82rem;
  bottom: 40%;
  margin-left: -0.85rem;
}
.car img,
.pumpkin img {
  left: 42%;
  position: absolute;
}
.pumpkin img {
  width: 1.01rem;
  top: 28%;
  z-index: 2;
}
.car img {
  width: 0.92rem;
  z-index: 1;
}
.house img {
  position: absolute;
  width: 0.7rem;
  bottom: 33%;
  left: 44%;
  z-index: 6;
}
.bubble2 img,
.bubble3 img {
  z-index: 4;
  width: 0.22rem;
  position: absolute;
}
.bubble1 img {
  width: 0.22rem;
  position: absolute;
  bottom: 24%;
  left: 70%;
}
.bubble2 img {
  bottom: 22%;
  left: 56%;
}
.bubble3 img {
  bottom: 20%;
  left: 47%;
}
.bubble4 img {
  width: 0.22rem;
  position: absolute;
  bottom: 24%;
  left: 40%;
}
.bubble5 img {
  width: 0.22rem;
  position: absolute;
  bottom: 25%;
  left: 30%;
}
@-webkit-keyframes control_troble_iphone {
  0%,
  100% {
    bottom: 40%;
  }
  50% {
    bottom: 47%;
  }
}
@keyframes control_troble_iphone {
  0%,
  100% {
    bottom: 40%;
  }
  50% {
    bottom: 47%;
  }
}
.control_troble_iphone {
  -webkit-animation-name: control_troble_iphone;
  animation-name: control_troble_iphone;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.control_bubble1,
.control_bubble2 {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes control_bubble1 {
  0% {
    bottom: 24%;
    opacity: 1;
  }
  100% {
    bottom: 91%;
    opacity: 0;
  }
}
@keyframes control_bubble1 {
  0% {
    bottom: 24%;
    opacity: 1;
  }
  100% {
    bottom: 91%;
    opacity: 0;
  }
}
.control_bubble1 {
  -webkit-animation-name: control_bubble1;
  animation-name: control_bubble1;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.control_bubble2,
.control_bubble3 {
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes control_bubble2 {
  0% {
    bottom: 22%;
    opacity: 1;
  }
  100% {
    bottom: 60%;
    opacity: 0;
  }
}
@keyframes control_bubble2 {
  0% {
    bottom: 22%;
    opacity: 1;
  }
  100% {
    bottom: 60%;
    opacity: 0;
  }
}
.control_bubble2 {
  -webkit-animation-name: control_bubble2;
  animation-name: control_bubble2;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.control_bubble3,
.control_bubble4 {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes control_bubble3 {
  0% {
    bottom: 20%;
    opacity: 1;
  }
  100% {
    bottom: 90%;
    opacity: 0;
  }
}
@keyframes control_bubble3 {
  0% {
    bottom: 20%;
    opacity: 1;
  }
  100% {
    bottom: 90%;
    opacity: 0;
  }
}
.control_bubble3 {
  -webkit-animation-name: control_bubble4;
  animation-name: control_bubble4;
  animation-duration: 1s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.control_bubble4,
.control_bubble5 {
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes control_bubble4 {
  0% {
    bottom: 22%;
    opacity: 1;
  }
  100% {
    bottom: 70%;
    opacity: 0;
  }
}
@keyframes control_bubble4 {
  0% {
    bottom: 22%;
    opacity: 1;
  }
  100% {
    bottom: 70%;
    opacity: 0;
  }
}
.control_bubble4 {
  -webkit-animation-name: control_bubble4;
  animation-name: control_bubble4;
  animation-duration: 1s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
@-webkit-keyframes control_bubble5 {
  0% {
    bottom: 22%;
    opacity: 1;
  }
  100% {
    bottom: 93%;
    opacity: 0;
  }
}
@keyframes control_bubble5 {
  0% {
    bottom: 22%;
    opacity: 1;
  }
  100% {
    bottom: 93%;
    opacity: 0;
  }
}
.control_bubble5 {
  -webkit-animation-name: control_bubble5;
  animation-name: control_bubble5;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.control_troble_car,
.control_troble_pumpkin {
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes control_troble_car {
  0% {
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    opacity: 0;
    left: 42%;
  }
  25% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
    left: 85%;
  }
  50% {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 1;
    left: 42%;
  }
  75% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
    left: 0;
  }
  100% {
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    opacity: 0;
    transform: translate3d(0, 0, 0);
    left: 42%;
  }
}
@keyframes control_troble_car {
  0%,
  100% {
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    opacity: 0;
    left: 42%;
  }
  25% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
    left: 85%;
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 1;
    left: 42%;
  }
  75% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
    left: 0;
  }
}
.control_troble_car {
  -webkit-animation-name: control_troble_car;
  animation-name: control_troble_car;
  animation-duration: 2s;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.control_troble_house,
.control_troble_pumpkin {
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
}
@-webkit-keyframes control_troble_pumpkin {
  0%,
  100% {
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    opacity: 0;
    left: 42%;
  }
  25% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
    left: 85%;
  }
  50% {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 1;
    left: 42%;
  }
  75% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
    left: 0;
  }
}
@keyframes control_troble_pumpkin {
  0%,
  100% {
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    opacity: 0;
    left: 42%;
  }
  25% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
    left: 85%;
  }
  50% {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 1;
    left: 42%;
  }
  75% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
    left: 0;
  }
}
.control_troble_pumpkin {
  -webkit-animation-name: control_troble_pumpkin;
  animation-name: control_troble_pumpkin;
  animation-duration: 2s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.control_troble_house,
.virus_speed_one {
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes control_troble_house {
  0%,
  100% {
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    opacity: 0;
    left: 42%;
  }
  25% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
    left: 85%;
  }
  50% {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 1;
    left: 42%;
  }
  75% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
    left: 0;
  }
}
@keyframes control_troble_house {
  0%,
  100% {
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    opacity: 0;
    left: 42%;
  }
  25% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
    left: 85%;
  }
  50% {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 1;
    left: 42%;
  }
  75% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
    left: 0;
  }
}
.control_troble_house {
  -webkit-animation-name: control_troble_house;
  animation-name: control_troble_house;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.virus_speed_one,
.virus_speed_two {
  position: absolute;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
}
.preview-download {
  opacity: 0;
  bottom: 9%;
  left: 6%;
}
.download {
  opacity: 0;
  bottom: 9%;
  margin-left: -9%;
}
.download img {
  width: 4.2rem;
}
.top {
  opacity: 1;
  z-index: 5;
  bottom: 4%;
}
#fp-nav ul li a span {
  background: #fff;
  opacity: 0.7;
}
#fp-nav ul li a.active span,
#fp-nav ul li a.active[href="#p3"] span,
#fp-nav ul li a.active[href="#p2"] span,
#fp-nav ul li a.active[href="#p4"] span {
  background: #3dc46f;
  opacity: 1;
}
.common_size {
  width: 0.05rem;
}
@-webkit-keyframes virus_speed_one {
  0% {
    bottom: 41%;
    opacity: 1;
  }
  100% {
    bottom: 80%;
    opacity: 0;
  }
}
@-webkit-keyframes virus_speed_two {
  0% {
    bottom: 34%;
    opacity: 1;
  }
  100% {
    bottom: 85%;
    opacity: 0;
  }
}
@-webkit-keyframes virus_speed_three {
  0% {
    bottom: 47%;
    opacity: 1;
  }
  100% {
    bottom: 70%;
    opacity: 0;
  }
}
.virus_speed_one {
  bottom: 41%;
  left: 28%;
  z-index: 5;
  -webkit-animation-name: virus_speed_one;
  animation-name: virus_speed_one;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.virus_speed_three,
.virus_speed_two {
  z-index: 5;
  -webkit-animation-iteration-count: infinite;
}
.virus_speed_two {
  bottom: 34%;
  left: 43%;
  -webkit-animation-name: virus_speed_two;
  animation-name: virus_speed_two;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.newWen img,
.virus_speed_three {
  position: absolute;
  -webkit-animation-fill-mode: both;
}
.virus_speed_three {
  bottom: 47%;
  left: 70%;
  -webkit-animation-name: virus_speed_three;
  animation-name: virus_speed_three;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes newWen_animation {
  0%,
  100%,
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
}
.newWen img {
  width: 5.59rem;
  left: 0;
  bottom: 0;
  -webkit-animation-name: newWen_animation;
  animation-name: newWen_animation;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}