.form {
 width: 750px;
 float: left;
}

#valiCodeAppointValidateCode {
 vertical-align: middle;
}

.form-line.captcha-line {
 background: none repeat 0 0 #fafafa;
 padding: 10px 0;
 text-align: center;
}

.g-clear.J_validCode .title {
 padding-left: 0px;
}

.patient_ask02 .tit_xys {
 font-size: 16px;
 font-weight: bold;
 margin: 0;
 line-height: 30px;
 margin-top: 10px;
 color: #1D923A;
 width: 500px;
}

.form1 {
 border-left: 1px solid #A7E89C;
 margin: 10px 0 0;
}

 .form1 td {
 height: 52px;
 line-height: 20px;
 padding: 0 10px;
 }

tr.title td.r {
 border-top: 1px solid #E7E3E7;
}

tr.title td.l {
 border-top: 1px solid #A7E89C;
}

td.l {
 -moz-border-bottom-colors: none;
 -moz-border-image: none;
 -moz-border-left-colors: none;
 -moz-border-right-colors: none;
 -moz-border-top-colors: none;
 background-color: #D0FAC9;
 border-color: #A7E89C;
 border-style: solid;
 border-width: 0 1px 1px 0;
 color: #000100;
 font-size: 14px;
 text-align: right;
 width: 140px;
}

td.r {
 -moz-border-bottom-colors: none;
 -moz-border-image: none;
 -moz-border-left-colors: none;
 -moz-border-right-colors: none;
 -moz-border-top-colors: none;
 background-color: #F7F7F7;
 border-color: #E7E3E7;
 border-style: solid;
 border-width: 0 1px 1px 0;
 font-size: 12px;
 text-align: left;
}

.patient_ask_btn {
 background-image: url("/Content/Areas/Interactions/images/HospitalMails/patient_ask_btn1.jpg");
 background-repeat: no-repeat;
 border: 0 none;
 cursor: pointer;
 font-family: "微软雅黑","宋体";
 font-size: 18px;
 font-weight: bold;
 height: 40px;
 line-height: 40px;
 margin: 10px;
 text-align: center;
 width: 143px;
}

.patient_right {
 float: right;
 width: 220px;
 margin: 20px 10px 0 0;
 display: inline;
 border: 1px solid #ccc;
 padding: 0 5px;
 margin-bottom: 10px;
}

 .patient_right .title_head h3 {
 padding: 0 10px;
 }

 .patient_right .article_list {
 margin: 15px 0;
 }

.yuyuetable {
 border: none;
 width: 815px;
}

 .yuyuetable td, .yuyuetable tr {
 line-height: 26px;
 }

 .yuyuetable th {
 line-height: 26px;
 height: 26px;
 color: #1C9139;
 }

 .yuyuetable td {
 width: 90px;
 text-align: center;
 }

.patient_right .article_list li span {
 float: left;
 padding: 0 2px;
}

.dailySchedulingState_4 {
 margin-top: 4px;
 background: url(/Content/Areas/Common/images/yue.jpg);
 display: inline-block;
 width: 16px;
 height: 16px;
 overflow: hidden
}
/*--可预约--*/
.dailySchedulingState_6 {
 margin-top: 4px;
 background: url(/Content/Areas/Common/images/guo.jpg);
 display: inline-block;
 width: 16px;
 height: 16px;
 overflow: hidden
}
/*--时间已过--*/
.dailySchedulingState_2 {
 margin-top: 4px;
 background: url(/Content/Areas/Common/images/weidao.jpg);
 display: inline-block;
 width: 16px;
 height: 16px;
 overflow: hidden
}
/*--时间未到--*/
.dailySchedulingState_8 {
 margin-top: 4px;
 background: url(/Content/Areas/Common/images/zhan.jpg);
 display: inline-block;
 width: 16px;
 height: 16px;
 overflow: hidden
}
/*--暂停--*/
.dailySchedulingState_10 {
 margin-top: 4px;
 background: url(/Content/Areas/Common/images/jia.jpg);
 display: inline-block;
 width: 16px;
 height: 16px;
 overflow: hidden
}
/*--假期--*/
.dailySchedulingState_12 {
 margin-top: 4px;
 background: url(/Content/Areas/Common/images/man.jpg);
 display: inline-block;
 width: 16px;
 height: 16px;
 overflow: hidden
}
/*--约满--*/
.dailySchedulingState_14 {
 margin-top: 4px;
 background: url(/Content/Areas/Common/images/ting.jpg);
 display: inline-block;
 width: 16px;
 height: 16px;
 overflow: hidden
}
/*--停诊--*/


.Calendar_DailyContent div {
 width: 100px;
 margin: 5px auto 5px auto;
 line-height: 18px;
 position: relative;
}

.divCalendar .dailySchedulingState_4 {
 position: absolute;
 left: 0;
 top: -6px;
}

.divCalendar .dailySchedulingState_2 {
 position: absolute;
 left: 0;
 top: -6px;
}

.divCalendar .dailySchedulingState_6 {
 position: absolute;
 left: 0;
 top: -6px;
}

.divCalendar .dailySchedulingState_8 {
 position: absolute;
 left: 0;
 top: -6px;
}

.divCalendar .dailySchedulingState_10 {
 position: absolute;
 left: 0;
 top: -6px;
}

.divCalendar .dailySchedulingState_12 {
 position: absolute;
 left: 0;
 top: -6px;
}

.divCalendar .dailySchedulingState_14 {
 position: absolute;
 left: 0;
 top: -6px;
}

.submit {
 text-align: center !important;
}

.left_table {
 float: left;
 width: 750px;
}


/*预约新建页*/
.main {
 width: 930px;
 margin: 0 auto
}

.patient_ask_form {
 background: #F7F7F7;
 padding-bottom: 30px
}

.patient_ask_form_head {
 background: #F7F7F7;
 margin: 5px 0;
 padding-top: 24px;
}

.patient_ask_form label {
 float: left;
 height: 24px;
 line-height: 24px;
 text-align: right;
 width: 354px;
}

.patient_ask_form input.text-box {
 border: #923222 solid 1px;
 padding: 2px
}

.patient_ask_btn {
 background: url(/Content/Areas/Interactions/images/select_btn_bg.jpg) no-repeat;
 border: 0 none;
 color: #FFFFFF;
 cursor: pointer;
 display: block;
 height: 26px;
 margin: 15px 0 30px 354px;
 text-align: center;
 width: 60px;
 font-size: 12px;
 font-weight: normal
}

 .patient_ask_btn:hover {
 background: url(/Content/Areas/Interactions/images/question/select_btn_bg_h.jpg) no-repeat;
 }

.center {
 text-align: center
}

/*申请成功之后*/
.patient_ask_form .submit_cont {
 margin: 0 auto;
 padding-top: 50px;
}



/*---------------------------------------------改版后的预约样式----------------------------------------------------------*/
/*! portal-web - 2015-05-07 19:24:33 */
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;
 font-size: 100%;
 vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block
}

ol, ul {
 list-style: none
}

blockquote, q {
 quotes: none
}

 blockquote:before, blockquote:after, q:before, q:after {
 content: '';
 content: none
 }

table {
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%
}

img {
 border: 0
}

:focus {
 outline: 0
}

a {
 text-decoration: none
}

 a:hover {
 text-decoration: underline
 }

body {
 font-size: 12px;
 font-weight: 400;
 line-height: 16px;
 color: #333;
 font-family: "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "宋体", Arial, Verdana, sans-serif;
 background: #fff;
 position: relative;
 -webkit-text-size-adjust: none
}

.g-container {
 /* width: 930px; */
 margin: 0 auto;
 position: relative
}

.clear {
 clear: both;
 height: 0;
 overflow: hidden;
 display: block
}

.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 .stars, .g-docs-info li .stars {
 height: 14px;
 line-height: 14px;
 display: inline-block;
 overflow: hidden;
 color: #666
 }

 .g-doc-info .stars span, .g-docs-info li .stars span {
 float: left;
 cursor: pointer;
 margin-left: 2px
 }

 .g-doc-info .stars .gi2, .g-docs-info li .stars .gi2 {
 margin-left: 0
 }

 .g-doc-info .stars .score, .g-docs-info li .stars .score {
 color: #f9a821;
 padding-left: 2px
 }

 .g-doc-info .stars .num, .g-docs-info li .stars .num {
 color: #9bbdf7
 }

 .g-doc-info .stars:hover, .g-docs-info li .stars:hover {
 text-decoration: none
 }

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

 .g-doc-info .skill, .g-docs-info li .skill {
 clear: both;
 background: #f8f8f8;
 color: #666;
 padding: 10px;
 margin-top: 24px;
 position: relative
 }

 .g-doc-info .skill strong, .g-docs-info li .skill strong {
 color: #333
 }

 .g-doc-info .skill i, .g-docs-info li .skill i {
 position: absolute;
 height: 7px;
 width: 12px;
 overflow: hidden;
 top: -7px;
 left: 23px;
 background: url(/Content/Areas/Interactions/img/arrow-up.gif) no-repeat
 }

