@charset "utf-8";
/*---------------------------------
Site:好医师健康管家
Description:首页样式
Company:众意
Author:chenz
Created:2015.07.19
Updated:2015.07.21
Updated by:chenz
---------------------------------*/

/* init */
html,body,dl,dt,dd,ul,li,h3,h4,pre,input,p,blockquote,th,td,form,iframe,ol {margin:0;padding:0;}
html {width:100%;height:100%;}
body {}
ul {list-style:none;}
img {border:0;}
q:before,q:after {content:'';}
iframe {filter:chroma(color=#ffffff);}
table {border-collapse:collapse;border-spacing:0;width:100%;}
.clear {zoom:1;}
.clear:after {clear:both;content:"";display:block}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;*overflow:visible;}

input {outline:none;}
input,code {font-family:"Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif;}
ul, dl, dl dt, dl dd, form {padding:0;margin:0;list-style:none;}
h1, h2, h3, h4, h5 {padding:0;margin:0;}

input,textarea {margin:0;font-family:"Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif;font-size:12px;}
a {color:#333;text-decoration:none;border:none;outline:none;}
a:hover {color:#3499EB;text-decoration:none;}
a:focus {outline:none;}

.hide{display:none;}

/* Base */
body {background:#F6F6F6;color:#333;font-size:12px;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif;position:relative;}
.main {width:990px;margin:0 auto;}

/* Layout */
.header {background:#FDFDFD;}
.header-top {height:62px;padding-top:16px;}
.header-top .logo {background:url(../images/hospital-index/small-logo.png) no-repeat;height:48px;padding-left:56px;float:left;}
.header-top .logo p {font-size:20px;font-weight:bold;margin-bottom:4px;}
.header-top .logo span {color:#999;font-size:12px;}
.header-top .header-operat {float:right;}
.header-top .header-operat a {margin:0 5px;color:#3499eb;}
.header-top .header-operat .login-link {color:#3499EB;font-weight:bold;}
.header-top .header-operat .login-link:hover {color:#0C4F85;}
.nav {background:#0C4F85;height:50px;}
.nav li {float:left;}
.nav li a {width:96px;height:50px;line-height:50px;display:block;text-align:center;color:#FFF;font-size:14px;}
.nav li a:hover {background:#1F69A5;}
.nav li.selected a {background:url(../images/hospital-index/nav-selected-bg.png) repeat-x;}

.banner {background:#FBFAF8 url(../images/hospital-index/hospital-banner.jpg) no-repeat center center;border-bottom:#EEE solid 1px;height:400px;width: 990px;margin: 0 auto;}
.banner .ad-txt {background:url(../images/hospital-index/ad-txt-bg.png) repeat;padding:24px 32px;margin-top:192px;float:left;}
.banner .big-txt {font-size:30px;}
.banner .big-txt strong {color:#379BED;font-size:14px;font-weight:normal;margin-left:20px;}
.banner .small-txt  {color:#666;font-size:18px;margin-top:20px;}

.content {padding:30px 0;}
.c-top {}
.c-top .c-left {background:#FFF;width:660px;float:left;}
.c-top .c-right {width:315px;float:right;}
.c-title {background:url(../images/hospital-index/title-bg.png) repeat-x left bottom;height:34px;line-height:34px;}
.c-title h3 {border-bottom:#389CED solid 1px;padding:0 12px;font-size:16px;font-weight:normal;float:left;}
.c-title a {margin-right:12px;padding-left:18px;color:#666;float:right;}
.c-title a:hover {color:#3499EB;}
.c-title a.more-link {background:url(../images/hospital-index/ico-more.png) no-repeat left center;}

.news-table {height:175px;padding:0 12px;margin-bottom:30px;}
.news-table td {border-bottom:#D6D6D6 dotted 1px;height:34px;line-height:34px;padding:0 12px;color:#999;vertical-align:middle;}
.news-table .news-title a {background:url(../images/hospital-index/ico-dot.png) no-repeat left center;padding-left:12px;font-weight:bold;}
.news-table .news-date {text-align:right;}
.about-us {padding:0 12px;margin-bottom:12px;}
.about-us .about-main {width:303px;height:268px;float:left;}
.about-us .about-map {width:303px;height:268px;float:right;}
.about-us img {width:303px;height:148px;display:block;}
.about-us .about-main .about-txt {line-height:150%;margin-top:12px;}
.about-us .address {line-height:180%;margin:21px 0;}
.about-us .address .address-txt span {color:#999;}
.about-us .about-map .tel {background:url(../images/hospital-index/tel-bg.png) repeat-x;width:303px;height:34px;line-height:34px;text-align:center;color:#FFF;font-size:14px;font-weight:bold;vertical-align:middle;}

.dr-box {background:#FFF;margin-bottom:30px;}
.dr-box .dr-show {height:248px;}
.dr-box .dr-main {padding:12px;}
.dr-main .title{ display: block;font-size: 17px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;}
.dr-main .dr-pic {border:#DDD solid 1px;width:110px;height:110px;margin-right:12px;float:left;}
.dr-main .dr-info {width:162px;float:left;}
.dr-main .dr-info h4 {font-size:14px;margin-bottom:5px;}
.dr-main .dr-info span {color:#399DED;}
.dr-main .dr-info p {color:#666;margin:5px 0;}
.dr-main .dr-info .book-btn {background:url(../images/hospital-index/book-btn.png) repeat-x;width:78px;height:30px;line-height:30px;text-align:center;color:#FFF;display:block;}
.dr-main .dr-info .book-btn:hover {background-position:0 -30px;}
.dr-main .dr-info .book-btn:active {background-position:0 -60px;}
.dr-box .dr-btn {}
.dr-box .dr-btn td {border:#EEE solid 1px;height:34px;line-height:34px;}
.dr-box .dr-btn td a {display:block;height:34px;}
.dr-box .dr-btn td a:hover {background-color:#DDEEFC;}
.dr-box .dr-btn td a:active {background-color:#B8DCF9;}
.dr-box .dr-btn .pre-btn {background:url(../images/hospital-index/dr-btn.png) no-repeat center 0;}
.dr-box .dr-btn .next-btn {background:url(../images/hospital-index/dr-btn.png) no-repeat center -34px;}

.hospital-pic {background:#FFF;width:310px;height:217px;margin:12px 0 0 0;}
.hospital-pic img {width:310px;height:217px;}

.message-board {background:#FFF;margin-top:30px;padding-bottom:20px;}
.message-box {padding:20px 12px;}
.message-box li {border:#DDD solid 1px;border-bottom:none;}
.message-box .message-left,
.message-box .message-right {float:left;}
.message-box .message-left {padding:16px 0;text-align:center;}
.message-box .dr-pic {border:#DDD solid 1px;width:50px;height:50px;margin-left:10px;}
.message-box .dr-pic img {width:50px;height:50px;} 
.message-box .message-left h4 {text-align:center;margin:6px 0;}
.message-box .message-left span {color:#399DED;}
.message-box .message-right {width:518px;padding:45px 18px;font-size:14px;line-height:150%;position:relative;}
.message-box .message-date {padding:0 18px;height:24px;line-height:24px;color:#999;position:absolute;right:0;top:0; margin-top: 8px;font-size:12px;}
.message-box .message-date-left {padding:0 18px;height:24px;line-height:24px;color:#999;position:absolute;left:0;top:0; margin-top: 8px;font-size:12px;}
.message-box .message-bottom {border-left:#DDD solid 1px;border-right:#DDD solid 1px;border-bottom:#DDD solid 1px;height:30px;text-align:right;}
.message-release {padding:0 12px;}
.message-login {height:22px;margin-bottom:8px;}
.message-login label,
.message-login .input-txt {float:left;}
.message-login label {height:22px;line-height:22px;margin-right:4px;}
.message-login .input-txt {background:#FFF;border:#DDD solid 1px;height:20px;line-height:20px;padding-left:4px;margin-right:30px;}
.message-login a {height:22px;line-height:22px;margin-right:20px;float:left;}
.message-login a.login-btn {background:url(../images/hospital-index/login-btn.png) no-repeat;width:56px;text-align:center;color:#FFF;display:block;}
.message-login a.login-btn:hover {background-position:0 -22px;}
.message-login a.login-btn:active {background-position:0 -44px;}
.message-release .input-textarea {background:#F0F0F0;width:630px;}
.message-release .release-btn {background:url(../images/hospital-index/release-btn.png) no-repeat;width:110px;height:30px;line-height:30px;text-align:center;color:#FFF;display:block;margin:20px auto 0 auto;font-size:14px;}
.message-release .release-btn:hover {background-position:0 -30px;}
.message-release .release-btn:active {background-position:0 -60px;}

.footer {background:#FBFAF8;height:100px;margin-top:50px;border-top:#E7E7E5 solid 1px;}
.footer .footer-link {height:30px;line-height:30px;text-align:center;float:right;}
.footer .footer-link span {margin:0 10px;color:#CCC;}
.footer .footer-bottom {height:30px;line-height:30px;text-align:center;color:#999;float:left}

.back-top {background:url(../images/hospital-index/back-top.png) no-repeat;width:40px;height:40px;display:block;position:fixed;bottom:50px;right:50px;}
.back-top:hover {background-position:0 -40px;}
.back-top:active {background-position:0 -80px;}

/*医生卡片*/
.doctor-car{
	background:#f6f6f6;
	border:1px solid #dddddd;
	padding:15px;
	margin:12px;
	height: 185px;
	overflow:hidden;
	font-size:14px;
	position:relative;	
}
.next-icon{
	position:absolute;
	top:90px;
	right:10px;
}

.doctor-img {
	float:left;
}
.doctor-img .book-btn{
	background: url("../images/hospital-index/book-btn.png") repeat-x scroll 0 0;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 120px;
}
.doctor-info-con{
	float:left;
	width:180px;
	margin-left:15px;
}
.doctor-info-con h4{
    font-size: 14px;
    margin-bottom: 5px;
}
.doctor-info-con span{
	 color: #399ded;
	 font-size:12px;
}
.doctor-info-con p{
	color: #666;
    margin: 5px 0;
    font-size:12px;
}
.doctor-info-con02{
	float:left;
	width:230px;	
	height:185px;
	border-left:1px solid #dddddd;
	display:block;
	margin-left:15px;
	padding-left:15px;
}

.doctor-info-con02 h4{
	font-size: 14px;
    margin-bottom: 5px;
}

.doctor-info-con02 p{
	color: #666;
    margin: 5px 0;
    font-size:12px;    
}

.info-con-title{
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
}
.doctor-name{
	color:#3b9ded;
}
.doctor-car-bg{
	position:absolute;
	top:240px;
	left:5px;
}

/**************博文*******************/
.line-box{
	border-bottom:1px dotted #d6d6d6;
	padding-bottom:25px;	
	margin-bottom:25px;
}

.blog_cases_box{	
	line-height:19px;
	position:relative;
	border-left:5px  solid #389ced;
	
}

.blog_con{
	padding-left:20px;
}

.case_fbz{
	font-size:14px;
	position:absolute;
	top:5px;
	right:10px;
	color:#009170;
}

.case_fbz a{
	color:#00AC85;	
}

.case_fbz a:hover{
	color:#007d61;
}

.blog_cases_title{
    font-size:17px;
	font-weight:bold;
}

.blog_conbox{
	margin:13px 0 5px 0;
}

.blog_cases_newimg{
	float:left;
	margin-right:20px;
	width:68px;
	text-align:center;
	
}

.blog_cases_newimg img{
	border:1px solid #CCC;
	padding:3px;
}

.blog_promulgator{
	font-size:12px;
	font-weight:bold;
}

.news_cases_con{
	width:520px;
	float:left;
	display:block;
}

.blog_cases_box{	
	line-height:19px;
	position:relative;
	border-left:5px  solid #389ced;
	
}

.read-all a{
	background:url(../images/ico-more.png) no-repeat scroll 0 -88px;
	color:#3499eb;	
	font-weight:normal;
	margin-top:5px;
	padding-left:18px;
	display:block;
	
}

.read-all a:hover{
	background:url(../images/ico-more.png) no-repeat scroll 0 -133px;
	color:#0c4f85;
}

.case_list_info{	
	padding:2px;
	margin-top:8px;
	overflow:hidden;
}

.case_list_info .comment {
    background-image: url("../images/icon_comment.gif");
}

.case_list_info span {
    background-repeat: no-repeat;
    margin: 0 6px;
    padding-left: 20px;
}

.case_list_info .view {
    background-image: url("../images/icon_arrow.gif");
}

.case_list_info span {
    background-repeat: no-repeat;
    margin: 0 6px;
    padding-left: 20px;
}

.info_con{
	float:right;
}