@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;list-style:none;text-decoration:none}
h1,
h2,
h3,
h4,
h5,
h6{font-weight:100}
img{border:none}
.floatL{float:left}
.floatR{float:right}
.clearit, .clearb{clear:both}
a{text-decoration:none}
a:hover,
a:active,
a:visited,
a:focus{text-decoration:none;outline:none}
body{font-family:Arial,Helvetica,sans-serif;color:#333;height: 100%}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
.field-validation-valid{color: red;text-indent:1em;display:block;font-size:13px}
h2.title{ background:#393a3f; color:#fff; line-height:40px; text-align:center;}
.title_header{color:#fff; line-height:40px; font-size:14px; padding-left:30px;}

.main{ padding:0px;}
#mainContent{ padding-bottom:104px;}
/*搜索*/
.search{ width:100%; height:auto; background:#fff;}
.search_con{ padding:10px 2%; width:96%}
#searchSubmit{display: block !important;position: relative;top: 0px;width: 48px;background: none;border: none;font-size: 0px;height: 30px;}
.searchtext{height:32px; margin-top:-30px; width:100%;line-height:32px;font-weight:normal;border-radius:3px; box-sizing:border-box;
border:solid 1px #e0e0e0;float:left;color:#333;font-size:14px;padding:0px 2% 0px 16%; background:#f9f9f9 url(../images/ss.png) no-repeat 20px center; }
/*地址*/
.add{font-size:14px;border-bottom:1px solid #ccc;height: 50px;line-height: 50px;background:#fff url(../images/xx.png) no-repeat 10px center;padding-left: 48px;}

.content{width:100%;background: #fff;height:100%;}
/*科室table切换*/
.tab_tit{ width:30%;-webkit-overflow-scrolling: touch; }
.tab_tit h2{background:#f8f8f8;border-right:1px solid #ccc;border-top: 0px;}
.tab_box{width:70%;background:#fff;-webkit-overflow-scrolling: touch}
.tab_box ul{ clear:both; font-size:14px;}
.tab_box ul li{ margin:0px 5%;line-height:49px; border-bottom:1px solid #ccc; background: url(../images/icon_jiantou.png) no-repeat right 10px center;}
.tab_box ul li a{ display:block;}
div.tab_tit span{cursor: pointer;width:100%;line-height:26px;font-size:14px;display:block;border-bottom:1px solid #ccc;
border-right:2px solid #fff;margin:0px 0px 1px 1px;box-sizing:border-box;background: #fff;padding:10px 0 10px 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.tab_tit span.No_active{background:#f8f8f8;color:#333;border:1px solid #ccc;border-top:0px;border-right:1px solid #ccc;border-left: 2px solid #7e8c8c; margin-bottom:1px;}
.No_tab_tit{ width:100%;}

.scroller{
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  width: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -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;
}


/*选择科室页面2*/
.tab_tit_radius h2{ padding:0px 10px; background:none;}
div.tab_tit_radius span{cursor: pointer;width:100%;line-height:30px;font-size:14px;display:block;border-radius:5px;margin-top:10px;box-sizing:border-box;background: #fff;padding-left: 0px;text-align: center; border-bottom:1px solid #18acea; 
border-right:1px solid #18acea;}
div.tab_tit_radius span.No_active{background:#fff;color:#333;border:1px solid #ccc; border-radius:5px; margin-top:10px;}
/*院区选择*/
.yuanqu{ width:100%;position: fixed;bottom:0;left:0;padding-top: 10px;background: #fff;z-index: 20}
.yuanqu #ProvinceIddropdown{width: 96%;height: 40px;margin: 0px 2%;font-size: 14px;border: 0px; outline:none;}
.yuanqu .leixing a{ display:inline-block;display: inline-block; color:#333;float: left;text-align: center;font-size: 14px;background: #ededed;height: 45px;line-height: 45px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.yuanqu .leixing a b{font-weight:normal; background:url(../images/icon3.png) no-repeat left center; padding-left:25px;}
.yuanqu .leixing a.hover{color:#fff; background:#18acea;}
.yuanqu .leixing a.hover b{background:url(../images/icon2.png) no-repeat left center; padding-left:25px;}
.yuanqu .leixing1 a{width: 100%;}
.yuanqu .leixing2 a{width: 50%;}
.yuanqu .leixing3 a{width: 33.3%;}
.yuanqu .leixing4 a{width: 25%;}
.yuanqu .leixing5 a{width: 20%; line-height:60px;}
.yuanqu .leixing5 a b{font-weight:normal; background:url(../images/icon3.png) no-repeat center top; padding-top:20px; padding-left:0px;}
.yuanqu .leixing5 a.hover b{background:url(../images/icon2.png) no-repeat center top;padding-top:20px; padding-left:0px;}

/*选择医生日期页面*/
.ys_box_tit{ border-bottom:1px solid #ccc;}
.ys_box_tit span{ width:50%; text-align:center; border-right:1px solid #ccc; box-sizing:border-box; float:left;cursor: pointer;display: inline-block;background: #f6f6f6 url(../images/down1.png) no-repeat 90% center;height: 45px;line-height: 45px;}
.ys_box_tit span.active{ background: #f6f6f6 url(../images/down.png) no-repeat 90% center;}
.ys_date li{ border-bottom:1px solid #ccc; height:46px; line-height:46px; background:url(../images/icon_jiantou.png) no-repeat 95% center; padding:0px 10px; }
/*时间样式*/
.date{ width:100%; border-bottom:1px solid #ccc; margin-top:10px; box-sizing:border-box; overflow:hidden; padding-bottom:5px;}

.date ul li b{ display:block; line-height:17px; font-weight:normal;}
.date ul li b.month{ font-size:12px; line-height:17px; font-weight:bold;}
div.date li.No_active b.day{ color:#18acea;}
div.date li.No_active b.day_none{ color:#999;}

a.btn{width:50px;float: left;color: #18acea;font-size: 30px;font-family: "宋体";text-align: center;line-height: 30px;cursor: pointer;display: block;}
a.unclick i.icon{color: #ccc}
div.date .bt{
  float: left;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  -webkit-scroll-snap-points-x: repeat(3.04rem);
  scroll-snap-points-x: repeat(3.04rem);
  -webkit-scroll-snap-type: mandatory;
  scroll-snap-type: mandatory;
}
div.date ul.date_list{overflow: hidden;}
div.date ul.date_list li{display:block;float:left; text-align:center; color:#fff;border-radius:3px; font-size:12px; color:#333; background:none; padding:0px; }
div.date ul.date_list li.on{background:  #18acea;}
div.date a.next .icon_q5{
	-webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.tab_box_doctor li { width:100%; height:65px; background:url(../images/icon_jiantou.png) no-repeat 97% center;overflow: hidden;}
.tab_box_doctor li .doctor_img{ float:left; width:20%; text-align:center; margin-top:12px;}
.tab_box_doctor li .doctor_img img{ width:48px; height:48px; border:1px solid #ccc; margin:0 auto;}
.tab_box_doctor li .doctor_con{ width:72%; border-bottom:1px solid #ccc; float:right; height:64px; padding-right:8%;}
.doctor_con .doctor_name{ float:left; font-size:12px; color:#666;}
.doctor_con .doctor_name b{ display:block; line-height:20px; font-weight:normal;}
.doctor_con .doctor_name b.name{ line-height:30px; font-size:16px; margin-top:10px; font-weight:bold;}
.doctor_con .doctor_name b.name span{ font-size:12px; margin-left:5px; font-weight:normal;} 
.doctor_con .doctor_name b.name span font{ color:#f00;}
/*滚动日期*/
.hd .bt li .week,.hd .bt li .month{ color:#333;}
.hd .bt li .day{ color:#18acea;}
.hd .bt li.on .week,.hd .bt li.on .month,.hd .bt li.on .day{ color:#fff;}
.sp .tit_ul li{ color: #808080;float: left;margin-right: 5px;    width:115px; text-align:center; position:relative; top:1px; color:#458ac7}
.slideTxtBox{ overflow:hidden; }


/*未出诊*/
.tab_box_doctor li .NO_chuzhen{ float:right;}
.tab_box_doctor li .NO_chuzhen p{ line-height:65px; font-size:12px; color:#666; padding:0px; margin:0px; border-bottom:0px;}
.tab_box_doctor li .NO_chuzhen span{ display:none;}
/*出诊*/
.tab_box_doctor li.cz .NO_chuzhen p,.tab_box_doctor li.cz .NO_chuzhen b{ display:none;}
.tab_box_doctor li.cz .NO_chuzhen{ margin-top:23px;}
.tab_box_doctor li.cz .NO_chuzhen span{ display:inline-block;font-size:12px; line-height:18px; height:18px; border-radius:3px;  color:#fff; padding:0px 3px;}
/*满诊*/
.tab_box_doctor li.mz .NO_chuzhen p{ display:none;}
.tab_box_doctor li.mz .NO_chuzhen span{ display:none}
.tab_box_doctor li.mz .NO_chuzhen b{display:inline-block;font-size:12px; line-height:18px; height:18px; border-radius:3px; background:#ddd; color:#fff;padding:0px 3px; margin-top:23px; }

span.SchedulingState6{background:#cfcfcf!important}  /*时间已过*/
span.SchedulingState12{background:#CC0448!important}  /*约满*/

/*医生详情页面*/
.doctor_detail{ background:#fff; padding:20px 10px;}
.doctor_detail .doctor_img img{ float:left; width:48px; height:48px; border:1px solid #ccc;}
.doctor_detail .doctor_con{ float:left; margin-left:10px; width:150px;}
.doctor_detail .doctor_con li{ line-height:28px; font-size:14px;}
.doctor_detail .doctor_con li.name{ font-weight:bold; font-size:16px;}
.doctor_detail .doctor_con li.name span{ font-weight:normal; font-size:14px;}
.doctor_detail .doctor_con li.name span font{ color:#f00;}
.doctor_detail .doctor_con li.weizhi{ color:#999;}
.doctor_detail .doctor_guanzhu{ float:right; width:60px}
.doctor_detail .doctor_guanzhu .shouchang{ background:url(../images/tu.png) no-repeat left center; width:23px; height:20px; float:left; margin-top:31px; }
span.weixin{ width:58px; height:58px; display:inline-block;float:right;  margin-top:17px; cursor:pointer; }
.weixin img{ width:50px; height:50px; padding:2px; border:1px solid #ccc; }
.shanchang{ background:#fff; line-height:30px; padding:10px; border-bottom:1px solid #ccc; border-top:1px solid #f6f6f6;margin-bottom:10px; color:#999;} 

.box{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff;}
.yuyue_detail td{height:32px;line-height:32px; width:12.5%;vertical-align:middle;text-align:center;color:#333;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
.frist_tr td{ line-height:20px;}
.frist_tr td h2{ font-size:12px; margin:2px;}
.frist_tr td h2 b.week{ font-weight:normal;}
td.daytime{ width:3%; color:#333;}
td.yue{background: #efefef; color:#fe6700}
td.td8{ width:3%;}
td.today h2{color:#fff;border-radius:3px;padding: 0px 3px;}

/*弹窗*/
.weixin_da{ width:100%; height:100%; background:rgba(0,0,0,.6); position: absolute;z-index:11; }
.weixin_da_con{ position: absolute; top:50%; left:50%; width:300px; height:353px; margin-left:-150px; margin-top:-176px; background:#fff;}
.weixin_da_con img{ width:300px; height:300px; display:block;}
.ys{ float:left; padding:5px 10px; font-size:14px; line-height:24px;}
.ys b{ font-weight:normal; margin:0px 5px;}
.ys span{ display:block; color:#999; margin-left:5px;}
.close_btn{ float:right; margin:5px 15px 0px 0px;}
/*出诊表*/
.date_chuzhen{ height:40px;}
.date.date_chuzhen ul{ width:98%;} 
.date.date_chuzhen ul li{ width:12.2%;}
.Letters{background:#fff;height:auto;padding:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.Letters li{display:block;float:left;width:14.2857143%;height:40px;text-align:center;padding:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; background:none;}
.Letters li a{display:block;background:#eee;line-height:30px;}
.tab_box_doctor h2{ background:#ddd;  font-size:14px; padding:0px 10px; height:40px; line-height:40px;}
.deparment{ margin-bottom:20px;} 
@media only screen and (max-width:320px){
.hd .bt li{ width:12%;}	
}