@charset=utf-8;
*{
	margin:0;
	padding:0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.hide{
	display:none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
button {
-webkit-appearance: none;
appearance:none;
-moz-appearance:none;
}

ul,ol,li{
	list-style:none;
}
a,img{
	border:none;
	outline-style:none;
}
a{
	text-decoration:none;
}
a:hover{
	color:#007cc3;
}
input,textarea{
	outline:0;
	border:none;
}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,address,img,dl,dt,dd,ol,nav,ul,nav li,label,article,aside,footer,header,hgroup,menu,nav,output,time,mark,audio,video,input,textarea{
	font-family:"宋体",Tahoma,Arial,sans-serif;
	color:#333;
}
html, body{
	width: 100%;
	height: 100%;
	background: #fff;
}
.clear{clear:both;}


.fl{float: left;}
.fr{float: right;}
.mt15{ margin-top: 15px;}
.w50{ width: 50%;}
.red{ color: #f00;}
.br{ border: 1px solid #ddd;}
.brb{ border-bottom: 3px solid #0e79bd;}

/*顶部*/
#top{
	width: 100%;
	height: 33px;
	line-height: 33px;
	background: #f7f7f7;
	font-size: 12px;
	border-bottom:1px solid #e0e0e0;
}
#top .top_left span{
	float: left;
	padding: 0 5px;
}
.cont{
	width: 970px;
	margin:0 auto;
}

/*头部*/
.header{
	width: 960px;
	margin: 15px auto;
	padding: 20px 10px;
}
.logo{
	display: block;
	float: left;
	width: 163px;
	height: 52px;
	background: url("../image/logo.png") no-repeat;
	margin-left: 20px;
	margin-right: 20px;
}
.header span{
	font-size: 26px;
	color: #888a89;
	font-family: "微软雅黑";
	display: block;
	float: left;
	margin-top: 15px;
}
.serch a{
	display: block;
	width: 124px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #26a2e9;
	margin-top: 8px;
	margin-right: 20px;
	border-radius: 5px;
}
.header .text{
	float: right;
	font-size: 22px;
	color: #000;
	margin-top: 22px;
	font-weight: bold;
}

.main{
	width: 980px;
	margin: 15px auto;
	overflow: hidden;
}
.mleft{
	width: 240px;
	float: left;
}
.mright{
	width: 693px;
	float: right;
	border: 1px solid #dcdcdc;
	padding: 15px;
}
/*左边块样式*/
.mleft .person{
	padding: 20px 15px;
	border: 1px solid #dcdcdc;
}
.mleft .person .pimg{
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 15px;
	border-radius: 80px;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	-ms-border-radius: 80px;
	vertical-align: top;
}
.mleft .person .pimg img{
	border-radius: 80px;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	-ms-border-radius: 80px;
}
.mleft .person dl dt{
	margin-top:10px;
	margin-bottom: 5px;
	color: #000;
	font-size: 20px;
	color: #F90;
}
.mleft .person dl dd a{
	font-size: 12px;
	color: #007CC3;
}
.mleft ul{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}
.mleft ul li{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e5e5e5;
}
.mleft ul li.active a.icon01{
	background:#f0f0f0 url("../image/tiwen.png") left 40px center no-repeat;
	color: #007cc3;
}
.mleft ul li.active a.icon02{
	background:#f0f0f0 url("../image/appointment.png") left 40px center no-repeat;
	color: #007cc3;
}
.mleft ul li.active a.icon03{
	background:#f0f0f0 url("../image/plus.png") left 40px center no-repeat;
	color: #007cc3;
}
.mleft ul li.active a.icon04{
	background:#f0f0f0 url("../image/doctor.png") left 40px top 8px no-repeat;
	color: #007cc3;
}
.mleft ul li.active a.icon05{
	background:#f0f0f0 url("../image/Hospital.png") left 40px top 8px no-repeat;
	color: #007cc3;
}
.mleft ul li.active a.icon06{
	background:#f0f0f0 url("../image/administrate.png") left 40px top 7px no-repeat;
	color: #007cc3;
}
.mleft ul li.active a.icon07{
	background:#f0f0f0 url("../image/information.png") left 40px top 10px no-repeat;
	color: #007cc3;
}
.mleft ul li a.icon01{
	background: url("../image/tiwen.png") left 40px center no-repeat;
}
.mleft ul li a.icon01:hover{
	background:#f0f0f0 url("../image/tiwen.png") left 40px center no-repeat;
}
.mleft ul li a.icon02{
	background: url("../image/appointment.png") left 40px center no-repeat;
}
.mleft ul li a.icon02:hover{
	background:#f0f0f0 url("../image/appointment.png") left 40px center no-repeat;
}
.mleft ul li a.icon03{
	background: url("../image/plus.png") left 40px center no-repeat;
}
.mleft ul li a.icon03:hover{
	background:#f0f0f0 url("../image/plus.png") left 40px center no-repeat;
}
.mleft ul li a.icon04{
	background: url("../image/doctor.png") left 40px top 8px no-repeat;
}
.mleft ul li a.icon04:hover{
	background:#f0f0f0 url("../image/doctor.png") left 40px top 8px no-repeat;
}
.mleft ul li a.icon05{
	background: url("../image/Hospital.png") left 40px top 8px no-repeat;
}
.mleft ul li a.icon05:hover{
	background:#f0f0f0 url("../image/Hospital.png") left 40px top 8px no-repeat;
}
.mleft ul li a.icon06{
	background: url("../image/administrate.png") left 40px top 7px no-repeat;
}
.mleft ul li a.icon06:hover{
	background:#f0f0f0 url("../image/administrate.png") left 40px top 7px no-repeat;
	color: #007cc3;
}
.mleft ul li a.icon07{
	background: url("../image/information.png") left 40px top 10px no-repeat;
}
.mleft ul li a.icon07:hover{
	background:#f0f0f0 url("../image/information.png") left 40px top 10px no-repeat;
}
.mleft ul li a{
	display: block;
	padding-left: 70px;
}
.spanword-2{ 
	width: 2em;
	display: inline-block;
}
/*右边块样式*/
.mright .tab{
	border-bottom: 2px solid #54afe8;
	height: 36px;
	line-height: 38px;
	font-size: 16px;
}
.mright .tab .tabtitle{
	width: 100px;
	height: 36px;
	line-height: 38px;
	display: inline-block;
	float: left;
	text-align: center;
	background: #54afe8;
	color: #fff;
}

/*我的提问*/
.common{
	border:1px solid #dcdcdc;
	border-top: none;
	padding: 15px 15px 20px 15px;
}
.fiedbtn{
	width: 125px;
	height: 40px;
	line-height: 40px;
	background: #169BD5;
	color: #fff;
	font-size: 18px;
	margin: 20px 0;
	border-radius: 5px;
	cursor: pointer;
	cursor: hand;
	transition:.3s;
}
.fiedbtn:hover{
	background: #4893eb;
}
.xx_dl{
	line-height: 22px;
}
.xx_dl dt{
	margin-bottom: 5px;
	color: #666;
}

/*我的预约*/
.mrdiv h2{
	border: 1px solid #e5e5e5;
	height: 42px;
	line-height: 42px;
	font-weight: normal;
	font-size: 16px;
	padding: 0 15px;
	color: #000;
	background: #efefef;
}
.mr_commondiv{
	border:1px solid #e5e5e5;
	margin-top: -1px;
	padding: 15px;
	font-size: 14px;
	display: table;
	width: 661px;
}
.mr_commondiv .dimg{
	display: table-cell;
	width: 76%;
}
.mr_commondiv .dimg dt{
	float: left;
	margin-right: 15px;
}
.mr_commondiv .dimg dt img{
	display: block;
}
.mr_commondiv .dimg dd{
	padding:4px 0 6px 0;
}
.mr_commondiv .dimg dd.name{
	font-size: 22px;
	color: #F90;
	font-weight: bold;
}
.mr_commondiv .dtime{
	/*float: left;
	width: 165px;*/
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.mr_commondiv .dtime dt{
	margin-bottom:8px;
}
.mr_commondiv .dstatus{
	/*width: 140px;
	float: right;*/
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	font-size: 16px;
}
.mr_commondiv .dstatus a{
	color: #fff;
	background: #54AFE8;
	padding: 10px 13px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}
.mr_commondiv .xinxi dt{
	font-size: 14px;
	padding-bottom: 10px;
}
.mr_commondiv .xinxi dd{
	line-height: 24px;
	float: left;
	padding: 3px 0;
	width: 50%;
}
.mr_commondiv .xinxi dd.result{
	width: 100%;
	float: left;
}
.mr_commondiv .xinxi dd.result img{
	padding-top: 8px;
	width: 98px;
	height: 82px;
	margin-right: 10px;
}
.mr_commondiv .xinxi dd.result span.result_l{
	float: left;
	/*width: 100px;*/
}
.mr_commondiv .xinxi dd.result span.result_r{
	/*float: right;
	width: 506px;*/
}
.mrdiv .info{
	text-align: center;
	padding: 40px 0 40px 30px;
	line-height: 24px;
	font-size: 18px;
	background: url("../image/Hospitals.png") left 160px center no-repeat;
}
.mrdiv .info a{
	color: #007cc3;
}
.mrdiv .info a:hover{
	text-decoration: underline;
}


