﻿@charset "utf-8";
/*
CopyRight By Dongyi Network Technology CO.,Ltd Design Center
For HMS 网站通用布局
*/

/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td,img{ padding: 0; margin: 0;}
table{ border-collapse: collapse; border-spacing: 0;}
fieldset,img{ border: 0;}
address,caption,cite,code,dfn,em,th,var,i{ font-weight: normal; font-style: normal;}
ol,ul,li{ list-style: none;}
div,dl,dt,dd,ol,ul,li{ zoom: 1;}
caption,th{ text-align: left;}
h1,h2,h3,h4,h5,h6{ font-weight: normal; font-size: 100%;}
q:before,q:after{ content: '';}
abbr,acronym{ border: 0;}

/* Public */
html{ width: 100%; height: 100%;}
body{ width: 100%; height: 100%; color: #333;font: 12px/22px 宋体, Tahoma, Helvetica, Arial, sans-serif; text-align: center;background: #F8F8F8 url("images/body.jpg") repeat-x top;}
a{color: #333;text-decoration: none; outline: none;}
a:hover{color: #EF5D07;text-decoration: underline;}

/* Public */
.coA{color: #0D76A3;}
.fl{ float: left; _display: inline;}
.fr{ float: right; _display: inline;}
.hide{ display: none;}
.clearbox{border-bottom: 0 none;border-left: 0 none;border-right: 0 none;border-top: 1px solid transparent !important;clear: both;font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{height: 10px;line-height: 10px;font-size: 0px;}
#wrap{ width: 1000px; position: relative; margin: 0 auto; text-align: left;}

/*more*/
.more01, .more02, .more03{float: right;padding: 0 10px 0 0;color: #666;}
.more02{color: #fff;}
.more03{color: #999;}
.more{color: #f60;}

/*datetime*/
.date{float: right;color: #999;}

/* header -------------------------------------------------- */
#header{ position: relative; z-index: 1;}
#header .headerTop{ position: relative; height: 170px;}
#header .topBar{background: url(images/topBar.png) no-repeat left top;border-top: 1px solid #3AA3D3;height: 36px; line-height: 36px; overflow: hidden;}
#header #miniLogined{ margin-left: 10px;}
#logo{ position: absolute; display: block; left: 0px; top: 45px;}
.userPanel{float: right;margin: 0 10px 0 0;}
.userPanel .wb{ padding-left: 18px;background: url(images/icons.gif) -262px -45px no-repeat;}
.userPanel .wbQQ{ background-position: -260px -84px;}
.userPanel .wb span{ background: #336685; padding: 2px 4px; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.userPanel .wb:hover{ text-decoration: none;}
.userPanel .wb:hover span{ background: #58B5DC;}
#miniLogin{float: left;height: 23px;line-height: 23px;margin: 6px 0 0 10px;_margin: 5px 0 0 5px;color: #5E5E5E;overflow: hidden;}
#miniLogin span{overflow: hidden;display: inline-block;height: 23px;}
#miniLogin span.txt .input{border: 1px solid #D8D8D8;background: #fff;height: 19px;line-height: 19px;width: 90px;}
#miniLogin span a{display: inline-block;height: 19px;line-height: 19px;background: url(images/reps.gif) repeat-x 0 0;border: 1px solid #D8D8D8;padding: 0 5px;margin: 0 2px;color: #5E5E5E;cursor: pointer;}
#miniLogin span a:hover{text-decoration: underline;}
#miniLogin span input{  vertical-align: middle;}
.topSearch{ position: absolute; top: 135px; right: 0px; width: 258px; height: 24px;}
.topSearch #topKeyWord{ vertical-align: middle; height: 22px; line-height: 22px;border: 1px solid #ccc; color: #ccc; width: 175px; padding-left: 25px; background: url("images/icons.gif") no-repeat 2px -2px #fff;}
.topSearch .searchBtn{ vertical-align: middle; display: inline-block; width: 50px; height: 24px; line-height: 24px;text-align: center; color: #fff;background-color: #3AADE0;font-size: 14px;}
.topSearch .searchBtn:hover{text-decoration: none;}
#header .headerBtn{position: absolute;right: 0px; top: 55px; display: block; width: 80px;height: 24px;line-height: 24px;overflow: hidden;color: #fff;font-size: 14px;padding: 0 4px 0 7px;background: #f00 url(images/dots.gif) no-repeat 70px -114px;}
#header .qaBtn {}

#header .yyBtn{ right: 108px;}
#header .yyBtn:hover{ background-position: 0 -643px;}
#header .qaBtn:hover {}


/* 主导航 */
.mainNav{position: relative; z-index: 1; height: 45px; line-height: 45px;text-align: center; color: #237e6c;background: url(images/boxBg.png) repeat-x left top; border-radius:4px 4px 0 0;}
.mainNav .li1, .mainNav .spe{display: inline-block; *display: inline; zoom: 1;position: relative;height: 45px;}
.mainNav .spe{display: none;width: 2px;overflow: hidden;text-indent: -999px;}
.mainNav .last1{ background: none;}
.mainNav .h1{ display: inline-block; *display: inline; zoom: 1;}
.mainNav .li1 .a1{display: inline-block;color: #fff;padding: 0 14px;height: 45px;}
.mainNav li.on1 .a1{color: #fff;background: url(images/boxBg.png) no-repeat center -45px;}
.mainNav li.on1 .a1:hover{text-decoration: none;}
.mainNav .a1{ font-size: 14px;}
.mainNav .ul1{display: none;background: #EEFAFF;border: 1px solid #37ABDA; width: 115px; position: absolute; z-index: 100; top: 44px; left: 50%;margin-left:-58px;}
.mainNav .ul1 .li2{line-height: 30px;position: relative;zoom: 1; vertical-align: middle;border: 1px solid #fff;border-bottom: 1px solid #C3E3F1;}
.mainNav .ul1 .a2{height: auto;line-height: 22px; padding:4px 5px;display: block;color: #0074A8;}
.mainNav .ul1 .a2:hover{ background: #fff;font-weight: bold;text-decoration: none;}
.mainNav .ul1 .li2 ul{position:absolute; left:89px; width:90px; top:-2px; background:#EEFAFF; border:1px solid #37abda; display:none}
.mainNav .ul1 .li2 ul.ul2{left:114px}
.mainNav .ul1 .li2 ul li{line-height: 30px;position: relative;zoom: 1; vertical-align: middle;border: 1px solid #fff;border-bottom: 1px solid #C3E3F1;}
.mainNav .ul1 .li2 ul li a{height: auto;line-height: 22px; padding:4px 5px;display: block;color: #0074A8;}
.mainNav .ul1 .li2 ul li a:hover{ background: #fff;font-weight: bold;text-decoration: none;}
.mainNav .ul1 .hasUl2:after,
.mainNav .ul1 .hasUl3:after{content:"";display:block;width:0px;height:0px;border:4px solid #999;position:absolute;right:2px;top: 10px;border-right:none;border-top:4px solid #EEFAFF;border-bottom:4px solid #EEFAFF;}
.mainNav .ul1 .on:after{border-left-color:#0074A8}
.mainNav .ul1 .on>ul{display:block}

/*
.mainNav #liID2{ position: static;}
.mainNav #ulID1{ display: none !important;}
.mainNav #ulID2{ width: 998px; left: 0px; overflow: hidden;}
.mainNav #ulID2 .li2{float: left;margin: 0;padding: 0; width: 25%;_width: 24.9%;border: none;}
.mainNav #ulID2 .first2 {}

.mainNav #ulID2 .a2{ display: block; text-align: center;font-weight: bold; color: #0074A8; border-bottom: 1px dotted #75C0E2;}
.mainNav #ulID2 .a2:hover {}

.mainNav #ulID2 .ul2{ background: #fff;text-align: left; margin: 2px; padding: 2px; zoom: 1; overflow: hidden;}
.mainNav #ulID2 .ul2 .li3{float: left;display: inline-block; *display: inline; zoom: 1; word-break: keep-all;width: 49%;text-align: center;padding: 1px;}
*/

/* 公告和时间 */
.annBar{ position: relative;height: 33px;line-height: 33px;padding-left: 35px;overflow: hidden;border-bottom: 1px solid #fff;background: #7fbeda url(images/dots.gif) no-repeat 14px -392px;}
.annBar *{ vertical-align: middle;color: #fff;}
.annBar strong{display: block;float: left;}
.annBar .ann{position: relative;overflow: hidden; width: 400px; float: left;}
.annBar .annCon {}

.annBar .annCon ul {}

.annBar .annCon ul li {}

.annBar .annCon ul li .dateRight{color: #75c0e2;margin-left: 10px;}
.annBar .showDate{width: 260px;float: right;padding-right: 10px; padding-left: 22px; background: url("images/share/shareB.gif") no-repeat 0 -237px;}

/* 你的位置 */
.path{ height: 33px; line-height: 33px; padding-left: 30px; background: #fff url("images/share/shareA.gif") 11px -434px no-repeat;border: 1px solid #D7D7D7;}
.path a,.path span{ margin: 0 5px;}

/* content -------------------------------------------------- */
#content{ position: relative; z-index: 0; clear: both; overflow: hidden;}

/* 侧栏 */
.sideDl dt{ height: 50px; line-height: 40px; font-weight: bold; font-size: 14px; color: #069; padding-left: 20px; background: url("images/jyzn_line.jpg") no-repeat 1px bottom;}
.sideDl dt em{ display: block; width: 28px; height: 50px; background: url("images/icons.gif") 0 -248px; float: right; margin-right: 10px;}
.sideDl dd{ padding: 0 10px; zoom: 1; overflow: hidden;}
.sideDl dd a{ width: 82px; float: left; line-height: 26px; padding-left: 14px; background: url("images/share/shareB.gif") 0 -796px no-repeat;}
#sideYygl dt em{ background-position: 0 -298px;}
.sideBox .hd{ height: 28px; line-height: 28px; padding-left: 10px; font-size: 14px; font-weight: bold; background: url("images/title_a.jpg") bottom; border: 1px solid #e0e0e0; border-left: 0; border-right: 0;}
.sideBox .hd span{ float: right; display: block; width: 60px; height: 28px; background: url("images/icons.gif") no-repeat 10px -347px;}
.sideBox .hd h3{ font-weight: bold; color: #069;}
.sideBox .hd h3 a{ color: #069;}
.sideBox .hd .more{ float: right; _display: inline; font-weight: normal; font-size: 12px; margin-right: 10px;}
.sideBox .bd{ padding: 12px 0 15px 20px; overflow: hidden;}
.sideBox .bd .infoList li{ line-height: 28px; height: 28px;}

/* 在线投票 */
.sideVote .voteBtn,.sideVote .viewBtn{ margin-right: 10px; border: 1px solid #ddd; background: url("images/title_a.jpg") 0 -16px repeat-x; padding: 1px 10px; cursor: pointer;}

/* 医生列表 */
.docList{ overflow: hidden; zoom: 1; text-align: left;}
.docList li{ width: 225px; height: 140px; padding-left: 20px; float: left; overflow: hidden;}
.docList li .pic{ width: 90px; float: left;}
.docList li .pic a{ display: block; padding: 2px; border: 1px solid #e0e0e0;background-color: #fff;}
.docList li .pic a img{ width: 84px; height: 112px;}
.docList li .pic a:hover{ border: 1px solid #999;}
.docList li .con{ width: 125px; float: left; padding-left: 8px; position: relative;}
.docList li .con p{ height: 22px; line-height: 22px; overflow: hidden;}
.docList li .title{ font-weight: bold; color: #069;}
.docList li .con span{ color: #888;}
.docList li .btnView{ display: block; position: absolute; top: 95px; left: 8px; width: 65px; height: 22px; line-height: 22px;background: #3AADE0 url(images/dots.gif) no-repeat 5px -264px;color: #fff;width: 65px;text-align: right;padding-right: 5px;}
.docList li .btnView:hover{background-color: #5AC3F2;text-decoration: none;color: #fff;}

/* footer -------------------------------------------------- */
#footer{ position: relative;text-align: center;border: 1px solid #E8E8E8;background-color: #fff;margin-bottom: 15px;}
.footNav{ height: 36px; line-height: 36px; color: #666;background-color: #F5F5F5;border: 1px solid #fff;border-width: 1px 0;}
.footNav a{ color: #666; padding: 0 8px;}
.footNav a:hover{color: #006A99;}
#footer .copy{ line-height: 28px; padding: 20px 0;border-top: 1px solid #E8E8E8;color: #666;}

.sideFixed{ position: fixed; top:200px; right:10px;}
.sideFixed img{widgh:140px;}

/* box */
.box{border: 1px solid #E8E8E8;border-width: 1px 1px 0;zoom: 1;overflow: hidden;}
.box .hd{margin:1px; height: 32px;line-height: 32px;background:#dcebff;overflow: hidden;}
.box .hd h3{float: left;padding:0 15px;font-size: 14px;font-weight: bold;}
.box .hd h3 span,
.box .hd h3 a{color: #0e5690;}
.box .hd li{ display:inline-block; *display:inline; zoom:1;}
.box .hd li a{display:block;padding:0 15px;font-size: 14px;}
.box .hd li.on a{color: #0e5690;font-weight: bold;}
.box .bd{overflow: hidden;}
.box .bd ul{overflow: hidden;padding: 6px 10px;}
.box .bd ul li{vertical-align: bottom;}
.box .bd ul li.last{border-bottom: none;}
.box .bd .infoListU li{border-bottom: 1px dotted #ccc;}
/*
.box .hd1 h3{background: url(images/hd1.png) no-repeat left center;padding-left: 10px;}
.box .hd2 h3{background: url(images/dots.gif) no-repeat right -63px;padding: 0 15px 0 8px;}
.box .hd3{background: #fff url(images/hd3.png) no-repeat left 1px;height: 37px;line-height: 37px;}
.box .hd3 h3{background: none;}
.box .hd4{background: url(images/reps.gif) repeat-x 0 -56px;border-bottom: 1px solid #E8E8E8;}
*/
/* 友情链接 */
#fLinks{background-color: #fff;}
#fLinks .bd{overflow: hidden;}
#fLinks .picLinks, #fLinks .txtLinks{overflow: hidden;}
#fLinks .picLinks{padding: 7px 0 0 7px;}
#fLinks .picLinks li, #fLinks .txtLinks li{float: left;overflow: hidden;text-align: center;vertical-align: bottom;white-space: pre;}
#fLinks .picLinks li{width: 123px;height: 45px;}
#fLinks .picLinks li a{overflow: hidden;display: inline-block;width: 108px;height: 35px;padding: 1px;border: 1px solid #ddd;background-color: #eee;}
#fLinks .picLinks li a img{float: left;width: 108px;height: 35px;}
#fLinks .txtLinks li{height: 26px;}
#fLinks .txtLinks{padding: 9px;}
#fLinks .txtLinks li a{float: left; padding: 3px 18px;white-space: nowrap;}
#fLinks .txtLinks li a:hover{background-color: #E5F4FB;text-decoration: none;color: #006A99;}

/*
本站用到颜色代码：
#005a4f 背景色
#e0e0e0 边框颜色
#069 标题-深绿色
#CC0000 box标题颜色
*/