/**==================弹出导航菜单==============**/

.header{ width:100%; height:60px; background:#f2f2f2;}
.top_left{ position:absolute; width:10%; max-width:52px;text-align:center;line-height:60px; left:3%; margin-top:10px;}
.top_left img{ width:100%;vertical-align: middle;
outline: medium none;}
.top_center{ width:56%; position:absolute; left:22%; text-align:center;display: table-cell; vertical-align:middle; line-height:60px;margin-top:10px;}
.top_center img{ width:100%;max-width:320px;vertical-align: middle;
outline: medium none;}
.top_right{position:absolute; width:10%; max-width:52px;text-align:center;line-height:60px; right:3%; margin-top:10px;}
.top_right img{ width:100%;vertical-align: middle;
outline: medium none;}

#nav-over{position:fixed;left:0;top:0;z-index:9998;display:none;width:100%;height:100%;}

.warmp{position:relative;right:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;}

.nav{position:fixed;top:0;right:-260px;z-index:9999;width:260px;height:100%;background:#383838;-webkit-transition:all .5s ease;transition:all .5s ease;}

.openMenu{right:260px;-webkit-transition:all .5s ease;transition:all .5s ease;}

.openNav{right:0;-webkit-transition:all .5s ease;transition:all .5s ease;}

.nav h3{padding:65px 0 30px 25px;font-size:16px;font-weight:normal;color:#fff;line-height:50px;}

.nav h3 a { color:#fff;}

.scrollerBox{ position:relative;overflow:scroll;overflow-x:hidden;overflow-y:hidden;-ms-touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;width:260px;}

.scroller {position: absolute;width:100%;padding:0 0  0;cursor:move;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0); box-sizing:border-box; height:100%;}

/**============= 科室菜单 ========================**/
.bak{ background:#383838; width:260px; height:100%}
.nav ul li a{display:block;height:33px;overflow:hidden;padding:0 0 0 0px;line-height:33px;color:#fff;font-size:16px;border-bottom:1px solid #242424; }
.nav ul li a:hover{background:#252525;}
.home ul li span{ display:block;float:left;width:72px;height:33px;margin:0 1.2em 0 0;}
.home ul li:nth-of-type(1){ background:#383838; padding-top:15px;}
.home ul li:nth-of-type(1) span{ background:  left center no-repeat;}

.home ul li:nth-of-type(2) span{background:url(../images/about3_11.png) left center no-repeat;}

.home ul li:nth-of-type(3) span{background:url(../images/about3_13.png) left center no-repeat;}

.home ul li:nth-of-type(4) span{background:url(../images/about3_15.png) left center no-repeat;}

.home ul li:nth-of-type(5) span{background:url(../images/about3_17.png) left center no-repeat;}

.home ul li:nth-of-type(6) span{background:url(../images/about3_19.png) left center no-repeat;}

.home ul li:nth-of-type(7) span{background:url(../images/about3_21.png) left center no-repeat;}

.home ul li:nth-of-type(8) span{background-position:-504px 0;}

.home ul li:nth-of-type(9) span{background-position:-576px 0;}

.home ul li:nth-of-type(10) span{background-position:-648px 0;}

.home ul li:nth-of-type(11) span{background-position:-720px 0;}

.home ul li:nth-of-type(12) span{background-position:-792px 0;}

.home ul li:nth-of-type(13) span{background-position:-864px 0;}


#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto;}
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}