html链接向前返回,Swiper使用方法（向前和向后按钮在swiper-container外面）

.nav-swipper{background: #F2F2F2;height: 78px;box-sizing: border-box;}

/*.nav-swipper .swiper-wrapper{margin: 0px 24px;}*/

.nav-swipper .swiper-slide {margin: 0px;text-align: center; font-size: 13px;color: #999; background: #F2F2F2; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

section.swipper {border-top: 1px solid #979797;padding: 0px 24px;position: relative;}

section.swipper .swiper-button-prev{top:50%;background-image:url(../images/swiper-pre.png);background-size: 12px auto;left: 10px;right: auto;width: 12px;height: 19px;}

section.swipper .swiper-button-next{top:50%;background-image:url(../images/swiper-next.png);background-size: 12px auto;left: auto;right: 10px;width: 12px;height: 19px;}

.nav-swipper span { display: inline-block; vertical-align: top;height: 64px; }

.nav-swipper b { height: 42px; display: table-cell; vertical-align: middle; width: 42px; text-align: center; background: #F7F7F7; border-radius: 50%; border: #fff 1px solid; color: #ccc; box-shadow: 0px 1px 3px #999; }

.nav-swipper span.now b{border-color: #FF6602;}