﻿/*字体颜色样式*/
.Top_list li a:hover span{ color: #2076bd; }
/*背景颜色样式*/
div.type_title h2,h2.dep_tit_2 span,.yy_bk a,.table01 th{background:#2076bd}
.yy_bk a:hover{background:#10C34D}
/*边框颜色样式*/
.Con_R{border-top:2px solid #2076bd;}
div.type_title{border-bottom: 1px solid #2076bd;}
h2.dep_tit1 span{border-bottom: 2px solid #2076bd;}

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;
}
/*公用头部样式*/
.Top_L{background:url(../images/SchedulingAppointment/bg.jpg) no-repeat -93px 0; height:93px; width:7px; float:left}
.Top_C{background:url(../images/SchedulingAppointment/bg.jpg) repeat-x 0 -95px; height:93px; float:left; width:1186px;}
.Top_R{background:url(../images/SchedulingAppointment/bg.jpg) no-repeat 0 0; 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:970px;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 }
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,#2076bd); /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(#10C34D,#2076bd); /* Opera 11.1 - 12.0 */
 background: -moz-linear-gradient(#10C34D,#2076bd); /* Firefox 3.6 - 15 */
 background: linear-gradient(#10C34D,#2076bd); /* 标准的语法（必须放在最后） */
 -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{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}

/*确认预约订单信息*/
.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:#86bc4c; color:#fff }
.gbt-green:hover { background:#73b52d }
.gbt-green1 { background:#ddedd8; color:#5ca945; transition:none }
.gbt-green1:hover { background:#5ca945; 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 #5ca945; background:#5ca945 }
.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 }

.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 { 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:#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 #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:#5ca945; 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: #068B84}
a#J_Booking{color: #fff}
#J_BookInfo p.add-user a{color: #333}
#J_BookInfo p.add-user a:hover{color:#068B84}
/*个人中心预约信息展示*/
.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} 