.van-banner img{
	display: block;
	width: 100%;
}
.van-index-hot{
	padding: 1rem 0 0;
	box-sizing: border-box;
}
.van-index-hot,.van-index-hot dl dd .mark{
	justify-content: space-between;
}
.van-index-hot::after {
  content: "";
  width: 16%; /* 与 flex-item 宽度相同 */
  height: 0; /* 高度设为0，不占用空间 */
  visibility: hidden; /* 隐藏元素 */
}
.van-index-hot dl{
	width: 16%;
	/* background-color: #ffffff; */
	/* padding: .5rem; */
	/* box-sizing: border-box; */
	border: 1px solid #fff;
	transition: border-color 1s;
}
.van-index-hot dl:hover{
	border-color: #ff3366;
}
.van-index-hot dl:nth-child(n+3){
	/* margin-top: 1rem; */
}
.van-index-hot dl dt{
	width: 100%;
}
.van-index-hot dl dt img{
	display: block;
	width: 100%;
	height: 6.5rem;
	object-fit: cover;
}
.van-index-hot dl dd{
	display: none;
	width: 60%;
	padding-left: .75rem;
	box-sizing: border-box;
}
.van-index-hot dl dd .title{
	font-size: 1rem;
	color: #191a24;
	margin-bottom: .5rem;
}
.van-index-hot dl dd .title a:hover{
	color:#0C95FF;
}
.van-index-hot dl dd .desc{
	font-size: .85rem;
}
.van-index-hot dl dd .desc a{
	color: #b0b0b0;
}
.van-index-hot dl dd time{
	padding-top: 1rem;
	font-size: .8rem;
	line-height: 1.5rem;
	color: #b0b0b0;
	display:block;
}
.van-index{
	box-sizing: border-box;
	margin-top: 1rem;
}
.van-h2{
	font-size: 1.05rem;
	align-items: center;
	position: relative;
	box-sizing: border-box;
	font-weight: normal;
}
.van-h2 a{
	/*color: #B08C4A;*/
}
.van-h2:before{
	content:'';
	position:absolute;
	width: 8.5rem;
	height: 1.1rem;
	left: 0;
	top: 1.2rem;
	border-bottom: solid 2px #B08C4A;
}
.van-h2 .van-more{
	font-size: .9rem;
	font-weight: normal;
	/* background-color: #FFFFFF; */
	line-height: 1.5rem;
	color: #999;
}
.van-index .van-h2:before{
	border-bottom: none;
}
.cardview{
	box-sizing: border-box;
}
.cardview>nav::after,.van-index-hot::after {
  content: "";
  width: 33%; /* 与 flex-item 宽度相同 */
  height: 0; /* 高度设为0，不占用空间 */
  visibility: hidden; /* 隐藏元素 */
}
.cardview>nav dl{
	width: 33%;
	flex-wrap: wrap;
	/* background-color: #fcfcfc; */
	border: 1px solid #eee;
	/* border-radius: 8px; */
	transition: all .3s;
	padding: .5rem;
	box-sizing: border-box;
	margin-top: 1rem;
}
.cardview>nav dl:hover{
	background-color: #f4f4f4; 
	border-color: #ddd;
}
.cardview>nav dl dt{
	width: 6rem;
	display: block;
}
.cardview>nav dl dt,.cardview>nav dl dt img{
	height: 5.75rem;
	overflow: hidden;
	/* border-radius: 5px; */
}
.cardview>nav dl dt img{
	object-fit: cover;
	width: 100%;
}
.cardview>nav dl dd{
	padding-left: .75rem;
	box-sizing: border-box;
	max-width: 70%;
}
.cardview>nav dl dd>a{
	/* color: #3a3a3a; */
	display: block;
	font-size: 1rem;
}
.cardview>nav dl dd>a:hover{
	color: #b08c4a;
}
.cardview>nav dl dd>div{
	font-size:.8rem;
	margin-top:.5rem;
	align-items: center;
}
.cardview>nav dl dd>div time,.cardview dl dd>div span{
	font-size:.9rem;
	color: #999;
	display: block;
	/* padding-top: .5rem; */
}
.cardview>nav dl dd>div span{
	padding: 0 5px;
	border: 1px solid #6db9f5;
	border-radius: 3px;
	color: #6db9f5;
	margin-right: .25rem;
}
.cardview>nav dl p{
	color: #929292;
	margin-top: .5rem;
	line-height: 1.15rem;
	font-size: .9rem;
	text-align:justify;
}

