/*字体颜色样式*/

.Top_list li a:hover span {
 color: #0087cd;
}

.main_content {
 margin-top: 0;
}

/*.main_bg {
 margin-top: 88px;
}*/
.nav{display: none;}
.header .nav{display: block}

/*背景颜色样式*/

div.type_title h2,
h2.dep_tit_2 span,
.yy_bk a,
.table01 th {
 background: #0087cd
}

.yy_bk a:hover {
 background: #c88700
}


/*边框颜色样式*/

.Con_R {
 border-top: 2px solid #0087cd;
}

div.type_title {
 border-bottom: 1px solid #0087cd;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
select {
 margin: 0;
 padding: 0;
 border: 0;
 vertical-align: baseline;
}


/*公用头部样式*/


/*提示信息*/

.ts {
 line-height: 30px;
 padding-left: 7px;
}

.ts b {
 font-weight: normal;
}

.ts a {
 font-weight: bold;
 padding: 0px 5px;
 color: #0087cd;
}

.ts a:hover {
 color: #c88700
}

.Top_L {
 height: 93px;
 width: 7px;
 float: left;
}

.Top_C {
 height: 93px;
 float: left;
 width: 1143px;
 border: 1px solid #0087cd;
 border-radius: 10px;
}

.Top_R {
 height: 93px;
 width: 7px;
 float: left
}

h2.Top_tit {
 float: left;
 font-family: "Microsoft YaHei", "微软雅黑";
 font-size: 18px;
 height: 80px;
 line-height: 18px;
 margin: 8px 0 5px;
 padding: 0 40px 0 20px;
 width: 20px;
 background: url(../images/SchedulingAppointment/bg.jpg) no-repeat -25px -197px;
}

.Top_C .Top_list {
 float: left;
}

.Top_list li {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat 96px -385px;
 display: inline;
 float: left;
 height: 93px;
 width: 130px;
 padding: 0;
}

.Top_list li a:hover {
 text-decoration: none
}

.Top_list li span {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat 0 0;
 font-size: 14px;
 height: 24px;
 margin-top: 15px;
 padding: 44px 10px 0;
 display: block;
}

.Top_list li.li01 {
 background-position: 75px -473px;
}

.Top_list li.li01 span {
 background-position: 18px 0;
}

.Top_list li.li02 span {
 background-position: -102px 0;
}

.Top_list li.li03 span {
 background-position: 13px -87px;
}

.Top_list li.li04 span {
 background-position: -112px -90px;
}

.Top_list li.li05 {
 background-position: 92px -385px;
}

.Top_list li.li05 span {
 background-position: 19px -175px;
}

.Top_list li.li06 {
 background-position: 97px -308px;
}

.Top_list li.li06 span {
 background-position: -113px -181px;
}

.Top_list li.li07 {
 background: none repeat 0 0;
 padding: 0;
}

.Top_list li.li07 span {
 background-position: 35px -261px;
}

.Min_Con {
 padding: 20px 0;
}


/*预约挂号须知页面*/

.Con_L {
 background: #eee;
 float: left;
 width: 200px;
}

ul.menu_list li {
 border-bottom: 1px solid #fff;
 line-height: 42px;
 background: url(/Content/Areas/Common/images/Article/icon_3.png) no-repeat 15px 15px;
 padding-left: 30px;
}

ul.menu_list li a {
 font-size: 14px;
 display: block;
}

.Con_R {
 width: 938px;
 border: 1px solid #ebebeb;
 float: right;
}

.Con_R h2.title {
 background: #fafafa;
 font-size: 16px;
 line-height: 45px;
 height: 45px;
 padding-left: 15px;
 font-weight: bold;
}

.Con_R .article_content {
 padding: 20px;
 font-size: 14px;
 line-height: 2em
}

.Con_R .article_content p {
 text-indent: 2em
}

.Con_R .article_content .btn {
 width: 280px;
 overflow: hidden;
 margin: 20px auto 0 auto;
}

.btn a {
 line-height: 34px;
 text-align: center;
 width: 124px;
 font-size: 18px;
 height: 34px;
 display: block;
 font-family: "Microsoft YaHei", "微软雅黑";
 float: left
}

.btn a.btn_yue {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat 0 -590px;
 color: #fff;
}

.btn a.btn_cha {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat 0 -703px;
 color: #333;
 padding-left: 10px;
 margin-left: 15px;
}


/*图标样式*/

span.bg_1 {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat -90px -347px;
}

span.bg_2 {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat -90px -260px;
}

span.bg_3 {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat -85px -514px;
}


/*选择科室*/

div.type_title {
 height: 35px;
 line-height: 35px
}

h2.dep_tit {
 width: 100%;
 clear: both;
}

h2.dep_tit span {
 display: block;
 font-size: 14px;
 font-weight: bold;
 height: 33px;
 line-height: 33px;
 cursor: pointer;
 width: 150px;
}

h2.dep_tit.dep_tit_2 span {
 text-align: center;
}

div.type_title h2 {
 display: inline;
 float: left;
 height: 35px;
 width: 229px;
 color: #fff
}

div.type_title h2 span {
 font-size: 14px;
 display: block;
 padding-left: 85px;
}

h2.dep_tit1 {
 background: url(../images/SchedulingAppointment/icon.png) repeat 0 -815px;
 height: 35px;
 line-height: 35px;
 margin: 10px 0 0;
 width: 100%;
}

h2.dep_tit1 span {
 display: inline-block;
 font-size: 14px;
 font-weight: bold;
 height: 33px;
 line-height: 33px;
 text-align: center;
 width: 150px;
}

h2.dep_tit1 span.current {
 border-bottom: 2px solid #0087cd;
}

h2.dep_tit_2 {
 line-height: 32px;
 margin-top: 15px;
}

h2.dep_tit_2 span {
 padding: 8px 15px;
 border-radius: 5px;
 color: #fff;
}

ul.dep_list {
 overflow: hidden;
}

ul.dep_list li {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat -151px -696px;
 float: left;
 height: 42px;
 line-height: 42px;
 width: 20%;
}

ul.dep_list li a {
 display: block;
 font-size: 14px;
 padding-left: 30px;
}

ul.dep_list ul {
 overflow: hidden;
}


/*选择号源*/

.type {
 padding: 15px;
}

.type_title {
 border-bottom: 1px solid #0087cd;
 height: 35px;
 clear: both;
}

.type_title li {
 float: left;
 width: 175px;
 margin-right: 9px;
 display: inline;
 background: #0087cd;
 height: 35px;
}

.type_title li div {
 height: 229px;
 height: 35px;
 line-height: 35px;
 cursor: pointer;
 font-size: 14px;
 text-align: center;
 padding-left: 25px;
 display: block
}

.bt01 {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat -112px -389px;
}

.hover01 .bt01 {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat -112px -347px;
}

.bt02 {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat -112px -470px;
}

.hover01 .bt02 {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat -112px -430px;
}

.bt03 {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat -112px -552px;
}

.hover01 .bt03 {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat -112px -514px;
}

.type_title li.hover01 {
 background: #0087cd;
 color: #fff;
}

.hover01 a {
 color: #fff
}

.tpye02_title {
 line-height: 40px;
 padding: 5px 0;
 font-size: 16px;
 text-align: center;
}

.tpye02_title span {
 color: red;
 padding: 0 10px;
}

.tpye02_title p {
 line-height: 30px;
 width: 50%;
 float: left;
 text-align: left;
}


/*预约成功*/

.table02 {}

.table02 th {
 font-size: 24px;
 color: #fff;
 background: #0087cd;
 height: 32px;
 line-height: 32px;
 padding: 5px;
 border: 1px solid #ebebeb
}

.table02 td {
 font-size: 14px;
 background: #fff;
 height: 42px;
 line-height: 42px;
 padding: 0 10px;
 border: 1px solid #ebebeb
}

.red {
 color: red;
 font-size: 14px;
 height: 42px;
 line-height: 42px;
}

.xinxi,
.xinxi02 {
 margin-bottom: 20px;
}

.xinxi li {
 font-size: 14px;
 width: 25%;
 float: left;
 height: 42px;
 line-height: 42px;
}

.xinxi li span {
 color: #0087cd
}

.xinxi li b,
.xinxi02 li b {
 float: left;
 font-weight: 100;
}

.xinxi02 li {
 font-size: 14px;
 width: 25%;
 float: left;
 height: 42px;
 line-height: 42px;
}

.xinxi02 .input_t {
 width: 150px;
 height: 20px;
}

.td_font {
 color: #0087cd
}

.center {
 margin: 20px auto;
}

.td_text {
 padding: 20px!important;
 line-height: 30px!important;
}

.td_text span {
 color: red;
}

.btn {
 width: 280px;
 margin: 20px auto;
 height: 34px;
}

.btn_yue,
.btn_cha {
 width: 124px;
 height: 34px;
}

.btn_yue a {
 font-family: "Microsoft YaHei", "微软雅黑";
 background: url(../images/SchedulingAppointment/icon.png) no-repeat 0 -590px;
 width: 124px;
 height: 34px;
 line-height: 34px;
 display: block;
 font-size: 18px;
 color: #fff;
 text-align: center;
}

.btn_yue a:hover {
 background-position: 0 -645px;
 text-decoration: none;
}

.btn_cha a {
 font-family: "Microsoft YaHei", "微软雅黑";
 background: url(../images/SchedulingAppointment/icon.png) no-repeat 0 -703px;
 width: 124px;
 height: 34px;
 line-height: 34px;
 display: block;
 font-size: 18px;
 color: #333;
 text-align: center;
 padding-left: 10px;
}

.btn_cha a:hover {
 background-position: 0 -759px;
 text-decoration: none;
}

.achedulingAppointment_btn {
 font-family: "Microsoft YaHei", "微软雅黑";
 border: none;
 background: url(../images/SchedulingAppointment/icon.png) no-repeat 0 -590px;
 width: 124px;
 height: 34px;
 line-height: 34px;
 display: block;
 font-size: 18px;
 color: #fff;
 text-align: center;
}

.achedulingAppointment_btn:hover {
 background-position: 0 -645px;
 text-decoration: none;
}


/*选择日期*/

h2.tpye_tit {
 font-size: 18px;
 line-height: 36px;
 text-align: center;
 font-weight: bold;
 margin: 10px 0;
}

.yy_bk a {
 height: 25px;
 line-height: 25px;
 width: 65px;
 color: #fff;
 display: block;
 text-align: center;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 margin: 0px auto;
 margin-top: 35px;
}

.yy_bk span {
 float: left;
 line-height: 25px;
 margin-right: 15px;
}

.Calendar_DailyContent .yy_bk {
 background: #fdf8ec;
 overflow: hidden;
 display: block;
 height: 99px;
 margin: 0;
 line-height: 25px;
}


/*日期表格样式*/

#divCalendar .calendar {
 background: -webkit-linear-gradient(#c88700, #0087cd);
 /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(#c88700, #0087cd);
 /* Opera 11.1 - 12.0 */
 background: -moz-linear-gradient(#c88700, #0087cd);
 /* Firefox 3.6 - 15 */
 background: linear-gradient(#c88700, #0087cd);
 /* 标准的语法（必须放在最后） */
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
}

#divCalendar .calendar_left,
#divCalendar .calendar_right,
#divCalendar .newdate {
 background: none;
}

#divCalendar .left_a,
#divCalendar .right_a {
 display: block;
 background: url(../images/SchedulingAppointment/time_btn.png) no-repeat;
}

#divCalendar .left_a {
 background-position: left center;
}

#divCalendar .right_a {
 background-position: right center
}