.g-doc-info-noimg dl {
 margin-left: 0
}

.g-doc-info-l .img {
 float: none;
 margin: 0 auto;
 display: block;
 height: 140px;
 width: 140px;
 border: 0
}

 .g-doc-info-l .img img {
 max-width: 140px;
 height: 140px
 }

.g-doc-info-l dl {
 float: none;
 margin: 8px
}

.g-doc-info-l dt a {
 color: #333;
 font-size: 16px
}

.g-doc-info-l .link {
 margin-left: 8px
}

.g-hos-info .img {
 float: left;
 border: 1px solid #ccc;
 height: 80px;
 overflow: hidden;
 width: 110px
}

 .g-hos-info .img img {
 display: block;
 height: 80px;
 width: 110px
 }

.g-hos-info dl {
 margin-left: 120px;
 color: #666
}

.g-hos-info dt {
 line-height: 18px;
 padding-bottom: 4px
}

 .g-hos-info dt a {
 font-size: 14px
 }

 .g-hos-info dt span {
 padding-left: 4px;
 color: #333
 }

.g-hos-info .stars {
 height: 14px;
 line-height: 14px;
 display: inline-block;
 overflow: hidden;
 color: #666
}

 .g-hos-info .stars span {
 float: left;
 cursor: pointer;
 margin-left: 2px
 }

 .g-hos-info .stars .gi2 {
 margin-left: 0
 }

 .g-hos-info .stars .score {
 color: #f9a821;
 padding-left: 2px
 }

 .g-hos-info .stars .num {
 color: #9bbdf7
 }

 .g-hos-info .stars:hover {
 text-decoration: none
 }

.g-hos-info p {
 white-space: pre;
 white-space: pre-wrap;
 white-space: pre-line;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -hp-pre-wrap;
 word-wrap: break-word;
 overflow: hidden;
 word-break: break-all
}
/*------------------------*/
.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
}

 .gbb:hover {
 text-decoration: none
 }

 .gbb .wrap {
 position: relative
 }

 .gbb .fonts {
 margin-left: 24px
 }
/*------------------------*/

/*------------------------*/
.gbn {
 padding: 0 16px;
 text-align: center;
 display: inline-block;
 height: 32px;
 font-size: 14px;
 font-weight: 400;
 line-height: 32px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 transition: all .3s ease-out 0s
}

 .gbn:hover {
 text-decoration: none
 }

 .gbn .wrap {
 position: relative
 }

 .gbn .fonts {
 margin-left: 24px
 }

 .gbn .giv2 {
 top: 0
 }

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

.gbi {
 position: relative;
 display: inline-block
}

.gbt-white {
 background: #fff;
 color: #333
}

 .gbt-white:hover {
 background: #f9a821;
 color: #fff
 }

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

.gbt-green2 {
 background: #73b52d;
 color: #fff
}

 .gbt-green2:hover {
 background: #86bc4c
 }

.gbt-green3 {
 background: #d4ebcc;
 color: #5ca946
}

 .gbt-green3:hover {
 background: #5ca946;
 color: #fff
 }

.gbt-blue {
 background: #dff2ff;
 color: #377bee;
 transition: none
}

 .gbt-blue:hover {
 background: #377bee;
 color: #fff
 }

.gbt-blue1 {
 background: #6e98e9;
 color: #fff
}

 .gbt-blue1:hover {
 background: #597fce
 }

.gbt-blue2 {
 background: #377bee;
 color: #fff
}

 .gbt-blue2:hover {
 background: #316dd2
 }

.gbt-blue3 {
 background: #6e98e9;
 color: #fff
}

 .gbt-blue3:hover {
 background: #597fce
 }

.gbt-blue4 {
 background: #fff;
 color: #377bee;
 ransition: none;
 margin-right: 10px;
 padding-left: 10px;
 padding-right: 10px;
 margin-left: 10px
}
/*------------------------*/



/*取消 打印按钮--*/
.gb {
 background: url(/Content/Areas/Interactions/images/button-v2.png) no-repeat;
 text-decoration: none;
 display: inline-block
}

 .gb .gb-right {
 background: url(/Content/Areas/Interactions/images/button-v2.png) no-repeat;
 display: inline-block;
 cursor: pointer
 }

 .gb .gb-text {
 background: url(/Content/Areas/Interactions/images/button-v2.png) repeat-x;
 display: inline-block;
 text-align: center;
 cursor: pointer
 }

 .gb:hover {
 text-decoration: none
 }

.gb-gray4 {
 background-position: 0 -1258px;
 padding-left: 5px
}

 .gb-gray4 .gb-right {
 background-position: right -1386px;
 padding-right: 5px
 }

 .gb-gray4 .gb-text {
 background-position: 0 -1322px;
 padding: 0 10px;
 height: 32px;
 line-height: 32px;
 color: #333;
 font-size: 14px
 }

 .gb-gray4:hover {
 background-position: 0 -1290px
 }

 .gb-gray4:hover .gb-right {
 background-position: right -1418px
 }

 .gb-gray4:hover .gb-text {
 background-position: 0 -1354px
 }
/*取消 打印按钮--*/

.gb-orang1 {
 background-position: 0 -348px;
 padding-left: 5px
}

 .gb-orang1 .gb-right {
 background-position: right -456px;
 padding-right: 5px
 }

 .gb-orang1 .gb-text {
 background-position: 0 -402px;
 padding: 0 20px;
 height: 26px;
 line-height: 26px;
 color: #fff;
 font-size: "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "宋体", Arial, Verdana, sans-serif
 }

 .gb-orang1:hover {
 background-position: 0 -375px
 }

 .gb-orang1:hover .gb-right {
 background-position: right -483px
 }

 .gb-orang1:hover .gb-text {
 background-position: 0 -429px
 }

.gb-orang2 {
 background-position: 0 -1600px;
 padding-left: 5px
}

 .gb-orang2 .gb-right {
 background-position: right -1700px;
 padding-right: 5px
 }

 .gb-orang2 .gb-text {
 background-position: 0 -1650px;
 padding: 0 20px;
 height: 25px;
 line-height: 25px;
 color: #fff;
 font-size: 12px
 }

 .gb-orang2:hover {
 background-position: 0 -1625px
 }

 .gb-orang2:hover .gb-right {
 background-position: right -1725px
 }

 .gb-orang2:hover .gb-text {
 background-position: 0 -1675px
 }

.gb-blue-block {
 background-position: 0 -510px;
 padding-left: 7px
}

 .gb-blue-block .gb-right {
 background-position: right -702px;
 padding-right: 7px
 }

 .gb-blue-block .gb-text {
 background-position: 0 -574px;
 padding: 0 130px;
 height: 60px;
 line-height: 60px;
 color: #1c55b5;
 font-size: 14px
 }

.gb-disabled {
 background-position: 0 -916px;
 padding-left: 5px
}

 .gb-disabled .gb-right {
 background-position: right -1044px;
 padding-right: 5px
 }

 .gb-disabled .gb-text {
 background-position: 0 -980px;
 padding: 0 20px;
 height: 32px;
 line-height: 32px;
 color: #fff;
 font-size: 14px;
 cursor: default
 }

.gb-focus {
 background-position: 0 -1750px;
 padding-left: 5px
}

 .gb-focus .gb-right {
 background-position: right -1998px;
 padding-right: 5px
 }

 .gb-focus .gb-text {
 background-position: 0 -1874px;
 padding: 0 48px;
 height: 62px;
 line-height: 62px;
 color: #1c55b5;
 font-size: 24px
 }

 .gb-focus:hover {
 background-position: 0 -1812px
 }

 .gb-focus:hover .gb-right {
 background-position: right -2060px
 }

 .gb-focus:hover .gb-text {
 background-position: 0 -1936px
 }

