@charset "utf-8";
/* CSS Document */

@font-face{font-family:'hospital'; src:url('../font/hospital.ttf') format('truetype');}
@font-face{font-family:'h2'; src:url('../font/h2.ttf') format('truetype');}
@font-face{font-family:'file'; src:url('../font/file.ttf') format('truetype');}
.ui-page{background:#FFF;}

#head{background:#0066CC; color:#FFF; height:42px; text-align:center; text-shadow:none; position:relative;}
#head span{color:#FFF; font-size:15px; line-height:40px;}
#topM{text-align:right; position:absolute; top:0px; left:0px; background:#0057AE;}
#topM a{display:block; color:#FFF; font-size:11px; width:48px; height:42px; text-align:center;}
#topM a img{display:block; width:23px; margin:auto;}
#topM a:active{background-color:#004488;}

#nav{width:100%; height:100%; position:fixed; z-index:99999; left:0; top:0; background:rgba(0,0,0,0.8); opacity:0; display:none;}
#nav div{width:260px; height:300px; margin:auto; position:absolute; left:50%; margin-left:-130px; top:50%; margin-top:-150px;}
#nav p{width:260px; display:-webkit-box; -webkit-box-orient:horizontal;}
#nav p a{display:block; -webkit-box-flex:1; width:140px; height:46px; margin:5px; padding-left:15px; box-sizing:border-box; line-height:46px; text-shadow:none; color:#FFF; font-weight:normal; background:rgba(255,255,255,0.26); border-radius:5px; font-size:14px;}
#nav p a span{font-family:'hospital'; -webkit-font-smoothing:antialiased; font-size:18px; display:inline-block; padding-right:5px;}
#nav p a:active{background:rgba(255,255,255,0.46);}

#menu{background:#FFF; height:40px; box-shadow:0px 1px 4px 0px rgba(0,0,0,0.2); position:relative; z-index:9; display:-webkit-box; -webkit-box-orient:horizontal; padding:0 15px;}
#menu a{display:block; -webkit-box-flex:1; width:100%; height:100%; text-shadow:none; text-align:center; color:#333; font-weight:normal; font-size:13px; line-height:40px;}
#menu a:active{background:#EEE;}
#menu a.A{color:#0066CC; background:url(../images/menu_A.png) repeat-x left bottom;}

#banner{background:#FFF; position:relative; z-index:1;}
#banner img{width:100%; display:block;}
.swiper-pagination{width:100%; bottom:12px; position:absolute;}
.swiper-pagination-bullet{background:#FFF !important; opacity:0.7 !important; margin-left:3px; margin-right:3px;}
.swiper-pagination-bullet-active{background:#0066CC !important; opacity:1 !important;}
.swiper-slide img{width:100%;}

#indexAD{background:#E8F3FF; height:50px; border-bottom:1px solid #D0E7FF; text-align:center; font-size:14px; color:#0066CC;}
#indexAD #logo{height:42px; max-width:100%; margin:4px 15px; vertical-align:middle;}

.indexList{display:-webkit-box; -webkit-box-orient:horizontal; padding:0 10px;}
.indexList a{display:block; -webkit-box-flex:1; width:100%; padding:10px 18px; text-shadow:none; text-align:center; font-weight:normal;}
.indexList a div{text-align:center; color:#0066CC; width:100%; padding-bottom:100%; height:0; box-sizing:border-box; position:relative; background:#D0E7FF; border-radius:100%; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.indexList a div p{width:100%; height:100%; position:absolute; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;}
.indexList a div p img{width:70%;}
.indexList a span{display:block; text-align:center; color:#333; font-size:13px; padding-top:8px; white-space:nowrap;}
.indexList a:active div{background:#0066CC !important;}
.indexList a:active span{color:#0066CC;}

.space{height:20px; clear:both; float:none;}

#foot{padding-top:12px; height:90px; clear:both; text-align:center; text-shadow:none; border-top:1px solid #E4E4E4; background:#FFF;}
#foot a{display:block; text-align:center; color:#999; padding-top:3px; font-weight:normal;}

#footmenu{display:-webkit-box; -webkit-box-orient:horizontal; padding:0 15px; width:100%; box-sizing:border-box; height:46px; background:#EEE; position:fixed; z-index:9; border-top:1px solid #D9D9D9; left:0; bottom:0; box-shadow:0px -1px 4px 0px rgba(0,0,0,0.1);}
#footmenu a{width:100%; -webkit-box-flex:1; display:block; text-align:center; font-weight:normal; font-size:12px; color:#888; padding-top:8px;}
#footmenu a span{font-family:'hospital'; -webkit-font-smoothing:antialiased; font-size:2.2em; vertical-align:middle; display:inline-block; padding-right:5px; margin-top:-3px;}
#footmenu a:active{background:#DDD; color:#0066CC;}

#bannerSub img{width:100%; display:block;}

#main{padding:15px;}
#main img{max-width:100%;}
.text p{margin:10px 0 0 0; text-shadow:none; line-height:160%;}

#aNav li{display:block; border:1px solid #D0E7FF; background:url(../images/aNav_bg.png) repeat-x left top; margin-top:8px; border-radius:5px;}
#aNav li a{font-weight:normal; text-shadow:none; color:#0066CC; font-size:14px; display:block; padding:11px 13px; background:url(../images/icon_aNav.png) no-repeat right center; background-size:20px 20px; background-origin:content-box;}
#aNav li a:active{background-color:#E4F4FC; border-radius:5px;}
#aNav li div{display:none;}
#aNav li div a{border-bottom:1px solid #D0E7FF; padding:13px 30px; color:#555; font-size:13px; background:url(../images/aNav_arr.png) no-repeat 15px center; background-size:10px 10px;}
#aNav li div a:first-child{border-top:1px solid #D0E7FF; background-color:#FFF;}
#aNav li div a:last-child{border-bottom:0px none; border-radius:0 0 5px 5px;}
#aNav li div a:active{background-color:#EEE;}

#thisPath{height:42px; line-height:42px; padding-left:15px; background:#E8F3FF; border-bottom:1px solid #D0E7FF; font-size:18px; color:#0066CC; position:relative;}
#thisMenu{border-bottom:1px solid #D0E7FF; padding:10px 10px; display:-webkit-box; -webkit-box-orient:horizontal;}
#thisMenu a{
	width:100%; height:46px; margin:0 5px; -webkit-box-flex:1; text-align:center; background:#E8F3FF; color:#333; font-weight:normal; text-shadow:none; border:1px solid #D0E7FF; border-radius:3px;
	font-size:13px; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;
}
#thisMenu a:active{background:#D2E8FF; border:1px solid #AAD5FF;}
#thisMenu a.A{color:#FFF; background:#0066CC; border:1px solid #0066CC;}
#thisPath .back{display:block; height:27px; line-height:27px; width:50px; border:1px solid #ddd; background:#fff; text-align:center; font-size:13px; border-radius:5px; position:absolute; right:15px; top:6px;}

.sbc{background:#E8F3FF; padding:10px; color:#F80; font-size:13px; font-weight:bold;}
.sblist{padding:5px; border:1px solid #D2E8FF; border-top:0px none; margin-bottom:16px; border-radius:0 0 5px 5px;}

.imglist{padding-top:10px;}
.imglist img{max-width:100%; display:block; margin:auto;}

.text{color:#333; font-size:13px;}
.text p,.text div{margin:0; margin-bottom:12px; line-height:180%;}
.text img{margin:auto; display:block; max-width:100%;}

.newslist a{display:-webkit-box; -webkit-box-orient:horizontal; padding:12px 15px; border-bottom:1px dotted #CCC;}
.newslist a span{display:inline-block; width:19px; font-family:'file'; -webkit-font-smoothing:antialiased; font-size:13px; color:#999;}
.newslist a p{-webkit-box-flex:1; font-size:13px;}
.newslist a:active{background:#EEE;}

#pager{text-align:center; padding:20px 0;}
#pager p{display:inline-block; padding:9px 20px; background:#FFCC00; vertical-align:middle; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.05); color:#FFF;}
#pager a{display:inline-block; padding:8px 20px; background:#FFFFCC; border:1px solid #FFCC00; border-radius:0px 5px 5px 0px; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.05); color:#F80; vertical-align:middle;}
#pager a:first-child{border-radius:5px 0px 0px 5px;}
#pager a:active{background:#FFCC00;}

#pagerBlue{text-align:center; padding:20px 0;}
#pagerBlue p{display:inline-block; padding:9px 20px; background:#0066CC; vertical-align:middle; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.05); color:#FFF;}
#pagerBlue a{display:inline-block; padding:8px 20px; background:#E8F3FF; border:1px solid #D0E7FF; border-radius:0px 5px 5px 0px; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.05); color:#0066cc; vertical-align:middle;}
#pagerBlue a:first-child{border-radius:5px 0px 0px 5px;}
#pagerBlue a:active{background:#D0E7FF;}

.subject table{border-left:1px solid #FFF; border-top:1px solid #FFF;}
.subject table td{border-right:1px solid #FFF; border-bottom:1px solid #FFF;}
.subject table td a{display:block; padding:8px; font-size:13px;}
.subject table td:active{background:#EEE;}

.subject_tit{background:#E8F3FF; padding:10px 15px; border-top:1px solid #D2E8FF; border-bottom:1px solid #D2E8FF; font-size:14px; color:#0066CC;}
.subject_con{padding:15px; line-height:150%;}
.subject_con img{max-width:100%;}
.subject_con p{margin:0; padding:0; margin-bottom:5px;}

.expert_tit{background:#E8F3FF; padding:10px; font-size:14px; color:#0066CC; font-weight:bold;}
.expert_list{border:1px solid #D2E8FF; border-top:0px none; border-radius:0 0 5px 5px; margin-bottom:15px; padding:10px;}
.expert_list td{border-right:1px solid #FFF; border-bottom:1px solid #FFF; padding:0;}
.expert_list td a{background:#E8F3FF; padding:10px; display:block;}
.expert_list td a:active{background:#FFFFCC;}

#photo{text-align:center; padding:15px 0 0 0;}
#photo img{max-height:180px;}

#yy_index{padding:15px 0 0 0; display:-webkit-box; -webkit-box-orient:horizontal;}
#yy_index a{width:100%; -webkit-box-flex:1; display:block; text-align:center; padding:8px; background:#0066CC; color:#FFF; margin-left:1px; font-size:13px;}
#yy_index a:active{background:#F80;}

#yy_subject li{display:block; border-bottom:1px solid #DDD; background:url(../images/yy_subject_bg.png) repeat-x;}
#yy_subject li a{display:block; padding:15px 15px 15px 20px; color:#999; font-size:14px; background:url(../images/aNav_arr2.png) no-repeat right center; background-size:20px 20px; background-origin:content-box;}
#yy_subject li a span{color:#666;}
#yy_subject li a:active{background:#F80; color:#FFF;}
#yy_subject li a:active span{color:#FFF;}

#yy_doctor li a{display:-webkit-box; -webkit-box-orient:horizontal; height:100px; border-bottom:1px solid #DDD; background:url(../images/yy_doctor_bg.png) repeat-x left top;}
#yy_doctor li a:active{background-color:#EEE;}
#yy_doctor li a .img{width:90px; text-align:center;}
#yy_doctor li a .img img{width:56px; height:80px; margin-top:10px; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);}
#yy_doctor li a .cons{-webkit-box-flex:1;}
#yy_doctor li a .tit{font-size:15px; color:#333; font-weight:bold; padding-top:18px;}
#yy_doctor li a .num{padding-top:5px;}
#yy_doctor li a .con{padding:5px 15px 0 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#yy_doctor li a .arr{width:35px; height:100%; background:url(../images/aNav_arr2.png) no-repeat left center; background-size:20px 20px;}

#dview{display:-webkit-box; -webkit-box-orient:horizontal; height:100px; border-bottom:1px solid #DDD;}
#dview_l{width:90px; text-align:center;}
#dview_l img{width:56px; height:80px; margin-top:10px; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);}
#dview_c{-webkit-box-flex:1;}
#dview_c .tit{font-size:15px; color:#333; font-weight:bold; padding-top:10px;}
#dview_c .num{padding-top:5px;}
#dview_c .con{padding:5px 15px 0 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#dview_r{width:35px; height:100%; background:url(../images/aNav_arr2.png) no-repeat left center; background-size:20px 20px;}

#datelist li{border-bottom:1px solid #DDD; background:url(../images/yy_subject_bg.png) repeat-x;}
#datelist li a{display:-webkit-box; -webkit-box-orient:horizontal; padding:10px 15px; background:url(../images/aNav_arr2.png) no-repeat right center; background-size:20px 20px; background-origin:content-box;}
#datelist li a:active{background-color:#EEE;}
#datelist li a .datalist_l{-webkit-box-flex:1;}
#datelist li a .date{display:inline-block; color:#0066CC; font-weight:bold; font-size:14px;}
#datelist li a .sx{display:inline-block; padding-left:3px; font-size:14px; color:#333;}
#datelist li a .ks{display:inline-block; padding-left:3px; font-size:14px; color:#333;}
#datelist li a .datalist_r{width:60px; padding-right:18px; text-align:center;}
#datelist li a .datalist_r span{display:inline-block; padding:2px 5px; background:url(../images/yy_subject_bg.png) repeat-x; border:1px solid #BBB; border-radius:8px; color:#333;}

#time_date{text-align:center; padding:12px 15px; background:#FFFFCC; font-size:14px; border-bottom:1px solid #DDD; font-weight:bold; color:#F60;}

#timelist li{float:left; width:50%; position:relative;}
#timelist li a{display:block; text-align:center; padding:15px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; color:#333; font-weight:bold; background:url(../images/yy_subject_bg.png) repeat-x;}
#timelist li a:active{background:#EEE;}
#timelist li p{position:absolute; width:100%; height:100%; border-right:1px solid #DDD; background:rgba(221,221,221,1); left:0; top:0; z-index:2; color:#777; text-align:center; line-height:45px; font-weight:bold;}

#time_time{padding:12px 15px; background:#FFFFCC; font-size:14px; border-bottom:1px solid #DDD; font-weight:bold; color:#333;}

#formorder div{padding-bottom:7px;}
#formorder input{border:1px solid #CCC; background:#F7F7F7; width:100%; border-radius:5px; padding:8px; box-sizing:border-box; box-shadow:inset 1px 1px 6px rgba(0,0,0,0.12); font-size:14px;}
#formorder a{background:#0066CC; color:#FFF; display:block; text-align:center; padding:10px; font-size:14px; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
#formorder a:active{background:#F80;}
#formorder #loading{background:#999 !important;}

#reIndex{background:#0066CC; color:#FFF; display:block; text-align:center; padding:10px; font-size:14px; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
#reIndex:active{background:#F80;}

#orderlist{display:none;}
#orderlist div{border:1px solid #E6E6E6; background:#F7F7F7; padding:5px 10px 10px 10px; margin-bottom:10px; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.06);}
#orderlist div p{padding-top:5px; font-size:13px; color:#333;}
#orderlist div a{display:inline-block; font-size:14px; padding:5px 18px; border:1px solid #DDD; background:#FFF; margin-top:5px; border-radius:5px;}
#orderlist div a:active{background:#FFFFCC; border:1px solid #CCC;}

.form div{padding-bottom:7px;}
.form input,.form textarea{border:1px solid #CCC; background:#F7F7F7; width:100%; border-radius:5px; padding:8px; box-sizing:border-box; box-shadow:inset 1px 1px 6px rgba(0,0,0,0.12); font-size:14px;}
.form a{background:#0066CC; color:#FFF; display:block; text-align:center; padding:10px; font-size:14px; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.form a:active{background:#F80;}
.form #loading{background:#999 !important;}

.assay_list{color:#333; padding:15px 5px;}
.assay_list td{color:#333; padding-top:3px;}
.assay_data .tit{border-top:2px solid #0066CC; border-bottom:2px solid #0066CC; color:#000; font-weight:bold; padding:5px 0; font-size:12px;}
.assay_data td{padding:5px 0 0 0; font-size:11px;}
.assay_foot td{font-size:12px; white-space:nowrap;}
.assay_foot td.time{font-size:10px; white-space:normal;}

#error{padding:20px 15px; color:#000;}
#back{background:#FFF; border:1px solid #DDD; display:block; text-align:center; padding:10px; font-size:14px; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);}
#back:active{background:#EEE;}

.formorder div{padding-bottom:7px;}
.formorder input{border:1px solid #CCC; background:#F7F7F7; width:100%; border-radius:5px; padding:8px; box-sizing:border-box; box-shadow:inset 1px 1px 6px rgba(0,0,0,0.12); font-size:14px;}
.formorder a{background:#0066CC; color:#FFF; display:block; text-align:center; padding:10px; font-size:14px; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.formorder a:active{background:#F80;}
.formorder #loading{background:#999 !important;}

#assaylist a{display:block; border:1px solid #DDD; background:#FFF; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.1); margin-top:15px; padding:10px;}
#assaylist a p{color:#0066CC; font-size:13px;}
#assaylist a span{display:block; padding-top:5px; color:#333;}
#assaylist a:active{background:#EEE;}

#internal{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.76); z-index:99;}
#internal p{width:100%; color:#FFF; font-size:18px; font-weight:bold; position:absolute; text-align:center; top:50%; margin-top:-7px;}

#contacts_wrap{background:#e8f3ff; border:1px solid #d0e7ff; padding:10px; border-radius:3px; margin-bottom:10px;}
#contacts_wrap .tit{font-size:14px; font-weight:bold; text-align:center; padding-bottom:10px; border-bottom:1px solid #d0e7ff;}
#contacts_wrap .con{padding:10px 0 0 0;}
#Clist{margin-bottom:10px; font-size:13px; color:#0066cc;}
#Clist p{margin-bottom:4px;}
#Cmadd{text-align:center;}
#contacts_wrap .addc,#contacts_wrap .managec,#contacts_wrap .managea,#contacts_wrap .manageb,#contacts_wrap .managed{display:inline-block; padding:9px 16px 8px 16px; background:#fff; font-size:13px;}

#createC{display:none;}
#createC p{margin-bottom:3px;}
#createC p input{padding:8px; font-size:13px; border-radius:5px; width:100%; box-sizing:border-box;}
#addcbtn{display:inline-block; padding:9px 16px 8px 16px; background:#f80; color:#fff; font-size:13px;}
#addcback{display:inline-block; padding:9px 16px 8px 16px; background:#999; color:#fff; font-size:13px;}

#Clist,#noC{display:none;}

#cAll{margin-bottom:10px; font-size:13px; display:none;}
#cAll a{display:block; border-bottom:1px dashed #ddd; padding:10px 0;}
#cAll a.A{color:#f80;}
#cAll a img{height:13px; margin:-2px 10px 0 0; vertical-align:middle;}

#cDel{margin-bottom:10px; font-size:13px; display:none;}
#cDel a{display:block; border-bottom:1px dashed #ddd; padding:10px 0;}
#cDel a.A{color:#f80;}
#cDel a img{height:13px; margin:-2px 10px 0 0; vertical-align:middle;}

#loadingbg{width:100%; height:100%; position:fixed; z-index:99999; left:0; top:0; background:rgba(0,0,0,.6); display:none;}
#loadingbg img{width:40px; height:40px; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px;}

#userlist a{display:flex; padding:18px 20px; border-bottom:1px solid #e6e6e6;}
#userlist a .img{width:66px; flex:none;}
#userlist a .img img{width:50px;}
#userlist a .con{flex:auto; color:#000; font-size:16px; padding-top:4px;}
#userlist a .con span{display:block; padding-top:8px; color:#999; font-size:13px;}

.yy_list{margin:10px 0 0 0; padding-bottom:10px;}
.yy_list .date{padding:12px 0; background:#e6e6e6; text-align:center; font-size:16px; font-weight:bold;}
.yy_list .ll{display:flex; padding:3px 20px; font-size:14px;}
.yy_list .ll .tit{color:#999; flex:none; width:70px;}
.yy_list .ll .con{flex:auto; text-align:right;}
.yy_list .cancel{text-align:center;}
.yy_list .cancel a{display:inline-block; line-height:36px; height:36px; padding:0 30px; color:#fff; background:#d90000; font-size:14px; border-radius:100px;}

.jzr_list{margin:15px; padding:10px 0; border:1px solid #e6e6e6; box-shadow:1px 1px 10px rgba(0,0,0,.07); border-radius:5px;}
.jzr_list .date{padding:12px 0; background:#e6e6e6; text-align:center; font-size:16px; font-weight:bold;}
.jzr_list .ll{display:flex; padding:3px 10px; font-size:14px;}
.jzr_list .ll .tit{color:#999; flex:none; width:70px;}
.jzr_list .ll .con{flex:auto; text-align:right;}
.jzr_list .do{text-align:center;}
.jzr_list .do a{display:inline-block; line-height:30px; height:30px; padding:0 20px; color:#fff; font-size:14px; border-radius:100px;}

#jzr_add{display:inline-block; line-height:34px; height:34px; padding:0 25px; background:#44b549; color:#fff; font-size:14px; border-radius:100px;}







