厦门i健康患者端代码拷贝

html/ssgg/css/csx.css

@@ -0,0 +1,62 @@
/* 个人中心 */
.addp-list .input-group-addon { min-width: 100%; width: 90px; text-align: right; }
.mem-top{ background-color: #fafafa; position:relative;}
.men-list li{ position:relative;}
.men-list .mltb1{ background:#34aadc;}
.men-list .mltb2{ background:#4fdb67;}
.men-list .mltb3{ background:#ff9501;}
.men-list .mltb4{ background:#017aff;}
.men-list .mltb5{ background:#49cc6d;}
.men-list .mltb6{ background:#ff6600;}
.men-list .mltb7{ background:#4579f0;}
.men-list .mltb8{ background:#ff9501;}
.men-list .mltb9{ background:#2caddf;}
.men-list .mltb10{ background:#f39800;}
.men-list li .c-avatar-s{ position:relative; overflow:inherit; vertical-align:middle; }
.men-list li .c-list-action{ top:0px;}
.mlnum{ position:absolute; top:-4px; right:-4px; width:12px; height:12px; background:#ec4300; text-align:center; line-height:12px; font-size:8px; color:#fff;}
.men-list li .iconfont{ font-size:18px; color:#fff;}
.men-list li .qytimes{ display:block; position:absolute; right:15px; top:50%; margin-top:-10px; font-size:12px; color:#fff;}
/*健康历程*/
.main{ height:100%;}
.health-course{position: relative;min-height:100%;padding:0 15px;z-index: 100;}
.health-course:after{ position: absolute;content:"";width:2px;height:100%;background: #4dcd70;top:0;left:36px;z-index: 101;}
.course-year{ position:relative; z-index:200; width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-top: 15px;}
.course-year i{ display: inline-block; width:46px; height:46px; line-height: 46px; font-size: 14px; text-align: center; color:#fff; border-radius: 50%; background:#4dcd70;}
.course-date-list{ padding-bottom: 10px;}
.course-date-list li{ position: relative; padding-left:40px; z-index: 200; margin-bottom:15px;}
.course-date-list li:after{ position: absolute;content:""; width:12px; height:12px; border-radius:50%; background: #4dcd70; top:30px; left:16px; z-index: 201; }
.coruse-date { height:20px; font-size:13px; color:#909090; padding-left:1em; }
.coruse-con{ position:relative; background:#fff; border:1px solid #e1e1e1; border-radius: 4px; padding:7px 10px; }
.coruse-con:after{ position: absolute; top:10px; left:-6px; content:""; width:10px; height:10px; border:1px solid #e1e1e1; border-width: 0 0 1px 1px; background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }
.coruse-con p{font-size:13px; color:#5b5b5b; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; padding: 3px 0;}
.coruse-con p span{ color:#333; padding-right:5px;}
/*门诊详情*/
.outp-details-top{ position: fixed; width:100%; top:0;left:0; background: #fff; height:72px; border-bottom: 1px solid #e1e1e1; color:#333; font-size: 14px; padding:8px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; }
.outp-details-top li{ width:50%; height:28px; line-height: 28px; float:left; padding-right:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.outp-details-top li span{ margin-right: 5px;}
.outp-details-top:before{ position: absolute; top:72px; left:0; content:""; width:100%; height:15px; background: #f3f3f3; border-bottom:1px solid #e1e1e1;}
.outp-details-top:after{ position: absolute; top:88px; left:0; content:""; width:100%; height:10px; background: #fff;}
.outp-details-box{ padding:0 15px 30px 15px; background: #fff; margin-top: 97px;}
.outp-details-con{ width:100%; }
.outp-details-con dl{ padding-bottom: 10px;}
.outp-details-con dl dt{ position: relative; color:#333; font-size:15px; padding-left: 15px;}
.outp-details-con dl dt:before{ position:absolute; content: ""; width:8px; height:8px; border-radius: 50%; background: #4dcd70; top:50%; left:0; margin-top: -4px;}
.outp-details-con dl dd{ color:#666; font-size:13px; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; }
.outp-doctor-info{ color:#5b5b5b; font-size:14px; padding-top: 15px; margin-top:5px; border-top:1px dotted #e1e1e1;}
.outp-doctor-info span{ color:#333; margin-right: 10px;}
.outp-doctor-info .iconfont{ color:#007cd9; margin-right: 5px;}
/*我的圈子*/
.quanzi-top{ position: fixed; width:100%; top:0;left:0; background: #fff; height:75px; border-bottom: 1px solid #e1e1e1; color:#333; font-size: 14px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; }
.quanzi-top li{ width:50%; height:75px; padding-top: 12px; text-align: center; font-size:15px; color:#5b5b5b; float:left; border-right:1px solid #e1e1e1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.quanzi-top li:last-child{border-right:none;}
.quanzi-top li .iconfont{ font-size:30px; line-height: 30px; color:#4dcd70;}
.quanzi-top li:last-child .iconfont{color:#37a6ec;}
.quanzi-top:before{ position: absolute; top:75px; left:0; content:""; width:100%; height:15px; background: #f3f3f3; border-bottom:1px solid #e1e1e1;}
.quanzi-box{background: #fff; margin-top: 90px;}
.quanzi-list .n-list-key{ padding:12px 20px 12px 0;}
.quanzi-list .n-avatar-m{border-radius: 50%; overflow: hidden;}
.quanzi-list .n-list-flex{ padding:12px 0;}
.quanzi-list .n-list-info{ padding-right:15px; }

html/ssgg/css/doctor-homepage-new.css

@@ -0,0 +1,53 @@
html,body{height: 100%;}
.c-fff { color: #FFF; }
.c-tar { text-align: right; }
.c-tac { text-align: center; }
.c-toe{overflow:hidden;/* word-wrap:normal; *//* white-space:nowrap; *//* text-overflow:ellipsis; */padding-left: 10px;}
.c-main { overflow: auto; }
.bc-fff { background-color: #FFF;}
.bc-ff9526 { background-color: #FF9526; }
.bc-75bf00 { background-color: #75BF00; }
.bgc-dcdcdc{background-color: #dcdcdc;}
.height-50 { height: 50px; }
.lheight-50 { line-height: 50px; }
.f-dn{display: none;}
.btn-main{display: none;}
.ml62{
    margin-left: 62px;
}
#btnMenu{ display: none; z-index: 201; }
#introduce_guide { display: none; position: absolute; top: 0; right: 0; width: 80px; height: 84px; z-index: 200;}
#introduce_text { display: none; position: absolute; top: 60px; right: 0px; width: 150px; color: #fff; z-index: 200;}
#overlay_pop { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 100; }
#doctor_qrcode { display: none; }
#doctor_qrcode>img { display: block; margin: 0 auto; }
#sign_invitation .c-50 { width: 50%; margin-left: 0; }
#btnSign { display: none; }
#sign_invitation { position: fixed; bottom: 0; width: 100%; }
#sign_invitation a { display: block; }
#textReason { width: 100%; font-size: 16px; }
.reqest-unsign-pop .ui-dialog-content { display: block;}
.div-dialog-content{width: 250px;height: 250px;background: url(../images/tuoyuan.png) no-repeat center top;background-size: 250px;position: fixed;z-index: 201;left: 50%;top: 50%;margin-left: -125px;margin-top: -125px;}  
.zixun{width: 55px; height: 55px;background: url(../images/zixun01_btn.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 201;top: 50%;margin-top: -27px;left: 10px;}
/*
.tuijian{width: 55px; height: 55px;background: url(../images/tuijian_btn.png) no-repeat center top; background-size: 55px;position: absolute;z-index: 201;      bottom: 104px;left: 50%;top: 50%;margin-left: -27px;margin-top: -118px;}
.jieyue{width: 55px; height: 55px;background: url(../images/jieyue_btn.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 201;top: 50%;      margin-top: -27px;right: 10px;}
*/
.tuijian{width: 55px; height: 55px;background: url(../images/tuijian_btn.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 201;top: 50%;      margin-top: -27px;right: 10px;}
.zixun.active{width: 55px; height: 55px;background: url(../images/yundong_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 201;top: 50%;margin-top: -27px;left: 10px;}
/*
 .tuijian.active{width: 55px; height: 55px;background: url(../images/yongyaoi_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;z-index: 201;   bottom: 104px;left: 50%;top: 50%;margin-left: -27px;margin-top: -118px;}
 .jieyue.active{width: 55px; height: 55px;background: url(../images/yinshi_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 201;top: 50%;      margin-top: -27px;right: 10px;}
 * */
.tuijian.active{width: 55px; height: 55px;background: url(../images/yongyaoi_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 201;top: 50%;      margin-top: -27px;right: 10px;}
.quxiao{width: 55px;height: 55px;background: url(../images/quxiao_btn.png) no-repeat center top;background-size: 55px;position: absolute;      z-index: 201;left: 50%;      top: 50%;      margin-left: -27px;      margin-top: 60px;}
.quxiao.active{width: 55px;height: 55px;background: url(../images/quxiao_pre.png) no-repeat center top;background-size: 55px;position: absolute;      z-index: 201;left: 50%;      top: 50%;      margin-left: -27px;      margin-top: 60px;}
#footer {position: fixed;z-index: 3; bottom: 30px;width: 50px;height: 48px;padding: 0;right: 30px;display: block;}
.add-icon{ width: 50px; height: 50px;background: url(../images/gengduo_btn.png) no-repeat center top; background-size: 50px;}
.tishiwenzi{text-align: left;}
.layui-m-layercont{padding-top: 0 !important;}
.dh-box{display: -webkit-box;-webkit-box-align: center;padding: 15px;background: url(../images/p-bg-top2.png) no-repeat;background-size:cover;}
.dh-box-img{width: 70px;margin-right: 10px;}
.dh-box-img img{width: 100%;}
.dh-box-list{width: calc(100% - 80px);font-size: 15px;color: #fff;}

html/ssgg/css/jy-style.css

@@ -0,0 +1,388 @@
@charset "utf-8";
body { font-size: 16px; color: #333; max-width: 640px; margin: 0 auto; background-color: #f3f3f3; }
input, textarea { -webkit-appearance: none; }
.w55 {width:55px;}
.w45 {width:45px;}
.ptb65 {padding-top:65px; padding-bottom:65px;}
.c-corner {width:18px; height:18px; line-height:18px; border-radius:50%; background-color:#ff3824; color:#fff; border:1px solid #fff; margin-left:-8px;}
.c-corner-min {width:14px; height:14px; line-height:14px; font-size:12px; margin-top:8px;}
.c-1cb4ec { color: #1cb4ec; }
.c-f11 { font-size: 11px; }
.header-contain { width: 68px; height: 59px; margin: 0 auto; }
.header-contain .pic { width: 53px; height: 53px; border-radius: 50%; overflow: hidden; margin: 0 auto; }
.header-contain img { width: 53px; height: 53px; }
.p-clcardna { width: 68px; height: 22px; background: url(../images/demo-linehead.png) no-repeat left top; position: absolute; left: 0; bottom: 0; background-size: cover; line-height: 30px; font-size: 11px; }
.c-blocks-2.c-loper li { box-sizing: border-box; }
.c-loper span.color-iconfont { width: 26px; display: inline-block; }
.c-loper .color-iconfont img { width: 100%; }
.lh30 { line-height: 30px; }
.cl-poewm{position:absolute;right:15px;top:10px;width:25px;height:25px;}
.cl-poewm i.icon-erweima{font-size:25px;color:#909090;}
.cl-poewm i.icon-qiehuan{color:#4dcd70;}
.bg-7ecef4 {background-color: #7ecef4;}
.lh22{line-height:22px;}
.bgc-cyanblue{ background: #5ec5b4;}
.bgc-orangered{ background: #ff8549;}
.bgc-dblue { background: #0171ee; }
.bgc-orange { background-color: #ff9600; }
.bgc-blue { background-color: #37a6ed; }
.bgc-green { background-color: #2ccd5d; }
.doc-avatar { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.doc-avatar img { width: 100%; height: 100%; }
/* 健康咨询 */
.pro-list-group .time {right:30px; top:12px; color:#909090; font-size:12px;}
/*选择社区*/
.shcom-list .c-avatar-m { border-radius: 5px; overflow: hidden; width: 50px; height: 50px; }
.sh-list .c-list-action { right: 15px; }
.sh-list .c-avatar-m { border-radius: 50%; overflow: hidden; width: 40px; height: 40px; }
.c-btn-48c3f0 { background: #48c3f0; }
/*二维码*/
.scan-code-img { position: relative; z-index: 10; width: 160px; height: 160px; padding: 10px; border: 2px solid #f1f1f1; margin: 20px auto 10px auto; }
.scan-code-img img { display: block; position: absolute; z-index: 12; width: 160px; height: 160px; top: 10px; left: 10px; }
.scan-code-img:before { position: absolute; top: -10px; left: 25px; z-index: 11; content: ""; width: 130px; height: 200px; background: #fff; }
.scan-code-img:after { position: absolute; top: 25px; left: -10px; z-index: 11; content: ""; width: 200px; height: 130px; background: #fff; }
.cl-ewmer{border-radius:5px;border:1px solid #e1e1e1;}
/** 基本信息 **/
.ring-blue, .ring-a,.ring-b,.ring-c{ display: inline-block; width:36px; height:36px; line-height: 36px; text-align: center; border-radius: 50%; border: 1px solid #17b3ec; font-size: 10px; color:#17b3ec;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ring-a{ color: #333; border: 0;  background: url(../images/ring-a.png) no-repeat 0 0; background-size:100% 100%;}
.ring-b{ color: #333; border: 0;  background: url(../images/ring-b.png) no-repeat 0 0; background-size:100% 100%;}
.ring-c{ color: #333; border: 0;  background: url(../images/ring-c.png) no-repeat 0 0; background-size:100% 100%;}
/** 我的患者 **/
.header-link a.link .iconfont {font-size: 20px;}
.pb60{ padding-bottom: 60px;}
.ring-big-a,.ring-big-b,.ring-big-c{ position:relative; display: inline-block; width:88px; height:88px; text-align: center; border-radius: 50%; font-size: 10px; color:#17b3ec;-webkit-box-sizing: border-box;box-sizing: border-box; background:url(../images/ring-a.png) no-repeat 0 0; background-size:100% 100%; color: #4fcd6f;}
.ring-big-b{ background-image: url(../images/ring-b.png); color: #fbac01;}
.ring-big-c{ background-image: url(../images/ring-c.png); color: #f57364;}
.ring-txt{ position: absolute; width:60%; text-align: center; left: 20%; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 10px;}
.ring-txt b{ font-size: 17px;}
.ring-big-a .ring-txt p:first-child{ border-bottom: 1px solid #4fcd6f;}
.ring-big-b .ring-txt p:first-child{ border-bottom: 1px solid #fbac01;}
.ring-big-c .ring-txt p:first-child{ border-bottom: 1px solid #f57364;}
.ring-txt p:last-child{ margin-top: 5px;}
.select-group div.ui-col-1 {width:0;}
/* 患者沟通 */
.talk-left, .talk-right { position: relative; min-height: 40px; padding: 10px 68px; }
.talk-left .leftpart, .talk-right .leftpart { position: absolute; width: 40px; height: 40px; left: 15px; top: 26px; text-align: center; border-radius: 50%; overflow: hidden; }
.talk-left .leftpart img, .talk-right .leftpart img { width: auto; height: 100%; }
.talk-left .rightpart, .talk-right .rightpart { background-color: #fff; border: 1px solid #e1e1e1; border-radius: 4px; padding: 10px; line-height: 20px; position: relative; word-break: break-all; min-width: 30px; float: left; }
.talk-right .leftpart { left: auto; right: 15px; }
.talk-right .rightpart { background-color: #bce0ff; border: 1px solid #95c8f9; float: right; }
.talk-time { width: 190px; line-height: 26px; margin-left: auto; margin-right: auto; font-size: 12px; color: #ccc; text-align: center; position: relative; }
.talk-time:before { content: ''; display: block; width: 50px; height: 13px; border-bottom: 1px solid #e6e4e1; position: absolute; left: 0; top: 0; }
.talk-time:after { content: ''; display: block; width: 50px; height: 13px; border-bottom: 1px solid #e6e4e1; position: absolute; right: 0; top: 0; }
.talk-refresh, .talk-home { position: absolute; right: 10px; bottom: 65px; z-index: 700; background: rgba(0,0,0,.4); border-radius: 50%; width: 26px; height: 26px; padding: 5px; line-height: 26px; }
.talk-refresh i, .talk-home i { font-size: 26px; color: #fff; }
.talk-refresh.light{ background: #a9cc84;}
.talk-home { bottom:110px; }
.talk-right .rightpart:after, .talk-left .rightpart:after { position: absolute; content: ""; width: 8px; height: 8px; background: #f00; top: 8px; right: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); background: #bce0ff; border: 1px solid #95c8f9; border-width: 1px 1px 0 0; }
.talk-left .rightpart:after { right: auto; left: -5px; background: #fff; border: 1px solid #e1e1e1; border-width: 0 0 1px 1px; }
.rightpart.highlight, .rightpart.highlight:after{ background: #fff; border-color: #3a9bef;}
.talk-tips { padding: 10px 10px 0 10px; }
.talk-tips p { font-size: 12px; color: #909090; background: #fffff3; padding: 5px 10px; border: 1px dashed #e7e7cd; }
.talk-view { text-align: right; border-top: 1px dotted #eaeaea; margin-top: 10px; color: #0066ff; font-size: 13px; }
.talk-right .talk-view { border-top: 1px dotted #0066ff; }
.talk-viewb{ text-align: right; font-size: 13px;}
.talk-view a, .talk-view a:link, .talk-viewb a, .talk-viewb a:link{ color: #0066ff; display: block; padding-top: 5px; }
.talk-view .iconfont { font-size: 14px;}
.talk-ms { font-size: 12px; color: #909090; line-height: 12px; padding-bottom: 5px; clear: both; }
.talk-right .talk-ms { text-align: right; }
.talk-img img{ max-width: 100px; height: auto;}
.talk-zt{ position: absolute; top:-1px; left:-1px; width:80px; height:100%; overflow: hidden; border-radius: 4px 0 0 0;}
.talk-zt i{ display: block;	width: 80px; font-size: 10px;height: 14px;line-height: 14px; padding-top: 30px;	vertical-align: middle;	text-align: center;	color: #fff;	position: absolute;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg);top: -16px;left: -34px;overflow: hidden;background: #ff8100;}
.talk-left .talk-zt{ left: auto; right:-1px; border-radius:0 4px 0 0;}
.talk-left .talk-zt i{ display: block;	width: 80px; font-size: 10px;height: 14px;line-height: 14px; padding-top: 30px;	vertical-align: middle;	text-align: center;	color: #fff;	position: absolute;	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	transform: rotate(45deg);top: -16px;left: auto; right:-34px;overflow: hidden;background: #ff8100;}
.talk-wq dt{ padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.1)}
.talk-wq dd{ padding-top: 10px; position: relative;}
.talk-wq dd a{ display: block;}
.talk-wq dd i{ position: absolute; top:10px; left:0; width:36px; height:36px; background: url(../images/ico-wq.png) no-repeat; background-size:100% 100%; border-radius: 50%;}
.talk-wq dd p{ padding-left: 46px; color: #666; min-height: 36px;}
.talk-right .talk-wq dd p{ color: #333;}
/* 病情交流输入框 */
.chat-bar { width: 100%; height: 104px; background: #fafafa; padding: 10px 10px 0 10px; position: relative; z-index: 1000; }
.omask{ position: fixed; background: transparent; top:0; left:0; width:100%; height:100%; z-index: 600;}
.chat-bar .chat-input { position: static; top: 0; border: 1px solid #e1e1e1; color: #bfbfbf; font-size: 15px; height: 34px; line-height: 34px;border-radius: 4px; background: #fff; padding: 0 10px; -webkit-box-sizing: border-box;box-sizing: border-box; }
.chat-more-opt{ position: absolute; display: block; width:52px; text-align: center; top:0; right:0; padding: 11px 0 0 0;}
.chat-more-opt .iconfont{font-size:32px; line-height: 1em; color: #bbb;}
.talk-send { box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; width: 60px; text-align: right; }
.talk-send a { display: inline-block; width: 50px; height: 30px; text-align: center; line-height: 30px; background-color: #5fa413; font-size: 15px; color: #fff; border-radius: 4px; }
.chat-input.disabled{ background: #e1e1e1;pointer-events: none;}
.chat-wrap{position:fixed;width:100%;height:100%; top:45px;left:0; background: #f3f3f3; z-index: 2000; -webkit-transform: translateY(100%);transform: translateY(100%); -webkit-transition: all ease .3s;transition: all ease .3s;}
.chat-show{ -webkit-transform: translateY(0);transform: translateY(0); }
.chat-textarea{ background: #fff;}
.chat-textarea textarea{ width:100%; height: 200px; font-size: 15px; resize: none; -webkit-box-sizing:border-box; box-sizing:border-box; padding: 10px; border: 0;  -webkit-user-modify: read-write-plaintext-only;}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.chat-textarea textarea{ height: 100px;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
.chat-textarea textarea{ height: 120px;}
}
@media screen and (min-width:360px){
.chat-textarea textarea{ height: 200px;}
}
@media screen and (min-width:400px){
.chat-textarea textarea{ height: 240px;}
}
.chat-btn-group{display: -webkit-box; display: box; box-pack: center; border-top:1px solid #e1e1e1; background: #fff; border-width: 1px 0 1px 0; border-style: solid; border-color: #f1f1f1;}
.chat-btn-group>li{display: -webkit-box; display: box; -webkit-box-orient: vertical;  box-orient: vertical; -webkit-box-pack: center; box-pack: center;-webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; padding: 10px 0; text-align: center; border-right:1px solid #f1f1f1; }
.chat-btn-group>li:last-child{ border-right: none;}
.chat-btn-group>li.chat-btn-send{ color: #17b3ec; }
.chat-btn-group>li.disabled{color:#ccc; pointer-events: none;}
.hd-opt-list{display: -webkit-box; display: box; box-pack: center; height:60px; overflow: hidden;}
.hd-opt-list li{ display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
.hd-opt-list li a{display: block; text-align: center;}
.hd-opt-list li a .iconfont{ display:inline-block; width:36px; height:36px; line-height: 34px; color: #fff; font-size: 22px; border-radius: 50%;}
.hd-opt-list li a p{ color: #666; font-size: 12px; padding-top: 5px;}
.hd-opt-list li a.disabled{pointer-events: none;}
.hd-opt-list li a.disabled .iconfont{background: #e1e1e1;}
.chat-bar-open .hd-opt-list{ overflow: auto; height: auto;}
.chart-over{ height: 30px; text-align: center;}
.chart-over a{ display: block; height:30px; line-height: 30px; color: #17b3ec; }
.hd-dr-item{ position: relative;}
.updown-arrow{ height: 28px; padding: 0 15px;}
.updown-arrow a{ display: block; height: 28px; position: relative; border-top:1px dotted #f1f1f1;}
.updown-arrow a.down:after{display:block; content: ""; position: absolute; top:50%; left: 50%; margin: -8px 0 0 -6px; width:8px; height:8px; border:2px solid #ccc; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg);transform: rotate(135deg);}
.hd-welcome{ text-align: center;}
.hd-welcome p{ display: inline-block; background: #cecece; color: #fff; border-radius: 4px;  padding: 2px 5px; font-size: 12px;}
/* 医生主页 */
.c-cacaca{ color:#cacaca;}
.sdoc-top .sdstate a.c-btn{padding:4px 12px !important;}
.pop-txt { width: 100%; border: 1px solid #ddd; border-radius: 6px; resize: none; box-sizing: border-box; -webkit-box-sizing: border-box; }
.ui-dialog-content { display: block; }
.sdoc-top{ height:180px; background:url(../images/banner1.jpg) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; padding:20px 15px 0 15px; font-size:12px; color:#fff; text-shadow:0px 0px 2px rgba(0,0,0,0.6); line-height:23px; position:relative;}
.sdoc-top .sdimg{ display:block; margin:0 auto 10px auto; width:60px; height:60px; padding:1px; background-color:rgba(250,250,250,.75); border-radius:50%;}
.sdoc-top .sdtime{ position:absolute; background:rgba(0,0,0,.3); width:100%; height:45px; line-height:45px; left:0; bottom:0; text-align:left; padding:0 15px;}
.sdoc-top .sdstate{ position:absolute; background:rgba(255,255,255,1); width:100%; height:38px; line-height:38px; left:0; bottom:0; text-align:left; padding:0 15px; text-shadow:none; color:#888;}
.sdoc-top .sdstate.c-t-center { text-align: center;}
.sdoc-top.smil{padding:38px 15px 36px;height:100px;background:url(../images/p-bg-top.png) no-repeat;background-size: 100% 100%;}
.sdoc-top.smil.short{height:60px;}
.sdoc-top.smil .sdimg{margin:0;width:56px;height:56px;border-radius:56px;overflow:hidden;padding:0;background:rgb(250,250,250);}
.sdoc-top.smil .sdimg img{width:56px;height:56px;}
.sdoc-top.smil .sdslink{border:none;}
.img-circle .c-avatar-m{border-radius:50%;}
.folding-item-1 .c-list-info > p{font-size:12px;color:#666;}
.folding-item-1 > .c-list > .c-list-cover{margin-left:38px !important;padding-left:0 !important;}
.list-item-1 .c-list-cover{margin-left:10px !important;padding-left:5px !important;}
.bgc-3fcba9{background-color:#3fcba9;}
.bgc-52a5f1{background-color:#52a5f1;}
.bgc-f98d44{background-color:#f98d44;}
.bgc-67bfed{background-color:#67bfed;}
.bgc-91c66a{background-color:#91c66a;}
.bgc-f792b1{background-color:#f792b1;}
.bgc-fec157{background-color:#fec157;}
.bgc-78c8ed{background-color:#78c8ed;}
.bgc-fb8d7c{background-color:#fb8d7c;}
.logo-icon{display:inline-block;width:17px;height:17px;border-radius:50%;vertical-align:middle;text-align:center;line-height:17px;font-size:10px;color:#fff;margin:0 5px;}
.sever-list .c-avatar-m .iconfont{color:#fff;font-size:20px;vertical-align:middle;}
header.doc-info.smil { background: url(../images/bg01.jpg) no-repeat; background-size: 100% 100%;height: 125px; padding: 36px 10px 0; box-sizing: border-box;}
.tag-yellow { background: #ffbc2c; border-radius: 5px; padding: 5px 11px; font-size: 10px;}
.doc-info .person-info { display: -webkit-box; display: -ms-box; display: box;}
.doc-info.person-info .sdimg { -webkit-box-flex: 0; -ms-box-flex: 0; box-flex: 0;}
.doc-info .person-info .self-info { -webkit-box-flex: 1; -ms-box-felx: 1; box-felx: 1; -webkit-box-align: center; display: -webkit-box;}
.doc-info .tag-yellow { position: absolute; right: 10px;}
.link-time { font-size: 14px; width: 100%;height: 35px; line-height: 35px;}
.link-date { font-size: 14px; width: 100%; display: -webkit-box; display: box; display: -ms-box; height: 35px; line-height: 35px;-webkit-box-align: center;-webkit-box-pack: center; -webkit-box-align: center; -ms-box-align: center; box-align: center; -webkit-box-pack: justify; -ms-box-pack: justify; background:#fff;}
.mt12{margin-top:12px;}
.mt8{margin-top:8px;}
.dialog-look { text-align: left; }
.list-icon-des { background: #fff; display: -webkit-box; display: -ms-box; display: box; -webkit-box-align: center; -ms-box-align: center; box-align: center; -webkit-box-pack: center; -ms-box-align: center; box-align: center; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.list-icon-des li {  -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; text-align: center;padding: 20px 0; width: 0;}
.list-icon-des li:last-child { border: none;}
.list-icon-des .bt-circle-40,.list-icon-des .bt-circle-60 { margin: 0 auto;}
.list-icon-des .des { margin-top: 8px;}
.bt-circle-60 { width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; color: #fff;}
.bt-circle-40 { width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; color: #fff;}
.bt-circle-60 .iconfont { font-size: 35px;}
.bt-circle-40 .iconfont { font-size: 25px;}
.bgc-green { background: #3fcaa9;}
.bgc-orange { background: #f68e45;}
.bgc-lightgreen { background: #91c66a;}
.bgc-yellow { background: #ffc446;}
.bgc-blue{ background: #32a7f9;}
h2.title { padding: 10px  15px; color: #5b5b5b;}
.mod-title-content { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #fff;}
.mod-title-content > div { margin-left: 15px; padding: 12px 15px 12px 0; border-bottom: 1px solid #f1f1f1;}
.mod-title-content > div:last-child { border-bottom: none;}
.mod-title-content .hd { display: -webkit-box; display: -ms-box; display: box; -webkit-box-align: center; -ms-box-align: center; box-pack: center;}
.mod-title-content .hd a, .dialog-call .warn a ,.dialog-cancel .warn a { color: #007cd9;}
.mod-title-content .hd .title { -webkit-box-flex: 0; -ms-box-flex: 0; box-flex: 0;}
.mod-title-content .hd .operate { -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; text-align: right;}
.mod-title-content .bd p { margin-bottom: 3px;}
.mod-title-content .bd .key { width: 65px; display: inline-block; margin-right: 25px;}
.btn-xl { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; height: 45px; -webkit-box-align: center; -ms-box-align: center; box-align: center; -webkit-box-pack: center; -ms-box-pack: center; box-pack: center; display: -ms-box; display: -webkit-box; display: box; color: #007cd9;background: #fff;}
.dialog-call h2,.dialog-cancel h2 { font-size: 14px; color: #333;}
.dialog-call .warn ,.dialog-cancel .warn { color: #999; font-size: 12px;}
.signed { text-indent: 2em; color: #999;}
.mb70{margin-bottom:70px;}
.c-17b3ec{color:#17b3ec;}
.bottom-btn-box { position: fixed; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 8px 15px; background: #fff; z-index: 3000; }
.more-info{ padding-left:20px;}
/* 手工代签约 */
.edit-list li.n-list-cover { padding-top: 7px; padding-bottom: 7px; padding-left: 20px; }
.edit-list li.n-list-cover .n-list-key{ width:80px;}
.edit-list-file li.n-list-cover { padding-left: 20px; }
.edit-list .n-list-info .c-radio, .edit-list .n-list-info .c-check, .edit-list .n-list-info .c-select>select, .edit-list .n-list-info input { color: #5b5b5b; }
.upload-img{ overflow: hidden;}
.upload-img ul{ float: left;}
.upload-img ul li { position: relative; float: left; width: 70px; height: 70px; padding: 0 10px 10px 0; font-size: 0; }
.upload-img ul li img { width: 100%; height: 100%; font-size: 0; }
.upload-img .del-img { position: absolute; top: 0; right: 10px; text-align: center; width: 26px; height: 26px; line-height: 20px; z-index: 10; background: rgba(0, 0, 0, .5); border-radius: 0 0 0 90%; overflow: hidden; }
.upload-img .del-img .iconfont { color: #fff; font-size: 14px; line-height: 14px; margin-left: 4px; }
.add-btn { position: relative; display: block; width: 68px; height: 68px; font-size: 0; color: #b8b8b8; border: 1px solid #ccc; background: #fff; }
.add-btn:before { content: ""; display: block; position: absolute; top: 33px; left: 19px; width: 30px; height: 2px; background: #ccc; }
.add-btn:after { content: ""; display: block; position: absolute; top: 19px; left: 33px; width: 2px; height: 30px; background: #ccc; }
.add-btn input { display: block; width: 76px; height: 76px; background: #fff; border: none; position: absolute; z-index: 100; top: 0; left: 0; opacity: 0; }
.patient-face { width: 40px; height: 40px; margin: 12px 15px; position: relative; }
.patient-face img { width: 100%; height: 100%; border-radius: 50%; }
.patient-face em { position: absolute; display: inline-block; left: 32px; top: -4px; color: #fff; text-align: center; font-size: 12px; height: 16px; line-height: 14px; min-width: 16px; background: #f00; border-radius: 16px; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 3px; }
.patient-type span em { position: absolute; display: inline-block; color: #fff; text-align: center; height: 7px; width: 7px; background: #f00; border-radius: 50%; right: -4px; top: -5px; }
.patient-type { width: 100%; padding: 15px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: box; display: -webkit-box; border-bottom: 1px solid #f1f1f1; }
.patient-type h3 { display: -webkit-box; display: box; -webkit-box-flex: 1; box-flex: 1; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.patient-type span, .patient-type .arrow { display: -webkit-box; display: box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.patient-type .arrow { margin-right: 6px; transition: all 0.3s; -webkit-transition: all 0.3s; }
.patient-type .arrow .ui-arrow-r { border-left-color: #cdcdcd; }
.patient-type span { position: relative; font-size: 12px; color: #909090; }
.patient-list.current .patient-type .arrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); margin-top: 5px; transition: all 0.3s; -webkit-transition: all 0.3s; }
.patient-list .c-list { display: none; border-bottom: 1px solid #f1f1f1; }
.patient-list.current .c-list { display: block; }
.my-patients { color: #5b5b5b; font-size: 12px; height: 40px; line-height: 40px; vertical-align: middle; }
.my-patients span { color: #909090; padding-left: 5px; }
.my-work.c-ser-hold{  background:#fff;}
.my-work .c-ser-input,.my-work .c-ser-main{ background:#f2f2f2;}
.my-work .c-ser-input{ font-size:16px;}
.my-work-secflo .patient-type {position:relative; padding-left: 15px; }
.my-work-secflo ul.c-list li { padding-left: 15px !important; background: #f9f9f9; }
.my-work-secflo .patient-type .arrow{ position:absolute;right:5px; top:20px;}
.my-work-secflo .patient-face {margin: 12px 10px 12px 0px; position: relative; }
.my-work .c-ser-main i {top: 3px; }
.my-work .c-ser-btn a{ font-size: 12px;}
.my-work-secflo .patient-list.current .patient-type .arrow {top:10px;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); margin-top: 5px; transition: all 0.3s; -webkit-transition: all 0.3s; }
/*患者信息*/
.lih45 { line-height: 45px;}
.c-17b3ec { color: #17b3ec;}
.mod-patient-wrap {width: 100%; height: 92px;}
.mod-patient-info {display: -webkit-box; display: box; width:100%; height:100%; -webkit-box-align: center; box-align: center; background: #fff; position: relative;}
.mod-patient-info div {border-right: 1px solid #e1e1e1; width:33.33%; text-align: center;}
.mod-patient-info .swiper-wrapper div:last-child { border-right: 0;}
.mod-patient-info .value { font-size: 15px; color: #17b3ec; font-weight: bold;}
.mod-patient-info .key { color: #909090; margin-top: 8px;}
.mod-patient-info .swiper-button-next { content:"";display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right:  10px; top: 50%; margin-top: -4px; background:none;}
.week-select{display: -webkit-box; display: box; background: #fff;}
.week-select>a, .week-select>div{ position: relative; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; box-pack: center; }
.week-select>div{-webkit-box-flex: 1; box-flex: 1; text-align: center; border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;}
.week-select>a.prev{padding: 10px 10px 10px 25px;}
.week-select>a.next{padding: 10px 25px 10px 10px;}
.week-select>a.prev:after, .week-select>a.next:after{position: absolute; top: 50%; left: 10px; margin-top: -6px; content: ""; display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 0 0 2px 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.week-select>a.next:after{left:auto; right:10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.case-top{ position:relative; padding:12px 0;}
.case-top .cimg{ position:absolute; left:10px; top:50%; margin-top:-20px;}
.case-top .cimg img{ width:40px; height:40px;}
.case-top .cmess{ padding-left:60px; padding-right:45px; min-height:40px; display:box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; line-height:1.4;}
.case-top .zdgz{ right:-76px; top:-1px; height:20px; line-height:20px; background-color:#ccc; border-radius:3px; font-size:12px; color:#fff; padding:0 3px;}
.case-top .zdgz .icon-yonghu{ font-size:14px; margin-right:3px;}
.case-top .cmess .checked{ background-color:#ff8100;}
.case-top .arrow { position:absolute; right:10px; top:50%; margin-top:-5px; font-size:34px; color:#17b3ec;}
.case-list{ display:block;}
.case-list li{ padding:8px 10px 10px 30px; line-height:20px; position:relative;}
.case-list-img img{ width:79px; height:79px; margin:10px 10px 0 0;}
.case-bar{ position:absolute; left:17px; top:0; width:2px; height:100%; background:#d7e0df;}
.case-bar:before{ content:''; display:block; width:13px; height:13px; background:#fff; border:2px solid #d7e0df; position:absolute; left: -8px; top: 9px; border-radius: 50%;}
.case-bar:after{ content:''; display: block; width: 7px; height: 7px; background: #d7e0df; position: absolute; left: -3px; top: 14px; border-radius: 50%;}
.case-bar.no-line { height: 66%;}
.case-top .intact-info { position: absolute; top: 50%; margin-top: -11px; right: 25px; color: #909090; font-size: 12px;}
.fix-add { width: 50px; height: 50px; background: #17b3ec; border-radius: 50%; position: fixed; z-index:1111; right: 10px; bottom: 30px;}
.fix-add:after,.fix-add:before { content: ""; width: 50%; height: 2px; position: absolute; top: 50%; left: 50%; background: #fff;margin-left: -25%;}
.fix-add:before { -webkit-transform: rotate( 90deg);transform: rotate( 90deg);}
.zxjl-list{ width:100%; }
.zxjl-list p:first-child{position: relative; width:100%;}
.zxjl-list p .arrow{ position: absolute; top:5px; right:0;}
.zxjl-list p .arrow.arrow-down{ top:0;}
.ring-blue, .ring-a,.ring-b,.ring-c{ display: inline-block; width:36px; height:36px; line-height: 36px; text-align: center; border-radius: 50%; border: 1px solid #17b3ec; font-size: 10px; color:#17b3ec;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ring-a{ color: #333; border: 0;  background: url(../images/ring-a.png) no-repeat 0 0; background-size:100% 100%;}
.ring-b{ color: #333; border: 0;  background: url(../images/ring-b.png) no-repeat 0 0; background-size:100% 100%;}
.ring-c{ color: #333; border: 0;  background: url(../images/ring-c.png) no-repeat 0 0; background-size:100% 100%;}
.height-echarts {height:320px; width:100%; overflow:hidden;}
.fix-add-dialog li {margin:0 0 25px !important;}
.fix-add-dialog li a {display:block; width:100%; height:60px; color:#333;}
.fix-add-dialog li a span {display:block;}
.fix-add-dialog li a i.iconfont {font-size:28px; color:#17b3ec}
.info-tabs-hd div {line-height:28px;}
.info-tabs-hd div.curr {background-color:#17b3ec; color:#fff;}
/*解约处理*/
.updown-arrow a.up:after{display:block; content: ""; position: absolute; top:50%; left: 50%; margin: -4px 0 0 -6px; width:8px; height:8px; border:2px solid #ccc; border-width: 2px 2px 0 0; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.qyjy-more{ position: relative; background: #fff;}
.qyjy-more ul{ padding:15px 0; margin: 0 15px; border-top:1px dotted #f1f1f1;}
.qyjy-more ul li{ width:50%; float: left; -webkit-box-sizing: border-box;box-sizing: border-box; padding-right: 5px;}
.qyjy-more p{ padding:10px 0; margin: 0 15px; border-top:1px dotted #f1f1f1;}
.textarea-noborder { padding: 0; margin: 0; border:0 none; resize:none;}
/* 签约 */
.c-17b3ec{ color:#17b3ec;}
.qystate-box{ background:#fff; padding:15px; text-align:center;}
.qystate-box .icon-shibai{ font-size:40px; color:#dd3b39;}
.qystate-box .icon-ok{ font-size:40px; color:#4dcd70;}
/* 体征预警 */
.setwarn-box{}
.setwarn-box .c-list{ background:none;}
.setwarn-box .c-list > li{ background:#fff; border-bottom:1px solid #e1e1e1; padding-top:5px; padding-bottom:5px;}
.setwarn-box .c-list > li:first-child{ border-bottom:1px solid #e1e1e1;}
.setwarn-box .c-list > li .sb-right{ display:box; display:-webkit-box; font-size:12px; padding:8px 0;}
.setwarn-box .sbr-title{ box-flex:0; -webkit-box-flex:0; width:90px;}
.setwarn-box .sbr-input{ box-flex:1; -webkit-box-flex:1; position:relative;}
.setwarn-box .sbr-input input{ display:block; width:100%; height:30px; border:1px solid #f2f2f2; box-sizing:border-box; -webkit-box-sizing:border-box; padding:2px 5px; border-radius:2px;}
.sbr-input .arrow-right{ position:absolute; right:10px; top:8px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.setwarn-box .sbr-comp{ box-flex:0; -webkit-box-flex:0; width:60px; text-align:right;}
.setwarn-box .c-list > li .c-list-info{ border-top:none;}
.c-pack{ display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.health-border-1 { border-color: #ff9806 }
.health-border-2 { border-color: #ff0606 }
.health-border-3 { border-color: #4dcd70 }
.health-border-9 { border-color: #00acee }
.health-border-4 { border-color: #ea68a2 }
.health-border-5 { border-color: #1dbdbf }
.health-border-6 { border-color: #37a6ed }
.health-border-7 { border-color: #ae5da1 }
/*签约消息*/
.cl-canbals{background:none;}
.cl-canbals li{border-radius:10px;overflow:hidden;background:#fff;margin-left:0 !important;padding-left:15px;}
.cl-canbals li.c-border{border:1px solid #e1e1e1 !important;}
.cl-canbals .c-avatar-m{border-radius:50%;overflow:hidden;}
/*邀请医生*/
.cl-poer-sinm.c-list .c-list-action{left:0;right:auto;}
.cl-poer-sinm.c-list .c-avatar-s{padding-left:34px;overflow:hidden;width:40px;height:40px;}
.cl-poer-sinm.c-list .c-avatar-s img{width:40px;height:40px;border-radius:50%;}
/* 体征指标 */
.sympt-list{ padding:0 10px 30px 10px;}
.sympt-list li{ background:#fff; border:1px solid #f2f2f2; border-radius:5px; overflow:hidden; padding:8px 8px 15px 8px; margin-top:10px; position:relative;}
.sympt-list li p{ padding:0 3px; line-height:1.7;}
.sympt-diag{ display:block; color:#4bbe4d; padding:8px 0; border-top:1px solid #f2f2f2; margin-top:8px;}
.sympt-list .ui-arrow-r{ border-width:23px; position:absolute; right:-23px; top:-23px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); z-index:50;}
.sympt-state{ position:absolute; right:0; top:0;}
.sympt-state span{ display:block; position:relative; z-index:100; color:#fff; font-size:13px; padding-right:2px;}
.sympt-state.r-high .ui-arrow-r{ border-color:#ff4c4c;}
.sympt-state.r-middle .ui-arrow-r{ border-color:#fea54b;}
.sympt-state.r-low .ui-arrow-r{ border-color:#4bbe4d;}
.sympt-list li.sympt-time{ background:none; border:none; text-align:center; padding:0; margin-top:12px;}
.sympt-list li.sympt-time label{ display:inline-block; height:20px; line-height:20px; color:#fefefe; background:#d9d9da; border-radius:4px; padding:0 10px; font-size:12px;}

html/ssgg/css/ss-style.css

@@ -0,0 +1,445 @@
/*---------cross.ui-------------------------*/
/* buttons color
-----------------------------------------------------------------------------*/
.c-btn-087eff { background-color: #087eff; }
.c-btn-087eff:hover { background-color: #0771e5; }
.c-btn-588cd5 { background-color: #588cd5; }
.c-btn-588cd5:hover { background-color: #4680d0; }
.c-btn-37a6ec { background-color: #37a6ec; }
.c-btn-37a6ec:hover { background-color: #3195d4; }
.c-btn-4dcd70 { background-color: #4dcd70; }
.c-btn-4dcd70:hover { background-color: #45b865; }
.c-btn-4db944 { background-color: #4db944; }
.c-btn-4db944:hover { background-color: #45a63d; }
.c-btn-309765 { background-color: #309765; }
.c-btn-309765:hover { background-color: #2b885b; }
.c-btn-ff9600 { background-color: #ff9600; }
.c-btn-ff9600:hover { background-color: #e58700; }
.c-btn-ff8100 { background-color: #ff8100; }
.c-btn-ff8100:hover { background-color: #e57400; }
.c-btn-fc6155 { background-color: #fc6155; }
.c-btn-fc6155:hover { background-color: #e2574c; }
.c-btn-ff3b2f { background-color: #ff3b2f; }
.c-btn-ff3b2f:hover { background-color: #e5352a; }
.c-btn-f9f9f9 { background-color: #f9f9f9; color: #087eff; border: #c0c0bc 1px solid; }
.c-btn-f9f9f9:hover { background-color: #e0e0e0; }
.c-btn-ffffff { background-color: #ffffff; color: #4dcd70; border: #e1e1e1 1px solid; }
.c-btn-ffffff:hover { background-color: #e5e5e5; }
.c-btn-fff { background-color: #ffffff; color: #999999; border: #e1e1e1 1px solid; }
.c-btn-fff:hover { background-color: #e5e5e5; }
.c-btn-ff3 { background-color: #ffffff; color: #ff3b2d; border: #e1e1e1 1px solid; }
.c-btn-ff3:hover { background-color: #e5e5e5; }
/**************************************************/
.c-border, .c-border-t, .c-border-b, .c-border-l, .c-border-r, .c-border-tb { border-color: #e1e1e1; border-style: solid; }
.ui-grid { display: -webkit-box; display: box; }
.ui-col-0 { -webkit-box-flex: 0; box-flex: 0; }
.ui-col-1 { -webkit-box-flex: 1; box-flex: 1; }
.ui-arrow, .ui-arrow s { position: relative; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 5px; }
.ui-arrow-r, .ui-arrow-r s { border-left-color: #aaa; border-left-style: solid; }
.ui-arrow-r s { border-left-color: #fff; position: absolute; left: -7px; top: -5px; }
.c-btn-4dcd70 { background-color: #4dcd70; }
.c-btn-4dcd70:hover { background-color: #45b865; }
.c-btn-fff { background-color: #ffffff; color: #999999; border: #e1e1e1 1px solid; }
.c-btn-fff:hover { background-color: #e5e5e5; }
body, html { width: 100%; height: 100%; background: #f3f3f3; }
/* 健康管理师 */
.sdoc-top { height: 180px; background: url(../images/banner1.jpg) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; text-align: center; padding: 20px 15px 0 15px; font-size: 12px; color: #fff; text-shadow: 0px 0px 2px rgba(0,0,0,0.6); line-height: 23px; position: relative; }
.sdoc-top .sdimg { display: block; margin: 0 auto 10px auto; width: 60px; height: 60px; padding: 1px; background-color: rgba(250,250,250,.75); border-radius: 50%; }
.sdoc-top.smil { padding: 38px 15px 36px; height: 100px; background: url(../images/p-bg-top.png) no-repeat; background-size: 100% 100%; }
.sdoc-top.smil.short { height: 60px; }
.sdoc-top.smil .sdimg { margin: 0; width: 56px; height: 56px; border-radius: 56px; overflow: hidden; padding: 0; background: rgb(250,250,250) }
.sdoc-top.smil .sdimg img { width: 56px; height: 56px; }
.ff6600 { color: #ff6600; }
.pb60 { padding-bottom: 60px; }
.slider-detail h2 { color: #333333; }
.slider-detail p { color: #888888; }
.slider-detail li { padding: 10px 0 12px 0; position: relative; border-bottom: 1px solid #e1e1e1; }
.slider-detail li:last-child { border: none; }
.slider-detail li span { position: absolute; bottom: 0px; right: 15px; }
.slider-detail p.show { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.arrow-down, .arrow-up { display: inline-block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; cursor: pointer; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }
.arrow-up { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.line-click { width: 100%; height: 15px; position: relative; }
.menu-boxer span { width: 60px; height: 60px; text-align: center; color: #fff; line-height: 60px; display: block; border-radius: 60px; margin: 15px auto 0; }
.menu-boxer span i { font-size: 40px; }
.menu-boxer p { color: #666666; font-size: 14px; text-align: center; padding-top: 5px; }
.menu-boxer span.green-bg { background: #38e4a5; }
.menu-boxer span.red-bg { background: #f2417f; }
.menu-boxer span.org-bg { background: #ffb30f; }
.menu-boxer span.blue-bg { background: #32a7f9; }
/*提交成功*/
.data-noticebox { padding-top: 15%; text-align: center; }
.data-noticebox i { color: #4dcd70; font-size: 80px; line-height: 80px; }
.data-noticebox p { padding-left: 48px; padding-right: 48px; }
.data-noticebox p span { color: #333333; }
.data-noticebox .bottom-box { padding: 30px 15px 0; }
.bottom-box a.c-btn { width: 45%; padding: 12px 30px; }
.bottom-box { box-sizing: border-box; }
.bottom-box a { box-sizing: border-box; }
.ts-boxer { max-width: 320px; width: 40%; margin: 0 auto; }
.ts-noti { background: url(../images/pingjia.png) no-repeat center center; height: 0; background-size: 100% auto; width: 100%; padding-bottom: 100%; display: block; }
/*评价*/
.evaluation-boxer { }
.evaluation-boxer .scoresr { padding: 6px 15px; color: #666666; line-height: 36px; }
.evaluation-boxer .scoresr i { font-size: 24px; color: #c5c3c3; }
.evaluation-boxer .scoresr li.checked i { color: #ff7200; }
.scoresr li { float: left; width: 31.4px; height: 24px; }
.words-box textarea { border: none; box-sizing: border-box; padding: 10px 15px; font-size: 14px; }
.com-bottom { padding: 0 15px; }
.ti-star { margin-top: 7px; background: url(../images/tip-star.png) no-repeat; text-align: left; width: 157px; height: 22px; background-size: cover; overflow: hidden; background-position: 0 -22px; }
.ti-star ul { background: url(../images/tip-star.png) no-repeat; width: 157px; height: 22px; background-size: cover; overflow: hidden; background-position: 0 -22px; }
.ti-star ul.one { background-position: -134px 0; }
.ti-star ul.two { background-position: -101px 0; }
.ti-star ul.three { background-position: -67px 0; }
.ti-star ul.four { background-position: -34px 0; }
.ti-star ul.five { background-position: 0 0; }
/*csx*/
.ptb12 { padding-top: 12px; padding-bottom: 12px; }
.n-list { background-color: #fff; }
.n-list > li, .n-list > .n-list-li { position: relative; display: -webkit-box; display: box; box-pack: center; padding-right: 15px; margin-left: 15px; border-top: 1px solid #f1f1f1; clear: both; }
.n-list > li:first-child, .n-list > .n-list-li:first-child { border-top: none; }
.n-list > .n-list-link:active { background-color: #f7f7f7; padding-left: 15px; margin-left: 0 }
.n-list > .n-list-cover { padding-left: 15px; margin-left: 0; }
.n-list > .list-arrow-r, .n-list > .list-arrow-d, .n-list > .list-arrow-u { padding-right: 30px }
.n-list > .list-arrow-r:after, .n-list > .list-arrow-d:after, .n-list > .list-arrow-u:after { position: absolute; top: 50%; right: 15px; margin-top: -5px; content: ""; display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.n-list > .list-arrow-d:after { right: 13px; margin-top: -8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.n-list > .list-arrow-u:after { right: 13px; margin-top: -2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.n-list-title { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; }
.n-list-key, .n-list-info { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; }
.n-list-info { display: -webkit-box; display: -moz-box; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
.n-list-flex { display: -webkit-box; display: -moz-box; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
.n-list > .n-list-function { border-top: none; padding-right: 0; }
.n-list > .n-list-function .n-list-flex { border-top: 1px solid #f1f1f1; }
.n-list > .n-list-function:first-child .n-list-flex { border-top: none; }
.n-list > li:first-child, .n-list > .n-list-function:first-child, .n-list > .n-list-function:first-child .n-list-info, .n-list > div:first-child { border: 0; }
.n-list > .n-list-label { border-top: none; padding-right: 0; }
.n-list .n-list-img { width: 100px; height: 68px; overflow: hidden; position: relative }
.n-list .n-list-img img { width: 100%; height: auto; }
.required { position: relative; }
.required:before { content: "*"; position: absolute; color: #f00; font-size: 14px; height: 12px; line-height: 12px; vertical-align: middle; left: -10px; top: 50%; margin-top: -5px; }
.n-avatar-s, .n-avatar-m, .n-avatar-l { width: 26px; height: 26px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }
.n-avatar-m { width: 43px; height: 43px; }
.n-avatar-l { width: 54px; height: 54px; }
.n-avatar-s img, .n-avatar-m img, .n-avatar-l img { width: 100%; height: 100%; }
/* 填写信息 */
.edit-info>li .n-list-key:first-child { width: 4em; color: #333; }
.edit-info>li .n-list-info { color: #5b5b5b; }
.add-member { color: #5b5b5b; line-height: 24px; vertical-align: middle; }
.add-member .iconfont { font-size: 24px; line-height: 24px; margin-left: 5px; }
.sel-sex li { display: inline-block; line-height: 24px; vertical-align: middle; margin-right: 30px; }
.sel-sex li i { font-family: "iconfont" !important; font-size: 24px; line-height: 24px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; color: #dfdfdf; margin-right: 5px; }
.sel-sex li i.sex-male:before { content: "\d607"; }
.sel-sex li i.sex-female:before { content: "\d608"; }
.sel-sex li.selected i.sex-male:before { color: #4dcd70; content: "\d60a"; }
.sel-sex li.selected i.sex-female:before { color: #ee90ff; content: "\d60b"; }
.doc-avatar { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.doc-avatar img { width: 100%; height: 100%; }
/*投诉*/
.ts-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0; border: none; }
.upload-img { overflow: hidden; display: inline-block; }
.upload-img ul li { position: relative; display: inline; float: left; width: 76px; height: 76px; padding: 0 10px 10px 0; }
.upload-img ul li img { width: 100%; height: 100%; }
.add-btn { position: relative; display: block; width: 74px; height: 74px; font-size: 0; color: #b8b8b8; border: 1px dashed #a0a0a0; background: #fff; }
.add-btn:before { content: ""; display: block; position: absolute; top: 34px; left: 22px; width: 30px; height: 2px; background: #a0a0a0; }
.add-btn:after { content: ""; display: block; position: absolute; top: 20px; left: 36px; width: 2px; height: 30px; background: #a0a0a0; }
.doc-tab li { width: 50%; }
.doc-tab li.hit { border-bottom: 3px solid #4dcd70; }
.doc-tab li.hit a { color: #4dcd70; }
.doc-list-sm { padding: 10px 15px; }
.doc-list-sm span { color: #666; }
.doc-list-sm b { color: #333; font-weight: normal; }
.delimgpop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; text-align: center; z-index: 2200; }
.del-img-box { width: 100%; height: 100%; display: table; }
.del-img-con { display: table-cell; vertical-align: middle; }
.del-img-con img { width: auto; height: auto; }
.del-img-con p { position: relative; display: inline-block; min-width: 100px; text-align: center; }
.del-img-box p:after { position: absolute; top: 0; left: 0; content: ""; background: rgba(255,255,255,.6); width: 100%; height: 40px; z-index: 10; }
.del-img-btn { display: inline-block; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; z-index: 20; padding: 0 15px; text-align: right; color: #000; }
.del-img-btn .iconfont { font-size: 20px; margin-right: 4px; }
/*2015.10.9*/
.w4em { width: 4em; }
.c-ff5bd3 { color: #ff5bd3; }
.c-images-cycle { border-radius: 50%; overflow: hidden; }
.word-bread { white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; }
/*健康指导*/
.histroy-title { padding: 8px 15px; color: #5b5b5b; font-size: 13px; }
.histroy-title .iconfont { color: #c5c5c5; }
.doctor-talk { padding: 6px 15px; font-size: 13px; }
.doctor-talk .iconfont { color: #37a6ed; font-size: 20px; }
/*已建档*/
.common-title { font-size: 13px; padding: 8px 15px; color: #5b5b5b; }
.tz-record-list .n-list-key { padding: 12px 20px 12px 0; }
.tz-record-list .n-avatar-m { font-size: 16px; border-radius: 50%; overflow: hidden; text-align: center; }
.tz-record-list .n-list-flex { padding: 12px 0; }
.tz-record-list .n-list-info { padding-right: 25px; }
.tz-record-list .n-list-info p { font-size: 13px; color: #909090; white-space: pre-wrap; word-wrap: break-word; }
.doctor-zd-list .n-list-key { padding: 12px 20px 12px 0; }
.doctor-zd-list .n-avatar-m { border-radius: 50%; overflow: hidden; }
.doctor-zd-list .n-list-flex { padding: 12px 0; }
.doctor-zd-list .n-list-info p { font-size: 13px; color: #909090; white-space: pre-wrap; word-wrap: break-word; }
.health-border-1 { border: 1px solid #ff9806; }
.health-border-2 { border: 1px solid #ff0606; }
.health-border-3 { border: 1px solid #4dcd70; }
.health-border-4 { border: 1px solid #ea68a2; }
.health-border-5 { border: 1px solid #1dbdbf; }
.health-border-6 { border: 1px solid #37a6ed; }
.health-border-7 { border: 1px solid #ae5da1; }
.dis-more-box { background: #fff; border-top: 1px solid #f1f1f1; }
.dis-more { display: block; padding: 10px 15px; }
.dis-more span { position: relative; color: #007cd9; font-size: 13px; display: inline-block; padding-right: 20px; }
.dis-more span:after { display: inline-block; position: absolute; right: 0; top: 2px; content: ""; width: 8px; height: 8px; border: solid #007cd9; border-width: 2px 2px 0 0; cursor: pointer; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); transition: all 0.5s; -webkit-transition: all 0.5s; }
.dis-more span.rotate:after { top: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.5s; -webkit-transition: all 0.5s; }
.no-data { width: 100%; font-size: 13px; color: #909090; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.no-data-img { width: 40%; max-width: 320px; margin: 0 auto; }
.no-zhidao-icon { width: 100%; height: 0; padding-bottom: 100%; background: url(../images/no-zhidao.png) no-repeat 0 0; background-size: 100% auto; }
.no-data p { padding-top: 10px; }
/*曲线*/
.curve-tab { padding: 10px 7px; background: #f3f3f3; overflow: hidden; }
.curve-tab li { float: left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; }
.curve-tab li a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 28px; line-height: 28px; font-size: 14px; border-radius: 3px; text-align: center; color: #333; border: 1px solid #e1e1e1; background: #fff; }
.curve-tab li.current a { background: #4dcd70; border: 1px solid #4dcd70; color: #fff; }
.curve-box { padding: 10px 0 0 5px; }
.curve-charts { width: 100%; height: 300px; }
.curve-box .swiper-container { padding-bottom: 30px; }
.chart-zt { text-align: right; padding: 10px 15px; }
.chart-zt li { display: inline-block; margin-left: 15px; }
.chart-zt li i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
.chart-title { text-align: center; padding: 10px 15px; }
.chart-title li { display: inline-block; margin-right: 15px; }
.chart-title li i { display: inline-block; width: 16px; height: 4px; margin-bottom: 3px; }
.bgc-0ad800 { background: #0ad800; }
.bgc-f00 { background: #f00; }
.bgc-0ad800 { background: #0ad800; }
.bgc-f00 { background: #f00; }
.bgc-b6a2de { background: #b6a2de; }
.bgc-5dd1d2 { background: #5dd1d2; }
/*健康头条*/
.news-list li { padding-top: 12px; padding-bottom: 12px; }
.news-pic { width: 60px; height: 60px; border-radius: 4px; overflow: hidden; }
.news-pic img { width: 100%; height: 100%; }
.pull-more { display: block; text-align: center; color: #5b5b5b; font-size: 14px; padding: 10px 0; }
.pull-more:active { background: rgba(0,0,0,.05); }
.art-detil { padding: 15px; }
.art-detil h1 { font-size: 18px; line-height: 30px; color: #333; }
.art-detil a { color: #137bf2; }
.art-detil img { max-width: 100%; display: block; margin: 10px auto; }
.art-con p { color: #666; font-size: 14px; line-height: 1.5em; padding: 5px 0; text-indent: 2em; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; }
.art-con a { display: block; clear: both; color: #137bf2; }
/* 个人中心 */
.addp-list .input-group-addon { min-width: 100%; width: 90px; text-align: right; }
.mem-top { background-color: #fafafa; position: relative; }
.men-list li { position: relative; }
.men-list .mltb1 { background: #34aadc; }
.men-list .mltb2 { background: #4fdb67; }
.men-list .mltb3 { background: #ff9501; }
.men-list .mltb4 { background: #017aff; }
.men-list .mltb5 { background: #49cc6d; }
.men-list .mltb6 { background: #ff6600; }
.men-list .mltb7 { background: #4579f0; }
.men-list .mltb8 { background: #ff9501; }
.men-list .mltb9 { background: #2caddf; }
.men-list .mltb10 { background: #f39800; }
.men-list .mltb11 { background: #ed2100; }
.men-list li .c-avatar-s { position: relative; overflow: inherit; vertical-align: middle; }
.men-list li .c-list-action { top: 0px; }
.mlnum { position: absolute; top: -4px; right: -4px; width: 12px; height: 12px; background: #ec4300; text-align: center; line-height: 12px; font-size: 8px; color: #fff; }
.men-list li .iconfont { font-size: 18px; color: #fff; }
.men-list li .qytimes { display: block; position: absolute; right: 15px; top: 50%; margin-top: -10px; font-size: 12px; color: #fff; }
/*健康历程*/
.main {  }
.health-course { position: relative; min-height: 100%; padding: 0 15px; z-index: 100; }
.health-course:after { position: absolute; content: ""; width: 2px; height: 100%; background: #4dcd70; top: 0; left: 36px; z-index: 101; }
.course-year { position: relative; z-index: 200; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; }
.course-year i { display: inline-block; width: 46px; height: 46px; line-height: 46px; font-size: 14px; text-align: center; color: #fff; border-radius: 50%; background: #4dcd70; }
.course-date-list { padding-bottom: 5px; }
.course-date-list li { position: relative; padding-left: 40px; z-index: 200; margin-bottom: 15px; }
.course-date-list li:after { position: absolute; content: ""; width: 12px; height: 12px; border-radius: 50%; background: #4dcd70; top: 30px; left: 16px; z-index: 201; }
.coruse-date { height: 20px; font-size: 13px; color: #909090; padding-left: 1em; }
.coruse-con { position: relative; background: #fff; border: 1px solid #e1e1e1; border-radius: 4px; padding: 7px 10px; }
.coruse-con:after { position: absolute; top: 10px; left: -6px; content: ""; width: 10px; height: 10px; border: 1px solid #e1e1e1; border-width: 0 0 1px 1px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.coruse-con p { font-size: 13px; color: #5b5b5b; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; padding: 3px 0; }
.coruse-con p span { color: #333; padding-right: 5px; }
/*门诊详情*/
.outp-details-top { position: fixed; width: 100%; top: 0; left: 0; background: #fff; height: 72px; border-bottom: 1px solid #e1e1e1; color: #333; font-size: 14px; padding: 8px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; }
.outp-details-top li { width: 50%; height: 28px; line-height: 28px; float: left; padding-right: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.outp-details-top li span { margin-right: 5px; }
.outp-details-top:before { position: absolute; top: 72px; left: 0; content: ""; width: 100%; height: 15px; background: #f3f3f3; border-bottom: 1px solid #e1e1e1; }
.outp-details-top:after { position: absolute; top: 88px; left: 0; content: ""; width: 100%; height: 10px; background: #fff; }
.outp-details-box { padding: 0 15px 30px 15px; background: #fff; margin-top: 97px; }
.outp-details-con { width: 100%; }
.outp-details-con dl { padding-bottom: 10px; }
.outp-details-con dl dt { position: relative; color: #333; font-size: 15px; padding-left: 15px; }
.outp-details-con dl dt:before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #4dcd70; top: 50%; left: 0; margin-top: -4px; }
.outp-details-con dl dd { color: #666; font-size: 13px; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; }
.outp-doctor-info { color: #5b5b5b; font-size: 14px; padding-top: 15px; margin-top: 5px; border-top: 1px dotted #e1e1e1; }
.outp-doctor-info span { color: #333; margin-right: 10px; }
.outp-doctor-info .iconfont { color: #007cd9; margin-right: 5px; }
/*我的圈子*/
.quanzi-top { position: fixed; width: 100%; top: 0; left: 0; background: #fff; height: 75px; border-bottom: 1px solid #e1e1e1; color: #333; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; }
.quanzi-top li { width: 50%; height: 75px; padding-top: 12px; text-align: center; font-size: 15px; color: #5b5b5b; float: left; border-right: 1px solid #e1e1e1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.quanzi-top li:last-child { border-right: none; }
.quanzi-top li .iconfont { font-size: 30px; line-height: 30px; color: #4dcd70; }
.quanzi-top li:last-child .iconfont { color: #37a6ec; }
.quanzi-top:before { position: absolute; top: 75px; left: 0; content: ""; width: 100%; height: 15px; background: #f3f3f3; border-bottom: 1px solid #e1e1e1; }
.quanzi-box { background: #fff; margin-top: 90px; }
.quanzi-list .n-list-key { padding: 12px 20px 12px 0; }
.quanzi-list .n-avatar-m { border-radius: 50%; overflow: hidden; }
.quanzi-list .n-list-flex { padding: 12px 0; }
.quanzi-list .n-list-info { padding-right: 15px; }
/*体重*/
ul.fosx-li .input-group .form-select-arrow { top: 17px; right: 0; }
ul.fosx-li .form-control { text-align: left; padding-right: 30px; }
.ptb8 { padding-top: 8px; padding-bottom: 8px; }
.input-group.bor-radius-tic .form-control { border-radius: 0; }
.no-border { border: none !important; }
.patient-list .form-control { font-size: 17px !important; }
.dwfl { min-width: 53.33px !important; }
.patient-list input { color: #5b5b5b !important; }
.wis-fix .c-list .c-list-value { min-width: 65px; }
.c5b { color: #5b5b5b; }
.c-table.pos td, .c-table.pos th { border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; text-align: center; padding: 10px 5px; font-weight: normal; }
/*体重历史*/
.health-table-blue { background: #32aa6d; color: #fff; overflow: hidden; }
.bg-fff { background-color: #fff; }
.bg-32aa6d { background: #32aa6d; }
.c-333 { color: #333 !important; }
.ptb8 { padding-top: 8px; padding-bottom: 8px; }
/*选择医生*/
.c-ser-into { border: none; }
.hd85 { height: 85px; }
.sarea-box { width: 100%; height: 40px; line-height: 40px; background: #fff; position: fixed; left: 0; top: 0; padding: 0 15px; z-index: 800; }
.sarea-box i.icon-ditudingwei { font-size: 22px; vertical-align: middle; margin: 0 0 4px 0; color: #888; }
.sarea-box i.icon-dingwei { font-size: 22px; vertical-align: middle; margin: 0 0 4px 0; color: #007cd9; }
.sarea-box .list-icon { display: inline-block; vertical-align: middle; margin: 0 0 7px 5px; position: relative; left: 0; top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.sarea-box .arrow-right { border-color: #cbcbcb; }
.sseach-box { width: 100%; height: 45px; background: #fff; position: fixed; left: 0; top: 40px; padding: 0px 15px 0 15px; z-index: 800; }
.shcom-list ul li .c-list-img { width: 50px; height: 50px; border-radius: 50px; overflow: hidden; }
.shcom-list ul li .c-list-img img { width: 50px; height: 50px; }
.shcom-list ul li .c-list-info { padding-right: 30px; }
.r-15 { right: 15px; }
.c-ccc { color: #ccc; }
.pl25 { padding-left: 25px; }
.c888 { color: #888; }
.c-000 { color: #000; }
.list-icon { height: 8px; width: 8px; position: absolute; display: inline-block; margin-top: -4px; top: 50%; }
.serch-hold { width: 100%; height: 66px; background: #fff; position: fixed; left: 0; top: 0; z-index: 600; padding: 15px 15px 0 15px; display: box; display: -webkit-box; }
.ser-box { border: 1px solid #e1e1e1; border-radius: 4px; height: 36px; font-size: 13px; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; padding: 0 10px; position: relative; }
.ser-box a.s-initial { display: block; line-height: 34px; /*color:#dfdfdf;*/ position: relative; }
.ser-box .ser-icon { position: absolute; /*right:15px;*/ top: 50%; margin-top: -8px; }
.ser-box .ser-icon:before { content: ""; position: absolute; background: transparent; font-size: 1px; left: 1px; top: 0px; width: 10px; height: 10px; border: 2px solid #ccc; border-radius: 50%; }
.ser-box .ser-icon:after { content: ""; position: absolute; background: transparent; font-size: 1px; left: 11px; top: 12px; width: 6px; height: 2px; background: #ccc; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.ser-box .input-clear { position: absolute; right: 6px; top: 9px; background: #7e7e7e; border-radius: 50%; width: 16px; height: 16px; text-align: center; }
.ser-box .input-clear .close { position: relative; display: inline-block; width: 10px; height: 10px; overflow: hidden; top: -2px; }
.ser-box .input-clear .close:before, .ser-box .input-clear .close:after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0px; margin-top: -1px; background: #fff; border-radius: 6px; }
.ser-box .input-clear .close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.ser-box .input-clear .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.ser-text { width: 100%; height: 34px; line-height: normal; }
.s-cancle { display: inline-block; box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; width: 40px; line-height: 40px; text-align: right; color: #007cd9; font-size: 14px; }
.disa-space { width: 100%; background: #eff1f3; height: 10px; position: fixed; left: 0; top: 66px; z-index: 500; }
.disea-div { width: 100%; height: 100%; position: fixed; left: 0; top: 0; padding-top: 76px; z-index: 10; }
.disea-first { width: 32%; height: 100%; background: #f5f5f5; border-top: 1px solid #e1e1e1; float: left; }
.disea-first li a { display: block; height: 50px; line-height: 50px; padding-left: 15px; color: #333; position: relative; font-size: 14px; }
.disea-first li a.hit { background: #fff; color: #4dcd70; }
.disea-first li a .arrow { position: absolute; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 6px; right: 0; top: 50%; margin-top: -6px; border-right-color: #ebebeb; border-right-style: solid; }
.disea-first li a.hit .arrow { border-right-color: #fff; }
.disea-sec { width: 68%; height: 100%; background: #fff; border-top: 1px solid #e1e1e1; float: left; padding: 0 0 0 20px; }
.disea-sec li a { display: block; height: 43px; line-height: 43px; color: #666; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; border-bottom: 1px solid #f2f2f2; position: relative; font-size: 14px; }
.result-list { }
.result-list li { line-height: 40px; border-top: 1px solid #f2f2f2; background: #fff; padding: 0 15px; }
.result-list li:first-child { border-top: none; }
.result-list li a { display: block; color: #666; font-size: 14px; }
.no-serch { text-align: center; line-height: 23px; padding: 0 15px; }
.icon-noserch { display: inline-block; width: 110px; height: 110px; background: url(../images/noser.png) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; margin: 40px 0 5px 0; }
.doc-choo .c-avatar-m { margin: 10px 10px 10px 0; }
/*2015.10.10*/
/*个人中心-选择联系人*/
.ql-boxer { position: fixed; top: 0; width: 100%; left: 0; }
.ql-boxer .c-serdet { padding: 7px 15px 0 15px; }
.choose-chat li i { display: block; width: 20px; height: 20px; }
.choose-chat li i.circ { border: 1px solid #d3d3d3; }
.choose-chat { padding-top: 43px; }
.choose-chat li { position: relative; }
.choose-chat li input { display: none; }
.choose-chat li .c-avatar-m { overflow: hidden; padding-left: 32px; }
.choose-chat li .c-avatar-m img { border-radius: 50%; overflow: hidden; }
.choose-chat li i { position: absolute; width: 20px; height: 20px; top: 18px; left: 15px; border-radius: 20px; }
.choose-chat li i.icon-dagou { text-align: center; color: #fff; background: #4dcd70; line-height: 22px; width: 22px; height: 22px; }
.ts-noda { background: url(../images/no-search.png) no-repeat center center; height: 0; background-size: 100% auto; width: 100%; padding-bottom: 100%; display: block; }
.c-dcdcdc { color: #dcdcdc; }
.choose-chat .search-li li .c-avatar-m { padding-left: 0 }
.c-888 { color: #888888; }
a.a-more { color: #007cd9; display: block; width: 100%; text-align: center; padding: 10px 0; color: #007cd9; font-size: 12px;/* border-top: 1px solid #f1f1f1; */ }
/* 对话 */
.my-team-top { width: 100%; height: 79px; background: #fff; border-bottom: 1px solid #e1e1e1; overflow-x: auto; overflow-y: hidden; }
.my-team-top ul { height: 79px; width: 100%; }
.my-team-top li { float: left; width: 33.33%; height: 70px; padding-top: 9px; text-align: center; color: #666; font-size: 13px; }
.my-team-top li img { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; }
.advis-dialog-box { overflow-y: auto; }
.advis-dialog .ditime { text-align: center; font-size: 12px; color: #aeaeae; line-height: 18px; padding-bottom: 8px; }
.advis-dialog .ditime:before, .advis-dialog .ditime:after { content: ""; display: inline-block; width: 50px; height: 4px; background: transparent; margin: 0 10px; border-top: 1px solid #e6e4e1; }
.dial-left .dialog { padding: 0 0 0 55px; position: relative; overflow: hidden; }
.dial-left .dihead { width: 40px; height: 40px; position: absolute; left: 0; top: 5px; border-radius: 50%; overflow: hidden; }
.dial-left .dihead img { width: 100%; height: 100%; }
.dial-left .diname { display:block; font-size:12px; color:#909090; width:100%; height:20px;}
.dial-left .dicon { font-size: 13px; background: #fff; border: 1px solid #e1e1e1; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #333; float: left; word-break: break-all; }
.dial-left .dicon:before { position: absolute; content: ""; top: 30px; left: 50px; width: 10px; height: 10px; border: 1px solid #e1e1e1; border-width: 0 0 1px 1px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.dial-right .dialog { padding: 0 55px 0 0; position: relative; overflow: hidden; }
.dial-right .dihead { width: 40px; height: 40px; position: absolute; right: 0; top: 5px; }
.dial-right .dihead img { width:100%; height:100%; }
.dial-right .diname { display:block; text-align:right; font-size:12px; color:#909090; width:100%; height:20px;}
.dial-right .dicon { font-size: 13px; background: #bce0ff; border: 1px solid #81bdf7; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #5b5b5b; float: right; word-break: break-all; }
.dial-right .dicon:before { position: absolute; content: ""; top: 30px; right: 50px; width: 10px; height: 10px; border: 1px solid #81bdf7; border-width: 1px 1px 0 0; background: #bce0ff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.dicon img{ max-height:120px; max-width:120px;}
.advis-end { background: #e6eef9; line-height: 20px; text-align: center; }
.advis-end i { font-size: 18px; color: #ff8100; vertical-align: middle; margin: 0 5px 0 0; }
.advis-end a { font-size: 14px; color: #157efb; }
.advis-bot { width: 100%; height: 63px; background: #fff; position: fixed; left: 0; bottom: 0; padding: 14px 93px 0 15px; }
.advis-bot a { display: block; position: absolute; right: 15px; top: 14px; color: #333; font-size: 14px; padding: 0 18px; height: 33px; line-height: 33px !important; background: #f5f5f5; border: 1px solid #bebebe; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.advis-bot .askbtn { width: 100%; height: 35px; line-height: normal; border: 1px solid #bebebe; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff; }
.chat-form { height: 45px; padding-left: 10px; padding-right: 10px; }
.nopos { position: relative; bottom: auto; left: auto; }
.chat-form .ui-col-0 { width: 44px; text-align: center; }
.chat-form .ui-col-0 a { display: inline-block; height: 30px; width: 30px; line-height: 30px; position: relative; top: 8px; color: #808080; }
.chat-form .ui-col-0 a .iconfont { font-size: 30px; line-height: 30px; }
.chat-input { height: 22px; font-size: 13px; line-height: 22px; border: 0; border-bottom: #4dcd70 1px solid; position: relative; top: 14px; }
.chat-pictures-wrap { height: 100%; z-index: 2323; top: 0; left: 0; display: none; }
.chat-pictures-bg { height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.chat-pictures-btn { bottom: 10px; left: 0 }
.chat-pictures-a { overflow: hidden }
.chat-pictures-a a { height: 45px; line-height: 45px; display: block; font-size: 15px; color: #00a1d8; text-align: center; width: 100%; background-color: #fff; border-bottom: #e1e1e1 1px solid }
.chat-pictures-a a:last-child { border-bottom: 0 }
.chat-pictures-a a em { display: inline-block; border: #00a1d8 1px solid; border-radius: 50%; line-height: 12px; position: relative; top: -2px }
.chat-pictures-a a i.iconfont { font-size: 18px; margin-right: 5px; }
.chat-form .ui-col-0 a.chat-send { display: inline-block; width: 44px; height: 31px; line-height: 31px; background: #4dcd70; text-align: center; font-size: 13px; color: #fff; border: none; border-radius: 3px; float: left; }
.view-more { display: inline-block; width: 100%; text-align: center; color: #5b5b5b; padding: 15px 0 10px 0; }
.c-ser-main.onlytext { background-color: transparent; border: 1px solid transparent; color: #5b5b5b; padding-left: 0; }
.curve-box .swiper-container { width:100% !important;}
.curve-box .swiper-pagination{ clear:both;}
/* 暂无信息 */
.nomess{ text-align:center; line-height:30px; padding:120px 0 60px 0; color:#5b5b5b;}
.nomess i{ display:block; width:90px; height:90px; background-position:-1px -30px; margin:0 auto;}
.icon{ background:url(../images/icon.png) no-repeat; background-size:250px 250px; -webkit-background-size:250px 250px; -moz-background-size:250px 250px; -ms-background-size:250px 250px;}
/*2015.11.24*/
.edit-info.registered>li .n-list-key:first-child{width:5em;}
.fi-btnbox{bottom:0;left:0;width:100%;padding:5px 15px;box-sizing:border-box;background:#e1e1e1;}
.bottom-box.fi-btnbox a.c-btn{padding:12px 16px;}
.pb47{padding-bottom:47px;}
.getmore{ width:100%;}
.getmore a{ display:block; width:100%; line-height:40px; color:#5b5b5b; text-align:center; font-size:14px; background:#f3f3f3;}
/*2015.12.25*/
.sigl-up .n-list-key{width:6.5em !important;}
.sigl-up .n-list-key i.iconfont{color:#4dcd70;}
.c-btn-fff.c-333{color:#333;}
.doc-tab-les{ margin-left:10px; margin-right:10px; margin-top:10px; border:1px solid #4dcd70; border-radius:5px; background:#fff;}
.doc-tab-les li a{ color:#4dcd70;}
.doc-tab-les li.hit{ background:#4dcd70;}
.doc-tab-les li.hit a{ color:#fff;}
.doc-tab-les li{ border-left:1px solid #4dcd70;}

html/ssgg/css/start-sign3.css

@@ -0,0 +1,75 @@
.c-list,.n-list,.n-list-info{font-size: 16px;}
.bottom-title{font-size: 12px;background-color:#FA8888;color:#FFFFFF;height:45px;line-height:1.5;padding-left:10px;padding-top: 5px;}
.hos-div{
	width: 80px;text-align: center;position: absolute;top: 50%;margin-top: -3%;height: 100%;color: #666;
}
.n-div{
	width: 100%; float: left;position: relative;background: #fff;
}
.n-text-div{
	float: left;width:  calc( 100% - 80px);margin-left: 100px;padding: 5px 0px;min-height:10px;
}
.select-box{
    position: relative;
    display: inline-block;
    border: 1px solid #e1e1e1;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}
.select-box .arrow-d{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border: solid #ccc;
    border-width: 1px 1px 0 0;
    transform: rotate(-135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    right: 5px;
    top: 5px;
}
.c-arrow-r{
	position: absolute;
	top: 50%;
	right: 6px;
	margin-top: -5px;
	content: "";
	display: block;
	width: 10px;
    height: 10px;
    border: solid #ccc;
    border-width: 1px 1px 0 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mr25{margin-right: 25px;}
.ss-value{
	font-size: 14px;
	color: #5b5b5b;
	text-align: right;
	padding-left: 10px;
	box-sizing: border-box;
}
.ss-list{
	padding-top: 14px!important;
	padding-bottom: 14px!important;
}
input[type=text]{
    line-height: inherit;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    padding: 0px;
    -webkit-user-select: text;
    border: none;
    border-radius: 0px;
    outline: 0;
    background-color:inherit;
    -webkit-appearance: none;
}

html/ssgg/css/style.css

@@ -0,0 +1,3989 @@
/*---------cross.ui-------------------------*/
.c-border,
.c-border-t,
.c-border-b,
.c-border-l,
.c-border-r,
.c-border-tb {
	border-color: #e1e1e1;
	border-style: solid;
}
.ui-grid {
	display: -webkit-box;
	display: box;
}
.ui-col-0 {
	-webkit-box-flex: 0;
	box-flex: 0;
}
.ui-col-1 {
	-webkit-box-flex: 1;
	box-flex: 1;
}
.ui-arrow,
.ui-arrow s {
	position: relative;
	display: block;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: dashed;
	border-width: 5px;
}
.ui-arrow-r,
.ui-arrow-r s {
	border-left-color: #aaa;
	border-left-style: solid;
}
.ui-arrow-r s {
	border-left-color: #fff;
	position: absolute;
	left: -7px;
	top: -5px;
}
.c-btn-4dcd70 {
	background-color: #4dcd70;
}
.c-btn-4dcd70:hover {
	background-color: #45b865;
}
.c-btn-fff {
	background-color: #ffffff;
	color: #999999;
	border: #e1e1e1 1px solid;
}
.c-btn-fff:hover {
	background-color: #e5e5e5;
}
/* ui-form
-----------------------------------------------------------------------------*/
.input-group,
.input-group *,
.input-group-checkbox,
.input-group-radio,
.input-group-checkbox *,
.input-group-radio * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.input-group {
	border-collapse: separate;
	display: table;
	position: relative;
}
.input-group label {
	display: block;
}
.input-group-addon {
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 10px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	width: 1%;
}
.input-group-addon:first-child {
	border-right: 0;
}
.input-group-addon .iconfont {
	color: #b4b4b4;
	font-size: 18px;
}
.input-group-addon.focus .iconfont {
	color: #37a6ed;
}
.input-group-btn {
	position: absolute;
	right: 5px;
	top: 7px;
}
.input-group-btn .c-btn {
	padding: 5px;
	border: #ddd 1px solid;
}
.input-group .form-control,
.input-group .form-select,
.input-group .form-textarea {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	color: #333;
	display: block;
	font-size: 14px;
	height: 45px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	outline: 0;
}
.input-group .form-select-arrow {
	display: block;
	width: 10px;
	height: 10px;
	border: solid #ccc;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 15px;
	right: 15px;
}
.input-group .form-control {
	padding-right: 30px;
}
.input-group.input-border .form-control,
.input-group.input-border .form-select,
.input-group.input-border .form-textarea {
	border-radius: 0px;
	border-right: 0;
	font-size: 15px;
	height: 45px;
	line-height: 1.52857;
}
.input-group .form-control:focus,
.input-group .form-select:focus,
.input-group .form-textarea:focus {
	color: #333;
}
.input-group .form-control::-webkit-input-placeholder,
.input-group .form-textarea::-webkit-input-placeholder {
	color: #bfbfbf;
}
.input-group .form-control:-moz-placeholder,
.input-group .form-textarea:-moz-placeholder {
	color: #bfbfbf;
}
.input-group .form-control::-moz-placeholder,
.input-group .form-textarea::-moz-placeholder {
	color: #bfbfbf;
}
.input-group .form-control:-ms-input-placeholder,
.input-group .form-textarea:-ms-input-placeholder {
	color: #bfbfbf;
}
.input-group .form-textarea {
	height: auto;
	resize: none;
	margin: 0;
}
.input-group .form-control:nth-child(2),
.input-group .form-textarea:nth-child(2) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-left: 0;
	padding-left: 0;
}
.input-group .form-control,
.input-group label .form-control,
.input-group label .form-select,
.input-group label .form-textarea {
	border-radius: 4px;
	padding-left: 12px;
	border-left: 1px #e1e1e1 solid;
}
.input-group .input-group-addon + .form-control,
.input-group .input-group-addon + .form-select {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	padding-left: 0px;
	border-left: 0px;
}
.input-group-text {
	font-size: 14px;
	color: #555;
}
.input-merge .input-group .input-group-addon,
.input-group.input-border .input-group-addon {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.input-group.input-border .input-group-addon {
	border-left: 0;
	font-size: 15px;
	color: #333;
	padding: 10px 20px;
}
.input-merge .input-group .form-control,
.input-merge .input-group .form-select,
.input-merge .input-group .form-textarea {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.input-merge .input-group:first-child .input-group-addon {
	border-top-left-radius: 4px;
}
.input-merge .input-group:first-child .form-control,
.input-merge .input-group:first-child .form-select,
.input-merge .input-group:first-child .form-textarea {
	border-top-right-radius: 4px;
}
.input-merge .input-group:last-child .form-control,
.input-merge .input-group:last-child .form-select,
.input-merge .input-group:last-child .form-textarea {
	border-bottom-right-radius: 4px;
}
.input-merge .input-group:last-child .input-group-addon {
	border-bottom-left-radius: 4px;
}
.input-merge .input-group.input-border .input-group-addon,
.input-merge .input-group.input-border .form-control,
.input-merge .input-group.input-border .form-select,
.input-merge .input-group.input-border .form-textarea,
.input-merge .input-group.input-border .form-control,
.input-merge .input-group.input-border .form-select,
.input-merge .input-group.input-border .form-textarea,
.input-merge .input-group.input-border .input-group-addon {
	border-radius: 0px;
}
.input-merge .input-group.input-border {
	padding-left: 20px;
}
.input-merge .input-group.input-border .input-group-addon {
	padding-left: 0
}
.input-merge .input-group .input-group-addon,
.input-merge .input-group .form-control,
.input-merge .input-group .form-select,
.input-merge .input-group .form-textarea {
	border-bottom: 0;
}
.input-merge .input-group:last-child .input-group-addon,
.input-merge .input-group:last-child .form-control,
.input-merge .input-group:last-child .form-select,
.input-merge .input-group:last-child .form-textarea {
	border-bottom: 1px solid #e1e1e1;
}
.input-merge.input-merge-border .input-group:first-child .input-group-addon,
.input-merge.input-merge-border .input-group:first-child .form-control,
.input-merge.input-merge-border .input-group:first-child .form-select,
.input-merge.input-merge-border .input-group:first-child .form-textarea {
	border-top: 0;
}
.input-merge.input-merge-border .input-group:last-child .input-group-addon,
.input-merge.input-merge-border .input-group:last-child .form-control,
.input-merge.input-merge-border .input-group:last-child .form-select,
.input-merge.input-merge-border .input-group:last-child .form-textarea {
	border-bottom: 0;
}
.input-merge.input-merge-border {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
}
.input-group-addon-disabled,
.form-control[disabled],
.form-control:disabled,
.form-textarea[disabled],
.form-textarea:disabled,
.form-textarea[disabled],
.form-textarea:disabled,
.form-select[disabled],
.form-select:disabled {
	background-color: #f9f9f9;
}
.input-group .form-input {
	height: 45px;
	border-top: 1px solid #e1e1e1;
	position: relative;
	padding: 7px 0;
}
.input-group .form-input-text {
	color: #909090;
	font-size: 15px;
}
.input-group .form-select-box {
	display: inline-block;
	position: relative;
	margin-right: 10px;
}
.input-group .form-select-box .form-select {
	width: 100%;
}
.input-group .form-select-box .form-select-arrow {
	top: 7px;
	right: 12px
}
.input-group.input-border .form-input .form-control,
.input-group.input-border .form-input .form-select {
	height: 31px;
	border: #e1e1e1 1px solid !important;
	border-radius: 2px;
	display: inline-block;
	vertical-align: baseline;
	line-height: 1.2;
}
.input-group .input-clear {
	position: absolute;
	right: 8px;
	top: 8px;
	background: #ccc;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	text-align: center;
}
.input-group .input-clear .close {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	top: 6px;
}
.input-group .input-clear .close::before,
.input-group .input-clear .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0px;
	margin-top: -1px;
	background: #fff;
	border-radius: 6px;
}
.input-group .input-clear .close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.input-group .input-clear .close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.input-group-checkbox,
.input-group-radio {
	display: inline-block;
	position: relative;
	font-size: 14px;
	color: #909090;
}
.input-group-checkbox label {
	display: block;
	cursor: pointer;
}
.input-group-checkbox label input[type="checkbox"],
.input-group-radio label input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}
.input-group-checkbox .input-group-pack,
.input-group-radio .input-group-pack {
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	border: 1px #d3d3d3 solid;
	padding: 0;
	margin: 0 5px 0 0;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	overflow: hidden;
	top: -2px;
}
.input-group-radio .input-group-pack {
	border-radius: 50%;
}
.input-group-checkbox .input-group-pack.input-group-pack-disabled,
.input-group-radio .input-group-pack.input-group-pack-disabled {
	background-color: #f0f0f0;
}
.input-group-checkbox .input-group-pack .tick {
	display: block;
	width: 12px;
	height: 2px;
	background: #4dcd70;
	margin: 8px 0 0 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: relative;
	top: 50px;
}
.input-group-checkbox .input-group-pack .tick:after {
	content: '';
	width: 8px;
	height: 2px;
	background: #4dcd70;
	position: absolute;
	top: -3px;
	left: -5px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.input-group-radio .input-group-pack .disc {
	display: block;
	content: "" !important;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color: #4dcd70;
	margin: 4px;
}
.input-group-checkbox input[type="checkbox"]:checked ~ .tick,
.input-group-checkbox .input-group-pack.checked .tick {
	top: 0px;
}
.input-group-radio input[type="radio"]:checked ~ .disc,
.input-group-radio .input-group-pack.checked .disc {
	width: 10px;
	height: 10px;
}
.input-group-switch {
	position: relative;
	font-size: 16px;
	width: 52px;
	height: 32px;
	line-height: 1em;
}
.input-group-switch input {
	width: 52px;
	height: 32px;
	position: absolute;
	z-index: 10;
	border: none;
	background: none;
	-webkit-appearance: none;
	outline: none;
}
.input-group-switch input:before {
	content: '';
	width: 50px;
	height: 30px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	-webkit-user-select: none;
	user-select: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-color: #dfdfdf;
	-webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset;
	box-shadow: #dfdfdf 0px 0px 0px 0px inset;
	-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s;
	transition: border 0.4s, box-shadow 0.4s;
	-webkit-background-clip: content-box;
	background-clip: content-box;
}
.input-group-switch input:checked:before {
	border-color: #4cd964;
	-webkit-box-shadow: #4cd964 0px 0px 0px 16px inset;
	box-shadow: #4cd964 0px 0px 0px 16px inset;
	background-color: #4cd964;
	transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
	-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s;
	background-color: #4cd964;
}
.input-group-switch input:checked:after {
	left: 21px;
}
.input-group-switch input:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	top: 1px;
	left: 0;
	border-radius: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-transition: left 0.2s;
	transition: left 0.2s;
}
.input-group-switch input.thread:before {
	content: '';
	width: 50px;
	height: 3px;
	border: 1px solid #e5e5e5;
	background-color: #e5e7ea;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	-webkit-user-select: none;
	user-select: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-color: #dfdfdf;
	-webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset;
	box-shadow: #dfdfdf 0px 0px 0px 0px inset;
	-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s;
	transition: border 0.4s, box-shadow 0.4s;
	-webkit-background-clip: content-box;
	background-clip: content-box;
}
.input-group-switch input.thread:checked:before {
	border-color: #4cd964;
	-webkit-box-shadow: #4cd964 0px 0px 0px 16px inset;
	box-shadow: #4cd964 0px 0px 0px 16px inset;
	background-color: #4cd964;
	transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
	-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s;
	background-color: #4cd964;
}
.input-group-switch input.thread:checked:after {
	left: 33px;
}
.input-group-switch input.thread:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 3px;
	left: 0;
	border-radius: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-transition: left 0.2s;
	transition: left 0.2s;
}
/* css c-list
-----------------------------------------------------------------------------*/
.list-icon {
	height: 8px;
	width: 8px;
	position: absolute;
	display: inline-block;
	margin-top: -4px;
	top: 50%;
}
.arrow-right {
	display: block;
	width: 8px;
	height: 8px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.c-list-group {}
.c-list-group h3 {
	padding: 6px 15px;
	background-color: #f9f9f9;
	font-size: 13px;
	color: #5b5b5b;
	margin: 0;
	vertical-align: middle;
}
.c-list {
	background-color: #fff;
}
.c-list > li,
.c-list > .c-list-div {
	font-size: 15px;
	color: #333;
	position: relative;
	display: -webkit-box;
	display: box;
	margin-left: 15px;
	border-top: 1px solid #f1f1f1;
}
.c-list > .c-list-text {
	line-height: 20px;
	padding-right: 15px;
	padding-left: 0;
}
.c-list > .c-list-text > h4,
.c-list > .c-list-text .c-list-key,
.c-list >.c-list-text .c-list-info,
.c-list > .c-list-text > .c-list-value {
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.c-list > .c-list-text .c-list-title {
	padding-top: 10px;
}
.c-list > .c-list-function {
	border-top: none;
}
.c-list > .c-list-function .c-list-info {
	border-top: 1px solid #f1f1f1;
}
.c-list > li:first-child,
.c-list > .c-border-t:first-child,
.c-list >li:first-child .c-border-t,
.c-list > .c-list-function:first-child,
.c-list > .c-list-function:first-child .c-list-info,
.c-list > div:first-child .c-border-t,
.c-list > div:first-child {
	border: 0;
	background-image: none
}
.c-list > .c-list-cover {
	padding-left: 15px !important;
	margin-left: 0 !important;
}
.c-list .c-list-info {
	-webkit-box-flex: 1;
	box-flex: 1;
	padding-right: 15px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}
.c-list h4 {
	color: #333 !important;
}
.c-list .c-list-info > h4 {
	font-size: 15px;
	line-height: 20px
}
.c-list .c-list-info > p {
	font-size: 13px;
	line-height: 20px;
	color: #909090;
}
.c-list .c-list-label {
	font-size: 13px !important;
	color: #909090 !important;
	padding: 10px 15px 10px 0!important;
	border-top: 1px dashed #e1e1e1 !important;
}
.c-list .c-list-key {
	margin-right: 15px;
}
.c-list .c-list-img {
	width: 100px;
	height: 68px;
	margin: 10px 10px 10px 0;
	position: relative
}
.c-list .c-list-img img {
	width: auto;
	height: 68px;
}
.c-list > .c-list-link:active {
	background-color: #e5e6e7;
	padding-left: 15px;
	margin-left: 0
}
.c-list-link:active,
.c-list-link.c-border-t:active,
.c-list-link:active + .c-border-t,
.c-list-link:active + .c-border-t {
	background-image: none;
	border-top-color: #e5e6e7
}
.c-list .c-list-value {
	color: #909090;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}
.c-list .c-list-link .c-list-value,
.c-list .c-list-link .c-list-title {
	padding-right: 20px;
}
.c-list .c-list-badge,
.c-list .c-list-action {
	font-size: 13px;
	color: #909090;
	position: absolute;
	height: 100%;
	right: 15px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	top: 0;
}
.c-list-link .c-list-badge,
.c-list-link .c-list-action {
	right: 35px
}
.c-list-link .list-icon {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}
.c-list .c-avatar-s,
.c-list .c-avatar-m,
.c-list .c-avatar-l {
	margin: 10px 15px 10px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}
.c-list-indent-s {
	padding-right: 70px !important;
}
.c-list-indent-m {
	padding-right: 110px !important;
}
.c-list-action .input-group-checkbox .input-group-pack,
.c-list-action .input-group-radio .input-group-pack {
	margin: 0 0 0 5px;
}
.c-avatar-s {
	width: 26px;
	height: 26px;
}
.c-avatar-m {
	width: 40px;
	height: 40px;
}
.c-avatar-l {
	width: 54px;
	height: 54px;
}
.c-avatar-s img,
.c-avatar-m img,
.c-avatar-l img {
	width: 100%;
	height: 100%;
}
.c-list-text .c-t-right {
	color: #909090 !important;
}
.c-list-text .c-t-right {
	padding-right: 0px;
	color: #909090;
}
.c-list-link .c-t-right {
	padding-right: 20px !important;
}
/* css search
-----------------------------------------------------------------------------*/
.c-ser-hold {
	width: 100%;
	height: 43px;
	background-color: #e8e8e8;
	padding: 6px 10px 0 10px;
}
.c-ser-into {
	background: #fff;
	height: 28px;
	line-height: 28px;
	/* border:1px solid #e1e1e1;*/
	border-radius: 5px;
	font-size: 15px;
	color: #8e8e93;
	text-align: center;
}
.c-serdet {
	display: -webkit-box;
	display: box;
	padding: 7px 10px 0 10px;
}
.ser-icon {
	position: relative;
	display: inline-block;
	width: 13px;
	height: 13px;
	font-size: 1px;
	background: none;
}
.ser-icon:before,
.ser-icon:after {
	content: "";
	position: absolute;
	left: 0;
	background: transparent;
	font-size: 1px;
}
.ser-icon-search:before {
	left: 10%;
	top: 25%;
	width: 55%;
	height: 55%;
	border: 1px solid #8e8e93;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
}
.ser-icon-search:after {
	left: 65%;
	top: 95%;
	width: 50%;
	height: 8%;
	background: #8e8e93;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.c-ser-back {
	width: 20px;
	-webkit-box-flex: 0;
	box-flex: 0;
	overflow: hidden;
}
.c-ser-back .si-right {
	display: block;
	width: 12px;
	height: 12px;
	border: solid #a3a3a7;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: 7px 0 0 2px;
	float: left;
}
.c-ser-main {
	-webkit-box-flex: 1;
	box-flex: 1;
	background: #fff;
	height: 28px;
	line-height: 28px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	font-size: 15px;
	color: #8e8e93;
	position: relative;
	padding-left: 25px;
	overflow: hidden;
}
.c-ser-main i {
	position: absolute;
	left: 7px;
	top: 7px;
}
.c-ser-input {
	width: 100%;
	background: #fff;
	height: 22px;
	line-height: normal;
	border: none;
	font-size: 15px;
	color: #8e8e93;
	border-radius: 5px;
	padding: 3px 0;
}
.c-ser-btn {
	margin-left: 10px;
	-webkit-box-flex: 0;
	box-flex: 0;
}
.c-ser-btn a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background: #3aa7ed;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
}
.c-ser-main .input-clear {
	position: absolute;
	right: 6px;
	top: 6px;
	background: #7e7e7e;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	text-align: center;
}
.c-ser-main .input-clear .close {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	top: -7px;
}
.c-ser-main .input-clear .close::before,
.c-ser-main .input-clear .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0px;
	margin-top: -1px;
	background: #fff;
	border-radius: 6px;
}
.c-ser-main .input-clear .close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.c-ser-main .input-clear .close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* assist
-----------------------------------------------------------------------------*/
.ui-nowrap-multi {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.ui-nowrap-multh {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}
i {
	font-style: normal;
}
.c888 {
	color: #888;
}
.cccc {
	color: #ccc;
}
.cf60 {
	color: #f60;
}
.c333 {
	color: #333;
}
.c5b5b5b {
	color: #5b5b5b;
}
.c4dcd70 {
	color: #4dcd70;
}
.ced5050 {
	color: #ed5050;
}
.ced4d4d {
	color: #ed4d4d;
}
.cc2c2c2 {
	color: #c2c2c2;
}
.ced5050 {
	color: #ed5050;
}
.c-f13 {
	font-size: 13px;
}
.lijt {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
}
.pr10 {
	padding-right: 10px;
}
.pr20 {
	padding-right: 20px;
}
.h63 {
	height: 63px;
}
body {
	background-color: #f3f3f3;
	color: #333;
	font-size: 14px;
}
.icon {
	background: url(../images/icon.png) no-repeat;
	background-size: 250px 250px;
	-webkit-background-size: 250px 250px;
	-moz-background-size: 250px 250px;
	-ms-background-size: 250px 250px;
}
.getmore {
	width: 100%;
}
.getmore a {
	display: block;
	width: 100%;
	line-height: 40px;
	color: #5b5b5b;
	text-align: center;
	font-size: 14px;
	background: #f3f3f3;
}
/* member */
.addp-list .input-group-addon {
	min-width: 100%;
	width: 90px;
	text-align: right;
}
.mem-top {
	background-color: #fafafa;
	position: relative;
}
.men-list li {
	position: relative;
}
.men-list .mltb1 {
	background: #34aadc;
}
.men-list .mltb2 {
	background: #4fdb67;
}
.men-list .mltb3 {
	background: #ff9501;
}
.men-list .mltb4 {
	background: #017aff;
}
.men-list .mltb5 {
	background: #49cc6d;
}
.men-list .mltb6 {
	background: #ff6600;
}
.men-list .mltb7 {
	background: #4dcd70;
}
.men-list .mltb8 {
	background: #ff6600;
}
.men-list .mltb9 {
	background: #2caddf;
}
.men-list .mltb10 {
	background: #f39800;
}
.men-list li .c-avatar-s {
	position: relative;
	overflow: inherit;
}
.men-list li .c-list-action {
	top: 0px;
}
.mlnum {
	width: 12px;
	height: 12px;
	background: #f60;
	text-align: center;
	line-height: 12px;
	font-size: 8px;
	color: #fff;
	position: absolute;
	top: -4px;
	right: -4px;
}
.mltb1 i,
.mltb2 i,
.mltb3 i,
.mltb4 i,
.mltb5 i,
.mltb6 i,
.mltb7 i,
.mltb8 i,
.mltb9 i,
.mltb10 i {
	color: #fff;
}
.mltb1 i {
	font-size: 19px;
}
.mltb2 i {
	font-size: 18px;
}
.mltb3 i {
	font-size: 18px;
}
.mltb4 i {
	font-size: 18px;
}
.mltb5 i {
	font-size: 15px;
}
.mltb6 i {
	font-size: 16px;
}
.mltb7 i {
	font-size: 15px;
}
.mltb8 i {
	font-size: 15px;
}
.mltb9 i {
	font-size: 19px;
}
.mltb10 i {
	font-size: 19px;
}
.men-list li .qytimes {
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -10px;
	font-size: 12px;
	color: #bbb;
}
.sexchoo {
	line-height: 33px !important;
}
.sexchoo label {
	display: inline-block;
	margin-right: 30px;
}
.sexchoo label i {
	display: inline-block;
	width: 26px;
	height: 25px;
	background-position: -1px -1px;
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
.sexchoo label.swom i {
	background-position: -30px -1px;
}
.sexchoo label i.checked {
	background-position: -59px -1px;
}
.sexchoo label.swom i.checked {
	background-position: -88px -1px;
}
/* 健康头条 */
.jnews-top {
	width: 100%;
	text-align: center;
	position: relative;
}
.jnews-top img {
	width: 100%;
	max-width: 640px;
	max-height: 200px;
}
.jnews-top .news-tit {
	display: block;
	width: 100%;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	text-align: left;
	padding: 5px 15px;
	line-height: 20px;
}
.jnews-list .c-list-img {
	width: 60px;
	height: 60px;
	margin: 10px 10px 10px 0;
	position: relative
}
.jnews-list .c-list-img img {
	width: 60px;
	height: 60px;
}
.jnews-tip {
	line-height: 20px;
	padding: 10px 15px;
	background: #fafafa;
}
/* 社区简介 */
.jnews-con {
	line-height: 25px;
	color: #5b5b5b;
}
.jnews-con h1 {
	font-size: 18px;
	color: #333;
	line-height: 25px;
	padding: 15px 0 7px 0;
}
.jnews-con h6 {
	font-size: 12px;
	color: #888;
	line-height: 15px;
	margin-bottom: 15px;
}
.jnews-con img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.jnews-con p {
	margin-bottom: 10px;
	text-indent: 2em
}
.chd-btn {
	margin: 15px 0 20px 0;
}
.chd-btn .list-icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0px 5px;
	position: inherit;
	left: 0;
	top: 0;
}
.chd-btn .arrow-right {
	border-color: #fff;
}
.jnews-con p.jnews-lc {
	color: #f60;
	text-indent: 0em;
}
.jnews-con p.jnews-lc i {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 0 5px 5px 0;
	font-size: 20px;
}
.jnmaxw {
	max-width: 320px;
}
.prejn {
	overflow: hidden;
	display: box;
	display: -webkit-box;
}
.prejn .jnimg {
	display: block;
	-webkit-box-flex: 0;
	box-flex: 0;
	width: 126px;
}
.prejn .jnimg img {
	margin: 0;
}
.prejn .jnword {
	display: block;
	-webkit-box-flex: 1;
	box-flex: 1;
	font-size: 12px;
	padding-top: 8px;
	color: #5b5b5b;
}
.prejn .jnword p {
	text-indent: 0em;
	margin-bottom: 8px;
	line-height: 20px;
}
.prebot {}
.prebot p {
	text-indent: 0em;
}
/* 账单明细 */
.h46 {
	height: 46px;
}
.bill-time {
	background: #fff;
	padding: 8px 15px;
	overflow: hidden;
	line-height: 30px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 600;
}
.bill-time .mhsel {
	display: block;
	float: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 45%;
	height: 30px;
	padding: 0 10px 0 5px;
	border: 1px solid #e1e1e1;
	background: url(../images/seljt.png) no-repeat 94% center;
	background-size: 11px 6px;
	-webkit-background-size: 11px 6px;
}
.bill-time .mhto {
	display: block;
	float: left;
	width: 10%;
	text-align: center;
}
.bill-top {
	background: #fff;
	padding: 10px 15px;
}
.bill-top .iconhold {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #4cd964;
	color: #fff;
	vertical-align: middle;
	margin: 0 15px 1px 0;
}
.bill-top .iconhold i {
	font-size: 20px;
}
.bill-list li .c-list-badge {
	color: #333;
	font-size: 15px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
}
/* 咨询详细 */
.advis-list {
	padding-left: 15px;
	background: #fff;
}
.advis-list li {
	border-top: 1px solid #f1f1f1;
	display: -webkit-box;
	display: box;
	padding: 10px 15px 10px 0;
	line-height: 23px;
}
.advis-list li:first-child {
	border-top: none;
}
.advis-list li .altit {
	-webkit-box-flex: 0;
	box-flex: 0;
	width: 80px;
}
.advis-list li .alcon {
	-webkit-box-flex: 1;
	box-flex: 1;
}
.advis-list li .alw100 {
	width: 100%;
}
.advis-list li .alhelp {
	line-height: 20px;
	padding: 5px 0;
}
.advis-list li.adli-last {
	display: block;
}
.report-list {
	overflow: hidden;
	width: 100%;
}
.report-list li {
	display: block;
	width: 33%;
	float: left;
	text-align: center;
	color: #5b5b5b;
	font-size: 12px;
	padding: 0;
	margin: 5px 0 5px 0;
	border: none;
}
.report-list li .reptb {
	display: block;
	width: 56px;
	height: 56px;
	background: #fff;
	border: 1px solid #e1e1e1;
	margin: 0 auto 5px auto;
	font-size: 12px;
	color: #ff8100;
	line-height: 22px;
}
.report-list li .reptb i {
	display: block;
	width: 22px;
	height: 22px;
	margin: 10px auto 0 auto;
}
/* 对话 */
.advis-dialog {
	padding-bottom: 40px;
}
.advis-dialog .ditime {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 8px;
}
.dial-left .dialog {
	padding: 0 0 0 55px;
	position: relative;
	overflow: hidden;
}
.dial-left .dihead {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
}
.dial-left .dihead img {
	width: 40px;
	height: 40px;
}
.dial-left .dicon {
	background: #a9e07d;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #333;
	float: left;
	word-break: break-all;
}
.dial-left .msg-box-arr {
	position: absolute;
	left: 43px;
	top: 15px;
	display: block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: dashed solid dashed dashed;
	border-color: transparent #a9e07d transparent transparent;
}
.dial-left .msg-box-arr i {
	position: absolute;
	left: -6px;
	top: 0;
	margin-top: -7px;
	display: block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: dashed solid dashed dashed;
	border-color: transparent #a9e07d transparent transparent;
}
.dial-right .dialog {
	padding: 0 55px 0 0;
	position: relative;
	overflow: hidden;
}
.dial-right .dihead {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
}
.dial-right .dihead img {
	width: 40px;
	height: 40px;
}
.dial-right .dicon {
	background: #fff;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #5b5b5b;
	float: right;
	word-break: break-all;
}
.dial-right .msg-box-arr {
	position: absolute;
	right: 43px;
	top: 15px;
	display: block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: dashed solid dashed dashed;
	border-color: transparent transparent transparent #f1f1f1;
}
.dial-right .msg-box-arr i {
	position: absolute;
	right: -6px;
	top: 0;
	margin-top: -7px;
	display: block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: dashed solid dashed dashed;
	border-color: transparent transparent transparent #fff;
}
.advis-end {
	background: #e6eef9;
	line-height: 20px;
	text-align: center;
}
.advis-end i {
	font-size: 18px;
	color: #ff8100;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.advis-end a {
	font-size: 14px;
	color: #157efb;
}
.advis-bot {
	width: 100%;
	height: 63px;
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 14px 93px 0 15px;
}
.advis-bot a {
	display: block;
	position: absolute;
	right: 15px;
	top: 14px;
	color: #333;
	font-size: 14px;
	padding: 0 18px;
	height: 33px;
	line-height: 33px !important;
	background: #f5f5f5;
	border: 1px solid #bebebe;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.advis-bot .askbtn {
	width: 100%;
	height: 35px;
	line-height: normal;
	border: 1px solid #bebebe;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 10px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
}
/* 查看详细 */
.sdoc-top {
	height: 180px;
	background: url(../images/banner1.jpg) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	text-align: center;
	padding: 20px 15px 0 15px;
	font-size: 12px;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
	line-height: 23px;
	position: relative;
}
.sdoc-top .sdimg {
	display: block;
	margin: 0 auto 10px auto;
	width: 60px;
	height: 60px;
	padding: 1px;
	background-color: rgba(250, 250, 250, .75);
	border-radius: 50%;
}
.sdoc-top .sdtime {
	position: absolute;
	background: rgba(0, 0, 0, .3);
	width: 100%;
	height: 45px;
	line-height: 45px;
	left: 0;
	bottom: 0;
	text-align: left;
	padding: 0 15px;
}
.sdoc-top .sdstate {
	position: absolute;
	background: rgba(255, 255, 255, 1);
	width: 100%;
	height: 45px;
	line-height: 45px;
	left: 0;
	bottom: 0;
	text-align: left;
	padding: 0 15px;
	text-shadow: none;
	color: #888;
}
.sdslink {
	margin-left: 15px;
	padding-left: 20px;
	border-left: 1px solid #e1e1e1;
}
.sdoc-top .sdslink a {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	font-size: 12px;
	color: #333;
}
.sdoc-top .sdtime .list-icon {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}
.sdoc-tit {
	line-height: 32px;
	background: #fafafa;
	padding-top: 3px;
}
.sdoc-tit i {
	display: inline-block;
	color: #aaaaaa;
	font-size: 20px;
	vertical-align: middle;
	margin: 0 5px 3px 0;
}
.sdoc-tit i.icon-jianjie {
	font-size: 24px;
}
.sdoc-con {
	background: #fff;
	padding: 10px 15px;
	line-height: 22px;
	color: #5b5b5b;
	overflow: hidden;
}
.sdoc-txt {
	overflow-y: auto;
	display: block;
	height: 66px;
}
/* 签约流程 */
.suppl-step {
	background: #fff;
	padding: 5px 15px 15px 15px;
	overflow: hidden;
}
.suppl-step li {
	display: block;
	width: 32%;
	float: left;
	border-bottom: 3px solid #e1e1e1;
	color: #888;
	font-size: 12px;
	margin-left: 1%;
	text-align: center;
	line-height: 30px;
}
.suppl-step li.sfin {
	border-bottom: 3px solid #4dcd70;
	color: #4dcd70;
}
.suppl-top {
	background: #fff;
	line-height: 25px;
}
.stp-tit {
	display: block;
	margin: 0 15px;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px 0;
}
.stp-list {
	display: block;
	padding: 8px 0;
}
.stp-list li {
	position: relative;
	padding: 0 15px 0 90px;
	line-height: 22px;
}
.stp-list li h4 {
	position: absolute;
	left: 15px;
	top: 0;
}
.suppl-tit {
	background: #fafafa;
	line-height: 30px;
	padding: 10px 15px 0 15px;
}
.sw100 {
	width: 85px;
	text-align: left;
}
.areainput {
	height: 20px;
	line-height: normal;
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
}
.supp-area {
	display: box;
	display: -webkit-box;
	width: 230px;
	text-align: left;
	margin: 10px auto;
	line-height: 33px;
}
.supp-area .satit {
	-webkit-box-flex: 0;
	box-flex: 0;
	width: 70px;
}
.supp-area .sacon {
	-webkit-box-flex: 1;
	box-flex: 1;
	position: relative;
}
.supp-area .sacon .form-select-arrow {
	display: block;
	width: 10px;
	height: 10px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 8px;
	right: 8px;
}
.supp-area .sacon select {
	width: 100%;
	height: 33px;
	line-height: 30px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #e1e1e1;
	padding: 0 5px;
	border-radius: 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.suppl-tip {
	height: 45px;
	line-height: 45px;
	background: #eee;
}
.suppl-tip a {
	color: #333;
}
.add-memb-list {
	padding-left: 15px;
	background: #fff;
}
.add-memb-list .input-merge-border {
	border-bottom: none;
	border-top: 1px solid #f2f2f2;
}
.add-memb-list .input-merge .input-group.input-border {
	padding-left: 0;
}
.add-memb-list .input-merge-border:first-child {
	border-top: none;
}
.add-memb-list .input-group-addon {
	width: 70px;
	text-align: left;
}
.add-memb-list .arrow-right {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}
.add-memb-tip {
	text-align: center;
	font-size: 12px;
	color: #888;
	padding-bottom: 10px;
}
.add-memb-tip i {
	font-size: 18px;
	margin-right: 3px;
}
.add-memb-list input {
	color: #888 !important;
}
.lih45 {
	line-height: 45px;
	font-size: 15px;
}
.add-memb-top {
	line-height: 30px;
	color: #878787;
	padding: 0 15px;
}
.suppl-list {
	padding-left: 15px;
	background: #fff;
}
.suppl-list li {
	line-height: 20px;
	color: #666;
	position: relative;
	padding: 5px 30px 5px 0;
	border-bottom: 1px solid #f2f2f2;
}
.suppl-list li p {
	margin: 3px 0;
}
.suppl-list li .arrow-right {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 15px;
}
.suppl-list li .slt-tel {
	display: block;
	position: absolute;
	left: 50%;
	top: 8px;
}
.slt-add {
	display: block;
	line-height: 43px;
	text-align: center;
	color: #007cd9;
	padding-right: 15px;
}
.slt-add i {
	display: inline-block;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
.suppl-agree {
	line-height: 25px;
	padding: 0 20px;
}
.suppl-agree .input-group-checkbox {
	color: #888;
}
.suppl-agree .input-group-checkbox a {
	color: #007cd9;
}
/* 协议内容 */
.agree-box {
	line-height: 26px;
	padding: 10px 15px 30px 15px;
}
.agree-box h1 {
	font-size: 18px;
	text-align: center;
	padding-bottom: 10px;
}
.agree-box p {
	text-indent: 2em;
}
.agfin-top {
	text-align: center;
	background: #fff;
	padding: 15px 15px 20px 15px;
	font-size: 15px;
	line-height: 22px;
}
.agfin-top i {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 50px;
	margin-bottom: 10px;
}
.agfin-num {
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	color: #888;
	background: #fafafa;
}
.agfin-num li {
	border-left: 1px solid #e1e1e1;
}
.agfin-num li:first-child {
	border-left: none;
}
.agfin-img {
	text-align: center;
	background: #fafafa;
	padding: 20px 0;
}
.agfin-btn {
	overflow: hidden;
}
.agfin-btn a {
	display: block;
	width: 46%;
	margin-left: 8%;
	float: left;
}
.agfin-btn a:first-child {
	margin-left: 0;
}
.agfiled-tip {
	font-size: 12px;
	color: #888;
	text-align: center;
	padding: 10px 0;
	line-height: 20px;
}
/* 选择社区 */
.hd85 {
	height: 85px;
}
.sarea-box {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	padding: 0 15px;
	z-index: 800;
}
.sarea-box i.icon-ditudingwei {
	font-size: 22px;
	vertical-align: middle;
	margin: 0 0 4px 0;
	color: #888;
}
.sarea-box i.icon-dingwei {
	font-size: 22px;
	vertical-align: middle;
	margin: 0 0 4px 0;
	color: #007cd9;
}
.sarea-box .list-icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 7px 5px;
	position: relative;
	left: 0;
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.sarea-box .arrow-right {
	border-color: #cbcbcb;
}
.sseach-box {
	width: 100%;
	height: 45px;
	background: #fff;
	position: fixed;
	left: 0;
	top: 40px;
	padding: 0px 15px 0 15px;
	z-index: 800;
}
.shcom-list ul li .c-list-img {
	width: 50px;
	height: 50px;
}
.shcom-list ul li .c-list-img img {
	width: 50px;
	height: 50px;
}
.shcom-list ul li .c-list-info {
	padding-right: 30px;
}
.serch-hold {
	width: 100%;
	height: 66px;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 600;
	padding: 15px 15px 0 15px;
	display: box;
	display: -webkit-box;
}
.ser-box {
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	height: 36px;
	font-size: 13px;
	box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	padding: 0 10px;
	position: relative;
}
.ser-box a.s-initial {
	display: block;
	line-height: 34px;
	/*color:#dfdfdf;*/
	position: relative;
}
.ser-box .ser-icon {
	position: absolute;
	/*right:15px;*/
	top: 50%;
	margin-top: -8px;
}
.ser-box .ser-icon:before {
	content: "";
	position: absolute;
	background: transparent;
	font-size: 1px;
	left: 1px;
	top: 0px;
	width: 10px;
	height: 10px;
	border: 2px solid #ccc;
	border-radius: 50%;
}
.ser-box .ser-icon:after {
	content: "";
	position: absolute;
	background: transparent;
	font-size: 1px;
	left: 11px;
	top: 12px;
	width: 6px;
	height: 2px;
	background: #ccc;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.ser-box .input-clear {
	position: absolute;
	right: 6px;
	top: 9px;
	background: #7e7e7e;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	text-align: center;
}
.ser-box .input-clear .close {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	top: -2px;
}
.ser-box .input-clear .close:before,
.ser-box .input-clear .close:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0px;
	margin-top: -1px;
	background: #fff;
	border-radius: 6px;
}
.ser-box .input-clear .close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ser-box .input-clear .close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.ser-text {
	width: 100%;
	height: 34px;
	line-height: normal;
}
.s-cancle {
	display: inline-block;
	box-flex: 0;
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	width: 40px;
	line-height: 40px;
	text-align: right;
	color: #007cd9;
	font-size: 14px;
}
.disa-space {
	width: 100%;
	background: #eff1f3;
	height: 10px;
	position: fixed;
	left: 0;
	top: 66px;
	z-index: 500;
}
.disea-div {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	padding-top: 76px;
	z-index: 10;
}
.disea-first {
	width: 32%;
	height: 100%;
	background: #f5f5f5;
	border-top: 1px solid #e1e1e1;
	float: left;
}
.disea-first li a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 15px;
	color: #333;
	position: relative;
	font-size: 14px;
}
.disea-first li a.hit {
	background: #fff;
	color: #4dcd70;
}
.disea-first li a .arrow {
	position: absolute;
	display: block;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: dashed;
	border-width: 6px;
	right: 0;
	top: 50%;
	margin-top: -6px;
	border-right-color: #ebebeb;
	border-right-style: solid;
}
.disea-first li a.hit .arrow {
	border-right-color: #fff;
}
.disea-sec {
	width: 68%;
	height: 100%;
	background: #fff;
	border-top: 1px solid #e1e1e1;
	float: left;
	padding: 0 0 0 20px;
}
.disea-sec li a {
	display: block;
	height: 43px;
	line-height: 43px;
	color: #666;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
	font-size: 14px;
}
.result-list {}
.result-list li {
	line-height: 40px;
	border-top: 1px solid #f2f2f2;
	background: #fff;
	padding: 0 15px;
}
.result-list li:first-child {
	border-top: none;
}
.result-list li a {
	display: block;
	color: #666;
	font-size: 14px;
}
.no-serch {
	text-align: center;
	line-height: 23px;
	padding: 0 15px;
}
.icon-noserch {
	display: inline-block;
	width: 110px;
	height: 110px;
	background: url(../images/noser.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	margin: 40px 0 5px 0;
}
.doc-choo .c-avatar-m {
	margin: 10px 10px 10px 0;
}
/* 暂无信息 */
.nomess {
	text-align: center;
	line-height: 30px;
	padding: 120px 0 60px 0;
	color: #5b5b5b;
}
.nomess i {
	display: block;
	width: 90px;
	height: 90px;
	background-position: -1px -30px;
	margin: 0 auto;
}
/* 随访 */
.list-tips {
	display: inline-block;
	width: auto;
	margin-top: 0;
	margin-left: 10px;
}
.list-tips .hd .ui-arrow {
	top: 12px;
	left: -10px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.list-tips .bd {
	padding: 0 3px;
	background: #ff6600;
	border: #ff6600 1px solid;
	color: #fff
}
.list-tips .ui-arrow-t,
.list-tips .ui-arrow-t s {
	border-bottom-color: #ff6600;
}
.follow-up .c-list-indent-m {
	padding-right: 50px !important
}
.follow-up .c-list-img,
.follow-up .c-list-img img {
	width: 70px;
	height: 70px;
}
.follow-ask {}
.follow-ask li {
	display: block;
	margin: 10px 5px;
	background: #fff;
	border-radius: 4px;
	padding: 0 10px;
}
.fpart1 {
	line-height: 40px;
	position: relative;
	color: #333;
}
.follow-ask li .list-icon {
	right: 0;
}
.iconhold {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	color: #fff;
}
.fatb1 {
	background: #f39800;
	font-size: 16px;
}
.fatb2 {
	background: #3cca3f;
}
.fatb3 {
	background: #2caddf;
}
.fatb1 i {
	font-size: 17px;
}
.fatb2 i {
	font-size: 13px;
}
.fatb3 i {
	font-size: 18px;
}
.fpart2 {
	line-height: 20px;
	position: relative;
	color: #333;
	padding: 10px 0;
	border-top: 1px solid #f2f2f2;
	font-size: 12px;
}
.faname {
	display: inline-block;
	float: right;
	border-left: 1px solid #f2f2f2;
	padding-left: 10px;
}
.fpart3 {
	line-height: 20px;
	position: relative;
	color: #333;
	padding: 10px 0;
	border-top: 1px solid #f2f2f2;
	font-size: 12px;
}
/*随访*/
.q-form {
	background-color: #fff;
}
.q-form li:after {
	content: "";
	display: block;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
	clear: both;
}
.q-form li {
	padding: 10px 10px 10px 0;
	margin-left: 15px;
	border-bottom: 1px solid #e1e1e1;
}
.q-form li:last-child {
	border-bottom: none;
}
.q-form .q-form-label {
	font-size: 15px;
}
.q-form .q-form-val {
	margin-left: 82px;
	line-height: 22.5px;
}
.q-form .q-form-val.mr65 {
	margin-right: 65px;
}
.q-form .q-form-inp {
	display: block;
	width: 100%;
	border: none;
	color: #5b5b5b;
}
.q-form .q-form-inp[disabled] {
	background-color: #fff;
}
.qa-form {
	background-color: #fff;
}
.qa-form li:after {
	content: "";
	display: block;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
	clear: both;
}
.qa-form li {
	padding: 10px 10px 10px 0;
	margin-left: 15px;
	border-bottom: 1px solid #e1e1e1;
	position: relative
}
.qa-form li:last-child {
	border-bottom: none;
}
.qa-form .qa-form-label {
	font-size: 15px;
	color: #ff8100;
}
.qa-form .qa-form-val {
	margin-left: 37px;
	line-height: 22.5px;
}
.qa-form .qa-form-val.mr65 {
	margin-right: 65px;
}
.qa-form .qa-form-inp {
	width: 100%;
	border: none;
	color: #5b5b5b;
}
.qa-form .input-group {
	width: 100%;
	padding-right: 5px;
}
/* 我的签约服务 */
.my-servers-top {
	background: url(../images/banner1.jpg) 0 -50px no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	color: #fff;
	line-height: 21px;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
	position: relative;
}
.my-servers-top .sdimg {
	display: block;
	margin: 0 auto 10px auto;
	width: 60px;
	height: 60px;
	padding: 1px;
	background-color: rgba(250, 250, 250, .75);
	border-radius: 50%;
}
.my-servers-time {
	line-height: 40px;
	background: #fafafa;
	color: #555;
	padding: 0 15px;
	text-align: center;
}
.my-servers-time i {
	color: #bbb;
	font-size: 18px;
	margin-right: 5px;
}
/* 家庭成员 */
.sw60 {
	width: 60px;
	text-align: left;
}
.add-memb-btn {
	width: 100%;
	height: 46px;
	line-height: 46px;
	background: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}
.add-memb-btn a {
	color: #333;
	font-size: 14px;
}
/* 签约记录 */
.record-list {}
.record-list li .c-avatar-m {
	width: 45px;
	height: 45px;
}
.record-list li .arrow-right {
	display: inline-block;
	width: 6px;
	height: 6px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	vertical-align: middle;
	margin: 0 0 5px 5px;
	-webkit-transition: all .3s ease;
}
.record-list li .arshow {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin: 2px 0 0 5px;
}
.record-list li {
	position: relative;
	background: #fff;
	border-top: 1px solid #f2f2f2;
}
.record-list li:first-child {
	border-top: none;
}
.relimg {
	width: 45px;
	height: 45px;
	position: absolute;
	left: 15px;
	top: 10px;
	overflow: hidden;
}
.relimg img {
	width: 45px;
	height: 45px;
}
.relmess {
	padding: 13px 100px 8px 75px;
	min-height: 45px;
	font-size: 12px;
	color: #888;
	line-height: 18px;
}
.reltime {
	position: absolute;
	right: 15px;
	top: 13px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}
.rel-filed {
	background: #eaedeb;
	padding: 10px 15px;
	color: #555;
	font-size: 12px;
	line-height: 20px;
	display: none;
}
.rel-filed .ref-top {
	display: block;
	color: #ed5050;
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d2d4d1;
}
/* 电话随访 */
.mstop-time {
	width: 100%;
	line-height: 25px;
	background: rgba(0, 0, 0, .3);
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
	padding: 7px 0;
}
.mstop-time .mtpart {
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.mstop-time .mtpart:first-child {
	border-right: 1px solid #656578;
}
.mstop-time .mtpart i {
	font-size: 18px;
	margin: 0 3px;
}
.tel-ask-advice {
	margin: 10px 5px;
	padding: 8px;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	line-height: 30px;
	color: #5b5b5b;
}
.ask-text {
	border: none !important;
	padding: 0 !important;
}
/* 图文随访 */
.chat-form {
	bottom: 0;
	left: 0;
	height: 45px;
}
.nopos {
	position: relative;
	bottom: auto;
	left: auto;
}
.chat-form .ui-col-0 {
	width: 50px;
	text-align: center;
}
.chat-form .ui-col-0 a {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	position: relative;
	top: 8px;
	border: 1px solid #808080;
	border-radius: 50%;
	color: #808080;
}
.chat-input {
	border: 0;
	border-bottom: #808080 1px solid;
	position: relative;
	top: 14px;
}
.chat-pictures-wrap {
	height: 100%;
	z-index: 2323;
	top: 0;
	left: 0;
	display: none;
}
.chat-pictures-bg {
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}
.chat-pictures-btn {
	bottom: 0;
	left: 0
}
.chat-pictures-a {
	overflow: hidden
}
.chat-pictures-a a {
	height: 45px;
	line-height: 45px;
	display: block;
	font-size: 15px;
	color: #00a1d8;
	text-align: center;
	width: 100%;
	background-color: #fff;
	border-bottom: #e1e1e1 1px solid
}
.chat-pictures-a a:last-child {
	border-bottom: 0
}
.chat-pictures-a a em {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: #00a1d8 1px solid;
	border-radius: 50%;
	line-height: 12px;
	position: relative;
	top: -2px
}
.chat-pictures-a a em i.iconfont {
	font-size: 12px
}
.chat-form .ui-col-0 a.chat-send {
	display: inline-block;
	width: 40px;
	height: 31px;
	line-height: 31px;
	background: #4dcd70;
	text-align: center;
	font-size: 13px;
	color: #fff;
	border: none;
	border-radius: 3px;
	float: left;
}
/* 2015082703 CSX 新增 */
.bottom-btn-box {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 15px;
	background: #fff;
	z-index: 3000;
}
.bp-temp-page {
	padding-bottom: 60px;
}
.bp-temp {
	padding: 5px 0 5px 15px;
}
.bp-temp h3 {
	font-size: 15px;
	color: #333;
	padding: 10px 0;
}
.bp-temp h3 em {
	color: #f58100;
	margin-right: 5px;
}
.bp-temp-con {
	font-size: 12px;
	color: #5b5b5b;
	padding: 10px 15px;
}
.zz-list {
	overflow: hidden;
}
.zz-list li {
	width: 33.3333%;
	float: left;
}
@media screen and (min-width:320px) and (max-width:360px) {
	.zz-list li:last-child {
		width: 50%;
		float: left;
	}
}
.zz-tab {
	width: 100%;
}
.zz-tab td,
.zz-tab th {
	vertical-align: middle;
	padding: 5px 0;
}
.zz-tab th {
	width: 9em;
}
.zz-tab2 th {
	width: 6em;
}
.zz-tab th em {
	color: #f58100;
}
.i-unit {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 4px;
}
.width-16 {
	width: 16%;
}
/*单选框和复选框*/
.c-radio,
.c-check {
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	margin: 7px 0;
}
.c-radio .disc,
.c-check .tick {
	display: block;
	position: relative;
	width: 26px;
	height: 26px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #e1e1e1;
	border-radius: 50%;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 2;
}
.c-check .tick {
	border-radius: 6px;
}
.c-radio > input,
.c-check > input {
	display: inline-block;
	vertical-align: baseline;
	position: absolute;
	z-index: 3;
	width: 26px;
	height: 26px;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: 0;
}
.c-radio > input:checked + .disc:after,
label.checked .disc:after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #4dcd70;
	left: 6px;
	top: 6px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.c-check > input:checked + .tick:after,
label.checked .tick:after {
	position: absolute;
	content: "";
	width: 13px;
	height: 8px;
	border: solid #4dcd70;
	border-width: 0 0 2px 2px;
	left: 5px;
	top: 5px;
	-webkit-transform: rotate(-45deg);
}
.c-radio > input:disabled + .disc,
.c-check > input:disabled + .tick {
	background: #f0f0f0;
}
.c-radio > input:disabled,
.c-check > input:disabled {
	cursor: auto;
}
.c-radio .txt,
.c-check .txt {
	display: inline-block;
	position: absolute;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	top: 0;
	left: 32px;
}
/*下拉选框*/
.c-select {
	display: block;
	position: relative;
	height: 36px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
}
.c-select:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	border: solid #e1e1e1;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	right: 15px;
	top: 50%;
	margin-top: -7px;
}
.c-select > select {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 36px;
	color: #909090;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	border: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 0 25px 0 10px;
}
.c-select > select:focus {
	color: #4d5a5e;
	outline: 0;
}
.c-input {
	position: relative;
	display: inline-block;
	min-width: 40px;
	height: 36px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
}
.c-input > input {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 36px;
	color: #80989f;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	border: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 6px 12px;
}
.c-input > input:focus {
	color: #4d5a5e;
	outline: 0;
}
.c-textarea {
	position: relative;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
}
.c-textarea > textarea {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	z-index: 2;
	width: 100%;
	color: #80989f;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	border: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 6px 12px;
}
.c-textarea > textarea:focus {
	color: #4d5a5e;
	outline: 0;
}
/* 9.3 */
a.a-more {
	color: #007cd9;
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	color: #007cd9;
	font-size: 12px;
	/* border-top: 1px solid #f1f1f1; */
}
.bgc-7ecef4 {
	background-color: #7ecef4;
}
.c-list-text .c-t-left {
	color: #909090 !important;
}
.device-list .c-list-value {
	width: 100px;
}
.c-37a6ed {
	color: #37a6ed !important;
}
.c-333 {
	color: #333 !important;
}
i.icon-nan {
	color: #0073dd;
}
i.icon-nv {
	color: #ff6ca0;
}
/* css c-table two
-----------------------------------------------------------------------------*/
.c-table {
	width: 100%;
	border-collapse: collapse
}
.c-table th {
	font-weight: 700;
}
.c-table td,
.c-table th {
	border-bottom: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	text-align: center;
	padding: 10px 5px;
}
.c-table tr td:last-child,
.c-table tr th:last-child {
	border-right: 0
}
.c-table tr:last-child td {
	border-bottom: 0
}
.c-table th,
.c-table td {
	vertical-align: middle
}
.health-table-blue {
	background: #7ecef4;
	color: #fff;
	overflow: hidden
}
.health-table-blue span {
	display: block
}
.health-table-blue td {
	vertical-align: middle
}
.icon-zhidaobiaozhun.c-f24 {
	font-size: 24px;
	position: relative;
	top: 3px
}
.health-border-1 {
	border-color: #ff9806
}
.health-border-2 {
	border-color: #ff0606
}
.health-border-3 {
	border-color: #4dcd70
}
.health-border-4 {
	border-color: #ea68a2
}
.health-border-5 {
	border-color: #1dbdbf
}
.health-border-6 {
	border-color: #37a6ed
}
.health-border-7 {
	border-color: #ae5da1
}
.required {
	top: 50%;
	margin-top: -8px;
	left: 10px;
	color: #ff8100;
}
.add-equipment {
	background: #fff;
	padding: 10px 15px;
	line-height: 47px;
}
.add-btn {
	position: relative;
	display: block;
	width: 45px;
	height: 45px;
	color: #b8b8b8;
	border: 1px dotted #b8b8b8;
	background: #fff;
}
.add-btn:before {
	content: "";
	display: block;
	position: absolute;
	top: 22px;
	left: 8px;
	width: 30px;
	height: 2px;
	background: #b8b8b8;
}
.add-btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 22px;
	width: 2px;
	height: 30px;
	background: #b8b8b8;
}
.input-group.input-border span.form-control {
	line-height: 33px;
	color: #8f8f8f;
}
.input-group .c-avatar-s,
.input-group .c-avatar-m,
.input-group .c-avatar-l {
	margin: 5px 15px 5px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}
.health-input-merge .input-group-addon {
	min-width: 100%;
	width: 100px;
	text-align: left;
}
.unit-right {
	position: absolute;
	right: 15px;
	top: 13px;
}
.details-tips i.iconfont {
	color: #ffa119;
	font-size: 12px;
}
.historical-interfere i.iconfont {
	position: relative;
	top: -1px;
	font-size: 15px
}
.cod-list > li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 30px;
}
.cod-list > li .cod-line {
	position: absolute;
	top: 10px;
	left: 6px;
	width: 2px;
	z-index: 5;
	background: #06bf04;
	height: 100%;
	height: -moz-calc(100% +30px);
	height: -webkit-calc(100% +30px);
	height: calc(100% + 30px);
}
.cod-list > li:last-child .cod-line {
	display: none;
}
.cod-list > li:first-child .cod-line {
	background: #ff8100;
}
.cod-list > li > i {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	background: #06bf04;
	border-radius: 50%;
	z-index: 10;
}
.cod-list > li.current:after,
.cod-list > li.current > i {
	background: #ff8100;
}
.cod-con {
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 8px;
	position: relative;
	padding: 10px;
}
.cod-con em.arrow {
	position: absolute;
	top: 12px;
	left: -6px;
	display: block;
	width: 8px;
	height: 8px;
	background: #fff;
	border-color: #e1e1e1;
	border-style: solid;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.cod-con dd .upload-img ul li {
	margin-right: 5px;
}
.cod-con dd .upload-img ul li:last-child {
	margin-right: 0;
}
.add-manner {
	text-align: left;
}
.ui-popup .add-manner td {
	padding: 0 0 10px 0 !important;
}
.no-guide {
	width: 30%;
	height: 0;
	padding-bottom: 30%;
	background: url(../images/no_data.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.no-guide-tips {
	width: 70%;
	margin: 0 auto;
}
/*9.28-YY start*/
.sdoc-top.smil {
	padding: 38px 15px 36px;
	height: 100px;
	background: url(../images/p-bg-top.png) no-repeat;
}
.sdoc-top.smil.short {
	height: 60px;
}
.sdoc-top.smil .sdimg {
	margin: 0;
	width: 56px;
	height: 56px;
	border-radius: 56px;
	overflow: hidden;
	padding: 0;
	background: rgb(250, 250, 250)
}
.sdoc-top.smil .sdimg img {
	width: 56px;
	height: 56px;
}
.sdoc-top.smil .sdslink {
	border: none;
}
.ff6600 {
	color: #ff6600;
}
.pos-sist {
	padding: 23px 15px 18px;
	box-sizing: border-box;
	background: #fff;
}
.pos-sist img {
	width: 100%;
	height: auto;
}
.sdoc-top.smil .sdslink a {
	color: #007cd9;
	background: #f8f8f8;
	line-height: 27px;
}
.pb60 {
	padding-bottom: 60px;
}
.slider-detail h2 {
	color: #333333;
}
.slider-detail p {
	color: #888888;
}
.slider-detail li {
	padding: 10px 0 12px 0;
	position: relative;
}
.slider-detail li span {
	position: absolute;
	bottom: 0px;
	right: 15px;
}
.slider-detail p.show {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.arrow-down,
.arrow-up {
	display: inline-block;
	width: 8px;
	height: 8px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	cursor: pointer;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.arrow-up {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.line-click {
	width: 100%;
	height: 15px;
	position: relative;
}
/*9.28-YY end*/
/*=======================*/
.c-000 {
	color: #000
}
.c-ccc {
	color: #ccc
}
.r-15 {
	right: 15px;
}
.l-10 {
	left: 10px;
}
.pl25 {
	padding-left: 25px;
}
/* 9.28 */
/* -------签约成功提示 */
.nsucc-top {
	text-align: center;
	padding: 80px 0 20px 0;
}
.nsucc-top i {
	font-size: 50px;
}
.choo-qy div {
	padding: 6px 17px;
}
.goodstexa {
	display: block;
	width: 100%;
	height: 150px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	background: #fff;
	appearance: none;
	-webkit-appearance: none;
	padding: 5px 10px;
	word-break: break-all;
}

html/ssgg/css/zx-style.css

@@ -0,0 +1,3114 @@
body {
	background: #f9f9f9;
	font-size: 14px;
}
.c-btn-maincolor {
	background-color: #37a6ed;
	color: #fff;
}
/*蓝色按钮样式*/
.c-btn-maincolor:hover {
	background-color: #3099dd;
}
.c-37a6ec {
	color: #37a6ec;
}
.c-bfbfbf {
	color: #bfbfbf;
}
.c-fa383d {
	color: #fa383d;
}
.c-007dda {
	color: #007dda;
}
.c-ff8011 {
	color: #ff8011;
}
.c-087eff {
	color: #087eff;
}
.c-ff8100 {
	color: #ff8100;
}
.c-fff {
	color: #fff;
}
.c-ccc {
	color: #ccc;
}
.c-333 {
	color: #333;
}
.bgc-00c1a5 {
	background-color: #00c1a5;
}
.bgc-ebebeb {
	background-color: #ebebeb;
}
.bgc-087eff {
	background-color: #087eff;
}
.bgc-97caff {
	background-color: #97caff;
}
.c-tag {
	color: #fff;
	font-size: 16px;
	padding: 2px 10px;
	border-radius: 4px;
}
.c-tag-blue {
	background: #3da3ee;
}
.line-22 {
	line-height: 22px;
}
.line-40 {
	line-height: 40px;
}
.mr40 {
	margin-right: 40px;
}
.r-15 {
	right: 15px;
}
.pt1 {
	padding-top: 1px;
}
.add-model .title-word-limit {
	position: absolute;
	right: 15px;
	top: 12px;
}
.arrow-left {
	display: block;
	width: 8px;
	height: 8px;
	border: solid #fff;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* css3-Grid
-----------------------------------------------------------------------------*/
.ui-grid {
	display: -webkit-box;
	display: box;
}
.ui-grid-middle {
	-webkit-box-pack: center;
	-webkit-box-align: center;
	box-pack: center;
	box-align: center;
}
.ui-grid-vertical {
	-webkit-box-orient: vertical;
	box-orient: vertical;
}
.ui-grid-label {
	-webkit-box-flex: 0;
	box-flex: 0;
	width: 100px;
	font-weight: 600;
}
.ui-col-0 {
	-webkit-box-flex: 0;
	box-flex: 0;
}
.ui-col-1 {
	-webkit-box-flex: 1;
	box-flex: 1;
}
/*n-list*/
.ptb12 {
	padding-top: 12px;
	padding-bottom: 12px;
}
.n-list {
	background-color: #fff;
}
.n-list > li,
.n-list > .n-list-li {
	position: relative;
	display: -webkit-box;
	display: box;
	box-pack: center;
	padding-right: 15px;
	margin-left: 15px;
	border-top: 1px solid #f1f1f1;
	clear: both;
}
.n-list > li:first-child,
.n-list > .n-list-li:first-child {
	border-top: none;
}
.n-list > .n-list-link:active {
	background-color: #f7f7f7;
	padding-left: 15px;
	margin-left: 0
}
.n-list > .n-list-cover {
	padding-left: 15px;
	margin-left: 0;
}
.n-list > .list-arrow-r,
.n-list > .list-arrow-d,
.n-list > .list-arrow-u {
	padding-right: 30px
}
.n-list > .list-arrow-r:after,
.n-list > .list-arrow-d:after,
.n-list > .list-arrow-u:after {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -5px;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.n-list > .list-arrow-d:after {
	right: 13px;
	margin-top: -8px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.n-list > .list-arrow-u:after {
	right: 13px;
	margin-top: -2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.n-list-title {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-pack: start;
	-moz-box-pack: start;
	box-pack: start;
}
.n-list-key,
.n-list-info {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
}
.n-list-info {
	display: box;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}
.n-list-flex {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}
.n-list > .n-list-function {
	border-top: none;
	padding-right: 0;
}
.n-list > .n-list-function .n-list-flex {
	border-top: 1px solid #f1f1f1;
}
.n-list > .n-list-function:first-child .n-list-flex {
	border-top: none;
}
.n-list > li:first-child,
.n-list > .n-list-function:first-child,
.n-list > .n-list-function:first-child .n-list-info,
.n-list > div:first-child {
	border: 0;
}
.n-list > .n-list-label {
	display: block;
	border-top: none;
	padding-right: 0;
}
.n-list .n-list-img {
	width: 100px;
	height: 68px;
	overflow: hidden;
	position: relative
}
.n-list .n-list-img img {
	width: 100%;
	height: auto;
}
.required {
	position: relative;
}
.required:before {
	content: "*";
	position: absolute;
	color: #f00;
	font-size: 14px;
	height: 12px;
	line-height: 12px;
	vertical-align: middle;
	left: -10px;
	top: 50%;
	margin-top: -5px;
}
.n-avatar-s,
.n-avatar-m,
.n-avatar-l {
	width: 26px;
	height: 26px;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}
.n-avatar-m {
	width: 40px;
	height: 40px;
}
.n-avatar-l {
	width: 54px;
	height: 54px;
}
.n-avatar-s img,
.n-avatar-m img,
.n-avatar-l img {
	width: 100%;
	height: 100%;
}
.word-bread {
	word-wrap: break-word;
}
/* 电话咨询 */
.doc-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
}
.doc-avatar img {
	width: auto;
	height: 100%;
}
.view-more {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 15px 0;
}
.doc-detail .list-arrow-d:after {
	top: 15px;
	margin-top: 0;
}
.doc-detail .list-arrow-u:after {
	top: 20px;
	margin-top: 0;
}
.level,
.honor {
	display: inline-block;
	width: 20px;
	height: 20px;
}
.level img,
.honor img {
	width: 100%;
	height: 100%;
}
/* 指定咨询 */
.upload-img {
	overflow: hidden;
	display: inline-block;
}
.upload-img ul li {
	position: relative;
	display: inline;
	float: left;
	width: 76px;
	height: 76px;
	padding: 0 10px 10px 0;
}
.upload-img ul li img {
	width: 100%;
	height: 100%;
}
.upload-img .del-img {
	position: absolute;
	top: 0;
	right: 10px;
	text-align: center;
	width: 26px;
	height: 26px;
	line-height: 20px;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	border-radius: 0 0 0 90%;
	overflow: hidden;
}
.upload-img .del-img .iconfont {
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	margin-left: 4px;
}
.add-btn {
	position: relative;
	display: block;
	width: 74px;
	height: 74px;
	font-size: 0;
	color: #b8b8b8;
	border: 1px dashed #a0a0a0;
	background: #fff;
}
.add-btn:before {
	content: "";
	display: block;
	position: absolute;
	top: 34px;
	left: 22px;
	width: 30px;
	height: 2px;
	background: #a0a0a0;
}
.add-btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	left: 36px;
	width: 2px;
	height: 30px;
	background: #a0a0a0;
}
.doc-tab li {
	width: 50%;
}
.doc-tab li.hit {
	border-bottom: 3px solid #4dcd70;
}
.doc-tab li.hit a {
	color: #4dcd70;
}
.doc-list-sm {
	padding: 10px 15px;
}
.doc-list-sm span {
	color: #666;
}
.doc-list-sm b {
	color: #333;
	font-weight: normal;
}
.delimgpop {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .8);
	text-align: center;
	z-index: 2200;
}
.del-img-box {
	width: 100%;
	height: 100%;
	display: table;
}
.del-img-con {
	display: table-cell;
	vertical-align: middle;
}
.del-img-con img {
	width: auto;
	height: auto;
	border: 2px solid #000;
}
.del-img-con p {
	position: relative;
	display: inline-block !important;
	-webkit-animation: myfirst .3s ease;
}
.del-img-box p:after {
	font-family: "iconfont" !important;
	content: "\d605";
	position: absolute;
	display: block;
	top: 5px;
	right: 10px;
	width: 32px;
	height: 32px;
	z-index: 5000;
	color: #fff;
	font-size: 32px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-shadow: 0 0 1px #f00;
	text-shadow: 0 0 1px #000;
}
.del-img-btn {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
	padding: 0 15px;
	text-align: right;
	color: #000;
}
.del-img-btn .iconfont {
	font-size: 20px;
	margin-right: 4px;
}
.r-input {
	width: 100%;
	text-align: right;
}
.r-textarea {
	width: 100%;
	border: 0;
	padding: 0;
	resize: none;
}
.over-lay,
.over-lay[id] {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3000;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
}
.ins-img-btn {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 3100;
}
.ins-img-btn .c-btn {
	border-radius: 4px;
	border: none;
	color: #157efb;
	font-size: 20px;
}
.ins-img-btn .c-btn:first-child {
	border-radius: 4px 4px 0 0;
}
.ins-img-btn .c-btn:nth-child(2) {
	border-top: 1px solid #e1e1e1;
	border-radius: 0 0 4px 4px;
}
.zx-notes {
	text-align: left;
	color: #5b5b5b;
	font-size: 12px;
}
.ui-popup .zx-notes li {
	padding: 0 !important;
	margin: 0 !important;
}
/* 咨询信息 */
.talk-box {
	position: relative;
	width: 100%;
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #e6bc5d;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.talk-box:after {
	position: absolute;
	content: "";
	top: -6px;
	left: 30px;
	font-size: 13px;
	color: #5b5b5b;
	width: 10px;
	height: 10px;
	border: 1px solid #e6bc5d;
	border-width: 1px 1px 0 0;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.icon-round {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	border-radius: 50%;
	overflow: hidden;
}
.upload-img ul li.upload-btn-box {
	width: 240px;
	height: 76px;
}
.upload-img ul li.upload-btn-box p {
	width: 150px;
	font-size: 13px;
	color: #5b5b5b;
	display: block;
	padding: 18px 0 0 10px;
}
.pingjia {
	font-size: 13px;
	color: #ff8100;
}
.pingjia .iconfont {
	font-size: 20px;
	line-height: 20px;
	color: #ff8100;
}
.bottom-iconbtn {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 44px;
	border-top: 1px solid #e1e1e1;
	background: #fff;
	z-index: 1000;
}
.bottom-iconbtn a {
	display: inline-block;
	width: 49%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #e1e1e1;
	overflow: hidden;
}
.bottom-iconbtn a:last-child {
	border: none;
}
.bottom-iconbtn a .iconfont {
	font-size: 18px;
	line-height: 18px;
	vertical-align: middle;
}
.sel-phiz {
	overflow: hidden;
	padding-right: 15px;
}
.sel-phiz li {
	width: 25%;
	float: left;
	text-align: center;
	color: #333;
	font-size: 15px;
}
.sel-phiz li:nth-child(2) {
	margin: 0 12.4%;
}
.sel-phiz li .iconfont {
	font-size: 40px;
	line-height: 40px;
	color: #ccc;
}
.sel-phiz li p {
	padding-top: 5px;
}
.sel-phiz li.selected .iconfont {
	color: #ff8100;
}
.padding-fixed {
	width: 100%;
	height: 70px;
}
.tel-zx-list>li .n-list-key {
	min-width: 6em;
}
/*爱心咨询*/
.common-title {
	font-size: 12px;
	padding: 10px 15px;
	color: #5b5b5b;
}
.ax-consultation li {
	position: relative;
}
.ax-consultation select,
.ax-consultation input {
	color: #909090 !important;
}
.ax-consultation li input.short {
	border: 1px solid #000;
	width: 50%;
	box-sizing: border-box;
}
.ax-consultation li .input-group .form-select {
	height: 30px;
	box-sizing: border-box;
	padding: 2px 13px 2px 5px;
}
.ax-consultation li .form-select-arrow {
	top: 9px;
	right: 7px;
}
.ax-consultation li .c-list-value h4 {
	min-width: 4em;
}
.ax-consultation li .input-group {
	position: relative;
}
.arrow-down {
	display: block;
	width: 8px;
	height: 8px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.ax-consultation li .list-icon {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}
.ax-consultation li .input-group .list-icon {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -4px;
}
.pl40 {
	padding-left: 40px;
}
.ml40 {
	margin-left: 40px;
}
.ax-consultation li .input-group-addon {
	padding: 0 10px;
}
.pm_age {
	display: inline-block;
	width: 138px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	vertical-align: middle;
	overflow: hidden;
	position: relative;
}
.ageinput {
	width: 65px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border: none;
	float: left;
	font-size: 15px;
	color: #333;
	border-right: 1px solid #ddd;
	padding-left: 10px;
	border-radius: 5px 0 0 5px;
}
.pm_age .agesel {
	width: 60px;
	height: 30px;
	line-height: 30px;
	float: left;
	font-size: 15px;
	color: #808080;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica;
	background: url(/images/point_d.png) 94% center no-repeat #fff;
	background-size: 13px 8px;
	-webkit-background-size: 13px 8px;
	padding: 0 0 0 10px;
}
.pt2 {
	padding-top: 2px;
}
/*问医生*/
.bg-9dcd82 {
	background: #9dcd82;
}
.bg-ff7aac {
	background: #ff7aac;
}
.bg-8ebcf8 {
	background: #8ebcf8;
}
.bg-ffbc16 {
	background: #ffbc16;
}
.ask-doctors-boxer .c-avatar-m i {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	text-align: center;
	line-height: 40px;
	display: block;
	color: #fff;
	font-size: 24px;
}
.ask-doctors-boxer .tiper-words {
	width: 100%;
	box-sizing: border-box;
}
.ask-doctors-boxer .tiper-words img {
	width: 100%;
}
/*专家列表*/
.professor-listhead {
	height: 45px;
	background: #fff;
	width: 100%;
	z-index: 99;
	position: fixed;
	bottom: 0;
	left: 0;
}
.professor-listhead li {
	float: left;
	line-height: 45px;
	box-sizing: border-box;
	border-right: 1px solid #f2f2f2;
	text-align: center;
	color: #5b5b5b;
	font-size: 14px;
	height: 45px;
}
.professor-listhead li span {
	text-overflow: ellipsis;
	overflow: hidden;
	height: 45px;
	line-height: 45px;
	white-space: nowrap;
	max-width: 80%;
	display: inline-block;
	position: relative;
	padding: 0 15px 0 0;
	box-sizing: border-box;
}
.professor-listhead li:last-child {
	border: none;
}
.professor-listhead li em.cur {
	color: #37a6eb;
}
.professor-listhead li i {
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
}
.professor-listhead li.cur i.s-arrow-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #b4b4b4;
	border-top: 0;
}
.s-arrow-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #b4b4b4;
	border-top: 0;
}
.professor-main .c-avatar-m {
	padding: 6px 0 6px;
}
.professor-main .c-avatar-m img {
	border-radius: 40px;
	overflow: hidden;
	width: 40px;
	height: 40px;
}
.professor-main .c-list-indent-s {
	padding-right: 15px !important;
}
.pt35 {
	padding-top: 35px;
}
.c-ff8100 {
	color: #ff8100;
}
.professor-main .c-5b5b5b {
	color: #5b5b5b !important;
}
.list-addmore {
	color: #007cd9;
	font-size: 13px;
	width: 100%;
	text-align: center;
	line-height: 34px;
}
.professor-main .c-list-info {
	padding: 6px 0 6px;
}
.professor-main li {
	padding-left: 15px !important;
	margin-left: 0 !important;
}
/*专家列表iscroll*/
.shadow-panel {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 45px;
	width: 100%;
	z-index: 90;
	background-color: rgba(0, 0, 0, .35);
}
.scroll-fixed {
	position: fixed;
	bottom: 45px;
	left: 0;
	z-index: 98;
}
.scroll-citybox,
.scroll-hospbox {
	width: 100%;
	height: 352px;
	overflow: hidden;
}
.scroll-specbox {
	width: 100%;
	height: 352px;
	overflow: hidden;
}
.scroll-citybox li,
.scroll-hospbox li {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.city-box-leftwrapper {
	width: 40%;
	background: #f5f5f5;
}
.city-box-rightwrapper {
	width: 60%;
	background: #ffffff;
}
.hosp-box-leftwrapper {
	width: 50%;
	background: #f5f5f5;
}
.hosp-box-rightwrapper {
	width: 50%;
	background: #ffffff;
}
.spec-box-leftwrapper {
	width: 100%;
	background: #ffffff;
	font-size: 14px;
}
.cc-lef li {
	padding: 11px 20px;
	color: #5b5b5b;
	font-size: 14px;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	width: 100%;
	box-sizing: border-box;
}
.cc-lef li:last-child {
	border-bottom: none;
}
.cc-lef li span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
	overflow: hidden;
}
.cc-rig li {
	margin-left: 15px;
	border-bottom: 1px solid #e1e1e1;
	height: 43px;
	line-height: 43px;
	color: #5b5b5b;
	font-size: 14px;
}
.cc-rig li:last-child {
	border-bottom: none;
}
.cc-lef li.cur {
	background: #fff;
	border-right: 1px solid #fff;
}
.cc-rig li.cur {
	color: #37a6eb;
}
.city-box-leftwrapper,
.city-box-rightwrapper,
.hosp-box-leftwrapper,
.hosp-box-rightwrapper,
.spec-box-leftwrapper {
	float: left;
	position: relative;
	height: 352px;
	overflow: hidden;
	/* Prevent native touch events on Windows */
	-ms-touch-action: none;
	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.city-leftscroller,
.city-rightscroller,
.hosp-leftscroller,
.hosp-rightscroller,
.spec-leftscroller {
	position: absolute;
	width: 100%;
	/* Prevent elements to be highlighted on tap */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* Put the scroller into the HW Compositing layer right from the start */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.shadow-panel {
	display: none;
}
.spec-leftscroller div.c-33 {
	color: #5b5b5b;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
}
.spec-leftscroller div.c-33.cur {
	color: #37a6eb;
}
.main-scrollboxer {
	-webkit-overflow-scrolling: touch;
}
/*医生列表搜索无数据*/
.search-nodata {
	width: 100%;
	font-size: 16px;
	color: #5b5b5b;
	text-align: center;
	padding: 100px 0 40px 0;
}
.search-nodata-img {
	width: 40%;
	max-width: 320px;
	margin: 0 auto;
}
.search-nodata-icon {
	background: url(../images/no-data.png) no-repeat 100% 0;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size: 100% auto;
}
/*网络咨询详情页*/
.c-avatar-m {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}
.doctor_detail_intro {
	font-size: 15px;
	background: #fff;
	margin-top: 20px;
}
.doctor_detail_intro .tit {
	color: #909090;
	display: inline-block;
	float: left;
	width: 75px;
}
.doctor_detail_intro .tit2 {
	color: #909090;
	display: inline-block;
	float: left;
	width: auto;
}
.doctor_detail_intro .words {
	-webkit-box-flex: 1;
	box-flex: 1;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	padding-right: 15px;
	box-sizing: border-box;
	color: #333;
	overflow: hidden;
}
.doctor_detail_intro .main_good_at,
.doctor_detail_intro .main_intro {
	margin-left: 15px;
	padding: 15px 0
}
.report-img,
.report-img img {
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 10px;
}
.time-title {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	background-color: #4dcd70
}
.time-title i,
iconfont {
	font-size: 13px;
}
.review {
	width: 100%;
	margin-top: 10px;
}
.review .hd {
	height: 5px;
	position: relative;
}
.review .hd .ui-arrow {
	position: absolute;
	top: -5px;
	left: 10px;
	border-bottom-color: #ff8100;
}
.review .hd .ui-arrow s {
	top: -4px;
}
.review .bd {
	border: 1px solid #ff8100;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*电话咨询记录*/
.doctor_detail_intro .record-tit {
	color: #909090;
	display: inline-block;
	float: left;
	width: 85px;
}
.no-record {
	text-align: center;
	line-height: 23px;
	padding: 0 15px;
}
.icon-record {
	display: inline-block;
	width: 125px;
	height: 125px;
	background: url(../images/no-data.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	margin: 60px 0 5px 0;
}
/*电话咨询-登记成功*/
.win-register {
	text-align: center;
}
.win-register i,
iconfont {
	font-size: 60px;
}
.b-height {
	height: 80px;
}
.s-height {
	height: 40px;
	line-height: 40px;
	text-align: center
}
.c-49 {
	width: 49%
}
/*确认就诊人信息*/
.demo-input-merge .input-group-addon {
	min-width: 90px;
	width: 90px;
	text-align: left;
}
.l-span {
	top: 17px;
	left: 0px;
	position: absolute;
	color: #f00
}
.words-box {
	padding-top: 8px;
	border-top: 1px solid #e1e1e1;
}
.words-box .form-textarea2 {
	height: 100px;
	border: 0px;
	resize: none
}
.input-merge .input-group.input-border .input-group-addon,
.input-merge .input-group.input-border .form-control,
.input-merge .input-group.input-border .form-select,
.input-merge .input-group.input-border .form-textarea,
.input-merge .input-group.input-border .form-control,
.input-merge .input-group.input-border .form-select,
.input-merge .input-group.input-border .form-textarea,
.input-merge .input-group.input-border .input-group-addon {
	border-radius: 0px;
}
.input-merge .input-group.input-border {
	padding-left: 15px;
}
.input-merge .input-group.input-border .input-group-addon {
	padding-left: 0
}
.t-14 {
	top: 14px;
}
.t-12 {
	top: 12px;
	position: absolute;
	color: #ff8100;
}
.words-box .form-textarea2::-webkit-input-placeholder,
.words-box .r-textarea::-webkit-input-placeholder {
	color: #bfbfbf;
}
.words-box .form-textarea2:-moz-placeholder,
.words-box .r-textarea:-moz-input-placeholder {
	color: #bfbfbf;
}
.words-box .form-textarea2:-ms-input-placeholder,
.words-box .r-textarea:-ms-input-placeholder {
	color: #bfbfbf;
}
.number-r-b {
	right: 15px;
	bottom: -15px;
	position: absolute;
}
/*网络咨询*/
.hz-header {
	height: 45px;
	background: #fff;
}
.hz-header li {
	font-size: 13px;
	color: #5b5b5b;
}
.hz-header li.cur {
	border-bottom: 2px solid #37a6ed;
}
.hz-header li.cur span {
	color: #007cd9;
}
.hz-header li span {
	margin: 12px 0;
	border-right: 1px solid #e1e1e1;
	text-align: center;
	display: block;
	box-sizing: border-box;
}
.visit-list {}
.visit-list li {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
	padding-left: 15px;
	margin-top: 15px;
}
.visit-list li .vlname {
	line-height: 45px;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
	padding-right: 15px;
}
.visit-list li .vlname .arrow-right {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}
.visit-list li .vlcard {
	line-height: 40px;
	color: #bfbfbf;
	padding-right: 15px;
}
.c-btn-r,
.c-btn-full-r {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	border: 0;
	background: none;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px;
	color: #fff;
	position: relative;
	font: 14px/1 \5FAE\8F6F\96C5\9ED1, tahoma, arial, \5b8b\4f53;
	line-height: normal !important;
	background-color: #37a6ec;
	border-radius: 4px;
}
.r-w100 {
	width: 100px;
	text-align: right;
}
.bgc-fffae8 {
	background: #fffae8;
}
.pb3 {
	padding-bottom: 3px;
}
.pb2 {
	padding-bottom: 2px;
}
.c-ser-btn a {
	height: 28px;
	line-height: 28px;
	border: 1px solid #e8e8e8;
}
.c-avatar-s img,
.c-avatar-m img,
.c-avatar-l img {
	width: 100%;
	height: auto;
}
.test-boxer .c-avatar-m {
	text-align: center;
	padding: 0;
}
.test-boxer .c-avatar-m img {
	width: auto;
	height: 100%;
	border-radius: 0;
}
/*2015.11.9*/
.scroll-include {
	height: 260px;
	overflow: hidden;
}
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
	/* 兼容iphone4/4s */
	.scroll-include {
		height: 200px;
	}
}
/*2015.11.18*/
.c-nowrap.c-f16 {
	font-size: 16px !important;
}
/*2.12专家列表*/
.c-ser-main i.left-42 {
	left: 42%;
}
.professor-listhead.professor-list-listhead {}
.professor-list-btn {
	height: 28px;
	line-height: 28px;
	border-radius: 4px;
	padding: 5px 10px;
	margin-left: 10px;
}
/*2.12编辑模板*/
.list-arrow-r.ml0 {
	margin-left: 0;
}
/*2.12回复模块*/
.icon-look {
	background: url(../images/icon-look.png) no-repeat 0 0;
	background-size: 100%;
	width: 22px;
	height: 23px;
	display: block;
	margin: 10px auto 0;
}
.talk-box.reply-talk-box {
	padding: 0;
	border-color: #e1e1e1;
}
.talk-box.reply-talk-box:after {
	border-color: #e1e1e1;
	left: 15px;
}
.talk-box.reply-talk-box.right:after {
	right: 15px;
	left: auto;
}
.reply-talk-box.n-list>li {
	padding-left: 15px;
	margin-left: 0;
	border-top: 0;
}
.reply-talk-box .look-report li {
	float: left;
	width: 57px;
	text-align: center;
}
.reply-talk-box .look-report li div {
	height: 56px;
	border: 1px solid #e3e3e3;
}
.icon-homan {
	display: block;
	background: #e1e1e1 url(../images/icon-homan.png) no-repeat 50% 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: 50%;
}
.btn-voice {
	background: url(../images/btn-voice.jpg) no-repeat 0 0;
	background-size: 100%;
	width: 85px;
	height: 34px;
	display: block;
}
.icon-reply {
	width: 15px;
	height: 15px;
	display: block;
	background: url(../images/icon-reply.jpg) no-repeat 0 0;
	background-size: 100%;
}
.icon-broadcast {
	background: url(../images/icon-broadcast.png) no-repeat 0 0;
	background-size: 100%;
	width: 12px;
	height: 16px;
}
.icon-border {
	width: 1px;
	height: 14px;
	margin: 5px 12px 0;
	background-color: #ddd;
}
.reply-title {
	position: relative;
	background: #97caff;
	color: #fff;
	font-size: 14px;
	padding: 10px 0;
	padding-left: 25px;
}
.reply-title:after {
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -5px;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.c-tag-blue.c-f13 {
	font-size: 13px;
}
/*2.12关注*/
.heed {
	background: url(../images/heed.png) no-repeat 0 0;
	background-size: 100%;
	width: 26px;
	height: 26px;
	display: block;
	margin: 0 auto 5px;
}
.heed-orange {
	background: url(../images/heed-orange.png) no-repeat 0 0;
	background-size: 100%;
	width: 26px;
	height: 26px;
	display: block;
	margin: 0 auto 5px;
}
#heed,
#heed-orange {
	width: 40px;
	text-align: center;
	padding-top: 12px;
}
.pm_age .agesel.w-70 {
	width: 70px;
}
/*2.12回复录音*/
.win-broadcast {
	position: fixed;
	outline: 0px;
	top: 50%;
	left: 50%;
	margin: -113px 0 0 -135px;
	width: 269px;
	height: 226px;
	border-radius: 5px;
	z-index: 100;
}
.win-broadcast .bg {
	background-color: #fff;
	width: 269px;
	height: 226px;
	border-radius: 5px;
	display: block;
}
.win-broadcast .broadcast {
	background: url(../images/broadcast.png) no-repeat 0 -2px;
	width: 85px;
	height: 85px;
	display: block;
	background-size: 100%;
	position: absolute;
	top: 67px;
	left: 34%;
	border-radius: 50%;
	z-index: 99;
}
.win-broadcast .word {
	position: absolute;
	bottom: 0;
	border-radius: 5px;
	border-top: 1px solid #e1e1e1;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	color: #666;
	background-color: #fff;
	height: 35px;
	width: 100%;
	line-height: 35px;
}
.win-broadcast .word.title {
	top: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.delete {
	display: block;
	position: absolute;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: #fff;
	right: 6px;
	top: 6px;
	z-index: 10;
	text-align: center;
	line-height: 9px;
	color: #919191;
	font-size: 12px;
}
.broadcast-shadow-panel {
	width: 100%;
	position: absolute;
	overflow: hidden;
	z-index: 10;
	top: 0;
	background-color: rgba(0, 0, 0, .35);
}
/*动画*/
.win-broadcast .broadcast {
	animation: broadcast 2s infinite;
	-webkit-animation: broadcast 2s infinite;
	/* Safari 和 Chrome */
}
/* Safari 和 Chrome */
@-webkit-keyframes broadcast
{
	0% {
		background-color: #ccf5ff;
		box-shadow: 0 0 0 0px #ccf5ff, 0 0 0 0 #c3e9f2, 0 0 0 0px #e9fffe, 0 0 0 0 #ddf5f4;
	}
	25% {
		background-color: #ccf5ff;
		box-shadow: 0 0 0 5px #ccf5ff, 0 0 0 1px #c3e9f2, 0 0 0 20px #e9fffe, 0 0 0 1px #ddf5f4;
	}
	50% {
		background-color: #ccf5ff;
		box-shadow: 0 0 0 10px #ccf5ff, 0 0 0 1px #c3e9f2, 0 0 0 25px #e9fffe, 0 0 0 1px #ddf5f4;
	}
	100% {
		background-color: #ccf5ff;
		box-shadow: 0 0 0 15px #ccf5ff, 0 0 0 1px #c3e9f2, 0 0 0 30px #e9fffe, 0 0 0 1px #ddf5f4;
	}
}
/* 12-18 */
.nxz-voice {
	line-height: 21px;
	text-align: right;
}
.nzx-tb {
	display: inline-block;
	width: 15px;
	height: 21px;
	background: url(../images/icon-broadcast.png) no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-ms-background-size: 100% auto;
	vertical-align: middle;
}
.win-broadcast-mb {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .35);
	display: none;
}
.myorder li .vlname {
	line-height: 20px;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* 1-12 */
.myaks-top {}
.myaks-top li {
	background: #fff;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	margin-top: 10px;
}
.myaks-top li:first-child {
	margin-top: 0;
}
.mt-mess {
	margin-left: 10px;
	padding: 10px 0;
}
.mt-con {
	margin-left: 10px;
	padding: 10px 10px 10px 0;
	border-top: 1px solid #f2f2f2;
}
.mtime {
	line-height: 25px;
}
.mtime em {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/sex.png) no-repeat;
	background-size: 29px 14px;
	vertical-align: middle;
	margin: 0 5px 5px 0;
}
.mtime em.sex-male {
	background-position: 0 0;
}
.mtime em.sex-female {
	background-position: -15px 0;
}
.msympt {
	position: relative;
	padding-left: 40px;
	min-height: 20px;
}
.msympt h4 {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	color: #909090;
}
.mt-state {
	line-height: 40px;
	text-align: center;
	border-top: 1px solid #f2f2f2;
	color: #17b3ec;
}
.mreport-list .c-list-link .c-list-value {
	padding-right: 0;
}
.h35 {
	height: 35px;
}
.myask-lab {
	width: 100%;
	height: 35px;
	background: #fff;
}
.myask-lab li {
	display: block;
	width: 33.33%;
	float: left;
	font-size: 13px;
	color: #5b5b5b;
	line-height: 34px;
	text-align: center;
	position: relative;
	z-index: 600;
}
.labfixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 600;
}
.myask-lab li.curr {
	border-bottom: 2px solid #17b3ec;
	color: #17b3ec;
}
.myask-lab:before {
	content: '';
	display: block;
	width: 33.33%;
	height: 22px;
	position: absolute;
	left: 33.33%;
	top: 6px;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	z-index: 500;
}
.myask-visit li {
	margin-top: 10px;
}
.myask-visit li:first-child {
	margin-top: 0;
}
/* 再次咨询弹窗 */
.botpop {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 700;
	-webkit-animation: choopop .2s ease;
	animation: choopop .2s ease;
	display: none;
}
@-webkit-keyframes choopop {
	0% {
		bottom: -200px;
	}
	100% {
		bottom: 0px;
	}
}
@keyframes choopop {
	0% {
		bottom: -200px;
	}
	100% {
		bottom: 0px;
	}
}
.botpop li {
	line-height: 50px;
	background: #fff;
	border-top: 1px solid #f2f2f2;
	padding: 0 15px;
}
.botpop li.curr {
	color: #17b3ec;
}
.botpopmb {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 650;
	display: none;
}
/* index */
.bgc-f3f3f3 {
	background-color: #f3f3f3;
}
.bor-f2-r {
	border-right: 1px solid #f2f2f2;
}
.bor-f2-b {
	border-bottom: 1px solid #f2f2f2;
}
.bor-f2-tb {
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.lih43 {
	line-height: 43px;
}
.icon-mindex {
	display: inline-block;
	background: url(../images/icon-mindex.png) no-repeat;
	background-size: 250px 250px;
	vertical-align: text-top;
}
.icon-mpart1 {
	width: 91px;
	height: 100px;
	background-position: 0 0;
	margin-bottom: 5px;
}
.icon-mpart2 {
	width: 49px;
	height: 40px;
	background-position: -95px 0;
	margin-top: -21px;
}
.icon-mpart3 {
	width: 40px;
	height: 39px;
	background-position: -150px 0;
	margin-bottom: 2px;
}
.icon-mpart4 {
	width: 41px;
	height: 39px;
	background-position: -195px 0;
	margin-bottom: 2px;
}
.icon-msearch {
	width: 15px;
	height: 15px;
	background-position: 0 -155px;
	margin: 1px 5px 0 0;
}
.mindex-search {
	width: 100%;
	padding: 8px 7px;
	background-color: #fff;
}
.mindex-search div {
	height: 27px;
	line-height: 27px;
	background-color: #f2f2f2;
	border-radius: 3px;
}
.mindex-search div {
	position: relative;
	padding: 0 10px 0 30px;
}
.mindex-search .icon-msearch {
	position: absolute;
	left: 8px;
	top: 5px;
}
.mindex-search .search-text {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f2f2f2;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 3px;
}
.mindex-top {
	background: #fff;
	line-height: 20px;
	height: 187px;
}
.mt-center {
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	text-align: center;
}
.mt-part1-1 {
	width: 47%;
	height: 100%;
	float: left;
}
.mt-part1-2 {
	width: 53%;
	height: 100%;
	float: left;
}
.mt-part2 {
	width: 100%;
	height: 50%;
}
.mt-part3 {
	width: 50%;
	height: 100%;
	float: left;
}
.mt-freeask {
	display: inline-block;
}
.mindex-img {
	position: relative;
}
.mindex-img .bd li {
	display: block;
	width: 100%;
	height: 61px;
}
.mindex-img .bd li img {
	width: 100%;
	height: 100%;
}
.mindex-img .hd {
	position: absolute;
	height: 7px;
	line-height: 7px;
	bottom: 5px;
	left: 50%;
	font-size: 1px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.mindex-img .hd li {
	display: inline-block;
	width: 7px;
	height: 7px;
	line-height: 7px;
	background: #cacaca;
	border-radius: 50%;
	margin: 0 5px;
	font-size: 0px;
	overflow: hidden;
	color: #cacaca;
}
.mindex-img .hd li.on {
	background: #17b3ec;
	color: #17b3ec;
}
.mindex-list {
	background-color: #fff;
}
.mindex-list li {
	display: block;
	width: 25%;
	height: 80px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	text-align: center;
	border-right: 1px solid #f2f2f2;
	border-top: 1px solid #f2f2f2;
	color: #909090;
}
.mindex-list li:nth-child(4n) {
	border-right: 0;
}
.mindex-list li i {
	width: 25px;
	height: 25px;
}
.icon-mlist3 {
	background-position: 0 -105px;
}
.icon-mlist4 {
	background-position: -25px -105px;
}
.icon-mlist5 {
	background-position: -50px -105px;
}
.icon-mlist80 {
	background-position: -75px -105px;
}
.icon-mlist10 {
	background-position: -100px -105px;
}
.icon-mlist11 {
	background-position: -125px -105px;
}
.icon-mlist12 {
	background-position: -150px -105px;
}
.icon-mlist19 {
	background-position: -175px -105px;
}
.icon-mlist13 {
	background-position: -200px -105px;
}
.icon-mlist50 {
	background-position: -225px -105px;
}
.icon-mlist16 {
	background-position: 0 -130px;
}
.icon-mlist54 {
	background-position: -25px -130px;
}
.icon-mlist27 {
	background-position: -50px -130px;
}
.icon-mlist14 {
	background-position: -75px -130px;
}
.icon-mlist21 {
	background-position: -100px -130px;
}
.icon-mlist52 {
	background-position: -125px -130px;
}
.icon-mlist15 {
	background-position: -150px -130px;
}
.icon-mlist81 {
	background-position: -175px -130px;
}
.icon-mlist78 {
	background-position: -200px -130px;
}
.mindex-recom {
	background-color: #fff;
	padding: 10px;
}
.mindex-recom .mrtit {
	line-height: 23px;
}
.mindex-recom ul {
	display: block;
}
.mindex-recom li {
	display: block;
	width: 25%;
	float: left;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 0 2px;
	margin-top: 10px;
	line-height: 1.4;
}
.mindex-recom li img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-bottom: 2px;
}
/*2.15专家列表*/
.cc-lef li.cur span {
	padding-left: 15px;
	background: url(../images/cs-jtright.png) no-repeat left center;
}
.spec-box-leftwrapper .c-100 {
	text-align: center;
	padding: 15px 15px;
	color: #5b5b5b;
	font-size: 14px;
	border-bottom: 1px solid #e1e1e1;
	box-sizing: border-box;
}
.spec-box-leftwrapper .c-100.cur {
	color: #37a6eb;
}
.scroll-itemchoscbox {
	width: 100%;
	height: 302px;
	overflow: hidden;
	background: #fff;
	font-size: 14px;
}
.itemchos-box-leftwrapper {
	position: relative;
	height: 302px;
	overflow: hidden;
	/* Prevent native touch events on Windows */
	-ms-touch-action: none;
	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.itemchos-leftscroller {
	position: absolute;
	width: 100%;
	/* Prevent elements to be highlighted on tap */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* Put the scroller into the HW Compositing layer right from the start */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.itemch-tit h2 {
	line-height: 28px;
}
.itemchos-leftscroller .disp-tit-box {
	color: #5b5b5b;
}
.itemchos-leftscroller .disp-tit-box em {
	color: #37a6ec;
}
.itemchos-leftscroller .disp-mainbox {
	padding: 15px 0 10px;
}
.itemchos-leftscroller .disp-sloer .c-33 {
	border-radius: 3px;
	text-align: center;
	background: #f2f2f2;
	color: #333333;
	padding: 3px 0;
	margin-bottom: 15px;
}
.itemchos-leftscroller .disp-sloer .c-33.cur {
	background: #37a6ec;
	color: #fff;
}
.disp-sloer .c-row .c-33:last-child {
	margin-left: 0;
}
.disp-sloer .c-row .c-33.tipsl {
	margin-right: 3%;
}
.c-ffa800 {
	color: #ffa800;
}
.itemch-tit .c-btn-tiny {
	width: 65px;
}
.c-lab-mor li.doctor a {
	border-left: 1px solid #f2f2f2;
}
.test-boxer.second .c-avatar-m img {
	border-radius: 100%;
}
.second .cc-lef li.cur span {
	background: none;
}
/* 绿色风格皮肤样式  */
/*green*/
.wdz-green .c-btn-maincolor {
	background: #4dcd70;
}
/*微导诊按钮绿色*/
.wdz-green .c-btn-maincolor:hover {
	background-color: #4dc86f;
}
.wdz-green .c-btn-wordcolor {
	color: #4dcd70;
}
/*微导诊文字绿色*/
.wdz-green .professor-listhead li em.cur {
	color: #4dcd70;
}
.wdz-green .cc-rig li.cur {
	color: #4dcd70;
}
/*专家列表按城市文字绿色*/
.wdz-green .spec-leftscroller div.c-33.cur {
	color: #4dcd70;
}
/*专家列表按专科文字绿色*/
.wdz-green .c-37a6ed,
.wdz-green c-007cd9 {
	color: #4dcd70;
}
.wdz-green .c-lab-les {
	border: 1px solid #4dc86f;
}
.wdz-green .c-lab-les li {
	border-left: 1px solid #4dc86f;
}
.wdz-green .c-lab-les li a {
	color: #4dc86f;
}
.wdz-green .c-lab-les li.hit {
	background-color: #4dc86f;
}
.wdz-green .c-lab-les li.hit a {
	color: #fff;
}
.wdz-green .c-lab-mor li.hit {
	border-bottom: 3px solid #4dc86f;
}
.wdz-green .c-lab-mor li.hit a {
	color: #4dc86f;
}
.wdz-green .hz-header li.cur {
	border-bottom: 2px solid #4dc86f;
}
.wdz-green .hz-header li.cur span {
	color: #4dc86f;
}
.wdz-green .c-ser-btn a {
	background: #4dc86f;
}
.wdz-green .view-more a {
	color: #4dc86f;
}
.wdz-green .c-4dc86f {
	color: #4dc86f;
}
.wdz-green .spec-box-leftwrapper .c-100.cur {
	color: #4dc86f;
}
.wdz-green .scroll-itemchoscbox .c-btn-37a6ec {
	background: #4dcd70;
}
.wdz-green .itemchos-leftscroller .disp-sloer .c-33.cur {
	background: #4dcd70;
}
.wdz-green .itemchos-leftscroller .disp-tit-box em {
	color: #4dc86f;
}
.swiper-container {
	width: 100%;
	margin: 10px auto 0 auto !important;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide div {
	text-align: center;
}
.swiper-container .swiper-slide div img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
/* 医患沟通开始 */
.c-chat-box {
	border: none;
	padding-left: 15px;
	padding-right: 15px;
}
.time-tips {
	margin: 10px 0 0 0;
	text-align: center;
	clear: both;
}
.time-tips span {
	position: relative;
	display: inline-block;
	padding: 0 60px;
	color: #aeaeae;
	font-size: 13px;
}
.time-tips span:before,
.time-tips span:after {
	position: absolute;
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background: #e6e4e1;
	top: 50%;
}
.time-tips span:before {
	left: 0;
}
.time-tips span:after {
	right: 0;
}
.chat-left,
.chat-right {
	clear: both;
	overflow: hidden;
	padding: 10px 0;
}
.chat-left > dt,
.chat-right > dt {
	width: 40px;
	height: 40px;
}
.chat-left > dt {
	float: left;
	margin-right: 15px;
}
.chat-right > dt {
	float: right;
	margin-left: 15px;
}
.chat-left > dt img,
.chat-right > dt img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.chat-left > dd,
.chat-right > dd {
	position: relative;
	min-height: 18px;
	font-size: 15px;
	display: inline-block;
	max-width: 60%;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	padding: 8px 15px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}
.chat-left > dd {
	float: left;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.chat-right > dd {
	float: right;
	background: #bce0ff;
	border: 1px solid #81bdf7;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.chat-left > dd:after {
	content: "";
	position: absolute;
	top: 14px;
	left: -6px;
	display: block;
	width: 8px;
	height: 8px;
	background: #fff;
	border-color: #e1e1e1;
	border-style: solid;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.chat-right > dd:after {
	content: "";
	position: absolute;
	top: 14px;
	right: -6px;
	display: block;
	width: 8px;
	height: 8px;
	background: #bce0ff;
	border-color: #81bdf7;
	border-style: solid;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.chat-left > dd p img,
.chat-right > dd p img {
	max-width: 150px;
	max-height: 150px;
	margin: 5px 0;
}
.pull-more {
	text-align: center;
	color: #5b5b5b;
	font-size: 14px;
	padding: 14px 0;
}
.chat-btm-box {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2100;
	width: 100%;
	background: #fafafa;
	border-top: 1px solid #e1e1e1;
}
.nopos {
	position: relative;
	bottom: auto;
	left: auto;
}
.chat-text {
	position: relative;
	padding: 5px 15px 10px 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.insert-more {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	top: 6px;
	right: 25px;
}
.insert-more i {
	font-size: 30px;
	line-height: 30px;
	color: #a9a9a9;
}
.send-text {
	position: absolute;
	width: 50px;
	padding: 8px 0;
	display: block;
	bottom: 10px;
	right: 15px;
	background: #37a6ec;
	border-radius: 4px;
}
.word-count {
	font-size: 12px;
	text-align: right;
	padding: 0 5px;
	color: #bfbfbf;
}
.insert-img {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	top: 6px;
	right: 15px;
	border: 1px solid #737373;
	border-radius: 50%;
}
.insert-img:before {
	position: absolute;
	content: "";
	width: 16px;
	height: 2px;
	background: #737373;
	top: 14px;
	left: 7px;
}
.insert-img:after {
	position: absolute;
	content: "";
	width: 2px;
	height: 16px;
	background: #737373;
	top: 7px;
	left: 14px;
}
.insert-img span {
	display: none;
}
.chat-text-inp {
	padding: 0 65px 0 0;
}
.chat-text-box {
	border: 1px solid #e1e1e1;
	background: #fff;
	border-radius: 4px;
}
.chat-txt-con {
	width: 100%;
	height: 70px;
	outline: 0;
	font-size: 15px !important;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	padding: 2px 5px 0 5px;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-wrap: break-all;
}
.ins-img-btn {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 3100;
}
.ins-img-btn .c-btn {
	border-radius: 4px;
	border: none;
	color: #157efb;
	font-size: 20px;
}
.ins-img-btn .c-btn:first-child {
	border-radius: 4px 4px 0 0;
}
.ins-img-btn .c-btn:nth-child(2) {
	border-top: 1px solid #e1e1e1;
	border-radius: 0 0 4px 4px;
}
.pull-more {
	text-align: center;
	color: #5b5b5b;
	font-size: 14px;
	padding: 14px 0;
}
.bgc-f7f5f2 {
	background: #f7f5f2;
}
.more-opt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fafafa;
	z-index: 2200;
}
.m-close {
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
	width: 20px;
	height: 20px;
}
.m-close i.ico-close {
	position: static;
	width: 20px;
	height: 20px;
	background-color: #afafaf;
}
i.ico-close:before {
	width: 12px;
	height: 2px;
	left: 4px;
	top: 9px;
}
i.ico-close:after {
	width: 2px;
	height: 12px;
	left: 9px;
	top: 4px;
}
.more-opt-list {
	clear: both;
	padding: 58px 30px 0 30px;
	text-align: center;
	overflow: hidden;
}
.more-opt-list.normal {
	clear: both;
	padding: 7px 30px 0 30px;
	text-align: center;
	overflow: hidden;
}
.bor-t-f2 {
	border-top: 1px solid #f2f2f2;
}

html/ssgg/html/add-diet-record.html

@@ -0,0 +1,87 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>添加饮食</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
		<link rel="stylesheet" type="text/css" href="../css/zx-style.css">		
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>饮食</h1>
				</div>
			</div>-->
			<div class="wis-fix c-border-b mt15">
				<ul class="c-list patient-list c-border-t mt fosx-li" data-list="patientInfo">
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>记录时间</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请选择记录时间" style="background: #FFFFFF;" data-time="date" value="" id="date">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>饮食</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请记录饮食" style="background: #FFFFFF;" data-val="waist" value="" id="ys_val">
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="mod mod-record mt15">
		    	<!--新增图片上传-->
				<ul class="n-list">
					<li class="ptb12">
						<div class="n-list-key pr15 c-f16">上传照片</div>
						<div class="n-list-info c-t-right">
							<p class="c-ccc c-f12 c-t-right img-count" id="image_tips">0/3</p>
						</div>
					</li>
					<li class="n-list-cover ptb12">
						<div class="upload-img mt10">
							<ul id="img_ul">
								<li id="add_img_li">
									<a href="javascript:;" class="add-btn" onclick="chooseImage()"></a>
								</li>
							</ul>
						</div>
					</li>
				</ul>
		   </div>
			<div class="bottom-box clearfix mt20 plr15">
				<a id="goback" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18">保存</a>
			</div>
			&nbsp;
			<div id="info" style="display:none;color: red;text-align: center"></div>
    		<div id="info2" style="display:none;color: green;text-align: center"></div>
		</div>		
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
    <script src="../js/upload-diet.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>    
</html>

html/ssgg/html/add-drug-record.html

@@ -0,0 +1,132 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>用药</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>用药</h1>
				</div>
			</div>-->
			<div class="wis-fix c-border-b mt15">
				<ul class="c-list patient-list c-border-t mt fosx-li" data-list="patientInfo">
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>记录时间</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请选择记录时间" style="background: #FFFFFF;" data-time="date" value="" id="date">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>用药</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请记录用药" style="background: #FFFFFF;" data-val="waist" attr_dCode="" value="" id="yy_val">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="bottom-box clearfix mt20 plr15">
				<a href="javascript:;" id="goback" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18">保存</a>
			</div>
		</div>
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
    <script src="../js/health-record.js"></script>
	<script>
		$(function() {			
			document.getElementById("goback").addEventListener("tap", function() {
				var date = document.getElementById("date").value;
				var val = document.getElementById("yy_val").value;
				var drug_code = $("#yy_val").attr("attr_dCode");
				
				if (val && date) {
					setTimeout(function(){						
						
					},1000);
				} else {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请填写完整信息'}).show();
					return;					
				}
				var params = {};
				
				params.record_date = date;
				params.medicines = drug_code;
				params.medicines_name = val;				
				//发送ajax请求
				sendPost("patient/health_record/add_medication", params, "json", "post", addHealthRecordFailed, addDrugSuccess);
			});			
		
			/* 选择日期  */
			$('input')
			var opt1 = {
				preset: 'date',
				theme: 'ios',
				lang: 'zh',
				minDate: new Date(1900, 01, 01)
			};
			$('input[data-time=date]').mobiscroll(opt1);
			
			sendPost("patient/health_record/medicines","", "json", "post", queryListFailed,medic_Successs1);
            function medic_Successs1(res){
            		
        		var arr_key=[];
                var arr_value=[];
                var data=res.list;
                for(var i=0;i<data.length;i++){
                    arr_key.push(data[i].code);
                    arr_value.push(data[i].name);  
                }
				$('input[data-val="waist"]').mobiscroll({
					theme: 'ios',
					lang: 'zh',
					formatValue: function(d) {
						return d.join('-');
					},
					customWheels: true,
					wheels: [ //如果值非常多请事先按需求生成好
						[{
							keys: arr_key,//['1', '2', '3'],
							values: arr_value,//['阿莫西林口服含片', '奥美拉唑镁肠溶片', '阿托伐他汀钙片']
						}]
					],
					onSelect: function(valueText, inst) {
						var dd = eval("[" + valueText + "]");
						$('input[data-val="waist"]').val(dd[0].values);
						$('input[data-val="waist"]').attr("attr_dCode",dd[0].keys);
					}
				});
			}		
		})
	</script>
</html>

html/ssgg/html/add-sport-record.html

@@ -0,0 +1,207 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>运动</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>运动</h1>
				</div>
			</div>-->
			<div class="wis-fix c-border-b mt15">
				<ul class="c-list patient-list c-border-t mt fosx-li" data-list="patientInfo">
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>记录时间</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" style="background: #FFFFFF;" data-time="date" value="" id="yd_date">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>时长(分钟)</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请选择时长" style="background: #FFFFFF;" data-val="date2" value="" id="yd_time">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>运动</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请选择运动强度" style="background: #FFFFFF;" data-val="sport" attr_spType="" value="" id="yd_strong">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>具体运动</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请选择运动" style="background: #FFFFFF;" data-val="sport2" attr_sp="" value="" id="yd_val">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<p class="c-f16 c5b plr15 pt10">轻度运动：购物、散步、做操、太极拳、气功等</p>
			<p class="c-f16 c5b plr15">中度运动：快走、慢跑、骑车、爬楼梯、健身操等</p>
			<p class="c-f16 c5b plr15">稍强度运动：跳绳、爬山、游泳、球类、跳舞等</p>
			<div class="bottom-box clearfix mt20 plr15">
				<a href="javascript:;" id="goback" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18">保存</a>
			</div>
		</div>
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
    <script type="text/javascript" src="../../../js/common_http.js" ></script>
    <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
    <script src="../js/health-record.js"></script>
	<script>
		$(function() {				
			document.getElementById("goback").addEventListener("tap", function() {
				var date = document.getElementById("yd_date").value;
				var time = document.getElementById("yd_time").value;
				var strong_bz = $("#yd_strong").attr("attr_spType");//document.getElementById("yd_strong").value;
				var val_bz =$("#yd_val").attr("attr_sp");   //document.getElementById("yd_val").value;
				var strong=document.getElementById("yd_strong").value;
				var val=document.getElementById("yd_val").value;
				if (val && date && time && strong) {
					setTimeout(function(){						
						
					},1000);					
				} else {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请填写完整信息'}).show();
					return;
				}
				var params = {};
				params.record_date = date;
				params.sportsTime = time;
				params.sportsType = strong_bz;
				params.sports = val_bz;				
				//发送ajax请求
				sendPost("patient/health_record/add_sports", params, "json", "post", addHealthRecordFailed, addSportSuccess);
			});
			
			$('input')
			var opt1 = {
				preset: 'date',
				theme: 'ios',
				lang: 'zh',
				minDate: new Date(1900, 01, 01)
			};
			$('input[data-time=date]').mobiscroll(opt1);
					
			sendPost("patient/health_record/sports_type","", "json", "post", queryListFailed,sports_type_Successs1);
            function sports_type_Successs1(res){            		
        		var arr_key=[];
                var arr_value=[];
                var data=res.list;
                for(var i=0;i<data.length;i++){
                    arr_key.push(data[i].code);
                    arr_value.push(data[i].name);                      
                }
				$('input[data-val="sport"]').mobiscroll({
					theme: 'ios',
					lang: 'zh',
					formatValue: function(d) {
						return d.join('-');
					},
					customWheels: true,
					wheels: [ //如果值非常多请事先按需求生成好
						[{
							keys:arr_key,  //['1', '2', '3'],
							values: arr_value  //['轻度运动', '中度运动', '稍强的运动']
						}]
					],
					onSelect: function(valueText, inst) {
						var dd = eval("[" + valueText + "]");
						
						$('input[data-val="sport"]').val(dd[0].values);//							
						$('input[data-val="sport"]').attr("attr_spType",dd[0].keys);
//							
					}
				});
			}	
			sendPost("patient/health_record/sports"," ", "json", "post", queryListFailed,sports_Successs2);
            function sports_Successs2(res){
        		var arr_key2=[];
                var arr_value2=[];
                var data=res.list;
                for(var i=0;i<data.length;i++){
                    arr_key2.push(data[i].code);
                    arr_value2.push(data[i].name);                        
                    
                }
        	
				$('input[data-val="sport2"]').mobiscroll({
					theme: 'ios',
					lang: 'zh',
					formatValue: function(d) {
						return d.join('-');
					},
					customWheels: true,
					wheels: [ //如果值非常多请事先按需求生成好
						[{
							keys: arr_key2,//['1', '2', '3', '4', '5'],
							values: arr_value2  //['购物', '散步', '做操', '太极拳', '气功']
						}]
					],
					onSelect: function(valueText, inst) {
						var dd = eval("[" + valueText + "]");
						$('input[data-val="sport2"]').val(dd[0].values);
						$('input[data-val="sport2"]').attr("attr_sp",dd[0].keys);
					}
				});					
			}	
					
			$('input[data-val="date2"]').mobiscroll({
				theme: 'ios',
				lang: 'zh',
				formatValue: function(d) {
					return d.join('-');
				},
				customWheels: true,
				wheels: [ //如果值非常多请事先按需求生成好
					[{
						keys: ['1', '2', '3', '4'],
						values: ['5', '15', '30', '60']
					}]
				],
				onSelect: function(valueText, inst) {
					var dd = eval("[" + valueText + "]");
					$('input[data-val="date2"]').val(dd[0].values);
				}
			});
			
		})
	</script>
</html>

html/ssgg/html/choose-region.html

@@ -0,0 +1,261 @@
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
	<meta name="author" content="yihu.com" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>家庭签约</title>
    <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
    <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
    <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/css" />
    <link rel="stylesheet" href="../../zxyy/css/style.css" type="text/css" />
	<link rel="stylesheet" type="text/css" href="../css/sq-style.css" />	
	<link rel="stylesheet" type="text/css" href="../css/wdz.css">
</head>
<body>
<div class="c-main">
	<!--<div class="h45">
    	<div class="demo-comtop">
        	<a class="mui-action-back"></a>
            <h1>选择地区</h1>
        </div>
    </div>-->
	<!--<div class="area-top c-border-b"><i class="iconfont icon-dangqianweizhi"></i><i class="c-ccc">当前区域：</i><span id="currentArea"></span></div>-->
	<div id="div-area" class="c-boxs" style="display: none;">
    	<div class="area-province c-boxs">
        	<ul id="area">
        		<li class="c-nowrap c-boxs" onclick="changeValue('全区域', '')"><h4>全区域</h4></li>
            	<li class="c-nowrap c-boxs" onclick="changeValue('思明区', '350203')"><h4>思明区</h4></li>
            	<li class="c-nowrap c-boxs" onclick="changeValue('湖里区', '350206')"><h4>湖里区</h4></li>
            	<li class="c-nowrap c-boxs" onclick="changeValue('海沧区', '350205')"><h4>海沧区</h4></li>
            	<li class="c-nowrap c-boxs" onclick="changeValue('集美区', '350211')"><h4>集美区</h4></li>
            	<li class="c-nowrap c-boxs" onclick="changeValue('同安区', '350212')"><h4>同安区</h4></li>
            	<li class="c-nowrap c-boxs" onclick="changeValue('翔安区', '350213')"><h4>翔安区</h4></li>
           </ul>
        </div>
    </div>
    <div id="div-doctorPage" style="display: none;">
		<div class="sdoc-top smil short clearfix">
			<span class="sdimg fl">
				<img id="photo" src="" class="c-images-cycle"/>
			</span>
			<p class="c-t-left mt5 c-f18">
				<span id="name" class="c-f20 mr10 ml10"></span><label id="jobName"></label></p>
			<p class="c-t-left c-f16">
				<span id="hospitalName" class="mr10 ml10"></span></p>
		    <p class="c-t-left c-f16">
		    	<span id="deptName" class="mr10 ml10"></span></p>		
		</div>
		<div class="slider-detail plr15 bgc-fff mtb10 c-border-tb">
			<ul>
				<li class="c-border-b">
					<h2 class="c-f18">擅长</h2>
					<p class="c-f16 show" id="expertise"></p>
				</li>
				<li>
					<h2 class="c-f16">简介</h2>
					<p class="c-f16 show" id="introduce"></p>
				</li>
			</ul>
		</div>
		<div id="divAgree" class="bgc-fff mt10 c-border-tb list-item-1">
	        <div class="ui-grid ptb15 plr10 c-border-b">
	        	<img src="../images/xieyi@2x.png" style="width: 20px; height: 20px;"/>
	            <div class="ui-col-1" style="padding-left: 5px;">
	                <p class="tit-name c-nowrap c-f18 c-333">签约协议</p>
	            </div>
	        </div>
	        <ul class="c-list sever-list">
	            <li class="c-list-cover c-list-text" onclick="changeAgreement()" style="height: 80px;">
	                <div style="padding-top: 15px; padding-bottom: 5px;">
	                    <img src="../images/jiatingqianyue@2x.png" style="width: 45px; height: 45px;"/>
	                </div>
	                <div class="c-list-info" style="padding-left: 10px;">
	                    <h4 class="c-nowrap c-f16">家庭医生签约协议</h4>
	                </div>
	                <span class="list-icon arrow-right"></span>
	            </li>
	        </ul>
	    </div>
		<!-- 服务介绍 开始 -->
	    <div class="bgc-fff mt10 c-border-tb list-item-1 mb30">
	        <!-- 头部部分 开始 -->
	        <div class="ui-grid ptb15 plr10 c-border-b">
	            <i class="logo-icon iconfont icon-yanghu bgc-fb8d7c"></i>
	            <div class="ui-col-1">
	                <p class="tit-name c-nowrap c-f18 c-333">服务介绍</p>
	            </div>
	        </div>
	        <!-- 头部部分 结束 -->	
	        <!-- 列表项 开始 -->
	        <ul id="ul-common" class="c-list sever-list" style="display: none;">
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
	                    <i class="iconfont icon-yisheng"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">家庭医生服务</h4>
	                    <p class="c-nowrap-multi">贴心家庭医生为居民提供健康指导，保健，随访等服务</p>
	                </div>
	            </li>
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
	                    <i class="iconfont icon-zixun"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">健康咨询服务</h4>
	                    <p class="c-nowrap-multi">身体疾病，用药疑问让居民足不出户，在家就能及时咨询到医生</p>
	                </div>
	            </li>
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
	                    <i class="iconfont icon-yanghu1"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">慢病养护</h4>
	                    <p class="c-nowrap-multi">对患有慢性疾病居民进行健康管理与干预，定期进行随访以及保健指导</p>
	                </div>
	            </li>
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-67bfed" style="border-radius: 15px;">
	                    <i class="iconfont icon-zixun1"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">健康头条资讯</h4>
	                    <p class="c-nowrap-multi">热点健康知识推送，提升家庭健康意识</p>
	                </div>
	            </li>
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-91c66a" style="border-radius: 15px;">
	                    <i class="iconfont icon-fenzhen"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">分诊预约</h4>
	                    <p class="c-nowrap-multi">社区可以帮助有需要的居民进行分诊预约三甲医院</p>
	                </div>
	            </li>
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-f792b1" style="border-radius: 15px;">
	                    <i class="iconfont icon-yunfu"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">妇幼保健</h4>
	                    <p class="c-nowrap-multi">对儿童疫苗接种进行提醒，对孕产、妇幼人群提供养生保健知识</p>
	                </div>
	            </li>
	        </ul>
	        <ul id="ul-health" class="c-list sever-list" style="display: none;">
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
	                    <i class="iconfont icon-yisheng"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">医保优惠</h4>
	                    <p>社区门诊免除500元起付线，住院医疗费不设二次及以上起付标准（二次及以上住院可以免付100-500起付线）</p>
	                </div>
	            </li>
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
	                    <i class="iconfont icon-zixun"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">免费服务</h4>
	                    <p>11类43项基本公共卫生服务，专家门诊预约，团队健康管理，便捷双向转诊，大型设备检查预约，康复训练指导，健康指导。</p>
	                </div>
	            </li>
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
	                    <i class="iconfont icon-yanghu1"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
	                    <p>基本医疗服务，针对性康复训练和康复治疗服务，健康检查项目：血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片，糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等，提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
	                </div>
	            </li>	            
	        </ul>
	        <ul id="ul-sixfive" class="c-list sever-list" style="display: none;">
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
	                    <i class="iconfont icon-yisheng"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">医保优惠</h4>
	                    <p>慢性病长处方，一次可开取4-8周用药，社区门诊免除500元起付线，住院医疗费不设二次及以上起付标准（二次及以上住院可以免付50-250起付线）</p>
	                </div>
	            </li>
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
	                    <i class="iconfont icon-zixun"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">免费服务</h4>
	                    <p>11类43项基本公共卫生服务，专家门诊预约，团队健康管理，便捷双向转诊，大型设备检查预约，康复训练指导，每年一次健康检查（血、尿常规检查、肝功、肾功、血脂、血糖、心电图检查），对失能、半失能、80岁以上老年人每年一次免费上门出诊，健康指导。</p>
	                </div>
	            </li>
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
	                    <i class="iconfont icon-yanghu1"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
	                    <p>基本医疗服务，针对性康复训练和康复治疗服务，健康检查项目：血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片，糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等，提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
	                </div>
	            </li>	            
	        </ul>
	        <ul id="ul-disease" class="c-list sever-list" style="display: none;">
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
	                    <i class="iconfont icon-yisheng"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">医保优惠</h4>
	                    <p>慢性病长处方，一次可开取4-8周用药，社区门诊免除500元起付线，住院医疗费不设二次及以上起付标准（二次及以上住院可以免付50-500起付线）</p>
	                </div>
	            </li>
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
	                    <i class="iconfont icon-zixun"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">免费服务</h4>
	                    <p>11类43项基本公共卫生服务，专家门诊预约，“三师共管”慢病精细化管理，便捷双向转诊，大型设备检查预约，康复训练指导，每年一次健康检查，糖尿病患者4次空腹血糖检测，对失能、半失能、80岁以上老年人每年一次免费上门出诊，健康指导。</p>
	                </div>
	            </li>
	            <li class="c-list-cover c-list-text">
	                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
	                    <i class="iconfont icon-yanghu1"></i>
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
	                    <p>基本医疗服务，针对性康复训练和康复治疗服务，健康检查项目：血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片，糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等，提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
	                </div>
	            </li>	            
	        </ul>
	        <!-- 列表项 结束 -->
	    </div>
		<div class="h61">
			<div class="plr15 pb15 bottom-btn-box c-border-t" id="btnSign"> 
				
			</div>
		</div>
		<div class="input-group width-150 mt10" style="width: 100%;" id="xf-artd" style="display:none">
		    <textarea id="textReason" class="form-textarea width-150" style="width: 240px;" maxlength="200" placeholder="请输入解约原因" rows="7"></textarea>
		    <input id="txtInfo" style="display: none; color: red;" value="请填写解约原因"/>
		</div>
	</div>
</div>
<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
<script type="text/javascript" src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
<script type="text/javascript" src="../../../js/mui.min.js"></script>
<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
<script type="text/javascript" src="../../../js/common_http.js" ></script>
<script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../js/choose-region.js" ></script>
</body>
</html>

html/ssgg/html/doctor-home-page.html

@@ -0,0 +1,421 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>医生主页</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/sq-style.css" />	
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../css/wdz.css">
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../js/general.js"></script>
		<script src="../../../widget/marques/marquee.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>医生主页</h1>
				</div>
			</div>-->
			<div class="sdoc-top smil short clearfix">
				<span class="sdimg fl">
					<img id="photo" src="" class="c-images-cycle"/>
				</span>
				<p class="c-t-left mt5 c-f18">
					<span id="name" class="c-f20 mr10 ml10"></span><label id="jobName"></label></p>
				<p class="c-t-left c-f16">
					<span id="hospitalName" class="mr10 ml10"></span></p>
			    <p class="c-t-left c-f16">
			    	<span id="deptName" class="mr10 ml10"></span></p>		
			</div>
			<div class="slider-detail plr15 bgc-fff mtb10 c-border-tb">
				<ul>
					<li class="c-border-b">
						<h2 class="c-f18">擅长</h2>
						<p class="c-f16 show" id="expertise"></p>
					</li>
					<li>
						<h2 class="c-f16">简介</h2>
						<p class="c-f16 show" id="introduce"></p>
					</li>
				</ul>
			</div>
			<div id="divAgree" class="bgc-fff mt10 c-border-tb list-item-1">
		        <div class="ui-grid ptb15 plr10 c-border-b">
		        	<img src="../images/xieyi@2x.png" style="width: 20px; height: 20px;"/>
		            <div class="ui-col-1" style="padding-left: 5px;">
		                <p class="tit-name c-nowrap c-f18 c-333">签约协议</p>
		            </div>
		        </div>
		        <ul class="c-list sever-list">
		            <li class="c-list-cover c-list-text" onclick="changeAgreement()" style="height: 80px;">
		                <div style="padding-top: 15px; padding-bottom: 5px;">
		                    <img src="../images/jiatingqianyue@2x.png" style="width: 45px; height: 45px;"/>
		                </div>
		                <div class="c-list-info" style="padding-left: 10px;">
		                    <h4 class="c-nowrap c-f16">家庭医生签约协议</h4>
		                </div>
		                <span class="list-icon arrow-right"></span>
		            </li>
		        </ul>
		    </div>
			<!-- 服务介绍 开始 -->
		    <div class="bgc-fff mt10 c-border-tb list-item-1 mb30">
		        <!-- 头部部分 开始 -->
		        <div class="ui-grid ptb15 plr10 c-border-b">
		            <i class="logo-icon iconfont icon-yanghu bgc-fb8d7c"></i>
		            <div class="ui-col-1">
		                <p class="tit-name c-nowrap c-f18 c-333">服务介绍</p>
		            </div>
		        </div>
		        <!-- 头部部分 结束 -->		
		        <!-- 列表项 开始 -->
		        <ul id="ul-common" class="c-list sever-list" style="display: none;">
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
		                    <i class="iconfont icon-yisheng"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">家庭医生服务</h4>
		                    <p class="c-nowrap-multi">贴心家庭医生为居民提供健康指导，保健，随访等服务</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">健康咨询服务</h4>
		                    <p class="c-nowrap-multi">身体疾病，用药疑问让居民足不出户，在家就能及时咨询到医生</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
		                    <i class="iconfont icon-yanghu1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">慢病养护</h4>
		                    <p class="c-nowrap-multi">对患有慢性疾病居民进行健康管理与干预，定期进行随访以及保健指导</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-67bfed" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">健康头条资讯</h4>
		                    <p class="c-nowrap-multi">热点健康知识推送，提升家庭健康意识</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-91c66a" style="border-radius: 15px;">
		                    <i class="iconfont icon-fenzhen"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">分诊预约</h4>
		                    <p class="c-nowrap-multi">社区可以帮助有需要的居民进行分诊预约三甲医院</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f792b1" style="border-radius: 15px;">
		                    <i class="iconfont icon-yunfu"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">妇幼保健</h4>
		                    <p class="c-nowrap-multi">对儿童疫苗接种进行提醒，对孕产、妇幼人群提供养生保健知识</p>
		                </div>
		            </li>
		        </ul>
		        <ul id="ul-health" class="c-list sever-list" style="display: none;">
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
		                    <i class="iconfont icon-yisheng"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">医保优惠</h4>
		                    <p>社区门诊免除500元起付线，住院医疗费不设二次及以上起付标准（二次及以上住院可以免付100-500起付线）</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">免费服务</h4>
		                    <p>11类43项基本公共卫生服务，专家门诊预约，团队健康管理，便捷双向转诊，大型设备检查预约，康复训练指导，健康指导。</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
		                    <i class="iconfont icon-yanghu1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
		                    <p>基本医疗服务，针对性康复训练和康复治疗服务，健康检查项目：血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片，糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等，提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
		                </div>
		            </li>	            
		        </ul>
		        <ul id="ul-sixfive" class="c-list sever-list" style="display: none;">
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
		                    <i class="iconfont icon-yisheng"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">医保优惠</h4>
		                    <p>慢性病长处方，一次可开取4-8周用药，社区门诊免除500元起付线，住院医疗费不设二次及以上起付标准（二次及以上住院可以免付50-250起付线）</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">免费服务</h4>
		                    <p>11类43项基本公共卫生服务，专家门诊预约，团队健康管理，便捷双向转诊，大型设备检查预约，康复训练指导，每年一次健康检查（血、尿常规检查、肝功、肾功、血脂、血糖、心电图检查），对失能、半失能、80岁以上老年人每年一次免费上门出诊，健康指导。</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
		                    <i class="iconfont icon-yanghu1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
		                    <p>基本医疗服务，针对性康复训练和康复治疗服务，健康检查项目：血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片，糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等，提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
		                </div>
		            </li>	            
		        </ul>
		        <ul id="ul-disease" class="c-list sever-list" style="display: none;">
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
		                    <i class="iconfont icon-yisheng"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">医保优惠</h4>
		                    <p>慢性病长处方，一次可开取4-8周用药，社区门诊免除500元起付线，住院医疗费不设二次及以上起付标准（二次及以上住院可以免付50-500起付线）</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">免费服务</h4>
		                    <p>11类43项基本公共卫生服务，专家门诊预约，“三师共管”慢病精细化管理，便捷双向转诊，大型设备检查预约，康复训练指导，每年一次健康检查，糖尿病患者4次空腹血糖检测，对失能、半失能、80岁以上老年人每年一次免费上门出诊，健康指导。</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
		                    <i class="iconfont icon-yanghu1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
		                    <p>基本医疗服务，针对性康复训练和康复治疗服务，健康检查项目：血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片，糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等，提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
		                </div>
		            </li>	            
		        </ul>
		        <!-- 列表项 结束 -->
		    </div>
			<div class="h61">
				<div class="plr15 pb15 bottom-btn-box c-border-t" id="btnSign"> 
					
				</div>
			</div>
			<div class="input-group width-100 mt10" id="xf-artd" style="display:none">
			    <textarea id="textReason" class="form-textarea width-100" maxlength="200" placeholder="请输入解约原因" rows="5"></textarea>
			    <input id="txtInfo" style="display: none; color: red;" value="请填写解约原因"/>
			</div>
		</div>		
		<script type="text/javascript">
			var d = dialog({contentType:'load', skin:'bk-popup'});
			var d1 = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
			var Request = new Object();
			Request = GetRequest();
			var doctor = Request["doctor"];
			var openid = Request["openid"];
			$(function() {	
				var userAgent = window.localStorage.getItem(agentName);
			    if(!userAgent){	
					window.location.href = "../../home/html/zhmm-login.html?type=7&openid=" + openid;
				}
			    else{
					queryInit();
				}
			})
			
			function queryInit(){
				d.show();
				var data={};
				data.doctor = doctor;
				sendPost('patient/family_contract/homepage', data, 'json', 'post', queryFailed, querySuccess);				
			}
			
			function queryFailed(res) {
				d.close();
				if (res && res.msg) {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
				} else {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
				}
			}
			
			function querySuccess(res) {
				if (res.status == 200) {			
					var name = res.data.name;
					var jobName = res.data.job;
					var hospitalName = res.data.hospital;
					var deptName = res.data.dept;
					var photo = getImgUrl(res.data.photo);
					var expertise = res.data.expertise;
					var introduce = res.data.intro;
					var sign = Number(res.data.sign);
					var group = Number(res.data.group);
					var url2 = "../../../images/d-default.png";
					if(photo != null && photo != ""){
						url2 = photo;
					}
					if(!jobName) jobName = "";
					if(!deptName) deptName = "";
					if(!expertise) expertise = "无";
					if(!introduce) introduce = "无";
					document.getElementById("photo").src = url2;
					document.getElementById("name").innerHTML = name;			
					document.getElementById("jobName").innerHTML = jobName;
					document.getElementById("hospitalName").innerHTML = hospitalName;
					document.getElementById("deptName").innerHTML = deptName;
					document.getElementById("expertise").innerHTML = expertise;
					document.getElementById("introduce").innerHTML = introduce;
					
					if(group == 1){
						$("#ul-health").show();
					}else if(group == 2){
						$("#ul-disease").show();
					}else if(group == 3){
						$("#ul-sixfive").show();
					}else{
						$("#ul-common").show();
					}
										
					if(sign == 0){
						document.getElementById("btnSign").innerHTML ='<a onclick="cancelSign()" class="c-btn c-btn-E0A526 c-btn-full c-btn-radius c-f18">取消申请</a>';
					}
					else if(sign == 1){
						document.getElementById("btnSign").innerHTML ='<a onclick="overSign()" class="c-btn c-btn-E0A526 c-btn-full c-btn-radius c-f18">申请解约</a>';
					}
					else if(sign == -1){
						document.getElementById("btnSign").innerHTML ='<a onclick="startSign()" class="c-btn c-btn-4dcd70 c-btn-full c-btn-radius c-f18">申请签约</a>';
						$("#divAgree").hide();
					}
					else if(sign == 2){
						document.getElementById("btnSign").innerHTML = '<span class="c-f18" style="color: #E71F19;">您已申请了解约，流程审核中，请等待！！</span>';
					}
					else{
						document.getElementById("btnSign").innerHTML = '<span class="c-f18" style="color: #E71F19;">医生申请与您解约，流程审核中，请等待！！</span>';
					}
					d.close();
				} 
				else{
					queryFailed(res);
				}
			}
			
			//申请签约
			function startSign(){
				var doctorName = encodeURI(document.getElementById("name").innerHTML);
				var hospitalName = encodeURI(document.getElementById("hospitalName").innerHTML);
				window.location.href = "sign-agreement.html?doctor=" + doctor + "&doctorName=" + doctorName + "&hospitalName=" + hospitalName;				
			}
			
			function changeAgreement(){
				window.location.href = "sign-agreement1.html";
			}
			
			function cancelSign(){
				dialog({
		            title: '提示',
		            content: '您确定继续取消和' + document.getElementById("name").innerHTML + '医生的签约吗？',
		            ok: function (){
		            	d1.showModal();
				        var data = {};
						data.doctor = doctor;
						sendPost('patient/family_contract/unsign', data, 'json', 'post', submitFailed, submitSuccess);					
		            },
		            cancel: function () {
						return;
		            }
		    	}).showModal();	
			}
			
			function overSign(){
				$("#txtInfo").hide();
				dialog({
		            title: '申请解约',
		            skin:"ui-dialog ax-popup pror", 
			  	    content:$("#xf-artd").get(0), 
		            ok: function (){		            	
				        var data = {};
						data.doctor = doctor;
						data.doctorName = document.getElementById("name").innerHTML;
						data.reason = $("#textReason").val();
						if(data.reason == "" || data.reason == null){
							$("#txtInfo").show();
							return false;
						}
						else{
							$("#txtInfo").hide();
							d1.showModal();
							sendPost('patient/family_contract/surrender', data, 'json', 'post', submitFailed, submitSuccess2);	
							return;
						}				
		            },
		            cancel: function () {
						return;
		            }
		    	}).showModal();	
			}
			
			function submitFailed(res) {				
				d1.close();
				if (res && res.msg) {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
				} else {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'操作失败'}).show(); 
				}
			}
			
			function submitSuccess(res) {
				if (res.status == 200) {
					d1.close();					
					window.location.href = "choose-region.html";
				} else{			
					submitFailed(res);
				}
			}
			
			function submitSuccess2(res) {
				if (res.status == 200) {
					document.getElementById("btnSign").innerHTML = '<span class="c-f18" style="color: #E71F19;">您已申请了解约，流程审核中，请等待！！</span>';
					d1.close();
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'解约申请成功'}).show();
		            window.scrollTo(0,0);
					//window.location.href = "doctor-home-page.html?doctor=" + doctor;
				} else{			
					submitFailed(res);
				}
			}
		</script>
	</body>
</html>

html/ssgg/html/doctor-homepage-new.html

@@ -0,0 +1,284 @@
<!doctype html>
<html>
	<head>
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/sq-style.css" />	
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../js/layer.mobile-v2.0/layer_mobile/need/layer.css"/>
		<link rel="stylesheet" type="text/css" href="../css/doctor-homepage-new.css" />	
	</head>
	<body>
		<div class="c-main">
			<div class="dh-box">
				<div class="dh-box-img"><img id="photo" src="" class="c-images-cycle"></div>
				<div class="dh-box-list">
					<p><span id="name" class="c-f18 mr10"></span><span class="c-f14" id="jobName"></span></p>
					<p><span id="hospitalName"></span></p>
					<p><span id="deptName"></span></p>
					<p><span>签约居民：</span><span id="signNum"></p>
				</div>
			</div>
			<div class="slider-detail plr15 bgc-fff mtb10 c-border-tb">
				<ul>
					<li class="c-border-b">
						<h2 class="c-f18">擅长</h2>
						<p class="c-f16 show" id="expertise"></p>
					</li>
					<li>
						<h2 class="c-f18">简介</h2>
						<p class="c-f16 show" id="introduce"></p>
					</li>
				</ul>
			</div>		
			<div id="divAgree" class="bgc-fff mt10 c-border-tb list-item-1">
		        <div class="ui-grid ptb15 plr10 c-border-b">
		        	<img src="../images/xieyi@2x.png" style="width: 20px; height: 20px;"/>
		            <div class="ui-col-1" style="padding-left: 5px;">
		                <p class="tit-name c-nowrap c-f18 c-333">签约协议</p>
		            </div>
		        </div>
		        <ul class="c-list sever-list">
		            <li class="c-list-cover c-list-text" onclick="changeAgreement()" style="height: 80px;">
		                <div style="padding-top: 15px; padding-bottom: 5px;">
		                    <img src="../images/jiatingqianyue@2x.png" style="width: 45px; height: 45px;"/>
		                </div>
		                <div class="c-list-info" style="padding-left: 10px;">
		                    <h4 class="c-nowrap c-f16">家庭医生签约协议</h4>
		                </div>
		                <span class="list-icon arrow-right"></span>
		            </li>
		        </ul>
		    </div>		    
			<!-- 服务介绍 开始 -->
		    <div class="bgc-fff c-border-tb list-item-1 mt10 mb10">
		        <!-- 头部部分 开始 -->
		        <div class="ui-grid ptb15 plr10 c-border-b">
		            <i class="logo-icon iconfont icon-yanghu bgc-fb8d7c"></i>
		            <div class="ui-col-1">
		                <p class="tit-name c-nowrap c-f18 c-333">服务介绍</p>
		            </div>
		        </div>
		        <!-- 头部部分 结束 -->		
		        <!-- 列表项 开始 -->
		        <ul id="ul-common" class="c-list sever-list" style="display: none;">
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
		                    <i class="iconfont icon-yisheng"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">家庭医生服务</h4>
		                    <p class="c-nowrap-multi">贴心家庭医生为居民提供健康指导，保健，随访等服务</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">健康咨询服务</h4>
		                    <p class="c-nowrap-multi">身体疾病，用药疑问让居民足不出户，在家就能及时咨询到医生</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
		                    <i class="iconfont icon-yanghu1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">慢病养护</h4>
		                    <p class="c-nowrap-multi">对患有慢性疾病居民进行健康管理与干预，定期进行随访以及保健指导</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-67bfed" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">健康头条资讯</h4>
		                    <p class="c-nowrap-multi">热点健康知识推送，提升家庭健康意识</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-91c66a" style="border-radius: 15px;">
		                    <i class="iconfont icon-fenzhen"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">分诊预约</h4>
		                    <p class="c-nowrap-multi">社区可以帮助有需要的居民进行分诊预约三甲医院</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f792b1" style="border-radius: 15px;">
		                    <i class="iconfont icon-yunfu"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">妇幼保健</h4>
		                    <p class="c-nowrap-multi">对儿童疫苗接种进行提醒，对孕产、妇幼人群提供养生保健知识</p>
		                </div>
		            </li>
		        </ul>
		        <ul id="ul-health" class="c-list sever-list" style="display: none;">
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
		                    <i class="iconfont icon-yisheng"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">医保优惠</h4>
		                    <p>社区门诊免除500元起付线，住院医疗费不设二次及以上起付标准（二次及以上住院可以免付100-500起付线）</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">免费服务</h4>
		                    <p>11类43项基本公共卫生服务，专家门诊预约，团队健康管理，便捷双向转诊，大型设备检查预约，康复训练指导，健康指导。</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
		                    <i class="iconfont icon-yanghu1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
		                    <p>基本医疗服务，针对性康复训练和康复治疗服务，健康检查项目：血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片，糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等，提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
		                </div>
		            </li>	            
		        </ul>
		        <ul id="ul-sixfive" class="c-list sever-list" style="display: none;">
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
		                    <i class="iconfont icon-yisheng"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">医保优惠</h4>
		                    <p>慢性病长处方，一次可开取4-8周用药，社区门诊免除500元起付线，住院医疗费不设二次及以上起付标准（二次及以上住院可以免付50-250起付线）</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">免费服务</h4>
		                    <p>11类43项基本公共卫生服务，专家门诊预约，团队健康管理，便捷双向转诊，大型设备检查预约，康复训练指导，每年一次健康检查（血、尿常规检查、肝功、肾功、血脂、血糖、心电图检查），对失能、半失能、80岁以上老年人每年一次免费上门出诊，健康指导。</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
		                    <i class="iconfont icon-yanghu1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
		                    <p>基本医疗服务，针对性康复训练和康复治疗服务，健康检查项目：血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片，糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等，提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
		                </div>
		            </li>	            
		        </ul>
		        <ul id="ul-disease" class="c-list sever-list" style="display: none;">
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
		                    <i class="iconfont icon-yisheng"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">医保优惠</h4>
		                    <p>慢性病长处方，一次可开取4-8周用药，社区门诊免除500元起付线，住院医疗费不设二次及以上起付标准（二次及以上住院可以免付50-500起付线）</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">免费服务</h4>
		                    <p>11类43项基本公共卫生服务，专家门诊预约，“三师共管”慢病精细化管理，便捷双向转诊，大型设备检查预约，康复训练指导，每年一次健康检查，糖尿病患者4次空腹血糖检测，对失能、半失能、80岁以上老年人每年一次免费上门出诊，健康指导。</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
		                    <i class="iconfont icon-yanghu1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
		                    <p>基本医疗服务，针对性康复训练和康复治疗服务，健康检查项目：血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片，糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等，提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
		                </div>
		            </li>	            
		        </ul>
		        <!-- 列表项 结束 -->
		    </div>
		    <div id="doctor_qrcode">
		    	<img src="" style="width:257px;height: 259px;background-size: 257px 259px;"/>
		    	<div class="c-t-center">微信上长按二维码与<span id="doctor_name"></span>医生签约</div>
		    </div>
		    <div id="sign_invitation">
		    	
		    </div>
		    
			<div class="input-group width-100 mt10" id="xf-artd" style="display:none">
			    <textarea id="textReason" class="form-textarea" maxlength="200" placeholder="请输入解约原因" rows="5"></textarea>
			    <input id="txtInfo" style="display: none; color: red;font-size: 18px;" value="请填写解约原因"/>
			</div>
		</div>
		<div id="footer">
				<div class="f-vam f-mr10 add-icon f-ib div-add-btn btn-main"></div>
		</div>
		<div>
			<div class="plr15 pb15 bottom-btn-box c-border-t" style="" id="btnSign"> 
				
			</div>
			<div id="btnMenu">
				<div class="div-dialog-content ">
					<div class="f-vam f-mr10 zixun f-ib btn-item" data-type="consultation"></div>
					<div class="f-vam f-mr10 tuijian f-ib btn-item" data-type="introduce"></div>
					<!--<div class="f-vam f-mr10 jieyue f-ib btn-item" data-type="break"></div>-->
					<div class="f-vam f-mr10 quxiao f-ib btn-item"></div>
				</div>
				<!--<div class="btn-1 btn-item" >
					<img src="../images/zixun01_btn.png" data-type="consultation">
				</div>
				<div class="btn-2 btn-item" >
					<img src="../images/tuijian_btn.png" data-type="introduce">
				</div>
				<div class="btn-3 btn-item" >
					<img src="../images/jieyue_btn.png" data-type="break">
				</div>
				<div class="btn-0 btn-main" >
					<img src="../images/geduoxuanfu_icon.png" class="close">
				</div>-->
			</div>
	 </div>
		<img id="introduce_guide" src="../images/tishitu.png"/>
		<div id="introduce_text">
			<div>
				点击右上角
			</div>
			<div>
				将好东西推荐给您的厦门亲友~
			</div>
		</div>
		<div id="overlay_pop" ></div>
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../../../widget/marques/marquee.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script type="text/javascript" src="../../../js/isRepresented.js"></script>
		<script src="../../../js/layer.mobile-v2.0/layer_mobile/layer.js"></script>
		<script src="../js/doctor-homepage-new.js"></script>
	</body>
</html>

html/ssgg/html/doctor-homepage.html

@@ -0,0 +1,580 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>医生主页</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/sq-style.css" />	
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../css/wdz.css">
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../js/general.js"></script>
		<script src="../../../widget/marques/marquee.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>医生主页</h1>
				</div>
			</div>-->
			<div class="sdoc-top smil short clearfix">
				<span class="sdimg fl">
					<img id="photo" src="" class="c-images-cycle" />
				</span>
				<p class="c-t-left mt5 c-f18">
					<span id="name" class="c-f20 mr10 ml10"></span><label id="jobName"></label></p>
				<p class="c-t-left c-f16">
					<span id="hospitalName" class="mr10 ml10"></span></p>
			    <p class="c-t-left c-f16">
			    	<span id="deptName" class="mr10 ml10"></span></p>		
			</div>
			<div class="slider-detail plr15 bgc-fff mtb10 c-border-tb">
				<ul>
					<li class="c-border-b">
						<h2 class="c-f18">擅长</h2>
						<p class="c-f16 show" id="expertise"></p>
					</li>
					<li>
						<h2 class="c-f18">简介</h2>
						<p class="c-f16 show" id="introduce"></p>
					</li>
				</ul>
			</div>		
			<div id="divAgree" class="bgc-fff mt10 c-border-tb list-item-1">
		        <div class="ui-grid ptb15 plr10 c-border-b">
		        	<img src="../images/xieyi@2x.png" style="width: 20px; height: 20px;"/>
		            <div class="ui-col-1" style="padding-left: 5px;">
		                <p class="tit-name c-nowrap c-f18 c-333">签约协议</p>
		            </div>
		        </div>
		        <ul class="c-list sever-list">
		            <li class="c-list-cover c-list-text" onclick="changeAgreement()" style="height: 80px;">
		                <div style="padding-top: 15px; padding-bottom: 5px;">
		                    <img src="../images/jiatingqianyue@2x.png" style="width: 45px; height: 45px;"/>
		                </div>
		                <div class="c-list-info" style="padding-left: 10px;">
		                    <h4 class="c-nowrap c-f16">家庭医生签约协议</h4>
		                </div>
		                <span class="list-icon arrow-right"></span>
		            </li>
		        </ul>
		    </div>		    
			<!-- 服务介绍 开始 -->
		    <div class="bgc-fff c-border-tb list-item-1 mt10 mb30">
		        <!-- 头部部分 开始 -->
		        <div class="ui-grid ptb15 plr10 c-border-b">
		            <i class="logo-icon iconfont icon-yanghu bgc-fb8d7c"></i>
		            <div class="ui-col-1">
		                <p class="tit-name c-nowrap c-f18 c-333">服务介绍</p>
		            </div>
		        </div>
		        <!-- 头部部分 结束 -->		
		        <!-- 列表项 开始 -->
		        <ul id="ul-common" class="c-list sever-list" style="display: none;">
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
		                    <i class="iconfont icon-yisheng"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">家庭医生服务</h4>
		                    <p class="c-nowrap-multi">贴心家庭医生为居民提供健康指导，保健，随访等服务</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">健康咨询服务</h4>
		                    <p class="c-nowrap-multi">身体疾病，用药疑问让居民足不出户，在家就能及时咨询到医生</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
		                    <i class="iconfont icon-yanghu1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">慢病养护</h4>
		                    <p class="c-nowrap-multi">对患有慢性疾病居民进行健康管理与干预，定期进行随访以及保健指导</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-67bfed" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">健康头条资讯</h4>
		                    <p class="c-nowrap-multi">热点健康知识推送，提升家庭健康意识</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-91c66a" style="border-radius: 15px;">
		                    <i class="iconfont icon-fenzhen"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">分诊预约</h4>
		                    <p class="c-nowrap-multi">社区可以帮助有需要的居民进行分诊预约三甲医院</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f792b1" style="border-radius: 15px;">
		                    <i class="iconfont icon-yunfu"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">妇幼保健</h4>
		                    <p class="c-nowrap-multi">对儿童疫苗接种进行提醒，对孕产、妇幼人群提供养生保健知识</p>
		                </div>
		            </li>
		        </ul>
		        <ul id="ul-health" class="c-list sever-list" style="display: none;">
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
		                    <i class="iconfont icon-yisheng"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">医保优惠</h4>
		                    <p>社区门诊免除500元起付线，住院医疗费不设二次及以上起付标准（二次及以上住院可以免付100-500起付线）</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">免费服务</h4>
		                    <p>11类43项基本公共卫生服务，专家门诊预约，团队健康管理，便捷双向转诊，大型设备检查预约，康复训练指导，健康指导。</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
		                    <i class="iconfont icon-yanghu1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
		                    <p>基本医疗服务，针对性康复训练和康复治疗服务，健康检查项目：血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片，糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等，提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
		                </div>
		            </li>	            
		        </ul>
		        <ul id="ul-sixfive" class="c-list sever-list" style="display: none;">
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
		                    <i class="iconfont icon-yisheng"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">医保优惠</h4>
		                    <p>慢性病长处方，一次可开取4-8周用药，社区门诊免除500元起付线，住院医疗费不设二次及以上起付标准（二次及以上住院可以免付50-250起付线）</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">免费服务</h4>
		                    <p>11类43项基本公共卫生服务，专家门诊预约，团队健康管理，便捷双向转诊，大型设备检查预约，康复训练指导，每年一次健康检查（血、尿常规检查、肝功、肾功、血脂、血糖、心电图检查），对失能、半失能、80岁以上老年人每年一次免费上门出诊，健康指导。</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
		                    <i class="iconfont icon-yanghu1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
		                    <p>基本医疗服务，针对性康复训练和康复治疗服务，健康检查项目：血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片，糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等，提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
		                </div>
		            </li>	            
		        </ul>
		        <ul id="ul-disease" class="c-list sever-list" style="display: none;">
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
		                    <i class="iconfont icon-yisheng"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">医保优惠</h4>
		                    <p>慢性病长处方，一次可开取4-8周用药，社区门诊免除500元起付线，住院医疗费不设二次及以上起付标准（二次及以上住院可以免付50-500起付线）</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
		                    <i class="iconfont icon-zixun"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">免费服务</h4>
		                    <p>11类43项基本公共卫生服务，专家门诊预约，“三师共管”慢病精细化管理，便捷双向转诊，大型设备检查预约，康复训练指导，每年一次健康检查，糖尿病患者4次空腹血糖检测，对失能、半失能、80岁以上老年人每年一次免费上门出诊，健康指导。</p>
		                </div>
		            </li>
		            <li class="c-list-cover c-list-text">
		                <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
		                    <i class="iconfont icon-yanghu1"></i>
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
		                    <p>基本医疗服务，针对性康复训练和康复治疗服务，健康检查项目：血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片，糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等，提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
		                </div>
		            </li>	            
		        </ul>
		        <!-- 列表项 结束 -->
		    </div>
			<div class="h61">
				<div class="plr15 pb15 bottom-btn-box c-border-t" id="btnSign"> 
					
				</div>
			</div>
			<div class="input-group width-100 mt10" id="xf-artd" style="display:none">
			    <textarea id="textReason" class="form-textarea width-100" maxlength="200" placeholder="请输入解约原因" rows="5"></textarea>
			    <input id="txtInfo" style="display: none; color: red;" value="请填写解约原因"/>
			</div>
		</div>		
		<script type="text/javascript">
			var d = dialog({contentType:'load', skin:'bk-popup'}); 
			var d1 = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
			var doctor = "";
			var isQr="";
			$(function() {	
				var userAgent = window.localStorage.getItem(agentName);
				Request = GetRequest();
				var openid = Request["openid"];
				var code = Request["code"];
				isQr = Request["isQr"];
			    if(!userAgent){	
			    	if(!openid){
					sendPost("weixin/getOpenidByCode",{"code":code},'JSON','GET',
						function(res){
							queryFailed(res);
						},function(res){
							if(res.status==200){
								openid = res.openid;
			    				window.localStorage.setItem(pageName,"{\"pageurl\":\""+window.location.href+"\"}");
			    				window.location.href = "../../home/html/zhmm-login.html?type=0&openid=" + openid;			    		
							}else{
								queryFailed(res);							
							}
						})
					  }
			    }
				closeWindow();
				queryInit();
			});
			
			
			function closeWindow(){
				var Request = new Object();
				Request = GetRequest();
				var code = Request["code"]; 
				//从后台那边获取签名等信息
				var params = {};
				params.pageUrl = window.location.href;
				$.ajax(server + "weixin/getSign", {
					data: params,
					dataType: "json",
					type: "post",
					success: function(res){
						if (res.status == 200) {
							var t = res.data.timestamp;
							var noncestr = res.data.noncestr;
							var signature = res.data.signature;
							wx.config({		
								//debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
							    appId: appId, // 必填，公众号的唯一标识
							    timestamp: t, // 必填，生成签名的时间戳
							    nonceStr: noncestr, // 必填，生成签名的随机串
							    signature: signature,// 必填，签名，见附录1
							    jsApiList: [
							    	'closeWindow'
							    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
							});
						} 
					}
				});
			}
			
			function queryInit(){				
				d.show();
				var data={};
				var Request = new Object();
				Request = GetRequest(); 
				doctor = Request["state"];
				data.doctor = doctor;
				sendPost('patient/family_contract/homepage', data, 'json', 'post', queryFailed, querySuccess);				
			}
			
			function queryFailed(res) {
				d.close();
				if (res && res.msg) {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
				} else {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
				}
			}
			
			function querySuccess(res) {
				if (res.status == 200) {			
					var name = res.data.name;
					var jobName = res.data.job;
					var hospitalName = res.data.hospital;
					var deptName = res.data.dept;
					var photo = getImgUrl(res.data.photo);
					var expertise = res.data.expertise;
					var introduce = res.data.intro;
					var sign = Number(res.data.sign);
					var group = Number(res.data.group);
					var url2 = "../../../images/d-default.png";
					if(photo != null && photo != ""){
						url2 = photo;
					}
					if(!jobName) jobName = "";
					if(!deptName) deptName = "";
					if(!expertise) expertise = "无";
					if(!introduce) introduce = "无";
					document.getElementById("photo").src = url2;
					document.getElementById("name").innerHTML = name;			
					document.getElementById("jobName").innerHTML = jobName;
					document.getElementById("hospitalName").innerHTML = hospitalName;
					document.getElementById("deptName").innerHTML = deptName;
					document.getElementById("expertise").innerHTML = expertise;
					document.getElementById("introduce").innerHTML = introduce;
					
					if(group == 1){
						$("#ul-health").show();
					}else if(group == 2){
						$("#ul-disease").show();
					}else if(group == 3){
						$("#ul-sixfive").show();
					}else{
						$("#ul-common").show();
					}
										
					if(sign == 0){
						document.getElementById("btnSign").innerHTML ='<a onclick="cancelSign()" class="c-btn c-btn-E0A526 c-btn-full c-btn-radius c-f18">取消申请</a>';
					}
					else if(sign == 1){
						document.getElementById("btnSign").innerHTML ='<a onclick="overSign()" class="c-btn c-btn-E0A526 c-btn-full c-btn-radius c-f18">申请解约</a>';
					}
					else if(sign == -1){
						document.getElementById("btnSign").innerHTML ='<a onclick="startSign()" class="c-btn c-btn-4dcd70 c-btn-full c-btn-radius c-f18">申请签约</a>';
						$("#divAgree").hide();
					}
					else if(sign == 2){
						document.getElementById("btnSign").innerHTML = '<span class="c-f18" style="color: #E71F19;">您已申请了解约，流程审核中，请等待！！</span>';
					}
					else{
						document.getElementById("btnSign").innerHTML = '<span class="c-f18" style="color: #E71F19;">医生申请与您解约，流程审核中，请等待！！</span>';
					}
					d.close();
				} 
				else{
					queryFailed(res);
				}
			}
			
			//申请签约
			function startSign(){
				if(isQr!=false){
					sendPost('patient/family_contract/checkOpenid', {}, 'json', 'post', queryFailed, openidSuccess2);
				}else{
					var doctorName = encodeURI(document.getElementById("name").innerHTML);
					var hospitalName = encodeURI(document.getElementById("hospitalName").innerHTML);
					window.location.href = "sign-agreement.html?doctor=" + doctor + "&doctorName=" + doctorName + "&hospitalName=" + hospitalName;				
				}
			}
			
			function changeAgreement(){
				window.location.href = "sign-agreement1.html";
			}
			
			function cancelSign(){
				dialog({
		            title: '提示',
		            content: '您确定继续取消和' + document.getElementById("name").innerHTML + '医生的签约吗？',
		            ok: function (){
		            	d1.showModal();
				        var data = {};
						data.doctor = doctor;
						sendPost('patient/family_contract/unsign', data, 'json', 'post', submitFailed, submitSuccess);					
		            },
		            cancel: function () {
						return;
		            }
		    	}).showModal();	
			}
			
			function overSign(){
				$("#txtInfo").hide();
				dialog({
		            title: '申请解约',
		            skin:"ui-dialog ax-popup pror", 
			  	    content:$("#xf-artd").get(0), 
		            ok: function (){		            	
				        var data = {};
						data.doctor = doctor;
						data.doctorName = document.getElementById("name").innerHTML;
						data.reason = $("#textReason").val();
						if(data.reason == "" || data.reason == null){
							$("#txtInfo").show();
							return false;
						}
						else{
							$("#txtInfo").hide();
							d1.showModal();
							sendPost('patient/family_contract/surrender', data, 'json', 'post', submitFailed, submitSuccess2);	
							return;
						}				
		            },
		            cancel: function () {
						return;
		            }
		    	}).showModal();	
			}
			
			function submitFailed(res) {				
				d1.close();
				if (res && res.msg) {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
				} else {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'操作失败'}).show(); 
				}
			}
			
			function submitSuccess(res) {
				if (res.status == 200) {
					d1.close();					
					window.location.href = "choose-region.html";
				} else{			
					submitFailed(res);
				}
			}
			
			function submitSuccess2(res) {
				if (res.status == 200) {
					document.getElementById("btnSign").innerHTML = '<span class="c-f18" style="color: #E71F19;">您已申请了解约，流程审核中，请等待！！</span>';
					d1.close();
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'解约申请成功'}).show();
		            window.scrollTo(0,0);
					//window.location.href = "doctor-home-page.html?doctor=" + doctor;
				} else{			
					submitFailed(res);
				}
			}
			
			//判断是否有三师信息
			function checkTeacter(){
				var data = {};
				sendPost('patient/teachers', data, 'json', 'post', queryFailedTeacter, querySuccessTeacter);
			}
		function querySuccessTeacter(res) {
			if (res.status == 200) {
				d.close();				
				var list = res.data.list;			
				if(list.length > 0){
					var doctorTemp = "";
					var doctorName = "";
					for(var i=0; i<list.length; i++){
						var data = list[i];
					 	if(Number(data.type) == 2){
					 		doctorTemp = data.code;
					 		doctorName = data.name;
					 	}
					}
					var doctorNameTemp = document.getElementById("name").innerHTML;
					if(doctorNameTemp!=doctorName){
						dialog({
					        title:'提示',
					        content:'您已存在三师签约，签约医生为' + doctorName + '医生，继续与' + doctorName + '医生签约家庭医生服务吗？',
					        ok: function (){
					        	window.location.href = "doctor-home-page.html?doctor=" + doctorTemp;				
					        }
						}).showModal();	
					}else{
						familyDoctor();
					}
				}else{
					familyDoctor();
				}
			} else if(res.status == 1 || res.status == 2){
				d.close();
				familyDoctor();
			}
			else{
				queryFailedTeacter(res);
			}
		}
//成功
function openidSuccess2(res) {
	if (res.status == 200) {			
		if(res.data == null || res.data == ""){
			checkTeacter();		
		}
		else{
			queryDoctor(res);
		}
	} else {
		queryFailed(res);
	}
}
//获取家庭签约的医生信息
function queryDoctor(res){
	 var data={};
	 data.doctor = res.data;
	 sendPost('patient/family_contract/homepage', data, 'json', 'post', queryFailed, querySuccess3);				
}
function querySuccess3(res) {
	if (res.status == 200) {
		var doctorName = document.getElementById("name").innerHTML;
		if(res.data.name!=doctorName){
			dialog({
		        title:'提示',
		        content:'您已存在家庭签约，签约医生为' + res.data.name + '医生，只可以签约一个家庭医生',
		        ok: function (){
		        	wx.closeWindow();	
		        }
			}).showModal();
		}else{
			familyDoctor();
		}
	}else{
		queryFailed(res);
	}
}
function familyDoctor(){
	var doctorName = encodeURI(document.getElementById("name").innerHTML);
	var hospitalName = encodeURI(document.getElementById("hospitalName").innerHTML);
	window.location.href = "sign-agreement.html?doctor=" + doctor + "&doctorName=" + doctorName + "&hospitalName=" + hospitalName;			
}
			
function queryFailedTeacter(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
	}
}	
		</script>
	</body>
</html>

html/ssgg/html/health-headline.html

@@ -0,0 +1,136 @@
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>健康教育</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../iconfont/2/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css">
		<link rel="stylesheet" type="text/css" href="../../grzx/css/zx-style.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	</head>
	<body>
		<div class="main">
			<style>
				.news-box {
					height: 180px;
					background: url("../images/news2.jpg") no-repeat 50% 50%;
					background-size: 100% auto;
					position: relative;
				}
				
				.news-title {
					position: absolute;
					bottom: 0;
					background: rgba(0, 0, 0, .5);
				}
			</style>
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>健康教育</h1>
				</div>
			</div>--> 
			<!--<div class="news-box" onClick="openWebview('news-detail.html')">
				<div class="news-title plr15 ptb5 c-boxs width-100">
					<h2 class="c-f14 c-fff">皮肤过敏症 远离皮肤过敏10招全解决</h2>
					<p class="c-f11" style="color:rgba(255,255,255,.65)">军门社区 2016-04-05 星期二</p>
				</div>
			</div>-->
			<!--<div class="ptb10 plr15" style="color:#888;">脸部过敏会带来不便，如果一系列的感染会影响面容，还是需要及早治疗，那么你知道脸部皮肤过敏症的原因吗？脸部皮肤过敏该如何预防呢？</div>-->
			<div class="bgc-fff c-border-tb">
				<ul class="n-list news-list" id="list_ul">
				</ul>
			</div>
			<div class="labhold-con">
			    <div class="doc-recoder" id="divRecoder"></div>
			    <a href="javascript:;" class="view-more c-37a6ed" id="view_more">点击查看更多</a>
			</div>  
		</div>
	</body>
	<script type="text/javascript">
	    var d = dialog({contentType:'load', skin:'bk-popup'});
        var fy_id = 0;
        var pageSize = 10;
        var pagetype = 10;
        $(function() {			
        	$("#list_ul").html("");
            checkUserAgent();           
            //点击加载更多            
            document.getElementById('view_more').addEventListener("tap", function() {    
                queryInit();
            });
        });   
        
        function queryInit() {
			d.show();
            var data = {};
            data.id = fy_id;
            data.pagesize = pageSize;
            sendPost("patient/health/edu/list", data, "json", "post", queryListFailed, queryAppoListSuccesss);
        }
        function queryListFailed(res) {
            d.close().remove();
			if (res && res.msg) {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
			} else {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
			}
        } 
         
        function queryAppoListSuccesss(res) {
            if (res.status == 200) {
                if (res.list.length > 0) {                    
                    var list = res.list;
                    var $list = document.querySelector("#list_ul");
                    for (var i = 0; i < list.length; i++) {
                        var $li = document.createElement("li");                        
                        var title = list[i].title;
                        var url = list[i].url;
                        var czrq = list[i].czrq;
                        $li.className = "n-list-cover n-list-link"; 
                        $li.setAttribute("attr_url", url);
						var content ="<div class='n-list-info'>";
						content +=	"<h4 class='c-nowrap c-f15 c-333 pb5'>"+title+"</h4>";
						content +=	"<p class='c-nowrap-multi c-f13 c-909090'>";
						content +=		"<i class='iconfont icon-xinwenmulu'></i>";
						content +=		"<span>"+czrq+"</span>"	;							 
						content +=	"</p>";
						content +="</div>";   
                        $li.innerHTML = content;
                        $list.appendChild($li);      
                        fy_id=list[i].id;
                    }
                } else {
                    document.querySelector("#view_more").innerText = "已无更多数据";
                }
                d.close().remove();
            } else {
                //非200则为失败
                queryListFailed(res);
            }
        }
	
		$(".news-list").on("tap", "li", function() {
			var title = this.querySelector("h4").innerText;
			var cont = this.querySelector("p").innerText;
			var attr_url = this.getAttribute("attr_url");
			var N_url="news-detail.html?title=" + title + "&news_url=" + attr_url;
			window.location.href=attr_url;
		})
	</script>
</html>

html/ssgg/html/health-index-add-bloodpressure.html

@@ -0,0 +1,170 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>添加血压</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>血压</h1>
				</div>
			</div>-->
			<div class="wis-fix c-border-b mt15">
				<ul class="c-list patient-list c-border-t mt fosx-li" data-list="patientInfo">
					<li>
						<div class="c-list-value pr30" style="width: 100px;">
							<h4><em class="star"></em>记录时间</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" style="background: #FFFFFF;" placeholder="请输入记录时间" data-time="date" value="" id="date">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li>
						<div class="c-list-value pr30" style="width: 100px;">
							<h4><em class="star"></em>收缩压(高压)</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" style="background: #FFFFFF;" placeholder="请输入数值" data-val="weight" value="" id="val_h">
							</div>
						</div>
					</li>
					<li>
						<div class="c-list-value pr30" style="width: 100px;">
							<h4><em class="star"></em>舒张压(低压)</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" style="background: #FFFFFF;" placeholder="请输入数值" data-val="weight" value="" id="val_l">
							</div>
						</div>
					</li>
				</ul>
			</div>
			<p class="c-f16 c5b plr15 pt10">收缩压 正常范围：<span id="minValue1">90</span>-<span id="maxValue1">139</span>mmHg</p>
			<p class="c-f16 c5b plr15 pt10">舒张压 正常范围：<span id="minValue2">60</span>-<span id="maxValue2">89</span>mmHg</p>
			<div class="bottom-box clearfix mt20 plr15">
				<a href="javascript:;" id="save" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18">保存</a>
			</div>
		</div>
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>	
	<script src="../../../js/common_http.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script src="../js/health-index.js"></script>
	<script>
		$(function() {
			//queryWarning();
			document.getElementById("save").addEventListener("tap", function() {
				var record_date = document.getElementById("date").value;
				var val_h = document.getElementById("val_h").value;
				var val_l = document.getElementById("val_l").value;
				if(!record_date){
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请选择记录时间'}).show();
					return ;
				}
				var p = /^[1-9]([0-9])*$/;
				if(!val_h || !p.test(val_h)){
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入收缩压,数值为正整数'}).show();
					return ;
				}
				if(!val_l || !p.test(val_l)){
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入舒张压,数值为正整数'}).show();
					return ;
				}							
				//发送请求到服务器
				addHealthIndex("", record_date, val_h, val_l, 0, 0, 0, 0, 0, 2, addBloodPressureSuccess);
		
			})
		});
		$(function() {
			/* 选择日期  */
			$('input')
			var opt1 = {
				preset: 'date',
				theme: 'ios',
				lang: 'zh',
				minDate: new Date(1900, 01, 01)
			};
			$('input[data-time=date]').mobiscroll(opt1);
			var opt3 = { //血糖时间段
				theme: 'ios',
				lang: 'zh',
				formatValue: function(d) {
					return d.join(',');
				},
				customWheels: true,
				wheels: [
					[{
						keys: ['1', '2', '3', '4', '5', '6', '7'],
						values: ['空腹血糖', '早餐后血糖', '午餐前血糖', '午餐后血糖', '晚餐前血糖', '晚餐后血糖', '睡前血糖']
					}]
				],
				onSelect: function(valueText, inst) {
					console.info(valueText)
					var dd = eval("[" + valueText + "]");
					$('input[data-val=xuetang]').val(dd[0].values);
				},
				onShow: function() {
					ss.mobiscroll('selectWheel', ['2'], 1000, true);
				}
			};
			var xt = $('input[data-val=xuetang]').mobiscroll(opt3);
		})
		
		//查询预警成功
		function queryWarningSuccesss(res) {
			if (res.status == 200) {
				var standard = res.data.standard;
				var custom = res.data.custom;
				if(custom.length > 0){
					for (var i = 0; i < custom.length; i++) {
						var list = custom[i];
						if(list.type == 2){
							document.getElementById("minValue1").innerHTML = list.min_value_1;
							document.getElementById("maxValue1").innerHTML = list.max_value_1;
							document.getElementById("minValue2").innerHTML = list.min_value_2;
							document.getElementById("maxValue2").innerHTML = list.max_value_2;
						}
					}
				}
				else{
					for (var i = 0; i < standard.length; i++) {
						var list = standard[i];
						if(list.type == 2){
							document.getElementById("minValue1").innerHTML = list.min_value_1;
							document.getElementById("maxValue1").innerHTML = list.max_value_1;
							document.getElementById("minValue2").innerHTML = list.min_value_2;
							document.getElementById("maxValue2").innerHTML = list.max_value_2;
						}
					}
				}
				d.close();				
			} else {
				queryListFailed(res);
			}
		}
	</script>
</html>

html/ssgg/html/health-index-add-bloodsugar.html

@@ -0,0 +1,199 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>添加血糖</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>血糖</h1>
				</div>
			</div>-->
			<div class="wis-fix c-border-b mt15">
				<ul class="c-list patient-list c-border-t mt fosx-li" data-list="patientInfo">
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>记录时间</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" style="background: #FFFFFF;" data-time="date" value="" id="date">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>时间段</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请选择" style="background: #FFFFFF;" data-val="xuetang" value="" id="type">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>测量值</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入数值" style="background: #FFFFFF;" data-val="weight" value="" id="val">
							</div>
						</div>
					</li>
				</ul>
			</div>
			<p class="c-f16 c5b plr15 pt10">空腹血糖  正常范围(<span id="minValue1">3.9</span>-<span id="maxValue1">6.1</span>mmol/L)</p>
			<p class="c-f16 c5b plr15 pt5">非空腹血糖 正常范围(<span id="minValue2">4.4</span>-<span id="maxValue2">7.8</span>mmol/L)</p>
			<div class="bottom-box clearfix mt20 plr15">
				<a id="save" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18">保存</a>
			</div>
		</div>
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<!--<script type="text/javascript" src="../../../js/app.js"></script>-->
	
	<script src="../../../js/common_http.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script src="../js/health-index.js"></script>
	<script>
		$(function() {
			//queryWarning();
			document.getElementById("save").addEventListener("tap", function() {			
				var record_date = document.getElementById("date").value;
				var type_str = document.getElementById("type").value;
				var val = document.getElementById("val").value;
				var value1 = 0;
				var value2 = 0;
				var value3 = 0;
				var value4 = 0;
				var value5 = 0;
				var value6 = 0;
				var value7 = 0;
				switch (type_str) {
					case "早餐前血糖":
						value1 = val;
						break;
					case "早餐后血糖":
						value2 = val;
						break;
					case "午餐前血糖":
						value3 = val;
						break;
					case "午餐后血糖":
						value4 = val;
						break;
					case "晚餐前血糖":
						value5 = val;
						break;
					case "晚餐后血糖":
						value6 = val;
						break;
					case "睡前血糖":
						value7 = val;
						break;
				}
				if(!record_date){
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请选择记录时间'}).show();
					return ;
				}
				if(!type_str){
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请选择时间段'}).show();
					return ;
				}
				var p = /^[0-9]+([.]{1}[0-9]{0,1})?$/;
				if(!val || !p.test(val)){
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入正确的测量值，允许一位小数'}).show();
					return ;
				}											
				addHealthIndex("", record_date, value1, value2, value3, value4, value5, value6, value7, 1, addBloodSugarSuccess);
				
			});
		
			/* 选择日期  */
			$('input')
			var opt1 = {
				preset: 'date',
				theme: 'ios',
				lang: 'zh',
				minDate: new Date(1900, 01, 01)
			};
			$('input[data-time=date]').mobiscroll(opt1);
			var opt3 = { //血糖时间段
				theme: 'ios',
				lang: 'zh',
				formatValue: function(d) {
					return d.join(',');
				},
				customWheels: true,
				wheels: [
					[{
						keys: ['1', '2', '3', '4', '5', '6', '7'],
						values: ['早餐前血糖', '早餐后血糖', '午餐前血糖', '午餐后血糖', '晚餐前血糖', '晚餐后血糖', '睡前血糖']
					}]
				],
				onSelect: function(valueText, inst) {
					var dd = eval("[" + valueText + "]");
					$('input[data-val=xuetang]').val(dd[0].values);
				},
				onShow: function() {
				}
			};
			var xt = $('input[data-val=xuetang]').mobiscroll(opt3);
		})		
		
		//查询预警成功
		function queryWarningSuccesss(res) {
			if (res.status == 200) {
				var standard = res.data.standard;
				var custom = res.data.custom;
				if(custom.length > 0){
					for (var i = 0; i < custom.length; i++) {
						var list = custom[i];
						if(list.type == 1){
							document.getElementById("minValue1").innerHTML = list.min_value_1;
							document.getElementById("maxValue1").innerHTML = list.max_value_1;
							document.getElementById("minValue2").innerHTML = list.min_value_2;
							document.getElementById("maxValue2").innerHTML = list.max_value_2;
						}
					}
				}
				else{
					for (var i = 0; i < standard.length; i++) {
						var list = standard[i];
						if(list.type == 1){
							document.getElementById("minValue1").innerHTML = list.min_value_1;
							document.getElementById("maxValue1").innerHTML = list.max_value_1;
							document.getElementById("minValue2").innerHTML = list.min_value_2;
							document.getElementById("maxValue2").innerHTML = list.max_value_2;
						}
					}
				}
				d.close();				
			} else {
				queryListFailed(res);
			}
		}
	</script>
</html>

html/ssgg/html/health-index-add-waistline.html

@@ -0,0 +1,115 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>添加腰围</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>腰围</h1>
				</div>
			</div>-->
			<div class="wis-fix c-border-b mt15">
				<ul class="c-list patient-list c-border-t mt fosx-li" data-list="patientInfo">
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>记录时间</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" style="background: #FFFFFF;" data-time="date" value="" id="date">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>腰围</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入数值" style="background: #FFFFFF;" data-val="weight" value="" id="val">
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="bottom-box clearfix mt20 plr15">
				<a href="javascript:;" id="save" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18">保存</a>
			</div>
		</div>
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../js/health-index.js"></script>
	<script src="../../../js/common_http.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script>
		$(function() {
			document.getElementById("save").addEventListener("tap", function() {
				var record_date = document.getElementById("date").value;
				var val = document.getElementById("val").value;
				
				if(!record_date){
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请选择记录时间'}).show();
					return ;
				}
				var p = /^[0-9]+([.]{1}[0-9]{0,1})?$/;
				if(!val || !p.test(val)){
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入正确的腰围，允许一位小数'}).show();
					return ;
				}
				addHealthIndex("", record_date, val, 0, 0, 0, 0, 0, 0, 4, addWaistlineSuccess);
			})
		});
		$(function() {
			/* 选择日期  */
			var opt1 = {
				preset: 'date',
				theme: 'ios',
				lang: 'zh',
				minDate: new Date(1900, 01, 01)
			};
			$('input[data-time=date]').mobiscroll(opt1);
			var opt3 = { //血糖时间段
				theme: 'ios',
				lang: 'zh',
				formatValue: function(d) {
					return d.join(',');
				},
				customWheels: true,
				wheels: [
					[{
						keys: ['1', '2', '3', '4', '5', '6', '7'],
						values: ['空腹血糖', '早餐后血糖', '午餐前血糖', '午餐后血糖', '晚餐前血糖', '晚餐后血糖', '睡前血糖']
					}]
				],
				onSelect: function(valueText, inst) {
					console.info(valueText)
					var dd = eval("[" + valueText + "]");
					$('input[data-val=xuetang]').val(dd[0].values);
				},
				onShow: function() {
					ss.mobiscroll('selectWheel', ['2'], 1000, true);
				}
			};
			var xt = $('input[data-val=xuetang]').mobiscroll(opt3);
		})
	</script>
</html>

html/ssgg/html/health-index-add-weight.html

@@ -0,0 +1,150 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>添加体重</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>体重</h1>
				</div>
			</div>-->
			<div class="wis-fix c-border-b mt15">
				<ul class="c-list patient-list c-border-t mt fosx-li" data-list="patientInfo">
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>记录时间</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" style="background: #FFFFFF;" data-time="date" value="" id="date">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li>
						<div class="c-list-value pr30" style="width: 80px;">
							<h4><em class="star"></em>体重</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入体重" style="background: #FFFFFF;" data-val="weight" value="" id="val">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="bottom-box clearfix mt20 plr15">
				<a href="javascript:;" id="save" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18">保存</a>
			</div>
		</div>
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../js/health-index.js"></script>
	<script src="../../../js/common_http.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script>
		$(function() {
			document.getElementById("save").addEventListener("tap", function() {
				var record_date = document.getElementById("date").value;
				var val = document.getElementById("val").value;
				val = val.replace("kg","");
				if(!record_date){
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请选择记录时间'}).show();
					return ;
				}
				if(!val){
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入正确的体重值'}).show();
					return ;
				}
				addHealthIndex("", record_date, val, 0, 0, 0, 0, 0, 0, 3, addWeightSuccess);
			})
		});
		$(function() {
			/* 选择日期  */
			$('input')
			var opt1 = {
				preset: 'date',
				theme: 'ios',
				lang: 'zh',
				minDate: new Date(1900, 01, 01)
			};
			$('input[data-time=date]').mobiscroll(opt1);
			/*************体重*****************/
			function androidNum() { //判断安卓版本号
				var userAgent = navigator.userAgent;
				//alert(userAgent)
				var index = userAgent.indexOf("Android")
				if (index >= 0) {
					var androidVersion = parseFloat(userAgent.slice(index + 8));
					if (androidVersion < 5) {
						// 版本小于5的事情
						var uy = dialog({
							contentType: 'tipsbox',
							content: 'loading',
							closeTime: 500
						}).showModal();
					}
				}
			}
			var opt2 = {
				theme: 'ios',
				lang: 'zh',
				formatValue: function(d) {
					return d.join(',');
				},
				customWheels: true,
				wheels: [
					[{
						keys: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
						values: [' ', '1', '2', '3', '4', '5', '6', '7', '8', '9']
					}, {
						keys: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
						values: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9']
					}, {
						keys: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
						values: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9']
					}, {
						keys: ['0'],
						values: ['.']
					}, {
						keys: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
						values: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9']
					}, {
						keys: ['0'],
						values: ['kg']
					}, ]
				],
				onSelect: function(valueText, inst) {
					var dd = eval("[" + valueText + "]");
					$('input[data-val=weight]').val(dd[0].values + dd[1].values + dd[2].values + dd[3].values + dd[4].values + dd[5].values);
					//androidNum();
				},
				onShow: function() {
					
				}
			};
			$('input[data-val=weight]').mobiscroll(opt2);
		})
	</script>
</html>

html/ssgg/html/health-index-bloodpressure-chart.html

@@ -0,0 +1,137 @@
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>血压曲线</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	</head>
	<body>
		<div class="main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>血压曲线</h1>
				</div>
			</div>-->
			<div class="wis-fix c-border-b">
				<ul class="c-list patient-list fosx-li" data-list="patientInfo">
					<li>
						<div class="c-list-value pr30">
							<h4><em class="star"></em>记录时间&nbsp;&nbsp;&nbsp;&nbsp;</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" data-time="date" value="" id="">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li class="time-began" style="display:none;">
						<div class="c-list-value pr30">
							<h4><em class="star"></em>开始时间&nbsp;&nbsp;&nbsp;&nbsp;</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" data-time="date1" value="" id="date_begin">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li class="time-began" style="display:none;">
						<div class="c-list-value pr30">
							<h4><em class="star"></em>结束时间&nbsp;&nbsp;&nbsp;&nbsp;</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" data-time="date2" value="" id="date_end">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
				</ul>
			</div>
<!--			<div class="c-t-center ptb10 c-f15 c-5b5b5b">血压</div>-->
			<div class="curve-box c-border-tb bgc-fff">
				<div class="swiper-container">
					<ul class="swiper-wrapper">
						<li class="swiper-slide">
							<ul class="chart-title">
								<li>
									<i class="bgc-5dd1d2"></i> 收缩压
									<i class="bgc-b6a2de"></i> 舒张压
								</li>
							</ul>
							<div id="chart1" class="curve-charts">
							</div>
							<ul class="chart-zt">
								<li>
									<i class="bgc-0ad800"></i> 正常
								</li>
								<li>
									<i class="bgc-f00"></i> 异常
								</li>
							</ul>
						</li>
						<!--<li class="swiper-slide">
							<ul class="chart-title">
								<li>
									<i class="bgc-b6a2de"></i> 舒张压
								</li>
							</ul>
							<div id="chart2" class="curve-charts">
							</div>
							<ul class="chart-zt">
								<li>
									<i class="bgc-0ad800"></i> 正常
								</li>
								<li>
									<i class="bgc-f00"></i> 异常
								</li>
							</ul>
						</li>-->
					</ul>
					<div class="swiper-pagination"></div>
				</div>
			</div>
			
			
			
			
			
			<div class="bottom-box clearfix mt15 plr15 pb20">
				<a onclick="window.open('health-index-bloodpressure-history.html')" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18" style="width:48%;padding: 12px 1px;">血压历史</a>
				<a onclick="window.open('health-index-add-bloodpressure.html')" class="c-btn-full c-btn-4dcd70 c-btn-radius fr c-f18" style="width:48%;padding: 12px 1px;">添加血压</a>
			</div>
		</div>
		<link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.css">
		<script type="text/javascript" src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script src="../../../widget/echarts/echarts.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script type="text/javascript" src="../../../js/app.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/health-index.js"></script>
		<script type="text/javascript" src="../js/health-index-bloodpressure-chart.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js"></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	</body>
</html>

html/ssgg/html/health-index-bloodpressure-history.html

@@ -0,0 +1,86 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>血压历史</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
		<link rel="stylesheet" type="text/css" href="../css/zx-style.css">
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>血压历史</h1>
				</div>
			</div>-->
			<div class="mt10">
				<div class="plr15 ptb10 c-909090 c-f17">
					<p>收缩压/舒张压</p>
					<p>正常范围：90-139/60-89mmHg</p>
					<p>注：偏高为<span class="c-f00">红色</span>字体，偏低为<span class="c-007cd9">蓝色</span>字体</p>
				</div>
				<table class="c-table health-table-blue c-f16 c-boxs">
					<tbody>
						<tr>
							<td class="width-30">日期</td>
							<td class="width-35">收缩压</td>
							<td class="width-35">舒张压</td>
						</tr>
					</tbody>
				</table>
				<table class="c-table c-border-b c-f16 bg-fff" id="table1">
					<tbody id="item">
					</tbody>
				</table>
				
				<div class="labhold-con">
				    <div class="doc-recoder" id="divRecoder"></div>
				    <a href="javascript:;" class="view-more c-37a6ed c-f18" id="view_more">点击查看更多</a>
				</div>
				<div class="bottom-box clearfix mt15 plr15" >
					<a onclick="window.open('health-index-add-bloodpressure.html')" class="c-btn c-btn-4dcd70 c-btn-radius fl c-f18">添加血压</a>
					<a onclick="window.history.back()" class="c-btn c-btn-4dcd70 c-btn-radius fr c-f18">查看曲线</a> </div>
				</div>
		</div>
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		
		<script type="text/javascript" src="../js/health-index-bloodpressure-history.js" ></script>
		<script type="text/javascript" src="../js/health-index.js" ></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	
		<script type="text/javascript">
		//启用双击监听
//		mui.init({
//				gestureConfig:{
//					doubletap:true
//				},
//				subpages:[{
//					url:'health-index-bloodpressure-history-sub.html',
//					id:'health-index-bloodpressure-history-sub',
//					styles:{
//						top: '180px',
//						bottom: '185px',	
//					}
//				}]
//			});
//		
		</script>
	</body>
	
	
	
</html>

html/ssgg/html/health-index-bloodsugar-chart.html

@@ -0,0 +1,213 @@
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>血糖曲线</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	</head>
	<body>
		<div class="main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>血糖曲线</h1>
				</div>
			</div>-->
			<div class="wis-fix c-border-b">
				<ul class="c-list patient-list fosx-li" data-list="patientInfo">
					<li>
						<div class="c-list-value pr30">
							<h4><em class="star"></em>记录时间&nbsp;&nbsp;&nbsp;&nbsp;</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" data-time="date" value="" id="">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li class="time-began" style="display:none;">
						<div class="c-list-value pr30">
							<h4><em class="star"></em>开始时间&nbsp;&nbsp;&nbsp;&nbsp;</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" data-time="date1" value="" id="date_begin">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li class="time-began" style="display:none;">
						<div class="c-list-value pr30">
							<h4><em class="star"></em>结束时间&nbsp;&nbsp;&nbsp;&nbsp;</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" data-time="date2" value="" id="date_end">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<!--<div class="c-t-center ptb10 c-f15 c-5b5b5b">血糖</div>-->
			<div class="curve-box c-border-tb bgc-fff">
				<div class="swiper-container">
					<ul class="swiper-wrapper">
						<li class="swiper-slide">
							<ul class="chart-title">
								<li>
									<i class="bgc-5dd1d2"></i> 早餐前血糖
								</li>
							</ul>
							<div id="chart1" class="curve-charts">
							</div>
							<ul class="chart-zt">
								<li>
									<i class="bgc-0ad800"></i> 正常
								</li>
								<li>
									<i class="bgc-f00"></i> 异常
								</li>
							</ul>
						</li>
						<li class="swiper-slide">
							<ul class="chart-title">
								<li>
									<i class="bgc-b6a2de"></i> 早餐后血糖
								</li>
							</ul>
							<div id="chart2" class="curve-charts">
							</div>
							<ul class="chart-zt">
								<li>
									<i class="bgc-0ad800"></i> 正常
								</li>
								<li>
									<i class="bgc-f00"></i> 异常
								</li>
							</ul>
						</li>
						<li class="swiper-slide">
							<ul class="chart-title">
								<li>
									<i class="bgc-5dd1d2"></i> 午餐前血糖
								</li>
							</ul>
							<div id="chart3" class="curve-charts">
							</div>
							<ul class="chart-zt">
								<li>
									<i class="bgc-0ad800"></i> 正常
								</li>
								<li>
									<i class="bgc-f00"></i> 异常
								</li>
							</ul>
						</li>
						<li class="swiper-slide">
							<ul class="chart-title">
								<li>
									<i class="bgc-b6a2de"></i> 午餐后血糖
								</li>
							</ul>
							<div id="chart4" class="curve-charts">
							</div>
							<ul class="chart-zt">
								<li>
									<i class="bgc-0ad800"></i> 正常
								</li>
								<li>
									<i class="bgc-f00"></i> 异常
								</li>
							</ul>
						</li>
						<li class="swiper-slide">
							<ul class="chart-title">
								<li>
									<i class="bgc-5dd1d2"></i> 晚餐前血糖
								</li>
							</ul>
							<div id="chart5" class="curve-charts">
							</div>
							<ul class="chart-zt">
								<li>
									<i class="bgc-0ad800"></i> 正常
								</li>
								<li>
									<i class="bgc-f00"></i> 异常
								</li>
							</ul>
						</li>
						<li class="swiper-slide">
							<ul class="chart-title">
								<li>
									<i class="bgc-b6a2de"></i> 晚餐后血糖
								</li>
							</ul>
							<div id="chart6" class="curve-charts">
							</div>
							<ul class="chart-zt">
								<li>
									<i class="bgc-0ad800"></i> 正常
								</li>
								<li>
									<i class="bgc-f00"></i> 异常
								</li>
							</ul>
						</li>
						<li class="swiper-slide">
							<ul class="chart-title">
								<li>
									<i class="bgc-5dd1d2"></i> 睡前血糖
								</li>
							</ul>
							<div id="chart7" class="curve-charts">
							</div>
							<ul class="chart-zt">
								<li>
									<i class="bgc-0ad800"></i> 正常
								</li>
								<li>
									<i class="bgc-f00"></i> 异常
								</li>
							</ul>
						</li>
					</ul>
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<div class="bottom-box clearfix mt15 plr15 pb20">
				<a onclick="window.open('health-index-bloodsugar-history.html')" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18" style="width:48%;padding: 12px 1px;">血糖历史</a>
				<a onclick="window.open('health-index-add-bloodsugar.html')" class="c-btn-full c-btn-4dcd70 c-btn-radius fr c-f18" style="width:48%;padding: 12px 1px;">添加血糖</a>
			</div>
		</div>
		<link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.css">
		<script type="text/javascript" src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script src="../../../widget/echarts/echarts.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/app.js"></script>	
		<script type="text/javascript" src="../js/health-index-bloodsugar-chart.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js"></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script type="text/javascript" src="../js/health-index.js"></script>
	</body>
</html>

html/ssgg/html/health-index-bloodsugar-history.html

@@ -0,0 +1,118 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>血糖历史</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../css/zx-style.css" />
		<!--<link rel="stylesheet" href="../../../css/mui.css">-->
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>血糖历史</h1>
				</div>
			</div>-->
			<div >
				<div class="plr15 ptb10 c-909090 c-f17">
					<p>空腹血糖正常范围(3.9-6.1mmol/L)</p>
					<p>非空腹血糖正常范围(4.4-7.8mmol/L)</p>
					<p>注：偏高为<span class="c-f00">红色</span>字体，偏低为<span class="c-007cd9">蓝色</span>字体</p>
				</div>
				<table class="c-table pos c-border-tb GLU-tab" id="table1">
					<thead class="bg-32aa6d c-f16 c-fff">
						<tr>
							<th rowspan="2">日期</th>
							<th colspan="2">早餐</th>
							<th colspan="2">午餐</th>
							<th colspan="2">晚餐</th>
							<th rowspan="2">睡前</th>
						</tr>
						<tr>
							<th>空腹</th>
							<th>后</th>
							<th>前</th>
							<th>后</th>
							<th>前</th>
							<th>后</th>
						</tr>
					</thead>
					<tbody class="bg-fff c-f16" id="item">
					</tbody>
				</table>
				
			</div>
		</div>	
		
		<div class="labhold-con">
		    <div class="doc-recoder" id="divRecoder"></div>
		    <a href="javascript:;" class="view-more c-37a6ed c-f18" id="view_more">点击查看更多</a>
		</div>
		<!--style="z-index: 99;width:100%;height: 60px;position: absolute;bottom: 110px;"-->
		<div class="bottom-box clearfix mt15 plr15">
			<a onclick="window.open('health-index-add-bloodsugar.html')" style="padding: 12px 15px;" class="c-btn c-btn-4dcd70 c-btn-radius fl c-f18">添加血糖</a>			
			<a onclick="window.history.back()" style="padding: 12px 15px;" class="c-btn c-btn-4dcd70 c-btn-radius fr c-f18">查看曲线</a>
			
		</div>
		
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
			
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<!--<script type="text/javascript" src="../js/health-index-bloodsugar-history.js" ></script>-->
		<script type="text/javascript" src="../js/health-index.js" ></script>
		<script type="text/javascript" src="../js/health-index-bloodsugar-history.js" ></script>
		
		
		
		<script type="text/javascript">
		//启用双击监听
//		mui.init({
//			gestureConfig:{
//				doubletap:true
//			},
//			subpages:[{
//				url:'health-index-bloodsugar-history-sub.html',
//				id:'health-index-bloodsugar-history-sub',
//				styles:{
//					top: '237px', 
//					bottom: '185px',
//				}
//			}]
//		});
		window.addEventListener("add-item", function(e) {
			mui.init({
				gestureConfig:{
					doubletap:true
				},
				subpages:[{
					url:'health-index-bloodsugar-history-sub.html',
					id:'health-index-bloodsugar-history-sub',
					styles:{
						top: '237px', 
						bottom: '185px',
					}
				}]
			});
		})
		
		
	</script>	
	</body>
	
</html>

html/ssgg/html/health-index-waistline-chart.html

@@ -0,0 +1,114 @@
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>腰围曲线</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	</head>
	<body>
		<div class="main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>腰围曲线</h1>
				</div>
			</div>-->
			<div class="wis-fix c-border-b">
				<ul class="c-list patient-list fosx-li" data-list="patientInfo">
					<li>
						<div class="c-list-value pr30">
							<h4><em class="star"></em>记录时间&nbsp;&nbsp;&nbsp;&nbsp;</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" data-time="date" value="" id="">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li class="time-began" style="display:none;">
						<div class="c-list-value pr30">
							<h4><em class="star"></em>开始时间&nbsp;&nbsp;&nbsp;&nbsp;</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" data-time="date1" value="" id="date_begin">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li class="time-began" style="display:none;">
						<div class="c-list-value pr30">
							<h4><em class="star"></em>结束时间&nbsp;&nbsp;&nbsp;&nbsp;</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" data-time="date2" value="" id="date_end">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<!--<div class="c-t-center ptb10 c-f15 c-5b5b5b">腰围</div>-->
			<div class="curve-box c-border-tb bgc-fff">
				<div class="swiper-container">
					<ul class="swiper-wrapper">
						<li class="swiper-slide">
							<ul class="chart-title">
								<li>
									<i class="bgc-5dd1d2"></i> 腰围
								</li>
							</ul>
							<div id="chart1" class="curve-charts">
							</div>
							<!--<ul class="chart-zt">
								<li>
									<i class="bgc-0ad800"></i> 正常
								</li>
								<li>
									<i class="bgc-f00"></i> 异常
								</li>
							</ul>-->
						</li>
					</ul>
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<div class="bottom-box clearfix mt15 plr15 pb20">
				<a onclick="window.open('health-index-waistline-history.html')" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18" style="width:48%;padding: 12px 1px;">腰围历史</a>
				<a onclick="window.open('health-index-add-waistline.html')" class="c-btn-full c-btn-4dcd70 c-btn-radius fr c-f18" style="width:48%;padding: 12px 1px;">添加腰围</a>
			</div>
		</div>
		<link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.css">
		<script type="text/javascript" src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script src="../../../widget/echarts/echarts.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/app.js"></script>
		<script type="text/javascript" src="../js/health-index-waistline-chart.js"></script>
		<script type="text/javascript" src="../js/health-index.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js"></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	</body>
</html>

html/ssgg/html/health-index-waistline-history.html

@@ -0,0 +1,83 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>腰围历史</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../css/zx-style.css">
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>腰围历史</h1>
				</div>
			</div>-->
			<div class="mt20">
				<table class="c-table health-table-blue c-f16 c-boxs">
					<tbody>
						<tr>
							<td class="width-30">日期</td>
							<td class="width-70">腰围（cm）</td>
						</tr>
					</tbody>
				</table>
				<table class="c-table pos c-border-tb GLU-tab" id="table1">
					<tbody class="bg-fff c-f16" id="item">
					</tbody>
				</table>
			</div>
			<div class="labhold-con">
			    <div class="doc-recoder" id="divRecoder"></div>
			    <a href="javascript:;" class="view-more c-37a6ed c-f18" id="view_more">点击查看更多</a>
			</div>
			
			<div class="bottom-box clearfix mt15 plr15">
				<a onclick="window.open('health-index-add-waistline.html')" class="c-btn c-btn-4dcd70 c-btn-radius fl c-f18">添加腰围</a>
				<a onclick="window.history.back()" class="c-btn c-btn-4dcd70 c-btn-radius fr c-f18">查看曲线</a>
			</div>
		</div>
	
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script type="text/javascript" src="../../../js/common_http.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../js/health-index.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/health-index-waistline-history.js"></script>
	
	<script type="text/javascript">
		//启用双击监听
//		mui.init({
//			gestureConfig:{
//				doubletap:true
//			},
//			subpages:[{
//				url:'health-index-waistline-history-sub.html',
//				id:'health-index-waistline-history-sub',
//				styles:{
//					top: '106px',
//					bottom: '185px',
//				}
//			}]
//		});
		
//		$(function(){
//			$('iframe').css('width','100%');
//			
//		})
	</script>
	
	</body>
</html>

html/ssgg/html/health-index-weight-chart.html

@@ -0,0 +1,114 @@
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>体重曲线</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	</head>
	<body>
		<div class="main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>体重曲线</h1>
				</div>
			</div>-->
			<div class="wis-fix c-border-b">
				<ul class="c-list patient-list mt fosx-li" data-list="patientInfo">
					<li>
						<div class="c-list-value pr30">
							<h4><em class="star"></em>记录时间&nbsp;&nbsp;&nbsp;&nbsp;</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" data-time="date" value="" id="">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li class="time-began" style="display:none;">
						<div class="c-list-value pr30">
							<h4><em class="star"></em>开始时间&nbsp;&nbsp;&nbsp;&nbsp;</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" data-time="date1" value="" id="date_begin">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
					<li class="time-began" style="display:none;">
						<div class="c-list-value pr30">
							<h4><em class="star"></em>结束时间&nbsp;&nbsp;&nbsp;&nbsp;</h4>
						</div>
						<div class="c-list-info">
							<div class="input-group width-100">
								<input type="text" class="form-control width-100 no-border" placeholder="请输入记录时间" data-time="date2" value="" id="date_end">
								<span class="form-select-arrow"></span>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<!--<div class="c-t-center ptb10 c-f15 c-5b5b5b">体重</div>-->
			<div class="curve-box c-border-tb bgc-fff">
				<div class="swiper-container">
					<ul class="swiper-wrapper">
						<li class="swiper-slide">
							<ul class="chart-title">
								<li>
									<i class="bgc-5dd1d2"></i> 体重
								</li>
							</ul>
							<div id="chart1" class="curve-charts">
							</div>
							<!--<ul class="chart-zt">
								<li>
									<i class="bgc-0ad800"></i> 正常
								</li>
								<li>
									<i class="bgc-f00"></i> 异常
								</li>
							</ul>-->
						</li>
					</ul>
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<div class="bottom-box clearfix mt15 plr15 pb20">
				<a onclick="window.open('health-index-weight-history.html')" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18" style="width:48%;padding: 12px 1px;">体重历史</a>
				<a onclick="window.open('health-index-add-weight.html')" class="c-btn-full c-btn-4dcd70 c-btn-radius fr c-f18" style="width:48%;padding: 12px 1px;">添加体重</a>
			</div>
		</div>
		<link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.css">
		<script type="text/javascript" src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script src="../../../widget/echarts/echarts.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/app.js"></script>
		<script type="text/javascript" src="../js/health-index-weigth-chart.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js"></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script type="text/javascript" src="../js/health-index.js"></script>
	</body>
</html>

html/ssgg/html/health-index-weight-history.html

@@ -0,0 +1,80 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>体重历史</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
		<link rel="stylesheet" type="text/css" href="../css/zx-style.css">
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>体重历史</h1>
				</div>
			</div>-->
			<div class="mt20">
				<table class="c-table health-table-blue c-f16 c-boxs">
					<tbody>
						<tr>
							<td class="width-30">日期</td>
							<td class="width-70">体重（kg）</td>
						</tr>
					</tbody>
				</table>				
				<table class="c-table pos c-border-tb GLU-tab" id="table1">
					<tbody class="bg-fff c-f16" id="item">
					</tbody>
				</table>
			</div>
			<div class="labhold-con">
			    <div class="doc-recoder" id="divRecoder"></div>
			    <a href="javascript:;" class="view-more c-37a6ed c-f18" id="view_more">点击查看更多</a>
			</div>
			
			
			<div class="bottom-box clearfix mt15 plr15" >
				<a onclick="window.open('health-index-add-weight.html')" class="c-btn c-btn-4dcd70 c-btn-radius fl c-f18">添加体重</a>
				<a onclick="window.history.go(-1); " class="c-btn c-btn-4dcd70 c-btn-radius fr c-f18">查看曲线</a>
			</div>
		</div>
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script type="text/javascript" src="../js/health-index.js" ></script>
		<script type="text/javascript" src="../js/health-index-weight-history.js" ></script>
		<script type="text/javascript">
		//启用双击监听
//		mui.init({
//				gestureConfig:{
//					doubletap:true
//				},
//				subpages:[{
//					url:'health-index-weight-history-sub.html',
//					id:'health-index-weight-history-sub',
//					styles:{
//						top: '104px',
//						bottom: '185px',
//					}
//				}]
//			});
		
		</script>
	
	</body>
</html>

html/ssgg/html/health-index.html

@@ -0,0 +1,177 @@
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>健康指标</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	</head>
	<body>
		<div class="main">
			<div class="h45">
				<div class="demo-comtop">
					<!--<a class="mui-action-back"></a>-->
					<h1 class="c-f18">最近一次记录如下</h1>
				</div>
			</div>
			<div class="bgc-fff c-border-b mb20">
				<ul class="n-list tz-record-list" id="index_list">
					<li class="n-list-function n-list-link list-arrow-r" data-href='health-index-bloodsugar-'>
						<div class="n-list-key">
							<div class="n-avatar-m health-border-1">血糖</div>
						</div>
						<div class="n-list-flex ptb12">
							<div class="n-list-info">
								<div onclick="window.open('health-index-bloodsugar-chart.html')"id="zb_xt" class="c-t-right c-f18 pr10 c-909090">请先进行记录</div>
							</div>
						</div>
					</li>
					<li class="n-list-function n-list-link list-arrow-r" data-href='health-index-bloodpressure-'>
						<div class="n-list-key">
							<div class="n-avatar-m health-border-2">血压</div>
						</div>
						<div class="n-list-flex">
							<div class="n-list-info">
								<div onclick="window.open('health-index-bloodpressure-chart.html')"  id="zb_xy" class="c-t-right c-f18 pr10 c-909090">请先进行记录</div>
							</div>
						</div>
					</li>
					<li class="n-list-function n-list-link list-arrow-r" data-href='health-index-weight-'>
						<div class="n-list-key">
							<div class="n-avatar-m health-border-6">体重</div>
						</div>
						<div class="n-list-flex">
							<div class="n-list-info">
								<div onclick="window.open('health-index-weight-chart.html')"id="zb_tz" class="c-t-right c-f18 pr10 c-909090">请先进行记录</div>
							</div>
						</div>
					</li>
					<li class="n-list-function n-list-link list-arrow-r" data-href='health-index-waistline-'>
						<div class="n-list-key">
							<div class="n-avatar-m health-border-4">腰围</div>
						</div>
						<div class="n-list-flex">
							<div class="n-list-info">
								<div onclick="window.open('health-index-waistline-chart.html')"id="zb_yw" class="c-t-right c-f18 pr10 c-909090">请先进行记录</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript">
		var d = dialog({contentType:'load', skin:'bk-popup'});
		var pagetype = 8;
		$(function() {			
			checkUserAgent();
		});
		
		function queryInit(){
			d.show();
			sendPost("patient/health_index/recent", "","JSON","POST" ,queryFailed, success);
		}
		
		function success(data){
			if(data.status!=-1){
				var D_booldsugar = null;
				var D_booldpressure = null;
				var D_weight = null;
				var D_waisline = null;
				for(var i=0; i < data.list.length; i++){
					var listee = data.list[i];
					if(listee.type == 1){
						D_booldsugar = listee;
					}else if(listee.type == 2){
						D_booldpressure = listee;
					}else if(listee.type == 3){
						D_weight = listee;
					}else{
						D_waisline = listee;
					}
				}				
				
				if(D_booldsugar==null || D_booldsugar==""){
					$("#zb_xt").html("请先进行记录");
				}else{
					if(D_booldsugar.value1){
						$("#zb_xt").html("空腹血糖值：" + toIntValue(D_booldsugar.value1)+"mmol/L");
					};
					if(D_booldsugar.value2){
						$("#zb_xt").html("早餐后血糖值：" + toIntValue(D_booldsugar.value2)+"mmol/L");
					};
					if(D_booldsugar.value3){
						$("#zb_xt").html("午餐前血糖值：" + toIntValue(D_booldsugar.value3)+"mmol/L");
					};
					if(D_booldsugar.value4){
						$("#zb_xt").html("午餐后血糖值：" + toIntValue(D_booldsugar.value4)+"mmol/L");
					};
					if(D_booldsugar.value5){
						$("#zb_xt").html("晚餐前血糖值：" + toIntValue(D_booldsugar.value5)+"mmol/L");
					};
					if(D_booldsugar.value6){
						$("#zb_xt").html("晚餐后血糖值：" + toIntValue(D_booldsugar.value6)+"mmol/L");
					};
					if(D_booldsugar.value7){
						$("#zb_xt").html("睡前血糖值：" + toIntValue(D_booldsugar.value7)+"mmol/L");
					};								
				}
				
				if(D_booldpressure==null || D_booldpressure==""){
					$("#zb_xy").html("请先进行记录");
				}else{
					$("#zb_xy").html("收缩压:" + toIntValue(D_booldpressure.value1) + "mmHg<br />舒张压:" + toIntValue(D_booldpressure.value2) + "mmHg");
				}
				
				if(D_weight==null || D_weight==""){
					$("#zb_tz").html("请先进行记录");
				}else{
					$("#zb_tz").html(toIntValue(D_weight.value1)+"kg");
				}
				if(D_waisline==null || D_waisline==""){
					$("#zb_yw").html("请先进行记录");
				}else{
					$("#zb_yw").html(toIntValue(D_waisline.value1)+"cm"); 
				}
				d.close().remove();
			}else{
				queryFailed(data);
			}
		}	
			
		function queryFailed(res) {
			d.close().remove();
			if (res && res.msg) {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
			} else {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
			}
		}
		
		function toIntValue(value){
			if(parseInt(value) == value){
				return parseInt(value);
			}else{
				return Math.round(value*Math.pow(10, 1))/Math.pow(10, 1);
			}
		}
	</script>
</html>

html/ssgg/html/health-record-diet.html

@@ -0,0 +1,54 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>饮食</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../css/zx-style.css">
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>饮食</h1>
				</div>
			</div>-->
			<div class="mt20">
				<table class="c-table health-table-blue c-f16 c-boxs">
					<tbody>
						<tr>
							<td class="width-30">日期</td>
							<td class="width-70">饮食</td>
						</tr>
					</tbody>
				</table>
				<table class="c-table c-border-b c-f16 bg-fff">
					<tbody id="diet_list">
					</tbody>
				</table>
			</div>
			<div class="labhold-con">
			    <div class="doc-recoder" id="divRecoder"></div>
			    <a href="javascript:;" class="view-more c-37a6ed c-f18" id="view_more">点击查看更多</a>
			</div>
			<div class="bottom-box clearfix mt15 plr15">
				<a id="add" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18 mt15">添加饮食</a>
			</div>
		</div>
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../js/common_http.js"></script>	
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script src="../js/health-record-diet.js"></script>	
	</body>
</html>

html/ssgg/html/health-record-drug.html

@@ -0,0 +1,67 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>用药历史</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../css/zx-style.css">
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>用药历史</h1>
				</div>
			</div>-->
			<div class="mt20">
				<table class="c-table health-table-blue c-f16 c-boxs">
					<tbody>
						<tr>
							<td class="width-30">日期</td>
							<td class="width-70">用药</td>
						</tr>
					</tbody>
				</table>
				<table class="c-table c-border-b c-f16 bg-fff">
					<tbody id="drug_list">
						<!--<tr>
							<td class="width-30">03-23</td>
							<td class="width-70">基础胰岛素</td>
						</tr>
						<tr>
							<td class="width-30">03-24</td>
							<td class="width-70">基础胰岛素</td>
						</tr>
						<tr>
							<td class="width-30">03-25</td>
							<td class="width-70">预混胰岛素</td>
						</tr>-->
					</tbody>
				</table>
			</div>
			<div class="labhold-con">
			    <div class="doc-recoder" id="divRecoder"></div>
			    <a href="javascript:;" class="view-more c-37a6ed c-f18" id="view_more">点击查看更多</a>
			</div>
			<div class="bottom-box clearfix mt15 plr15">
				<a onclick="window.open('add-drug-record.html')" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18 mt15">添加用药</a>
			</div>
		</div>
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script src="../../../js/common_http.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script src="../js/health-record-drug.js"></script>
	
</html>

html/ssgg/html/health-record-sport.html

@@ -0,0 +1,70 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>运动历史</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
		<link rel="stylesheet" type="text/css" href="../css/zx-style.css">
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>运动历史</h1>
				</div>
			</div>-->
			<div class="mt20">
				<table class="c-table health-table-blue c-f16 c-boxs">
					<tbody>
						<tr>
							<td class="width-20">日期</td>
							<td class="width-20">时长</td>
							<td class="width-30">运动强度</td>
							<td class="width-30">具体运动</td>
						</tr>
					</tbody>
				</table>
				<table class="c-table c-border-b c-f16 bg-fff">
					<tbody id="sport_list">
						<!--<tr>
							<td class="width-20 ">03-24</td>
							<td class="width-20 ">30分钟</td>
							<td class="width-30 ">稍强</td>
							<td class="width-30 ">游泳</td>
						</tr>
						<tr>
							<td class="width-20 ">03-25</td>
							<td class="width-20 ">1小时</td>
							<td class="width-30">轻度</td>
							<td class="width-30 ">跑步</td>
						</tr>-->
					</tbody>
				</table>
			</div>
			<div class="labhold-con">
			    <div class="doc-recoder" id="divRecoder"></div>
			    <a href="javascript:;" class="view-more c-37a6ed c-f18" id="view_more">点击查看更多</a>
			</div>
			<div class="bottom-box clearfix mt15 plr15">
				<a onclick="window.open('add-sport-record.html')" class="c-btn-full c-btn-4dcd70 c-btn-radius fl c-f18 mt15">添加运动</a>
			</div>
		</div>
		
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script src="../../../js/common_http.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script src="../js/health-record-sport.js"></script>
	
</html>

html/ssgg/html/health-record.html

@@ -0,0 +1,119 @@
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>生活记录</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	    <style type="text/css">
	    	.title-size{
	    		font-size: 13px;
	    	}
	    </style>
	</head>
	<body>
		<div class="main">
			<div class="h45">
				<div class="demo-comtop">
					<!--<a class="mui-action-back"></a>-->
					<h1 class="c-f18">最近一次记录如下</h1>
				</div>
			</div>
			<div class="bgc-fff c-border-b mb20">
				<ul class="n-list tz-record-list" id="record_li">
					<li class="n-list-function n-list-link list-arrow-r" data-href="health-record-sport.html">
						<div class="n-list-key">
							<div class="n-avatar-m health-border-5">运动</div>
						</div>
						<div class="n-list-flex ptb12">
							<div class="n-list-info">
								<div class="c-t-right c-f18 pr10 c-909090" id="jl_yd">请先进行记录</div>
							</div>
						</div> 
					</li>
					<li class="n-list-function n-list-link list-arrow-r" data-href="health-record-drug.html">
						<div class="n-list-key">
							<div class="n-avatar-m health-border-6">用药</div>
						</div>
						<div class="n-list-flex">
							<div class="n-list-info">
								<div class="c-t-right c-f18 pr10 c-909090" id="jl_yy">请先进行记录</div>
							</div>
						</div>
					</li>
					<li class="n-list-function n-list-link list-arrow-r" data-href="health-record-diet.html">
						<div class="n-list-key">
							<div class="n-avatar-m health-border-7" style="border-color:#32b16c;">饮食</div>
						</div>
						<div class="n-list-flex">
							<div class="n-list-info">
								<div class="c-t-right c-f18 pr10 c-909090" id="jl_ys">请先进行记录</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>	
	<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/health-record.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>	
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript">
		var d = dialog({contentType:'load', skin:'bk-popup'});
		var pagetype = 9;
		$(function() {			
			checkUserAgent();
		});
		
		function queryInit(){
			d.show();
			sendPost("patient/health_record/recent", "","JSON","POST" ,queryFailed, success);
		}
	
		function success(data){			
			if(data.data.sports==null || data.data.sports==""){
				$("#jl_yd").html("请先进行记录");
			}else{
				$("#jl_yd").html(data.data.sports);
			}
			if(data.data.medication==null || data.data.medication==""){
				$("#jl_yy").html("请先进行记录");
			}else{
				$("#jl_yy").html(data.data.medication);
			}
			if(data.data.diet==null || data.data.diet==""){
				$("#jl_ys").html("请先进行记录");
			}else{
				$("#jl_ys").html(data.data.diet); 
			}
			$(".n-list").on("tap", "li", function(event) {
				var href = this.getAttribute("data-href");
				window.location.href=href;
			});
			d.close().remove();
		}	
			
		function queryFailed(res) {
			d.close().remove();
			if (res && res.msg) {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
			} else {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
			}
		}
	
	</script>
	</body>
</html>

html/ssgg/html/hospital-doctor-info.html

@@ -0,0 +1,148 @@
<!doctype html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta charset="utf-8">
    <title>社区医生</title>
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/app.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
</head>
<body>	
	<div class="c-main">
		<!--<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1>我的三师</h1>
			</div>
		</div>-->
		<div class="">
		    <ul class="c-list c-border-b mb10 shcom-list" id="thelist">
		        <li class="c-list-li c-position-r">
		            <div class="c-avatar-m"><img id="photo" src=""></div>
		            <div class="c-list-info">
		                <h4 id="hospitalName"></h4>
		                <p id="address"></p>
		            </div>
		        </li>
		    </ul>
		</div>
		<ul id="ulList" class="n-list mt10 c-border-tb tinmper">
			<!--<li class="n-list-li n-list-link list-arrow-r ptb12">
				<div class="n-list-value pr15">
					<div class="doc-avatar">
						<img src="' + imageUrl + '" alt=""/>
					</div>
				</div>
				<div class="n-list-info pr10">
					<h4 class="c-333 c-f18">徐小鹏<span class="c-666 c-f16 mlr10">主治医师</span></h4>
					<p class="c-666 c-f16">厦门第一医院  内科</p>			
				</div>
			</li>-->
		</ul>
		<a href="javascript:;" class="view-more c-37a6ed c-f18" id="view_more">点击查看更多</a>
	</div>
</body>
<script>    
	var d = dialog({contentType:'load', skin:'bk-popup'});
	var Request = new Object();
	Request = GetRequest();
	var hospital = Request["hospital"];
	var hospitalName = decodeURI(Request["name"]);
	var address = decodeURI(Request["address"]);
	var hospitalPhoto = decodeURI(Request["photo"]);
	var id = 0;
	var pageSize = 10;
	$(function () {	
		if (hospitalName) {
			document.getElementById("hospitalName").innerText = hospitalName;
		}
		if(hospitalPhoto != "undefined" && hospitalPhoto != ""){
			document.getElementById("photo").src = getImgUrl(hospitalPhoto);
		}
		else{
			document.getElementById("photo").src = "../../zxyy/images/xiamendaxuefushudiyiyiyuan.png";
		}
		if(address){
			document.getElementById("address").innerHTML = address;
		}
		query();
		document.getElementById('view_more').addEventListener("tap", function() {	
			query();
		});
	});
	
	//查询社区医院信息列表
	function query() {
		d.show();
		var data={};
		data.hospital = hospital;
		data.id = id;
		data.pagesize = pageSize;
		sendPost('patient/family_contract/doctors', data, 'json', 'post', queryFailed, querySuccess);
	}
	
	function queryFailed(res) {
		d.close().remove();
		if (res && res.msg) {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
		}
	}
	
	function querySuccess(res) {
		if (res.status == 200) {			
			var list = res.list;
			if(list.length > 0){
				for(var i=0; i<list.length; i++){
				 	addRow(list[i]);				 	
				}
			    $("#ulList").on("tap", "li", function() {
					var code = this.getAttribute("data-code");
					window.location.href = "doctor-home-page.html?doctor=" + code + "&type=0&isQr=false";					
				});
			}else {
				document.querySelector("#view_more").innerText = "已无更多";
			}
			d.close();
		} 
		else{
			queryFailed(res);
		}
	}
	
	function addRow(list) {
		id = list.id;
		var li = document.createElement("li");
		li.className = "n-list-li n-list-link list-arrow-r ptb12";
	    li.setAttribute('data-code', list.code);
	    var imageUrl = "../../../images/d-default.png";
	    if(list.photo != null && list.photo != "") imageUrl = list.photo;
	    var jobName = list.job_name;
	    if(!jobName) jobName = "";
	    var deptName = list.dept_name;
	    if(!deptName) deptName = "";
		var html = '<div class="n-list-value pr15"><div class="doc-avatar"><img src="' + getImgUrl(imageUrl) + '" alt=""/></div></div>'
		html += '<div class="n-list-info pr10">';
		html += '<h4 class="c-333 c-f16">';
		html += list.name;
		html += ' <span class="c-666 c-f14 mlr10">' + jobName + '</span>';
		html += '</h4>';
		html += '<p class="c-666 c-f14">' + list.hospital_name + ' ' + deptName + '</p>';			
		html += '</div>';
		li.innerHTML = html;
		document.querySelector("#ulList").appendChild(li);
	}	
	
</script>
</html>

html/ssgg/html/hospital-list.html

@@ -0,0 +1,192 @@
<!doctype html>
<html>
	<head>
	<meta charset="utf-8">
	<title>选择社区</title>
	<meta name="author" content="yihu.com" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/cross.css">
	<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
	<link rel="stylesheet" type="text/css" href="../css/jy-style.css">
	</head>
<body>
<!--<div class="h45">
    <div class="demo-comtop">
    	<a class="mui-action-back"></a>
        <h1>选择社区</h1>
    </div>
</div>-->
<div class="bgc-fff ptb5 c-border-b">    
    <div class="c-ser-hold my-work c-boxs c-serdet">
		<!--<div class="input-group fl c-f16 c-1cb4ec" onclick="chooseArea()">
			<input style="width: 90px;height: 30px; border: 0; color: #00AEEF;" type="text" class="form-control width-100 no-border" id="areaName" data-val="areaName1" value="全区域" readonly="readonly">
			<input id="areaCode" value="" data-val="areaCode1" style="display: none" onchange="query2()"/>
			<span style="top: 8px;" class="form-select-arrow"></span>
		</div>-->
	    <div class="c-ser-main"> <i class="iconfont icon-sousuo"></i>
	        <input type="text" id="hospitalName" class="c-ser-input c-boxs c-f12" placeholder="请输入社区名字" data-form="clear" onchange="query2()">
	    </div>
    </div>
</div>
<div class="mt10 c-border-t">
    <ul class="c-list c-border-b mb10 shcom-list" id="thelist">
    	<!--<li class="c-list-link">
    		<div class="c-avatar-m">
		    	<img src="../../zxyy/images/xiamendaxuefushudiyiyiyuan.png">
		    </div>
            <div class="c-list-info">
	         	<h4 class="c-nowrap">厦门第一医院</h4>
	         	<p class="c-nowrap">镇海路206</p>
        	</div>
            <span class="list-icon arrow-right"></span>
    	</li>-->
    </ul> 
</div>
<div style="text-align: center;">
	<a href="javascript:;" class="view-more c-5b5b5b c-f18" id="view_more">点击查看更多</a>
</div> 
<br />
<script src="../../../js/jquery/2.1.3/jquery.js"></script>
<!--<script type="text/javascript" src="../../../js/mui.min.js"></script>-->
<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
<link rel="stylesheet" type="text/css" href="../../../widget/iscroll/5.1.3/css/iscroll.css">
<script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script> 
<script type="text/javascript" src="../../../js/common_http.js" ></script>
<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
<script type="text/javascript" >
	var d = dialog({contentType:'load', skin:'bk-popup'});
	var id = 0;
	var id1 = 0;
	var pageSize = 10;
	var hisTitle = "";
	var hisArea = "";
	var areaCode = "";
	var areaName = "";
	$(function () {	
		var Request = new Object();
		Request = GetRequest();
		areaCode = Request["areaCode"];
		areaName = decodeURI(Request["areaName"]);
		queryInit();	
		document.getElementById('view_more').addEventListener("click", function() {	
			queryInit();
		});		
	});
	
	function chooseArea(){
		window.location.href='choose-region.html?aeraName=' + encodeURI($('#areaName').val());
	}
	
	function query2(){	
		document.querySelector("#thelist").innerHTML = "";
		document.querySelector("#view_more").innerText = "点击查看更多";
		queryInit();
	}	
	//查询社区医院信息列表
	function queryInit() {
		d.show();
		var data={};		
		var title = $("#hospitalName").val();
		if(title != ""){
			if(hisTitle != title){				
				id1 = 0;				
				hisTitle = title;
			}
			data.id = id1;
			id = 0;
		}
		else{
			id1 = 0;
			title = "";
			data.id = id;
		}		
		data.type = 2;
		data.province = "350000";
		data.city = "350200";
		data.town = areaCode;
		data.key = title;
		data.pagesize = pageSize;
		sendPost('patient/family_contract/hospitals', data, 'json', 'post', queryFailed, querySuccess);
	}
	
	function queryFailed(res) {
		d.close().remove();
		if (res && res.msg) {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
		}
	}
	
	function querySuccess(res) {
		if (res.status == 200) {			
			var list = res.list;
			if(list.length > 0){
				for(var i=0; i<list.length; i++){
				 	addRow(list[i]);				 	
				}
			    $("#thelist li").click(function() {			    	
					var code = this.getAttribute("data-code");
					var name = encodeURI(this.getAttribute("data-name"));
					var address = encodeURI(this.getAttribute("data-addr"));
					var photo = encodeURI(this.getAttribute("data-photo"));
					var params = "?hospital=" + code + "&name=" + name + "&address=" + address + "&photo=" + photo;
					window.location.href = 'hospital-doctor-info.html' + params;
				});
			}else {
				document.querySelector("#view_more").innerText = "已无更多";
			}
			d.close();
		} 
		else{
			queryFailed(res);
		}
	}
	
	function addRow(list) {
		var title = $("#hospitalName").val();
		if(title != ""){
			id1 = list.id;
		}
		else{
			id = list.id;
		}	
		var isExit = false;;
		$.each($(".c-list-link"), function(event) {
			var data_code  = $(this).attr('data-code');
			if(data_code==list.code){
				isExit = true;
			}
			
		});
		if(isExit)return;
		var li = document.createElement("li");
	    li.setAttribute('data-code', list.code);
	    li.setAttribute('data-name', list.name);
	    li.setAttribute('data-addr', list.address);
	    li.setAttribute('data-photo', list.photo);
	    li.className = "c-list-link";
	    var imageUrl = "../../zxyy/images/xiamendaxuefushudiyiyiyuan.png";
	    if(list.photo != null && list.photo != "") imageUrl = list.photo;
		var html = '<div class="c-avatar-m">';
		html += '<img src="' + getImgUrl(imageUrl) + '">';
		html += '</div>';
        html += '<div class="c-list-info">';
        html += '<h4 class="c-nowrap c-f18">' + list.name + '</h4>';
        html += '<p class="c-nowrap c-f16">' + list.address + '</p>';
        html += '</div>';
        html += '<span class="list-icon arrow-right"></span>';
		li.innerHTML = html;
		document.querySelector("#thelist").appendChild(li);
	}	
</script>
</body>
</html>

html/ssgg/html/news-detail.html

@@ -0,0 +1,49 @@
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
	</head>
	<body>
		<div class="main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>新闻详细</h1>
				</div>
			</div>		-->
			<div id="nes_content" class="art-detil">
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../../js/weixin_common.js"></script>
	<script type="text/javascript">	
		$(function (){
			var Request = new Object();
			Request = GetRequest();
			var news_url = Request["news_url"];
			var title = Request["title"];
			if(title == undefined){
				title = "新闻详情";
			}
			document.title = title;
			if(news_url == undefined){
				news_url = "";
			}	
			
		})	
	</script>
</html>

html/ssgg/html/sign-agreement.html

@@ -0,0 +1,89 @@
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
	<meta name="author" content="yihu.com" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>签约协议</title>
    <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
	<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
	<link rel="stylesheet" href="../css/jy-style.css" type="text/css" />
</head>
<body class="bgc-fff">
<!--<div class="h45">
    <div class="demo-comtop">
        <a class="mui-action-back"></a>
        <h1>签约</h1>
    </div>
</div>-->
<div class="c-main">
	<div class="plr15 c-5b5b5b lh22">
    	<p class="c-f18 c-333 c-t-center mtb10 c-bold">家庭医生签约服务协议书</p>
        <p>
        	&nbsp;&nbsp;&nbsp;&nbsp;乙方自愿邀请甲方为其家庭健康服务医生。为提高本社区居民健康管理水平，推行社区卫生服务契约化，甲乙双方本着平等、尊重和自愿的原则，签订此协议，接受以下条款的约定：<br />
			一、甲方作为服务的提供者，主要提供基本医疗、基本公共卫生服务和个性化服务项目。主要服务项目有：<br />			
			1、基本医疗服务<br />
			1.1、一般常见病、多发病、诊断明确处于稳定期的慢性病护理和诊疗；<br />
			1.2、提供预约诊疗和双向转诊服务；<br />
			1.3、康复医疗服务；<br />
			1.4、中医药特色服务；<br />
			1.5、其他                    。<br />
			2、免费提供基本公共卫生服务<br />
			2.1、居民健康档案的建立和维护；<br />
			2.2、健康评估、健康促进、健康干预；<br />
			2.3、0~6岁儿童健康管理；<br />
			2.4、孕产妇健康管理；<br />
			2.5、老年人健康管理服务；<br />
			2.6、协助预防接种服务；<br />
			2.7、协助传染病报告和处理；<br />
			2.8、高血压患者健康管理；<br />
			2.9、Ⅱ型糖尿病患者健康管理；<br />
			2.10、重性精神疾病患者管理；<br />
			2.11、中医药健康管理。<br />
			3、个性化服务<br />
			3.1、专科医师个性化技术指导。根据病情需求，由家庭医生预约，接受三级医院专科医师技术指导。 <br />
			3.2、“家庭医生服务团队”提供的个性化健康管理、健康评估、健康咨询服务。鼓励和协助签约居民参与社区自我健康管理团体活动，开展自我健康管理。签约居民可享受专人健康咨询服务，鼓励利用手机APP、或微信公众号服务平台，为签约居民免费提供便捷的健康咨询服务。<br />
			3.3、上级医院专家预约服务及转诊服务。优先为签约居民免费提供上级医院专家门诊预约（根据病情优先享受名院、名科、名医服务）、大型仪器设备检查预约及根据病情需要的转诊服务。<br />
			3.4、社区门诊预约服务。家庭医生会根据病情有针对性的为签约居民免费办理下次门诊预约服务。<br />
			3.5、为慢性病病人、65岁以上老人提供日常随访、定期检查及全程健康管理等服务。重点为高血压、糖尿病等慢性病人、65岁以上老人提供日常随访、定期检查及全程健康管理等服务。根据病情发展及控制情况提供适时动态转库服务。
			病情不稳定期纳入强化管理库，按照“三师共管”模式，由三师提供强化管理服务；病情稳定期纳入常规管理库，在专科医生指导下由全科医生团队提供常规管理服务；强化管理库及常规管理库病人依据病情实行动态流动，需转专科医生时优先及时安排。<br />
			3.6、为签约慢病患者的家庭成员提供健康干预服务。对签约的慢病高危家庭成员身体状况跟踪管理，并开展科学生活方式、合理膳食指导。<br />
			3.7、为80岁以上老年人及失能半失能老人免费提供每年不少于一次上门出诊服务。签约老人可享受的服务内容包括测血压、体格检查、用药指导、健康咨询。<br />
			3.8、参加厦门市基本医疗保险的本市户籍人员可享受以下医保优惠政策：<br />
			3.8.1、慢性病患者门诊处方用药剂量可延长至4-8周(含慢性病相关辅助用药)。<br />
			3.8.2、在基层医疗卫生机构或医保定点门诊部就医，门诊医疗费不设起付标准，即参保职工个人医疗账户用完后直接进入社会统筹医疗基金支付段，参保居民直接进入社会统筹医疗基金支付段。<br />
			3.8.3、住院医疗费不设二次及以上起付标准。<br />
			3.9、为有康复需求的康复患者建立康复训练档案。提供康复训练和康复治疗服务。<br />
			3.10、为有需要的签约居民提供有偿上门服务。如经评估建立家庭病床、导尿、换药、上门抽血检验等。<br />
			3.11、机构开展的基本医疗收费项目及慢性疾病筛查服务项目优先向签约居民提供。彩超、肿瘤标志物检查、眼底筛查、24小时动态血压监测、糖尿病足筛查、尿微量蛋白检测等。<br />
			二、乙方及其家庭成员自愿接受服务项目，将自己的身体健康状况及变化情况及时告知甲方，积极配合甲方的服务。<br />
			三、服务项目中涉及基本公共卫生服务内容不收取费用。协议双方可通过协商，增加、细化个性化服务项目，如涉及收费项目，则按照有关文件标准执行。<br />
			四、乙方需要甲方出诊服务需要事先预约。<br />
			本协议书一式两份，甲方、乙方各执一份，自双方签字之日起生效，有效期为1年。期满后，如乙方不提出变更或解约要求，视同自动续约。在有效期内如需解约，乙方需告知甲方，双方签字确认。
			<br />			
			<br />
			<br />
			<br />
        </p>
    </div>
    <div class="plr15 pb15 bottom-btn-box c-border-t" onclick="startSign1()">
        <a href="javascript:;" style="font-size: 18px;" class="c-btn c-btn-full c-btn-4dcd70 border-radius-rounded">我已认真阅读并同意</a>
    </div>
</div>
<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
<script>	
	function startSign1(){
		var Request = new Object();
		Request = GetRequest();
		var doctor = Request["doctor"];
		var doctorName = Request["doctorName"];
		var hospitalName = Request["hospitalName"];
		window.location.href = "start-sign3.html?doctor=" + doctor + "&doctorName=" + doctorName + "&hospitalName=" + hospitalName;
	}
</script>
</body>
</html>

html/ssgg/html/sign-agreement1.html

@@ -0,0 +1,76 @@
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
	<meta name="author" content="yihu.com" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>签约协议</title>
    <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
	<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
	<link rel="stylesheet" href="../css/jy-style.css" type="text/css" />
</head>
<body class="bgc-fff">
<!--<div class="h45">
    <div class="demo-comtop">
        <a class="mui-action-back"></a>
        <h1>签约</h1>
    </div>
</div>-->
<div class="c-main">
	<div class="plr15 c-5b5b5b lh22">
    	<p class="c-f18 c-333 c-t-center mtb10 c-bold">家庭医生签约服务协议书</p>
        <p>
        	&nbsp;&nbsp;&nbsp;&nbsp;乙方自愿邀请甲方为其家庭健康服务医生。为提高本社区居民健康管理水平，推行社区卫生服务契约化，甲乙双方本着平等、尊重和自愿的原则，签订此协议，接受以下条款的约定：<br />
			一、甲方作为服务的提供者，主要提供基本医疗、基本公共卫生服务和个性化服务项目。主要服务项目有：<br />			
			1、基本医疗服务<br />
			1.1、一般常见病、多发病、诊断明确处于稳定期的慢性病护理和诊疗；<br />
			1.2、提供预约诊疗和双向转诊服务；<br />
			1.3、康复医疗服务；<br />
			1.4、中医药特色服务；<br />
			1.5、其他                    。<br />
			2、免费提供基本公共卫生服务<br />
			2.1、居民健康档案的建立和维护；<br />
			2.2、健康评估、健康促进、健康干预；<br />
			2.3、0~6岁儿童健康管理；<br />
			2.4、孕产妇健康管理；<br />
			2.5、老年人健康管理服务；<br />
			2.6、协助预防接种服务；<br />
			2.7、协助传染病报告和处理；<br />
			2.8、高血压患者健康管理；<br />
			2.9、Ⅱ型糖尿病患者健康管理；<br />
			2.10、重性精神疾病患者管理；<br />
			2.11、中医药健康管理。<br />
			3、个性化服务<br />
			3.1、专科医师个性化技术指导。根据病情需求，由家庭医生预约，接受三级医院专科医师技术指导。 <br />
			3.2、“家庭医生服务团队”提供的个性化健康管理、健康评估、健康咨询服务。鼓励和协助签约居民参与社区自我健康管理团体活动，开展自我健康管理。签约居民可享受专人健康咨询服务，鼓励利用手机APP、或微信公众号服务平台，为签约居民免费提供便捷的健康咨询服务。<br />
			3.3、上级医院专家预约服务及转诊服务。优先为签约居民免费提供上级医院专家门诊预约（根据病情优先享受名院、名科、名医服务）、大型仪器设备检查预约及根据病情需要的转诊服务。<br />
			3.4、社区门诊预约服务。家庭医生会根据病情有针对性的为签约居民免费办理下次门诊预约服务。<br />
			3.5、为慢性病病人、65岁以上老人提供日常随访、定期检查及全程健康管理等服务。重点为高血压、糖尿病等慢性病人、65岁以上老人提供日常随访、定期检查及全程健康管理等服务。根据病情发展及控制情况提供适时动态转库服务。
			病情不稳定期纳入强化管理库，按照“三师共管”模式，由三师提供强化管理服务；病情稳定期纳入常规管理库，在专科医生指导下由全科医生团队提供常规管理服务；强化管理库及常规管理库病人依据病情实行动态流动，需转专科医生时优先及时安排。<br />
			3.6、为签约慢病患者的家庭成员提供健康干预服务。对签约的慢病高危家庭成员身体状况跟踪管理，并开展科学生活方式、合理膳食指导。<br />
			3.7、为80岁以上老年人及失能半失能老人免费提供每年不少于一次上门出诊服务。签约老人可享受的服务内容包括测血压、体格检查、用药指导、健康咨询。<br />
			3.8、参加厦门市基本医疗保险的本市户籍人员可享受以下医保优惠政策：<br />
			3.8.1、慢性病患者门诊处方用药剂量可延长至4-8周(含慢性病相关辅助用药)。<br />
			3.8.2、在基层医疗卫生机构或医保定点门诊部就医，门诊医疗费不设起付标准，即参保职工个人医疗账户用完后直接进入社会统筹医疗基金支付段，参保居民直接进入社会统筹医疗基金支付段。<br />
			3.8.3、住院医疗费不设二次及以上起付标准。<br />
			3.9、为有康复需求的康复患者建立康复训练档案。提供康复训练和康复治疗服务。<br />
			3.10、为有需要的签约居民提供有偿上门服务。如经评估建立家庭病床、导尿、换药、上门抽血检验等。<br />
			3.11、机构开展的基本医疗收费项目及慢性疾病筛查服务项目优先向签约居民提供。彩超、肿瘤标志物检查、眼底筛查、24小时动态血压监测、糖尿病足筛查、尿微量蛋白检测等。<br />
			二、乙方及其家庭成员自愿接受服务项目，将自己的身体健康状况及变化情况及时告知甲方，积极配合甲方的服务。<br />
			三、服务项目中涉及基本公共卫生服务内容不收取费用。协议双方可通过协商，增加、细化个性化服务项目，如涉及收费项目，则按照有关文件标准执行。<br />
			四、乙方需要甲方出诊服务需要事先预约。<br />
			本协议书一式两份，甲方、乙方各执一份，自双方签字之日起生效，有效期为1年。期满后，如乙方不提出变更或解约要求，视同自动续约。在有效期内如需解约，乙方需告知甲方，双方签字确认。
			<br />			
			<br />
			<br />
			<br />
        </p>
   </div>
</div>
<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
</body>
</html>

html/ssgg/html/sign-initialize.html

@@ -0,0 +1,107 @@
<!doctype html>
<html>
	<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="author" content="yihu.com" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	</head>
<body>
<script src="../../../js/jquery/2.1.3/jquery.js"></script>
<script type="text/javascript" src="../../../js/mui.min.js"></script>
<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
<link rel="stylesheet" type="text/css" href="../../../widget/iscroll/5.1.3/css/iscroll.css">
<script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script> 
<script type="text/javascript" src="../../../js/common_http.js" ></script>
<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" >
	var d = dialog({contentType:'load', skin:'bk-popup'});
	var dd = dialog({contentType:'load', skin:'bk-popup', content:'准备退出...'});
	var ddd = dialog({contentType:'load', skin:'bk-popup', content:'签约校验中...'});
	var pagetype = 7;
	$(function () {	
		var agentJudge = window.localStorage.getItem(judgeAgent);
		if(agentJudge){
			var jsonstr = $.parseJSON(agentJudge);
			var judge = jsonstr.judge;
			if(judge == 1){
				dd.show();
				var Request = new Object();
				Request = GetRequest(); 
				var code = Request["code"];
				var paurl = "wx/html/ssgg/html/sign-initialize.html?code=" + code + "&state=STATE";     
	        	//从后台那边获取签名等信息
				var params = {};
				params.pageUrl = server + paurl;
				$.ajax(server + "weixin/getSign", {
					data: params,
					dataType: "json",
					type: "post",
					success: function(res){
						if (res.status == 200) {
							var t = res.data.timestamp;
							var noncestr = res.data.noncestr;
							var signature = res.data.signature;
							wx.config({		
								//debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
							    appId: appId, // 必填，公众号的唯一标识
							    timestamp: t, // 必填，生成签名的时间戳
							    nonceStr: noncestr, // 必填，生成签名的随机串
							    signature: signature,// 必填，签名，见附录1
							    jsApiList: [
							    	'closeWindow'
							    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
							});
						} 
					}
				});
				wx.ready(function(){
					dd.close();
					window.localStorage.removeItem(judgeAgent);
					wx.closeWindow();			    
				});  				
			}
		}
		else{
			saveAgentJudge(1);
			checkUserAgent();	
		}
	});
	
	//验证该用户是否已经有家庭签约记录	
	function queryInit(){
		ddd.show();
		sendPost('patient/family_contract/checkOpenid', {}, 'json', 'post', openidFailed2, openidSuccess2);
	}
	
	//失败
	function openidFailed2(res) {
		ddd.close();
		if (res && res.msg) {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'获取签约验证失败'}).show(); 
		}
	}
	//成功
	function openidSuccess2(res) {
		if (res.status == 200) {
			if(res.data == null || res.data == ""){
				window.location.href = "choose-region.html";
			}
			else{
				window.location.href = "doctor-home-page.html?doctor=" + res.data;
			}
		} else {
			openidFailed2(res);
		}
	}
</script>
</body>
</html>

html/ssgg/html/start-sign1.html

@@ -0,0 +1,159 @@
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
	<meta name="author" content="yihu.com" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>开始签约</title>
    <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
	<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
	<link rel="stylesheet" href="../css/jy-style.css" type="text/css" />
</head>
<body>
<!--<div class="h45">
    <div class="demo-comtop">
        <a class="mui-action-back"></a>
        <h1>签约</h1>
    </div>
</div>-->
<div class="c-main">
	<ul class="c-list c-border-tb mt10">
        <!--<li class="c-list-text c-list-link" onclick="window.location.href='sign-agreement.html'">
            <h4 class="c-nowrap"><span class="c-17b3ec c-f14">家庭医生签约服务协议书</span></h4>
            <span class="list-icon arrow-right"></span>
        </li>-->
        <li class="c-list-text c-list-link">
            <div class="c-f16 c-909090">
                <p>签约社区：<span class="c-666" id="hospitalName"></span></p>
                <p>签约医生：<span class="c-666" id="doctorName"></span></p>
            </div>
        </li>
    </ul>
	<ul class="n-list edit-list c-border-tb mt10">
        <li class="n-list-cover">
            <div class="n-list-key c-666"><i class="required"></i>身份证号</div>
            <div class="n-list-info pl10">
                <input type="text" class="c-input width-100" maxlength="18" id="idcard" placeholder="请输入身份证号" />
            </div>
        </li>
    </ul>
    <div class="plr10 mt15 pb20" onclick="submitSign()">
        <a href="javascript:;" style="font-size: 18px;" class="c-btn c-btn-full c-btn-4dcd70 border-radius-rounded">下一步</a>
    </div>
</div>
<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
<script type="text/javascript" src="../../../js/common_http.js" ></script>
<script type="text/javascript" src="../../../js/mui.min.js" ></script>
<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
<script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="../../../js/commit_validate.js" ></script>
<script>
    var d1 = dialog({contentType:'load', skin:'bk-popup'});
	var d = dialog({contentType:'load', skin:'bk-popup', content:'校验中...'});
	var Request = new Object();
	Request = GetRequest();
	var doctor = Request["doctor"];
	var doctorName = Request["doctorName"];
	var hospitalName = Request["hospitalName"];
	var idcard = "";
	$(function(){
		if (decodeURI(doctorName)) {
			document.getElementById("doctorName").innerText = decodeURI(doctorName);
		}
		if (decodeURI(hospitalName)) {
			document.getElementById("hospitalName").innerText = decodeURI(hospitalName);
		}
		query();
	})
	
	//查询用户身份证
	function query() {
		d1.show();
		var data={};
		sendPost('patient/idc', data, 'json', 'post', queryFailed, querySuccess);
	}	
	
	function queryFailed(res) {
		d1.close();
		if (res && res.msg) {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'身份证获取失败'}).show(); 
		}
	}
	
	function querySuccess(res) {
		if (res.status == 200) {
			var idcard1 = res.data;
			if(!idcard1) idcard1 = "";
			document.getElementById("idcard").value = idcard1;	
			d1.close();
		} else {
			queryFailed(res);
		}
	}
    
    //验证用户是已签约
	function submitSign(){
		var data = {};
	    idcard = $("#idcard").val();
		if (!isIdcard(idcard)) {
		    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'身份证格式不正确'}).show();
			return;
		}
		window.location.href = "start-sign2.html?doctor=" + doctor + "&doctorName=" + doctorName + "&hospitalName=" + hospitalName + "&idcard=" + idcard;
//		d.showModal();
//		//加密设置:获取公钥
//		var encryURL = server + "login/public_key";
//		var key = RSAUtils.getKeyFromServer(encryURL);
//		//拼请求内容
//		data.idcard = RSAUtils.encryStr(key, idcard);
//		sendPost("patient/family_contract/check", data, "json", "post", operateFailed, operateSuccesss);	
	}
	//失败
	function operateFailed(res) {
		d.close();
		if (res && res.msg) {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'校验失败'}).show();			
		}
	}
	function operateSuccesss(res) {
		if (res.status == 200) {
			d.close();
			//成功
			var sign = Number(res.data.sign);
			if(sign == 0){
				window.location.href = "start-sign2.html?doctor=" + doctor + "&doctorName=" + doctorName + "&hospitalName=" + hospitalName + "&idcard=" + idcard;
			}
			else{
				var doctor1 = res.data.doctor;
				var doctorName1 = res.data.doctorName;
				var hospitalName1 = res.data.hospitalName;	
		    	dialog({
		    		content: '您已经签约了' + hospitalName1 + '的' + doctorName1 + '医生!',
				    button: [
				        {
				            value: '查看医生主页',
				            callback: function () {
				                window.location.href = "doctor-home-page.html?doctor=" + doctor1 + "&type=2";
				            },
				            autofocus: true
				        }
				    ]
				}).showModal();
			}
		} else {
			//非200则为失败
			operateFailed(res);
		}
	}
</script>
</body>
</html>

html/ssgg/html/start-sign2.html

@@ -0,0 +1,205 @@
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
	<meta name="author" content="yihu.com" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>开始签约</title>
    <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
	<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
	<link rel="stylesheet" href="../css/jy-style.css" type="text/css" />
</head>
<body>
<!--<div class="h45">
    <div class="demo-comtop">
        <a class="mui-action-back"></a>
        <h1>签约</h1>
    </div>
</div>-->
<div class="c-main">
	<ul class="c-list c-border-tb mt10">
        <!--<li class="c-list-text c-list-link" onclick="window.location.href='sign-agreement.html'">
            <h4 class="c-nowrap"><span class="c-17b3ec c-f14">家庭医生签约服务协议书</span></h4>
            <span class="list-icon arrow-right"></span>
        </li>-->
        <li class="c-list-text c-list-link">
            <div class="c-f16 c-909090">
            	<input id="doctor" style="display: none;" />
                <p>签约社区：<span class="c-666" id="hospitalName"></span></p>
                <p>签约医生：<span class="c-666" id="doctorName"></span></p>
            </div>
        </li>
    </ul>
	<ul class="n-list edit-list c-border-tb mt10">
		<li class="n-list-cover">
            <div class="n-list-key c-666">姓&#x3000;&#x3000;名</div>
            <div class="n-list-info pl10">
                <input type="text" class="c-input width-100" id="name" readonly="readonly" />
            </div>
        </li>
        <li class="n-list-cover">
            <div class="n-list-key c-666">医保卡号</div>
            <div class="n-list-info pl10">
                <input type="text" class="c-input width-100" id="ssc" readonly="readonly"/>
            </div>
        </li>       
        <li class="n-list-cover">
            <div class="n-list-key c-666">手机号码</div>
            <div class="n-list-info pl10">
                <input type="tel" id="mobile" maxlength="11" class="c-input width-100" readonly="readonly"/>
            </div>
        </li>
    </ul>
    <div class="plr10 mt15 pb20" onclick="submitSign()">
        <a href="javascript:;" style="font-size: 18px;" class="c-btn c-btn-full c-btn-4dcd70 border-radius-rounded">提交</a>
    </div>
</div>
<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
<script type="text/javascript" src="../../../js/common_http.js" ></script>
<script type="text/javascript" src="../../../js/mui.min.js" ></script>
<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
<script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="../../../js/commit_validate.js" ></script>
<script>
    var d1 = dialog({contentType:'load', skin:'bk-popup'});
	var d = dialog({contentType:'load', skin:'bk-popup', content:'提交签约信息，请稍后...'});
	var Request = new Object();
	Request = GetRequest();
	var doctor = Request["doctor"];
	var doctorName = Request["doctorName"];
	var hospitalName = Request["hospitalName"];
	var idcard = Request["idcard"];
	$(function(){
		if (decodeURI(doctorName)) {
			document.getElementById("doctorName").innerText = decodeURI(doctorName);
		}
		if (decodeURI(hospitalName)) {
			document.getElementById("hospitalName").innerText = decodeURI(hospitalName);
		}
		query();
	})
	
	//查询用户信息
	function query() {
		d1.show();
		var data={};
		sendPost('patient/baseinfo', data, 'json', 'post', queryFailed, querySuccess);
	}	
	
	function queryFailed(res) {
		d1.close();
		if (res && res.msg) {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'用户信息获取失败'}).show(); 
		}
	}
	
	function querySuccess(res) {
		if (res.status == 200) {
			var data = res.data;
			var name = data.name;
			var mobile = data.mobile;
			var ssc = data.ssc;
			if(!name) name = "";
			if(!mobile) mobile = "";
			if(!ssc) ssc = "";
			document.getElementById("name").value = name;			
			document.getElementById("mobile").value = mobile;
			document.getElementById("ssc").value = ssc;	
			d1.close();
		} else {
			queryFailed(res);
		}
	}
	
	//验证信息
	function validate(data) {
		if (data.name == "") {
		    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入您的姓名'}).show();
			return false;
		}
		if (data.ssc == "") {
		    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'医保卡号信息未完善，请到我的资料中进行完善!'}).show();
			return false;
		}
//		if (!isSsc(data.ssc)) {
//		    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'医保卡号格式不正确'}).show();
//			return false;
//		}
		if (data.mobile != "" && !isphone(data.mobile)) {
		    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'手机号格式不正确'}).show();
			return false;
		}
		return true;
	}
	
	function validatePhone(v){		
		if(v != "" && !isphone(v)){
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'手机号格式不正确'}).show();
			document.getElementById("mobile").focus();
			return false;
		}
		return true;
	}
	
	function validateSsc(v){
		if(!isSsc(v)){
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'医保卡号格式不正确'}).show();
			document.getElementById("ssc").focus();
			return false;
		}
		return true;
	}
	
	//提交签约
	function submitSign(){
		var data = {};
		data.name = $("#name").val();
		data.ssc = $("#ssc").val();
		data.mobile = $("#mobile").val();
		if(validate(data)){
			d.showModal();
			//加密设置:获取公钥
			var encryURL = server + "login/public_key";
			var key = RSAUtils.getKeyFromServer(encryURL);
			//拼请求内容
			data.idcard = RSAUtils.encryStr(key, idcard);
			data.streetCode = "123456";
			data.stateCode = "01";
			data.doctor = doctor;
			data.doctorName = "";
			data.hospital = "";
			data.hospitalName = "";
			sendPost("patient/family_contract/sign", data, "json", "post", operateFailed, operateSuccesss);	
		}		
	}
	
	//失败
	function operateFailed(res) {
		d.close();
		if (res && res.msg) {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'提交失败'}).show();			
		}
		return;
	}
	function operateSuccesss(res) {
		if (res.status == 200) {
			d.close();
			window.location.href = "doctor-home-page.html?doctor=" + doctor;					
		} else {
			//非200则为失败
			operateFailed(res);
		}
	}
</script>
</body>
</html>

html/ssgg/html/start-sign3.html

@@ -0,0 +1,108 @@
<!doctype html>
<html>
<head>
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
    <meta charset="utf-8" />
	<meta name="author" content="yihu.com" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>开始签约</title>
    <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css" />
    <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
	<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
	<link rel="stylesheet" href="../css/jy-style.css" type="text/css" />
	<link rel="stylesheet" type="text/css" href="../../../css/select-committee.css"/>
	<link rel="stylesheet" href="../css/start-sign3.css" type="text/css" />
</head>
<body style="overflow-x: hidden;"> 
	<div class="bottom-title"></div>
	<div class="c-main">
		<ul class="c-list c-border-tb mt10">
	        <li style="padding: 10px 15px 5px 0;">
	            <div class="n-list-key c-909090 c-f14">签约社区</div>
	            <div class="n-list-info c-t-right c-333 c-f14" id="hospitalName"></div>
	        </li>
	        <li style="padding: 0 15px 10px 0; border-top: none;">
	            <div class="n-list-key c-909090 c-f14">签约医生</div>
	            <div class="n-list-info c-t-right c-333 c-f14" id="doctorName"></div>
	        </li>
	    </ul>
		<ul class="n-list edit-list c-border-tb mt10">
			<li class="n-list-cover">
	            <div id="name_label" class="n-list-key c-909090 c-f14">姓&#x3000;&#x3000;名</div>
	            <div class="n-list-info pl10">
	                <input type="text" class="c-input width-100 c-t-right c-333 c-f14" id="name" readonly="readonly" />
	            </div>
	        </li>
			<li class="n-list-cover">
				<div class="n-list-key c-909090 c-f14"><i class="required" style="display: none;"></i>身份证号</div>
				<div class="n-list-info pl10">
					<input type="text" class="c-input width-100 c-t-right c-333 c-f14" maxlength="18" id="idcard" placeholder="请输入身份证号" readonly="readonly" style="pointer-events: none;"/>
				</div>
			</li>
	        <li class="n-list-cover">
	            <div class="n-list-key c-909090 c-f14">医保卡号</div>
	            <div class="n-list-info pl10">
	                <input type="text" class="c-input width-100 c-t-right c-333 c-f14" id="ssc" placeholder="未获取到关联医保卡号" readonly="readonly" />
	            </div>
	        </li>
	        <li class="n-list-cover">
	            <div class="n-list-key c-909090 c-f14">医疗保险号</div>
	            <div class="n-list-info pl10">
	                <input type="text" class="c-input width-100 c-t-right c-333 c-f14" id="medicareNumber"/>
	            	<div class="c-arrow-r"></div>
	            </div>
	        </li>   
	        <li class="n-list-cover" style="display: none;">
	            <div class="n-list-key c-909090 c-f14">手机号码</div>
	            <div class="n-list-info pl10">
	                <input type="tel" id="mobile" maxlength="11" class="c-input width-100 c-333 c-f14" />
	            </div>
	        </li>
	        <li class="n-list-cover ss-list" id="selectType">
	            <div class="n-list-key c-909090 c-f14">所属居委会</div>
	            <div class="n-list-info c-t-right c-333 c-f14">
	            	<input class="ss-value" id="committee" data-code="" data-jwcode="" type="text" readonly="readonly"/>
	            	<div class="c-arrow-r"></div>
	            </div>
	        </li>
	    </ul>
	    
	    <ul class="n-list c-border-tb mt10 c-hide" id="renewReason">
	        <li class="n-list-cover ptb5">
	            <div class="n-list-key c-909090 c-f14">变更医生原因</div>
	            <div class="n-list-info pl10 c-t-right">
	                <span class="select-box">
	                    <input type="text" class="c-333 c-f14 mr25" placeholder="请选择变更医生原因" id="reason"/>
	                    <span class="arrow-d"></span>
	                </span>
	                
	            </div>
	        </li>  
	    </ul>
	    <div class="plr10 mt15 pb20" onclick="submitSign()">
	        <a href="javascript:;" style="font-size: 18px;" class="c-btn c-btn-full c-btn-4dcd70 border-radius-rounded">提交</a>
		    <div class="div-family-remark" style="font-size: 14px;margin-top: 10px; color: red;display: none;
		            ">备注：<span class="userName"></span>可关注厦门i健康公众号，注册账号后直接与家庭医生互动，享受家庭医生健康服务</div>
	    </div>
	    
	</div>
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script type="text/javascript" src="../../../js/mui.min.js" ></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/commit_validate.js" ></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css"/>
	<script src="../../../widget/mobiscroll/2.17.1/js/mobiscroll.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../js/select-committee.js"></script>
	<script src="../js/start-sign3.js"></script>
</body>
</html>

html/ssgg/html/teachers-sign.html

@@ -0,0 +1,122 @@
<!doctype html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta charset="utf-8">
    <title>我的三师</title>
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/app.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../js/waitdialog.js" type="text/javascript"></script>
    <script src="../../../js/jquery/jquery-1.6.4.min.js" type="text/javascript"></script>
    <link href="../../../css/dialogstyle.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
</head>
<body>
	<div class="c-main">
		<!--<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1>我的三师</h1>
			</div>
		</div>-->
		<div id="divSanshi" style="display: none;">			
		    <ul id="ulList" class="n-list">
		    	<!--<li class="n-list-li ptb12">
		    		<div class="n-list-value pr15"><div class="doc-avatar"><img src="' + imageUrl + '" alt=""/></div></div>
					<div class="n-list-info pr10">
					<h4 class="c-333 c-f18">徐小鹏<span class="c-666 c-f16 mlr10">专科医生</span>
					</h4>
					<p class="c-666 c-f16">厦门第一医院  内科</p>			
					</div>
		    	</li>-->
		    </ul>	
			<div class="com-bottom mt15">
				<a href="javascript:;" class="c-btn-radius c-btn-full c-btn-4dcd70 c-f18" onclick="openWebview('../../zxwz/html/teachers-consult-commit.html')">咨询</a>
			</div>		    
		    <p class="plr15 mt20 c-333 c-f15"><span class="c-666">签约：</span><span id="spanQyrq"></span>  
		    	<span class="c-666">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;有效期：</span>1年</p>
	    </div>
	</div>
</body>
<script>
	var d = dialog({contentType:'load', skin:'bk-popup'});
	var pagetype = 6;
	$(function () {			
		checkUserAgent();
	});
	
	function changeUrl(){
		window.location.href = "../../zxyy/html/online-appointment.html";
	}
	
	//查询三师信息列表
	function queryInit() {
		d.show();
		var data={};
		sendPost('patient/teachers', data, 'json', 'post', queryFailed, querySuccess);
	}
	
	function queryFailed(res) {
		d.close().remove();
		if (res && res.msg) {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
		}
	}
	
	function querySuccess(res) {
		if (res.status == 200) {			
			document.getElementById("spanQyrq").innerHTML = res.data.qyrq;
			var list = res.data.list;
			if(list.length > 0){
				for(var i=0; i<list.length; i++){
				 	addRow(list[i]);				 	
				}	
				$("#divSanshi").show();
			}
			else{
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'无三师信息'}).show();
			}
			d.close().remove();
		} else if(res.status == 1 || res.status == 2){
			d.close();
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
		}
		else{
			queryFailed(res);
		}
	}
	
	function addRow(list) {
		var li = document.createElement("li");
		li.className = "n-list-li ptb12";
	    li.setAttribute('data-code', list.code);
	    var imageUrl = "../../../images/d-default.png";
	    if(list.photo != null && list.photo != "") imageUrl = list.photo;
	    var dept = list.deptName;
	    var hospital = list.hospitalName;
	    if(!dept) dept = "";
	    if(!hospital) hospital = "";
		var html = '<div class="n-list-value pr15"><div class="doc-avatar"><img src="' + getImgUrl(imageUrl) + '" alt=""/></div></div>'
		html += '<div class="n-list-info pr10">';
		html += '<h4 class="c-333 c-f18">';
		html += list.name;
		html += ' <span class="c-666 c-f16 mlr10">' + list.typename + '</span>';
		html += '</h4>';
		html += '<p class="c-666 c-f16">' + hospital + ' ' + dept + '</p>';			
		html += '</div>';
//		html += '<div class="n-list-info c-t-right last" onclick="changeUrl()"><div class="c-btn c-btn-tiny c-btn-radius c-btn-4dcd70">预约挂号</div></div>';
		li.innerHTML = html;
		document.querySelector("#ulList").appendChild(li);
	}
	
</script>
</html>