#divCalendar .tbCalendar .date,
#divCalendar .tbCalendar .today {
 background: #e9dfca
}


/*选择医生*/

table.table01 {
 margin-top: 15px;
}

.table01 th {
 border: 1px solid #ebebeb;
 color: #fff;
 font-size: 14px;
 height: 32px;
 line-height: 32px;
 padding: 5px;
}

.table01 td {
 background: #fff;
 border: 1px solid #ebebeb;
 font-size: 14px;
 height: 32px;
 line-height: 32px;
 padding: 5px;
 text-align: center;
 vertical-align: middle;
}

.tr_bg td {
 background: #f3f3f3;
}

.table01 td span.outpatient {
 display: block;
 height: 30px;
 width: 70px;
 margin: 0px auto;
 background: url(../images/SchedulingAppointment/icon-yy.png) no-repeat;
 cursor: pointer;
 vertical-align: middle;
}

.table01 td span.outpatient:hover {
 -moz-opacity: 0.9;
 -khtml-opacity: 0.9;
 opacity: 0.9;
}


/*时间未到*/

.table01 td span.SchedulingState_icon2 {
 background-position: center -10px
}


/*可预约*/

.table01 td span.SchedulingState_icon4 {
 background-position: center -47px
}


/*时间已过*/

.table01 td span.SchedulingState_icon6 {
 background-position: center -85px
}


