@charset "utf-8";
/* CSS Document */
 html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0;}
 ul, li{ list-style-type: none; }
 body{ background:#f8f7f5;color:#8f847a;font-family:Helvetica;}
 .fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
 .clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
.warp{ padding:0 12px;}

a, a:link { color: #8f847a; text-decoration: none; }
a:visited {  }
a:active, a:hover { text-decoration: underline; color:#8f847a}
a:focus { outline: none; }
.fontRed{color:#e65a65}

#header{ height:50px; background:#e65a65; line-height:50px;color:#fff; font-size:20px; padding:0 15px; position:relative}
#header a.btnHome{width:50px; height:50px; display:block; position:absolute; top:0;right:5px;}
#header a.btnHome span{width:21px; height:21px; background:url(../images/iconHomeWhite.png); background-size:100%; display:block; margin:14px auto}
#doctorInfo{ border-bottom:1px solid #dedede;background:#fff;font-size:15px; color:#ae753a; padding:15px}
#doctorInfo .description{height:85px;}
#doctorInfo img{float:left}
#doctorInfo span{ float:left; margin:15px 0 0 10px; font-size:14px; line-height:25px;}
#doctorInfo span strong{color:#333;font-size:22px;}
#doctorInfo span font{ font-size:12px;}

#adService{position:relative; background-size:90px 155px;  overflow:hidden; padding:30px 20px 20px 10px; border-radius:5px; text-align:right;line-height:1.2}
#adService em{ position:absolute; font-size:10px; display:block; padding:10px 20px 2px 20px; background:#ff6c81; right:-22px;top:-5px; color:#fff; font-style:normal;-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#adService font{ display: block;}
#adService h2{color:#e65a65; font-size:15px; margin-bottom:5px;}
#adService h3 {font-size:14px;color:#666; font-style:normal; margin-bottom:5px;}
#adService h3 b{font-size:25px;color:#e65a65}
#adService a.a_blue{display:block; border-radius:5px;color:#fff;height:30px; width:115px; text-decoration:none; line-height:30px; font-size:18px; margin:15px 0 0 0; text-align:center; background:#0fa3e9 no-repeat; background-size:20px 20px; background-position: 15px 5px; font-weight:bold;float:right;}
#adService a.a_red{display:block; border-radius:5px;color:#fff;height:30px; width:115px; text-decoration:none; line-height:30px; font-size:18px; margin:15px 0 0 0; text-align:center; background:#e65a65 no-repeat; background-size:20px 20px; background-position: 15px 5px; font-weight:bold;float:right;}


#cardBox{ overflow:hidden; background:url(../images/cardLeftLine.png) repeat-y 30px 0; background-size:2px 150px; position:relative}
#cardBox .cardleft{width:40px; float:left; position:relative;}
#cardBox .cardleft span{ display: inline-block; position:absolute;height:28px; border-radius:28px;border:2px solid #5b9fbf;top:15px; left:10px;background-size:25px 25px; padding-right:20px; z-index:10; line-height:28px; padding-left:38px; color:#5b9fbf;white-space:nowrap;}

#cardBox .dctleft{width:40px; float:left; position:relative;z-index:8}
#cardBox .dctleft span{ display: inline-block; position:absolute;height:28px; border-radius:28px;top:15px; left:10px;background-size:25px 25px;min-width:100px; font-weight:bold; z-index:10; line-height:28px; padding-left:38px; color:#fff; font-size:16px;}
#cardBox .dctleft em{height:20px; background:#f8f7f5;width:50px; position:absolute; top:0}

#cardBox .lastLine{height:20px; background:#f8f7f5;width:50px; position:absolute; bottom:0}
#cardBox .lastLine span{width:8px; height:8px; background:#dadada; border-radius:8px; position:absolute; bottom:20px; left:27px}
#cardBox .czTable{ background:#ddd}
#cardBox .czTable thead td{ background:#ffffea; font-weight:bold; text-align:center; padding:3px;}
#cardBox .czTable tbody td{ background:#fff;text-align:center;padding:3px; color:#e65a65}

#cardBox .iconCz{ background:url(../images/icon_calendar.png) #fff no-repeat 8px 2px; }
#cardBox .iconPc{ background:url(../images/icon_curve.png) #fff no-repeat 8px 2px; }
#cardBox .icondh{ background:url(../images/icon_tel.png) #fff no-repeat 8px 2px; }
#cardBox .iconTj{ background:url(../images/icon_tag.png) #fff no-repeat 8px 2px; }
#cardBox .iconJj{ background:url(../images/icon_jj.png) #fff no-repeat 8px 2px; }
#cardBox .iconSc{ background:url(../images/icon_sc.png) #fff no-repeat 8px 2px; }
#cardBox .iconYd{ background:url(../images/icon_yd.png) #fff no-repeat 8px 2px; }
#cardBox .iconApp{ background:url(../images/icon_APPlogo.png) #fff no-repeat 8px 2px; }

#cardBox .cardRight .TxtList h2{ font-size:16px; color:#333; border-bottom:1px solid #ddd; padding-bottom:5px;}
#cardBox .cardRight .TxtList{ display:block;}
#cardBox .cardRight .TxtList li{border-bottom:1px dashed #ddd; display:block; padding:10px 0 5px 15px; position:relative;white-space:nowrap;}
#cardBox .cardRight .TxtList li i{width:7px; height:7px; background:url(../images/icon_txtList.png) no-repeat; display:block; position:absolute; left:2px; top:15px; background-size:7px 7px;}
#cardBox .cardRight .TxtList li em{width:7px; height:13px; display:block; background:url(../images/PcList_more2.png);  position:absolute;right:5px; top:20px; background-size:7px 13px;}

#cardBox .cardRight .TxtList .lastLi{ border-bottom:0}
#cardBox .cardRight .nextDate{ display: inline-block;padding-left:25px;background:url(../images/icon_clock.png) no-repeat; background-size:20px 20px}
#cardBox .cardRight .nextWeight{ display: inline-block;padding-left:25px;background:url(../images/icon_justice.png) no-repeat; background-size:20px 20px}

#cardBox .cardRight{ border:1px solid #d2d2d2; padding:10px; background:#fff; margin:20px 20px 0 45px; border-radius:5px; zoom:1;font-size:14px; position:relative; color:#8f847a; padding-top:30px;z-index:5}
#cardBox .cardRight i{width:9px; height:19px; background:url(../images/cardChatLeft.png) no-repeat; position:absolute; left:-9px; top:10px;display:block; background-size:100%}
#cardBox .cardRight .docInfo{ overflow:hidden;position:relative;}
#cardBox .cardRight .docInfo_more a{ height:20px;width:20px; background:url(../images/iconBack.png) no-repeat center center; display:block; background-size:20px 20px;-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); transform:rotate(-90deg); margin:5px auto 0 auto}
#cardBox .cardRight .docInfo_more .a_hide{-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
#cardBox .cardRight .click{ float:right; padding:2px 15px 0 0; font-style:italic; display:inline-block}

#cardBox .c_b6{color:#b6b6b6;}
#cardBox .c_b6_right{color:#b6b6b6;float:right;}
#cardBox .c_e6{color:#e65a65;font-size:18px; font-weight:bold}
#cardBox .f_12{font-size:12px;}
#cardBox .cardRight .TxtList li span{ display:block; margin-right:10px; height:20px; overflow:hidden;text-overflow:ellipsis;}

#subBanner{position:relative; margin-bottom:10px;}
#subBanner img{width:100%}
#subBanner .right{width:380px;  color:#fff; text-align:right;top:20%; right:15px; position:absolute}
#subBanner .right span{ font-size:24px; font-weight:bold;}
#subBanner .right a{width:95px; font-weight:bold;height:31px; color:#fe5962; font-size:15px; display:block; float:right; margin-top:5px; background:#fff;  text-align:center; line-height:31px; text-decoration:none; border-radius:3px;}

#subBanner .babyInfo{width:190px; float:right; color:#fff; text-align:right;top:23%; right:15px; position:absolute; font-size:12px;}
#subBanner .babyInfo span{ display:block; font-size:16px; font-weight:bold;}
#subBanner .babyInfo a{width:82px; font-weight:bold;height:26px; color:#fe5962; font-size:14px; display:block; float:right; margin-top:5px; background:#fff;  text-align:center; line-height:26px; text-decoration:none; border-radius:3px; float:right; margin-left:8px}

#txtUl{max-height:265px;  overflow:hidden}
#TxtListMore{height:20px;}
#TxtListMore a.iconShow{width:15px; height:20px; background:url(../images/iconBack.png) no-repeat; display:block; background-size:120%; margin:10px auto 0 auto;-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); transform:rotate(-90deg);}
#TxtListMore a.iconHide{width:15px; height:20px; background:url(../images/iconBack.png) no-repeat; display:block; background-size:120%; margin:10px auto 0 auto;;-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}