/*字体颜色样式*/
.Top_list li a:hover span {
 color: #b12f2b;
}
/*背景颜色样式*/
div.type_title h2, h2.dep_tit_2 span, .yy_bk a, .table01 th {
 background: #1a76cc;
}

 .yy_bk a:hover {
 background: #10C34D
 }
/*边框颜色样式*/
div.type_title {
 border-bottom: 1px solid #2b7bdc;
}

h2.dep_tit1 span {
 border-bottom: 2px solid #b12f2b;
}

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;
}
/*登录框*/
.overflow_1 img {
 display: none;
}
.submit_cont .overflow_1 img{
display:block;
}
.submit_div {
 border-radius: 5px;
}
/*公用头部样式*/
.Top {
 border: 1px solid #307cde;
 border-radius: 5px;
}

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

.Top_C {
 height: 93px;
 float: left;
   
}

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

h2.Top_tit {
 float: left;
 font-family: "Microsoft YaHei", "微软雅黑";
 font-size: 16px;
 height: 80px;
 line-height: 20px;
 margin: 8px 0 5px;
 padding: 0 20px 0 20px;
 width: 20px;
 border-right: 1px solid #2d7bdd;
}

.Top_C .Top_list {
 float: left;
}

.Top_list li {
 background: url(/Sites/Uploaded/UserUpLoad/20191115/20191115103628.png) no-repeat 82px -83px;
 float: left;
 height: 93px;
 width: 115px;
 padding: 0;
 margin-left: 10px;
}

 .Top_list li:last-of-type {
 background: none;
 }

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

 .Top_list li span {
 background: url(/Sites/Uploaded/UserUpLoad/20191115/20191115103628.png) no-repeat 0 0;
 font-size: 14px;
 height: 24px;
 margin-top: 15px;
 color: #333;
 padding: 50px 10px 0;
 display: block;
 }
 .Top_list li.active span{
 background: url(/Sites/Uploaded/UserUpLoad/20200602/20200602155015.png) no-repeat 0 0;
 color: #b12f2b;
 }

 .Top_list li:hover span{
 background: url(/Sites/Uploaded/UserUpLoad/20200602/20200602155015.png) no-repeat 0 0;
 color: #b12f2b;
 }
 .Top_list li.li09.active span{
 background-position: -309px -109px;
 }
 .Top_list li.li09:hover span{
 background-position: -309px -109px;
 }
 .Top_list li.li01 span {
 background-position: 20px 8px;
 }

 .Top_list li.li02 span {
 background-position: -142px 8px;
 }

 .Top_list li.li03 span {
 background-position: -308px 8px;
 }

 .Top_list li.li04 span {
 background-position: -479px 8px;
 }

 .Top_list li.li05 span {
 background-position: -642px 8px;
 }

 .Top_list li.li06 span {
 background-position: -978px 8px;
 }

 .Top_list li.li07 span {
 background-position: -793px 8px;
 }
 .Top_list li.li08 span {
 background-position: -143px -109px;
 }
 .Top_list li.li09 span {
 background-position: -308px -109px;
 }

.Min_Con {
 padding: 20px 0;
}
/*主体样式*/
/*主体样式*/
.main {
 margin-bottom: 0px;
 min-height: auto;
 overflow: hidden;
}

.main_bg {
 overflow: hidden;
 padding-bottom: 40px;

 min-height: 616px;
}

.article_content strong {
 color: #b12f2b;
}
/*预约挂号须知页面*/
.Con_L {
 background: #1483c8;
 float: left;
 width: 140px;
}

ul.menu_list li {
 border-bottom: 1px solid #fff;
 line-height: 42px;
 background: #51afed url(/Sites/Uploaded/UserUpLoad/20200602/20200602154911.png) no-repeat 8px 14px;
 padding-left: 30px;
}

 ul.menu_list li a {
 color: #333;
 font-size: 14px;
 display: block;
 }
ul.menu_list li a:hover {
 color: #fff;
 
 }