/*暂停*/

.table01 td span.SchedulingState_icon8 {
 background-position: center -122px
}


/*假期*/

.table01 td span.SchedulingState_icon10 {
 background-position: center -157px
}


/*约满*/

.table01 td span.SchedulingState_icon12 {
 background-position: center -195px
}


/*停诊*/

.table01 td span.SchedulingState_icon14 {
 background-position: center -232px
}


/*替诊*/

.table01 td span.SchedulingState_icon16 {
 background-position: center -270px
}


/*被替诊*/

.table01 td span.SchedulingState_icon18 {
 background-position: center -307px
}


/*换诊*/

.table01 td span.SchedulingState_icon20 {
 background-position: center -344px
}


/*2016-11-7 吴振添加*/

.doct_box {
 margin-top: 15px;
 overflow: hidden;
}

.doct_box .doct_l {
 float: left;
 width: 780px;
 border-right: 1px solid #ededed;
 padding-right: 15px;
}

.doct_box .doct_l .doct_img {
 float: left;
 width: 155px;
 height: 210px;
 border: 1px solid #0087cd;
 margin-right: 15px;
}

.doct_box .doct_l .doct_img img {
 width: 155px;
 height: 210px;
}

.doct_box .doct_l h2 a {
 font-size: 16px;
 line-height: 32px;
 color: #0087cd;
 font-weight: 600;
}

.doct_box .doct_l h2.name font {
 margin-left: 15px;
}

.doct_box .doct_l p {
 line-height: 24px;
 font-size: 14px;
}

.doct_box .doct_l p span.color {
 color: #0087cd;
}

.doct_box .doct_r {
 float: right;
 width: 340px;
}

.doct_box .doct_r .Com_tit {
 border-bottom: 1px solid #ccc;
 height: 45px;
 line-height: 45px;
}

.doct_box .doct_r .Com_tit span {
 font-size: 20px;
 border-bottom: 2px solid #0087cd;
 float: left;
 line-height: 43px;
 color: #0087cd;
}

.doct_box .doct_r ul.name_list {
 overflow: hidden;
 height: 165px;
 margin: 10px 0;
}


/*2017-5-24 吴振添加*/

