.area_h2 {
	font-size: 1rem;
	font-weight: bold;
	padding: 1rem 0;
	padding-left: 1rem;
	/* margin-bottom: 1rem; */
	border-bottom: 1px #E5E5E5 solid;
}
/**hot-layui-pro*/
.hot-layui-index{
	width:100%;
	overflow: hidden;
	background: #fff;
	margin:1.25rem auto;
}
.md-wrap .common-h2-title{
	border-bottom: none;
}
.common-h2-title{
	overflow: hidden;
	padding: 1.25rem 1rem;
}
.common-h2-title .titls{
	font-size: 1rem;
	font-weight: 700;
	position: relative;
	padding-right: 0.93rem;
}
.common-h2-title .titls.nobold{
	font-weight: 500;
}
.common-h2-title .titls::before{
	content: '';
	width:4px;
	height:1.81rem;
	background: var(--theme-color);
	display: block;
	position: absolute;
	left:0;
	top:1px;
}
.common-h2-title .titls span{
	font-weight: 400;
	font-size: 0.87rem;
	color: #666;
	padding-left: 1.06rem;
}
.more-a:hover{color: var(--theme-color)}
.more-a{
	display: flex;
	font-size: 0.87rem;
	color: #333;
	text-transform:uppercase;
}
.hot-layui-box{
	/* margin-top: 1rem; */
	overflow: hidden;
	padding: 0 1rem 1rem;
	box-sizing: border-box;
}
.hot-layui-box .hot-layui-left{
	width: 49%;
	overflow: hidden;
	background:#fafafa;
	box-sizing: border-box;
	padding:1.25rem;
}
.common-box-top{
	height:3rem;
	border-bottom: 0.6px solid #ecf0f1;
}
.hot-layui-box .hot-layui-left .common-box-top .h3{
	
}
.common-box-top .h3{
	font-size: 1rem;
	color: #333;
	font-weight: 400;
}
.common-box-content{
	overflow: hidden;
	margin-top: 1.25rem;
}
.common-box-content .dl a{
	font-size: 0.87rem;
	color: #666;
	position: relative;
	line-height:2.03rem;
	padding-left: 0.93rem;
	box-sizing: border-box;
	    display: block;
}
.common-box-content .dl a::before{
	content: '';
	display: block;
	width:6px;height:6px;
	background:#999;
	border-radius: 100%;
	position: absolute;
	top:14px;
	left:0;
}
.common-box-content .dl a.on,.common-box-content .dl a:hover{
	color: var(--theme-color);
}
.common-box-content .dl a.on::before,.common-box-content .dl a:hover::before{
	background:var(--theme-color);
}
.hot-layui-box .hot-layui-left .common-box-content .dl{
	width:49%;
}
.hot-layui-box .hot-layui-right .common-box-content .dl{
	width:49%;
}
.hot-layui-box .hot-layui-right{
	width: 49%;
	overflow: hidden;
	background:#fafafa;
	box-sizing: border-box;
	padding:1.25rem;
}
.hot-layui-box .hot-layui-right .common-box-top .h3{
	
}
.layui-icon-return{
	display: block;
	color: #fad3ab;
	padding-right: .5rem;
	transform: rotate(180deg);
	transform-origin: center center;
	-webkit-transform: rotate(180deg); /* Safari/Chrome */
	-moz-transform: rotate(180deg);    /* Firefox */
	-ms-transform: rotate(180deg);     /* IE9+ */
	-o-transform: rotate(180deg);      /* Opera */
}
.layui-icon-heart-fill,.layui-icon-fire{
	color:#ff7595;
	padding-right:.25rem;
}

.layui-hospital-index{
	
}
.hospital-card-list{
	box-sizing: border-box;
	/* box-shadow: 0 0 29px 0 rgb(0 0 0 / 5%); */
	flex-wrap: wrap;
	margin-bottom: 1rem;
	padding: 0 1rem;
}
.hospital-card-list::after {
  content: "";
  width: 50%; /* 与 flex-item 宽度相同 */
  height: 0; /* 高度设为0，不占用空间 */
  visibility: hidden; /* 隐藏元素 */
}
.hospital-card-list dl{
	width: 24%;
	padding: 1rem;
	box-sizing: border-box;
	border: 1px solid #EDEDED;
	background: #fafafa;
	position:relative;
	padding-top: 1.75rem;
	text-align: center;
	margin-bottom: 1rem;
}
.hospital-card-list dl .layui-icon-fire{
	position: absolute;
	top: 0;
	left: 2%;
	background-color: #ff6b6b;
	padding: .35rem;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border-bottom-right-radius: 0.93rem;
	border-bottom-left-radius: 0.93rem;
}
.hospital-card-list dl::before {
    content: '';
    display: block;
    width: 6.12rem;
    height: 0.3rem;
    background: #fadcb0;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left:-3.06rem;
}
.hospital-card-list dl:hover{
	background-color:#fafff8;
}
.hospital-card-list dl dt{
	width: 10rem;
	margin: 1.68rem auto;
	border-radius: 100%;
	overflow: hidden;
}
.hospital-card-list dl dt,.hospital-card-list dl dt img{
	height: 10rem;
	border-radius: 5px;
}
.hospital-card-list dl dt img{
	width:100%;
	object-fit:cover;
    border-radius: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    filter: scale(1);
    filter: transform;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}
