.spe-banner1{ display:none;}
.spe-nav-list{ padding:35px 0; width:100%; border-bottom:1px solid #ddd; }
.spe-nav-list h2{ float:left; display:inline-block; width:25%; }
.spe-nav-list h2 a{ display:block; padding:20px 0; border-radius:50px; text-align:center; font-weight:bold; font-size:17px; }
.spe-nav-list h2.on a{ background:#5f92ce; background:#4984c9; color:#fff; font-weight:bold;}


/* 医院简介 */
.spe-info{ margin-top:30px; margin-bottom:50px;}
.spe-info p{ margin-top:20px; }
.spe-info p img{ margin:0 auto;}


/* 医生列表 */
.doctor-list-box{ margin-top:50px; margin-bottom:50px;}
.doctor-list{ margin-bottom:30px;}
.doctor-list a{display:block; position:relative;}
.doctor-list a figure{ position:absolute; z-index:1; left:0; top:0; width:200px; height:280px;}
.doctor-list a .doctor-list-info{ padding:20px 20px 20px 230px; height:280px; background:#edf1f5;}
.doctor-list-detail h3{ line-height:30px; font-weight:bold;}
.doctor-list a:hover .doctor-list-detail h3{ color:#4984c9;}
.doctor-list-detail p{ margin-bottom:12px; width:100%; line-height:22px;}
.doctor-list-detail p.p1{ height:22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#999;}
.doctor-list-detail p.p2{ height: 66px; overflow: hidden;
    text-overflow: ellipsis; white-space: normal; word-wrap: break-word;  -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; display: -webkit-box !important; color:#2e3536;}

.doctor-list-txt{ margin-top:10px; padding-top:10px; border-top:1px solid #acbec0;}
.doctor-list-txt p{color: #7c8590; line-height: 22px; max-height: 88px; overflow: hidden;
    text-overflow: ellipsis; white-space: normal; word-wrap: break-word;  -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; display: -webkit-box !important;}

/* 仪器列表 */
.apparatus-list{ margin-top:50px; margin-bottom:50px;}
.apparatus-list li { margin-bottom:20px;  background:#edf1f5; border:1px solid #ddd; }
.apparatus-list li a{ display:block; position:relative;}
.apparatus-list li a:hover{ background:#5f92ce; }
.apparatus-list li a figure{ display:block; position:absolute; z-index:1; left:0; top:0; width:300px; height:210px;}
.apparatus-list li a figure img{ width:100%; height:210px;}
.apparatus-list li a .apparatus-con{ padding:30px 30px 40px 330px; height:210px;}
.apparatus-list li a .apparatus-con h3{ margin-bottom:15px; height:28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:28px; font-weight:bold;}
.apparatus-list li a .apparatus-con p{color: #7c8590; line-height: 22px; max-height: 88px; overflow: hidden;text-overflow: ellipsis; white-space: normal; word-wrap: break-word;  -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; display: -webkit-box !important;}
	.apparatus-list li a:hover h3,.apparatus-list li a:hover p{ color:#fff;}



/* package套餐列表 */
.package-list{ padding-top:15px; padding-bottom:50px;}
.package-list li{ border-bottom:1px solid #ddd;}
.package-list li a{ display:block; padding:15px 0; }
.package-list li a:hover{ background:#f2f2f2;}
.package-list li a:hover .package-con h3{ font-weight:bold;}
.package-list li a .package-con{ display:flex; align-items: center;}
.package-list li a .package-con .spe-number{ position:relative; padding:5px; box-shadow:0 2px 10px #1d9bc8; background: linear-gradient(0deg, #1d9bc8, #3f5ea3); border-radius:50px; width:40px; height:40px; }
.package-list li a .package-con .spe-number i{ position:absolute; z-index:1; left:5px; top:5px; display:block; background: linear-gradient(0deg, #d0d8db, #fff); border-radius:50px; width:30px; height:30px;
 line-height:30px; text-align:center; font-size:26px; font-weight:bold;  }
.package-list li a .package-con .spe-number i em{  background: linear-gradient(to bottom, #3f5ea3, #1d9bc8);  -webkit-background-clip: text; background-clip: text;  -webkit-text-fill-color: transparent; text-fill-color: transparent; font-family:arial; font-weight:bolder; font-style:normal;}
.package-list li a .package-con h3{ margin-left:26px; flex:1; height:80px; line-height:80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.package-list li a .package-con span.spe-price{ display:inline-block; margin-left:30px; color:#666;}
.package-list li a .package-con span strong{ font-size:28px; color:#5f92ce; }

/* package套餐详情 */
.package-range { padding:20px;}
.package-range h3{  font-weight:bold;}
.package-range ul{ margin-top:20px;}
.package-range ul li{ margin-top:5px; line-height:26px;}
.package-range ul li i{ display:inline-block; margin-right:15px; font-size:18px; font-weight:bold;}

.package-detail{ margin-top:50px;}
.package-detail table th,.package-detail table td{ padding:12px; border:1px solid #bbb; }
.package-detail table td span{ display:inline-block; width:100%; text-align:center; font-weight:bold;}
.package-detail table th{ background:#f2f2f2; text-align:center; font-weight:bold; font-size:24px; }

.package-price{ margin:50px 0; height:80px; background:#f2f2f2; border:1px solid #bbb;}
.package-price p{line-height:80px; text-align:center; font-size:18px;}
.package-price p span{ display:inline-block; margin-right:10px; font-weight:bold; font-size:20px;}
.package-price p strong{ font-size:28px; color:#5f92ce;}


/* 医生详情页 */
.doctor-details,.doctor-info{ font-family:Arial, Helvetica, sans-serif;}
.doctor-details{ position:relative; margin-top:40px; padding-bottom:30px; background: linear-gradient(0deg, #fff, #f9f2e0); border-bottom:1px solid #ddd; border-radius:10px 10px 0 0;}
.doctor-details figure{ position:absolute; left:30px; top:30px; z-index:1; width:200px; height:280px;}
.doctor-details .doctor-details-con{ padding-top:60px; padding-left:260px; min-height:310px;}
.doctor-details .doctor-details-con h1{ padding-bottom:60px; font-size:36px; font-weight:bold;}
.doctor-details .doctor-details-con p{ margin-top:15px; line-height:26px; font-size:16px;}

.doctor-info{ margin-top:20px; margin-bottom:80px; }
.doctor-info h2{margin: 40px 0 30px; font-weight: bold; word-wrap: break-word; font-size:30px;}
.doctor-info p{ margin-bottom:20px; font-size:16px; line-height:24px;}
.doctor-info p span{ display:inline-block; padding-right:10px; font-weight:bold;}

.doctor-bg{ position:absolute; z-index:-1; left:0; bottom:0; width:100%; height:220px; background:#edf1f5/* url(../../Images/special/medical-tourism/doctor-bg.png) no-repeat bottom; background-size:100%*/;}

/* 详情页导航 */
.spe-nav{ margin-top:40px; margin-bottom:40px; padding:25px 25px; background:#f7f7f7;}
.spe-nav li a{ display:block; padding:10px 0; line-height:18px;font-size:16px; color:#888;}
.spe-nav li a span{display: inline-block;  margin-right: 10px; color: #aaa;}
.spe-nav li a:hover{ color:#5f92ce;}




@media (max-width: 768px){
	.doctor-details{ margin-top:15px;}
	.doctor-details figure{ width:40%; left:0;}
	.doctor-details .doctor-details-con{ padding:20px 10px; padding-left:45%; min-height:auto;}
	.doctor-details .doctor-details-con h1{ padding-bottom:10px;}
	.spe-nav-list{ box-sizing: border-box; position: fixed;  z-index: 10;  top: 50px; left:0;  padding: 0 10px;  width: 100%;  overflow-x: auto; overflow-y: hidden;  white-space: nowrap;
 background: #f5f5f5;}
	.spe-nav-list h2{ float:none; padding:10px 15px; width:auto;}
	.spe-nav-list h2.on a{ background:none; color:#5f92ce;}
	.spe-banner1{ display:block; margin-top:20px;}
	
	.package-list li a .package-con{ display:block; position:relative; }
	.package-list li a .package-con h3{ position:absolute; z-index:1; top:-5px; left:30px; height:auto; line-height:28px; overflow:auto; text-overflow:auto; white-space:normal;    }
	.package-list li a .package-con span.spe-price{ display:block; margin-left:60px; margin-top:40px; color:#666;}
	.package-list li a .package-con span strong{ font-size:28px; color:#5f92ce; }
	
	.package-detail {
        box-sizing: border-box;
        overflow-x: auto;
        overflow-y: hidden;
    }
	
	.doctor-list a figure{ width:30%;}
	.doctor-list a .doctor-list-info{ padding:15px 0 15px 36%; height:auto;}
	
	.apparatus-list li a figure{ position:relative; width:100%; height:auto;}
	.apparatus-list li a figure img{ height:auto;}
	.apparatus-list li a .apparatus-con{ padding:15px; height:auto;}

	.spe-nav li a{ padding:15px 0;}
	.doctor-details{ background:none;}
	.doctor-bg{ background:none;}
	}


@media (min-width: 768px) and (max-width: 819px) {
    .spe-banner { display:none;}
}