*{margin:0;padding:0;}
body,html{
    height:100%;
    width:100%;
    overflow: hidden;
}
/* body{
    background: #001042;
} */
.shootstar_body{
	width: 100%;
	height: 100%;
	background: transparent;
	overflow: hidden;
	z-index: 0;
	margin: 0 auto;
}
.shootstar_body_con{
	width: 100%;
	height: 100%;
	position: relative;
    transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
}
.shooting_star {
	  opacity: 0;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  height: 8.75rem;
	  width: .55rem;
	  background: url(./img/meteor.png) no-repeat;
	  background-size: 100% 100%;
	  -webkit-animation: tail 1s ease-in-out infinite, shooting 2s ease-in-out infinite;
	  animation: tail 1s ease-in-out infinite,shooting 1s ease-in-out infinite;
	}
.shooting_star:nth-child(1) {
  top:0%;
  left:0%;
  height: 3.75rem;
  width: .25rem;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
.shooting_star:nth-child(2) {
	top: 5%;
	left: 0%;
	height: 4.35rem;
	width: .35rem;
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}
.shooting_star:nth-child(3) {
  top: 5%;
  left: 60%;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-animation-delay: 870ms;
  animation-delay: 870ms;
}
.shooting_star:nth-child(4) {
  top: 35%;
  left: 65%;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

.shooting_star:nth-child(5) {
  top: 55%;
  left: 45%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-animation-delay: 658ms;
  animation-delay: 658ms;
}
.shooting_star:nth-child(6) {
  top: 65%;
  left: 75%;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}
.shooting_star:nth-child(7) {
  top: 45%;
  left: 5%;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.shooting_star:nth-child(8) {
    top: 75%;
    left: 10%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-delay: 258ms;
    animation-delay: 258ms;
  }
  .shooting_star:nth-child(9) {
    top: 55%;
    left: 15%;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
  }
  .shooting_star:nth-child(10) {
    top: 90%;
    left: 20%;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
  }

  .shooting_star:nth-child(11) {
    top:85%;
    left:25%;
    height: 2.75rem;
    width: .25rem;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
  }
  .shooting_star:nth-child(12) {
      top: 65%;
      left: 30%;
      height: 3.35rem;
      width: .35rem;
      -webkit-animation-delay: 0ms;
      animation-delay: 0ms;
  }
  .shooting_star:nth-child(13) {
    top: 35%;
    left: 35%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-animation-delay: 470ms;
    animation-delay: 470ms;
  }
  .shooting_star:nth-child(14) {
    top: 90%;
    left: 40%;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation-delay: 200ms;
    animation-delay:200ms;
  }
  
  .shooting_star:nth-child(15) {
    top:5%;
    left: 45%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-delay: 558ms;
    animation-delay: 558ms;
  }
  .shooting_star:nth-child(16) {
    top: 60%;
    left: 50%;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-delay: 700ms;
    animation-delay: 700ms;
  }
  .shooting_star:nth-child(17) {
    top: 75%;
    left: 55%;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-delay: 900ms;
    animation-delay: 900ms;
  }
  .shooting_star:nth-child(18) {
      top: 90%;
      left: 60%;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-animation-delay: 358ms;
      animation-delay: 358ms;
    }
    .shooting_star:nth-child(19) {
      top: 100%;
      left:65%;
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
      -webkit-animation-delay: 500ms;
      animation-delay: 500ms;
    }
    .shooting_star:nth-child(20) {
      top: 120%;
      left: 60%;
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
      -webkit-animation-delay: 700ms;
      animation-delay: 700ms;
    }
/* 动画 */
@-webkit-keyframes tail {
  0% {opacity: 0;}
  30% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes tail {
  0% {opacity: 0;}
  30% {opacity: 1;}
  100% {opacity: 0;}
}
@-webkit-keyframes shooting {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
  }
}
@keyframes shooting {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
  }
}
