.content {
    height: 1500px;
}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:#ddd;border-radius: 0}
::-webkit-scrollbar-thumb{background:#397ABF;border-radius: 0}

@keyframes scroll {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(.2rem);
		-moz-transform: translateY(.2rem);
		-o-transform: translateY(.2rem);
		transform: translateY(.2rem)
	}

	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes grow {
    0% {
      transform: scale(1);
    }
    40% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1.1);
    }
  }
  .suoxiao {
    transition: all 1s ease;
    animation: grow 20s infinite;

}

@media screen and (min-width: 1024px) {
    .banner-sx {
        cursor: pointer;
        z-index: 9;
        position: absolute;
        bottom: 0.5rem;
        left: 50%;
        animation: scroll 2.5s ease-in-out infinite;
    }
    
    .bannerBox>.banner-sx>img {
        width: 0.2rem;
        height: 100%;
    }

}

@media screen and (max-width: 1024px) {
    .banner-sx {
        cursor: pointer;
        z-index: 9;
        position: absolute;
        bottom: 0.5rem;
        left: 50%;
        animation: scroll 2.5s ease-in-out infinite;
    }
    
    .bannerBox>.banner-sx>img {
        width: 0.2rem;
        height: 100%;
    }
}