h2.type_tit span {
 height: 40px;
 line-height: 40px;
 padding: 0 50px;
 text-align: center;
 display: block;
 float: left;
 color: #0087cd;
 font-size: 16px;
 background: #eae0cc;
 margin-right: 15px;
 cursor: pointer;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

h2.type_tit span.active {
 background: #826729;
 color: #fff;
 position: relative;
}

h2.type_tit span.active::after {
 content: "";
 display: block;
 width: 0;
 height: 0;
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
 border-top: 8px solid #826729;
 position: absolute;
 top: 40px;
 left: 50%;
 margin-left: -4px
}

.doct_box .doct_r ul.name_list li {
 float: left;
 line-height: 22px;
 font-size: 16px;
 padding: 10px 0;
 margin-right: 20px;
 width: 150px;
 height: 22px;
}

.doct_box .doct_r ul.name_list li i {
 font-style: normal;
 font-size: 12px;
}

.doct_box .doct_r ul.name_list li.border-r a {
 border-right: 1px solid #ddd;
 padding-right: 25px;
}

.doct_box .doct_r ul.name_list li a {
 color: #666;
 display: block;
}

.doct_box .doct_r ul.name_list li a:hover {
 color: #0087cd;
}

table.table_doct {
 margin-top: 15px;
}

table.table_doct th {
 border: 1px solid #0087cd;
 color: #fff;
 height: 20px;
 line-height: 20px;
 background: #d7c194;
 color: #333;
 font-size: 16px;
}

table.table_doct th.select_table_hover {
 background: #0087cd;
 color: #fff;
 padding: 5px
}

table.table_doct th span.time {
 font-size: 14px;
}

table.table_doct td {
 background: #fff;
 border: 1px solid #0087cd;
 font-size: 16px;
 height: 36px;
 line-height: 36px;
 text-align: center;
 vertical-align: middle;
 color: #0087cd;
 padding: 1px;
 width: 11.1%;
}

table.table_doct tr td.use_a span {
 display: block;
 color: #0087cd;
 height: 38px;
 background: url(../images/SchedulingAppointment/use_a.png) no-repeat center top;
}

table.table_doct tr td.use_a.select a.dailySchedulingState_a_4 span,
table.table_doct tr td.use_a a.dailySchedulingState_a_4:hover span {
 background-position: center -40px
}

table.table_doct tr td span.SchedulingState_icon12 {
 background-position: center -80px;
}


/*预约已满*/

table.table_doct tr td span.SchedulingState_icon14 {
 background-position: center -121px;
}


/*停诊*/

table.table_doct tr td span.SchedulingState_icon6 {
 background-position: center -162px;
}


/*预约已过*/

table.table_doct tr td span.SchedulingState_icon2 {
 background-position: center -202px;
}


/*时间未到*/

table.table_doct tr td span.SchedulingState_icon10 {
 background-position: center -243px;
}


/*假期*/


/*推荐医生*/

.Com_tit {
 border-bottom: 1px solid #ccc;
 height: 45px;
 line-height: 45px;
 margin: 10px 0 10px 0;
}

.Com_tit h2 {
 font-size: 20px;
 border-bottom: 2px solid #0087cd;
 float: left;
 line-height: 43px;
 color: #0087cd;
}

table.table_doct_tuijian tr td.use_a span {
 display: block;
 color: #0087cd;
 height: 24px;
 background: url(../images/SchedulingAppointment/use_b.png) no-repeat center -26px;
}

.dot_yuyue {
 line-height: 35px;
 overflow: hidden;
}

.dot_yuyue a {
 display: block;
 line-height: 30px;
 float: left;
 padding-left: 5px;
 margin-right: 5px;
}

.dot_yuyue span {
 width: 40px;
 display: block !important;
 float: left;
 margin: 5px 0px;
}

table.table_doct_tuijian tr td.use_a.select a.dailySchedulingState_a_4 span,
table.table_doct_tuijian tr td.use_a a.dailySchedulingState_a_4:hover span {
 background-position: center top
}

table.table_doct_tuijian tr td span.SchedulingState_icon12 {
 background-position: center -52px;
}


/*预约已满*/

table.table_doct_tuijian tr td span.SchedulingState_icon14 {
 background-position: center -78px;
}


/*停诊*/

table.table_doct_tuijian tr td span.SchedulingState_icon6 {
 background-position: center -104px;
}


/*预约已过*/

table.table_doct_tuijian tr td span.SchedulingState_icon2 {
 background-position: center -130px;
}


/*时间未到*/

table.table_doct_tuijian tr td span.SchedulingState_icon10 {
 background-position: center -156px;
}


/*假期*/

.tpye03 .Com_tit {
 border-bottom: 1px solid #ccc;
 height: 45px;
 line-height: 45px;
 margin: 10px 0 10px 0;
}

.tpye03 .Com_tit span.tips {
 float: right;
 color: #666;
}

.tpye03 .Com_tit h2 {
 font-size: 20px;
 border-bottom: 2px solid #0087cd;
 float: left;
 line-height: 43px;
 color: #0087cd;
}

.tpye03 .Com_tit h2 span {
 margin-left: 20px;
}

.tpye03 .Com_tit h2 i {
 font-style: normal;
 font-size: 14px;
}

.tpye03 ul.time_interval li {
 width: 19%;
 float: left;
 padding: 1% 3%
}

.tpye03 ul.time_interval li a {
 display: block;
 width: 100%;
 height: 55px;
 line-height: 55px;
 text-align: center;
 background: #0087cd;
 color: #fff;
 font-size: 22px;
}

.tpye03 ul.time_interval li a:hover {
 background: #c98800;
}

.Reminder {
 background: #F5F5F5;
}

.Reminder_bg {
 font-size: 24px;
 line-height: 125px;
 height: 125px;
 background: url(../images/SchedulingAppointment/Reminder_bg.png) no-repeat left center;
 width: 450px;
 margin: 0 auto;
 padding-left: 100px;
}


/*确认预约订单信息*/

.g-container table {
 width: 100%;
}

.g-container {
 margin: 0 auto;
 position: relative;
 padding: 0 15px;
}

.g-clear:after,
.g-clear::after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
 overflow: hidden
}

.g-doc-info,
.g-docs-info li {
 padding-bottom: 15px
}

.g-doc-info .img,
.g-docs-info li .img {
 float: left;
 height: 60px;
 overflow: hidden;
 width: 60px
}

.g-doc-info .img img,
.g-docs-info li .img img {
 display: block;
 height: 60px;
 margin: 0 auto;
 max-width: 60px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 30px
}

.g-doc-info dl,
.g-docs-info li dl {
 margin-left: 70px;
 color: #666
}

.g-doc-info dt,
.g-docs-info li dt {
 line-height: 18px;
 height: 20px
}

.g-doc-info dt a,
.g-docs-info li dt a {
 font-size: 16px;
 font-weight: bold;
}

.g-doc-info dt span,
.g-docs-info li dt span {
 padding-left: 4px;
 color: #333
}

.g-doc-info p,
.g-doc-info p a,
.g-docs-info li p,
.g-docs-info li p a {
 color: #666
}

.gbb {
 padding: 0 10px;
 text-align: center;
 display: inline-block;
 height: 42px;
 font-size: 18px;
 font-weight: 400;
 line-height: 40px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 transition: all .3s ease-out 0s
}

.gbs {
 padding: 0 10px;
 text-align: center;
 display: inline-block;
 height: 22px;
 font-size: 12px;
 font-weight: 400;
 line-height: 22px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 transition: all .3s ease-out 0s
}

.gbs:hover {
 text-decoration: none
}

.gbt-green {
 background: #0087cd;
 color: #fff
}

.gbt-green:hover {
 background: #c88700
}

.gbt-green1 {
 background: #ddedd8;
 color: #0087cd;
 transition: none
}

.gbt-green1:hover {
 background: #0087cd;
 color: #fff
}