.gb-blue1 {
 background-position: 0 -2122px;
 padding-left: 6px
}

 .gb-blue1 .gb-right {
 background-position: right -2270px;
 padding-right: 6px
 }

 .gb-blue1 .gb-text {
 background-position: 0 -2196px;
 padding: 0 20px;
 height: 37px;
 line-height: 36px;
 color: #fff;
 font-size: 16px
 }

 .gb-blue1:hover {
 background-position: 0 -2159px
 }

 .gb-blue1:hover .gb-right {
 background-position: right -2307px
 }

 .gb-blue1:hover .gb-text {
 background-position: 0 -2233px
 }

.gb2 {
 display: inline-block;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 padding: 0 10px;
 height: 32px;
 line-height: 32px;
 cursor: pointer;
 text-align: center;
 text-decoration: none
}

 .gb2:hover {
 text-decoration: none
 }

.gb2-green {
 background-color: #e5f0d7;
 color: #5ca945
}

 .gb2-green:hover {
 background-color: #cee2b5
 }

.gb2-blue {
 height: 24px;
 line-height: 24px;
 background-color: #e1eff9;
 color: #377bee
}

 .gb2-blue:hover {
 background-color: #377bee;
 color: #fff
 }

.gb2-orange {
 height: 24px;
 line-height: 24px;
 background-color: #ffeed1;
 color: #f0920a
}

.gb2-gray {
 background-color: #e4e4e4;
 color: #666;
 cursor: default
}

 .gb2-gray .sep {
 display: inline-block;
 margin: 0 10px;
 height: 14px;
 vertical-align: middle;
 border-right: 1px dashed #ccc;
 color: #333
 }

 .gb2-gray a {
 cursor: pointer;
 color: #333
 }

.btn {
 display: inline-block;
 padding: 6px 12px;
 margin-bottom: 0;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.42857143;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 -ms-touch-action: manipulation;
 touch-action: manipulation;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 background-image: none;
 border: 1px solid transparent
}

 .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
 outline: dotted thin;
 outline: -webkit-focus-ring-color auto 5px;
 outline-offset: -2px
 }

 .btn.focus, .btn:focus, .btn:hover {
 color: #333;
 text-decoration: none
 }

 .btn.active, .btn:active {
 background-image: none;
 outline: 0;
 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
 }

 .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
 pointer-events: none;
 cursor: not-allowed;
 filter: alpha(opacity=65);
 -webkit-box-shadow: none;
 box-shadow: none;
 opacity: .65
 }

.btn-success {
 color: #fff;
 background-color: #76c000;
 border-color: #ccc
}

 .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
 color: #fff;
 background-color: #6caf01;
 border-color: #ccc
 }

 .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
 background-image: none
 }

 .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
 background-color: #999;
 border-color: #ccc
 }

.btn-lg {
 height: 28px;
 line-height: 28px;
 padding: 9px 16px;
 font-size: 18px
}

.btn-sm {
 height: 28px;
 line-height: 28px;
 padding: 6px 10px;
 font-size: 14px
}

.btn-xs {
 height: 28px;
 line-height: 28px;
 padding: 3px 5px;
 font-size: 12px
}

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
 }

 select.disabled {
 background: #f9f9f9;
 color: #aaa
 }

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
}

input.disabled {
 background: #f9f9f9
}

 input.disabled:focus {
 background: #f9f9f9;
 border: 1px solid #CCC;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none
 }

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
}

.g-iptph-wrap {
 position: relative;
 display: inline-block
}

 .g-iptph-wrap em {
 position: absolute;
 color: #BBB;
 font-style: normal
 }

input.tipIt, textarea.tipIt {
 color: #bbb
}

.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-disabled {
 background: #f9f9f9;
 color: #666
}

.gfm-thin .gfm-input {
 height: 16px;
 padding: 4px 4px 3px;
 font-size: 11px;
 font-weight: 400;
 line-height: 16px
}

.gfm-input-s {
 width: 86px
}

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

.gfm-invalid, .gfm-invalid:focus {
 border: 1px solid #f8c4c4;
 background: #ffecec;
 -webkit-box-shadow: 0 0 3px #e67f89;
 -moz-box-shadow: 0 0 3px #e67f89;
 box-shadow: 0 0 3px #e67f89
}

.gfm-tipit {
 color: #666
}

.gfm-disabled {
 background: #f9f9f9;
 color: #666
}

 .gfm-disabled:focus {
 background: #f9f9f9;
 border: 1px solid #ccc;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none
 }

.gfm-checkbox, .gfm-radio {
 display: inline-block;
 vertical-align: middle
}

 .gfm-checkbox input, .gfm-radio input {
 float: left
 }

 .gfm-checkbox span, .gfm-radio span {
 float: left;
 line-height: 20px;
 cursor: default;
 padding-left: 1px
 }

.gfm-field label {
 padding-right: 4px
}

.gfm-inline .gfm-field {
 float: left
}

.gfm-inline .gfm-checkbox, .gfm-inline .gfm-radio {
 float: left;
 padding-top: 4px
}

.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
}
/*! portal-web - 2015-05-07 19:24:34 */

.order-form .agent-item label {
 display: inline-block;
 width: 64px
}

.order-form .agent-item .form-line {
 line-height: 30px;
 padding-top: 5px
}

.order-form .agent-item .line-mg {
 margin-left: -5px
}

.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
 }
