.Healths,.Self,.Facilities{width:320px;float:left;}
.Self{margin:0 20px}

.Knowledge{margin-top:20px;}

.DiseaseLists{margin-top:10px;width:100%}
.DiseaseLists li{float:left;line-height:28px;padding-left:15px;width:144px;background:url(../images/DiseaseDots.gif) no-repeat 0 10px;font-size:14px;}

.ConvenientImg img{margin:15px 0 0;display:block;border-bottom:1px dashed #DDD;padding-bottom:15px;width:100%;}
.ConvenientImg img:hover{opacity:0.8;}
.ConvenientImg .newlist1{height:135px;}

.TiTle{ border-bottom:2px solid #ba3530; margin-bottom:16px; height:36px;}
.TiTle span{ display:block; width:120px; background-color:#ba3530; text-align:center; font-weight:normal; color:#FFF; font-size:18px; height:34px; line-height:34px;}
.TiTle a{ color:#999;}
.TiTle span{ padding:0;}
.TiTle .More{color:#999; font-size:14px;font-family:"微软雅黑";font-weight: bold;}
.TiTle .More:hover{color:#ba3530;}

@media only screen and (max-width:768px){
 div.Healths,div.Self,div.Facilities{width:31.33333%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
 .Self{margin:0 3%;}
 .DiseaseLists li{width:25%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
}
@media only screen and (max-width:640px){
 div.Healths,div.Self,div.Facilities{width:100%;float:none;margin:0 0 10px}
 div.Knowledge{margin:0}
 .DiseaseLists li{width:50%;height:28px;overflow:hidden;}
 .ConvenientImg .newlist1{height:auto;}
}