﻿.head{ display:block; width:100%;}
.head .head_bg{ display:block; width:100%; position:relative; z-index:-1;}
.head .doctor_info{ display:block; width:94%; overflow:hidden; margin:-14% 3% 1%; padding-bottom:10px;}
.head .doctor_info_img{ display:block; float:left; width:38%; margin-right:5%; padding:1%; background-color:rgba(255,255,255,0.43); -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.43); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.43);}
.head .doctor_info_img, .head .doctor_info_img img{border-radius:300px; -webkit-border-radius:300px; background-clip: padding-box;}
.head .doctor_info_img img{display:block; width:100%;}
.head .doctor_info_name{ display:block; width:55%; float:right; vertical-align:bottom; margin-top:16%;}
.head .doctor_info_name h1{ font-weight:bold; font-size:1.2em; line-height:1.2em;}
.head .doctor_info_name em{ font-size:1em; line-height:1.5em !important;}
.head .t_Vote{ background:#333; line-height:1.5em; font-size:.875em; color:#fff; padding:5px 5%; display:inline; margin-top:10px;}
.head .t_Vote a{color:#fff;}
.head .t_Vote em{margin-right:5px !important;}
.head .t_Vote, .miannav li, .miannav li a, .list_a li, .list_a li a{border-radius:5px; -webkit-border-radius:5px; background-clip:padding-box;}

.miannav{ display:block; margin:3% auto; width:98%; overflow:hidden;}
.miannav li{width:48.5%; height:20%; margin:1% 0 1% 0.8%; display:block; float:left; font-size:0.875em; line-height:1.5em; background:#1b90e2; text-align:center;}
.miannav li:hover{ background:#3275c0;}
.miannav li a{ color:#fff; display:block;}
.miannav li em{display:block; width:30px; height:30px; overflow:hidden; line-height:30px; margin:8px auto 5px;font-size:2em !important;}
.miannav li span{display:block; width:90% !important; margin:0 5% 10px; height:1.5em;text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:1.2em !important}
.miannav li:nth-child(2n+2){ float:right !important; margin:1% 0.8% 1% 0 !important; }

.top_nav{ background:#fff; display:block; width:100%; top:0; left:0; position:fixed; height:50px; line-height:50px; border-bottom:1px solid #ccc; z-index:99;-webkit-box-shadow: -2px 0px 10px rgba(0,0,0,0.33); box-shadow: -2px 0px 10px rgba(0,0,0,0.33); overflow:hidden;}
.top_nav li{ text-align:center; display:block; float:left; width:50%; overflow:hidden;}
.top_nav a{ display:block; width:99%; height:50px; border-right:1px solid #ccc !important; color:#1b90e2;}

.top_nav li:nth-child(2n+2) a{border-right:0; width:100%;}
.top_nav li a i.icon-chevron-left{ font-size:18px; margin-right:5px; vertical-align:middle;}
.top_nav li a i.icon-home{ font-size:1.2em !important; margin-right:5px !important;}


.list_a{ display:block; width:96%; margin:10px 2%;}
.list_a li a{ width:100%; display:block;}
.list_a li{ border:1px solid #ccc; background:#fff; height:50px; line-height:50px; overflow:hidden; margin:15px 0;}
.list_a li .icon-angle-right{color:rgba(215,215,215,.6); float:right; border-radius:200px; -webkit-border-radius:200px; background-clip: padding-box; margin:10px 10px 0 0; font-size:2em !important;}
.list_a li span, .list_c li span{ display:block; float:left; width:89%;text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-left:10px; height:50px;}


.list_b{margin:0 1%; display:table; width:98%;}
.article_list{ margin-top:12px !important; }
.article_list li{display:table; width:100%; clear:both; margin:10px 0;}
.article_list a{ display:table; background:#fff; width:94%; margin:0 auto; height:auto !important; overflow:hidden; border:1px solid #ccc; border-radius:5px; background-clip: padding-box; padding:3% 3% 4%;}
.article_list a h3{ color:#000; font-size:1em; line-height:26px !important; margin:0 0 7px; padding:0;}

.article_list img{display:block; float:left; padding-right:10px; width:100px; max-height:66px;}
.article_list a p{font-size: 14px; color:#5a5a5a; line-height: 21px !important; max-height:64px; height:auto; overflow: hidden; padding:0;margin:0;}
.article_list a .info_h{ display:block; width:100%; max-height:64px; height:auto; overflow:hidden;}
.article_list a:active{background:#e1e1e1;}

@media only screen 
and (min-width:768px) 
and (orientation:portrait){
.article_list img{width:180px; max-height:126px;}
.article_list .tuijian img{ width:120px; height:120px;}
}




.list_c{display:block; width:100%;}
.list_c ul{ margin-bottom:20px; width:100%;}
.list_c li{ display:block; clear:both; background:#fff; height:57px; line-height:57px; overflow:hidden;}
.list_c li:hover{background:#E1E1E1;}
.list_c li a{border-bottom:1px solid #ededed !important; display:block; height:56px; line-height:56px; margin:0; padding:0; color:#333;}
.list_c li span{width:92%; margin:0 !important; text-indent:1em;}
.list_c li i.icon-angle-right{ float:right; font-size:1.5em !important; color:#d9d9d9; text-align:right; vertical-align:middle; margin:15px 15px 0 0 !important}


.article{ display:block; padding:2% 5%; margin:0;width:90%; background:#fff;}
.article a:active{ text-decoration:underline; color:#f41a52;}
.article_Content{font-size:1em !important; line-height:1.7em !important;/* text-align:justify !important; text-justify:inter-ideograph !important; text-align-last:justify !important;*/}
.article_Content img{ display:block; max-width:100%; min-width:inherit; margin:10px auto;}


.article_head{ border-bottom:1px solid #ccc; padding:10px 0; display:table; width:100%;}
.article_head h1{ font-size:1.2em; line-height:1.5em; font-weight:bold;}
.article_head span{ font-size:.75em !important; float:left; padding:0 1%; line-height:21px;text-align:center; width:auto; color:#999}
.article_head span a{ color:rgba(27,144,226,1);}




.article_add{ display:block; clear:both; width:100%; margin:25px 0 0 0; border-top:1px solid #e5e5e5} 
.article_add_a{ display:block; height:20px; margin:0 auto; padding:10px 0; width:100%; border-top:1px solid #e5e5e5; overflow:hidden; }
.article_add_a li{display:block; float:left; width:50%; height:20px; font-size:80%; text-align:center;}
.article_add_a li button, .article_add_a li a{display:inline-table; margin:0 auto; width:auto; height:20px; line-height:20px; color:#333; border:1px solid #ccc; background:none; border:0;}
.article_add_a li em{ display:block; height:15px; width:1px; float:right; background:#e5e5e5; vertical-align:middle; margin-top:3px;}
.article_add_a li i{margin-right:6px; vertical-align:middle;}
.article_add_a li:nth-child(odd) i{color:#f30; }

.article_add_b{background:#048ed7; display:block; width:100%; margin:10px auto; height:40px; line-height:40px; border-radius:5px; background-clip: padding-box; color:#fff; text-align:center; overflow:hidden;}
.article_add_b i{ margin-left:10px; font-size:1.2em;}
 
.article_add_c {line-height:1.5em; display:block; margin:15px 0; font-size:0.87em; overflow:hidden; word-wrap:break-word !important;width:100%;}
.article_add_c img{max-width:280px; display:block; margin:0;}
.article_add_c p{margin:0 !important; padding:0 !important; text-align:left; text-indent:0 !important; }




/* 内页头部导航 */
.header{background:#fff; height:50px; line-height:50px; position:relative; z-index:2;text-align:center; color:#333; overflow:hidden; /*border-bottom:1px solid rgba(0,0,0,0.19);*/

-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.23); 
 box-shadow: 0px 2px 4px rgba(0,0,0,0.23);}
		 
.isStuck{left:0px; width:100%;}
.header a{width:50px; height:50px; position:absolute; color:#fff; font-weight:normal; overflow:hidden;}
.header .icon-reply{ left:0; font-size:20px; padding-top:16px; height:34px !important; color:#333; }
.header .icon-reply:active{ background:rgba(27,144,226,1) !important; color:#fff !important;}
/*.header .nav_button_2{background-image:url(../images/deploy-nav.png); background-size:30px 20px; background-repeat:no-repeat; background-position:20px 16px; padding-left:20px; font-size:14px; right:0; line-height:-9999px; text-indent:-9999px;background-color:rgba(255,255,255,1.00);}
.header .active{right:0px; background-image:url(../images/delete-nav.png); background-size:30px 20px; background-repeat:no-repeat;background-position:0px 16px; background-color:rgba(27,144,226,1); padding-left:20px; font-size:14px; line-height:50px !important; text-indent:0 !important;}*/
.header em{ display:block; width:95% !important; position:absolute; padding:0 60px; text-align:left; color:#000; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; z-index:-1; top:0;}

.header .nav_button_2{ right:0; display:block; width:70px; height:50px; overflow:hidden; background:#fff;}
.header .nav_button_2 .icon-reorder{ display:block; color:#333;font-size: 24px; margin-right:20px; height:18px; width:20px; text-align:center;}
.header .nav_button_2 .moren_1{ display:block; padding:13px 25px 19px;}
.header .nav_button_2 .xuanze{ display:none;}
.header .active{background-color:rgba(27,144,226,1) !important;}
.header .active .moren_1{ display:none;}
.header .active .xuanze{ display:block;}
.header .active .icon-remove-sign{font-size: 22px !important; margin-top:13px; margin-left:5px; float:left; width:23px; height:23px; vertical-align:middle}








.nav_search_box{width:100%; height:30px; padding:20px 0;}
.search_box{ width:90%; margin:0 5%; overflow:hidden;background:url(../images/icon-search.png) no-repeat 5px 10px; background-size:18px 17px; background-color:rgba(60,67,70,1); height:40px; color:#707d82;}
.search_box input{display:block; float:left; height:40px; -webkit-appearance:none;font-size:14px; }
.search_box input.nav_search{background-color:rgba(60,67,70,1); outline:0; color:#fff; width:70%; padding:10px 2% 10px 0; margin-left:25px; height:20px !important; line-height:20px !important; outline:none;}

.nav_search_box .nav_button{background:#434c51; font-size:14px; text-align:center; width:20%; height:40px; height:40px; line-height:30px; color:#afc4cd;-webkit-appearance:none; float:right !important;}
.nav_search_box .nav_button:active, .nav_search_box .nav_button:hover{background:rgba(27,144,226,1);-webkit-appearance:none;}

















/* General styles for all menus */
.cbp-spmenu{position:absolute; background:#21282c; display:table; padding-bottom:20px; }
.cbp-spmenu a{display: block; color: #fff;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-horizontal{width:100%; height:auto; left:0; margin-top:-1px; z-index:2;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{ display:none; }
.cbp-spmenu-top.cbp-spmenu-open{top:50px; /*padding-bottom:20px;*/ display:block !important}
/* Push classes applied to the body 
.cbp-spmenu-push{overflow-x: hidden; position: relative; left: 0; }
.cbp-spmenu-push-toright{left: 240px; }
.cbp-spmenu-push-toleft{left: -240px; }*/
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
/* Example media queries */


.miannav_n{width:100%; display:table; padding:0;}
.miannav_n li{display:table-row; width:50%; float:left; text-align:center;}
.miannav_n li:nth-child(2n+2){float:right; }
.miannav_n li a{background:#2e363a; overflow:hidden; display:inline-table; width:99%; height:50px; padding:0; color:#afc4cd; font-size:0.875em; line-height:1.5em; vertical-align:middle; overflow:hidden; margin:2% 1% 2% 0}
.miannav_n li a:hover{background:#21282c; color:#fff;}
.miannav_n li:nth-child(2n+2) a{ margin:2% 0 2% 1% !important}
.miannav_n li a span{text-align:center; clear:both; margin:auto; width:90%; padding:0 5%; display:table-cell; overflow:hidden; vertical-align:middle; height:40px; overflow:hidden !important; /*position:relative; left: 0; bottom: 0; right: 0;top:0; */}
.nav_editor{ width:90%; margin:0 5% 10px; display:block; height:40px;}
.nav_editor a{ display:block; float:left; width:140px; height:40px; line-height:40px; border-radius:30px; background:rgba(27,144,226,1); color:#fff; background-clip: padding-box; font-size:0.875em; text-align:center;}
.nav_editor a:nth-child(2n+2){float:right;}
.nav_editor a i{margin-right:5px;} 