﻿
/*by:andy_zhou*/
@import url("site.css");
body, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, div { margin: 0; padding: 0; list-style: none; vertical-align: bottom; font-family: arial; -webkit-text-size-adjust: none; }
img, input, select { vertical-align: middle; margin: 0; padding: 0; border: 0 }
ol, ul, li { list-style: none; margin: 0; padding: 0; *text-indent:0px
}
.artical-content p { font-size:14px !important; line-height:24px }
.artical-content div { font-size:14px !important; line-height:24px }
body { background: #eceff1;/*f0eaea*/ }
.csssmall { font-size: 12px; }
.cssnormal { font-size: 15px; }
.cssbig { font-size: 18px; }
.cssred { color: red; }
.cssbold { font-weight: bolder; }
.csscenter { text-align: center; }
.pic { margin-top: 0px; }
.pic img { width: 100%; vertical-align: bottom; }
.bodycontent { background: white; overflow: hidden }
.artical-content { color: #333333; font: normal 14px/20px arial; background: white; padding: 8px }
.flr { float: right }
.fll { float: left }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }
.yhxm ul li p a { font-size:12px !important; line-height:27px !important }
.yhxm ul li p { font-size:12px !important; line-height:27px !important }
.bd_con { width:94%; margin:0 auto; line-height:24px; }
.h_title h2 { font-size:20px; text-align:center; color:#000; font-weight:bold !important; margin:2% 0 }
/*患者评论样式*/
#uyan_frame { width:305px; margin:0 auto }
#uyan_frame .loading { text-align:center; padding:50px 0; }
#uyan_cmt_list { height:400px; overflow: scroll }
/*预约页面样式*/
.zx_tit { text-align:center; padding:5px; }
.yuyue { font-size:12px; width:298px; margin:0 auto; overflow:hidden }
.yuyue div { width:305px; margin:5px auto; clear:both }
.yuyue div span { width:50px; text-align:center; color:red }
.yuyue div font { float:left; width:79px; text-align:right; line-height:22px; font-size:14px; }
.yuyue .input_style { font: normal 14px/15px arial; float:left; width:206px; height:22px; border-radius: 2px; color:#333; border:#ccc 1px solid; background:#eee; padding:0 5px; }
.yuyue .yuyue_name { padding-top:10px; }
.yuyue .yuyue_age { padding-top:10px; }
.yuyue .yuyue_hometel { padding-top:10px; }
.yuyue .yuyue_date { padding-top:10px; }
.yuyue .yuyue_qq { padding-top:10px; }
.yuyue .yuyue_ill { padding-top:10px; }
.yuyue .yuyue_ill .input_style { padding-top:10px; float:left; height:88px; border-radius: 4px; }
.yuyue .yuyue_ill font { padding-top:10px; }
.yuyue .yuyue_validate { padding-top:10px; }
.yuyue .yuyue_validate .input_style { float:left; width:60px; padding:2px; border-radius: 4px; }
.yuyue .yuyue_validate .absmiddle { cursor:pointer; margin-left:6px; border-radius: 4px; opacity:0.5 }
.yuyue .yuyue_button { padding:10px 0 0 68px; color:#433d3b }
.yuyue .yuyue_button .submit { font: normal 12px/15px arial; width:65px; height:22px; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee)); -webkit-background-origin: padding; -webkit-background-clip: content; border:1px solid #b3b3b4; cursor:pointer; margin:2px 4px; color:#433d3b }
/*留言页面样式*/
.message { font-size:12px; width:290px; margin:0 auto; overflow:hidden }
.message div { width:305px; margin:5px auto; clear:both }
.message div span { width:50px; text-align:center; color:red }
.message div font { float:left; width:70px; text-align:right; line-height:18px; }
.message .input_style { font: normal 12px/15px arial; float:left; width:180px; height:18px; border-radius: 2px; color:#333; border:#ccc 1px solid; background:#eee; padding:0 5px; }
.message .message_name { padding-top:10px; }
.message .message_age { padding-top:10px; }
.message .message_hometel { padding-top:10px; }
.message .message_date { padding-top:10px; }
.message .message_qq { padding-top:10px; }
.message .message_address { }
.message .message_ill { padding-top:10px; }
.message .message_ill .input_style { padding-top:10px; float:left; height:88px; border-radius: 4px; }
.message .message_ill font { padding-top:10px; }
.message .message_validate { padding-top:10px; }
.message .message_validate .input_style { width:100px }
.message .message_validate { padding-top:10px; }
.message .message_validate .input_style { float:left; width:60px; padding:2px; border-radius: 4px; }
.message .message_validate .absmiddle { cursor:pointer; margin-left:6px; border-radius: 4px; opacity:0.5 }
.message .message_button { padding:10px 0 0 68px; color:#433d3b }
.message .message_button .submit { font: normal 12px/15px arial; width:65px; height:22px; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee)); -webkit-background-origin: padding; -webkit-background-clip: content; border:1px solid #b3b3b4; cursor:pointer; margin:2px 4px; color:#433d3b }
/*右侧固定漂浮标*/
.right-bar {position: fixed;top: 33%;    right: 0;z-index: 10000;}
.ifswt { width:320px; position:relative; margin:2px auto; overflow:hidden }
.anslysis { float:left; height:0px; overflow:hidden }
#bridgehead { display:none }
.bitwz { margin: 0 auto; padding: 0; width: 320px; text-align:center; }
.bitwz p { padding-bottom:5px; }
.bitwz a { float: left; display: inline; overflow: hidden; }
#BDBridgeWrap { display:none !important; }
#QIAO_INVITE_CONTAINER { display:none !important; }
.qiao-icon-sector-inner { display:none !important; }
.n_menu { height:39px; background:url(/images/dh.jpg) no-repeat center top; margin-bottom:2px }
.n_menu ul { width:295px; margin:0 auto }
.n_menu ul li { height:37px; width:51px; margin: 0 2px 0 6px; float:left; display: inline; }
.n_menu ul li a { height:37px; width:51px; display:block }
#expert_scroll { margin:0 auto; }
.subnavmenu a { line-height: 35px; color: #004477; }
.subnavmenu b { display:block; font-size:14px; float:left; }
.subnavmenu span img { margin:-5px 2px 0; }
.subnavmenu span { display:block; color:#f35d06; font-size:15px; float:left; line-height:36px; }
.nav-dh { background:#f1deb4; height:30px; line-height:30px; text-align:center; }
.nav-dh .a-zx { text-decoration:underline; }
.nav-dh a { color:#f00; font-size:12px; }
.s3{padding:1.5% 1.5% 0; overflow:hidden; width:100%}
.s3 a { color:#fff;display: block;text-align: center;padding: 2.0% 0;float: left;margin-bottom: 1%; font-size:1.4em; font-family:微软雅黑; margin-right:1%}
.s3-a1{ background:#b0704c; width:40%;}
.s3-a2{ background:#d1aa04; width:55%;}
.s3-a3{ background:#c36355; width:49%; }
.s3-a4{ background:#639c8d;width:46%;}
.s3-a5{ background:#3c96a1; width:41%;}
.s3-a6{ background:#8c7120; width:54%;}
.s3-a7{ background:#a69056; width:45%;}
.s3-a8{ background:#a7ac46;width:50%; }
@keyframes change{0%{transform: scale(.8);} 50%{transform: scale(1);} 100%{transform: scale(.8);}}
@-webkit-keyframes change{0%{-webkit-transform: scale(.8);} 50%{-webkit-transform: scale(1);} 100%{-webkit-transform: scale(.8);}}
@-moz-keyframes change{0%{-moz-transform: scale(.8);} 50%{-moz-transform: scale(1);} 100%{-moz-transform: scale(.8);}}
#logo{position:relative;top:0;}
#lefta{position:absolute; display:block; top:26px; left:10px;}
#rightb{position:absolute; display:block; top:26px; right:10px;  width:60px; height:60px;vertical-align:middle; text-align:center}
#rightb span{ background-size:38px 39px; width:38px; height:39px; display:block; -webkit-animation:change 1s infinite; animation:change 1s infinite; -moz-animation:change 1s infinite; margin-left:12px; margin-top:9px; float:left;} 
@media screen and (max-width:640px){
#lefta{top:11px !important;left:6px !important;}
#btn1{width:38px;height:30px;}
#rightb{position:absolute;display:block;top:17px;right:10px;background:url(/images/top_tel1.png) no-repeat;width:38px;height:29px;background-size:38px 29px;vertical-align:middle;text-align:center}
#rightb span{background:url(/images/top_tel.png) no-repeat;background-size:19px 20px;width:19px;height:20px;display:block;-webkit-animation:change 1s infinite;animation:change 1s infinite;-moz-animation:change 1s infinite;margin-left:8px;margin-top:5px;float:left;}
#rightb{top:11px !important;right:5px !important;}
}
 @media screen and (min-width:480px) and (max-width:639px){
 #btn1{width:40px;height:40px;margin-left:7px;}
#rightb{position:absolute;display:block;top:17px;right:10px;background:url(/images/top_tel1.png) no-repeat;width:40px;height:40px;background-size:40px 40px;vertical-align:middle;text-align:center}
#rightb span{background:url(/images/top_tel.png) no-repeat;background-size:19px 20px;width:19px;height:20px;display:block;-webkit-animation:change 1s infinite;animation:change 1s infinite;-moz-animation:change 1s infinite;margin-left:8px;margin-top:5px;float:left;}
}

#logo_hfpifuke_com{position:relative;top:0;z-index:99}
.jundashouji_top{text-align:center; height:1px;margin-top:40px;}

#QIAO_ICON_CONTAINER.qiao-icon-sector-left {display: none !important; left:-9999px}


.f_tel { width:100%; margin:1% auto; padding:0; clear:both; overflow:hidden ; text-align:center}

.f_tel p{padding-top: 2%; font-size:24px; font-family:微软雅黑}

.f_tel p span {color: #b51f0f;font-weight: bold;}

#zzwd{border-top:2px solid #924900;padding-top:15px;font-family:"Microsoft YaHei";margin-top:5px  }
.time{display:block;width:142px;height:30px;text-align:center;line-height:30px;font-size:14px;color:#fff;margin:0 auto 12px;  background-color: #b4b4b4;-khtml-border-radius: 10px;-rim-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.zzwdBoxItem{padding:0 5%;}
.zzwdBoxItem img{display:block;width:15%;float:left;margin-right:5%;}
.message{width:70%;background:url(/images/mesBg.png) no-repeat;float:left;line-height:20px;padding-left:17px;padding-right:10px;color:#222;padding-top:5px; -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%;line-height: 24px;}
.message p {  padding: 5%;}
.message p a {color:black;font-size:14px}
#footbar {background-color:#ffffff;width: 100%;padding-top:15px;padding-bottom:40px; font-size:18px}
#address {width: 100%;	margin:0 auto 10px;	font-family:'微软雅黑';	font-size:16px;	color:#5F5F60;	font-weight:bold;text-align:center;}
#address p{line-height:26px;}
#tab4{	margin-bottom:10px;	}
#tab4 ul{ height:49px;}
#tab4 li{ float:left; display:inline; width:50%; height:49px; text-align:center;}



.doc { width:100%; margin:0 auto; margin-top:15px; padding:0; background-color:#151515; }

#wrapper { margin:0; width:100%; height:auto; float:left; position:relative;	/* On older OS versions "position" and "z-index" must be defined, */ z-index:1;			/* it seems that recent webkit is less picky and works anyway. */ overflow:hidden; }

#scroller { height:auto; float:left; padding:0; }

#scroller ul { list-style:none; display:block; float:left; width:100%; height:auto; padding:0; margin:0; text-align:left; }

#scroller li { display:block; float:left; width:auto; height:auto; text-align:center; font-size:0px; padding:0; position:relative;}

#scroller li a { display:block; padding:0; margin:0; }

#scroller li p { position:absolute; z-index:2; display:block; width:100%; bottom:0; background-color:rgba(0, 0, 0, 0.5); color:#F4F4F4; font-size:14px; text-indent: 55px; line-height:24px; text-align: left; text-indent: 10px; text-overflow: ellipsis; white-space: nowrap; padding:0; margin:0; }

#nav { float: right; margin-top: -12px; padding: 0; position: relative; width: auto; z-index: 3;margin-right: 44%;}

#prev, #next { float:left; font-weight:bold; font-size:14px; padding:5px 0; width:80px; display: none; }

#next { float:right; text-align:right; }

#indicator > li { display:block; float:left; list-style:none; padding:0; margin:0; }

#indicator { display: block; margin: 0; padding: 0; width: auto; }

#indicator > li { text-indent:-9999em; width:8px; height:8px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:10px; background:#888; overflow:hidden; margin-right:4px; }

#indicator > li.active { background:#924900; }

#indicator > li:last-child { margin:0; }
.zjzt{position: absolute; height: 50px; width:30%;top:65%;left:40%;z-index:999}

.contentnr{font-size:1.5em;}

.position{height:2.5rem;line-height:2.5rem;font-size:2em;margin-top:1em;margin-left:0.5em;}.

