@charset "UTF-8";

.case-tab {
	margin-bottom: 20px;
}

.case-tab.sticky {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
    box-shadow: rgba(0, 0, 0, .3) 0 .01rem .01rem 0;
    background-color: #fff;
    margin-bottom: auto;
    z-index: 1000;
}

.case-tab.sticky .tab {
	padding: 0 30px;
}

.case-tab .tab .swiper-wrapper {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.case-tab .tab .swiper-wrapper .swiper-slide {
	padding: 15px 0;
	width: auto;
	margin-left: 30px;
	cursor: pointer;
}

.case-tab .tab .swiper-wrapper .swiper-slide:first-child {
	margin-left: 0;
}

.case-tab .tab .swiper-wrapper .swiper-slide a {
    display: block;
	text-decoration: none;
	color: #ccc;
	font-size: .16rem;
	font-weight: 600;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.case-tab .tab .swiper-wrapper .swiper-slide.current a {
	color: #333;
}