.banner-top { position: relative; margin-bottom: -2PX; .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 1; .pagination-inner { display: inline-block; padding: 0 8px 4px; background: rgba(0, 0, 0, 0.2); border-radius: 50px; line-height: 1.2; span { display: inline-block; width: 14px; height: 14px; background: #fff; opacity: 0.5; margin: 0 9px; border-radius: 50%; &.swiper-pagination-bullet-active { background: #fff; opacity: 1; } } } } } .banner-swiper { position: static; max-height: 312px; ul { position: relative; max-height: 312px; li { float: left; width: 100%; height: 100%; img { width: 100%; height: 100%; } } } }