.van-index{
	box-sizing: border-box;
	margin-top: 1rem;
	margin-bottom: 1rem;
	/* padding-top: 1rem; */
	background-color: #fff;
}
.van-h3{
	font-size: 1rem;
	border-bottom: 1px solid #dedede;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-top: 1rem;
}
.van-h3 a{
	color:#3291f9;
}
.van-swipe__indicators{
	left: 2%;
	transform: inherit;
}
.van-swipe__indicator{
	width: 2rem;
	border-radius: 0;
}
.my-swipe dl{
	justify-content:space-between;
	box-sizing: border-box;
}
.my-swipe dl dt{
	width: 60%;
}
.my-swipe dl dt,.my-swipe dl dt img{
	height: 19.5rem;
}
.my-swipe dl dt img{
	object-fit: cover;
	width: 100%;
}
.my-swipe dl dd{
	width: 40%;
	padding:1rem;
	box-sizing:border-box;
	background-color:#f7f7f7;
	position:relative;
}
.my-swipe dl dd a{
	font-size: 1.2rem;
	color: #000;
}
.my-swipe dl dd p{
	color: #999;
	margin-top: 1rem;
	line-height: 1.4rem;
	font-size: .9rem;
	text-align:justify;
}
.my-swipe dl dd span{
	position:absolute;
	font-size: .9rem;
	color: #999;
	bottom:1rem;
}
.van-index-left{
	flex-wrap: wrap;
	justify-content:space-between;
	padding: 1.5rem 1rem;
	box-sizing: border-box;
}
.van-index-left dl{
	width: 48.5%;
	justify-content:space-between;
	border-bottom: 1px solid #ebeef5;
	margin-bottom: 1.2rem;
	padding-bottom: 1.2rem;
}
.van-index-left dl:last-child,.van-index-left dl:nth-last-child(2){
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}
.van-index-left dl dt{
	width: 30%;
}
.van-index-left dl dt,.van-index-left dl dt img{
	height: 5.3rem;
}
.van-index-left dl dt img{
	object-fit: cover;
	width: 100%;
}
.van-index-left dl dd{
	width: 68%;
}
.van-index-left dl dd a{
	font-size: 1rem;
	color: #000;
}
.van-index-left dl dd p{
	color: #999;
	margin-top:.5rem;
	line-height: 1.4rem;
	font-size: .9rem;
	text-align:justify;
}
.van-index-right,.van-area-left{
	overflow: hidden;
	padding: 1.5rem 1rem;
	box-sizing: border-box;
}
.van-index-center{
	padding: 1.5rem 0;
}
.van-index-center ul li,.van-index-right ol li,.van-area-left ul li{
	font-size: 1rem;
	margin-bottom: 1.6rem;
}
.van-index-center ul li i,.van-area-left ul li i{
	font-size:1.2rem;
	padding-right:.2rem
}
.van-index-center ul li:last-child,.van-index-right ol li:last-child,.van-area-left ul li:last-child{
	margin-bottom: 0;
}
.van-index-right ol li i{
	background-color: #c2c3c2;
	color: #fff;
	padding:0 .2rem;
	margin-right:.3rem;
}
.van-index-right ol li em{
	font-size: 1.2rem;
    padding-right: .2rem;
}
.van-index-right ol li:first-child i{
	background-color: #3291f9;
}
.van-index-right ol li:nth-child(2) i{
	background-color: #559cea;
}
.van-index-right ol li:nth-child(3) i{
	background-color: #7eb4ef;
}
.van-area-left dl{
	position: relative;
	margin-bottom: 1rem;
}
.van-area-left dl dt,.van-area-left dl dt img{
	height: 10.4rem;
}
.van-area-left dl dt img{
	object-fit: cover;
	width: 100%;
}
.van-area-left dl dd{
	width: 100%;
	position: absolute;
	bottom: 0;
	font-size: 1rem;
	background-color: #000000;
	padding: .5rem;
	box-sizing: border-box;
}
.van-area-left dl dd a{
	color: #fff;
}
.van-area-center ul{
	flex-wrap: wrap;
	justify-content: space-between;
}
.van-area-center ul li{
	width: 49%;
}
.van-area-center ul li:nth-last-child(2){
	margin-bottom: 0;
}
.van-area-right ol{
	padding: 1.4rem 1rem 1rem;
	box-sizing: border-box;
}
.van-area-right ol li{
	font-size: 1rem;
	margin-bottom: 1rem;
	border-bottom: #f0f0f0 1px solid;
	padding-bottom: 1rem;
}
.van-area-right ol li:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.van-area-right ol li time{
	background-color: #f8f8f8;
	padding: .2rem .4rem;
	color:#666;
	font-size:.9rem;
}
.van-area-right ol li a{
	margin-top: .1rem;
}
.van-area-right ol li:hover time,.van-area-right ol li:hover a{
	color:#3291f9;
}
.van-friend{
	background-color: #fff;
}
.van-friend>div{
	align-items: center;
	padding: 1.5rem 0;
	border-bottom: 1px #3291f9 solid;
}
.van-friend>div b{
	width: 5rem;
	font-size: 1rem;
}
.van-friend>div a{
	line-height: .8rem;
	font-size: .9rem;
	border-right: 1px solid #bdbdbd;
	padding-right: .5rem;
	padding-left: .5rem;
}
.van-friend>div a:first-child{
	padding-left: 0;
}
.van-friend>div a:last-child{
	border-right: none;
	padding-right: 0;
}
@media(max-width: 768px) {
	.van-col--7,.van-col--11,.van-col--18{
		max-width: 100%;
		width: 100%;
		flex: inherit;
	}
	.my-swipe dl dt, .my-swipe dl dt img{
		height: 15rem;
	}
	.van-index{
		flex-direction: column-reverse;
	}
	.van-index-center ul,.van-index-right,.van-area-center,.van-area-right{
		display: none;
	}
	.van-index-left dl{
		padding-top: 0;
		width:100%;
	}
	.van-area-left{
       padding-top: 0;
	}
	.van-h3{
	    margin-bottom: 0;
	}
	.van-friend{
		display: none;
	}
}
@media(max-width: 600px) {
	.my-swipe dl dt{
		width:100%;
	}
	.my-swipe dl dd{
		display:none;
	}
	.van-swipe__indicators{
		left: 40%;
	}
	.van-index-left dl:nth-last-child(2){
		border-bottom: 1px solid #ebeef5;
		margin-bottom: 1.2rem;
		padding-bottom: 1.2rem;
	}
}