.gp-order .order-form .user-boxes dl.noCheck{
 border:1px solid red;
}
.noCheck .red{
 height:auto;
 line-height:initial;
 
}
 .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: #920d14;
 display: none
 }

 .order-form .user-boxes dl dt a i {
 background: url(/Content/Areas/Interactions/images/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(/Content/Areas/Interactions/images/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 {
 padding: 10px 15px 0;
 font-size: 14px
 }

 .order-form .user-boxes .add-user i {
 background: url(/Content/Areas/Interactions/images/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;
 }

 .order-form .user-boxes .add-user a:hover {
 text-decoration: underline
 }

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

.order-form .loading {
 display: inline-block;
 margin-left: 10px;
 width: 32px;
 height: 32px;
 vertical-align: middle;
 background: url(/Content/Areas/Interactions/images/loading.gif) no-repeat
}

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

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

 .order-form .item .js-hisOfCancer, .order-form .item .js-hisOfFamily {
 margin-left: 20px
 }

.order-form .title {
 margin: 6px 0;
 font-size: 16px;
 font-weight: bold;
 line-height: 40px;
 color: #333
}

.order-form .rules-title {
 margin-bottom: 15px
}

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

 .order-form .form-line .js-area {
 margin-left: 20px;
 margin-top: 5px
 }

 .order-form .form-line .js-area li {
 background: url(/Content/Areas/Interactions/images/round.png) left center no-repeat;
 padding-left: 12px;
 line-height: 18px
 }

 .order-form .form-line .js-add {
 margin-left: 20px;
 margin-top: 5px
 }

 .order-form .form-line .js-add input {
 width: 280px
 }

 .order-form .form-line .js-add .gbs {
 padding: 2px 10px
 }

.order-form .form-txt {
 width: 426px;
 margin-left: 90px;
 line-height: 22px
}

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

.order-form .order-if {
 margin-left: 10px
}

.order-form .captcha-line img {
 border: 1px solid #EDF2EC;
 height: 30px;
 margin: 0 10px 0 0;
 vertical-align: middle;
 width: 80px
}

.order-form .larger-font {
 font-size: 16px
}

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

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

.order-form .section-times {
 padding-left: 20px;
 width: 620px;
 max-height: 120px;
 overflow: auto
}

 .order-form .section-times label {
 float: left;
 width: 150px;
 margin-bottom: 5px
 }

.order-form .rules {
 padding-top: 18px
}

.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 {
 margin: 10px 0 12px
 }

 .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(/Content/Areas/Interactions/images/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 {
 margin: 3px 18px 3px 0;
 }

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

 .gp-order .order-form .treatcard-info {
 background: #f5f5f5;
 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 .treatcard-info .title {
 padding-top: 10px
 }

 .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 .gbt-blue {
 margin-left: 10px;
 width: 90px
 }

 .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 .gd-ad {
 font-size: 16px;
 color: #f9a821;
 padding: 5px 0 15px
 }

 .gp-order .order-suc .gd-ad a {
 text-decoration: underline
 }

 .gp-order .order-suc .gd-ad a:hover {
 text-decoration: none
 }

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

 .gp-order .order-suc .send-insurance {
 position: relative;
 line-height: 40px
 }

 .gp-order .order-suc .send-insurance a {
 display: inline-block;
 text-decoration: none
 }

 .gp-order .order-suc .send-insurance span {
 color: #FE742D
 }

 .gp-order .order-suc .send-insurance .tip-container {
 cursor: pointer;
 position: absolute;
 top: 0;
 left: 260px;
 width: 60px
 }

 .gp-order .order-suc .send-insurance .tip-container .icon {
 position: relative;
 margin-bottom: -2px;
 display: inline-block;
 width: 14px;
 height: 14px;
 margin-left: 5px;
 background: url(/Content/Areas/Interactions/images/insurance-tip.png) no-repeat
 }

 .gp-order .order-suc .send-insurance .tip-container .insurance-tip {
 position: absolute;
 left: -28px;
 top: 40px;
 z-index: 999;
 background-color: #FEDE74;
 font-size: 12px;
 width: 265px;
 height: 110px;
 border: 1px solid #F0C74C;
 padding: 20px;
 line-height: 24px
 }

 .gp-order .order-suc .send-insurance .tip-container .insurance-tip .arrow, .gp-order .order-suc .send-insurance .tip-container .insurance-tip .arrow-inner {
 position: absolute;
 left: 30px;
 top: -20px;
 border: 10px solid transparent;
 border-bottom: 10px solid #F0C74C
 }

 .gp-order .order-suc .send-insurance .tip-container .insurance-tip .arrow-inner {
 top: -19px;
 border-bottom: 10px solid #FEDE74
 }

 .gp-order .order-suc .send-insurance .tip-container .insurance-tip .link {
 text-align: right
 }

 .gp-order .order-suc .send-insurance .tip-container .insurance-tip .link span {
 margin-top: 15px;
 display: inline-block;
 border: 1px solid #ddb554
 }

 .gp-order .order-suc .send-insurance .tip-container .insurance-tip .link a {
 color: #333;
 text-decoration: none
 }

 .gp-order .order-suc .order-insurance {
 position: absolute;
 top: -8px;
 left: 120px
 }

 .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(/Content/Areas/Interactions/images/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: 100px
 }

 .gp-order .order-suc .infos .wy-code {
 background: url(/Content/Areas/Interactions/images/wy_code_xiadan.png) right 0 no-repeat;
 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%;
 height: auto;
 }

 .gp-order .order-suc .infos dl {
 background: #f9f9f9;
 padding: 10px 20px;
 font-size: 14px;
 clear: both;
 color: #E6A23C;
 }
 .gp-order .order-suc .infos dl a{
 text-decoration: underline;
 }

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

.gp-person .wrap {
 background-color: #fff;
 border: 1px solid #ccc
}

 .gp-person .wrap .person-left {
 float: left;
 width: 175px
 }

 .gp-person .wrap .person-left .left-head {
 color: #666;
 padding: 15px 0 15px 15px;
 height: 73px;
 background: url(/Content/Areas/Interactions/images/top-bg.png);
 position: relative
 }

 .gp-person .wrap .person-left .left-head img {
 width: 60px;
 height: 60px;
 float: left
 }

 .gp-person .wrap .person-left .left-head span {
 float: right;
 margin: 0 10px 0 4px;
 width: 85px;
 line-height: 20px
 }

 .gp-person .wrap .person-left .left-head span strong {
 color: #333;
 display: block;
 width: 85px;
 font-size: 16px;
 font-weight: 700;
 line-height: 22px;
 overflow: hidden;
 white-space: nowrap;
 -o-text-overflow: ellipsis;
 -ms-text-overflow: ellipsis;
 text-overflow: ellipsis
 }

 .gp-person .wrap .person-left .left-head .modify-head {
 display: none;
 background-color: #000;
 bottom: 28px;
 height: 60px;
 left: 14px;
 opacity: .4;
 position: absolute;
 width: 60px;
 text-align: center
 }

 .gp-person .wrap .person-left .left-head .modify-head .text {
 bottom: 0;
 color: #fff;
 left: 0;
 margin: 0;
 position: absolute;
 width: 60px
 }

 .gp-person .wrap .person-left .left-head .realName {
 color: #666
 }

 .gp-person .wrap .person-left .left-head .realName i {
 display: -moz-inline-stack;
 display: inline-block;
 zoom: 1;
 overflow: hidden;
 width: 20px;
 height: 14px;
 background: url(/Content/Areas/Interactions/images/real-name.png) no-repeat;
 padding-right: 4px;
 vertical-align: middle
 }

 .gp-person .wrap .person-left ul {
 margin: 10px 0;
 padding-top: 10px;
 border-top: 1px solid #f0f0f0
 }

 .gp-person .wrap .person-left ul li {
 padding-top: 2px
 }

 .gp-person .wrap .person-left ul li a {
 padding: 8px 18px;
 display: block;
 font-size: 14px;
 color: #333
 }

 .gp-person .wrap .person-left ul li a:hover {
 background-color: #3d9ee9;
 color: #fff;
 text-decoration: none
 }

 .gp-person .wrap .person-left ul li a span {
 margin-right: 20px
 }

 .gp-person .wrap .person-left ul a.current {
 background-color: #3d9ee9;
 color: #fff
 }

 .gp-person .wrap .person-left ul .myans .gi2 {
 background: url(/Content/Areas/Interactions/images/g-total-v3.png) -105px -124px no-repeat
 }

 .gp-person .wrap .person-left ul .myans .gi-ans {
 width: 16px
 }

 .gp-person .wrap .person-left ul .myans .current span, .gp-person .wrap .person-left ul a.myans-a:hover span {
 background-position: -106px -108px
 }

 .gp-person .wrap .person-left ul .myorder .current span, .gp-person .wrap .person-left ul a.myorder-a:hover span {
 background-position: 0 -16px
 }

 .gp-person .wrap .person-left ul .mycontact .current span, .gp-person .wrap .person-left ul a.mycontact-a:hover span {
 background-position: 0 -48px
 }

 .gp-person .wrap .person-left ul .myfav .current span, .gp-person .wrap .person-left ul a.myfav-a:hover span {
 background-position: 0 -79px
 }

 .gp-person .wrap .person-left ul .myinsur .gi-insurance {
 background: url(/Content/Areas/Interactions/images/usercenter/icon-insur.png);
 width: 19px;
 height: 14px;
 margin-right: 19px !important;
 margin-left: -3px
 }

 .gp-person .wrap .person-left ul .myinsur .current span, .gp-person .wrap .person-left ul a.myinsur-a:hover span {
 background: url(/Content/Areas/Interactions/images/usercenter/icon-insur-hover.png)
 }

 .gp-person .wrap .person-left ul .mymedical .gi-medical {
 background: url(/Content/Areas/Interactions/images/usercenter/icon-medical.png);
 width: 17px;
 height: 19px
 }

 .gp-person .wrap .person-left ul .mymedical .current span, .gp-person .wrap .person-left ul a.mymedical-a:hover span {
 background: url(/Content/Areas/Interactions/images/usercenter/icon-medical-hover.png)
 }

 .gp-person .wrap .person-left ul .mysetting .current span, .gp-person .wrap .person-left ul a.mysetting-a:hover span {
 background-position: 0 -112px
 }

 .gp-person .wrap .person-left ul .myask .gi2 {
 background: url(/Content/Areas/Interactions/images/g-total-v3.png) -105px -124px no-repeat
 }

 .gp-person .wrap .person-left ul .myask .current span, .gp-person .wrap .person-left ul a.myask-a:hover span {
 background-position: -106px -108px
 }

 .gp-person .wrap .person-left ul .my-plus .current span, .gp-person .wrap .person-left ul a.my-plus-a:hover span {
 background: url(/Content/Areas/Interactions/images/my-apply-icon2.png) no-repeat
 }

 .gp-person .wrap .person-left ul .myconsult-a span {
 margin-right: 16px
 }

 .gp-person .wrap .person-left ul .myconsult .current span, .gp-person .wrap .person-left ul .myconsult-a:hover span {
 background-position: -25px -566px
 }

 .gp-person .wrap .person-left ul .baby span {
 background: url(/Content/Areas/Interactions/images/icon-baby-2.png) no-repeat;
 display: inline-block;
 height: 19px;
 overflow: hidden;
 vertical-align: middle;
 width: 19px;
 margin-right: 16px
 }

 .gp-person .wrap .person-left ul .baby .current span, .gp-person .wrap .person-left ul .baby a:hover span {
 background-image: url(/Content/Areas/Interactions/images/icon-baby-1.png)
 }

 .gp-person .wrap .person-left ul .rms span {
 background: url(/Content/Areas/Interactions/images/rms/sprites.png) -177px -396px no-repeat;
 display: inline-block;
 height: 16px;
 overflow: hidden;
 vertical-align: middle;
 width: 16px;
 margin-right: 16px
 }

 .gp-person .wrap .person-left ul .rms .current span, .gp-person .wrap .person-left ul .rms a:hover span {
 background-position: -215px -396px
 }

 .gp-person .wrap .person-left .none-border {
 border: none;
 margin-top: 8px
 }

 .gp-person .wrap .person-left .personleft-ads .g-box {
 border: none;
 margin-bottom: 0
 }

 .gp-person .wrap .person-left .personleft-ads .g-box img {
 width: 154px
 }

 .gp-person .wrap .person-right {
 width: 803px;
 float: right
 }

 .gp-person .wrap .person-right .baby-frame {
 padding: 20px;
 border-left: 1px solid #f5f5f5
 }

 .gp-person .wrap .person-right .fill-tip {
 text-align: center;
 font-size: 16px;
 font-weight: 400;
 line-height: 24px
 }

 .gp-person .wrap .person-right .fill-tip p {
 padding: 20px 0
 }

 .gp-person .wrap .person-right .my-extra-order {
 height: 103px;
 display: block;
 width: 802px;
 border-left: 1px dashed #ccc;
 background: url(/Content/Areas/Interactions/images/top-bg.png) -7px 0
 }

 .gp-person .wrap .person-right .my-extra-order .icon {
 float: left;
 margin: 15px 0 0 46px
 }

 .gp-person .wrap .person-right .my-extra-order .gi-plus {
 background: url(/Content/Areas/Interactions/images/usercenter/icon-plus.png) no-repeat;
 width: 55px;
 height: 55px
 }

 .gp-person .wrap .person-right .my-extra-order .meta {
 float: left;
 color: #666;
 font-size: 14px;
 padding: 26px 0 0 20px;
 width: 560px;
 line-height: 20px
 }

 .gp-person .wrap .person-right .my-extra-order .meta h1 {
 color: #666;
 padding-bottom: 2px
 }

 .gp-person .wrap .person-right .my-insurance {
 height: 103px;
 display: block;
 width: 802px;
 border-left: 1px dashed #ccc;
 background: url(/Content/Areas/Interactions/images/top-bg.png) -7px 0
 }

 .gp-person .wrap .person-right .my-insurance .icon {
 float: left;
 margin: 15px 0 0 46px
 }

 .gp-person .wrap .person-right .my-insurance .insurance {
 background: url(/Content/Areas/Interactions/images/usercenter/icon-insurance.png) no-repeat;
 width: 79px;
 height: 58px
 }

 .gp-person .wrap .person-right .my-insurance .meta {
 float: left;
 color: #666;
 font-size: 14px;
 padding: 16px 0 0 20px;
 width: 560px;
 line-height: 20px
 }

 .gp-person .wrap .person-right .my-insurance .meta h1 {
 color: #666;
 padding-bottom: 2px
 }

 .gp-person .wrap .person-right .empty-insuracne {
 padding: 30px
 }

 .gp-person .wrap .person-right .insurance-list ul {
 padding: 0 30px
 }

 .gp-person .wrap .person-right .insurance-list ul li {
 position: relative;
 padding: 20px 0;
 border-bottom: 1px dashed #bcbcbc
 }

 .gp-person .wrap .person-right .insurance-list ul li:last-child {
 border-bottom: none
 }

 .gp-person .wrap .person-right .insurance-list ul .portrait {
 float: left
 }

 .gp-person .wrap .person-right .insurance-list ul .portrait img {
 width: 60px;
 height: 60px
 }

 .gp-person .wrap .person-right .insurance-list ul .content {
 margin-left: 70px
 }

 .gp-person .wrap .person-right .insurance-list ul .content .user {
 height: 20px;
 font-size: 12px;
 color: #bcbcbc
 }

 .gp-person .wrap .person-right .insurance-list ul .content .msg {
 font-size: 14px;
 line-height: 20px
 }

 .gp-person .wrap .person-right .insurance-list .tip-wrapper {
 position: relative
 }

 .gp-person .wrap .person-right .insurance-list .tip-container {
 position: absolute;
 top: 10px;
 width: 160px;
 padding: 30px;
 color: #333
 }

 .gp-person .wrap .person-right .insurance-list .tip-container .icon {
 position: relative;
 margin-bottom: -2px;
 display: inline-block;
 width: 14px;
 height: 14px;
 margin-left: 5px;
 background: url(/Content/Areas/Interactions/images/insurance-tip.png) no-repeat
 }

 .gp-person .wrap .person-right .insurance-list .tip-container .insurance-tip {
 position: absolute;
 left: -10px;
 top: 20px;
 z-index: 999;
 background-color: #FEDE74;
 font-size: 12px;
 width: 265px;
 height: 110px;
 border: 1px solid #F0C74C;
 padding: 20px;
 line-height: 24px
 }

 .gp-person .wrap .person-right .insurance-list .tip-container .insurance-tip .arrow, .gp-person .wrap .person-right .insurance-list .tip-container .insurance-tip .arrow-inner {
 position: absolute;
 left: 30px;
 top: -20px;
 border: 10px solid transparent;
 border-bottom: 10px solid #F0C74C
 }

 .gp-person .wrap .person-right .insurance-list .tip-container .insurance-tip .arrow-inner {
 top: -19px;
 border-bottom: 10px solid #FEDE74
 }

 .gp-person .wrap .person-right .insurance-list .tip-container .insurance-tip .link {
 text-align: right
 }

 .gp-person .wrap .person-right .insurance-list .tip-container .insurance-tip .link span {
 margin-top: 15px;
 display: inline-block;
 border: 1px solid #ddb554
 }

 .gp-person .wrap .person-right .insurance-list .tip-container .insurance-tip .link a {
 color: #333;
 text-decoration: none
 }

 .gp-person .wrap .person-right .order-remind {
 height: 103px;
 display: block;
 width: 802px;
 border-left: 1px dashed #ccc;
 background: url(/Content/Areas/Interactions/images/top-bg.png) -7px 0
 }

 .gp-person .wrap .person-right .order-remind .ask {
 background: url(/Content/Areas/Interactions/images/g-total-v3.png) -105px -60px no-repeat;
 display: block;
 height: 48px;
 width: 55px
 }

 .gp-person .wrap .person-right .order-remind .consult {
 background: url(/Content/Areas/Interactions/images/icons2-v3.png) 0 -588px no-repeat;
 display: block;
 height: 48px;
 width: 55px
 }

 .gp-person .wrap .person-right .order-remind .icon {
 float: left;
 margin: 15px 0 0 46px
 }

 .gp-person .wrap .person-right .order-remind .baby {
 background: url(/Content/Areas/Interactions/images/icon-baby-3.png) no-repeat;
 display: inline-block;
 height: 56px;
 overflow: hidden;
 vertical-align: middle;
 width: 56px
 }

 .gp-person .wrap .person-right .order-remind .rms {
 background: url(/Content/Areas/Interactions/images/rms/sprites.png) -258px -387px no-repeat;
 display: inline-block;
 height: 56px;
 overflow: hidden;
 vertical-align: middle;
 width: 56px
 }

 .gp-person .wrap .person-right .order-remind .meta {
 float: left;
 color: #666;
 font-size: 14px;
 padding: 16px 0 0 20px;
 width: 560px;
 line-height: 20px
 }

 .gp-person .wrap .person-right .order-remind .meta h1 {
 color: #666;
 padding-bottom: 2px
 }

 .gp-person .wrap .person-right .order-remind .meta strong {
 font-weight: 400
 }

 .gp-person .wrap .person-right .order-remind .meta a {
 margin-right: 35px;
 color: #666
 }

 .gp-person .wrap .person-right .order-remind .meta a span {
 color: #1c55b5;
 padding-left: 8px
 }

 .gp-person .wrap .person-right .order-remind .meta a:hover {
 color: #1c55b5;
 text-decoration: none
 }

 .gp-person .wrap .person-right .order-remind .meta .haoyuan-order-link {
 margin-right: 0;
 color: #1c55b5
 }

 .gp-person .wrap .person-right .order-remind a.contact {
 float: right;
 font-size: 14px;
 margin: 54px 30px 0 0;
 color: #333
 }

 .gp-person .wrap .person-right .border-left {
 border-left: 1px solid #ccc;
 padding: 20px 10px;
 display: block;
 min-height: 600px
 }

.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(/Content/Areas/Interactions/images/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: 11px
 }

 .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(/Content/Areas/Interactions/images/pictures3-v2.png?_=20140826) 0 -332px no-repeat
 }

 .gp-person .order-detail .short .order-step {
 background: url(/Content/Areas/Interactions/images/pictures3-v2.png?_=20140826) no-repeat
 }

 .gp-person .order-detail .short .make-sure {
 background: url(/Content/Areas/Interactions/images/pictures3-v2.png?_=20140826) 0 -212px no-repeat
 }

 .gp-person .order-detail .short .wait {
 background: url(/Content/Areas/Interactions/images/pictures3-v2.png?_=20140826) 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
}

.gp-person .order-list #orderFilter {
 padding: 0 10px 25px
}

 .gp-person .order-list #orderFilter label {
 display: inline-block;
 line-height: 30px;
 padding-right: 4px;
 vertical-align: top;
 font-size: 14px
 }

 .gp-person .order-list #orderFilter .check, .gp-person .order-list #orderFilter .picker {
 margin-right: 20px
 }

 .gp-person .order-list #orderFilter .picker input {
 width: 105px
 }

.gp-person .order-list table {
 width: 100%;
 table-layout: fixed
}

 .gp-person .order-list table th {
 height: 34px;
 background: #e1eff9;
 vertical-align: middle;
 color: #1c55b5;
 font-weight: 400;
 font-size: 14px
 }

 .gp-person .order-list table td {
 vertical-align: top;
 line-height: 20px;
 text-align: center;
 padding: 20px 0;
 font-size: 12px;
 color: #333;
 background: url(/Content/Areas/Interactions/images/blue-border.png) 0 bottom repeat-x #f9f9f9
 }

 .gp-person .order-list table td a {
 font-size: 12px
 }

 .gp-person .order-list table td .reSendMsg {
 color: #5ca945
 }

 .gp-person .order-list table td .gbt-green, .gp-person .order-list table td .reSendMsg:hover {
 color: #fff
 }

 .gp-person .order-list table td a.cancelModal {
 cursor: pointer
 }

 .gp-person .order-list table td a.my-send {
 margin-left: 20px;
 padding: 0 10px;
 height: 22px;
 line-height: 22px
 }

 .gp-person .order-list table td a.my-send i {
 float: left;
 display: block;
 width: 30px;
 height: 22px;
 background: url(/Content/Areas/Interactions/images/hover-insurance.png) left center no-repeat
 }

 .gp-person .order-list table td.no-white-space {
 overflow: auto;
 white-space: normal
 }

 .gp-person .order-list table .time {
 font-size: 12px
 }

 .gp-person .order-list table .text-left {
 text-align: left
 }

 .gp-person .order-list table .text-right {
 text-align: right
 }

 .gp-person .order-list table .red-word {
 color: #da222c
 }

 .gp-person .order-list table .expert-name {
 font-size: 14px;
 color: #333
 }

 .gp-person .order-list table .lighterblue-bg {
 background-color: #f5fafd
 }

 .gp-person .order-list table .gb-gray3 .gb-text {
 padding: 0 8px;
 color: #333
 }

 .gp-person .order-list table small, .gp-person .order-list table small a {
 font-size: 12px;
 color: #666
 }

 .gp-person .order-list table .sideby {
 color: #377bee
 }

 .gp-person .order-list table a.expt-name {
 font-size: 14px;
 color: #333
 }

.gp-person .order-list .order-states-chose {
 position: relative
}

 .gp-person .order-list .order-states-chose ul {
 display: none;
 left: 19px;
 position: absolute;
 top: -6px;
 border: 1px solid #d5d5d5;
 background: #fff;
 width: 90px;
 height: 105px;
 padding-top: 5px;
 cursor: default
 }

 .gp-person .order-list .order-states-chose ul li {
 margin-bottom: 5px
 }

 .gp-person .order-list .order-states-chose ul a {
 line-height: 23px;
 display: block;
 height: 23px
 }

 .gp-person .order-list .order-states-chose ul a:hover {
 background-color: #3d9ee9;
 color: #fff;
 text-decoration: none
 }

.gp-person .myfav-list .list li {
 font-size: 14px;
 line-height: 52px;
 height: 52px;
 background: url(/Content/Areas/Interactions/images/blue-border.png) 0 bottom repeat-x
}

 .gp-person .myfav-list .list li span {
 width: 150px;
 height: 52px;
 display: inline-block;
 text-indent: 30px;
 overflow: hidden;
 white-space: nowrap;
 -o-text-overflow: ellipsis;
 -ms-text-overflow: ellipsis;
 text-overflow: ellipsis
 }

 .gp-person .myfav-list .list li .long {
 width: 430px
 }

 .gp-person .myfav-list .list li .del, .gp-person .myfav-list .list_expert .ask-question {
 float: right;
 margin-right: 30px;
 display: none
 }

.gp-person .nopatient-template {
 text-align: center;
 color: #999;
 font-size: 13px;
 line-height: 20px
}

 .gp-person .nopatient-template i {
 display: -moz-inline-stack;
 display: inline-block;
 zoom: 1;
 overflow: hidden;
 width: 103px;
 height: 103px;
 background: url(/Content/Areas/Interactions/images/person-icon.png) no-repeat;
 vertical-align: middle;
 margin: 20px 0 40px
 }

 .gp-person .nopatient-template h2 {
 font-style: normal;
 color: #666;
 font-size: 24px;
 margin-bottom: 15px
 }

 .gp-person .nopatient-template p {
 line-height: 25px
 }

.gp-person .patients-manage .add-patient-btn {
 float: right;
 margin-top: 32px;
 margin-right: 20px;
 display: none
}

.gp-person .patients-manage .gb-disabled {
 margin-top: -35px
}

.gp-person .patients-manage .patients-list {
 padding-bottom: 50px
}

.gp-person .patients-manage .tips-box {
 margin-bottom: 10px
}

.gp-person .patients-manage .detail-title {
 margin: 25px 0 20px 25px;
 font-size: 14px;
 color: #666
}

.gp-person .patients-manage .update-patient .detail-title {
 margin-left: 15px
}

.gp-person .patients-manage .detail-sep {
 border-top: 1px dashed #f3f3f3
}

.gp-person .patients-manage .card-list li {
 margin-top: 15px;
 margin-bottom: 15px;
 margin-left: 25px;
 height: 30px;
 line-height: 30px
}

 .gp-person .patients-manage .card-list li .gfm-left {
 white-space: pre;
 white-space: pre-wrap;
 white-space: pre-line;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -hp-pre-wrap;
 word-wrap: break-word;
 overflow: hidden;
 word-break: break-all;
 text-align: left;
 width: 150px
 }

.gp-person .patients-manage .update-patient .card-list li {
 margin-left: 15px
}

 .gp-person .patients-manage .update-patient .card-list li input {
 margin-left: 10px;
 margin-right: 10px
 }

 .gp-person .patients-manage .update-patient .card-list li .del-card, .gp-person .patients-manage .update-patient .card-list li .gfm-input {
 float: left
 }

.gp-person .patients-manage .gfm-item {
 color: #666
}

.gp-person .patients-list-table {
 width: 100%;
 table-layout: fixed
}

 .gp-person .patients-list-table .name {
 width: 120px
 }

 .gp-person .patients-list-table .idcard, .gp-person .patients-list-table .phone {
 width: 150px
 }

 .gp-person .patients-list-table .actions {
 width: 180px
 }

 .gp-person .patients-list-table .gbn-default {
 position: absolute;
 right: 20px;
 width: 80px;
 padding: 0;
 text-align: center
 }

 .gp-person .patients-list-table thead th {
 height: 34px;
 line-height: 34px;
 color: #1c55b5;
 font-weight: 400;
 background-color: #e1eff9
 }

 .gp-person .patients-list-table tbody .hl {
 background: #F5FAFD
 }

 .gp-person .patients-list-table tbody th {
 border-top: 1px solid #c5dbec;
 border-bottom: 1px solid #c5dbec;
 line-height: 32px;
 color: #1c55b5;
 background-color: #f5fafd;
 font-weight: 400
 }

 .gp-person .patients-list-table tbody td {
 border-bottom: 1px dashed #c6e6fd;
 line-height: 20px;
 padding: 15px 5px;
 color: #666;
 text-align: center;
 word-wrap: break-word
 }

 .gp-person .patients-list-table tbody td a {
 display: inline-block;
 margin: 0 5px
 }

 .gp-person .patients-list-table tbody td.to-left {
 text-align: left
 }

.gp-person .patient-info {
 padding: 0 15px 40px
}

 .gp-person .patient-info .header {
 border-bottom: 1px solid #f5f5f5;
 height: 38px;
 line-height: 38px
 }

 .gp-person .patient-info .header span {
 font-size: 16px;
 color: #666;
 float: left
 }

 .gp-person .patient-info .close-link {
 float: right;
 margin-right: 10px
 }

 .gp-person .patient-info li {
 position: relative
 }

 .gp-person .patient-info li i.mod-name {
 color: #f9a821;
 font-style: normal
 }

 .gp-person .patient-info .messageTip {
 top: 0;
 left: 364px
 }

 .gp-person .patient-info .address-input {
 width: 490px
 }

 .gp-person .patient-info select {
 min-width: 74px
 }

 .gp-person .patient-info .g-datepicker {
 float: left
 }

 .gp-person .patient-info .g-datepicker .gfm-input-s {
 width: 115px
 }

 .gp-person .patient-info .first-option {
 margin-right: 20px
 }

.gp-person .user-info div.content {
 padding: 30px 0 50px 50px
}

 .gp-person .user-info div.content #certNoTipsArea .cerno-tips {
 color: #da222c;
 line-height: 30px;
 height: 30px;
 display: inline-block;
 vertical-align: middle
 }

