.slide {
  height: 272px;
  overflow: hidden;
  position: relative;
}
.slide img {
  width: 100%;
}
.slide .banner_slider {
  position: absolute;
  animation: round 60s infinite ease-in;
  opacity: 0;
  width: 100%;
  background-color: #fff;
  height: 250px;
}
@keyframes round {
  0% {
    z-index: 10;
    opacity: 1;
  }
  100% {
    z-index: -10;
    opacity: 0;
  }
}
.slide a {
  background-color: #fff;
}
.slide a:nth-child(1) {
  animation-delay: 0s;
}
.slide a:nth-child(2) {
  animation-delay: 15s;
}
.slide a:nth-child(3) {
  animation-delay: 30s;
}
.slide a:nth-child(4) {
  animation-delay: 45s;
}
@media (min-width: 0px) and (max-width: 320px) {
  .slide .slide {
    width: 80%;
    height: 190px;
  }
}
@media (min-width: 321px) and (max-width: 480px) {
  .slide .slide {
    width: 80%;
    height: 190px;
  }
}

/*# sourceMappingURL=slider.css.map */
