.banner-center { position: relative; margin: 30px 0 0; height: 200px; overflow: hidden; img { display: block; width: 100%; height: 100%; } .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 1; .pagination-inner { display: inline-block; 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-center-swiper { background: #fff; width: 100%; height: 200px; border-top: 1px solid #e0e0e0; overflow: hidden; .banner-list { position: relative; height: 200px; li { float: left; width: 100%; height: 200px; a { position: relative; display: block; width: 100%; height: 100%; line-height: 200px; font-size: 0; } img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; } } } }