.swiper-nav {
	height: 40px;
	width: 100%;
	background-color: #eee;
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(top, #333, #111);
	background-image:    -moz-linear-gradient(top, #333, #111);
	background-image:      -o-linear-gradient(top, #333, #111);
	background-image:         linear-gradient(to bottom, #333, #111);*/
}
.swiper-nav .swiper-wrapper {
	margin: 0 auto;
}
.swiper-nav span {
	cursor: pointer;
	display: block;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	text-align: center;
	/*border-right: 1px solid #000;
	border-left: 1px solid #333;*/
}
.swiper-nav span:active {
	background: #fff;
}
.swiper-nav .swiper-slide:first-child span {
	border-left: none;
}
.swiper-nav .swiper-slide:last-child span {
	border-right: none;
}
.swiper-pages {
	height: 100%;
}
.scroll-container {
	height: 100%;
	width: 100%;
}
.scroll-container .swiper-slide {
	width: 100%;
}
.page-inner {
	padding: 15px 20px;
}

span.active {
    background-color:#fff;
}