section {
	/*width: 1200px;*/
	margin: auto;
	padding: 30px 0;
	padding-top: 20px;
}

.section {
	width: 832px;
	margin: auto;
	position: relative;
}
.nodata{
	height: 200px;
}
.imglist{
	float: left;
	width: 33.33%;
	padding-right: 20px;
	box-sizing: border-box;
}
.shop-list2{
	width: 100%;
	padding-left: 20px;
	box-sizing: border-box;
}
.imglist li{
	width: 100%;
	position: relative;
	max-height: 500px;
	overflow: hidden;
	border-radius:20px ;
	margin-bottom: 20px;
}
.imglist li img{
	width: 100%;
	display: block;
	
	
	cursor: pointer;
}
.footerbox{
	position: absolute;
	bottom: 91px;
	width: 100%;
	left: 0;
	text-align: right;
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
	line-height: 30px;
}
.imglist .footerbox img{
	border-radius:0;
	height: 24px;
	width: auto;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 6px;
}
.imglist .footerbox span{
	position: relative;
	top:-6px;
	font-size: 14px;
}
.bottombox{
    padding: 20px;
    background:rgba(255,255,255,1);
    border-radius:0px 0px 20px 20px;
}
.bottombox>span{
    font-size: 14px;
    color: #D0021B;
}
.bottombox>p{
    font-size: 15px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.nav-step{
	position: relative;
	top: 10px;
	padding: 0 8px;
	font-size: 12px;
	color: #fff;
	height: 16px;
	line-height: 16px;
	border-radius:16px ;
	background: -webkit-linear-gradient(left, rgba(255, 77, 119, 0.5), rgba(74, 60, 233, 0.5));
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, rgba(255, 77, 119, 0.5), rgba(74, 60, 233, 0.5));
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, rgba(255, 77, 119, 0.5), rgba(74, 60, 233, 0.5));
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to right, rgba(255, 77, 119, 0.5), rgba(74, 60, 233, 0.5));
	/* 标准的语法（必须放在最后） */
}
.nav-step a{
	display: inline-block;
	width: 26px;
	height: 12px;
    color: #fff;
    float: left;
    position: relative;
    top: 2px;
    margin-right: 3px;
    font-size: 12px;
    line-height: 11px;
    cursor: initial;
}