.hospital-card-list dl dd{
	/* max-width: 65%; */
	box-sizing: border-box;
	/* position: relative; */
	/* padding-left: .5rem; */
}
.hospital-card-list dl dd p{
	font-size: .95rem;
	font-weight: bold;
	/* padding:0 .5rem; */
	box-sizing:border-box;
	text-align: left;
}
.hospital-card-list dl dd .layui-other{
	/* display: block; */
	padding: .5rem 0;
	margin-top: .5rem;
	color: #999;
	/* position: absolute; */
	/* width: 100%; */
	box-sizing: border-box;
	/* bottom: 0; */
}

.layui-index-one{
	margin-top: 1rem;
	padding-left:0;
	padding-right:0;
}
.layui-index-one .common-h2-title{
	border-bottom: 1px solid #ecf0f1;
}
.layui-carousel{
	/* padding: 1rem; */
	margin-top: 1rem;
	box-sizing: border-box;
}
.layui-banner{
	/* padding: 1rem; */
	box-sizing: border-box;
}
.layui-banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:5px;
}
.layui-index-two-left{
	flex-wrap: wrap;
}
.layui-index-two-left dl{
	width: 49%;
	border-bottom: 1px solid #f7f7f7;
	border-left: solid 2px #fff;
	padding-bottom: 1rem;
	box-sizing: border-box;
	padding: 1rem;
	transition: all 1s;
}
.layui-index-two-left dl:hover{
	background-color:#fafff8;
	border-left-color:#81c53f;
}
.layui-index-two-left dl dt{
	width: 10rem;
}
.layui-index-two-left dl dt,.layui-index-two-left dl dt img{
	height: 7.5rem;
}
.layui-index-two-left dl dt img{
	object-fit: cover;
	width: 100%;
	/* border-radius: 5px; */
}
.layui-index-two-left dl dd{
	max-width:75%;
	padding-left:1rem;
	box-sizing:border-box;
}
.layui-index-two-left dl dd>a{
	font-size: .95rem;
	font-weight: bold;
	display: block;
}
.layui-index-two-left dl dd .layui-other{
	margin-top: 1rem;
	color: #B3B3B3;
}
.layui-index-two-left dl dd .layui-other a{
	color: #00A4A0;
}
.layui-index-two-left dl dd .layui-other span{
	padding-left: 1rem;
	padding-right: 1rem;
}
.layui-index-two-left dl dd p{
	color: #767676;
	margin-top:.75rem;
	line-height: 1.7rem;
	font-size: .95rem;
	text-align:justify;
}



.layui-friend{
	align-items: center;
	padding: 1rem;
	box-sizing: border-box;
	margin-top: 1rem;
	margin-bottom:1rem;
	border-radius: 3px;
	/* box-shadow: 0 0 3px 3px rgba(0,0,0,.03); */
}
.layui-friend b{
	width: 5rem;
	font-size: .9rem;
}
.layui-friend p a{
	line-height: .8rem;
	font-size: .9rem;
	border-right: 1px solid #bdbdbd;
	padding-right: .5rem;
	padding-left: .5rem;
}
.layui-friend p a:first-child{
	padding-left: 0;
}
.layui-friend p a:last-child{
	border-right: none;
	padding-right: 0;
}
@media(max-width: 1400px) {
    .layui-banner img{
        width:  auto;
    }
    .layui-carousel>[carousel-item]>*{
        border-radius: 5px;
        overflow: hidden;
    }
}
@media(max-width: 800px) {
	.layui-banner{
		padding-left: 1rem;
		padding-right: 1rem;
		box-sizing: border-box;
    }
	.common-box-content{
		flex-wrap: wrap;
	}
	.hot-layui-box .hot-layui-left .common-box-content .dl,.hot-layui-box .hot-layui-right .common-box-content .dl,.layui-index-two-left dl{
		width: 100%;
	}
	.hospital-card-list dl{
		width: 49%;
	}
	.layui-index-one{
		flex-wrap: wrap;
	}
	.layui-index-two-left dl dd{
		max-width: 68%;
	}
}
@media(max-width: 600px){
	.hot-layui-box{
		flex-wrap: wrap;
	}
	.hot-layui-box .hot-layui-left,.hot-layui-box .hot-layui-right{
		width: 100%;
	}
}
@media(max-width: 480px){
	.layui-index-two-left dl dd>a{
		font-size:1rem;
	}
	.layui-index-two-left dl dd p{
		font-size:0.875rem;
	}
}
@media(max-width: 375px){
	.hospital-card-list dl{
		width: 100%;
	}
}