.gp-person .user-info .tips {
 margin-left: 5px;
 color: #f9a821
}

.gp-person .user-info #addrOrMedNo .js-action {
 display: none;
 vertical-align: top;
 line-height: 30px;
 height: 30px
}

.gp-person .g-tabs {
 height: 30px
}

 .gp-person .g-tabs a {
 line-height: 30px;
 height: 29px;
 font-size: 14px;
 padding: 0 25px
 }

 .gp-person .g-tabs a:hover {
 text-decoration: none
 }
/*弹出层样式----------------------------------*/
#gm-mask {
 position: fixed;
 top: 0;
 left: 50%;
 z-index: 5001
}

.g-mask {
 position: absolute;
 z-index: 5000;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: #709ae6;
 opacity: .35;
 filter: alpha(opacity=35)
}

.gm-box {
 width: 506px;
 display: none;
 position: absolute;
 background: #fff;
 margin-left: -253px;
 -webkit-box-shadow: 0 0 10px #333;
 -moz-box-shadow: 0 0 10px #333;
 box-shadow: 0 0 10px #333;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px
}

#gm-patient {
 width: 560px;
 margin-left: -280px
}

 #gm-patient .body ul {
 padding-left: 40px;
 font-size: 14px
 }

 #gm-patient .body ul .gfm-input {
 width: 280px;
 float: left
 }

 #gm-patient .body ul .gfm-input-s {
 width: 115px
 }

 #gm-patient .body ul select {
 float: left;
 width: 94px;
 margin-right: 5px
 }

 #gm-patient .body ul .sex-label {
 margin-right: 10px;
 padding-right: 10px
 }

 #gm-patient .body ul .telno .gfm-input {
 margin-right: 20px
 }

 #gm-patient .body ul .telno a {
 float: left;
 margin-left: 10px;
 line-height: 30px
 }

