img{filter: blur(7px);-webkit-filter: blur(7px);}
.m-nav-list p,.case-before,.case-after,.case-monery div,.news-ans-icon,.orange,
.porject-tab div,.nav,.hosp-content p,.no-data-btns,.news-qus-icon,.one-line,.region-right,
.knowledge-tab div,.region-left,.flex-between,.q-info,.img-box .img-item p,.proj-info,.item-link.xj,
.ans-user,.ans-link,.notice-link,.notice-tip,
.news-qus-date,.knowledge-notes-left,.knowledge-notes-right,.about-case-title span,.about-case-btn,.zixun-btn div,.hosp-case,
.about-btn,.hosp-page,.foot{font-size: .25rem;}
.title-box p:first-child,.prod-title span{ font-size:.3rem;}
.fixed-foot,.logo{ width:100% !important;min-width:320px;max-width:480px;margin:0 auto;}
.logo{box-sizing: border-box;}
.but-zixun {text-align: center !important;}
.but-zixun a{border-radius: 20px;display:inline-block;width: 40%;height: 2.5em;font-size: .95em;color: #666;text-align: center;line-height: 2.5em;border: 1px solid #54c3d5;}
.but-zixun a:first-child{color: #fff;background-color: #ee5863;width: 40%;height: 2.5em;border: none;margin: 15px 20px 15px 0;}

#footer_f{font-size: .25rem;width: 100%;min-width: 320px;max-width: 480px;margin: 0 auto;bottom: 0;position: fixed;height: 1rem;z-index: 9999;display: flex;}
#footer_f_l,#footer_f_r{display: block;width: 50%;height: 1rem;line-height: 1rem;text-align: center;color: #fff;}
#footer_f_l i,#footer_f_r i{vertical-align: -webkit-baseline-middle;padding: .1rem .2rem;margin-right: .3em;}
#footer_f_l {background-color:#fd5877; border-right: 2px solid #fff;}
#footer_f_l i{background: url(../image/b_ico_l.png) no-repeat; background-size: 100%;}
#footer_f_r {background-color:#58a6fd; position: relative;}
#footer_f_r i{background: url(../image/b_ico_r.png) no-repeat;background-size: 100%;}
#footer_f_r .sp3{font-size:.9em;position: absolute;background-color: #f31919;height: .2rem;padding: .05rem .1rem;border-radius: 1rem;color: #fff;line-height: .2rem;font-style: normal;top: .2rem;}
.detail-content h2{
    font-size: .5rem !important;
}
    
*{

	margin: 0;

	padding: 0;

}

html,body{

	width:100%;

	height: 100%;
	
	min-width: 480px;
	margin: 0 auto;

	background: #f3f3f3;

}

@media (max-width:640px){
    html,body{min-width: 100%;}
}


body{

	font-family: 'Microsoft YaHei';

	-webkit-transition: all .5s;

	transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;
	
	
	

	/*font-size: 4vw;*/

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    -webkit-tap-highlight-color: transparent;

}

li {

    list-style: none; 

}

@media print { 

    body { display:none; } 

  }

.art_onclick{margin: 0 1em 1em;color: #636161;letter-spacing: .05em;text-align: justify;border: 1px #ccc dashed;padding: .5em;margin-top: .5em;line-height: 1.5em;font-size: .28rem;}

.overflow {

	overflow: hidden;

}

.main-box{

	display: none;

}

a {

    text-decoration: none;

	color: #4a4a4a;

	background: 0 0;

}

.wrap {

         width: 100%;

         background:#fff;

         overflow: hidden;

     }

.header{

	height: 1rem;

	

	border-bottom: 1px solid #f3f3f3;

}

.header .flex{

	margin-left: .22rem;

}

.return{

	width: .44rem;

	height: .44rem;

	background: url(../image/return.png);

	background-size: cover;

}

.m-logo{

	width: 2.18rem;

	height: .5rem;

	background: url(../image/m-logo.png);

	background-size: cover;

}

.current{

	width: 1.4rem;

	height: .48rem;

	border: 5px solid #eee;

	border-radius: 26px;

	text-align: center;

	line-height: .48rem;

	color: #333;

}

.nav{

	padding: .15rem .3rem;

	background-color: #fff;

	color: #666;

	border-top:1px dashed #ed4f5b;

	border-bottom:1px dashed #ed4f5b;

	box-sizing:border-box;

}

.color-9{

	color: #999;

}

.all-btn{

	line-height: .44rem !important;

	padding:0 .3rem;

	text-align: center;

	font-size: .26rem;

	margin: auto;

	border-radius: .22rem;

	-moz-box-shadow: 0 1px 10px 0 rgba(0,0,0, 0.1), 0 1px 8px 0 rgba(0,0,0, 0.1);

    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0, 0.1), 0 1px 8px 0 rgba(0,0,0, 0.1);

    box-shadow: 0 1px 10px 0 rgba(0,0,0, 0.1), 0 1px 8px 0 rgba(0,0,0, 0.1);

    color: #333;

    overflow: hidden;

		margin-top: .3rem;

		cursor: pointer;

}

/*无数据*/

.no-data-box{

	text-align: center;

}

.no-data-box p{

	color: #ccc;

	margin-bottom: .25rem;

}

.no-data-btn{

	line-height: .44rem;

	padding: 0 .25rem;

	border-radius: .22rem;

	-moz-box-shadow: 0 1px 10px 0 rgba(253,79,116, 0.1), 0 1px 8px 0 rgba(253,79,116, 0.2);

    -webkit-box-shadow: 0 1px 10px 0 rgba(253,79,116, 0.1), 0 1px 8px 0 rgba(253,79,116, 0.2);

    box-shadow: 0 1px 10px 0 rgba(253,79,116, 0.1), 0 1px 8px 0 rgba(253,79,116, 0.2);

    color: #ed4f5b;

    margin: 0 auto;

}

.no-data-icon{

	width: .24rem;

	height: .24rem;

	display: flex;

	align-items: center;

	margin-right: .1rem;

}

.no-data-icon img{

	width: 100%;

}

.hosp-page{

height: 1rem;
background-color:#fff;

padding: 0 .3rem;
}

.hosp-page div{

	width: 2rem;

	height: .44rem;

	background-color: #f3f3f3;

	color: #b2b2b2;

	border-radius: 22px;

	text-align: center;

	line-height: .44rem;

	cursor: pointer;

}

.porject-tab{

	height:.82rem;	

	border-top:1px dashed #ed4f5b;

	border-bottom:1px dashed #ed4f5b;

	box-sizing:border-box;

}

.porject-tab > div:first-child{

	border-right:1px dashed #ed4f5b;

}

.porject-tab > div{

	cursor: pointer;

}

/*医生列表*/

.dp-img {

    width: 1.1rem;

    height: 1.1rem;

    overflow: hidden;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

}

.radius {

    border-radius: 50%;

}

.dp-infor {

    width: calc(7.5rem - .6rem - 2.7rem);

}

.color-c{

	color: #ccc;

}

.color-c span{

	color: #808080;

}

.color-6{

	color: #666;

}

.color-9{

	color: #999 !important;

}

.color-e5{

	color: #e5e5e5;

}

.zixun-btn div{

	width: .88rem;

	height: .34rem;

	border: 1px solid #ccc;

	border-radius: 17px;

	color: #4d4d4d;

	text-align: center;

	line-height: .34rem;

}

.color-b2{

	color: #b2b2b2 !important;

}

/*地区选项*/

.porject-tab div{

	width: 3.84rem;
	

	height: .8rem;

	text-align: center;

	line-height: .8rem;

	font-weight:bold;

	color: #666;

	border-bottom: 1px solid #f3f3f3;

}

.porject-tab span{

	display: inline-block;

	width: .02rem;

	height: .4rem;

	background-color: #f3f3f3;

}

.porject-tab div img{

	width: .15rem;

	height: .15rem;

}

.page-hover{

	background-color: #ed515a !important;

	color: #fff !important;

}

.knowledge-notes{

	width: 100%;

	/*height: 1.08rem;*/

	padding: .3rem .3rem;

}

.knowledge-notes-left{

	width: calc(7.5rem - .6rem - 1.98rem);

	color: #999;

}

.knowledge-notes-left span{

	color: #ed4f5b;

}

.knowledge-notes-right{

	width: 1.68rem;

	border: 1px solid #ff9999;

	border-radius: 22px;

	color: #ed4f5b;

	text-align: center;

	line-height: .44rem;

}

/*医院推荐*/

.about-case-title{

	padding: .36rem .3rem 0 .3rem;

}

.about-case-title i{

	display: inline-block;

	width: .06rem;

	height: .28rem;

	border-radius: .3rem;

	background: -webkit-gradient(top, 0 0, 0 0, from(#fd4f74),to(#fe696b));   

    background: -webkit-linear-gradient(top,#fd4f74, #fe696b);   

    background: -moz-linear-gradient(top,#fd4f74, #fe696b);   

    background: -o-linear-gradient(top,#fd4f74, #fe696b);   

    background: -ms-linear-gradient(top,#fd4f74, #fe696b);

    background: linear-gradient(top,#fd4f74, #fe696b);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #fd4f74, endColorstr = #fe696b);   

}

.about-case-btn{

	line-height: .36rem;

	padding: 0 .15rem;

	border-radius: 18px;

	border: 1px solid #e5e5e5;

	text-align: center;

	color: #808080;

}

.about-case-btn span{

	color: #ccc;

}

.radius {

    border-radius: 50%;

}

.hosp-img{

	width: 1.1rem;

    height: 1.1rem;

}

.dp-img img {

    width: 100%;

}

.color-c {

    color: #ccc;

}

.color-c span {

    color: #808080;

}

.color-b2 {

    color: #b2b2b2 !important;

}

.color-ed{

	color: #ed4f5b;

}

.color-80{

	color: #808080 !important;

}

.zixun-btn div {

    width: 1.1rem;

    height: .4rem;

		border-radius: 17px;

		box-sizing: border-box;

		border:1px solid #FF979E;

    color: #ED4F5B;

    text-align: center;

    line-height: .38rem;

}

.case-box {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-bottom: 1px solid #f3f3f3;

}

.news-qus-date{

	color: #ccc;

}

.zixun-btn a:last-child div{

		background:#FF979E;

    color: #fff;

}

.p-t-18{

	padding-top: .18rem;

}

/*按钮渐变色*/

.list-hover{

	background: -webkit-gradient(60deg, 0 0, 0 0, from(#fd4f74),to(#fe696b));   

    background: -webkit-linear-gradient(60deg,#fd4f74, #fe696b);   

    background: -moz-linear-gradient(60deg,#fd4f74, #fe696b);   

    background: -o-linear-gradient(60deg,#fd4f74, #fe696b);   

    background: -ms-linear-gradient(60deg,#fd4f74, #fe696b);

    background: linear-gradient(60deg,#fd4f74, #fe696b);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #fd4f74, endColorstr = #fe696b);   

    color: #fff !important;

    border-radius: 14px;

    -moz-box-shadow: 0 1px 10px 0 rgba(253,79,116, 0.1), 0 1px 8px 0 rgba(253,79,116, 0.2);

    -webkit-box-shadow: 0 1px 10px 0 rgba(253,79,116, 0.1), 0 1px 8px 0 rgba(253,79,116, 0.2);

    box-shadow: 0 1px 10px 0 rgba(253,79,116, 0.1), 0 1px 8px 0 rgba(253,79,116, 0.2);

}

/*#region 面包屑 */

    .navs, .navs a {

        color: #7f7f7f;

    }



    .navs {

        padding: 0 .3rem;

        margin: 0 auto;

        overflow: hidden;

        background: #fff;

        line-height:.8rem;

    }



        .navs a:first-child {

            margin-left: 0;

        }



        .navs a {

            margin: 0 4px;

            display: inline-block;

        }

    /*#endregion */

.two-line {

    overflow:hidden; 

	text-overflow:ellipsis;

	display:-webkit-box; 

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2; 

}

.flex-start {

    display:flex;

    justify-content:flex-start;

    align-items:center;

}

.flex-wrap{

    flex-wrap:wrap;

}

/*地区选择*/

.region{

	width: 100%;

	height: calc(100% - 1.92rem);

	position: fixed;

	top: 1.92rem;

	left: 0;

	z-index: 99;

}

.region-left{

	width: 3.75rem;

	height: calc( 100% - 1.16rem);

	background-color: #f3f3f3;

	text-align: center;

	line-height: .8rem;

	float: left;

	overflow-x: hidden;

    overflow-y: auto;

}

.region-left li{

	background-color: #f3f3f3;

	border-right: 1px solid #e8e8e8;

	cursor: pointer;

}

.region-left p{

	color: #4d4d4d;

	border-right: 1px solid #e8e8e8;

}

.region-right{

	width: 3.75rem;

	height: calc( 100% - 1.16rem);

	background-color: #f8f8f8;

	text-align: center;

	line-height: .8rem;

	float: left;

 	overflow-x: hidden;

    overflow-y: auto;

}

.region-right li{

	background-color: #f8f8f8;

	cursor: pointer;

}

.pro-tab{

	width: 100%;

	height: calc(100% - 1.92rem);

	position: fixed;

	top: 1.92rem;

	left: 0;

	z-index: 99;

	margin: 0;

}

.pro-tab-right{

	width: 3.75rem;

	height: calc( 100% - 1.16rem);

	background-color: #fff;

	line-height: .8rem;

	float: left;

	overflow-x: hidden;

    overflow-y: auto;

}

.pro-tab-right p{

	padding: 0 .4rem;

	background-color: #fff;

	cursor: pointer;

}

.pro-tab-list{

	background-color: #fff;

	padding: 0 .4rem;

	text-align: left;

}

.pro-tab-list span{

	display: inline-block;

	line-height: .36rem;

	padding: 0 .2rem;

	border: 1px solid #eee;

	border-radius: 18px;

	color: #808080;

	margin-right: .2rem;

	cursor: pointer;

}

.second-menu-hover{

    color: #ed4f5b !important;

    background-color: #fff !important;

    border-right: none !important;

    border-top: 1px solid #e8e8e8 !important;

    border-bottom: 1px solid #e8e8e8 !important;

    margin-top: -1px;

    cursor: pointer;

}

.zixun-btn a:last-child div{

		background:#FF979E;

		color: #fff;

}



/*#region 选项卡切换动画*/

.animated {

	-webkit-animation-duration: 300ms;

	animation-duration: 300ms;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

  }

  .animateds {

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

  }

  @media (prefers-reduced-motion) {

	.animated,.animateds {

	  -webkit-animation: unset !important;

	  animation: unset !important;

	  -webkit-transition: none !important;

	  transition: none !important;

	}

  }

  @-webkit-keyframes slideInRight {

	from {

	  -webkit-transform: translate3d(100%, 0, 0);

	  transform: translate3d(100%, 0, 0);

	  visibility: visible;

	}

  

	to {

	  -webkit-transform: translate3d(0, 0, 0);

	  transform: translate3d(0, 0, 0);

	}

  }

  

  @keyframes slideInRight {

	from {

	  -webkit-transform: translate3d(100%, 0, 0);

	  transform: translate3d(100%, 0, 0);

	  visibility: visible;

	}

  

	to {

	  -webkit-transform: translate3d(0, 0, 0);

	  transform: translate3d(0, 0, 0);

	}

  }

  

  .slideInRight {

	-webkit-animation-name: slideInRight;

	animation-name: slideInRight;

  }



  @-webkit-keyframes slideOutLeft {

	from {

	  -webkit-transform: translate3d(0, 0, 0);

	  transform: translate3d(0, 0, 0);

	}

  

	to {

	  visibility: hidden;

	  -webkit-transform: translate3d(-100%, 0, 0);

	  transform: translate3d(-100%, 0, 0);

	}

  }

  

  @keyframes slideOutLeft {

	from {

	  -webkit-transform: translate3d(0, 0, 0);

	  transform: translate3d(0, 0, 0);

	}

  

	to {

	  visibility: hidden;

	  -webkit-transform: translate3d(-100%, 0, 0);

	  transform: translate3d(-100%, 0, 0);

	}

  }

  

  .slideOutLeft {

	-webkit-animation-name: slideOutLeft;

	animation-name: slideOutLeft;

  }

  

  @-webkit-keyframes fadeOutDown {

	from {

	  opacity: 1;

	}

  

	to {

	  opacity: 0;

	  -webkit-transform: translate3d(0, 100%, 0);

	  transform: translate3d(0, 100%, 0);

	}

  }

  

  @keyframes fadeOutDown {

	from {

	  opacity: 1;

	}

  

	to {

	  opacity: 0;

	  -webkit-transform: translate3d(0, 100%, 0);

	  transform: translate3d(0, 100%, 0);

	}

  }

  

  .fadeOutDown {

	-webkit-animation-name: fadeOutDown;

	animation-name: fadeOutDown;

  }

  @-webkit-keyframes fadeInUp {

	from {

	  opacity: 0;

	  -webkit-transform: translate3d(0, 100%, 0);

	  transform: translate3d(0, 100%, 0);

	}

  

	to {

	  opacity: 1;

	  -webkit-transform: translate3d(0, 0, 0);

	  transform: translate3d(0, 0, 0);

	}

  }

  

  @keyframes fadeInUp {

	from {

	  opacity: 0;

	  -webkit-transform: translate3d(0, 100%, 0);

	  transform: translate3d(0, 100%, 0);

	}

  

	to {

	  opacity: 1;

	  -webkit-transform: translate3d(0, 0, 0);

	  transform: translate3d(0, 0, 0);

	}

  }

  

  .fadeInUp {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

  }

/*#endregion*/





/**page list**/

.page-hover a{

	color: #fff !important;

}



/**hospital shorttitle*/

.hot-list .hot-hospital p.hospital-name,.loc-hospital p.hospital-name{

	text-align:center;

}



/**医院列表成立时间*/

.set-up-time-list {

	font-weight: 500;

	font-size: .24rem;

	color: #B2B2B2;

	padding: 0.1rem 0 0 0;

	text-align: left;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}





/**医院详情页简介图片自适应*/

.introduce-desc img{
    display: block;
    
    margin: 0 auto;
	/*width: 100% !important;

	height:100% !important;*/

	max-width: 100% !important;

    min-width: auto !important;

    height: auto !important;

}







/**通用表格样式*/

/*table, table tr, table tr th, table tr td {

    border-color: #fe9597;

    border-collapse: collapse;

    border: 1px solid #fe9597;

}

table, table tr, table tr td, table th {

	border: 1px solid #fe9597;

	white-space: normal;

	text-align: center;

	max-width: 100%;

}

table tr {

    color: #888;

}

table tr:nth-child(1) {

    background: #fe9597;

    color: #fff;

}

table tr:nth-child(1) span {

    background: #fe9597;

    color: #fff;

}*/

table, table tr, table tr th, table tr td {

   border-color: #fe9597;

    border: 1px solid #fe9597;

}

table {

    width: 100% !important;

	text-align:center;
	font-size: .25rem;

}

table tr:nth-child(odd) {

    background: #f5f5f5;

}

table tr td {

    line-height: 2.5em;

    width: 50%;

}

table tr td span{ 

    font-size:1em !important;

}





.notice{

    padding:.3rem;

    background:#F8F8F8;

}

.notice-tip{

    width: 4.6rem;

    height:.7rem;

    color:#999999;

    line-height: .34rem;

}

.notice-link{

    width:1.8rem;

    height:.55rem;

    text-align: center;

    line-height: .55rem;

    box-sizing: border-box;

    background:#fff;

    border-radius: .5rem;

    border:1px solid #FF9999;

    color:#ED4F5B;

    font-weight:400;

    padding: 0 .2rem;

    text-overflow: ellipsis;

    /*overflow: hidden;*/

    white-space: nowrap;

}

.notice-link a{

    color:#FF7781;

}
footer{
	width: 100%;
	background-color: #F8F8F8;
	overflow: hidden;
	/* margin-bottom: 1.16rem; */
}
.foot{
	text-align: justify;
	margin: 0 .7em;
	color: #727070;
}
.foot p{
	text-align: center;
	line-height: .38rem;
	color: #999999;
}
#pages { background-color:#fff;overflow: hidden;text-align: center; padding-top:.3rem;}
#pages li{margin-right:.5em;padding:.05em .2em;text-align:center;display:inline-block;}
#pages li.active{background-color: #f45a62;color: #fff;}
#pages .disabled{/* display: none; */}
#pages .first_page, #pages .last_page {width: 40px;height: 24px;line-height: 24px;border-radius: 5px;background-color: #b5b5b5;font-size: 12px;text-align: center;color: #fff;}
#pages .first_page a, #pages .last_page a {color: #fff;}
.editor{color: #C0C4CC;padding: .2rem;font-size: .25rem;border-bottom: 1px solid #f0f0f0;display: flex;justify-content: space-between;flex-wrap: wrap;background-color: #fff;}
.editor .user-name{text-align: left;}
.editor .user-other span{ padding-right: .5rem;}
.editor p a{color: #555ba6;}
.shenming{border: 1px solid #eee;padding: 10px;box-sizing: border-box;color: #7d7d7d;font-size: .25rem;}
.shenming div{text-align: center !important;margin-bottom:.3rem;font-size: .3rem;}
.shenming span{}
@media(max-width: 480px) {
	.editor p{ width:100%;}
	.editor .user-name{ margin-bottom:.5rem;}
}

