.appoin-lab-hold{ height: 2.8rem; }
.appoin-lab{ width: 100%; height: 2.8rem; background-color: #fff; }
.fixed{ position: fixed; left: 0; z-index: 20; }
.lab-hold{ display: -webkit-box; width: 100%; padding: .4rem .75rem .4rem .75rem; overflow: auto;-webkit-overflow-scrolling:touch; }
.lab-hold a{ display: block; line-height: 2rem; font-size: .75rem;color: rgba(0,0,0,.8); margin-right: .75rem; }
.lab-hold:after{ content: ''; display: block; width: 2rem; overflow: hidden; }
.lab-hold a.curr{font-size: .95rem;color: #F85959;}
.lab-more{ display: block; width: 2rem; height: 2rem;background: url(../images/ico-more.png) no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: .4rem; }
.appoin-filter-hold{ background-color: #fff; }
.appoin-filter-hold > h4{ font-size: .8rem; color: #333; line-height: 2.8rem; padding: 0 .75rem; }
.appoin-filter{ overflow: hidden; padding: 0 .25rem 0 .75rem; position: relative; }
.appoin-filter li{ width: 25%; float: left; padding-right: .5rem; margin-bottom: .5rem; }
.appoin-filter li a{ display: block; height: 1.5rem; line-height: 1.4rem; text-align: center; color: #666; font-size: .65rem; border: 1px solid #eee; border-radius: 1rem; padding: 0 .15rem; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.appoin-filter li a.curr{ background-color: #f85959; color: #fff; border: 1px solid #f85959; }
.appoin-filter-close{ display: block; width:2rem; height: 2rem; background: url(../images/ico-close.png) center center no-repeat; background-size: .7rem .7rem; position: absolute; right: .25rem; top: .5rem; }
.appoin-list{ padding: 0 .75rem; background-color: #fff; }
.appoin-list li{ border-top: 1px solid #f1f1f1; display: -webkit-box; padding: 1rem 0; }
.appoin-list li:first-child{ border-top: none; }
.apl-key{ width: 2.2rem; height: 2.2rem; position: relative; margin-right: .6rem; }
.apl-key img{ width: 100%; height: 100%; border-radius: 50%; }
.ico-vip{ display: block; width: .6rem; height: .6rem; background: url(../images/ico-vip.png) no-repeat; background-size: 100% 100%; position: absolute; right: 0; bottom: 0; }
.apl-info{ -webkit-box-flex:1; color: rgba(0,0,0,.4); font-size: .65rem; position: relative; }
.apl-info > h4{ font-size: .8rem; color: #000;font-weight: bold;margin-bottom: .15rem; }
.apl-goods{ margin-top: .5rem; line-height: 20px; }
.ahide{ max-height: 60px; overflow: hidden; }
.apl-btn{ display: block;width: 4rem; height: 1rem; line-height: .9rem; text-align: center; background-color: #fff;border: 1px solid #eee; position: absolute;right: .5rem;top: .5rem;color: #555;border-radius: .5rem;font-size: .6rem; }
.ico-gh{ display: inline-block; width: .6rem; height: .6rem; background: url(../images/ico-gh.png) no-repeat; background-size: 100% 100%;vertical-align: middle;margin: 0 .2rem 0 0; position: relative;top: -1px;}
.goods-more{ display: block; height: 24px; line-height: 24px; font-size: .6rem; color: rgba(0,0,0,.9); position: absolute; right: 0; bottom: -2px; padding-left: .5rem; background-color: #fff;}
.goods-more:before{ content: '\6536\8d77'; }
.ahide .goods-more:before{ content: '\5c55\5f00';}

.doc-bg{ background-image: url(../images/doc-bg.png); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; padding-top: 18%; }
.doc-mess{ background: #fff; border-radius: .8rem .8rem 0 0; position: relative; padding: 2.1rem .75rem .75rem .75rem; color: rgba(0,0,0,.4); font-size: .65rem; }
.doc-mess .ico-vip{ position: relative; top: 1px; display: inline-block; margin-right: .25rem; }
.doc-head{ width: 3rem; height: 3rem; position: absolute; left: .75rem; top: -1.5rem; border-radius: 50%; }
.doc-mess h4{ font-size: .8rem; color: #000; font-weight: bold; margin-bottom: .2rem; }
.doc-goods{ margin-top: .5rem; line-height: 20px;font-size: .65rem; color: rgba(0,0,0,.6); position: relative;}
.doc-div{ background-color: #fff; }
.doc-area{ padding: .75rem .75rem .75rem .25rem; display: -webkit-box; }
.prearea{ -webkit-box-flex:1; width: 1px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.06); margin-left: .5rem; border-radius: .5rem;display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; padding: .7rem; border: 1px solid #f1f1f1; position: relative }
.prearea.curr{ border: 1px solid #60A7FF; color: #60A7FF; }
.area-single .prearea.curr{ border: none;border-radius: 0; color: #333; }
.area-single .prearea{ padding: 0;border: none;border-radius: 0; box-shadow: none; }
.doc-area h4{ font-size: .8rem; }
.tag-state{ min-width: 2rem; height: .8rem; line-height: .8rem; padding: 0 .25rem; border-radius: 0 .5rem 0 .5rem; background: #ccc;position: absolute;top: -1px;right: -1px; color: #fff; font-size: .5rem; text-align: center; }
.da-bq{ display: block; width: 2.9rem; height: .9rem; line-height: .9rem; text-align: center; background-color: #d8462a; border-radius: .5rem; font-size: .55rem; color: #fff; padding: 0 .15rem; }
.doc-sched{ padding: 0 .75rem; }
.ds-time{ border-top: 1px solid #f1f1f1; color: rgba(0,0,0,.4); font-size: .8rem; line-height: 1; padding-top: .75rem; }
.ds-time:first-child{ border-top: none; }
.ds-list li{ border-top: 1px solid #f1f1f1; font-size: .7rem; color: rgba(0,0,0,.4); padding: .75rem 0; position: relative; }
.ds-list li:first-child{ border-top: none; }
.ds-list li > h4{ font-size: .8rem; color: #333; margin-bottom: .25rem; line-height: 1.2; }
.ds-btn{ display: block; width: 2.4rem; height: 1.2rem; line-height: 1.2rem; text-align: center; background-color: #60A7FF; color: #fff; border-radius: 1rem; position: absolute; right: 0; top: 50%; margin-top: -.6rem; font-size: .65rem; }
.ds-btn.disabled{ background-color: rgba(0,0,0,.2); }

.h50{ height: 2.5rem; }
.record-lab{ width: 100%; height: 2.5rem; line-height: 2.5rem; background-color: #fff; display: -webkit-box; padding: 0 .75rem; }
.record-lab a{ -webkit-box-flex:1; display: block; width: 1px; text-align: center; color: #666;font-size: .75rem; }
.record-lab a.curr{ position: relative; color: #F85959;font-size: .9rem;font-weight: bold; }
.record-lab a.curr:before{ content: ''; display: block; width: .6rem; height: .2rem; background-color: #F85959; border-radius: .1rem; position: absolute; left: 50%; margin-left: -.3rem; bottom: 0; }
.record-list{}
.record-list > li{ background-color: #fff; padding: 0 .75rem; margin-top: .5rem; }
.rl-mess{ display: -webkit-box; padding: .75rem 0; }
.rl-mess .apl-info > h4{ font-size: .8rem; color: #333; }
.rl-state{ position: absolute; right: 0; top: .1rem; }
.rl-con{ border-top: 1px solid #f1f1f1; padding: .5rem 0; }
.rl-con li{ display: -webkit-box; font-size: .7rem; padding: .2rem 0; }
.rl-key{ min-width: 4rem; padding-right: .5rem; color: rgba(0,0,0,.4); }
.rl-info{ -webkit-box-flex:1; color: rgba(0,0,0,.8);}
.rl-btn{}
.rl-btn a{ display: inline-block; width: 3rem; height: 1.1rem; line-height: 1rem; text-align: center; color: #979797; border: 1px solid #979797; font-size: .6rem;border-radius: .1rem; margin-left: .2rem; }
.rl-btn a.btn-orange{ border: 1px solid #F85959; color: #F85959; }
.record-top{ height: 4.4rem; background: url(../images/record-bg.png) no-repeat; background-size: 100% 100%; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; position: relative; color: #fff; padding: .75rem;}
.rt-btn{ display: block; width: 4rem; height: 1.6rem; line-height: 1.5rem; text-align: center; border: 1px solid #fff; color: #fff; border-radius: 1rem; position: absolute; right: .75rem; top: 50%; margin-top: -.8rem; }
.rt-tit{  font-size: .9rem; font-weight: bold; margin-right: .15rem; }
.record-mes{ display: -webkit-box; background-color: #fff; padding:.75rem; }
.record-mes .apl-info > h4{ font-size: .8rem; color: #333; }
.ico-lev{ display: block; width: 1.8rem; height: .6rem; line-height: .6rem; font-size: .4rem; background-color: #FF9E00;color: #fff;border-radius: .3rem;position: absolute;bottom: -.2rem;left: 50%; margin-left: -.9rem; text-align: center; }
.record-info{ background-color: #fff; }
.record-info .rl-con{ border-top: none; padding-left: .75rem; padding-right: .75rem; }
.kf-bot{ height: 3rem; }
.kf-bot > div{ position: absolute; width: 100%; height: 3rem; padding-bottom: 1rem; left: 0; bottom: 0; text-align: center;font-size: .65rem; color: rgba(0,0,0,.6);display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.memb-kf > div{ bottom: 2rem; }
.kf-agree{ color: rgba(0,0,0,.4); font-size: .6rem; }
.rl-copy{ color: #F85959; margin-left: 1rem; }

.appoin-top{ background-color: #fff; padding: .75rem .75rem .25rem .75rem; }
.appoin-top .rl-con{ border-top: none; }
.appoin-top .rl-key{ color: #333; }
.appoin-top .rl-info{ color: #666; }
.appoin-top > h4{ font-size: .65rem; color: #999; }
.form-list{ background-color: #fff; padding-left: .75rem; }
.form-list li{ display: -webkit-box; padding: .5rem .75rem .5rem 0; line-height: 1.7rem; position: relative; border-top: 1px solid #f1f1f1; }
.form-list li:first-child{ border-top: none; }
.form-list li.islink{ padding-right: 1.5rem; }
.form-list li.islink:after{ content: ''; display: block; width: 8px; height: 8px; border: solid #ccc; border-width: 2px 2px 0 0; -webkit-transform: scale(.8) rotate(45deg); position: absolute; right: .75rem; top: 50%; margin-top: -5px; border-radius: .1rem;}
.form-key{ min-width: 4rem; padding-right: .5rem; color: rgba(0,0,0,.4); color: #333 }
.form-info{ -webkit-box-flex:1; }
.form-oth{ -webkit-box-flex:0; margin-left: .5rem;}
.form-text{ display: block; width: 100%; height: 1.7rem; color: #000; }
.appoin-tip{ background-color: #fff; padding: .75rem; font-size: .65rem; color: #666; line-height: 1.6; }
.appoin-tip > h4{ color: #333; font-weight: bold; margin-bottom: .15rem; }
.h56{ height: 2.8rem; }
.appoin-bot{ width: 100%; height: 2.8rem; background-color: #fff; position: fixed; left: 0; bottom: 0; z-index: 20; display: -webkit-box; }
.ab-left{ -webkit-box-flex:1; line-height: 2.8rem; padding: 0 .75rem; }
.ab-btn{ display: block; width: 6rem; height: 2.8rem; line-height: 2.8rem; text-align: center; background-color: #f85959;color: #fff; font-size: .8rem; }
.ab-btn:active{ opacity: .9; }
.ab-btn.disabled{ opacity: .5; }

.memb-top{ height: 5rem; background: url(../images/record-bg.png) no-repeat; background-size: 100% 100%; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; position: relative; color: #fff; padding: .75rem; text-align: center; font-weight: bold;font-size: 1rem;}
.memb-login{ display: inline-block; width: 5.8rem; height: 2rem; line-height: 1.9rem; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 1rem;font-size: .8rem; }

/* 就诊人 */
.patient-tip{ line-height: 1.2rem; padding: .4rem 2.2rem .4rem .75rem; background-color: #ffecea; color: #ff4633; font-size: .75rem; position: relative; }
.patient-tip.pr15{ padding-right: .75rem; }
.patient-tip > .iconfont{ display: inline-block; font-size: 1.1rem; vertical-align: middle; position: relative; top: -1px; margin-right: .4rem; }
.ptip-close{ display: block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; position: absolute; right: 0; top: 0; }
.ptip-close .iconfont{ font-size: .5rem; color: #ffaaa1; font-weight: bold; }
.doc-form{ background-color: #fff; padding-left: .75rem; }
.doc-form > li{ display: -webkit-box; line-height: 1.7rem; padding: .5rem .75rem .5rem 0; border-top: 1px solid #f2f6fa; position: relative; font-size: .8rem; }
.doc-form > li:first-child{ border-top: none; }
.doc-form > li.islink{ padding-right: 1.7rem; }
.doc-form > li.islink:after{ content: ''; display: block;width: 8px; height: 8px; border: solid #c1ccdb; border-width: 2px 2px 0 0; -webkit-transform: scale(.9) rotate(45deg); position: absolute; right: .75rem; top: 50%; margin-top: -5px; border-radius: .1rem; }
.tag-sub{ color: #ff4633; margin-left: .2rem; position: relative; top: 3px; }
.radio-box{ display: inline-block; position: relative; }
.ico-ck{ display: inline-block; width: .9rem; height: .9rem; border:1px solid #c1ccdb; border-radius: 50%; vertical-align: middle; margin: 0 .6rem .1rem 0; }
.setdef{ color: #0a2445; }
.setdef .ico-ck{ float: right; margin: .4rem 0 0 0; }
.doc-oth .ico-ck{ margin: 0; }
.checked .ico-ck{ border:none; background: url(../images/ico-ck.png) no-repeat; background-size: 100% 100%; }
.radio-box input{ position: absolute; opacity: 0; }
.form-text{ display: block; width: 100%; height: 1.7rem; }
.form-texa{ display: block; width: 100%; line-height: 1rem; }
.patient-list{ padding: 0 .5rem; }
.patient-list li{ background-color: #fff; border-radius: .5rem; display: -webkit-box; border:none; padding: .8rem .75rem; margin-top: .5rem; box-shadow: 0 0 10px rgba(0,0,0,.02); }
.patient-edit{ font-size: .65rem; color: #5e6b7a; margin-left: .5rem; position: relative; top: -1px; }
.ico-edit{ display: inline-block; width: .7rem; height: .7rem; background: url(../images/ico-edit.png) no-repeat; background-size: 100% 100%; vertical-align: middle; margin-right: .1rem; }
.com-head{ -webkit-box-flex:0; width: 2.5rem; height: 2.5rem; margin-right: .75rem; position: relative; }
.com-head img{ width: 100%; height: 100%; border-radius: 50%; }
.com-info{ -webkit-box-flex:1; font-size: .65rem; color: #5e6b7a; line-height: 1.6;display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; position: relative; }
.com-info > h4{ color: #0a2445; font-size: .7rem; }
.com-info > h4 > b.c-f18{ font-size: .8rem; }
.patient-list .ico-ck{ margin-right: 0; }
.doc-form .form-key{ min-width: 5.4rem; }
.ico-notice{ display: inline-block; width: 1rem; height: 1rem; background: url(../images/ico-notice.png) no-repeat; background-size: 100% 100%; vertical-align: middle; margin-right: .3rem; position: relative;top: -1px;}
.memb-list{ background-color: #fff; padding: 0 .75rem 0 2.4rem; }
.memb-list li{border-top: 1px solid #f1f1f1; }
.memb-list li:first-child{ border-top: none; }
.memb-list li a{ display: block; line-height: 1.7rem; padding: .6rem 1.5rem .6rem 0; line-height: 1.7rem; position: relative; font-size: .85rem; color: #333; }
.ico-memb{ display: block; width: 1.25rem; height: 1.25rem; background-image: url(../images/ico-memb.png);background-size: 5rem 1.25rem; position: absolute; left: -1.7rem; top: 50%; margin-top: -.625rem; }
.ico-memb.memb1{ background-position: 0 0; }
.ico-memb.memb2{ background-position: -1.25rem 0; }
.ico-memb.memb3{ background-position: -2.5rem 0; }
.ico-memb.memb4{ background-position: -3.75rem 0; }

.index-bot{ width: 100%; height: 2.5rem; background-color: #fff; position: fixed; left: 0; bottom: 0; z-index: 20; display: -webkit-box; border-top: 1px solid #999; }
.index-bot a{ display: block; -webkit-box-flex:1; width: 1px; text-align: center; font-size: .55rem; color: rgba(0,0,0,.4); line-height: 1; padding-top: .25rem; }
.ico-index{ display: inline-block;width: 1rem; height: 1rem; background-image: url(../images/ico-index.png);background-size: 2rem 2rem; margin: 0 auto .25rem auto; }
.ico-index.index1{ background-position: 0 0; }
.ico-index.index2{ background-position: -1rem 0; }
.index-bot a.curr{ color: #333; }
.index-bot a.curr .ico-index{ background-position-y: -1rem; }
.agree-box{ padding:1rem .75rem; font-size: .7rem; color: #666; line-height: 1.6; }
.agree-box h1{ font-size: .85rem; color: #000; font-weight: bold; text-align: center; margin-bottom: .5rem; }
.agree-box p{ margin-bottom: .25rem; }
.result-box{ text-align: center; color: #a6a6a6; padding: 3rem .75rem 1rem .75rem; line-height: 1.5; }
.result-box > h4{ font-size: .85rem; color: #000; font-weight: bold; }
.w80{ width: 4rem; }
.w80 .c-btn-fff{ height: 1.6rem; line-height: 1.5rem; font-size: .7rem; }
.w130{ width: 6.5rem; margin-left: auto; margin-right: auto; }
.w130 .c-btn-fff{ height: 2rem; line-height: 1.9rem; font-size: .75rem; }
.result-btn{ text-align: center; }
.result-btn > div{ display: inline-block; margin-left: .5rem; margin-left: .5rem; }
/* login */
.login-hold{ padding: 0 1.25rem; }
.login-top{ font-size: 1.05rem; font-weight: bold; line-height: 2rem; padding-top: 1rem; }
.login-div{ display: -webkit-box; border-bottom: 1px solid #f2f6fa; }
.login-pre{ position: relative; -webkit-box-flex:1; padding-right: 1rem;}
.login-text{ display: block; width: 100%; height: 2.5rem; padding: .5rem 0; font-size: .8rem; }
.input-clear{ height: 2.5rem; line-height: 2.5rem; position: absolute; right: 0; top: 50%; margin-top: -1.25rem; padding-left: .25rem; display: none; }
.ico-clear{ display: inline-block; width: .6rem; height: .6rem; background: url(../images/ico-close.png) center center no-repeat; background-size: 100% 100%; }
.login-bot{ font-weight: bold; }
.login-bot a{ color: #555; }
.login-bot a .iconfont{ font-size: .65rem; }
.login-tip{ font-size: .65rem; color: #c1cad4; }
.getcode{ display: block; -webkit-box-flex:0; text-align: right; color: #f85959; font-size: .65rem; line-height: 2.5rem; margin-left: 1rem;}
.getcode.disabled{ color: #a6a6a6;}
.yzm-text{ font-size: 1.5rem; line-height: 1.5rem; letter-spacing: 1.6rem; }
.yzm-text::-webkit-input-placeholder{ font-size: .8rem; letter-spacing: normal; line-height: 1.5rem; }
.s-code.c-hide, .s-password.c-hide{ display: none; }