.gb {
 background: url(../images/SchedulingAppointment/button-v2.png) no-repeat;
 text-decoration: none;
 display: inline-block
}

input,
select,
textarea {
 font-family: "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "宋体", Arial, Verdana, sans-serif;
 color: #333
}

select {
 border: 1px solid #ccc;
 font-size: 12px;
 font-weight: 400;
 line-height: 28px;
 padding: 5px;
 height: 30px
}

select optgroup {
 font-style: normal;
 font-weight: 700
}

textarea {
 font-weight: 400;
 line-height: 20px;
 resize: none
}

input.text {
 border: 1px solid #CCC;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 font-size: 14px;
 height: 20px;
 line-height: 20px;
 padding: 5px;
 width: 240px;
 font-family: "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "宋体", Arial, Verdana, sans-serif;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 background: #fffffe;
 color: #333
}

input.text:focus,
textarea:focus {
 background: #fafdff;
 border: 1px solid #78a5d9;
 -webkit-box-shadow: 0 0 3px #78a5d9;
 -moz-box-shadow: 0 0 3px #78a5d9;
 box-shadow: 0 0 3px #78a5d9
}

input.invalid,
input.invalid:focus,
select.invalid,
textarea.invalid,
textarea.invalid:focus {
 border: 1px solid #e67f89;
 background: #fff8f8;
 -webkit-box-shadow: 0 0 3px #e67f89;
 -moz-box-shadow: 0 0 3px #e67f89;
 box-shadow: 0 0 3px #e67f89
}

textarea {
 border: 1px solid #CCC;
 font-size: 14px;
 padding: 5px;
 overflow: auto;
 color: #333
}

::-webkit-input-placeholder {
 color: #bcbcbc
}

::-moz-placeholder {
 color: #bcbcbc
}

input:-ms-input-placeholder {
 color: #bcbcbc
}

textarea:-ms-input-placeholder {
 color: #bcbcbc
}

.gfm-input {
 border: 1px solid #ccc;
 font-size: 12px;
 font-weight: 400;
 line-height: 18px;
 background: #fff;
 height: 18px;
 padding: 5px;
 width: 240px;
 color: #333;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none
}

.gfm-input:focus,
textarea:focus {
 background: #f5fafd;
 border: 1px solid #3d9ee9;
 -webkit-box-shadow: 0 0 3px #78a5d9;
 -moz-box-shadow: 0 0 3px #78a5d9;
 box-shadow: 0 0 3px #78a5d9
}


/*! portal-web - 2015-05-07 19:24:34 */

.order-form .user-boxes {
 max-height: 216px;
 overflow: auto
}

.order-form .user-boxes dl {
 float: left;
 width: 190px;
 border: 1px solid #ccc;
 padding: 3px;
 position: relative;
 color: #333;
 font-size: 14px;
 margin: 3px 12px 10px 0;
 cursor: pointer
}

.order-form .user-boxes dl dt {
 font-size: 16px;
 line-height: 20px;
 height: 20px;
 overflow: hidden;
 padding: 6px 10px;
 background: #fff
}

.order-form .user-boxes dl dt input {
 display: none
}

.order-form .user-boxes dl dt span {
 color: #bcbcbc;
 font-size: 14px
}

.order-form .user-boxes dl dt a {
 font-size: 14px;
 position: absolute;
 padding-left: 18px;
 right: 10px;
 top: 8px;
 color: #bcbcbc;
}

.order-form .user-boxes dl dt a i {
 background: url(../images/SchedulingAppointment/reservation.png) 0 -79px no-repeat;
 height: 15px;
 width: 13px;
 overflow: hidden;
 position: absolute;
 left: 0;
 top: 50%;
 margin-top: -7px
}

.order-form .user-boxes dl dt a:hover {
 color: #377bee;
 text-decoration: none
}

.order-form .user-boxes dl dt a:hover i {
 background-position: 0 -119px
}

.order-form .user-boxes dl dd {
 background: #f9f9f9;
 padding: 6px 10px;
 line-height: 24px;
 height: 48px;
 border-top: 1px dashed #e2e2e2
}

.order-form .user-boxes dl dd i {
 background: url(../images/SchedulingAppointment/reservation.png) 0 -168px no-repeat;
 height: 37px;
 width: 37px;
 overflow: hidden;
 position: absolute;
 right: 0;
 bottom: 0;
 display: none
}

.order-form .user-boxes dl.hover,
.order-form .user-boxes dl.on {
 border: 1px solid #0087cd;
 background: #0087cd
}

.order-form .user-boxes dl.hover dt a {
 display: block
}

.order-form .user-boxes dl.on dd {
 background: #fffdf4
}

.order-form .user-boxes dl.on dd i {
 display: block
}

.order-form .user-boxes dl.off {
 opacity: .35;
 filter: alpha(opacity=35);
 cursor: default
}

.order-form .user-boxes .add-user {
 clear: both;
 padding: 10px 15px 0;
 font-size: 14px
}

.order-form .user-boxes .add-user i {
 background: url(../images/SchedulingAppointment/reservation.png) no-repeat;
 height: 14px;
 width: 14px;
 overflow: hidden;
 position: absolute;
 left: 0;
 top: 50%;
 margin-top: -6px
}

.order-form .user-boxes .add-user a {
 position: relative;
 display: inline-block;
 line-height: 20px;
 padding-left: 20px;
 color: #bcbcbc
}

.order-form .user-boxes .add-user a:hover {
 color: #377bee;
 text-decoration: none
}

.order-form .user-boxes .add-user a:hover i {
 background-position: 0 -39px
}

.order-form input {
 margin-left: 0
}

.order-form .item {
 margin: 10px 0 24px
}

.order-form .title {
 margin: 6px 0;
 font-size: 16px;
 font-weight: bold;
 line-height: 40px;
 color: #333;
 border-top: 2px solid #0087cd;
 background: #FBF9F9;
 padding: 0 10px;
}