/*hospital*/
.hospital-bd {
	padding-top: 1rem;
	width: 100%;
}
.hospital-bd ul {
	width: 100%;
	font-size:0.87rem;
	text-align: center;
	overflow: visible;
}
.hospital-bd li{
	width: 17.5%;
	overflow: hidden;
	float: left;
	position: relative;
	margin: 0 0 .9rem .9rem;
	background-color: #fff;
}
.hospital-bd li:hover:after { 
	display: none; 
}
.hospital-bd .first {
	position: relative;
	width: 25%;
	height: auto;
	margin:0;
	border:0 none;
}
.hospital-bd .first .txt h3 {height: auto;font-size: 1rem; text-align:left;}
.hospital-bd .first .txt h3, .hospital-bd .first .txt p {padding: .7rem .7rem 0;color: #aaa;overflow: hidden;}
.hospital-bd .first .txt p{font-size: 0.87rem;margin-bottom: 1rem;}
.hospital-bd .first img {width: 100%;height: 19.15rem;display: block;object-fit: cover;}
.hospital-bd li .pic {display: block;height: 8.12rem;margin-bottom: 1rem;line-height: 8.12rem;}
.hospital-bd li .pic img {width: 5.62rem;height: 5.62rem;object-fit: cover;vertical-align: bottom;}
.hospital-bd li h3 {height: 2.45rem;overflow: hidden;padding-left: .5rem;font-size: 1rem;padding-right: .5rem;font-weight: normal;box-sizing: border-box;}
.hospital-bd li .opa { 
	height:2.5rem; 
}
.hospital-bd li .opa .bg { 
	background: #fff; 
}
.hospital-bd li .opa .txt { 
	height:2.5rem; 
	padding: 0 1.25rem; 
	line-height:2.5rem; 
	overflow: hidden; 
	text-align: left; 
}
/*doctor*/
.expert-bd ul{
	margin-top:1rem;
}
.area1-item1{
	width: 26%;
}
.area1-item1 a{ 
	display: block;
}
.area1-item1 a:hover .middle{}
.area1-item1 a:last-child{
	margin-top: 1.5rem;
}
.area1-item1 .middle{ 
	height: 14rem; 
	overflow: hidden;
}
.area1-item1 .middle img{ 
	height: 14rem; 
	width:100%;
	object-fit: cover;
	transition: all 2s;
}
.area1-item1 .middle img:hover{ 
	transform: scale(1.1);
}
.area1-item1 h3{
	margin: 1rem 0;
	font-size: 1rem;
	font-weight: normal;
}
.area1-item2{
	overflow: hidden;
	width: 35%;
}
.area1-item2 a{ 
	transition: all 1s;
}
.area1-item2 a:not(:last-child){
	margin-bottom: 1.2rem;
	border-bottom: 1px solid #eee;
	padding-bottom: 1.2rem;
}
.area1-item2 a:hover{ 
	margin-left: -1rem;
}
.area1-item2 .left{
	width: 5rem;
	height: 5rem;
	margin-right: .7rem;
}
.area1-item2 .left img{
	width: 100%;
	height: 5rem;
	object-fit: cover;
}
.area1-item2 .right{ 
	max-width:75%;
}
.area1-item2 .right h3{
	margin-bottom: .7rem;
	font-size: 1rem;
	font-weight: normal;
}
.area1-item2 .right p,.area1-item1 p{
	line-height: 1.25rem;
	font-size: .9rem;
	color: #929292;
	text-align: justify;
}

.index-list{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.index-list>nav{
	margin-top: 1rem;
}
.van-main{
	padding: 0 1rem 0 0;
	background-color: #fff;
	border-right: 10px solid #f6f8fb;
}
.van-main>ul li {
	justify-content: space-between;
	padding: 1rem;
	align-items: center;
	box-sizing: border-box;
	width: 50%;
}
.van-main>ul li:hover{
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
}
.van-main>ul li:not(:last-child){
	border-bottom: 1px solid #f6f8fb;
}
.van-main>ul .thumb{
	width: 10rem;
	display: none;
}
.van-main>ul .thumb,.van-main>ul .thumb img{
	height: 6.2rem;
}
.van-main>ul .thumb img{
	object-fit: cover;
	display: block;
	width: 100%;
}
.van-main>ul li .typeList{
	width: 100%;
	align-items: center;
}
.van-main>ul li .typeList>a{
	width: 75%;
	display: block;
}
.van-main>ul li .title{
	font-size:1rem;
	color: #191a24;
	/* margin-bottom: 1rem; */
}
.van-main>ul li a:hover .title,.van-main>ul li .mark:hover a{
	color:#0C95FF;
}
.van-main>ul li .desc{
	display: none;
	font-size: .95rem;
	color: #858999;
}
.van-main>ul li .mark{
	font-size: .9rem;
	color: #666666;
	line-height: 2rem;
}
.van-main>ul li .mark i{
	padding-right: .2rem;
}
.van-main>ul li .mark span{
	display: none;
}
.van-aside{
	background-color: #fff;
	box-sizing: border-box;
	padding:1rem 1rem 0;
}
.van-aside .van-h2{
	padding-bottom: 1rem;
	border-bottom: 1px solid #f3f3f3;
}
.van-aside .van-item3 ul{
	padding-top: 1rem;
}
.van-aside .van-item3 ul li {
	font-size: .95rem;
	margin-bottom: .85rem;
	line-height: 1.9375rem;
	justify-content: space-between;
	align-items: center;
}
.van-aside .van-item3 ul li:last-child{
	margin-bottom: 0;
}

.van-aside .van-item3 ul li:first-child a:before {
	content: '1';
	background-color: #ff3366;
}

.van-aside .van-item3 ul li:nth-child(2) a:before {
	content: '2';
	background-color: #f1557c;
}

.van-aside .van-item3 ul li:nth-child(3) a:before {
	content: '3';
	background-color: #ec829d;
}

.van-aside .van-item3 ul li:nth-child(4) a:before {
	content: '4';
	background-color: #ccc;
}

.van-aside .van-item3 ul li:nth-child(5) a:before {
	content: '5';
	background-color: #ccc;
}

.van-aside .van-item3 ul li:nth-child(6) a:before {
	content: '6';
	background-color: #ccc;
}

.van-aside .van-item3 ul li:nth-child(7) a:before {
	content: '7';
	background-color: #ccc;
}

.van-aside .van-item3 ul li:nth-child(8) a:before {
	content: '8';
	background-color: #ccc;
}

.van-aside .van-item3 ul li:nth-child(9) a:before {
	content: '9';
	background-color: #ccc;
}
.van-aside .van-item3 ul li:nth-child(10) a:before {
	content: '10';
	background-color: #ccc;
}
.van-aside .van-item3 li a:before{
    display: inline-block;
    height: 1.125rem;
    line-height: 1.125rem;
    width: 1.125rem;
    color: #fff;
    text-align: center;
    background-color: #ec8858;
    margin-right: .5rem;
    border-radius: 0.1875rem;
    font-size: 0.625rem;
}

.van-friend{
	align-items: center;
	padding: 1rem;
	box-sizing: border-box;
	margin-top: 1rem;
	margin-bottom:1rem;
	border: 1px solid #eee;
	/* border-radius: 3px; */
	/* box-shadow: 0 0 3px 3px rgba(0,0,0,.03); */
}
.van-friend b{
	width: 5rem;
	font-size: .9rem;
}
.van-friend p a{
	line-height: .8rem;
	font-size: .9rem;
	border-right: 1px solid #bdbdbd;
	padding-right: .5rem;
	padding-left: .5rem;
}
.van-friend p a:first-child{
	padding-left: 0;
}
.van-friend p a:last-child{
	border-right: none;
	padding-right: 0;
}
@media(max-width: 1200px) {
	.van-index-hot,.cardview,.index-list,.expert-bd{
		padding-left: 1rem;
		padding-right: 1rem;
		box-sizing: border-box;
	}
	.hospital-bd ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.hospital-bd ul:after{
	    content: "";
	    width: 24%; /* 与 flex-item 宽度相同 */
	    height: 0; /* 高度设为0，不占用空间 */
	    visibility: hidden; /* 隐藏元素 */
	}
	.hospital-bd .first{
		display: none;
	}
	.hospital-bd li{
		width: 24%;
		margin-left: 0;
		float: none;
	}
}
@media(max-width: 1024px) {
	.cardview>nav dl,.area1-item2{
		width: 49%;
	}
	.area1-item1{
		display: none;
	}
}
@media(max-width: 800px) {
	.van-h2:before{
	   border-bottom: solid 1px #666;
    }
	.van-index{
		margin-bottom: .5rem;
	}
	.area1-item2 .right{
		max-width: 70%;
	}
	.van-main.van-col--18{
		max-width: 100%;
		flex: 100%;
		padding: 0;
		border-right: none;
	}
	.van-aside{
		display: none;
	}
}
@media(max-width: 600px) {
	.van-index-hot{
		display: none;
	}
	.hospital-bd ul:after{
	    width: 32.5%;/* 与 flex-item 宽度相同 */
	}
	.hospital-bd li{
		width: 32.5%;
	}
	.area1-item2,.cardview>nav dl,.van-main>ul li{
		width: 100%;
	}
	.cardview>nav dl dd{
		max-width: 70%;
	}
	.van-friend{
		margin-left: 1rem;
		margin-right: 1rem;
	}
}
@media(max-width: 480px) {
	.hospital-bd li{
		width: 49%;
	}
}
@media(max-width: 375px){
	.cardview>nav dl dd{
		max-width: 65%;
	}
}