.Con_R {
 width: 800px;
 float: right;
 background: #87bcce;
 padding: 15px;
}

 .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;
}
/*选择院区*/
.Hospital_menu li{
 float: left;
 text-align: center;
 box-sizing: border-box;
}
.Hospital_menu li:first-child{
 padding-right: 30px;
}
.Hospital_menu li:first-child a{
 background: url(/Sites/Uploaded/UserUpLoad/20191115/20191115102035.png);
 background-size: contain;
}
.Hospital_menu li:nth-child(2) a{
 background: url(/Sites/Uploaded/UserUpLoad/20191115/20191115102515.png);
 background-size: contain;
}
.Hospital_menu li:nth-child(2){
 padding-left: 30px;
}
.Hospital_menu li i{
 display: block;
 font-size: 33px;
 line-height: 53px;
}
.Hospital_menu li span{
 font-size: 20px;
 line-height: 36px;
}
.Hospital_menu li a{
 color: #fff;
 display: block;
 font-family: "楷体";
 padding: 30px 0 36px 0;
 transition: all 0.5s linear;
}
.Hospital_menu li a:hover{
 opacity: 0.7;
}
/*选择科室*/
/*2018/1/29样式*/
.type {
 padding: 15px;
}

.type_title {
 height: 50px;
 clear: both;
 background: url(/Content/Areas/Common/images/tit_bg.png) bottom repeat-x;
 margin-bottom: 7px;
}

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

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

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

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

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

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

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

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

.type_title li.hover01 {
 color: #fff;
 background: #1483c8;
}

.hover01 a {
 color: #fff
}

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

 .keshi_title span {
 height: 33px;
 line-height: 33px;
 font-size: 14px;
 font-weight: bold;
 display: block;
 width: 150px;
 text-align: center;
 border-bottom: 2px solid #488be2;
 }

.sy_tab_con ul {
 clear: both;
}


.sy_tab_con li {
 float: left;
 background: #51afed url(/Sites/Uploaded/UserUpLoad/20200602/20200602154911.png) no-repeat 8px 14px;
 height: 42px;
 line-height: 42px;
 width: 186px;
 border-radius: 5px;
 margin-right: 10px;
 margin-bottom: 10px;
}

 .sy_tab_con li a {
 font-size: 18px;
 padding-left: 30px;
 display: block;
 color: #333;
 }
  .sy_tab_con li a:hover {
 
 color: #fff;
 }

 .sy_tab_con .tpye02_title p{
  display: inline-block;
  padding:0 15px;
 }

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

.doc_mes {
 overflow: hidden;
 margin: 10px 0 0;
}

 .doc_mes .doc_pic {
 float: left;
 margin: 0 10px 0 0;
 }

 .doc_mes .doc_info {
 float: left;
 }

.doc_mes {
 overflow: hidden;
 margin: 10px 0 0;
}

 .doc_mes .doc_pic {
 float: left;
 margin: 0 10px 0 0;
 }

 .doc_mes .doc_info {
 float: left;
 }

.doc_pic img {
 width: 106px;
 height: 138px;
 display: block
}

.pic-info {
 background: #00968e;
}

 .pic-info a {
 color: #fff;
 }

.doc_info p {
 line-height: 31px;
 font-size: 14px;
 float: left;
 padding: 0 85px 0 10px;
}

.table01 td a {
 width: 85px;
 display: inline-block;
 border-radius: 5px;
 font-size: 14px;
 margin: 0px 10px;
 color: #fff;
 background: #1a76cc;
vertical-align: middle;
}
.table01 td a.dailySchedulingState_a_4{
background:none;
}
div.type_title {
 height: 35px;
 line-height: 35px
}

 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: block;
 font-size: 14px;
 font-weight: bold;
 height: 33px;
 line-height: 33px;
 text-align: center;
 width: 150px;
 }

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

 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;
 }
/*选择日期*/
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: #e6f4fc;
 overflow: hidden;
 display: block;
 height: 99px;
 margin: 0;
 line-height: 25px;
}
/*日期表格样式*/
#divCalendar .calendar {
 background: -webkit-linear-gradient(#10C34D,#b12f2b); /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(#10C34D,#b12f2b); /* Opera 11.1 - 12.0 */
 background: -moz-linear-gradient(#10C34D,#b12f2b); /* Firefox 3.6 - 15 */
 background: linear-gradient(#10C34D,#b12f2b); /* 标准的语法（必须放在最后） */
 -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: #B6FCCE
}

/*选择医生*/
table.table01 {
 margin-top: 15px;
}

.table01 th {
   color: #fff;
 font-size: 14px;
 height: 32px;
 line-height: 32px;
 padding: 5px;
 /* background: #F2E9C1FF; */
 border: 1px solid #1a76cc;
}

.table01 td {
   background: #bfd7fd;
 border: 1px solid #2c78da;
 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: 85px;
 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
}

/*确认预约订单信息*/
/*2018/1/29样式修改*/
.field-validation-error {
 display: inline-block;
 vertical-align: top;
}

.bt05 {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat -85px -906px;
}

.hover01 .bt05 {
 background: url(../images/SchedulingAppointment/icon.png) no-repeat -110px -863px;
}

.table02 th {
 font-size: 24px;
 color: #fff;
 background: #1483c8;
 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
}

.td_font {
 color: #81663e;
}

.center {
 margin: 20px auto;
}

.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;
 }

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

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

.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: #86bc4c;
 color: #fff
}

 .gbt-green:hover {
 background: #73b52d
 }

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

 .gbt-green1:hover {
 background: #b12f2b;
 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 #1483c8;
 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 #b12f2b;
 background: #b12f2b
 }

 .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 #1483c8;
 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
}

