﻿img { border: none; outline: none; }
input, select, textarea { outline: none; border: none; background: #FFF; resize: none; }
ul, ol { list-style-type: none; }
a { outline: none; text-decoration: none; color: #000; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
p { line-height: 2rem; }
em { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
/*清楚浮动*/
.clearFix { clear: both; *zoom:1;
}
/*公用的样式*/
.fl { float: left; }
.fr { float: right; }
.commonWidth_320 { width:100%; margin: 0 auto; overflow: hidden; }
.commonWidth_320 img { width:100%;}
.main { background: #f8f8f8; }
/*---------------------------------headAndNav-----------------------------------------*/
.topArea { background: url(img/head_bg.jpg) repeat-x left top; font-size: 13px; font-weight: bold; height: 45px; line-height: 45px; overflow: hidden; }
.topArea p { display: inline-block; float: left; overflow: hidden; padding-left: 10px; width: 125px; }
.topArea p a { color: #A46E2E; display: inline-block; float: left; margin-right: 2px; line-height: 45px; }
.topArea span { color: #363636; display: inline-block; float: left; width: 175px; line-height: 45px; }
.topArea span font { color: #fc0a05; }
.topArea { width: 310px; margin: 0 auto; position: fixed; top: 0px; z-index: 100000; left: 50%; margin-left: -155px; }
.logo { height: 59px; text-align: center; }
#nav { width: 310px; height: 132px; margin: 0 auto; border-top: 1px solid #A46E2E; overflow: hidden; }
#nav li { width: 100%; height: 66px; font-family: 'Microsoft Yahei'; }
#nav li a { display: block; width: 75px; height: 64px; background: #ececec; float: left; margin-right: 2px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; font-size: 15px; color: #A46E2E; text-align: center; }
#nav li a.last { margin-right: 0px; }
#nav li.navA a { padding-top: 9px; height: 55px; margin-bottom: 2px; }
#nav li.navB a { padding-top: 7px; height: 57px; }
#scrollBanner { width: 310px; height: 180px; margin: 5px auto; position: relative; overflow: hidden; }
#banner .ban { float: left; width: 310px; }
#banner .ban img { display: block; width: 310px; }
#dotModule { height: 11px; line-height: 6px; -webkit-border-radius: 11px; position: absolute; bottom: 5px; right: 0px; z-index: 11; }
#banner_num { text-align: center; margin: 3px 0 0 0; }
#banner_num span { display: inline-block; margin: 0 3px; width: 10px; height: 10px; vertical-align: middle; background: #A46E2E; -webkit-border-radius: 50px; border-radius: 50px; }
#banner_num .selected { background: #f60; }
.banner .b1, .banner .b1 img { width: 100%; height: 58px; }
.banner .b2, .banner .b2 img { width: 100%; height: 58px; }
.four_zy { color: #444; line-height: 24px; text-indent: 2em; font-size:1.2rem; }
.common_btn2 { width: 100%; text-align: center; margin-top: 10px; }
.common_btn2 a { border-radius: 5px; width: auto; line-height: 36px; background:#A46E2E; font-size:1.2rem; color: #fff; text-align: center; padding: 0 10px; display: inline-block; }
.common_btn3 { width: 100%; text-align: center; margin-top: 10px; }
.common_btn3 a { border-radius: 5px; width: auto; line-height: 36px; background: #FF8A00; font-size:1.2rem; color: #fff; text-align: center; margin: 10px; padding: 0 10px; display: inline-block; }
/*CommentItem*/
.ylb_h1 { font-size:1.2rem; color:#A46E2E; }
.ylb_p p { color: #444; line-height:2rem; font-size:1.2rem; }
.ylbbd { width: 100%; padding: 0 7px; }
.ylbbd_l { width: 100%; overflow:hidden; margin-top: 10px; }
.ylbbd_r { width: 100%; overflow:hidden; margin-top: 10px; }
.ylbbd_l img { float: left; width:40% }
.ylbbd_l h1 { width:55%; float: right; margin-right:3%; background: #A46E2E; color: #fff; font-size:1.2rem; font-weight: bold; line-height:2rem; padding-left: 10px; }
.ylbbd_l p { width: 55%; float: right; margin-right: 3%; color: #444; padding-left: 10px; font-size:1.2rem; line-height:2rem; }
.ylbbd_r img { float: right; width:40%;  margin-right:3%; }
.ylbbd_r h1 { width:55%; float: left; padding-left: 10px; background: #ff8500; color: #fff; font-size:1.2rem; font-weight: bold; line-height:2rem; }
.ylbbd_r p { width:55%; float: left; padding-left: 10px; color: #444; line-height:2rem; font-size:1.2rem;}
#CommentItem { width: 300px; height: auto; margin: 10px auto 0; background: #ecf9ff; font-size: 'microsoft yahei'; }
#CommentItem .til { width: 100%; height: 31px; background: #2e8acb url(../img/comment_til.jpg) no-repeat left center; margin-bottom: 12px; }
#ztComment { width: 100%; height: auto; margin: 0 auto; font-size:1rem; background: #fff; }
#ztComment .allScore { width: 100%; height: 20px; margin: 10px auto; padding: 10px 0px; }
#ztComment .allScore li { width: 20%; height: 20px; line-height: 20px; text-align: center; float: left; color: #666; }
#ztComment .allScore li span.all { color: #2e8acb; font-weight: bold; }
#ztComment .allScore li span.else { color: #8BB6C2; }
#ztComment .allScore li a { display: block; width: 100%; height: 20px; line-height: 20px; margin: 0 auto; background: #2e8acb; text-align: center; color: #fff; text-decoration: none; }
#ztContent { width: 100%; font-size:1rem; color: #555; }
#ztContent dl { width: 100%; height: auto; padding: 10px 0px; border-bottom: 1px dashed #9FBECD; }
#ztContent dl dt { width: 100%; height: 20px; }
#ztContent dl dt ul { width: 100%; height: 20px; margin: 0 auto; }
#ztContent dl dt ul li { float: left; height: 20px; line-height: 20px; }
#ztContent dl dt ul li.name { width: 50%; }
#ztContent dl dt ul li.name span { color: red; }
#ztContent dl dt ul li.score { width: 30%; }
#ztContent dl dt ul li.score span { color: red; }
#ztContent dl dt ul li.praise { width: 20%; text-align: right; }
#ztContent dl dt ul li.praise em { font-style: normal; color: #2e8acb; }
#ztContent dl dt ul li.praise span { cursor: pointer; }
#ztContent dl dd { width: 90%; height: auto; margin: 10px auto; line-height: 150%; }
#page { width: 100%; text-align: center; padding: 20px 0px; }
#page a { text-align: center; padding: 3px 4px; margin: 0 1px; color: #8BB6C2; text-decoration: none; border: 1px solid #eee; }
#page span { padding: 3px 5px; text-align: center; border: 1px solid #ddd; background: #eee; color: #fff; }
#mySend { display: none; border-radius: 2px; width: 250px; height: 355px; padding: 10px; font-family: Microsoft Yahei; position: fixed; top: 50%; left: 50%; margin-top: -180px; margin-left: -130px; z-index: 10002; background: #fff; }
#mySend table { margin: auto; text-align: left; width: 95%; font-size:1rem; }
#mySend table th { background: #EEF3F7; border-bottom: 1px solid #D5DFE8; font-weight: normal; color: #2e8acb; text-indent: 26px; height: 30px; line-height: 32px; }
#mySend table tr { background: #fff; }
#mySend table tr:hover { background: #DBECFD; }
#mySend table td { border-bottom: 1px solid #EEEEEE; color: #888; height: 30px; line-height: 30px; padding: 1px 0px; }
#mySend table td div.middle { float: left; }
#mySend table td div.sc { float: left; }
#mySend table td div.default { float: left; }
#mySend table td div.default img { display: inline-block; margin-top: -5px; }
#mySend form input.text { background: #FFFFFF; border: 1px solid #2e8acb; height: 19px; width: 220px; }
#mySend form textarea { background: #FFFFFF; border: 1px solid #2e8acb; float: left; height: 100px; width: 220px; min-width: 220px; min-height: 100px; max-height: 100px; max-width: 220px; }
#mySend form input.btn { background: #2e8acb; border: 1px solid #2e8acb; color: #FFF; cursor: pointer; height: 21px; outline: none; width: 124px; margin-left: 40px; }
#mySend div.close { width: 20px; height: 20px; line-height: 20px; text-align: center; background: #fff; position: absolute; top: -10px; right: -10px; color: #888; cursor: pointer; box-shadow: 1px 1px 1px #222; border-radius: 50px; border: 1px solid #eee; }
#fkShow { height: 20px; font-size:1rem; padding: 10px 0; }
#fkShow p { width: 20%; height: 20px; line-height: 20px; text-align: center; color: #666; text-indent: 0px; float: left; font-family: Microsoft Yahei; }
#clickBtn { display: block; width: 50px; height: 20px; line-height: 20px; border-radius: 1px; outline: none; text-align: center; color: #fff; text-decoration: none; font-size: 11px; margin: 0 auto; background:#A46E2E; }
#fkShow p em { font-style: normal; color: #0094D6; }
#fkShow p em.all { font-style: normal; font-size: 13px; font-weight: bold; }
.blackBg { width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); position: fixed; left: 0px; top: 0px; z-index: 10001; display: none; }
#btn { clear: both; height: auto; margin: 0 auto; text-shadow: none; width: 99%;  }
#btn a { border-radius: 10px; box-shadow: 3px 3px 3px #797A7A; color: #FFFFFF; display: block; font-size:1.4rem; height: 40px; line-height: 40px; margin: 15px 0px; text-align: center; width: 100%; }
#btn a.callDoctor { background: url(../img/lineQQ.png) no-repeat scroll 4% center #ff9900; }
#btn a.callPhone { background: #A46E2E; }
#address { padding-bottom: 45px; }
#address p { padding: 5px 0px; text-align: center; color: #666; font-size:1rem; }
.fixednav { width: 100%; height: 40px; margin: 0 auto; position: fixed; bottom: 0px; }
.fixednav a { display: block; height: 40px; line-height: 40px; overflow: hidden; font-size:1.2rem; text-align: center; color: #fff; text-decoration: none; float: left; position: relative; }

.fixednav a.phone { width: 33%; background: #368ce1; }
.fixednav a.home { width: 34%; background: #F4C628; }
.fixednav a.message { width: 33%; background: #368ce1; }