#gm-confirm, #gm-reSendMsg {
 width: 420px;
 margin-left: -210px
}

 #gm-confirm .body, #gm-reSendMsg .body {
 text-align: center
 }

 #gm-confirm .body span, #gm-reSendMsg .body span {
 padding: 20px 5px 10px 60px;
 font-size: 14px;
 position: relative;
 height: 40px;
 display: inline-block;
 text-align: left
 }

 #gm-confirm .body span em, #gm-reSendMsg .body span em {
 display: block;
 font-size: 12px;
 font-style: normal;
 color: #ce4545
 }

 #gm-confirm .body span i, #gm-reSendMsg .body span i {
 position: absolute;
 top: 5px;
 left: 0
 }

 #gm-confirm .body span.confirm i, #gm-reSendMsg .body span.confirm i {
 background: url(/Content/Areas/Interactions/images/popup.png) 0 -75px no-repeat;
 height: 50px;
 width: 51px
 }

 #gm-confirm .body span.loading, #gm-reSendMsg .body span.loading {
 height: 94px
 }

 #gm-confirm .body span.loading i, #gm-reSendMsg .body span.loading i {
 background: url(/Content/Areas/Interactions/images/loading.gif) no-repeat;
 height: 31px;
 width: 31px;
 top: 12px;
 left: 16px
 }

 #gm-confirm .body span.success i, #gm-reSendMsg .body span.success i {
 background: url(/Content/Areas/Interactions/images/popup.png) 0 -334px no-repeat;
 height: 52px;
 width: 52px
 }

 #gm-confirm .body span.fail i, #gm-reSendMsg .body span.fail i {
 background: url(/Content/Areas/Interactions/images/popup.png) 0 -135px no-repeat;
 height: 50px;
 width: 45px
 }

 #gm-confirm .body span .tip, #gm-reSendMsg .body span .tip {
 font-size: 12px;
 color: #ce4545;
 display: block;
 padding: 10px 0 0;
 height: auto
 }