.order-form .form-line {
 margin: 3px 10px 3px 0;
 padding: 2px 10px 2px 0
}

.order-form .input-code label {
 line-height: 30px
}

.order-form .input-code input,
.order-form .input-code label {
 float: left
}

.gp-order {
 color: #666;
 font-size: 14px
}

.gp-order .info th {
 font-weight: 400;
 padding: 2px;
 text-align: center;
 line-height: 20px;
 color: #bcbcbc
}

.gp-order .info th p {
 border-bottom: 3px solid #ecdfc3;
 background: #ecdfc3;
 font-size: 16px;
 color: #333;
 line-height: 35px;
}

.gp-order .info td {
 padding: 15px 2px 5px;
 text-align: center
}

.gp-order .info td select {
 margin-top: 6px
}

.gp-order .info .tips {
 background: #fbf7ef;
 line-height: 20px;
 padding: 8px 20px
}

.gp-order .info .g-doc-info {
 text-align: left;
 line-height: 22px
}

.gp-order .info .g-doc-info dl {
 margin-left: 75px
}

.gp-order .info .g-doc-info dt span {
 color: #666
}

.gp-order .tips {
 font-size: 14px;
 color: red;
}

.gp-order .order-form {
 padding-top: 30px
}

.gp-order .order-form .title .tips {
 display: inline-block;
 margin-left: 30px;
 position: relative;
 padding-left: 25px;
 color: #f9a821
}

.gp-order .order-form .title .tips i {
 background: url(../images/SchedulingAppointment/order.png) 0 -222px no-repeat;
 height: 19px;
 width: 19px;
 position: absolute;
 left: 0;
 top: 50%;
 margin-top: -10px
}

.gp-order .order-form .item {
 margin-bottom: 40px
}

.gp-order .order-form .add-user {
 padding-top: 8px
}

.gp-order .order-form .user-boxes dl {
 width: 214px;
 margin: 3px 18px 3px 0
}

.gp-order .order-form .time-section {
 max-height: 120px;
 overflow: auto
}

.gp-order .order-form .time-section label {
 float: left;
 margin: 0 60px 5px 0
}

.gp-order .order-form .form-line {
 margin-left: 0;
 padding-left: 0;
 padding-top: 5px
}

.gp-order .order-form .form-line .tip {
 color: #ce4545;
 font-size: 12px
}

.gp-order .order-form .form-line .gfm-left {
 width: 90px;
 display: inline-block;
 text-align: right;
}

.gp-order .order-form .treatcard-info {
 padding: 0 10px;
 width: 100%;
 margin: -20px 0 40px -10px
}

.gp-order .order-form .treatcard-info .item {
 margin: 0;
 padding: 10px 0
}

.gp-order .order-form .treatcard-info .tip {
 display: block;
 padding: 4px 0 0 94px
}

.gp-order .order-form .form-line-radio {
 float: left;
 margin-right: 30px;
 font-size: 16px;
 color: #333
}

.gp-order .order-form .agent-item .gfm-left {
 width: 60px
}

.gp-order .order-form .verify {
 padding-bottom: 10px
}

.gp-order .order-form .verify .form-line {
 padding-left: 0;
 margin-left: 3px
}

.gp-order .order-form .verify .gfm-input {
 width: 192px
}

.gp-order .order-form .verify .knowit {
 font-size: 16px;
 color: red;
}

.gp-order .order-form .actions,
.gp-order .order-form .verify .knowit input {
 margin-left: 0
}

.gp-order .order-form .actions span {
 color: #0087cd;
 padding-left: 20px;
 line-height: 40px;
 font-size: 16px;
 display: inline-block
}

.gp-order .order-form .actions a {
 margin-left: 0;
 width: 180px
}

.gp-order .order-form .actions em {
 font-style: normal;
 font-size: 16px
}

.gp-order .order-suc {
 background: #f5faf4;
 border: 1px solid #dfefdb;
 padding: 40px 30px 50px 80px;
 margin-top: 20px;
 margin-bottom: 30px;
 line-height: 18px
}

.gp-order .order-suc .box {
 position: relative;
 width: 640px;
 margin: 0 auto
}

.gp-order .order-suc p {
 color: #333
}

.gp-order .order-suc h2 {
 font-size: 20px;
 padding-bottom: 10px;
 position: relative;
 color: #333
}

.gp-order .order-suc h2 i {
 position: absolute;
 background: url(../images/SchedulingAppointment/icons-v2.png) 0 -281px no-repeat;
 height: 46px;
 width: 46px;
 left: -70px;
 top: -10px
}

.gp-order .order-suc h2 span {
 color: #ce4545;
 font-size: 14px;
 padding-left: 20px
}

.gp-order .order-suc .tel {
 color: #0087cd;
 font-size: 18px;
 padding-left: 10px
}

.gp-order .order-suc .infos {
 border: 1px dashed #539a2a;
 background: #fff;
 margin-top: 20px
}

.gp-order .order-suc .infos ul {
 padding: 10px 20px;
 float: left;
 width: 400px
}

.gp-order .order-suc .infos ul li {
 line-height: 24px;
 padding: 3px 0
}

.gp-order .order-suc .infos ul label {
 color: #333;
 display: inline-block;
 width: 78px
}

.gp-order .order-suc .infos .wy-code {
 height: 193px;
 width: 161px;
 float: right;
 border-left: 1px dashed #e4e4e4;
 margin: 10px;
 padding-left: 10px
}

.gp-order .order-suc .infos dl {
 background: #f9f9f9;
 padding: 10px 20px;
 font-size: 12px;
 clear: both
}

.gp-order .order-suc .infos dl dd,
.gp-order .order-suc .infos dl dt {
 padding: 4px 0
}


/*信息提示*/