.layer-swiper {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.9);
	z-index: 999;
	display: none;
}
.layer-swiper-box{
	width: 1200px;
	margin: auto;
	height: 100%;
	padding: 40px 0;
	box-sizing: border-box;
}
.swiper-container {
    width: 100%;
    height: 100%;
}  
.swiper-slide{
}
.swiper-author{
	position: absolute;
	bottom: 0px;
	padding-bottom: 40px;
	padding-top: 20px;
	left: 0;
	width: 100%;
	z-index: 10;
	background: linear-gradient(270deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%)
}
.swiper-author > div{
	width: 792px;
	margin: auto;
	color: #fff;
	font-weight: lighter;
}
.swiper-author em{
	cursor: pointer;
}
.swiper-author-info {
	line-height: 60px;
	margin-top: 20px;
}
.swiper-author-info img{
	cursor: pointer;
}
.swiper-author-info div{
	cursor: pointer;
}
.swiper-author-info > div:first-child{
	float: left;
}
.swiper-author-info > div:last-child{
	float: right;
}
.swiper-author-info > div:first-child img{
	width: 60px;
	height: 60px;
	border-radius:60px ;
	float: left;
	margin-right: 20px;
}
.swiper-button-prev,.swiper-button-next{
	background-image:none ;
}
.swiper-container2 .swiper-button-prev{
	left: 10%;
}
.swiper-container2 .swiper-button-next{
	right: 12%;
}
.swiper-button-next{
	right: 52px;
}
.swiper-button-prev em,.swiper-button-next em{
	color: #fff;
	font-size: 60px;
	opacity: 0.5;
}
.atlas-title{
	position: absolute;
	top: 0px;
	padding-top: 40px;
	padding-bottom: 20px;
	left: 0;
	width: 100%;
	z-index: 10;
	background: linear-gradient(270deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%)
}
.atlas-title div{
	width: 792px;
	margin: auto;
	text-align: center;
	color: #fff;
	position: relative;
	font-weight: lighter;
}
.atlas-title span{
	text-align: left;
	position: absolute;
	left: 0;
	font-size: 14px;
	width: 300px;
	display: inline-block;
	overflow: hidden;
	text-overflow:ellipsis ;
	white-space: nowrap;
}
.atlas-title em{
	position: absolute;
	right: 0;
	cursor: pointer;
}
.imgswiperbox{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.imgitem {
	max-width: 100%;
	max-height: 100%;
}
.three-nav2{
	padding-top: 0;
	box-sizing: border-box;
	overflow: hidden;
	width: 792px;
    margin: auto;
    margin-top: 10px;
    padding-bottom: 5px;
}
.three-nav2>div:first-child{
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
	overflow: hidden;
}
.three-nav2>div:last-child{
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
	overflow: hidden;
}
.three-nav2>div{
	padding: 0;
	border: 0;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.three-nav2 li{
	width: 14.28%;
	padding: 0;
	height: 30px;
}
.section-nav{
	padding-bottom: 20px;
}
.poscenter{
	position: relative;
	margin-top: -40%;
}
.three-nav .nav-search{
	padding-bottom: 0;
}
.three-nav3 li{
	width: 47px;
}
.banner{
	background: none;
}
.swiper2{
	width: 100%;
	height: 100%;
	display: block;
}
.banner-box{
	display: block;
	filter: blur(8px);
	position: absolute;
	z-index: 0;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	border-radius:0 ;
}
.banner-img{
	display: block;
	width: 792px;
	height: 240px;
	margin: auto;
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.swiper-prev2,.swiper-next2{
	background-image:none ;
}
/*.swiper-button-next{
	right: 12%;
}*/
.swiper-prev2 em,.swiper-next2 em{
	color: #fff;
	font-size: 60px;
	opacity: 0.5;
	position: relative;
	top: -8px;
}
.swiper-prev2{
	left: 12%;
}
.typeBox{
	display: flex;
	justify-content: left;
	margin: 0 auto 20px auto;
	width: 500px;
	flex-wrap: wrap;
}
.typeBox>div{
	margin: 0 10px;
	border-radius: 34px;
	background: linear-gradient(to right, rgba(255, 77, 119, 0.5), rgba(74, 60, 233, 0.5));
	padding: 1px;
}
.typeBox>div>div{
	background-color: white;
	border-radius: 34px;
	padding: 4px 8px;
	cursor: pointer;
	font-size: 14px;
}
.typeActive{
	background: linear-gradient(to right, rgba(255, 77, 119, 0.5), rgba(74, 60, 233, 0.5))!important;
	color: white;
}
.three-nav .nav-search{
	display: block;
	margin-bottom: 20px;
}
@media only screen and (min-width: 100px) and (max-width: 745px) {
	.typeBox{
		width: 90%;
	}
	.typeBox>div>div{
		font-size: 12px;
	}
	.swiper-author > div{
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		font-size: 14px;
	}
	.atlas-title div{
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.atlas-title span{
		left: 20px;
		width: 150px;
	}
	.atlas-title em{
		right: 20px;
	}
	.swiper-button-prev{
		display: none;
	}
	.swiper-button-next{
		display: none;
	}
	.swiper-author-info > div:first-child img{
		height: 30px;
		width: 30px;
		border-radius:30px ;
	}
	.swiper-author-info{
		line-height: 30px;
	}
	.swiper-author-info > div:last-child em{
		display: none;
	}
	
	.page-name{
		display: inline-block;
		position: absolute;
		left: 10px;
		color: #fff;
		font-size: 12px;
		line-height: 35px;
	}
	section {
		width: 100%;
		padding: 0px;
	}
	.section {
		width: 100%;
		padding: 10px 0;
		box-sizing: border-box;
	}
	.second-nav {
		height: 35px;
		padding-right: 3px;
		background: rgba(0,0,0,0.5);
	}
	.secActive span {
		font-size: 12px;
	}
	.secActive i{
		width: 30px;
		height: 6px;
		left: 5px;
		bottom: 10px;
	}
	/*.three-nav>div{
		padding: 5px 0;
		overflow: hidden;
	}
	.three-nav {
		margin-top: 0;
		width: 100%;
		height: auto;
		background: rgba(0,0,0,0.6);
		overflow: hidden;
	}*/
	.three-nav1 .nav-search{
		position: relative;
		top: 6px;
	}
	/*.nav-bbox{
		height: auto;
		margin-top: -35px;
	}*/
	.section-nav {
		width: 100%;
	    position: relative;
	    z-index: 4;
	    padding: 0;
	    top: -34px;
	}
	.three-nav-li {
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		/*width: 70px;*/
		text-align: center;
		color: #fff;
	}
	.three-nav-li>div{
		padding: 0 1px;
		padding-right: 2px;
		/*width: 60px;*/
		margin: auto;
		background: rgba(0,0,0,0);
		height: 26px;
		line-height: 26px;
	}
	.three-nav-li>div>div{
		/*width: 58px;*/
		padding: 0 12px;
		background: rgba(0,0,0,0);
		border-radius:26px ;
		height: 26px;
		line-height: 26px;
	}
	.threeActive {
		display: block!important;
		color: #fff;
		
	}
	.threeActive >div > div{
		background: -webkit-linear-gradient(left, rgba(255, 77, 119, 0.5), rgba(74, 60, 233, 0.5));
		/* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, rgba(255, 77, 119, 0.5), rgba(74, 60, 233, 0.5));
		/* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, rgba(255, 77, 119, 0.5), rgba(74, 60, 233, 0.5));
		/* Firefox 3.6 - 15 */
		background: linear-gradient(to right, rgba(255, 77, 119, 0.5), rgba(74, 60, 233, 0.5));
		/* 标准的语法（必须放在最后） */
	}
	.second-nav-li {
		width: 42px;
		color: #fff;
		font-size: 12px;
		line-height: 35px;
		text-align: center;
	}
	.shop-list{
		padding: 0 10px;
	}
	.shop-list2{
		padding: 0;
		padding-left: 10px;
	}
	.event-banner{
		height: 206px;
	}
	.user-name{
		font-size: 14px;
	}
	.event-name{
		font-size: 15px;
	}
	.smallbanner{
		width: 30%;
		height: auto;
	}
	.event-info img:nth-child(3){
		margin-right: 0;
	}
	.event-info img:last-child{
		margin-right: 0;
	}
	.imglist{
		width: 50%;
		padding-right: 10px;
	}
	
	.imglist3{
		display: none;
	}
	.three-nav2{
		padding:0 10px ;
		box-sizing: border-box;
		height: auto;
		margin-top: 0;
		width: 100%;
	}
	.three-nav2>div:last-child{
		/*margin-top: 10px;*/
	}
	.three-nav2>div{
		float: none;
		width: 100%;
		padding: 0;
		border-radius:20px !important;
		border: 1px solid #fff;
	}
	.three-nav2 li{
		width: 14.28%;
		padding: 0;
		height: 20px;
	}
	.imglist .footerbox img{
		height: 20px;
	}
	.imglist .footerbox span{
		position: relative;
		top:-5px;
		font-size: 12px;
	}
	.imglist li{
		margin-bottom: 10px;
	}
	.swiper-prev2,.swiper-next2{
		display: none;
	}
	.layer-swiper-box{
		height: 100%;
		width: 100%;
	}
	.layer-swiper-box2{
		height: 100%;
	}
	.swiper-container2{
		height: 100%;
	}
	.banner-box{
	    background-size: auto 100%!important;
	    background-position-x: 50%!important;
	    filter:blur(0);
	    height: 150px;
	}
	.banner-img{
		display: none;
	}
	.nodata{
		height: 150px;
    }
    .bottombox{
        padding:10px;
    }
    .bottombox>span{
        font-size: 12px;
        color: #D0021B;
    }
    .bottombox>p{
        font-size: 13px;
        margin-top: 5px;
    }
    .footerbox{
        bottom: 53px;
    }
}