.g-txt-orange {
 color: #fe7a10;
 font-weight: bold;
}

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

.gi-s2 {
 background-position: 0 -441px;
 width: 10px;
 height: 5px
}
/*打印按钮--*/
.gb {
 background: url(/Content/Areas/Interactions/images/button-v2.png) no-repeat;
 text-decoration: none;
 display: inline-block
}

 .gb .gb-right {
 background: url(/Content/Areas/Interactions/images/button-v2.png) no-repeat;
 display: inline-block;
 cursor: pointer
 }

 .gb .gb-text {
 background: url(/Content/Areas/Interactions/images/button-v2.png) repeat-x;
 display: inline-block;
 text-align: center;
 cursor: pointer
 }

 .gb:hover {
 text-decoration: none
 }

.gb-gray4 {
 background-position: 0 -1258px;
 padding-left: 5px
}

 .gb-gray4 .gb-right {
 background-position: right -1386px;
 padding-right: 5px
 }

 .gb-gray4 .gb-text {
 background-position: 0 -1322px;
 padding: 0 10px;
 height: 32px;
 line-height: 32px;
 color: #333;
 font-size: 14px
 }

 .gb-gray4:hover {
 background-position: 0 -1290px
 }

 .gb-gray4:hover .gb-right {
 background-position: right -1418px
 }

 .gb-gray4:hover .gb-text {
 background-position: 0 -1354px
 }