.notValidate {
 padding: 20px 0;
}

.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 #dce9ff;
 background: #dce9ff;
 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: #dff2ff;
 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 .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: #32aa0f;
 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 #e5c782;*/
 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: #b12f2b;
 font-size: 18px;
 padding-left: 10px
 }

 .gp-order .order-suc .infos {
 border: 1px dashed #b12f2b;
 background: #f5faf4;
 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 .wy-code img{
width:100%;
}

 .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: #b12f2b;
}

a#J_Booking {
 color: #fff
}

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

 #J_BookInfo p.add-user a:hover {
 color: #b12f2b;
 }
/*个人中心预约信息展示*/
.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
}
.yuyue_next_btns{
 margin-top: 15px;
}
.yuyue_next_btns a{
 display: inline-block;
 padding: 0 15px;
 height: 30px;
 line-height: 30px;
 border-radius: 5px;
 color: #ffff !important;
 background: #b12f2b;
}
.yuyue_next_btns a:hover{
 background: #d2433f;
}
.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
}

.true_cont p span {
 color: #81663e;
 font-weight: 700;
}
/*按钮样式*/
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
 }
/*预约成功*/
.overflow_1 {
 height: 12px;
 overflow: hidden;
}
 

 /*2020/07/14新增*/
 .sy_tab_con .tpye02_title p{
 font-size: 14px;
 font-weight: 400;
 }
  .sy_tab_con .tpye02_title p span{
 font-weight: 600;
  }
  .TimeSpanGroups{
 padding:15px 10px 18px 12px;
 box-sizing: border-box;
 border:1px solid #A1CAFF;
 border-top:3px solid #277EB7;
 background:#F7F7F7;
 box-sizing: border-box;
 margin-top: 20px;
  }
  .TimeSpanGroupsTitle{
 font-size:16px;
 font-weight:400;
 color: #333;
  }
  .TimeSpanGroup{
 width:98px;
 height:32px;
 line-height: 32px;
 text-align: center;
 background:#FFFFFF;
 border-radius:3px;
 border:1px solid #C6C6C6;
 display: inline-block;
 margin-right: 10px;
 font-size: 16px;
 color: #222222;
 cursor: pointer;
  }
  .TimeSpanGroup:last-child{
 margin-right: 0px;
  }
  .TimeSpanGroups .Selected{
 background:#4489E1;
 color:#fff;
 font-weight:bold;
 border:1px solid #4489E1;
  }
  .TimeSpans .TimeSpansTitle{
 font-size:14px;
 font-weight:400;
 color:#999999;
 margin: 18px 0;
 display: block;
  }
  .type_cont  .TimeSpansUL .TimeSpan{
 background:#F1F7FF;
 width: 83.5px;
 height: 48px;
 line-height: 48px;
 color: #458EF0;
 font-size:18px;
 margin-right: 16px;
 margin-bottom: 16px;
  }
  .type_cont  .TimeSpansUL .TimeSpan a{
 color: #458EF0;
  }
  
   .type_cont  .TimeSpansUL .TimeSpan:hover{
 background:#4489E1;
 
 font-size:18px;
  }
   .type_cont  .TimeSpansUL .TimeSpan:hover a{
 text-decoration: none;
 color: #fff;
  }
 .type_cont  .TimeSpansUL .TimeSpan a{
 padding-left: 0;
 text-align: center;
  }
  .type_cont  .TimeSpansUL .TimeSpan:nth-child(10n){
 margin-right: 0;
  }