.verify .form-line span.field-validation-error {
 display: block;
 padding-left: 20px;
 margin-top: 20px;
 line-height: 40px;
 border: 1px dashed red;
 background: #f2f2f2;
 color: red
}

.item .form-line span.field-validation-error {
 color: red;
 line-height: 26px;
 margin-left: 15px;
}


/*编辑就诊人信息*/

.gfm-line .gfm-item {
 margin: 15px 0;
 vertical-align: middle
}

.gfm-line .gfm-item .gfm-left,
.gfm-line .gfm-item .gfm-right,
.gfm-line .gfm-item .text-value,
.gfm-line .gfm-item label {
 float: left;
 line-height: 30px;
 height: 30px
}

.gfm-line .gfm-mobtip {
 color: #da222c;
 padding-left: 10px
}

.gfm-line .gfm-item:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
 overflow: hidden
}

.gfm-line .gfm-item {
 zoom: 1
}

.gfm-line .gfm-left {
 margin-right: 10px;
 width: 95px;
 text-align: right;
 vertical-align: middle
}

.gfm-line .gfm-required-mark {
 margin-right: 5px;
 color: #da222c
}

.gfm-line .gfm-actions {
 margin-top: 32px;
 margin-left: 103px
}


/*预约成功*/

.lx-content {
 margin: 0 auto;
 width: 567px;
}

.lx-content .xl-p {
 border-left: #e4e4e4 solid 1px;
 border-right: #e4e4e4 solid 1px;
 padding-left: 20px;
 border-top: #e4e4e4 solid 1px;
 padding-bottom: 10px;
 padding-top: 10px;
}

.lx-content .xl-p p {
 line-height: 30px;
 color: #a0a0a0;
 font-size: 14px;
}

.lx-content .xl-p p span {
 color: #000;
}

.g-container.gp-order a {
 color: #c88700
}

a#J_Booking {
 color: #fff
}

#J_BookInfo p.add-user a {
 color: #333
}

#J_BookInfo p.add-user a:hover {
 color: #c88700
}


/*个人中心预约信息展示*/

.gp-person .order-detail .state-bar {
 width: 850px;
 margin: 20px auto;
 font-size: 14px;
 color: #666;
 table-layout: fixed
}

.gp-person .order-detail .state-bar td {
 text-align: center
}

.gp-person .order-detail .state-bar .state {
 color: #333
}

.gp-person .order-detail .state-bar .bar td {
 position: relative;
 height: 30px
}

.gp-person .order-detail .state-bar .bar span {
 width: 100%;
 height: 5px;
 display: inline-block;
 background: #ebebeb;
 margin-top: 20px
}

.gp-person .order-detail .state-bar .bar i {
 z-index: 2;
 margin: -15px auto 0;
 font-style: normal;
 font-size: 12px;
 padding-top: 2px;
 height: 18px;
 width: 20px;
 color: #88aeca;
 background: url(../images/SchedulingAppointment/icons2-v3.png) 0 -390px no-repeat;
 display: block
}

.gp-person .order-detail .state-bar span.end,
.gp-person .order-detail .state-bar span.start {
 width: 50%
}

.gp-person .order-detail .state-bar span.start {
 margin-left: 110px
}

.gp-person .order-detail .state-bar span.end {
 margin-right: 110px
}

.gp-person .order-detail .state-bar .state .hl,
.gp-person .order-detail .state-bar .time .hl {
 color: #3d9ee9
}

.gp-person .order-detail .state-bar .bar .hl span {
 background: #3d9ee9
}

.gp-person .order-detail .state-bar .bar .hl i {
 background-position: 0 -370px;
 color: #fff
}

.gp-person .order-detail .state-bar .state .over,
.gp-person .order-detail .state-bar .time .over {
 color: #6d9bbc
}

.gp-person .order-detail .state-bar .bar .over span {
 background: #e0f2fe
}

.gp-person .order-detail .state-bar .bar .over i {
 background-position: 0 -350px;
 color: #6d9bbc
}

.gp-person .order-detail .state-bar .nopay span.start {
 margin-left: 142px
}

.gp-person .order-detail .state-bar .nopay span.end {
 margin-right: 142px
}

.gp-person .order-detail .state-bar .state3,
.gp-person .order-detail .state-bar .state4 {
 height: 30px
}

.gp-person .order-detail .state-bar .detail-tip {
 display: block;
 font-size: 12px;
 color: #6d9bbc;
 position: relative
}

.gp-person .order-detail .state-bar .detail-tip p {
 position: absolute;
 padding: 6px;
 background: #e0f2fe;
 width: 200px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 top: -5px
}

.gp-person .order-detail .state-bar .step1 p {
 left: 118px
}

.gp-person .order-detail .state-bar .step2 p {
 left: 36px
}

.gp-person .order-detail .state-bar .step3 p {
 left: -46px
}

.gp-person .order-detail .state-bar .state4 .step1 p {
 left: 85px
}

.gp-person .order-detail .state-bar .state4 .step2 p {
 left: 0
}

.gp-person .order-detail .state-bar .state4 .step3 p {
 left: -80px
}

.gp-person .order-detail #get_checkcode {
 padding-left: 20px
}

.gp-person .order-detail .info-det a.disabled {
 color: #da222c;
 cursor: default;
 text-decoration: none
}

.gp-person .order-detail .short {
 width: 850px;
 margin: 65px auto 20px;
 height: 160px;
 background: #f9fcfe
}

.gp-person .order-detail .short .img {
 height: 120px;
 width: 120px;
 display: inline-block;
 float: left;
 margin: 15px 0 0 90px
}

.gp-person .order-detail .short .cancel-order {
 background: url(../images/SchedulingAppointment/pictures3-v2.png) 0 -332px no-repeat
}

.gp-person .order-detail .short .order-step {
 background: url(../images/SchedulingAppointment/pictures3-v2.png) no-repeat
}