/*网络最低价，挂号网预约专享*/
.lx-content {
 margin: 0 auto;
 width: 567px
}

 .lx-content ul {
 float: left;
 width: 567px;
 margin: 0;
 padding: 0;
 border-top: 1px #e4e4e4 solid;
 border-left: 1px #e4e4e4 solid
 }

 .lx-content ul li {
 float: left;
 width: 282px;
 border-right: 1px #e4e4e4 solid;
 border-bottom: 1px #e4e4e4 solid
 }

 .lx-content ul li i {
 cursor: pointer;
 float: left;
 width: 42px;
 height: 36px;
 margin: 18px;
 background: url(/Content/Areas/Interactions/images/lx-icon.png) no-repeat -74px 0
 }

 .lx-content ul li .second {
 background-position: -34px 0
 }

 .lx-content ul li .third {
 background-position: -117px 0
 }

 .lx-content ul li .fourth {
 background-position: 0 0
 }

 .lx-content ul li dl {
 padding-top: 20px;
 float: left;
 width: 204px
 }

 .lx-content ul li dl dt {
 color: #729fd9;
 font-size: 14px
 }

 .lx-content ul li dl dd {
 padding-top: 8px;
 color: #a8a8a8
 }

 .lx-content ul .hover-li {
 background: #729fd9
 }

 .lx-content ul .hover-li dl dt {
 color: #fff
 }

 .lx-content ul .hover-li dl dd {
 color: #fff
 }

 .lx-content ul .hover-li i {
 float: left;
 width: 42px;
 height: 36px;
 margin: 18px;
 background: url(/Content/Areas/Interactions/images/lx-icon.png) no-repeat -206px -6px
 }

 .lx-content ul .hover-li .second {
 background-position: -167px 0
 }

 .lx-content ul .hover-li .third {
 background-position: -246px 0
 }

 .lx-content ul .hover-li .fourth {
 background-position: -290px 0
 }

 .lx-content .xl-hover li {
 width: 140px
 }

 .lx-content .xl-hover li i {
 margin: 10px
 }

 .lx-content .xl-hover li a dl {
 width: 70px
 }

 .lx-content .xl-hover .spe-li {
 width: 142px
 }

 .lx-content .hotel-des {
 width: 565px;
 border-top: 0;
 border-bottom: 1px #e4e4e4 solid;
 border-right: 1px #e4e4e4 solid
 }

 .lx-content .hotel-des .intro {
 float: left;
 width: 527px;
 height: 50px;
 line-height: 50px;
 border-bottom: 1px #e4e4e4 solid;
 margin-left: 17px;
 font-size: 14px
 }

 .lx-content .hotel-des .intro a {
 display: inline-block;
 width: 76px;
 height: 22px;
 text-align: center;
 line-height: 22px;
 color: #709ae6;
 margin-left: 10px;
 background: #e4f4fd;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 cursor: pointer
 }

 .lx-content .hotel-des .intro a:hover {
 background: #729fd9;
 color: #fff;
 text-decoration: none
 }

 .lx-content .hotel-des .intro .click-link {
 background: #729fd9;
 color: #fff
 }

 .lx-content .hotel-des #htl-content {
 display: block;
 height: 304px
 }

 .lx-content .hotel-des li {
 border: 0;
 margin-bottom: 8px
 }

 .lx-content .hotel-des li i {
 width: 78px;
 margin: 0;
 background: 0
 }

 .lx-content .hotel-des li i img {
 width: 70px;
 height: 70px;
 margin-left: 14px;
 margin-top: 22px
 }

 .lx-content .hotel-des li dl {
 width: 179px;
 padding-left: 21px
 }

 .lx-content .hotel-des li dl dt {
 height: 18px;
 overflow: hidden;
 color: #000
 }

 .lx-content .hotel-des li dl dt a {
 float: left;
 color: #000
 }

 .lx-content .hotel-des li dl dt i {
 float: left;
 background: #78b637;
 width: 42px;
 height: 18px;
 line-height: 18px;
 font-size: 12px;
 color: #fff;
 font-style: normal;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 text-align: center;
 margin-left: 5px
 }

 .lx-content .hotel-des li dl dd {
 position: relative;
 padding-top: 5px;
 line-height: 18px
 }

 .lx-content .hotel-des li dl dd span {
 float: left;
 width: 154px
 }

 .lx-content .hotel-des li dl dd span strong {
 font-style: normal;
 color: #ffb444;
 font-weight: 400
 }

 .lx-content .hotel-des li dl dd .lx-mlk {
 width: 161px;
 height: 30px;
 line-height: 30px;
 text-align: right
 }

 .lx-content .hotel-des li dl dd i {
 position: absolute;
 top: 39px;
 left: 118px;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 background: #e4f4fd;
 width: 45px;
 height: 20px;
 line-height: 20px;
 text-align: center;
 color: #90b6e3;
 font-style: normal
 }

 .lx-content .hotel-des .more {
 text-align: right;
 width: 545px
 }

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

 .lx-content .xl-p p .xl-tag {
 padding: 0 10px;
 color: #a0a0a0
 }

 .lx-content .xl-p p i {
 display: inline-block;
 width: 15px;
 height: 19px;
 background: url(/Content/Areas/Interactions/images/lx-icon.png) no-repeat 0 -45px;
 margin-bottom: -2px
 }

 .lx-content .lx-title {
 position: relative;
 padding-left: 56px;
 font-size: 16px;
 padding: 6px 0 20px 56px;
 color: #ce4545
 }

 .lx-content .lx-title i {
 width: 46px;
 height: 46px;
 background: url(/Content/Areas/Interactions/images/lx-icon.png) -30px -46px;
 float: left;
 position: absolute;
 left: 0;
 top: 50%;
 margin-top: -23px
 }

 .lx-content .lx-title h2 {
 font-weight: 700;
 font-size: 18px;
 line-height: 46px;
 color: #333
 }


/*日历样式*/
.Calendar_DailyContent .tbCalendar td {
 text-align: center !important;
 font-size: 14px;
 height: 100px;
}

.Calendar_DailyContent div {
 line-height: 25px;
 margin: 0px;
}

.tbCalendar .date {
 background: #fff;
 color: #666;
 display: block;
 height: 30px;
 line-height: 30px;
 text-align: left;
 font-size: 16px;
 padding-left: 11px;
 border-bottom: none;
}

.tbCalendar .today {
 background: #fff8ee
}

.tbCalendar td {
 color: #1c9139;
 height: 110px;
 min-height: 110px;
 text-align: left;
 vertical-align: center;
 width: 110px;
}

.Calendar_DailyContent .yy_bk {
 width: 131px;
 background: #e6f4fc;
 overflow: hidden;
 display: block;
 height: 80px;
}


.calendar_left {
 background: url("/Sites/Uploaded/UserUpLoad/20150602/20150602175313.jpg") no-repeat left center;
 float: left;
 height: 36px;
 margin: 0;
 padding: 0;
 width: 10%;
}

.calendar_right {
 background: url("/Sites/Uploaded/UserUpLoad/20150602/20150602175351.jpg") repeat-x left center;
 float: left;
 height: 36px;
 margin: 0;
 padding: 0;
 width: 90%;
}

.newdate {
 background: url("/Sites/Uploaded/UserUpLoad/20150602/20150602175630.jpg") no-repeat right center;
 color: #ffffff;
 float: right;
 font-weight: bold;
 height: 36px;
 line-height: 36px;
 padding-right: 3%;
 font-size: 14px;
}

.red {
 color: red;
}

.CalendarDate {
 width: 50%;
}

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

.CalendarDate span {
 font-size: 16px;
}

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

.yy_bk a {
 background: #0389dc;
 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: 25px;
}

 .yy_bk a:hover {
 background: #27a5f3;
 }

.calendar_tit {
 background: #f2f2f2;
 height: 37px;
 line-height: 35px;
 font-size: 16px;
}

.left_a {
 background: url("/Sites/Uploaded/UserUpLoad/20150602/20150602184014.jpg") no-repeat center center;
 cursor: pointer;
 display: block;
 float: left;
 height: 36px;
 margin-top: 0px;
 margin-left: 13%;
 width: 19px;
}

 .left_a:hover {
 background: url("/Sites/Uploaded/UserUpLoad/20150602/20150602184047.jpg") no-repeat center center;
 }

.right_a {
 background: url("/Sites/Uploaded/UserUpLoad/20150602/20150602184110.jpg") no-repeat center center;
 cursor: pointer;
 display: block;
 float: left;
 height: 36px;
 width: 19px;
 margin-top: 0px;
}

 .right_a:hover {
 background: url("/Sites/Uploaded/UserUpLoad/20150602/20150602184130.jpg") no-repeat center center;
 }

.red {
 color: red;
}

/*信息提示*/
.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;
}

/*候补页面选择兑换时间*/
.select_date_list {
 max-height: 216px;
 overflow: auto;
}

 .select_date_list dl {
 float: left;
 border: 1px solid #ccc;
 width: 200px;
 margin: 3px 10px 3px 10px;
 padding: 3px;
 position: relative;
 color: #333;
 font-size: 14px;
 cursor: pointer;
 }

 .select_date_list dl.hover {
 border: 1px solid #5ca945;
 background: #5ca945;
 }

 .select_date_list dl.on {
 border: 1px solid #5ca945;
 background: #5ca945;
 }

 .select_date_list dl.on dd i {
 display: block;
 }

 .select_date_list dl.on dd {
 background: #fffdf4;
 }

 .select_date_list dl dd {
 text-align: center;
 justify-content: center;
 display: flex;
 align-items: center;
 min-height: 50px;
 background: #f9f9f9;
 }

 .select_date_list dl dd i {
 background: url(/Content/Areas/Interactions/images/reservation.png) 0 -168px no-repeat;
 height: 37px;
 width: 37px;
 overflow: hidden;
 position: absolute;
 right: 0;
 bottom: 0;
 display: none;
 }  <!--0.00028800964355469-->