.gp-person .order-detail .short .make-sure {
 background: url(../images/SchedulingAppointment/pictures3-v2.png) 0 -212px no-repeat
}

.gp-person .order-detail .short .wait {
 background: url(../images/SchedulingAppointment/pictures3-v2.png) 20px -105px no-repeat
}

.gp-person .order-detail .short .doc {
 line-height: 28px;
 margin-top: 50px;
 display: inline-block;
 color: #333
}

.gp-person .order-detail .short .doc strong {
 font-size: 22px;
 font-weight: 400
}

.gp-person .order-detail .short span.short-margin {
 margin-top: 35px
}

.gp-person .order-detail p.wait-cure {
 height: 260px
}

.gp-person .order-detail p.wait-cure span.short-margin {
 margin-top: 20px
}

.gp-person .order-detail p.wait-cure span.tips {
 background: #e5f0d7;
 padding: 3px 10px;
 width: 450px;
 display: inline-block;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 margin: 5px 0;
 color: #719d3c
}

.gp-person .order-detail p.wait-cure span.info {
 font-size: 14px
}

.gp-person .order-detail p.wait-cure span.info-det {
 color: #666;
 margin-left: 28px
}

.gp-person .order-detail p.wait-cure span.info-det .red-word {
 color: #da222c
}

.gp-person .order-detail p.s-height {
 height: 130px;
 margin-top: 5px
}

.gp-person .order-detail ul {
 width: 850px;
 margin: 0 auto
}

.gp-person .order-detail ul li {
 background: #F8FBF5;
 padding: 10px 0 10px 20px;
 border-bottom: 1px dashed #e0ebd2;
 line-height: 28px;
 color: #333
}

.gp-person .order-detail ul li span {
 width: 410px;
 display: inline-block
}

.gp-person .order-detail ul li span .red-word {
 color: #da222c
}

.gp-person .order-detail ul .li-noborder {
 border-bottom: none;
 font-weight: 700
}

.gp-person .order-detail ul .title {
 padding: 0 0 0 20px;
 height: 40px;
 background: #e5f0d7;
 color: #719d3c;
 font-size: 14px;
 line-height: 40px;
 border-bottom: 1px solid #c8dbb0;
 font-weight: bold;
}

.gp-person .order-detail ul .last {
 border: none;
 padding-bottom: 30px
}

.gp-person .order-detail .xl-iframe {
 width: 850px;
 padding-left: 64px
}

.gp-person .order-detail .ask-que {
 float: right;
 margin: 10px 65px 0 0
}

.gp-person .order-detail .btn {
 display: block;
 width: 78px;
 margin: 15px auto 50px
}

.gi2 {
 display: -moz-inline-stack;
 display: inline-block;
 zoom: 1;
 *display: inline;
 width: 16px;
 height: 16px;
 background: url(../images/SchedulingAppointment/icons2-v3.png) no-repeat;
 vertical-align: middle;
 overflow: hidden
}

.gi-s2 {
 background-position: 0 -441px;
 width: 10px;
 height: 5px
}


/*按钮样式*/

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
 width: 105px!important;
 background: #D43A56!important;
 color: #fff
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-hover {
 background: #F491A3!important
}


/*选择院区页面 2016-10-21*/

.Hospital_Select {
 padding: 20px 50px;
}

.Hospital_Select h2 {
 font-size: 26px;
 line-height: 45px;
 overflow: hidden;
}

.Hospital_Select h2 a {
 font-size: 18px;
 color: #f00;
 margin-right: 150px;
 float: right
}

.Hospital_Select h2 a:hover {
 font-weight: bold;
}

ul.Hospital_menu {
 width: 780px;
 margin: 15px auto 0;
}

ul.Hospital_menu li {
 float: left;
 text-align: center;
 margin-bottom: 15px;
}

ul.Hospital_menu li a {
 display: block;
 text-align: center;
 background: #ededed;
 border: 1px solid #ccc;
 transition: all 0.2s ease 0s;
 -moz-transition: all 0.2s ease 0s;
 -webkit-transition: all 0.2s ease 0s;
 -o-transition: all 0.2s ease 0s;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 width: 85%;
 margin: 0 auto;
 padding: 15px 5%;
}

ul.Hospital_menu li a i {
 display: block;
 line-height: 50px;
 font-style: normal;
 width: 100%;
 color: #0087cd;
 font-size: 30px;
 padding-top: 220px;
 border-bottom: 1px solid #ccc;
 margin-bottom: 5px;
 padding-bottom: 5px;
}

ul.Hospital_menu li a i.current_4 {
 background: url(/Sites/Uploaded/UserUpLoad/20161027/20161027172936.jpg) no-repeat center top;
}

ul.Hospital_menu li a i.current_87 {
 background: url(/Sites/Uploaded/UserUpLoad/20161027/20161027172752.jpg) no-repeat center top;
}

ul.Hospital_menu li a i.current_1a {
 background: url(/Sites/Uploaded/UserUpLoad/20161027/20161027172752.jpg) no-repeat center top;
}

ul.Hospital_menu li a i.current_2a {
 background-position: center -260px;
}

ul.Hospital_menu li a span {
 display: block;
 text-align: center;
 line-height: 24px;
 color: #666;
 font-size: 14px;
}

ul.Hospital_menu li a span strong {
 font-weight: normal;
 color: #333;
 height: 45px;
}

ul.Hospital_menu li a:hover {
 background: #0087cd;
 color: #fff;
 border: 1px solid #0087cd
}

ul.Hospital_menu li a:hover i,
ul.Hospital_menu li a:hover span,
ul.Hospital_menu li a:hover span strong {
 color: #fff;
}

@media only screen and (max-width:1366px) {
 .Top_C {
 width: 944px;
 }
.Top_list li{
width:120px;
}
}