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

html/jkjl/css/health-record-info.css

@@ -0,0 +1,109 @@
#wrapper{padding-top: 70px;}
.h-tab{display: -webkit-flex; display: flex; flex-flow: row; position: absolute;left: 0;top: 0;right: 0;padding: 16px 10px;background: #f3f3f3;z-index: 10;}
.h-tab li{height: 36px;line-height: 36px; flex: 1;text-align: center;font-size: 16px;background: #fff;overflow: hidden;border:1px solid #dcdcdc}
.h-tab li:first-child{border-radius:6px 0 0 6px;border-right: none;}
.h-tab li:last-child{border-radius:0 6px 6px 0;border-left: none;}
.h-tab li.active{background: #75bf00;}
.h-tab li.active a{color: #fff;}
.h-tab li a{color: #323232;}
/*.h-tab-con{background: #fff;border-top:1px solid #dcdcdc}*/
.h-sel:nth-child(2n){border-top:1px solid #dcdcdc}
.h-sel{padding-left: 10px;}
.h-sel li{display: inline-block;width: 62px;margin: 10px 10px 10px 0;font-size: 14px;color: #909090;padding: 3px 0;text-align: center;}
.h-sel li.active{background: #e3f2cc;border:1px solid #75bf00;-webkit-border-radius: 50px;border-radius: 50px;}
.h-sta{display: -webkit-flex;display: flex;}
.h-sta li{flex: 1;display:inline-block;font-size: 12px;text-align: center;padding: 20px 0;}
.h-sta-normal{}
.h-sta-hei{color: #ff6a56;}
.h-sta-low{color: #47a8ef;}
.h-sta-normal label,.h-sta-hei label,.h-sta-low label{position: relative;padding-left: 10px;}
.h-sta-normal label:before,.h-sta-hei label:before,.h-sta-low label:before{content: ' ';display: block;width: 5px;height: 5px;background: #323232;position: absolute;left: 0;top:5px;-webkit-border-radius: 50%;border-radius: 50%;}
.h-sta-normal label{}
.h-sta-hei label:before{background: #ff6a56;}
.h-sta-low label:before{background: #47a8ef;}
.h-time{padding: 10px 0;text-align: center;font-size: 12px;}
.h-list-info{background: #fff;}
.h-list-info li{height:40px;line-height:40px;font-size: 14px;color: #323232;padding: 0 16px 0 10px;border-bottom:1px solid #dcdcdc;}
.h-list-info li:first-child{border-top:1px solid #dcdcdc}
.h-list-info li:last-child{border-bottom:none}
.h-list-info:last-child{border-bottom:1px solid #dcdcdc}
.icon-calendar{display: inline-block;width: 14px;height: 15px;background: url(../images/icon_shijian.png) center no-repeat;background-size: cover;    vertical-align: middle;margin-right: 10px;}
.h-l-t-time{vertical-align: middle;}
.h-l-tit{font-size: 14px;color: #909090;}
.h-l-time{width: 105px;font-size: 14px;float: left;}
.h-l-meal{float: left;}
.h-l-num{float: right;}
.h-l-num.num-hei{color: #ff6a56;}
.h-l-num.num-low{color: #47a8ef;}
.l-edit-icon{display:none;width:21px;height:40px;float: left;background: url(../images/icon-shanchu-4.png) center no-repeat;background-size: contain;margin-right: 10px;}
.l-edit-icon.active{display: block;}
.xy-list{font-size: 14px;}
.xy-list li{
	height: 40px;
	line-height: 40px; 
	
	/*display: -webkit-flex;
	display: flex;
	flex-flow: row;*/
	
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
	
	
	
	padding-left: 10px;
}
.xy-list-tit{font-size: 12px;}
.xy-item{background: #fff;border-top: 1px solid #dcdcdc;}
.xy-time{
	flex: 2;
}
.xy-ssy{
	/*flex: 1;*/
	
	  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	  -moz-box-flex: 1;         /* OLD - Firefox 19- */
	  /*width: 20%;               /* For old syntax, otherwise collapses. */
	  -webkit-flex: 1;          /* Chrome */
	  -ms-flex: 1;              /* IE 10 */
	  flex: 1;  
	
	text-align: center;
}
.xy-szy{
	/*flex: 1;*/
	  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  /*width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;  
	
	text-align: center;
}
.xy-tit-time{padding-left: 20px;}
.xy-ssy-hei{position:relative;color: #ff6a56;padding-right: 10px;}
.xy-ssy-low{position:relative;color: #47a8ef;padding-right: 10px;}
.xy-ssy-hei:after{content: ' ';display: block;width: 7px;height: 12px;position: absolute;right: 0px;top: 5px;background: url(../images/zhibiao_gao_icon.png) center no-repeat;background-size: cover;}
.xy-ssy-low:after{content: ' ';display: block;width: 7px;height: 12px;position: absolute;right: 0px;top: 5px;background: url(../images/zhibiao_di_icon.png) center no-repeat;background-size: cover;}
.btns{position: fixed;width: 100%;left: 0;bottom: 0;background: #f3f3f3;padding: 15px 0;overflow: hidden;z-index: 20;}
.btns a{width:49%;display: block;padding: 5px 0;text-align: center;font-size: 16px;-webkit-border-radius:4px;border-radius: 4px;}
.cancel-btn{background: #ff6a56;color: #fff;float: left;}
.ok-btn{background: #75BF00;color: #fff;float: right;}
body{
	padding-bottom: 60px;
}

html/jkjl/css/health-record-new.css

@@ -0,0 +1,48 @@
.c-list > li,  .c-list > .c-list-div { position: relative; display: -webkit-box; display: box; -webkit-box-pack: center; box-pack: center; padding-right: 0.75rem; margin-left: 0.75rem; border-top: 1px solid #f1f1f1; line-height:1rem;}
.c-list > li:first-child,  .c-list > .c-list-div:first-child { border-top: none; }
.c-list > .c-list-cover, .c-list > .c-list-link:active { padding-left: 0.75rem; margin-left: 0; }
.c-list > .c-list-link:active {  background: #f7f7f7;}
.c-list-a{display: -webkit-box; display: box; width:100%; color:#333;}
.c-list-title, .c-list-key, .c-list-info { display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; box-pack: center;  }
.c-list-title{ -webkit-box-pack: start; box-pack: start;}
.c-list-info { -webkit-box-flex: 1; box-flex: 1; }
.c-list > .c-list-fun, .c-list > .c-list-label{ border-top: none; padding-right: 0; }
.c-list > li:first-child,  .c-list > .c-list-fun:first-child .c-list-info,  .c-list > .c-list-fun:first-child .c-list-key,  .c-list > .c-list-fun:first-child .c-list-title,  .c-list-div:first-child { border: none; }
.c-list > .list-arrow-r,  .c-list > .list-arrow-u,  .c-list > .list-arrow-d { padding-right: 1.5rem; }
.c-list > .list-arrow-r:after,  .c-list > .list-arrow-u:after,  .c-list > .list-arrow-d:after { position: absolute; top: 50%; right: 0.75rem; margin-top: -0.25rem; content: ""; display: block; width: 0.4rem; height: 0.4rem; border: solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.c-list > .list-arrow-u:after { right: 0.65rem; margin-top: -0.1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.c-list > .list-arrow-d:after { right: 0.65rem; margin-top: -0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.c-list-info.c-border-t,  .c-list-key.c-border-t,  .c-list-title.c-border-t { border-color: #f1f1f1; }
.high .item-value { color: #FF6A5B }
.high .high-icon { display: inline; }
.low .item-value { color: #323232 }
.low .low-icon { display: inline; }
/*#tizhengList li, 
#baojianList li { height: 44px; }*/
#footer,.xt-edit,.xt-add {position: absolute;z-index: 3; bottom: 30px;width: 50px;height: 48px;padding: 0;right: 30px;}
.add-icon{ width: 50px; height: 50px;background: url(../images/xuanfu_btn.png) no-repeat center top; background-size: 50px;}
* :not(.content-block-inner) {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.Equipment{margin: 0;padding: 0;margin-top: 0px;overflow: hidden;background: #f3f3f3;}
.Equipment li{height: 100px;margin: 10px 10px 0px 0px;padding: 0;background: #ffffff;border-radius:3%}
.Equipment img{width: 60px;height: 60px;background-size: 60px;}
.Equipment .div-content{ color: #323232;font-size: 16px;font-weight: bold;margin-top: 15px;height: 20px;}
.c-arrow-r{position:absolute;top:50%;right:10px;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);}
.icon-div{margin: 25px 20px 25px 10px !important;}
.div-img{width: 320px; height: 184px;background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px;margin: 0px auto;}
.div-tishi-info{vertical-align: middle; margin: 15px auto 30px;text-align: center;font-size: 15px;}
.s-bc-75BF00 { background-color: #75BF00; }
.bottom-box{width:160px;height:16px;background:url(../images/bangding_img.png) no-repeat center top;background-size:160px 16px;position:absolute;z-index:3;bottom:90px;vertical-align:middle;left:50%;margin:0 0 0 -80px;}
.div-sn{color:#909090;font-size:14px;position:absolute;top:45px;left:85px;}
.c-list>li, .c-list>.c-list-div{-webkit-box-pack: initial;}
.f-dn{display: none;}
.xueyaji-icon{width: 55px; height: 55px;background: url(../images/xueyaji_btn.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -77px;left: 20px;}
.xuetangyi-icon{width: 55px; height: 55px;background: url(../images/xuetangyi_bth.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -77px;right: 10px;}
.xueyaji-icon.active{width: 55px; height: 55px;background: url(../images/xueyaji_pre.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -77px;left: 20px;}
.xuetangyi-icon.active{width: 55px; height: 55px;background: url(../images/xuetangyi_pre.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -77px;right: 10px;}

html/jkjl/css/health-record.css

@@ -0,0 +1,199 @@
@charset "utf-8";
/*---------reset-------------------------*/
.timper-addfix{background: #FF9526;}
.c-lab-mor li.hit a {color: #75BF00;}
.c-lab-mor li.hit {border-bottom: 3px solid #75BF00;}
.div-btn-group{height: 35px;margin: 0 auto;text-align: center;}
.div-btn-group .div-all{ width: 90px;height: 29px;margin: 5px auto;display: inline-block;margin-left: 5px;}
.div-btn-group .div-all a,.div-btn-group .div-my-tw a,.div-my-hf a{font-size: 12px;width: 90px;padding: 6px;}
.div-my-tw{width: 90px;height: 29px;margin: 5px auto;display: inline-block;margin-left: 10px;}
.div-my-hf{width: 90px;height: 29px;margin: 7px auto;display: inline-block;margin-left: 14px;}
.c-btn-75bf00{background: #75BF00;}
.c-btn-90909S0{background: #909090;}
.c-color-75BF00{color: #75BF00;}
.c-btn-ffffff{background: #ffffff;}
.c-border-75bf00{border: 1px solid #75BF00;}
.c-f10{font-size: 10px;}
.c-color{color: #323232;}
.txt-left{text-align: left !important;}
.p-remark{width: 100%;}
.f-vam{vertical-align: middle;}
.f-pr{position: relative;}
.f-fs13{font-size: 13px;}
.border-bom{border-bottom: 1px solid #dcdcdc;}
.modal-overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;z-index: 3;visibility: hidden;opacity: 0;-webkit-transition-duration: 400ms;transition-duration: 400ms;}
.modal-overlay.modal-overlay-visible{ visibility: visible;opacity: 1;}
.p10{padding: 10px;}
.jhadd a.more {float: right;color: #333333;font-size: 15px;}
.addxuetang{width: 55px;height: 55px;background: url(../images/xuetang_icon.png) no-repeat center top;background-size: 55px;position: absolute;      z-index: 4;bottom: 50px;left: 23px;}
.addxueya{width: 55px;height: 55px;background: url(../images/xueya_icon.png) no-repeat center top;background-size: 55px;position: absolute;z-index: 4;      bottom: 130px;left: 14px;}
.addtizhong{width: 55px;height: 55px;background: url(../images/tizhong_icon.png) no-repeat center top;background-size: 55px;position: absolute;      z-index: 4;bottom: 104px;left: 50%;top: 50%;margin-left: -27px;margin-top: -118px;}
.addyaowei{width: 60px; height: 60px;background: url(../images/yaowei_icon.png) no-repeat center top; background-size: 60px;position: absolute;z-index: 4;     bottom: 130px;left: 176px;}
.addshebei{width: 55px;height: 55px;background: url(../images/shebeii_icon-.png) no-repeat center top;background-size: 55px;position: absolute;      z-index: 4;bottom: 50px;left: 176px;}
.quxiao{width: 55px;height: 55px;background: url(../images/quxiao_btn.png) no-repeat center top;background-size: 55px;position: absolute;      z-index: 4;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: 4;left: 50%;      top: 50%;      margin-left: -27px;      margin-top: 60px;}
.addxuetang.active{width: 55px; height: 55px;background: url(../images/xuetang_xuanzhong_icon.png) no-repeat center top; background-size: 60px;position: absolute;      z-index: 4;bottom: 50px;left: 23px;}
.addxueya.active{width: 55px; height: 55px;background: url(../images/xueya_pre.png) no-repeat center top; background-size: 60px;position: absolute;z-index: 4;     bottom: 130px;left: 14px;}
.addtizhong.active{width: 55px; height: 55px;background: url(../images/tizhong_xuanzhong_icon.png) no-repeat center top; background-size: 60px;position: absolute;      z-index: 4;bottom: 104px;left: 50%;top: 50%;margin-left: -27px;margin-top: -118px;}
.addyaowei.active{width: 55px; height: 55px;background: url(../images/yaowei_xuanzhong_icon.png) no-repeat center top; background-size: 60px;position: absolute;z-index: 4;      bottom: 130px;left: 176px;}
.addshebei.active{width: 55px; height: 55px;background: url(../images/shebeii_xuanzhong_icon.png) no-repeat center top; background-size: 60px;position: absolute;      z-index: 4;bottom: 50px;left: 176px;}
.div-dialog-content{width: 250px;height: 250px;background: url(../images/tuoyuan.png) no-repeat center top;background-size: 250px;position: absolute;z-index: 4;left: 50%;top: 50%;margin-left: -125px;margin-top: -125px;}  
.addyundong{width: 55px; height: 55px;background: url(../images/yundong_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -27px;left: 10px;}
.addyongyao{width: 55px; height: 55px;background: url(../images/yongyaoi_icon.png) no-repeat center top; background-size: 55px;position: absolute;z-index: 4;      bottom: 104px;left: 50%;top: 50%;margin-left: -27px;margin-top: -118px;}
.addyinshi{width: 55px; height: 55px;background: url(../images/yinshi_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;      margin-top: -27px;right: 10px;}
.addyundong.active{width: 55px; height: 55px;background: url(../images/yundong_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -27px;left: 10px;}
.addyongyao.active{width: 55px; height: 55px;background: url(../images/yongyaoi_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;z-index: 4;   bottom: 104px;left: 50%;top: 50%;margin-left: -27px;margin-top: -118px;}
.addyinshi.active{width: 55px; height: 55px;background: url(../images/yinshi_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;      margin-top: -27px;right: 10px;}
.f-dn{display: none;}
#footer,.xt-edit,.xt-add {position: absolute;z-index: 3; bottom: 30px;width: 50px;height: 48px;padding: 0;right: 30px;}
.xt-edit,.xt-add{width: 50px; height: 50px;bottom: 100px;background: rgba(0,0,0,0.6);-webkit-border-radius:50%;border-radius:50%;text-align: center;line-height: 50px;}
.xt-add{bottom: 30px;}
.xt-edit a,.xt-add a{color: #fff;}
.add-icon{ width: 50px; height: 50px;background: url(../images/xuanfu_btn.png) no-repeat center top; background-size: 50px;}
.view-more{display: none;}
.labhold-con{text-align: center;}
.m-menu-link{height: 90px;background: #FFFFFF;border: 1px solid #DCDCDC;}
.m-menu-link .row {
    padding: 0 10px;
}
* :not(.content-block-inner) {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row {
    width: 100%;
}
.row .col-25 {
    /*width: 25%;*/
    width: -webkit-calc((100% - 30px) / 4);
    width: calc((100% - 30px) / 4);
	width: -moz-calc((100% - 30px) / 4);
    display: inline-block;
    font-size: 13px;
}
.row .col-33 {
    width: 33%;
    width: -webkit-calc((100% - 20px) / 3);
    width: calc((100% - 20px) / 3);
    display: inline-block;
    font-size: 13px;
}
.row > [class*="col-"] {
    box-sizing: border-box;
}
.f-tac {
    text-align: center;
}
.m-menu-link .item-icon.xuetang {
    background: url(../images/xuetang.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon.xueya {
    background: url(../images/xueya.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon.tizhong {
    background: url(../images/tizhong.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon.yaowei {
    background: url(../images/yaowei.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon.yundong {
    background: url(../images/yundong.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon.yongyao {
    background: url(../images/yongyao.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon.yinshi {
    background: url(../images/yinshi.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .xuetang.active {
    background: url(../images/xuetang-pre.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .xueya.active {
    background: url(../images/xueya-pre.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .tizhong.active {
    background: url(../images/tizhong-pre.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .yaowei.active {
    background: url(../images/yaowei-pre.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .yundong.active {
    background: url(../images/yundong-pre.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .yongyao.active {
    background: url(../images/yongyao-pre.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .yinshi.active {
    background: url(../images/yinshi-pre.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon {
    width: 50px;
    height: 50px;
    margin: 5px auto 5px;
    border-radius: 60px;
}
.table-yinshi img{width: 32px;height: 32px;background-size: 32px;margin-right: 15px;}
.card-title{height:33px;padding:0 10px;color:#323232;border-top-left-radius:5px;border-top-right-radius:5px;font-size:13px;background:#ffffff;}
.div-date{ color: #909090;padding-top: 6px; display: inline-block;}
.lbl-date{color: #323232;padding: 0 2px;font-size: 13px;}
.div-btn-group{float: right;margin-bottom: 10px;margin-top: 4px;}
.div-btn-group .c-btn{border-radius:12px;height:25px;width:63px;text-align:center;font-size:13px;padding:0;margin:0 auto;padding-top:4px;border:0;color:#323232; background: #ffffff;}
.div-btn-group .c-btn.active{color:#ffffff;background: #75BF00;}
.timper-addfix{ z-index: 5;position: fixed;bottom: 0px;background: #FF9526;width: 48px;height: 48px;border-radius: 50%; text-align: center;line-height: 48px;left: 45%;}
.timper-addfix.active{ width: 71px; height: 71px;background: url(../images/xuanfuguanbi_icon.png) no-repeat center top; background-size: 71px;}
.icon{ display: inline-block; vertical-align: middle; margin: 0 5px; background: no-repeat; background-size:100%; width: 22px; height: 22px; margin-top:-3px ;}
.icon.del{background-image: url(../images/gouxun_icon.png);width:20px; height: 20px;}
.bottom-box{padding: 5px 10px 10px;color:#75BF00;font-size: 13px;}
.jhadd{position: absolute; z-index: 4;width: 100%;height: auto;}
.div-switch{position: absolute;right: 10px;bottom: 5px;}
.jhadd .date{padding: 0; color: #909090; font-size: 12px; float: right;}
.dt-btn-group{width: 100%;margin: 0;padding: 0;}
.a-btn{border: 0;border-radius: 0;margin: 0;display: inline-block;width: 50%;color: #323232;font-weight: bold;padding: 0;height: 50px;line-height: 50px;text-align: center;}
.a-btn.active{color: #FFFFFF;background: #75BF00;}
.div-remark{float: left;margin-bottom: 10px;}
#item1 tr,#item2 tr,#item3 tr,#item tr,#sport_list tr,#drug_list tr,#diet_list tr{background-color: #FFFFFF;}
.l-arrow-right {display:block;width:14px;height:14px;border: solid #989898;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);margin-top:2px;}
.l-arrow-left {display:block;width:14px;height:14px;border: solid #989898;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-top:2px;}
.fl {float: left;}
.width-20{width: 20%;}
.width-30{width: 30%;}
#tizhengList{padding: 10px;}
.tz-list{border:1px solid #dcdcdc;-webkit-border-radius: 5px;background: #fff;overflow: hidden;}
.tz-item{display: block;height: 60px;position: relative;padding: 0 10px;font-size: 18px;color: #323232;}
.tz-item:nth-child(n+2){border-top: 1px solid #dcdcdc;}
.tz-attr{display: block;height: 60px;line-height: 60px;padding-right: 10px;float: left;}
.tz-jl{height: 60px;float: left;font-size: 12px;color: #909090;}
.tz-jl>div:first-child{padding: 9px 0 2px 0;}
.tz-num{height: 60px;line-height: 60px;float: right;}
.tz-xt{position: relative;padding-right: 17px;color: #ff6a5b;
}
.tz-xt:after{content: ' ';display: inline-block;width: 14px;height: 24px;background: url(../images/zhibiao_gao_icon.png) center center no-repeat;position: absolute;right: 0;top: 0;}
.tz-num-null{color: #dcdcdc;}
.pop-main{display:none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.6);z-index: 990;transition: all 1s;}
.pop-btns{width: 100%;position: fixed;left: 0;bottom: -300px;z-index: 991;transition: all .5s;}
.pop-main.active{display:block}
.pop-btns.active{bottom: 0;}
.pop-btn{width: 80%;margin: 0 auto;padding: 10px;text-align: center;background: #fff;/*-webkit-border-radius: 5px;border-radius: 5px;*/}
.pop-edit-btn{/*margin-bottom: 10px;*/border-bottom: 1px solid #DCDCDC;}
.pop-del-btn{margin-bottom: 10px;}
.pop-cancel-btn{color: #ff6a56;margin-bottom: 20px;}

html/jkjl/css/mobiscroll_numpad.css

@@ -0,0 +1,192 @@
.mbsc-np-hdr {
    position: relative
}
.mbsc-np-dsp {
    direction: ltr;
    padding: .5em 1.75em .5em .5em;
    text-align: left;
    font-size: 2em;
    line-height: .8
}
.mbsc-np-sup {
    display: inline-block;
    font-size: .375em;
    vertical-align: top
}
.mbsc-np-del {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 3.5em;
    text-align: center
}
.mbsc-np-del:before {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.5em;
    font-size: 2em;
    line-height: 1
}
.mbsc-np-ph {
    display: inline-block;
    min-width: .5625em;
    text-align: center;
    vertical-align: top
}
.mbsc-np-tbl-c {
    min-width: 15em
}
.mbsc-fr-bottom .mbsc-np-tbl-c,.mbsc-fr-top .mbsc-np-tbl-c {
    display: block
}
.mbsc-np-tbl {
    direction: ltr;
    display: table;
    width: 100%;
    font-size: 1.375em
}
.mbsc-np-row {
    display: table-row
}
.mbsc-np-btn {
    position: relative;
    z-index: 0;
    width: 33.3333333333%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 3em;
    -webkit-user-select: none
}
.mbsc-np-btn.mbsc-fr-btn-a {
    opacity: 1
}
.mbsc-np-time {
    text-transform: uppercase
}
.mbsc-np-ts-h,.mbsc-np-ts-m {
    font-weight: 700
}
.mbsc-mobiscroll .mbsc-np-del {
    color: #4eccc4
}
.mbsc-mobiscroll .mbsc-np-tbl-c {
    padding: .5em
}
.mbsc-mobiscroll .mbsc-np-btn.mbsc-fr-btn-d {
    opacity: .5
}
.mbsc-android-holo .mbsc-np-hdr {
    border-bottom: 1px solid #424542
}
.mbsc-android-holo .mbsc-np-btn.mbsc-fr-btn-d {
    opacity: .3
}
.mbsc-bootstrap.mbsc-np .mbsc-fr-w {
    font-size: 16px
}
.mbsc-bootstrap.mbsc-np .mbsc-fr-btn-cont {
    padding: 4px 2px
}
.mbsc-bootstrap .mbsc-np-del.mbsc-fr-btn-a {
    opacity: .5
}
.mbsc-bootstrap .mbsc-np-btn {
    border-top-width: 0;
    border-right-width: 0;
    font-size: inherit;
    border-radius: 0
}
.mbsc-bootstrap .mbsc-np-row:first-child .mbsc-np-btn {
    border-top-width: 1px
}
.mbsc-bootstrap .mbsc-np-btn:first-child {
    border-left-width: 0
}
.mbsc-bootstrap.mbsc-inline .mbsc-np-row:last-child .mbsc-np-btn {
    border-bottom-width: 0
}
.mbsc-bootstrap .mbsc-np-row .mbsc-np-btn.mbsc-np-btn-empty {
    background: 0 0
}
.mbsc-ios.mbsc-np .mbsc-fr-c {
    font-size: 1.333334em
}
.mbsc-ios .mbsc-np-btn {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 1.363637em;
    height: 2.2em
}
.mbsc-ios .mbsc-np-btn:first-child {
    border-left: 0
}
.mbsc-ios .mbsc-np-btn-empty,.mbsc-ios .mbsc-np-btn.mbsc-fr-btn-a {
    background: #d1d5db
}
.mbsc-ios .mbsc-np-btn.mbsc-fr-btn-d {
    color: #ddd
}
.mbsc-ios .mbsc-np-ts-h,.mbsc-ios .mbsc-np-ts-m {
    font-weight: 400
}
.mbsc-ios .mbsc-np-del:before {
    content: '';
    font-size: 1.125em;
    background-image: url("../images/backspace.png");
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    margin-top: -15px;
}
.mbsc-ios .dwbc{
    background: #f1f1f1;
    border-bottom: 1px solid #e1e1e1;
}
.mob-link{
    height: 30px; 
    line-height:30px; 
    background-color: #fff; 
    font-size: 16px;
    text-align: center;
}
.mob-link a{text-decoration: underline;}
.dwc{width: 100%;}
.mbsc-ios .dwl{text-align: center;}
.mbsc-ios .dwwc{padding:10px;}

html/jkjl/css/myBody-info.css

@@ -0,0 +1,83 @@
*{
    box-sizing: border-box;
}
body{
    background-color: #f3f3f3;
}
.div-img{width: 320px; height: 184px;background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px;margin: 0px auto;}
.div-tishi-info{vertical-align: middle; margin: 15px auto 30px;text-align: center;font-size: 16px;}
.div-no-info{
    padding-top: 120px;
    display: none;
}
.mm-card-list{
    padding: 0px 15px 20px 15px;
}
.mm-card-list li{
    width: 100%;
    margin-bottom: 15px;
}
.mm-card-list li .up{
    height: 30px;
    line-height: 30px;
    color: #FFF;
    font-size: 14px;
    background-color: #ff9526;
    padding:0px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.mm-card-list li .down{
    background-color: #fff;
    padding:0px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #333;
}
.mm-card-list li .transport{
    background: url('../images/peisongzhong_icon.png') no-repeat;
    background-size: 63px 48px;
    background-position:calc(100% - 5px) center;
    background-color: #fff;
}
.mm-card-list li .finish{
    background: url('../images/yiwancheng_icon.png') no-repeat;
    background-size: 63px 48px;
    background-position:calc(100% - 5px) center;
    background-color: #fff;
}
.mm-card-list li .down .title{
    font-size: 16px;
}
.mm-card-list li .down .name{
    font-size: 14px;
    width: 50%;
    display: inline-block;
}
.mm-card-list li .down .name td{
    padding-top: 10px;
    font-size: 14px;
}
.mm-card-list li .down .name tr td:first-child{
    width: calc(100% - 65px);
}
.mm-card-list li .down .name tr td:last-child{
    width: 60px;
    text-align: left;
    vertical-align: middle;
    padding-right: 5px;
}
.mm-card-list li .down .address{
    font-size: 12px;
    color: #909090;
    padding: 25px 20px 0px 0px;
    float: right;
    display:inline-block;
}
.Record{
    padding: 10px;
    text-indent: 10px;
}
#footer{position: absolute;z-index: 3; bottom: 30px;width: 50px;height: 48px;padding: 0;right: 30px;}
.add-icon{ width: 50px; height: 50px;background: url(../images/xuanfu_btn.png) no-repeat center top; background-size: 50px;}

html/jkjl/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/jkjl/css/style.css

@@ -0,0 +1,67 @@
/* 全局样式 */
	/* 健康管理页面 依次四个颜色 */
.bgc-5897cc{background:#5897cc;}
.bgc-e67b85{background:#e67b85;}
.bgc-a37cab{background:#a37cab;}
.bgc-ea7a28{background:#ea7a28;}
	/* 我的订单页面 依次四个颜色 */
.bgc-e7674e{background:#e7674e;}
.bgc-ee9d34{background:#ee9d34;}
.bgc-7fc541{background:#7fc541;}
.bgc-cf678c{background:#cf678c;}
	/* 个人中心 依次9个颜色 */
.bgc-a8db5c{background:#a8db5c;}
.bgc-ffa626{background:#ffa626;}
/* .bgc-e7674e{background:#e7674e;} */
/* .bgc-ee9d34{background:#ee9d34;} */
/* .bgc-7fc541{background:#7fc541;} */
/* .bgc-cf678c{background:#cf678c;} */
.bgc-ba76d9{background:#ba76d9;}
.bgc-f05b1a{background:#f05b1a;}
.bgc-4eb5ce{background:#4eb5ce;}
/* 我的药单 */
.my-drug-list .c-list-info h4{font-size:12px;color:#666 !important;}
.my-drug-list .c-list-info > p{font-size:12px;}
/* 医嘱管理 */
.phy-order-man .c-list-info h4{font-size:12px;color:#333 !important;}
.phy-order-man .c-list-info > p{font-size:12px;}
/* 健康管理 */
.list-item-1 .ico-wrap{display:inline-block;width:20px;height:20px;border-radius:8px;color:#fff;vertical-align:middle;text-align:center;}
.list-item-1 .ico-wrap i{display:inline-block;vertical-align:top;font-size:12px;}
.list-item-1 .c-list-text h4 > .name{vertical-align:middle;font-size:14px;color:#333;}
/* 我的医生-就诊医生 */
.tab-item-1.c-lab-mor li a{border-left:none;color:#909090;}
.tab-item-1.c-lab-mor li.hit a{color:#37a6eb;}
/* 我的医生-专家列表 */
.list-item-1 .c-list-info > h4{font-size:16px;color:#333;}
.list-item-1 .c-list-info .title{margin-left:10px;font-size:12px;color:#878787;}
.list-item-1 .c-list-info > p {font-size:12px;color:#666;}
.list-item-1.c-list > .c-list-cover{padding-left:0 !important;margin-left:15px !important;}
/* 我的预约 */
.list-item-2 .c-list-text .c-list-value{padding-right:0;}
.list-item-2 li:first-child h4{font-size:12px;}
.list-item-2 li:first-child .c-list-value.state-1{color:#ff8100;}
.list-item-2 li:first-child .c-list-value.state-2{color:#4dcd70;}
.list-item-2 li:first-child .c-list-value.state-3{color:#333;}
.list-item-2 li:nth-child(2) h4{font-size:15px; }
.list-item-2 li:nth-child(2) .c-list-info > p{font-size:12px;}
.list-item-2 li:last-child h4{font-size:10px;color:#ccc !important;}
.list-item-2 .c-list-function .c-list-info{border-top:none;}
.list-item-2 .c-list-function{border-top: 1px solid #f1f1f1;}
/* 个人中心 */
.personal-center header{position:relative;height:170px;background:url(../images/bc.jpg) center center;}
.personal-center header .center-block{position:absolute;width:71px;height:111px;margin: auto;top:0;bottom:0;left:0;right:0;}
.personal-center header .img-block{border-radius:50%;border:3px solid rgba(0,0,0,0.3);overflow:hidden;}
.personal-center header .img-block img{width:65px;height:65px;}
/* footer */
.footer {background-color: #f8f8f9; left: 0; bottom: 0; height: 50px; padding-top: 5px;}
.footer li {position: relative;}
.footer li em {position: absolute; left: 50%; top: -2px; width: 18px; height: 18px; color: #fff; border-radius: 50%;  background-color: #f00; margin-left: 3px;}
.footer a {color: #333;}
.footer a.curr {color: #17b3ec;}
.footer i.iconfont {font-size: 20px;}
.footer span {display: block; font-size: 10px;}

html/jkjl/css/topic-cw.css

@@ -0,0 +1,88 @@
@charset "utf-8";
html { font-size: 12px; overflow: hidden; height: 100%;}
body { background-color: #cc1f3b; font-size: 1rem; overflow: hidden; height: 100%;}
.c-cc1f3b { color: #cc1f3b;}
.section { position: relative;}
.section0 .top { background: url("../images/cw/0-1.png") no-repeat 0 0; background-size:  100% 100%; padding-top: 80%; width: 100%; position: absolute; top: 0;}
.section0 .bottom { position: absolute; bottom: 0; width: 100%; background: url("../images/cw/0-3.png") no-repeat 0 0; background-size: 100% 100%; padding-top: 100%;}
.section0 .bottom .stomach { background: url("../images/cw/0-2.png") no-repeat 0 0;background-size: 100% 100%; width: 35%; padding-top: 41%; margin: -13rem auto 0;}
.section1 { background: #cc1f3b url("../images/cw/1-bg.png") no-repeat 0 0; background-size: 100% auto; padding-top: 177.5%; font-size: 12px; color: #fff;}
.section1 .top { background: url("../images/cw/1-stomach.png") no-repeat 0 0; background-size:100% auto; width: 72%; padding-top: 91.44%; position: absolute; top: 6px; left:  50%; margin-left: -41.8%;}
.section1 .top  p { width: 60%; position: absolute; left: 50%; margin-left: -22%; top: 41%;}
.section1 .bottom { background: url("../images/cw/1-intestinal.png") no-repeat 0 0;background-size: 100% 100%; width: 92.8%; padding-top: 61.56%; position: absolute;bottom: 15%; right: 0;}
.section1 .bottom > div { position: absolute; top: 0; width: 100%; height: 100%;}
.section1 .bottom .list-dis { position: relative; padding-top: 100%;}
.section1 .bottom .list-dis em { font-weight: bold; }
.section1 .bottom .list-dis li { width: 7em; position: absolute; height: 3em;}
.section1 .bottom .list-dis li:first-child{ top: 2em;right: 2em;}
.section1 .bottom .list-dis li:nth-child(2) { bottom: 20%; left: 0;}
.section1 .bottom .list-dis li:nth-child(3) { bottom: 20%; left: 33%;}
.section1 .bottom .list-dis li:nth-child(4) { bottom: 20%; right: 2em;}
.section2  { padding-top: 3rem;}
.section2 .top { font-size: 1.25rem; color: #fff; background: url("../images/cw/2-top.png") no-repeat 0 0; background-size: 100% auto; width: 100%; padding-top: 13%; line-height: 3.2rem; position: relative;}
.section2 .top span { position: absolute; top: 0; text-align: center; right: 0;left: 0;}
.section2 .content .list-content li { background:url("../images/cw/2-bg.png") no-repeat 0 0; background-size: 100% auto; width: 93%; margin: 0 0 .5rem 1.5rem; color: #510000;padding-top: 36%; position: relative; top: 0;}
.section2 .content .list-content li > div { position: absolute; display:box; display: -webkit-box; -webkit-box-align: center; box-align: center; top: 0; height: 100%;}
.section2 .content .list-content:first-child { margin-top: .5rem;}
.section2 .content .list-content li p .title { font-weight: bold;}
.section2 .content .list-content li .icon { width:3.17rem; height: 3.17rem; background-size: 12.5rem 3rem; -webkit-box-flex:0; box-flex: 0; margin: 0 .5rem 0 -1.585rem;}
.section2 .content .list-content li .content { -webkit-box-flex:1; box-flex:1; margin-right: 1rem;}
.icon-01 { background: url("../images/cw/2-icon.png") no-repeat 0 0;}
.icon-02 { background: url("../images/cw/2-icon.png") no-repeat -3.13rem 0;}
.icon-03 { background: url("../images/cw/2-icon.png") no-repeat -6.2rem 0;}
.icon-04 { background: url("../images/cw/2-icon.png") no-repeat -9.4rem 0;}
.section3 { margin-top: 1rem;}
.section3 .top { background: url("../images/cw/3-top.png") no-repeat 0 0; background-size: 100% auto; padding-top: 74%; position: relative;}
.section3 .top .news { width: 80%; color: #630018; height: 14rem; left: 0; right: 0;margin: auto; position: absolute; top: 32.5%;}
.section3 .top .news .info { border-bottom: 1px dashed #660014; padding-bottom: .5rem;}
.section3 .top .news .detail { padding-top: .5rem;}
.section3 .content .list-doc { width: 92.34%; margin: 1.5rem auto 0;}
.section3 .content .list-doc li { background: url("../images/cw/3_ban01.png") no-repeat 0 0; background-size: 100% auto; padding-top: 90%; margin-top: -1.3rem; position:relative;}
.section3 .content .list-doc li:last-child { background: url("../images/cw/3_ban02.png") no-repeat 0 0; background-size: 100% auto; padding-top: 80%;}
.section3 .content .list-doc li > div { margin-right:10%; margin-left: 12%; position:absolute; top: 0;}
.section3 .content .list-doc .detail { display: box; display: -webkit-box; box-align:center; -webkit-box-align: center; padding-top: 2rem;}
.section3 .content .list-doc .avator { -webkit-box-flex: 0; box-flex: 0; margin-right: .5rem;}
.section3 .content .list-doc .avator img { width: 5rem; height: 5rem; border-radius: 50%;}
.section3 .content .list-doc .info { -webkit-box-flex: 1; box-flex: 1; color: #909090;}
.section3 .content .list-doc .des { color: #909090; margin-top: 5%; display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; height:6rem; background-color: #f3f3f3; padding:0 1rem; position: relative;}
.section3 .content .list-doc .des:before { position: absolute; content: ""; top: -4px;left:14px; color: #5b5b5b; width: 8px; height: 8px; background: #f3f3f3; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.section3 .content .list-doc .btn { background:url("../images/cw/4-btn.png") no-repeat 0 0; background-size: 100%; width: 80.5%; padding-top: 20%; position: relative; margin:  6% auto;}
.section3 .content .list-doc .btn p { position: absolute; top: 0;right: 0;left: 0;bottom: 0;}
.section3 .content .list-doc .warn { margin-top: 7%; text-align: center;}
.section3 .content .list-doc .warn span { font-style: italic;}
.list_link { width: 90%; padding-top: 13%; margin: 6% auto; position: relative;}
.list_link ul {position: absolute; top: 0; width: 100%; height: 100%;}
.list_link li { width: 46%; text-indent: -9999px; height: 100%;}
.list_link li a { display: block; height: 100%; width: 100%;}
.list_link .doc { background: url("../images/cw/4_1.png") no-repeat 0 0; background-size: 100% auto;}
.list_link .drug { background: url("../images/cw/4_2.png") no-repeat 0 0; background-size: 100% auto;}
footer { margin-bottom: 3rem;}
footer .banner { margin-top: 1rem; width:96%; background: url("../images/cw/4_ban.png") no-repeat 0 0; background-size: 100% auto; padding-top: 42%; box-sizing: border-box; position: relative;}
footer .banner div { position: absolute; top: 0; padding: 1.5rem 2rem 0 5rem;}
footer .banner p { text-indent: 2rem; margin-top: .5rem;}
footer .warn { background: url("../images/cw/4_warn.jpg") no-repeat 0 0; background-size: 100% auto; width: 88%; padding-top: 32%; margin: 0 auto;}
footer .weixin { width: 20.5%; margin: 0 auto;}
@media screen and ( min-width : 375px) {
    html { font-size: 14px;}
}
/*推荐医师*/
.rec-doc { background: url("../images/cw/rec_01.png") no-repeat 0 0; background-size:320px 81px; font-size: 12px; padding-bottom: 50px; width: 320px;}
.rec-doc .list-doc { padding-top: 55px;}
.rec-doc .list-doc li { background: url("../images/cw/rec_03.png") no-repeat 0 0; background-size: 100% 100%; width: 297px; height: 491px; margin: 0 auto -11px;}
.rec-doc .list-doc li:last-child { background: url("../images/cw/rec_02.png") no-repeat 0 0;height: 460px; background-size: 100% 100%;}
.rec-doc .list-doc li .info,.rec-doc .list-doc li .content { width: 240px; margin: 0 auto;}
.rec-doc .list-doc li .info { display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; padding-top: 15px;}
.rec-doc .list-doc li .info > div { box-flex: 1; -webkit-box-flex:  1;}
.rec-doc .list-doc li .info .avator img {width: 58px; height: 58px; border-radius: 50%; }
.rec-doc .list-doc li .content { background: #f3f3f3; height: 355px; position: relative;padding: 15px; box-sizing: border-box; margin-top: 8px;}
.rec-doc .list-doc li .content:before { position: absolute; content: ""; top: -4px; left: 14px; color: #5b5b5b; width: 8px; height: 8px; background: #f3f3f3; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.wrap { -webkit-transform-origin: 0 0; transform-origin: 0 0;}
/*结束活动*/
.main { background: url("../images/cw/end-bg.jpg") no-repeat center 100%; background-size: auto 100%; width: 100%; height: 100%;}
.end-content { width: 320px; height: 504px; position: relative; transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.end-content i { font-style: italic;}
.end-content strong { font-weight: normal;}
.end-content .end-top{ background: url("../images/cw/end-t.png") no-repeat 0 0; background-size: 100% 100%; width: 192px; height: 124px; left: 10px; top: 20px; position: absolute;}
.end-content .end-doc { background: url("../images/cw/end-doc.png") no-repeat 0 0; background-size: 100% 100%; width: 304px; height: 295px; position: absolute; bottom: 110px; margin-left: -152px; left: 50%;}
.end-content .end-bottom { position: absolute; bottom: 10px; text-align: center; margin: auto;left: 0; right: 0; color: #fff; font-size: 16px;}

html/jkjl/css/topic-fat.css

@@ -0,0 +1,64 @@
@charset "utf-8";
body { background-color: #fff;}
.p13 { padding: 13px;}
.h5 { height: 5px;}
.mb25 { margin-bottom: 25px;}
.mt35 { margin-top: 35px;}
.mt38 { margin-top: 38px;}
.mt95 { margin-top: 95px;}
.pt70 { padding-top: 70px;}
.b-radius { border-radius: 4px;}
.c-999 { color: #999;}
.c-f06 { color: #f06;}
.c-f69 { color: #f69;}
.bgc-ffe2ea { background-color: #ffe2ea;}
.bgc-ffb6cd { background-color: #ffb6cd;}
.bgc-ff97b8 { background-color: #ff97b8;}
.bgc-ff76a1 { background-color: #ff76a1;}
.bgc-f4f4f4 { background-color: #f4f4f4;}
.bgc-f69 { background-color: #f69;}
.t-indent { text-indent: 2em;}
.col-1 { box-flex: 1; -webkit-box-flex:1;}
.hide-words { text-indent: -9999px;}
.tag { border-radius: 4px;}
.tag-remain { color: #fff; padding: 9px 22px; background-color: #ffb6cd;}
.wrap { -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 320px;}
header { background: url("../images/fat/01.jpg") no-repeat 0 0; width:100%; height: 174px; width: 100%; background-size: 100%;}
.title { text-align: center; color: #666; font-weight: bold; border-bottom: 1px solid #ccc; font-size: 15px; padding-bottom: 11px;}
.title span { border-bottom: 3px solid #ccc; padding-bottom: 10px;}
.list-tag li { float: left; max-width: 112px; height: 50px; border-radius: 4px; color: #fff; display: -webkit-box; display: box; box-align: center; -webkit-box-align: center; -webkit-box-pack: center;margin-top: 10px;}
.list-tag li:first-child { width: 112px;}
.list-tag li:nth-child(2) { width: 105px;}
.list-tag li:nth-child(3) { width: 62px;}
.list-tag li:nth-child(4) { width: 85px;}
.list-tag li:nth-child(5) { width: 115px;}
.list-tag li:nth-child(6) { width: 82px;}
.list-step { border: 1px solid #ccc; border-radius: 4px; color: #666; padding: 0 15px;}
.list-step li { display: box; display: -webkit-box; padding:15px 0; border-bottom: 1px dashed #ccc;}
.list-step li:last-child { border-bottom: 0;}
.list-step li .num { display: block; box-flex:0; -webkit-flex-box: 0; background: url("../images/fat/02.png") no-repeat 0 0; width: 24px; height: 22px; background-size: 100%; text-align: center; color: #fff; line-height: 21px;}
.list-doc li { background:#f4f4f4; margin-top: 25px; padding: 0 15px; box-sizing: border-box; border-radius: 4px; position: relative; line-height: 1.6;}
.list-doc .mask { background-color: rgba(0, 0, 0,.6); position: absolute; top:0; bottom: 0; left: 0; right: 0; border-radius: 4px; color: #fff;}
.list-doc .mask .close { float: right; font-size: 20px; margin:9px 18px;}
.list-doc .detail { display: box; display: -webkit-box; box-align:center; -webkit-box-align: center; padding-top: 15px;}
.list-doc .avator { -webkit-box-flex: 0; box-flex: 0; margin-right: 10px;}
.list-doc .avator img { width: 55px; height: 55px; border-radius: 50%;}
.list-doc .info { -webkit-box-flex: 1; box-flex: 1; color: #909090;}
.list-doc .des { color: #909090; background-color: #fff; margin: 10px 0 18px 10px; position: relative; padding: 12px 8px;}
.list-doc .des:before { position: absolute; content: ""; top: -4px;left:14px; color: #5b5b5b; width: 8px; height: 8px; background: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.list-doc .btn { text-align: center; height: 34px; padding-bottom: 15px;}
.section3 .chart { background: url("../images/fat/03.jpg") no-repeat 0 0; background-size: 100% 100%; height: 122px;}
.section3 .news { background: url("../images/fat/05.jpg"); background-size: 100%; height: 309px; padding:0 10px; box-sizing: border-box; color: #666;}
.section3 .news h2 { font-size: 15px; font-weight: bold; padding-top: 4px;}
.section3 .news .top { border-bottom: 3px solid #ccc; line-height: 1.8;}
.section3 .news .bottom > div { display: box; display: -webkit-box;}
.section3 .news .bottom .tag { box-flex: 0; -webkit-box-flex: 0; padding: 5px;}
.section5 .link { background: url("../images/fat/09.jpg") no-repeat 0 0; background-size: 100%; height: 43px;}
.section5 .link a { width: 145px; height: 100%;}
.section5 .rec { background: url("../images/fat/04.jpg"); background-size: 100% 100%; box-sizing: border-box; height: 158px; line-height: 1.8; color: #999;}
.section5 .light { background: url("../images/fat/06.jpg") no-repeat 0 0; background-size: 100%; width: 268px; height: 88px; margin: 0 auto;}
.section5 .weixin { width: 120px; margin: 10px auto; text-align: center;}
.section5 .weixin img { width: 70px; height: 70px;}
/*推荐医师*/
.rec-doc { background: url("../images/fat/rec-header.jpg") no-repeat 0 0; background-size: 100% auto;}
.rec-doc footer { background: url("../images/fat/rec-footer.jpg"); background-size: 100% auto; height: 26px;}

html/jkjl/css/wy-style.css

@@ -0,0 +1,3544 @@
/* 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 #f2f2f2;
	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: 8px;
}
.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: relative;
	display: inline-block;
}
.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: 12px 15px 12px 0;
}
.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-title {}
.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;
}
/* onoffswitch
-----------------------------------------------------------------------------*/
.onoffswitch {
	position: relative;
	width: 65px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.onoffswitch input.onoffswitch-checkbox {
	opacity: 0
}
.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 6px;
}
.onoffswitch-inner {
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
	float: left;
	width: 50%;
	height: 28px;
	padding: 0;
	line-height: 28px;
	font-size: 14px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "ON";
	padding-left: 5px;
	background-color: #4cd964;
	color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 5px;
	background-color: #e5e7ea;
	color: #a4a9ae;
	text-align: right;
}
.onoffswitch-switch {
	width: 22px;
	height: 22px;
	margin: 4px;
	background: #FFFFFF;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	right: 35px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px;
}
/* css c-list
-----------------------------------------------------------------------------*/
.list-icon {
	height: 8px;
	width: 8px;
	position: relative;
	display: inline-block;
}
.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: 12px 15px 12px 0;
}
.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-title {}
.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 c-lab1
-----------------------------------------------------------------------------*/
.c-lab-les {
	display: -webkit-box;
	display: box;
	border: 1px solid #4dcd70;
	overflow: hidden;
}
.c-lab-les li {
	-webkit-box-flex: 1;
	box-flex: 1;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: center;
	border-left: 1px solid #4dcd70;
	background: #fff;
}
.c-lab-les li:first-child {
	border-left: none;
}
.c-lab-les li a {
	display: block;
	width: 100%;
	height: 30px;
	color: #4dcd70;
	font-size: 13px;
}
.c-lab-les li.hit {
	background-color: #4dcd70;
}
.c-lab-les li.hit a {
	color: #fff;
}
/* css c-lab2
-----------------------------------------------------------------------------*/
.c-lab-mor {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	background: #fff;
}
.c-lab-mor li {
	-webkit-box-flex: 1;
	box-flex: 1;
	height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: center;
	padding-top: 6px;
	border-bottom: 1px solid #e1e1e1;
}
.c-lab-mor li:first-child {
	border-left: none;
}
.c-lab-mor li a {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	color: #333;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-left: 1px solid #ddd;
	font-size: 18px;
}
.c-lab-mor li:first-child a {
	border-left: none;
}
.c-lab-mor li.hit {
	border-bottom: 3px solid #4dcd70;
}
.c-lab-mor li.hit a {
	color: #4dcd70;
}
/* buttons color
-----------------------------------------------------------------------------*/
.c-btn-4dcd70 {
	background-color: #4dcd70;
}
.c-btn-4dcd70:hover {
	background-color: #45b865;
}
.c-btn-ff3 {
	background-color: #ffffff;
	color: #ff3b2d;
	border: #e1e1e1 1px solid;
}
.c-btn-ff3: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-fff.bgc-f3 {
	background-color: #f3f3f3;
	color: #666;
}
.c-btn-fff.bgc-fb {
	background-color: #fff;
	color: #333;
	padding: 8px 18px
}
/* 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;
	color: #8e8e93;
	padding: 0 8px;
}
.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;
	top: 1px;
}
.ser-icon:before,
.ser-icon:after {
	content: "";
	position: absolute;
	left: 0;
	background: transparent;
	font-size: 1px;
}
.ser-icon-search:before {
	left: 1px;
	top: 1px;
	width: 9px;
	height: 9px;
	border: 1px solid #8e8e93;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
}
.ser-icon-search:after {
	left: 9px;
	top: 11px;
	width: 5px;
	height: 1px;
	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: 22px;
	border: none;
	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-canc {
	margin-left: 10px;
	-webkit-box-flex: 0;
	box-flex: 0;
}
.c-ser-canc a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
}
.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);
}
body {
	background-color: #f3f3f3;
	color: #333;
	font-size: 15px;
}
.h50 {
	height: 50px;
}
.h60 {
	height: 60px;
}
.h90 {
	height: 60px;
}
.mt2 {
	margin-top: 2px;
}
.mt75 {
	margin-top: 75px;
}
.mb25 {
	margin-bottom: 25px;
}
.mr2 {
	margin-right: 2px;
}
.w-26 {
	width: 26%;
}
.w-37 {
	width: 37%;
}
.c-18c1ff {
	color: #18c1ff;
}
.c-be5f55 {
	color: #be5f55;
}
.c-585ec9 {
	color: #585ec9;
}
.c-bfbfbf {
	color: #bfbfbf;
}
.c-4dcd70 {
	color: #4dcd70;
}
.c-ff6600 {
	color: #ff6600;
}
.c-007cd9 {
	color: #007cd9;
}
.c-666 {
	color: #666;
}
.width-120 {
	width: 120px;
}
.position-fixed-b {
	left: 0;
	bottom: 0;
}
.c-nowrap-three {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
/*待解决*/
.labhold {
	width: 100%;
	height: 40px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 600;
	background: #f3f3f3;
}
.solve-list li {
	position: relative;
}
.solve-list li.hit {
	background: #ffead4;
}
.icon-solvebg {
	display: inline-block;
	width: 67px;
	height: 19px;
	background: url(../images/solvebg.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding-left: 16px;
}
.bookin-list .input-group-addon {
	width: 110px;
	text-align: left;
}
/* 使用说明 */
.usedb-top {
	margin-left: 15px;
	margin-right: 15px;
	background: #f5f5f5;
	line-height: 25px;
	padding: 5px 7px;
	color: #333;
}
.usedb-top .ustb {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 7px;
	margin-right: 10px;
	font-size: 14px;
}
.usedb-top .bg-6fac45 {
	background: #6fac45;
	color: #fff;
}
.usedb-top .bg-d26d00 {
	background: #d26d00;
	color: #fff;
}
.usedb-top .bg-0c77d2 {
	background: #0c77d2;
	color: #fff;
}
.usedb-con {
	font-size: 14px;
	color: #5b5b5b;
	padding: 0 15px 0 22px;
	line-height: 23px;
}
.usedb-con p {
	margin-bottom: 10px;
	word-break: break-all;
}
.usedb-con img {
	display: block;
	margin: 5px auto;
	max-width: 100%;
}
.usedb-tit {
	padding: 0 15px 0 22px;
	line-height: 23px;
	font-weight: 700;
}
/* 提交成功 */
.succ-tip {
	text-align: center;
	color: #333;
}
.succ-tip i.icon-roundcheck {
	display: block;
	font-size: 60px;
	color: #4dcd70;
	margin: 70px 0 0 0;
}
/* 问题窗口 */
.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: #fff;
	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 #fff 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: #a9e07d;
	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 #a9e07d;
	
}
.dial-bot {
	width: 100%;
	height: 60px;
	position: fixed;
	left: 0;
	bottom: 0;
	background: #fff;
	padding: 10px 15px;
	border-top: 1px solid #d4d4d4;
}
.dial-bot a {
	line-height: 40px;
	padding: 8px 0;
	width: 48%;
	text-align: center;
}
.evalu-top {
	background: #f6f6f6;
	color: #333;
	text-align: center;
	padding: 10px 15px;
}
.evalu-top img {
	width: 35px;
	height: 35px;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
.evalu-bot {
	width: 100%;
	height: 90px;
	background: #fff;
	z-index: 600;
}
.evalu-bot a.a-evalu {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #d4d4d4;
	background: -webkit-linear-gradient(top, #f8f8f8, #e1e1e1);
	text-align: center;
	color: #333;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}
.b-evalu {
	position: relative;
	padding: 10px 90px 0 15px;
}
.evalutext {
	width: 100%;
	height: 35px;
	line-height: normal;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	padding: 0 5px;
	font-size: 12px;
}
.b-evalu a {
	display: block;
	width: 65px;
	height: 35px;
	line-height: 33px;
	background: #f5f5f5;
	border: 1px solid #d4d4d4;
	text-align: center;
	border-radius: 5px;
	color: #333;
	position: absolute;
	right: 15px;
	top: 10px;
}
.evalu-pop {
	position: fixed;
	width: 100%;
	background: #fff;
	left: 0;
	bottom: 0;
	z-index: 700;
	display: none;
}
.evpop-top {
	padding: 5px 15px;
	line-height: 36px;
	position: relative;
}
.evpop-texa {
	width: 100%;
	height: 100px;
	border: none;
	padding: 5px 15px;
	overflow: auto;
	font-size: 13px;
}
.evpopmb {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 650;
	background: rgba(0, 0, 0, .5);
	display: none;
}
.pub-star {
	position: absolute;
	display: block;
	width: 180px !important;
	left: 55px;
	top: 11px;
}
.pub-star img {
	width: 25px;
	height: 23px;
}
/* 问药咨询 */
.medic-list {
	padding-left: 15px;
	background: #fff;
}
.medic-list li {
	border-top: 1px solid #f2f2f2;
	color: #888;
	line-height: 50px;
	position: relative;
	padding-right: 15px;
	padding-left: 90px;
}
.medic-list li .meltit {
	position: absolute;
	left: 0;
	top: 0;
}
.medic-list li .agetext {
	width: 100%;
	border: none;
	background: #fff;
	padding-right: 30px;
	line-height: normal;
}
.medic-list li .meage {
	position: absolute;
	right: 15px;
	top: 0;
}
.medic-list li .melshop {
	line-height: 24px;
	padding: 13px 30px 13px 0;
}
.sexcheck {
	display: inline-block;
	margin-right: 15px;
}
.sexcheck em {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 30px;
	background: #dfdfdf;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	margin-left: 10px;
	vertical-align: middle;
}
.sexcheck em.checked {
	background: #29a5d3;
}
.sexcheck em.checked .icon-nan:before {
	content: "\e605";
}
.sexcheck em.checked .icon-nv:before {
	content: "\e607";
}
.sexcheck em.checked.sgirl {
	background: #ea73a8;
}
.sexcheck input[type="radio"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	opacity: 0;
}
.med-right {
	display: block;
	width: 50%;
	text-align: right;
	position: relative;
	float: right;
	padding-right: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.med-right i {
	position: absolute;
	right: 0;
	top: 0;
}
.medic-list li .arrow-right {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
}
.medic-list li .arrow-bottom {
	position: absolute;
	right: 17px;
	top: 17px;
	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);
}
.medic-con {
	background: #fff;
	padding: 10px 15px;
}
.medic-file li {
	display: block;
	width: 62px;
	height: 62px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #333;
}
.medic-file li:first-child {
	margin-left: 0;
}
.medic-file li.tipli {
	width: 200px;
	padding-top: 12px;
	line-height: 22px;
}
.file-def {
	display: inline-block;
	width: 62px;
	height: 62px;
	border: 1px dashed #a0a0a0;
	position: relative;
}
.file-def:before {
	content: '';
	display: block;
	width: 31px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	border-right: 1px solid #a0a0a0;
}
.file-def:after {
	content: '';
	display: block;
	width: 40px;
	height: 31px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: 0;
	border-bottom: 1px solid #a0a0a0;
}
.imgnum {
	display: block;
	color: #bfbfbf;
	line-height: 15px;
	padding-top: 20px;
}
.medictexa {
	display: block;
	width: 100%;
	height: 80px;
	background: #fff;
	border: none;
	overflow: auto;
}
.medic-agree {
	color: #777
}
.medic-agree a {
	color: #0574dd;
}
/* 我的药店 */
.phar-top {
	height: 53px;
	line-height: 53px;
	background: #eff1f3;
	color: #666;
	padding: 0 15px;
}
.phar-top a {
	color: #007cd9;
	float: right;
}
.phar-list .c-avatar-m {
	width: 65px;
	height: 65px;
	margin: 13px 15px 13px 0;
}
.phar-list .c-avatar-m img {
	width: 65px;
	height: 65px;
}
.phar-list .c-list-info > p {
	font-size: 12px;
	line-height: 18px;
}
.phar-tb {
	display: inline-block;
	width: 13px;
	height: 13px;
	line-height: 13px;
	text-align: center;
	border-radius: 50%;
}
.star-tb {
	display: inline-block;
	width: 62px;
	height: 9px;
	background: url(../images/star.png) no-repeat;
	background-size: 72px 45px;
	-webkit-ackground-size: 72px 45px;
	-ms-background-size: 72px 45px;
	position: relative;
	overflow: hidden;
	margin: 1px 0;
}
.star-tb i {
	display: block;
	height: 9px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/star.png) 0 -10px no-repeat;
	background-size: 72px 45px;
	-webkit-ackground-size: 72px 45px;
	-ms-background-size: 72px 45px;
}
.star-tb i.star-1 {
	width: 7.26%
}
.star-tb i.star-2 {
	width: 15.32%
}
.star-tb i.star-3 {
	width: 28.38%
}
.star-tb i.star-4 {
	width: 36.29%
}
.star-tb i.star-5 {
	width: 50%
}
.star-tb i.star-6 {
	width: 57.26%
}
.star-tb i.star-7 {
	width: 70.97%
}
.star-tb i.star-8 {
	width: 79.84%
}
.star-tb i.star-9 {
	width: 92.74%
}
.star-tb i.star-10 {
	width: 100%
}
/* 药店首页 */
.shop-top {
	width: 100%;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.shop-mess {
	background: #fff;
	position: relative;
	padding: 0 15px;
}
.shop-mess .sm-img {
	width: 75px;
	height: 75px;
	background: #fff;
	padding: 1px;
	border-radius: 50%;
	position: absolute;
	left: 15px;
	top: -37px;
}
.shop-mess .sm-img img {
	width: 75px;
	height: 75px;
	vertical-align: bottom;
}
.shop-mess .sm-atten {
	position: absolute;
	right: 15px;
	top: -35px;
	color: #fff;
}
.attenhold {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	background: rgba(0, 0, 0, .75);
	padding: 0 10px;
	border-radius: 4px;
}
.attenhold .icon-guanzhu {
	font-size: 15px;
	margin-right: 5px;
	color: #ff5c3c;
}
.bstar-tb {
	display: inline-block;
	width: 72px;
	height: 12px;
	background: url(../images/star.png) 0 -20px no-repeat;
	background-size: 72px 45px;
	-webkit-ackground-size: 72px 45px;
	-ms-background-size: 72px 45px;
	position: relative;
	overflow: hidden;
	margin: 1px 0;
}
.bstar-tb i {
	display: block;
	height: 12px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/star.png) 0 -33px no-repeat;
	background-size: 72px 45px;
	-webkit-ackground-size: 72px 45px;
	-ms-background-size: 72px 45px;
}
.bstar-tb i.star-1 {
	width: 8.333%
}
.bstar-tb i.star-2 {
	width: 17.36%
}
.bstar-tb i.star-3 {
	width: 29.5%
}
.bstar-tb i.star-4 {
	width: 38.89%
}
.bstar-tb i.star-5 {
	width: 50%
}
.bstar-tb i.star-6 {
	width: 59.03%
}
.bstar-tb i.star-7 {
	width: 70.14%
}
.bstar-tb i.star-8 {
	width: 79.17%
}
.bstar-tb i.star-9 {
	width: 90.28%
}
.bstar-tb i.star-10 {
	width: 100%
}
.sm-name {
	min-height: 70px;
	padding: 13px 0 13px 90px;
	line-height: 20px;
	word-break: break-all;
}
.shop-sure {
	background: #fff;
	padding: 5px 15px;
}
.shop-sure label {
	margin-right: 10px;
}
.shop-tit {
	background: #f5f5f5;
	line-height: 35px;
	padding: 0 15px;
}
.st-tb {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 6px;
	text-align: center;
	line-height: 24px;
	margin-right: 8px;
}
.shop-tit .bg-007cd9 {
	background: #007cd9;
	color: #fff;
}
.shop-tit .bg-6fac45 {
	background: #6fac45;
	color: #fff;
}
.shop-tit .bg-e26d5d {
	background: #e26d5d;
	color: #fff;
}
.shop-bot {
	width: 100%;
	height: 50px;
	background: #23282c;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 600;
}
.shop-bot a {
	display: block;
	width: 50%;
	height: 50px;
	float: left;
	line-height: 50px;
	color: #bfbfbf;
	text-align: center;
	border-left: 1px solid #3b444b;
}
.shop-bot a:first-child {
	border-left: none;
}
.shop-bot a i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
.ewmpop {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: none;
	text-align: center;
	z-index: 700;
}
.ewmbox {
	display: block;
	width: 186px;
	height: 186px;
	background: #fff;
	padding: 15px;
	margin: 40px auto 15px auto;
}
.ewmbox img {
	width: 186px;
	height: 186px;
	vertical-align: bottom;
}
.ewmtip {
	display: block;
	width: 238px;
	height: 42px;
	background: url(../images/ewm-tip.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	margin: 0 auto;
}
.ewmbtn {
	display: block;
	width: 105px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #dbdbdb;
	color: #dbdbdb;
	margin: 30px auto 5px auto;
}
.ewmmb {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 650;
	background: rgba(0, 0, 0, .7);
}
.pop-fullimg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	z-index: 99999;
}
.fullimg-wrap img {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 47px;
	margin: auto;
}
.fullimg-wrap .fullimg-ctrl {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
}
/* 服务协议 */
.agree-box {
	line-height: 23px;
}
/* 选择城市 */
.narea-top {
	line-height: 40px;
	background: #fff;
	padding: 0 15px;
}
.narea-top i {
	color: #ff8100;
	margin: 0 5px 0 0;
}
.narea-hot ul {
	display: block;
	padding: 0 15px;
}
.narea-hot li {
	display: block;
	width: 30%;
	margin-right: 5%;
	margin-top: 10px;
	float: left;
}
.narea-hot li a {
	display: block;
	line-height: 30px;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	text-align: center;
	color: #5b5b5b;
	font-size: 13px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.narea-hot li:nth-child(3n) {
	margin-right: 0;
}
.nhot-top {
	display: block;
	line-height: 18px;
	padding: 10px 15px 0 15px;
}
.narea-letter ul {
	display: block;
	padding: 0 5px;
	background: #fff;
	position: relative;
	z-index: 300;
}
.narea-letter ul:before {
	content: '';
	display: block;
	width: 100%;
	height: 35px;
	position: absolute;
	left: 0;
	top: 35px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	z-index: 310;
}
.narea-letter li {
	display: block;
	float: left;
	width: 12.5%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	position: relative;
	z-index: 320;
}
.narea-letter li a {
	display: block;
	line-height: 35px;
	color: #5b5b5b;
	font-size: 13px;
}
.cityletter {
	line-height: 22px;
	padding: 0 15px;
}
.narea-city ul {
	display: block;
	background: #fff;
}
.narea-city li {
	display: block;
	width: 25%;
	height: 40px;
	line-height: 40px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
.narea-hot li:nth-child(3n) {
	border-right: none;
}
.narea-city li a {
	display: block;
	text-align: center;
	color: #5b5b5b;
	font-size: 13px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.backtop {
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/gotop.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	position: fixed;
	right: 15px;
	bottom: 15px;
}
/*color*/
.c-92cf68 {
	color: #92cf68;
}
.c-58b5e1 {
	color: #58b5e1;
}
.c-fcc954 {
	color: #fcc954;
}
.c-c066a6 {
	color: #c066a6;
}
.c-666666 {
	color: #666666;
}
.icon-jianjie-w {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #6fac45;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.lh24 {
	line-height: 24px;
}
.act-banner {
	position: relative;
}
.act-banner img {
	display: block;
	width: 100%;
	max-height: 250px;
}
.act-banner .tag-active {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.act-banner .act-info {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 56px;
	background-color: rgba(0, 0, 0, .9);
	color: #fff;
}
.act-info {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.act-tit {
	margin-right: 70px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}
.act-btn-w {
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
	text-align: right;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}
.act-btn-w .c-btn {
	padding: 0;
	width: 60px;
	height: 22px;
	line-height: 22px!important;
}
.c-f11 {
	font-size: 11px;
}
.c-a8 {
	color: #a8a8a8;
}
.tag-active {
	display: inline-block;
	width: 64px;
	height: 18px;
	background: url(../images/tag-active.png) no-repeat;
	background-size: 100% 100%;
}
.c-btn-ff8100 {
	background-color: #ff8100;
}
.c-btn-ff8100:hover {
	background-color: #e57400;
}
.c-btn-b2b2b2 {
	background-color: #b2b2b2;
}
.c-btn-b2b2b2:hover {
	background-color: #b2b2b2;
}
.shop-top>img {
	display: block;
	width: 100%;
}
.shop-top .shop-mess {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 46px;
	background-color: rgba(0, 0, 0, .5);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.shop-top .sm-name {
	min-height: auto;
	color: #fff;
	height: 46px;
}
.shop-top .bstar-tb {
	margin: 0 5px 0 0;
}
.sm-iconfont {
	position: absolute;
	right: 15px;
	top: 15px;
	text-align: right;
}
.sm-iconfont-w {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: rgba(0, 0, 0, .5);
	text-align: center;
}
.phar-list .star-tb {
	display: block;
	margin: 3px 0;
}
.shop-sure ul {
	display: -webkit-box;
	display: box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
}
.shop-sure li {
	-webkit-box-flex: 1;
	box-flex: 1;
}
.shop-sure li label {
	margin-right: 0;
}
.apps .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
}
.apps .swiper-container {
	height: 242px;
}
.apps .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #e4e4e4;
	margin: 0 3px;
	cursor: pointer;
}
.apps .swiper-active-switch {
	background: #4dcd70;
}
.app-list-w {
	padding: 5px 0;
}
.app-list>li {
	float: left;
	padding: 12px 0;
}
.appicon-w {
	width: 65px;
	height: 65px;
	line-height: 65px;
	margin: 0 auto;
	text-align: center;
}
.appicon-w .iconfont {
	font-size: 32px;
}
.bgc-f7b868 {
	background-color: #f7b868;
}
.bgc-cd89b9 {
	background-color: #cd89b9;
}
.bgc-fa6a85 {
	background-color: #fa6a85;
}
.bgc-ade546 {
	background-color: #ade546;
}
.bgc-51ce72 {
	background-color: #51ce72;
}
.bgc-21c1fd {
	background-color: #21c1fd;
}
.bgc-f3f3f3 {
	background-color: #f3f3f3;
}
.popup-shadow {
	padding: 0 10px;
	border: 0;
	border-radius: 10px;
	outline: 0;
	font-size: 14px;
	line-height: 1.428571429;
	color: #fff;
	overflow: hidden;
	border: 0;
	background: rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
.popup-shadow .ui-dialog-grid {
	padding: 5px 0;
}
/*@media (min-device-width:375px) and (-webkit-min-device-pixel-ratio:2) {
    .apps .swiper-container { height: 296px;}
    .app-list-w { padding:10px 0;}
    .appicon-w { width: 85px; height: 85px; line-height: 85px;}
    .appicon-w .iconfont { font-size:44px;}
    .apps .pagination {position: absolute; left: 0; text-align: center; bottom:5px; width: 100%;}
    .app-list>li>p { font-size:16px;}
}*/
/*2.2登录后首页*/
.icon-red {
	background: url(../images/icon-red.png) no-repeat 0 0;
	width: 26px;
	height: 26px;
	display: block;
	background-size: 100%;
}
/*2.2红包缺省页面*/
.envelope-default {
	width: 212px;
	margin: 65px auto 0;
}
.envelope-default img {
	width: 123px;
	margin: 0 45px;
}
/*2.2红包报表*/
.package-report-info {
	height: 75px;
	background-color: #fff;
}
.package-report-info li {
	float: left;
	padding: 15px 0 15px 15px;
	box-sizing: border-box;
	font-size: 13px;
}
.arrow-d {
	position: relative;
}
.border-dashed-left {
	border-left: 1px dashed #e1e1e1;
}
.arrow-d:after {
	content: "";
	border-color: transparent;
	border-style: dashed;
	border-width: 4px;
	border-top-color: #000;
	border-top-style: solid;
	position: absolute;
	top: 15px;
	left: 53px;
}
.arrow-d.every-month:after {
	left: 42px;
	top: 13px;
}
/*2.2扫描统计*/
.c-list > li.ml0 {
	margin-left: 0;
}
.c-list > li.pl15 {
	padding-left: 15px;
}
.scan-count-list li span {
	display: block;
	text-align: center;
}
.scan-count-list li .w-16 {
	width: 16%;
}
.scan-count-list li .w-18 {
	width: 18%;
}
.scan-count-list li .w-28 {
	width: 28%;
}
.scan-count-list li .w-38 {
	width: 38%;
}
.scan-count-list li .w-25 {
	width: 25%;
}
.scan-count-list li .w-15 {
	width: 15%;
}
.scan-count-list li .w-30 {
	width: 30%;
}
.scan-count-list li .w-45 {
	width: 45%;
}
.scan-count-list li .w-20 {
	width: 20%;
}
.scan-count-list li .w-40 {
	width: 40%;
}
/*扫描详情*/
.scan-detail.c-list > li {
	font-size: 13px;
	border-top: 0;
}
.scan-detail.c-list > li.c-border-t {
	border-top: 1px dashed #c9c9c9;
	padding: 18px 0;
	margin: 10px 15px 0 15px;
}
.scan-detail.c-list > .c-list-text {
	padding: 6px 15px 6px 0;
}
.scan-detail.c-list > .c-list-text {
	padding: 6px 0 6px 0;
}
.pagination span {
	margin: 0 5px;
}
.c-canc-bo {
	-webkit-box-flex: 0;
	text-align: right;
	line-height: 36px;
	white-space: nowrap;
	margin-left: 10px;
}
.c-canc-bo a {
	color: #007cd9;
}
.c-searc-bo {
	-webkit-box-flex: 1;
	box-flex: 1;
	position: relative;
	border-radius: 5px;
	padding: 0 10px;
	box-sizing: border-box;
}
.deleteer-innbtn {
	width: 54px;
	height: 54px;
	border-radius: 54px;
	margin: 0 auto;
	display: block;
	line-height: 54px;
	text-align: center;
	background: #e73750;
}
.deleteer-innbtn i {
	color: #fff;
	font-size: 25px;
}
/* 2-14信息认证 */
.bgc-6831f4 {
	background-color: #6831f4;
}
.authen-star {
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
}
.authen-tip {
	position: relative;
	padding-top: 7px;
	padding-bottom: 7px;
}
.authen-tip .authen-star {
	position: absolute;
	left: 10px;
	top: 7px;
}
.iconfont-avatar-w .icon-renzheng {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2px;
}
.lih35 {
	line-height: 35px;
}
.authen-review {
	background-color: #fff;
	padding: 10px 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.authen-review ul {
	display: block;
	position: relative;
	overflow: hidden;
}
.authen-review ul:before {
	content: '';
	display: block;
	width: 14%;
	height: 10px;
	border-bottom: 1px dashed #ccc;
	position: absolute;
	left: 26%;
	top: 10px;
}
.authen-review ul:after {
	content: '';
	display: block;
	width: 14%;
	height: 10px;
	border-bottom: 1px dashed #ccc;
	position: absolute;
	right: 26%;
	top: 10px;
}
.authen-review li {
	display: block;
	width: 33.33%;
	float: left;
	text-align: center;
	font-size: 13px;
}
.authen-review li label {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	background-color: #ccc;
	color: #fff;
	margin: 0 auto 3px auto;
}
.authen-review li label.curr {
	background-color: #4cd964;
}
.authen-mess {
	padding: 8px 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.authen-mess li {
	border-top: none;
}
.authen-mess > .c-list-text {
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 18px;
}
.authen-mess .c-list-text .c-t-right {
	color: #bfbfbf !important;
}
.authen-form {
	padding-left: 0;
	background: #fff;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.authen-form .input-group.input-border {
	padding-left: 0;
}
.authen-form .input-group.input-border .input-group-addon {
	padding-left: 15px;
	border-top: 1px solid #f2f2f2;
	width: 110px;
	text-align: left;
}
.input-group .form-control,
.input-group .form-select {
	border-top: 1px solid #f2f2f2;
}
.authen-form .input-group .form-select-arrow {
	right: 15px;
}
.work-part {
	padding-top: 14px !important;
}
.authen-file {
	padding: 4px 0 20px 27px;
	line-height: 75px;
	font-size: 13px;
	color: #909090;
}
.authen-file label {
	display: inline-block;
	width: 75px;
	height: 75px;
	background: #fff;
	border: 1px solid #e1e1e1;
	position: relative;
	vertical-align: middle;
	margin-right: 15px;
	z-index: 100;
}
.authen-file label:before {
	content: '';
	display: block;
	width: 37px;
	height: 1px;
	background: #e1e1e1;
	position: absolute;
	left: 20px;
	top: 38px;
}
.authen-file label:after {
	content: '';
	display: block;
	width: 1px;
	height: 37px;
	background: #e1e1e1;
	position: absolute;
	left: 38px;
	top: 20px;
}
.authen-file label img {
	width: 75px;
	height: 75px;
	position: relative;
	z-index: 150;
}
.authen-result {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	font-size: 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-bottom: 40px;
	line-height: 24px;
}
.authen-result a {
	color: #007cd9;
}
.authen-success {
	display: inline-block;
	width: 117px;
	height: 123px;
	background: url(../images/authen-tb1.png) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 15px;
}
.authen-failed {
	display: inline-block;
	width: 123px;
	height: 133px;
	background: url(../images/authen-tb2.png) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 15px;
}
.drugs-top {
	padding: 10px;
	background: #fff;
}
.drugs-mess {
	background: #fff;
	padding: 10px;
}
.drugs-img {
	overflow: hidden;
}
.drugs-img li {
	width: 33.33%;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.drugs-img li img {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #f2f2f2;
}
.imgzoom-pack {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .7);
	display: none;
	z-index: 3000;
}
.imgzoom-pack:after {
	content: "";
	position: absolute;
	height: 50px;
	line-height: 50px;
	width: 100%;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 5;
}
.imgzoom-pack .imgzoom-x {
	color: #fff;
	height: 50px;
	width: 60px;
	line-height: 50px;
	text-align: center;
	font-size: 17px;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: 0;
	z-index: 10;
	cursor: pointer;
}
.imgzoom-del {
	color: #fff;
	height: 50px;
	width: 60px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	cursor: pointer;
}
.imgzoom-del .iconfont {
	font-size: 24px;
	color: #fff;
}
.imgzoom-pack .imgzoom-img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.imgzoom-pack .imgzoom-img img {
	width: 100%;
	position: absolute;
	top: 50%;
}

html/jkjl/css/xuetang-view.css

@@ -0,0 +1,51 @@
.c-ff6a56 {
	color: #FF6A56;
}
.c-47a8ef {
	color: #47A8EF;
}
.c-lab-les,.c-lab-les li {
	border: 1px solid #dcdcdc;
}
.c-radius-8 {
	border-radius: 8px;
}
.c-lab-les li {
	height: 36px;
	line-height: 36px;
}
.c-lab-les li>a {
	color: #323232;
}
.c-lab-les li.curr {
	background-color: #76bf00;
}
.c-lab-les li.curr>a {
	color: #fff;
}
.option-card li{
	box-sizing: border-box;
}
.option-card li p {
	padding: 3px 0;
	color: #909090;
}
.option-card li.curr p {
	border: 1px solid #76bf00;
	border-radius: 1em;
	background-color: #e3f1cd;
	color: #76BF00;
}
.swiper-container {
	width: 100%;
	height: 220px;
}

html/jkjl/css/ys-style.css

@@ -0,0 +1,3923 @@
/* 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: 8px;
}
.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: relative;
	display: inline-block;
}
.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: 12px 15px 12px 0;
}
.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-title {}
.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;
}
/* onoffswitch
-----------------------------------------------------------------------------*/
.onoffswitch {
	position: relative;
	width: 65px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.onoffswitch input.onoffswitch-checkbox {
	opacity: 0
}
.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 6px;
}
.onoffswitch-inner {
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
	float: left;
	width: 50%;
	height: 28px;
	padding: 0;
	line-height: 28px;
	font-size: 14px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "ON";
	padding-left: 5px;
	background-color: #4cd964;
	color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 5px;
	background-color: #e5e7ea;
	color: #a4a9ae;
	text-align: right;
}
.onoffswitch-switch {
	width: 22px;
	height: 22px;
	margin: 4px;
	background: #FFFFFF;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	right: 35px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px;
}
/* css c-list
-----------------------------------------------------------------------------*/
.list-icon {
	height: 8px;
	width: 8px;
	position: relative;
	display: inline-block;
}
.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: 12px 15px 12px 0;
}
.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-title {}
.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 c-lab1
-----------------------------------------------------------------------------*/
.c-lab-les {
	display: -webkit-box;
	display: box;
	border: 1px solid #4dcd70;
	overflow: hidden;
}
.c-lab-les li {
	-webkit-box-flex: 1;
	box-flex: 1;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: center;
	border-left: 1px solid #4dcd70;
	background: #fff;
}
.c-lab-les li:first-child {
	border-left: none;
}
.c-lab-les li a {
	display: block;
	width: 100%;
	height: 30px;
	color: #4dcd70;
	font-size: 13px;
}
.c-lab-les li.hit {
	background-color: #4dcd70;
}
.c-lab-les li.hit a {
	color: #fff;
}
/* css c-lab2
-----------------------------------------------------------------------------*/
.c-lab-mor {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	background: #fff;
}
.c-lab-mor li {
	-webkit-box-flex: 1;
	box-flex: 1;
	height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: center;
	padding-top: 6px;
	border-bottom: 1px solid #e1e1e1;
}
.c-lab-mor li:first-child {
	border-left: none;
}
.c-lab-mor li a {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	color: #333;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-left: 1px solid #ddd;
	font-size: 14px;
}
.c-lab-mor li:first-child a {
	border-left: none;
}
.c-lab-mor li.hit {
	border-bottom: 3px solid #4dcd70;
}
.c-lab-mor li.hit a {
	color: #4dcd70;
}
/* buttons color
-----------------------------------------------------------------------------*/
.c-btn-4dcd70 {
	background-color: #4dcd70;
}
.c-btn-4dcd70:hover {
	background-color: #45b865;
}
.c-btn-ff3 {
	background-color: #ffffff;
	color: #ff3b2d;
	border: #e1e1e1 1px solid;
}
.c-btn-ff3: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-fff.bgc-f3 {
	background-color: #f3f3f3;
	color: #666;
}
.c-btn-fff.bgc-fb {
	background-color: #fff;
	color: #333;
	padding: 8px 18px
}
/* css search
-----------------------------------------------------------------------------*/
.c-ser-hold {
	width: 100%;
	height: 44px;
	background-color: #e8e8e8;
	padding: 6px 15px 0 15px;
}
.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: 5%;
	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: 59%;
	top: 75%;
	width: 45%;
	height: 12%;
	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-canc {
	margin-left: 10px;
	-webkit-box-flex: 0;
	box-flex: 0;
}
.c-ser-canc a {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #37a6ec;
	font-size: 16px;
	padding: 0 5px;
}
.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);
}
body {
	background-color: #f3f3f3;
	color: #333;
	font-size: 15px;
}
.h50 {
	height: 50px;
}
.h60 {
	height: 60px;
}
.h90 {
	height: 60px;
}
.mt2 {
	margin-top: 2px;
}
.mt75 {
	margin-top: 75px;
}
.mb25 {
	margin-bottom: 25px;
}
.mr2 {
	margin-right: 2px;
}
.w-26 {
	width: 26%;
}
.w-37 {
	width: 37%;
}
.c-18c1ff {
	color: #18c1ff;
}
.c-be5f55 {
	color: #be5f55;
}
.c-585ec9 {
	color: #585ec9;
}
.c-bfbfbf {
	color: #bfbfbf;
}
.c-4dcd70 {
	color: #4dcd70;
}
.c-ff6600 {
	color: #ff6600;
}
.c-007cd9 {
	color: #007cd9;
}
.c-666 {
	color: #666;
}
.width-120 {
	width: 120px;
}
.position-fixed-b {
	left: 0;
	bottom: 0;
}
.c-nowrap-three {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
/*待解决*/
.labhold {
	width: 100%;
	height: 50px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 600;
	background: #f3f3f3;
}
.solve-list li {
	position: relative;
}
.solve-list li.hit {
	background: #ffead4;
}
.icon-solvebg {
	display: inline-block;
	width: 67px;
	height: 19px;
	background: url(../images/solvebg.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding-left: 16px;
}
.bookin-list .input-group-addon {
	width: 110px;
	text-align: left;
}
/* 个人中心 */
.area-top {
	background-color: #fff;
}
.area-top .c-ser-back {
	width: auto;
	max-width: 69px;
	line-height: 30px;
	position: relative;
	padding-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #007cd9;
}
.arrow-area {
	display: block;
	width: 8px;
	height: 8px;
	border: solid #007cd9;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	right: 10px;
	top: 8px;
}
.c-ser-area {
	margin-left: 10px;
	-webkit-box-flex: 0;
	box-flex: 0;
	line-height: 30px;
}
.c-ser-area a {
	color: #007cd9;
}
.area-top .c-ser-main {
	padding-left: 10px;
	padding-right: 25px;
}
.area-top .c-ser-main i {
	left: auto;
	right: 10px;
}
.area-top .ser-icon:before,
.ser-icon:after {
	content: "";
	position: absolute;
	left: 0;
	background: transparent;
	font-size: 1px;
}
.area-top .ser-icon-search:before {
	left: 1px;
	top: 0px;
	width: 10px;
	height: 10px;
	border: 2px solid #d8d8d8;
	border-radius: 50%;
}
.area-top .ser-icon-search:after {
	left: 11px;
	top: 12px;
	width: 6px;
	height: 2px;
	background: #d8d8d8;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.macy-tit {
	background: #eff1f3;
	line-height: 30px;
	padding: 0 15px;
}
/* 搜索结果 */
.area-result {
	height: 67px;
	background-color: #fff;
	padding-top: 14px;
}
.area-result .c-ser-main {
	height: 36px;
	overflow: inherit;
	z-index: 500;
	box-sizing: border-box;
	display: -webkit-box;
	display: box;
	border: none;
	padding: 0;
}
.area-result .c-ser-main i {
	left: auto;
	right: 10px;
	top: 10px;
}
.area-result .ser-icon:before,
.ser-icon:after {
	content: "";
	position: absolute;
	left: 0;
	background: transparent;
	font-size: 1px;
}
.area-result .ser-icon-search:before {
	left: 1px;
	top: 0px;
	width: 10px;
	height: 10px;
	border: 2px solid #d8d8d8;
	border-radius: 50%;
}
.area-result .ser-icon-search:after {
	left: 11px;
	top: 12px;
	width: 6px;
	height: 2px;
	background: #d8d8d8;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.area-result .c-ser-input {
	width: 100%;
	background: #fff;
	height: 33px;
	line-height: normal;
	border: none;
	font-size: 15px;
	color: #8e8e93;
	border-radius: 5px;
	padding: 3px 0;
}
.area-ser-tip {
	width: 100%;
	background: #fff;
	position: absolute;
	left: -1px;
	top: 34px;
	z-index: 600;
	border: 1px solid #e1e1e1;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	overflow: hidden;
	display: none;
}
.area-ser-tip li {
	line-height: 33px;
	padding: 0 12px;
	color: #333;
	font-size: 14px;
	border-bottom: 1px solid #f2f2f2;
}
.area-ser-tip a.tipclear {
	display: block;
	background: #f8f8f8;
	color: #888;
	font-size: 13px;
	padding: 0 10px;
}
.area-ser-tip a.tipclear span {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #ccc;
	border-radius: 50%;
	position: relative;
	vertical-align: middle;
	margin: 0 5px 5px 0;
}
.area-ser-tip a.tipclear span:before {
	content: '';
	display: block;
	width: 2px;
	height: 5px;
	background: #f8f8f8;
	position: absolute;
	left: 6px;
	top: 2px;
	box-shadow: 0px 0px 1px #f8f8f8;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.area-ser-tip a.tipclear span:after {
	content: '';
	display: block;
	width: 5px;
	height: 2px;
	background: #f8f8f8;
	position: absolute;
	left: 6px;
	top: 6px;
	box-shadow: 0px 0px 1px #f8f8f8;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.nosearch {
	text-align: center;
	line-height: 25px;
	color: #888;
}
.nosearch i {
	display: block;
	width: 73px;
	height: 60px;
	background: url(../images/nosearch.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	margin: 100px auto 15px auto;
}
.selmb {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	z-index: 300;
}
/* 使用说明 */
.usedb-top {
	margin-left: 15px;
	margin-right: 15px;
	background: #f5f5f5;
	line-height: 25px;
	padding: 5px 7px;
	color: #333;
}
.usedb-top .ustb {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 7px;
	margin-right: 10px;
	font-size: 14px;
}
.usedb-top .bg-6fac45 {
	background: #6fac45;
	color: #fff;
}
.usedb-top .bg-d26d00 {
	background: #d26d00;
	color: #fff;
}
.usedb-top .bg-0c77d2 {
	background: #0c77d2;
	color: #fff;
}
.usedb-con {
	font-size: 14px;
	color: #5b5b5b;
	padding: 0 15px 0 22px;
	line-height: 23px;
}
.usedb-con p {
	margin-bottom: 10px;
	word-break: break-all;
}
.usedb-con img {
	display: block;
	margin: 5px auto;
	max-width: 100%;
}
.usedb-tit {
	padding: 0 15px 0 22px;
	line-height: 23px;
	font-weight: 700;
}
/* 提交成功 */
.succ-tip {
	text-align: center;
	color: #333;
}
.succ-tip i.icon-roundcheck {
	display: block;
	font-size: 60px;
	color: #4dcd70;
	margin: 70px 0 0 0;
}
/* 问题窗口 */
.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;
}
.dial-bot {
	width: 100%;
	height: 60px;
	position: fixed;
	left: 0;
	bottom: 0;
	background: #fff;
	padding: 10px 15px;
	border-top: 1px solid #d4d4d4;
}
.dial-bot a {
	line-height: 40px;
	padding: 8px 0;
	width: 48%;
	text-align: center;
}
.evalu-top {
	background: #f6f6f6;
	color: #333;
	text-align: center;
	padding: 10px 15px;
}
.evalu-top img {
	width: 35px;
	height: 35px;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
.evalu-bot {
	width: 100%;
	height: 90px;
	background: #fff;
	z-index: 600;
}
.evalu-bot a.a-evalu {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #d4d4d4;
	background: -webkit-linear-gradient(top, #f8f8f8, #e1e1e1);
	text-align: center;
	color: #333;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}
.b-evalu {
	position: relative;
	padding: 10px 90px 0 15px;
}
.evalutext {
	width: 100%;
	height: 35px;
	line-height: normal;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	padding: 0 5px;
	font-size: 12px;
}
.b-evalu a {
	display: block;
	width: 65px;
	height: 35px;
	line-height: 33px;
	background: #f5f5f5;
	border: 1px solid #d4d4d4;
	text-align: center;
	border-radius: 5px;
	color: #333;
	position: absolute;
	right: 15px;
	top: 10px;
}
.evalu-pop {
	position: fixed;
	width: 100%;
	background: #fff;
	left: 0;
	bottom: 0;
	z-index: 700;
	display: none;
}
.evpop-top {
	padding: 5px 15px;
	line-height: 36px;
	position: relative;
}
.evpop-texa {
	width: 100%;
	height: 100px;
	border: none;
	padding: 5px 15px;
	overflow: auto;
	font-size: 13px;
}
.evpopmb {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 650;
	background: rgba(0, 0, 0, .5);
	display: none;
}
.pub-star {
	position: absolute;
	display: block;
	width: 180px !important;
	left: 55px;
	top: 11px;
}
.pub-star img {
	width: 25px;
	height: 23px;
}
/* 问药咨询 */
.medic-list {
	padding-left: 15px;
	background: #fff;
}
.medic-list li {
	border-top: 1px solid #f2f2f2;
	color: #888;
	line-height: 50px;
	position: relative;
	padding-right: 15px;
	padding-left: 90px;
}
.medic-list li .meltit {
	position: absolute;
	left: 0;
	top: 0;
}
.medic-list li .agetext {
	width: 100%;
	border: none;
	background: #fff;
	padding-right: 30px;
	line-height: normal;
}
.medic-list li .meage {
	position: absolute;
	right: 15px;
	top: 0;
}
.medic-list li .melshop {
	line-height: 24px;
	padding: 13px 30px 13px 0;
}
.sexcheck {
	display: inline-block;
	margin-right: 15px;
}
.sexcheck em {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 30px;
	background: #dfdfdf;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	margin-left: 10px;
	vertical-align: middle;
}
.sexcheck em.checked {
	background: #29a5d3;
}
.sexcheck em.checked .icon-nan:before {
	content: "\e605";
}
.sexcheck em.checked .icon-nv:before {
	content: "\e607";
}
.sexcheck em.checked.sgirl {
	background: #ea73a8;
}
.sexcheck input[type="radio"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	opacity: 0;
}
.med-right {
	display: block;
	width: 50%;
	text-align: right;
	position: relative;
	float: right;
	padding-right: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.med-right i {
	position: absolute;
	right: 0;
	top: 0;
}
.medic-list li .arrow-right {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
}
.medic-list li .arrow-bottom {
	position: absolute;
	right: 17px;
	top: 17px;
	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);
}
.medic-con {
	background: #fff;
	padding: 10px 15px;
}
.medic-file li {
	display: block;
	width: 62px;
	height: 62px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #333;
}
.medic-file li:first-child {
	margin-left: 0;
}
.medic-file li.tipli {
	width: 200px;
	padding-top: 12px;
	line-height: 22px;
}
.file-def {
	display: inline-block;
	width: 62px;
	height: 62px;
	border: 1px dashed #a0a0a0;
	position: relative;
}
.file-def:before {
	content: '';
	display: block;
	width: 31px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	border-right: 1px solid #a0a0a0;
}
.file-def:after {
	content: '';
	display: block;
	width: 40px;
	height: 31px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: 0;
	border-bottom: 1px solid #a0a0a0;
}
.imgnum {
	display: block;
	color: #bfbfbf;
	line-height: 15px;
	padding-top: 20px;
}
.medictexa {
	display: block;
	width: 100%;
	height: 80px;
	background: #fff;
	border: none;
	overflow: auto;
}
.medic-agree {
	color: #777
}
.medic-agree a {
	color: #0574dd;
}
/* 我的药店 */
.phar-top {
	height: 53px;
	line-height: 53px;
	background: #eff1f3;
	color: #666;
	padding: 0 15px;
}
.phar-top a {
	color: #007cd9;
	float: right;
}
.phar-list .c-avatar-m {
	width: 65px;
	height: 65px;
	margin: 13px 15px 13px 0;
}
.phar-list .c-avatar-m img {
	width: 65px;
	height: 65px;
}
.phar-list .c-list-info > p {
	font-size: 12px;
	line-height: 18px;
}
.phar-tb {
	display: inline-block;
	width: 13px;
	height: 13px;
	line-height: 13px;
	text-align: center;
	border-radius: 50%;
}
.star-tb {
	display: inline-block;
	width: 62px;
	height: 9px;
	background: url(../images/star.png) no-repeat;
	background-size: 72px 45px;
	-webkit-ackground-size: 72px 45px;
	-ms-background-size: 72px 45px;
	position: relative;
	overflow: hidden;
	margin: 1px 0;
}
.star-tb i {
	display: block;
	height: 9px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/star.png) 0 -10px no-repeat;
	background-size: 72px 45px;
	-webkit-ackground-size: 72px 45px;
	-ms-background-size: 72px 45px;
}
.star-tb i.star-1 {
	width: 7.26%
}
.star-tb i.star-2 {
	width: 15.32%
}
.star-tb i.star-3 {
	width: 28.38%
}
.star-tb i.star-4 {
	width: 36.29%
}
.star-tb i.star-5 {
	width: 50%
}
.star-tb i.star-6 {
	width: 57.26%
}
.star-tb i.star-7 {
	width: 70.97%
}
.star-tb i.star-8 {
	width: 79.84%
}
.star-tb i.star-9 {
	width: 92.74%
}
.star-tb i.star-10 {
	width: 100%
}
/* 药店首页 */
.shop-top {
	width: 100%;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.shop-mess {
	background: #fff;
	position: relative;
	padding: 0 15px;
}
.shop-mess .sm-img {
	width: 75px;
	height: 75px;
	background: #fff;
	padding: 1px;
	border-radius: 50%;
	position: absolute;
	left: 15px;
	top: -37px;
}
.shop-mess .sm-img img {
	width: 75px;
	height: 75px;
	vertical-align: bottom;
}
.shop-mess .sm-atten {
	position: absolute;
	right: 15px;
	top: -35px;
	color: #fff;
}
.attenhold {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	background: rgba(0, 0, 0, .75);
	padding: 0 10px;
	border-radius: 4px;
}
.attenhold .icon-guanzhu {
	font-size: 15px;
	margin-right: 5px;
	color: #ff5c3c;
}
.bstar-tb {
	display: inline-block;
	width: 72px;
	height: 12px;
	background: url(../images/star.png) 0 -20px no-repeat;
	background-size: 72px 45px;
	-webkit-ackground-size: 72px 45px;
	-ms-background-size: 72px 45px;
	position: relative;
	overflow: hidden;
	margin: 1px 0;
}
.bstar-tb i {
	display: block;
	height: 12px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/star.png) 0 -33px no-repeat;
	background-size: 72px 45px;
	-webkit-ackground-size: 72px 45px;
	-ms-background-size: 72px 45px;
}
.bstar-tb i.star-1 {
	width: 8.333%
}
.bstar-tb i.star-2 {
	width: 17.36%
}
.bstar-tb i.star-3 {
	width: 29.5%
}
.bstar-tb i.star-4 {
	width: 38.89%
}
.bstar-tb i.star-5 {
	width: 50%
}
.bstar-tb i.star-6 {
	width: 59.03%
}
.bstar-tb i.star-7 {
	width: 70.14%
}
.bstar-tb i.star-8 {
	width: 79.17%
}
.bstar-tb i.star-9 {
	width: 90.28%
}
.bstar-tb i.star-10 {
	width: 100%
}
.sm-name {
	min-height: 70px;
	padding: 13px 0 13px 90px;
	line-height: 20px;
	word-break: break-all;
}
.shop-sure {
	background: #fff;
	padding: 5px 15px;
}
.shop-sure label {
	margin-right: 10px;
}
.shop-tit {
	background: #f5f5f5;
	line-height: 35px;
	padding: 0 15px;
}
.st-tb {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 6px;
	text-align: center;
	line-height: 24px;
	margin-right: 8px;
}
.shop-tit .bg-007cd9 {
	background: #007cd9;
	color: #fff;
}
.shop-tit .bg-6fac45 {
	background: #6fac45;
	color: #fff;
}
.shop-tit .bg-e26d5d {
	background: #e26d5d;
	color: #fff;
}
.shop-bot {
	width: 100%;
	height: 50px;
	background: #23282c;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 600;
}
.shop-bot a {
	display: block;
	width: 50%;
	height: 50px;
	float: left;
	line-height: 50px;
	color: #bfbfbf;
	text-align: center;
	border-left: 1px solid #3b444b;
}
.shop-bot a:first-child {
	border-left: none;
}
.shop-bot a i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
.ewmpop {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: none;
	text-align: center;
	z-index: 700;
}
.ewmbox {
	display: block;
	width: 186px;
	height: 186px;
	background: #fff;
	padding: 15px;
	margin: 40px auto 15px auto;
}
.ewmbox img {
	width: 186px;
	height: 186px;
	vertical-align: bottom;
}
.ewmtip {
	display: block;
	width: 238px;
	height: 42px;
	background: url(../images/ewm-tip.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	margin: 0 auto;
}
.ewmbtn {
	display: block;
	width: 105px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #dbdbdb;
	color: #dbdbdb;
	margin: 30px auto 5px auto;
}
.ewmmb {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 650;
	background: rgba(0, 0, 0, .7);
}
.pop-fullimg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	z-index: 99999;
}
.fullimg-wrap img {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 47px;
	margin: auto;
}
.fullimg-wrap .fullimg-ctrl {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
}
/* 服务协议 */
.agree-box {
	line-height: 23px;
}
/* 选择城市 */
.narea-top {
	line-height: 40px;
	background: #fff;
	padding: 0 15px;
}
.narea-top i {
	color: #ff8100;
	margin: 0 5px 0 0;
}
.narea-hot ul {
	display: block;
	padding: 0 15px;
}
.narea-hot li {
	display: block;
	width: 30%;
	margin-right: 5%;
	margin-top: 10px;
	float: left;
}
.narea-hot li a {
	display: block;
	line-height: 30px;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	text-align: center;
	color: #5b5b5b;
	font-size: 13px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.narea-hot li:nth-child(3n) {
	margin-right: 0;
}
.nhot-top {
	display: block;
	line-height: 18px;
	padding: 10px 15px 0 15px;
}
.narea-letter ul {
	display: block;
	padding: 0 5px;
	background: #fff;
	position: relative;
	z-index: 300;
}
.narea-letter ul:before {
	content: '';
	display: block;
	width: 100%;
	height: 35px;
	position: absolute;
	left: 0;
	top: 35px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	z-index: 310;
}
.narea-letter li {
	display: block;
	float: left;
	width: 12.5%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	position: relative;
	z-index: 320;
}
.narea-letter li a {
	display: block;
	line-height: 35px;
	color: #5b5b5b;
	font-size: 13px;
}
.cityletter {
	line-height: 22px;
	padding: 0 15px;
}
.narea-city ul {
	display: block;
	background: #fff;
}
.narea-city li {
	display: block;
	width: 25%;
	height: 40px;
	line-height: 40px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
.narea-hot li:nth-child(3n) {
	border-right: none;
}
.narea-city li a {
	display: block;
	text-align: center;
	color: #5b5b5b;
	font-size: 13px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.backtop {
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/gotop.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	position: fixed;
	right: 15px;
	bottom: 15px;
}
/*color*/
.c-92cf68 {
	color: #92cf68;
}
.c-58b5e1 {
	color: #58b5e1;
}
.c-fcc954 {
	color: #fcc954;
}
.c-c066a6 {
	color: #c066a6;
}
.c-666666 {
	color: #666666;
}
.icon-jianjie-w {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #6fac45;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.lh24 {
	line-height: 24px;
}
.act-banner {
	position: relative;
}
.act-banner img {
	display: block;
	width: 100%;
	max-height: 250px;
}
.act-banner .tag-active {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.act-banner .act-info {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 56px;
	background-color: rgba(0, 0, 0, .9);
	color: #fff;
}
.act-info {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.act-tit {
	margin-right: 70px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}
.act-btn-w {
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
	text-align: right;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}
.act-btn-w .c-btn {
	padding: 0;
	width: 60px;
	height: 22px;
	line-height: 22px!important;
}
.c-f11 {
	font-size: 11px;
}
.c-a8 {
	color: #a8a8a8;
}
.tag-active {
	display: inline-block;
	width: 64px;
	height: 18px;
	background: url(../images/tag-active.png) no-repeat;
	background-size: 100% 100%;
}
.c-btn-ff8100 {
	background-color: #ff8100;
}
.c-btn-ff8100:hover {
	background-color: #e57400;
}
.c-btn-b2b2b2 {
	background-color: #b2b2b2;
}
.c-btn-b2b2b2:hover {
	background-color: #b2b2b2;
}
.shop-top>img {
	display: block;
	width: 100%;
}
.shop-top .shop-mess {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 46px;
	background-color: rgba(0, 0, 0, .5);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.shop-top .sm-name {
	min-height: auto;
	color: #fff;
	height: 46px;
}
.shop-top .bstar-tb {
	margin: 0 5px 0 0;
}
.sm-iconfont {
	position: absolute;
	right: 15px;
	top: 15px;
	text-align: right;
}
.sm-iconfont-w {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: rgba(0, 0, 0, .5);
	text-align: center;
}
.phar-list .star-tb {
	display: block;
	margin: 3px 0;
}
.shop-sure ul {
	display: -webkit-box;
	display: box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
}
.shop-sure li {
	-webkit-box-flex: 1;
	box-flex: 1;
}
.shop-sure li label {
	margin-right: 0;
}
.apps .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
}
.apps .swiper-container {
	height: 242px;
}
.apps .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #e4e4e4;
	margin: 0 3px;
	cursor: pointer;
}
.apps .swiper-active-switch {
	background: #4dcd70;
}
.app-list-w {
	padding: 5px 0;
}
.app-list>li {
	float: left;
	padding: 12px 0;
}
.appicon-w {
	width: 65px;
	height: 65px;
	line-height: 65px;
	margin: 0 auto;
	text-align: center;
}
.appicon-w .iconfont {
	font-size: 32px;
}
.bgc-f7b868 {
	background-color: #f7b868;
}
.bgc-cd89b9 {
	background-color: #cd89b9;
}
.bgc-fa6a85 {
	background-color: #fa6a85;
}
.bgc-ade546 {
	background-color: #ade546;
}
.bgc-51ce72 {
	background-color: #51ce72;
}
.bgc-21c1fd {
	background-color: #21c1fd;
}
.bgc-f3f3f3 {
	background-color: #f3f3f3;
}
.popup-shadow {
	padding: 0 10px;
	border: 0;
	border-radius: 10px;
	outline: 0;
	font-size: 14px;
	line-height: 1.428571429;
	color: #fff;
	overflow: hidden;
	border: 0;
	background: rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
.popup-shadow .ui-dialog-grid {
	padding: 5px 0;
}
/*@media (min-device-width:375px) and (-webkit-min-device-pixel-ratio:2) {
    .apps .swiper-container { height: 296px;}
    .app-list-w { padding:10px 0;}
    .appicon-w { width: 85px; height: 85px; line-height: 85px;}
    .appicon-w .iconfont { font-size:44px;}
    .apps .pagination {position: absolute; left: 0; text-align: center; bottom:5px; width: 100%;}
    .app-list>li>p { font-size:16px;}
}*/
/*2.2登录后首页*/
.icon-red {
	background: url(../images/icon-red.png) no-repeat 0 0;
	width: 26px;
	height: 26px;
	display: block;
	background-size: 100%;
}
/*2.2红包缺省页面*/
.envelope-default {
	width: 212px;
	margin: 65px auto 0;
}
.envelope-default img {
	width: 123px;
	margin: 0 45px;
}
/*2.2红包报表*/
.package-report-info {
	height: 75px;
	background-color: #fff;
}
.package-report-info li {
	float: left;
	padding: 15px 0 15px 15px;
	box-sizing: border-box;
	font-size: 13px;
}
.arrow-d {
	position: relative;
}
.border-dashed-left {
	border-left: 1px dashed #e1e1e1;
}
.arrow-d:after {
	content: "";
	border-color: transparent;
	border-style: dashed;
	border-width: 4px;
	border-top-color: #000;
	border-top-style: solid;
	position: absolute;
	top: 15px;
	left: 53px;
}
.arrow-d.every-month:after {
	left: 42px;
	top: 13px;
}
/*2.2扫描统计*/
.c-list > li.ml0 {
	margin-left: 0;
}
.c-list > li.pl15 {
	padding-left: 15px;
}
.scan-count-list li span {
	display: block;
	text-align: center;
}
.scan-count-list li .w-16 {
	width: 16%;
}
.scan-count-list li .w-18 {
	width: 18%;
}
.scan-count-list li .w-28 {
	width: 28%;
}
.scan-count-list li .w-38 {
	width: 38%;
}
.scan-count-list li .w-25 {
	width: 25%;
}
.scan-count-list li .w-15 {
	width: 15%;
}
.scan-count-list li .w-30 {
	width: 30%;
}
.scan-count-list li .w-45 {
	width: 45%;
}
.scan-count-list li .w-20 {
	width: 20%;
}
.scan-count-list li .w-40 {
	width: 40%;
}
/*扫描详情*/
.scan-detail.c-list > li {
	font-size: 13px;
	border-top: 0;
}
.scan-detail.c-list > li.c-border-t {
	border-top: 1px dashed #c9c9c9;
	padding: 18px 0;
	margin: 10px 15px 0 15px;
}
.scan-detail.c-list > .c-list-text {
	padding: 6px 15px 6px 0;
}
.scan-detail.c-list > .c-list-text {
	padding: 6px 0 6px 0;
}
.pagination span {
	margin: 0 5px;
}
.c-canc-bo {
	-webkit-box-flex: 0;
	text-align: right;
	line-height: 36px;
	white-space: nowrap;
	margin-left: 10px;
}
.c-canc-bo a {
	color: #007cd9;
}
.c-searc-bo {
	-webkit-box-flex: 1;
	box-flex: 1;
	position: relative;
	border-radius: 5px;
	padding: 0 10px;
	box-sizing: border-box;
}
.deleteer-innbtn {
	width: 54px;
	height: 54px;
	border-radius: 54px;
	margin: 0 auto;
	display: block;
	line-height: 54px;
	text-align: center;
	background: #e73750;
}
.deleteer-innbtn i {
	color: #fff;
	font-size: 25px;
}
/* 2-14信息认证 */
.bgc-6831f4 {
	background-color: #6831f4;
}
.authen-star {
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
}
.authen-tip {
	position: relative;
	padding-top: 7px;
	padding-bottom: 7px;
}
.authen-tip .authen-star {
	position: absolute;
	left: 10px;
	top: 7px;
}
.iconfont-avatar-w .icon-renzheng {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2px;
}
.lih35 {
	line-height: 35px;
}
.authen-review {
	background-color: #fff;
	padding: 10px 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.authen-review ul {
	display: block;
	position: relative;
	overflow: hidden;
}
.authen-review ul:before {
	content: '';
	display: block;
	width: 14%;
	height: 10px;
	border-bottom: 1px dashed #ccc;
	position: absolute;
	left: 26%;
	top: 10px;
}
.authen-review ul:after {
	content: '';
	display: block;
	width: 14%;
	height: 10px;
	border-bottom: 1px dashed #ccc;
	position: absolute;
	right: 26%;
	top: 10px;
}
.authen-review li {
	display: block;
	width: 33.33%;
	float: left;
	text-align: center;
	font-size: 13px;
}
.authen-review li label {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	background-color: #ccc;
	color: #fff;
	margin: 0 auto 3px auto;
}
.authen-review li label.curr {
	background-color: #4cd964;
}
.authen-mess {
	padding: 8px 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.authen-mess li {
	border-top: none;
}
.authen-mess > .c-list-text {
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 18px;
}
.authen-mess .c-list-text .c-t-right {
	color: #bfbfbf !important;
}
.authen-form {
	padding-left: 0;
	background: #fff;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.authen-form .input-group.input-border {
	padding-left: 0;
}
.authen-form .input-group.input-border .input-group-addon {
	padding-left: 15px;
	border-top: 1px solid #f2f2f2;
	width: 110px;
	text-align: left;
}
.input-group .form-control,
.input-group .form-select {
	border-top: 1px solid #f2f2f2;
}
.authen-form .input-group .form-select-arrow {
	right: 15px;
}
.work-part {
	padding-top: 14px !important;
}
.authen-file {
	padding: 4px 0 20px 27px;
	line-height: 75px;
	font-size: 13px;
	color: #909090;
}
.authen-file label {
	display: inline-block;
	width: 75px;
	height: 75px;
	background: #fff;
	border: 1px solid #e1e1e1;
	position: relative;
	vertical-align: middle;
	margin-right: 15px;
	z-index: 100;
}
.authen-file label:before {
	content: '';
	display: block;
	width: 37px;
	height: 1px;
	background: #e1e1e1;
	position: absolute;
	left: 20px;
	top: 38px;
}
.authen-file label:after {
	content: '';
	display: block;
	width: 1px;
	height: 37px;
	background: #e1e1e1;
	position: absolute;
	left: 38px;
	top: 20px;
}
.authen-file label img {
	width: 75px;
	height: 75px;
	position: relative;
	z-index: 150;
}
.authen-result {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	font-size: 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-bottom: 40px;
	line-height: 24px;
}
.authen-result a {
	color: #007cd9;
}
.authen-success {
	display: inline-block;
	width: 117px;
	height: 123px;
	background: url(../images/authen-tb1.png) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 15px;
}
.authen-failed {
	display: inline-block;
	width: 123px;
	height: 133px;
	background: url(../images/authen-tb2.png) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 15px;
}
.doc-suggst-lab {
	height: 45px;
}
.doc-suggst-lab ul {
	width: 100%;
	height: 44px;
	display: box;
	display: -webkit-box;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 600;
	border-bottom: 1px solid #e1e1e1;
}
.doc-suggst-lab ul.top35 {
	top: 35px;
}
.doc-suggst-lab ul.docpage {
	position: relative;
}
.doc-suggst-lab li {
	-webkit-box-flex: 1;
	box-flex: 1;
	width: 1px;
	text-align: center;
}
.doc-suggst-lab li a {
	display: block;
	width: 100%;
	line-height: 44px;
	font-size: 13px;
	color: #909090;
	position: relative;
}
.doc-suggst-lab li a.curr {
	color: #4dcd70;
}
.doc-suggst-lab li a.curr:before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #4dcd70;
	position: absolute;
	left: 0;
	bottom: -1px;
}
.item-choose {
	background: #fff;
	position: relative;
	z-index: 200;
	left: 0;
	right: 0;
}
.item-choose.pofix {
	position: fixed;
	top: 41px;
	left: 0;
	right: 0;
}
ul.doph-list {
	position: relative;
	z-index: 90;
}
.item-choose-hd {
	padding: 10px 15px;
}
.item-choose-hd span {
	font-size: 14px;
	color: #404040;
}
.ui-arrow {
	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-b {
	border-top-color: #aaa;
	border-top-style: solid;
}
.mt8 {
	margin-top: 8px;
}
.item-choose-bd {
	display: none;
	position: absolute;
	top: 43px;
	left: 0;
	right: 0;
	background: #fff;
}
.item-choose-bd.show {
	display: block;
}
.item-choose-bd span {
	display: block;
	width: 45px;
	height: 45px;
	margin: 0 auto;
	border-radius: 45px;
	background: #f0f0f0;
	text-align: center;
	line-height: 45px;
}
.item-choose-bd span i {
	font-size: 28px;
	color: #a6a6a6;
}
.item-choose-bd p {
	font-size: 12px;
	padding-top: 5px;
}
.cover-shadow {
	position: fixed;
	top: 0;
	z-index: 100;
	background-color: rgba(0, 0, 0, .25);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}
.c-ser-area i {
	font-size: 20px;
}
.piok-tbox01.hit i,
.piok-tbox02.hit i,
.piok-tbox03.hit i,
.piok-tbox04.hit i {
	color: #fff;
}
.piok-tbox01.hit span {
	background: #2aabe5;
}
.piok-tbox02.hit span {
	background: #ff8a3c;
}
.piok-tbox03.hit span {
	background: #f07373;
}
.piok-tbox04.hit span {
	background: #55d0c2;
}
.piok-abon {
	text-align: center;
}
.piok-abon.hit .piok-btn {
	color: #4dcd70;
	border-color: #4dcd70;
}
.piok-btn {
	padding: 5px 12px;
	border: 1px solid #dfdfdf;
	font-size: 12px;
	color: #333333;
	display: inline-block;
	border-radius: 3px;
}
.sand-boxer b {
	padding: 2px 8px;
	background: #4dcd70;
	color: #fff;
	font-size: 12px;
	display: inline-block;
	margin-right: 7px;
	border-radius: 3px;
}
.sand-boxer em {
	line-height: 22px;
}
.doph-list .c-list-indent-s {
	padding-right: 0 !important;
}
.doph-list .c-avatar-m {
	margin: 0 15px 0 0 !important;
}
.doph-list.c-list .c-list-info > p {
	color: #666 !important;
}

html/jkjl/css/zx-style.css

@@ -0,0 +1,573 @@
body { background: #f9f9f9; font-size: 16px; }
.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; }
.c-btn-75BF00 {background-color: #75BF00;}
.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; }
.sel-phiz li { width: 33.33%; float: left; text-align: center; color: #333; font-size: 15px; }
.sel-phiz li .iconfont { font-size: 40px; line-height: 40px; color: #ccc; }
.sel-phiz li p { line-height:1.1;}
.padding-fixed { width: 100%; height: 70px; }
.tel-zx-list>li .n-list-key{ min-width:6em;}
.sel-phiz li i{ display:inline-block; background:url(../images/sel-phiztb.png) no-repeat; background-size:126px 92px;}
.sel-phiz li i.icon-flower{ width:42px; height:46px; background-position:0 0;}
.sel-phiz li i.icon-flag{ width:44px; height:46px; background-position:-42px 0;}
.sel-phiz li i.icon-gife{ width:39px; height:46px; background-position:-87px 0;}
.sel-phiz li.selected i.icon-flower{ background-position:0 -46px;}
.sel-phiz li.selected i.icon-flag{ background-position:-42px -46px;}
.sel-phiz li.selected i.icon-gife{ background-position:-87px -46px;}
/*爱心咨询*/
.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 */
}
@-webkit-keyframes broadcast /* Safari 和 Chrome */
{
    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-mpart5{ width:45px; height:35px; background-position:-95px -41px; margin-top:-21px; margin-left:4px;}
.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: 14px; display: inline-block; max-width: 65%; background: #fff; border: 1px solid #e1e1e1; border-radius: 6px; padding: 8px 10px; 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: 10px 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: 31px; outline: 0; font-size: 14px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; padding: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; }
.dh-nav { width: 100%; height: 40px; line-height:40px; border-bottom: 1px solid #e1e1e1; background: #fff; font-size:14px;}
.dh-nav li{ display:block; float:left; padding:0 20px;}
.dh-nav li.curr{ color:#4dcd70; position:relative;}
.dh-nav li.curr:before{ content:''; display:block; position:absolute; width:100%; height:2px; background:#4dcd70; left:0; bottom:-1px;}
.dh-list { width:100%; background:#fff; z-index:1;}
.dh-list-box { width: 100%; }
.dh-list li{ overflow:hidden; padding:15px 0 5px 0; font-size:14px; color:#333; display:block;}
.dh-list li label{ display:block; width:25%; float:left; text-align:center; margin-bottom:10px;}
.dh-list li label img{ width:40px; height:40px; border-radius:50%;}
.prerecord{ padding-left:10px; border-top:1px solid #f2f2f2; background:#fff;}
.prerecord:first-child{ border-top:0; margin-top:0;}
.prerecord div{ text-align:left !important;}
.pd-top{ line-height:25px; padding:5px 0; padding-right:10px;}
.pb-mid{ display:box; display:-webkit-box; padding-right:10px;}
.pd-img{ width:40px; height:40px; margin:10px 10px 10px 0; box-flex:0; -webkit-box-flex:0;}
.pd-img img{ width:40px; height:40px; border-radius:50%;}
.pd-mess{ box-flex:1; -webkit-box-flex:1; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.pd-btn{ width:60px; box-flex:0; -webkit-box-flex:0; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.pd-btn a{ display:block; width:60px; height:25px; line-height:25px; text-align:center; color:#fff; background:#4cd079; font-size:13px; border-radius:4px;}
.pd-bot{ border-top:1px solid #f2f2f2; line-height:40px; padding-right:10px;}
.pd-bot a{ display:inline-block; width:60px; height:30px; line-height:30px; background:#4dcd70; border-radius:4px; text-align:center; color:#fff; float:right; margin-top:5px;}
.pd-bot a.disab{ background:#ccc;}
.scoresr{ line-height:45px; border-top:1px dashed #f2f2f2; border-bottom:1px dashed #f2f2f2; padding:0 15px 0 28px;}
.ti-star { background: url(../images/tip-star.png) no-repeat; text-align: left; width: 157px; background-size: cover; overflow: hidden; background-position: 0 -22px; margin-top:12px; margin-left:15px;}
.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; }
.scoresr li { float: left; width: 31.4px; height: 24px; }
.nxz-voice-hold{ position:absolute; left:10px; bottom:8px;}

html/jkjl/html/add-diet-record.html

@@ -0,0 +1,96 @@
<!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="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" style="background: #FFFFFF;" readonly="readonly" data-code="" id="member">
							</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-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-75BF00 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="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
   	<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/family-members.js"></script>
	<script type="text/javascript" src="../js/health-ssgg.js"></script>
    <script src="../js/upload-diet.js"></script>
	    
</html>

html/jkjl/html/add-drug-record.html

@@ -0,0 +1,182 @@
<!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="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" style="background: #FFFFFF;" readonly="readonly" data-code="" id="member">
							</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-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="请记录用药" readonly="readonly" 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-75BF00 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/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/family-members.js"></script>
    <script type="text/javascript" src="../js/health-ssgg.js?v=1.3.4"></script>
	<script>
		var Request = GetRequest();
		var lastDate = '';
		$(function() {		
			var id = Request['id'],
				date = decodeURIComponent(Request['date']),
				val = decodeURIComponent(Request['val']),
				code = decodeURIComponent(Request['code']);		
			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");
				lastDate = date.substring(0,10);
				
				if (val && date) {
					setTimeout(function(){						
						
					},1000);
				} else {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请填写完整信息'}).show();
					return;					
				}
				var params = {};
				if (id) {
					params.id = id;
					params.type = 3;
					params.value1 = date + ' 00:00:00';
					params.value2 = drug_code;				
					//发送ajax请求
					sendPost("patient/health_record/modifyHealthCare", params, "json", "post", addHealthRecordFailed, addDrugSuccesss);
				} else {
					params.record_date = date;
					params.medicines = drug_code;
					params.medicines_name = val;				
					//发送ajax请求
					sendPost("patient/health_record/add_medication", params, "json", "post", addHealthRecordFailed, addDrugSuccesss);
				}
				
			});			
			function addDrugSuccesss(res) {
				if (res.status == 200) {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'保存成功'}).show(); 
					setTimeout(function () {
					window.location.href='yongyao-view.html?dateT=' + lastDate;
					},2000);
				} else {
					//非200则为失败
					addHealthRecordFailed(res);
				}
			}
			/* 选择日期  */
			$('input')
			var opt1 = {
				preset: 'date',
				theme: 'ios',
				lang: 'zh',
				dateFormat: 'yy-mm-dd',
				minDate: new Date(1900, 01, 01)
			};
			$('input[data-time=date]').mobiscroll(opt1);
			
			
			//初始化时间
			if (id) {
				var date = new Date(date.replace(/\-/g, "/") + ' ' + '00:00:00')
				$("#date").val(date.Format("yyyy-MM-dd"));
			} else {
			
				var date = new Date()
				$("#date").val(date.Format("yyyy-MM-dd"));
			}
			
			sendPost("patient/health_record/medicines","", "json", "post", queryListFailedAdd,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);
					}
				});
				if (id) {
					$('input[data-val="waist"]').val(val);
					$('input[data-val="waist"]').attr("attr_dCode",code);
				}
			}		
		})
	</script>
</html>

html/jkjl/html/add-equipment.html

@@ -0,0 +1,131 @@
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>新增设备</title>
        <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/mui.min.js" ></script>
    </head>
    <body>
        <!--<header class="h45">
            <div class="header-comtop">
                <a class="mui-action-back"></a>
                <h1>新增设备信息</h1>
            </div>
        </header>-->
        <div class="c-list c-border-tb mt10">
            <div class="c-list-div c-list-text">
                <div class="c-list-value mr80">
                    <span>选择设备</span>
                </div>
                <div class="c-list-info">
                    <input type="text" placeholder="请选择设备类别" data-val="type">
                </div>
                <span class="arrow-down"></span>
            </div>
        </div>
        <ul class="c-list c-border-tb mt10">
            <li class="c-list-text">
                <input type="text"  placeholder="请输入设备名称" id="d_name"/>
            </li>
            <li class="c-list-text">
                <input type="text"  placeholder="请输入设备SN码" id="d_sn"/>
            </li>
        </ul>
        <div class="mlr15 mt20">
            <a href="javascript:;" class="btn-green-l" id="btnSave">保存</a>
        </div>
        <script src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
        <link rel="stylesheet" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css" />
        <script type="text/javascript" src="../../../js/common_http.js" ></script>
        
        <script>  
        	var category="";
            $(function(){       
                //获取设备类型的标识和名称
                sendPost("patient/device/category"," ", "json", "post", queryListFailed,device_type_Successs1);
                document.getElementById("btnSave").addEventListener("tap",function () {
                    var params={};
//                  params.code=code;
                    params.category=category;
//                  params.type_name=type_name;
                    params.name=$("#d_name").val();
                    params.sn=$("#d_sn").val();
                    if(!params.category){
                        alert("请选择设备类别");
                        return ;
                    }
                    if(!params.name){
                        alert("请输入设备名称");
                        return ;
                    }
                    if(!params.sn){
                        alert("请输入设备SN码");
                        return ;
                    }                   
                    sendPost("patient/device/add",params, "json", "post", queryListFailed,queryListSuccesss);    
                });
        });
        
        function device_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);                        
                
            }                    
            var opt4 = {
                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){                          
                    console.log(valueText);
                    var dd=eval("["+valueText+"]");
                    category=dd[0].keys; 
                    $('input[data-val=type]').val(dd[0].values);
                },
            };                    
            var ss=$('input[data-val=type]').mobiscroll(opt4);
            
        }
        
        function queryListFailed(res) {
			if (res && res.msg) {
				alert(res.msg);
			} else {
				alert("数据加载失败");
			}
		}
        
        function queryListSuccesss(res) {
			if (res.status == 200) {
				window.location.href="my-equipments.html";				
			} else {
				alert("保存失败");
			}				
		}
        </script>
    </body>
</html>

html/jkjl/html/add-sport-record.html

@@ -0,0 +1,308 @@
<!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="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" style="background: #FFFFFF;" readonly="readonly" data-code="" id="member">
							</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-time="dateRecord" 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="dateSport" 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 c-hide">轻度运动：购物、散步、做操、太极拳、气功等</p>
			<p class="c-f16 c5b plr15 c-hide">中度运动：快走、慢跑、骑车、爬楼梯、健身操等</p>
			<p class="c-f16 c5b plr15 c-hide">稍强度运动：跳绳、爬山、游泳、球类、跳舞等</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 c-btn-75BF00">保存</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/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></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/family-members.js"></script>
    <script type="text/javascript" src="../js/health-ssgg.js?v=1.3.4"></script>
	<script>
		var Request = GetRequest();
		var lastDate = '';
		$(function() {		
			var id = Request['id'],
				type = decodeURIComponent(Request['type']),
				time = decodeURIComponent(Request['time']),
				sports = decodeURIComponent(Request['sports']),
				date = decodeURIComponent(Request['date']);
			
			
			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;
				lastDate = date.substring(0,10);
				if (val && date && time && strong) {
					setTimeout(function(){						
						
					},1000);					
				} else {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请填写完整信息'}).show();
					return;
				}
				var params = {};	
				if (id) {
					//修改
					//发送ajax请求
					params.id = id;
					params.type = 2;
					params.value1 = date + ' ' + '00:00:00';
					params.value2 = time;
					params.value3 = strong_bz;
					params.value4 = val_bz;
					sendPost("patient/health_record/modifyHealthCare", params, "json", "post", addHealthRecordFailed, addSportSuccesss);
				} else {
					//新增
					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, addSportSuccesss);
				}
			});
			function addSportSuccesss(res) {
				if (res.status == 200) {
					window.location.href='yundong-view.html?dateT=' + lastDate;
//					window.location.href='health-record.html?charType=5';
				} else {
					//非200则为失败
					addHealthRecordFailed(res);
				}
			}
			$('input')
			var optrecord = {
				preset: 'date',
				theme: 'ios',
				lang: 'zh',
				dateFormat: 'yy-mm-dd',
				minDate: new Date(1900, 01, 01)
			};
			$('input[data-time=dateRecord]').mobiscroll(optrecord);
			
			//初始化时间
			if (id) {
				var date = new Date(date.replace(/\-/g, "/") + ' ' + '00:00:00')
				$("#yd_date").val(date.Format("yyyy-MM-dd"));
			} else {
				var date = new Date()
				$("#yd_date").val(date.Format("yyyy-MM-dd"));
			}
			
			
			//初始化运动时长
			var optsport = {
				theme: 'ios',
				lang: 'zh',
				formatValue: function(d) {
					return d.join(',');
				},
				customWheels: true,
				wheels: [
					[{
						keys: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9','10','11','12','13','14','15', '16', '17', '18', '19','20', '21', '22', '23', '24'],
						values: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9','10','11','12','13','14','15', '16', '17', '18', '19','20', '21', '22', '23', '24']
					}, {
						keys: ['时'],
						values: ['时']
					}, {
						keys: ['0','15', '30', '45'],
						values: ['0','15', '30', '45']
					}, {
						keys: ['分'],
						values: ['分']
					}]
				],
				onSelect: function(valueText, inst) {
						var dd = eval("[" + valueText + "]");
						//运动时长初始值
						$('#yd_time').val((parseInt(dd[0].values) + (parseInt(dd[2].values)/60)));
						//androidNum();
				},
				onShow: function() {
					
				}
			};
			$('#yd_time').mobiscroll(optsport);		
			if (id) {
				$('#yd_time').val(time);
			}
	
			//初始化运动强度
			sendPost("patient/health_record/sports_type","", "json", "post", queryListFailedAdd,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);
//							
					}
				});
					
				if (id) {
					$('input[data-val="sport"]').val(type);			
					$('input[data-val="sport"]').attr("attr_spType",type == '轻度运动' ? '1' : type == '中度运动' ? '2' : '3');
				}
			}	
			//初始化具体运动
			sendPost("patient/health_record/sports"," ", "json", "post", queryListFailedAdd,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);
					}
				});
					
				if (id) {
					$('input[data-val="sport2"]').val(sports);			
					$('input[data-val="sport2"]').attr("attr_sp",sports == '购物' ? '1' : sports == '散步' ? '2' : sports == '做操' ? '3' : sports == '太极拳' ? '4' : '5');
				}
			}	
					
			$('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/jkjl/html/delete-equipment.html

@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>删除设备</title>
        <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/mui.min.js" ></script>
        <script type="text/javascript" src="../../../js/app.js" ></script>
    </head>
    <body>
        <!--<header class="h45">
            <div class="header-comtop">
                <a class="mui-action-back"></a>
                <h1>我的设备信息</h1>
            </div>
        </header>-->
        <ul id="equ_list" class="c-list c-border-tb mt10">            
            <!--<li class="c-list-text c-list-link">
               <div class="c-list-key">
                    <i class="icon-del mr5"></i>
                    <span>血糖仪</span>
                </div>
               <div class="c-list-info c-t-right">42159451118</div>
               <span class="list-icon arrow-right"></span>
            </li>-->
        </ul>
        <div class="mlr15 mt20">
            <a href="javascript:;" class="btn-green-l" onclick="window.open('add-equipment.html')">添加设备</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" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css"/>
        <script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script src="../js/del-my-equipments.js"></script>        
       
    </body>
</html>

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

@@ -0,0 +1,214 @@
<!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="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;" readonly="readonly" data-code="" id="member">
							</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-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="number" class="form-control width-100 no-border" style="background: #FFFFFF;" placeholder="请输入数值" 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="number" class="form-control width-100 no-border" style="background: #FFFFFF;" placeholder="请输入数值" value="" id="val_l">
							</div>
						</div>
					</li>
				</ul>
			</div>
			<p class="c-f16 c5b plr15 pt10">收缩压 正常范围：<span id="minValue1"></span>-<span id="maxValue1"></span>mmHg</p>
			<p class="c-f16 c5b plr15 pt10">舒张压 正常范围：<span id="minValue2"></span>-<span id="maxValue2"></span>mmHg</p>
			<div class="bottom-box clearfix mt20 plr15">
				<a href="javascript:;" id="save" class="c-btn-full c-btn-75BF00 c-btn-radius fl c-f18">保存</a>
			</div>
		</div>
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.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/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="../css/mobiscroll_numpad.css"/>
	<script src="../js/mobiscroll-2.17.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/isRepresented.js"></script>
	<script src="../js/health-index.js"></script>
	<script>
		var Request = GetRequest();
		$(function() {		
			isRepresent(function(){
				var userAgent = JSON.parse(window.localStorage.getItem(agentName));
				sendPost("patient/family/authorize_members",{}, "json", "get",null,function(res){
					if(res.status == 200){
						if(res.data.length > 0){
							var data=res.data;
							var $member = $('#member')
							//关联被代理人
							if(userAgent.represented){
								var one = _.find(data,function(item){return item.code == userAgent.represented;})
								$member.attr('data-code',one.code);
								$member.val(one.name);
							}else{
								var one = _.find(data,function(item){return item.code == userAgent.uid;})
								$member.attr('data-code',one.code);
								$member.val(one.name);
							}
							nextWork()
						}else{
							dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取家庭成员数据失败'}).show();
						}
					}
				})
			})	
		})
		
		function nextWork(){
			var id = Request['id'],
				code = decodeURIComponent(Request['type']),
				data = decodeURIComponent(Request['time']),
				val1 = decodeURIComponent(Request['val1']),
				val2 = decodeURIComponent(Request['val2']);
			var lastDate = '';
			
			/* 选择日期  */
			var opt1 = {
				preset: 'datetime',
				theme: 'ios',
				lang: 'zh',
				display: "bottom",
				minDate: new Date(1900, 01, 01),
				onSelect: function(valueText, inst) {	
					valueText = valueText.replace("/","-").replace("/","-");
					$("#date").val(valueText);
				}
			};
			$('input[data-time=date]').mobiscroll(opt1);
			//初始化时间
			if (id) {
				var date = new Date(data.replace(/\-/g, "/"))
				$("#date").val(date.Format("yyyy-MM-dd HH:mm"));
			} else {
				var date = new Date()
				$("#date").val(date.Format("yyyy-MM-dd HH:mm"));
			}
			$('#val_h').val(val1);
			$('#val_l').val(val2);
			$("input[type=number]").mobiscroll().numpad({
			    theme: 'ios',
                display: 'bottom',
                lang: 'zh',
                placeholder: '0',
                fill: 'rtl',
                allowLeadingZero: true,
                maxLength: 6,
                maxScale: 2,
                template: 'ddd',
                buttons: ['set','cancel'],
                onSelect: function(valueText, inst){
                    var value = parseFloat(valueText);
                    $(this).val(value);
                }
			})
			//保存
			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;
				lastDate = record_date.substring(0,10);
				if(!record_date){
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请选择记录时间'}).show();
					return ;
				}
				var p = /^[1-9]([0-9])*$/;
				if(!val_h || !p.test(val_h)){
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请输入收缩压,数值为正整数'}).show();
					return ;
				}
				if(!val_l || !p.test(val_l)){
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请输入舒张压,数值为正整数'}).show();
					return ;
				}	
				if (id) {
					editHealthData( eSuccFun, 2, id, record_date,val_h, val_l);
				} else {
					//发送请求到服务器
					addHealthIndex("", record_date+":00", val_h,val_l, 0, 0, 0, 0, 0, 2, eSuccFun);
				}
			})
			//保存回调
			function eSuccFun (res) {
				dd.close();
				if (res.status == 200) {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'保存成功'}).show();
					setTimeout(function () {
						var origin = Request['origin']
						if(origin=="suifang"){
							window.history.back()
						}else{
							window.location.href='xueya-view.html?dateT=' + lastDate;
						}
					},1000)
				} else {
					dialog({contentType:'tipsbox', skin:'bk-popup', content:'保存失败'}).show();
				}
			}
			//查询预警
			sendPost("patient/device/getDeviceStandard", {type:2}, "json", "get",null,function(res){
				if (res.status == 200){
					var list = res.data
					document.getElementById("minValue1").innerHTML = list.minValueSSY;
					document.getElementById("maxValue1").innerHTML = list.maxValueSSY;
					document.getElementById("minValue2").innerHTML = list.minValueSZY;
					document.getElementById("maxValue2").innerHTML = list.maxValueSZY;
				}else{
					dialog({contentType:'tipsbox', skin:'bk-popup', content:'获取预警值失败'}).show();
				}
			})
		}
	</script>
</html>

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

@@ -0,0 +1,288 @@
<!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="wis-fix c-border-b pt15">
				<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" style="background: #FFFFFF;" readonly="readonly" data-code="" id="member">
							</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;" readonly="readonly" 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="" data-code="" 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="number" class="form-control width-100 no-border" placeholder="请输入数值" style="background: #FFFFFF;" readonly="readonly" data-val="weight" value="" id="val">
							</div>
						</div>
					</li>
				</ul>
			</div>
			<p class="c-f16 c5b plr15 pt10">空腹血糖  正常范围(<span id="minValue1"></span>-<span id="maxValue1"></span>mmol/L)</p>
			<p class="c-f16 c5b plr15 pt5">非空腹血糖 正常范围(<span id="minValue2"></span>-<span id="maxValue2"></span>mmol/L)</p>
			<div class="bottom-box clearfix mt20 plr15">
				<a id="save" class="c-btn-full c-btn-75BF00 c-btn-radius fl c-f18">保存</a>
			</div>
		</div>
	</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="../../../js/underscore.js" type="text/javascript" charset="utf-8"></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="../css/mobiscroll_numpad.css"/>
	<script src="../js/mobiscroll-2.17.1.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/isRepresented.js"></script>
	<script src="../js/health-index.js"></script>
	<script>
		var Request = GetRequest();
		$(function() {		
			isRepresent(function(){
				var userAgent = JSON.parse(window.localStorage.getItem(agentName));
				sendPost("patient/family/authorize_members",{}, "json", "get",null,function(res){
					if(res.status == 200){
						if(res.data.length > 0){
							var data=res.data;
							var $member = $('#member')
							//关联被代理人
							if(userAgent.represented){
								var one = _.find(data,function(item){return item.code == userAgent.represented;})
								$member.attr('data-code',one.code);
								$member.val(one.name);
							}else{
								var one = _.find(data,function(item){return item.code == userAgent.uid;})
								$member.attr('data-code',one.code);
								$member.val(one.name);
							}
							nextWork()
						}else{
							dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取家庭成员数据失败'}).show();
						}
					}
				})
			})	
		})
		
		function nextWork(){
			var lastDate = '';
			var id = Request['id'],
				code = decodeURIComponent(Request['type']),
				data = decodeURIComponent(Request['time']),
				val = decodeURIComponent(Request['val']),
				sn = decodeURIComponent(Request['sn']),
				valL = ['早餐前血糖', '早餐后血糖', '午餐前血糖', '午餐后血糖', '晚餐前血糖', '晚餐后血糖', '睡前血糖'];
			
			/* 选择日期  */
			var opt1 = {
				preset: 'datetime',
				theme: 'ios',
				lang: 'zh',
				display: 'bottom',
				dateFormat: 'yy-mm-dd',
        		timeFormat: 'HH:ii',
				onSelect: function(valueText, inst) {
					$("#date").val(valueText);
				}
			};	
				
			//初始化时间
			if (id) {
				var date = new Date(data.replace(/\-/g, "/"))
				$("#date").val(date.Format("yyyy-MM-dd HH:mm"));
			} else {
				var date = new Date()
				$("#date").val(date.Format("yyyy-MM-dd HH:mm"));
			}
			
			var opt3 = { //血糖时间段
				theme: 'ios',
				lang: 'zh',
				display: 'bottom',
				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]').attr("data-code", valueText)
					var text = "";
					switch (valueText) {
                        case "1":
                            text = "早餐前血糖";
                            break;
                        case "2":
                            text = "早餐后血糖";
                            break;
                        case "3":
                            text = "午餐前血糖";
                            break;
                        case "4":
                            text = "午餐后血糖";
                            break;
                        case "5":
                            text = "晚餐前血糖";
                            break;
                        case "6":
                            text = "晚餐后血糖";
                            break;
                        case "7":
                            text = "睡前血糖";
                            break;
                    }
					$('input[data-val=xuetang]').val(text);
				},
				onShow: function() {
				}
			};
			var xt = $('input[data-val=xuetang]').mobiscroll(opt3);
			if (id) {
				$('input[data-val=xuetang]').attr("data-code", code)
				$('input[data-val=xuetang]').val(valL[code-1]);
			}
			
			if (sn != 1) {
				$('input[data-time=date]').mobiscroll(opt1);
				$("#val").mobiscroll().numpad({
				    theme: 'ios',
	                display: 'bottom',
	                lang: 'zh',
	                placeholder: '0',
	                fill: 'rtl',
	                allowLeadingZero: true,
	                maxLength: 4,
	                maxScale: 1,
	                template: 'dd.d',
	                buttons: ['set','cancel'],
	                onSelect: function(valueText, inst){
	                    var value = parseFloat(valueText);
	                    $(this).val(value);
	                }
				})	
			}
			if (id) {
				$("#val").val(val);
			}
			//保存	
			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 = val;
				var value2 = 0;
				var value3 = 0;
				var value4 = 0;
				var value5 = 0;
				var value6 = 0;
				var value7 = 0;
				
				lastDate = record_date.substring(0,10);
				console.log(lastDate);
				value2 = parseInt($("#type").attr('data-code'));
				if(!record_date){
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请选择记录日期'}).show();
					return ;
				}
				if(!type_str){
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请选择时间段'}).show();
					return ;
				}
				var p = /^[0-9]+([.]{1}[0-9]{0,1})?$/;
				if (sn != 1) {
					if(!val || !p.test(val)){
						dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请输入正确的测量值，允许一位小数'}).show();
						return ;
					}	
				}	
				if (id) {
					editHealthData( eSuccFun, 1, id, record_date,value2, val);
				} else {
					addHealthIndex("", record_date,value1, value2, value3, value4, value5, value6, value7, 1, eSuccFun);
				}
			})
			function eSuccFun(res){
				dd.close();
				if (res.status == 200) {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'保存成功'}).show();
					setTimeout(function () {
					    var origin = Request['origin']
						if(origin=="suifang"){
							window.history.back()
						}else{
							window.location.href='xuetang-view.html?dateT=' + lastDate;
						}
					},1000)
				} else {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup', content:'保存失败'}).show();
				}
			}
			//查询预警
			sendPost("patient/device/getDeviceStandard", {type:1}, "json", "get",null,function(res){
				if (res.status == 200){
					var list = res.data
					document.getElementById("minValue1").innerHTML = list.minValueBefore;
					document.getElementById("maxValue1").innerHTML = list.maxValueBefore;
					document.getElementById("minValue2").innerHTML = list.minValueAfter;
					document.getElementById("maxValue2").innerHTML = list.maxValueAfter;
				}else{
					dialog({contentType:'tipsbox', skin:'bk-popup', content:'获取预警值失败'}).show();
				}
			})
		}
	</script>
</html>

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

@@ -0,0 +1,152 @@
<!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="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" style="background: #FFFFFF;" readonly="readonly" data-code="" id="member">
							</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-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="number" class="form-control width-100 no-border" placeholder="请输入数值" style="background: #FFFFFF;" data-val="weight" 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-75BF00 c-btn-radius fl c-f18">保存</a>
			</div>
		</div>
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../js/mobiscroll-2.17.1.js" type="text/javascript" charset="utf-8"></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/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/family-members.js"></script>
	<script src="../js/health-index.js?v=1.3.4"></script>
	<script>
		var Request = GetRequest();
		var id = Request['id'],
			val1 = decodeURIComponent(Request['val']),
			data = decodeURIComponent(Request['time']);
		var lastDate = '';
		$(function() {
			//获取家庭成员
			Promise.all([familyAllMembers()]).then(function(data){
				var $member = $("#member");
				var arr_code=_.pluck(data[0], 'code');
			    var arr_name=_.pluck(data[0], 'name');
				//关联被代理人
				if(userAgent.represented){
					var one = _.find(data[0],function(item){return item.code == userAgent.represented;})
					$member.attr('data-code',one.code);
					$member.val(one.name);
				}else{
					$member.attr('data-code',arr_code[0]);
					$member.val(arr_name[0]);
				}
			})
			
			document.getElementById("save").addEventListener("tap", function() {
				var record_date = document.getElementById("date").value;
				console.log(record_date);
				var val = document.getElementById("val").value;
				lastDate = record_date.substring(0,10);
				console.log(lastDate);
				if(!record_date){
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请选择记录时间'}).show();
					return ;
				}
				var p = /^[0-9]+([.]{1}[0-9]{0,1})?$/;
				if(!val || !p.test(val)){
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请输入正确的腰围，允许一位小数'}).show();
					return ;
				}
				if (id) {
					editHealthData( eSuccFun, 3, id, record_date,val);
				} else {
					addHealthIndex("", record_date, val, 0, 0, 0, 0, 0, 0, 4, eSuccFun);
				}
			})
		});
		function eSuccFun(res){
			dd.close();
			if (res.status == 200) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'保存成功'}).show();
				setTimeout(function () {
					window.location.href='yaowei-view.html?dateT=' + lastDate; 
				},1000)
			} else {
				dialog({contentType:'tipsbox', skin:'bk-popup', content:'保存失败'}).show()
			}
		}
		$(function() {
			/* 选择日期  */
            var opt1 = {
                            preset: 'datetime',
                            theme: 'ios',
                            lang: 'zh',
                            display: 'bottom',
                            dateFormat: 'yy-mm-dd',
                            timeFormat: 'HH:ii',
                            onSelect: function(valueText, inst) {
                                $("#date").val(valueText);
                            }
                        };  
			$('input[data-time=date]').mobiscroll(opt1); 
			//初始化时间
			if (id) {
                var date = new Date(data.replace(/\-/g, "/"))
                $("#date").val(date.Format("yyyy-MM-dd HH:mm"));
            } else {
                var date = new Date()
                $("#date").val(date.Format("yyyy-MM-dd HH:mm"));
            }
		})
	</script>
</html>

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

@@ -0,0 +1,236 @@
<!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="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" style="background: #FFFFFF;" readonly="readonly" data-code="" id="member">
							</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-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="height" value="" id="hval">
                            </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-75BF00 c-btn-radius fl c-f18">保存</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/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="../css/mobiscroll_numpad.css"/>
	<script src="../js/mobiscroll-2.17.1.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/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/family-members.js"></script>
	<script src="../js/health-index.js?v=1.3.4"></script>
	<script>
		var Request = GetRequest();
		var id = Request['id'],
			val1 = decodeURIComponent(Request['val']);
			data = decodeURIComponent(Request['time']);
	    var lastDate = Request['dateT'];
		$(function() {
			//获取家庭成员
			Promise.all([familyAllMembers()]).then(function(data){
				var $member = $("#member");
				var arr_code=_.pluck(data[0], 'code');
			    var arr_name=_.pluck(data[0], 'name');
				//关联被代理人  
				if(userAgent.represented){
					var one = _.find(data[0],function(item){return item.code == userAgent.represented;})
					$member.attr('data-code',one.code);
					$member.val(one.name);
				}else{
					$member.attr('data-code',arr_code[0]);
					$member.val(arr_name[0]);
				}
			})
			
			document.getElementById("save").addEventListener("tap", function() {
			    //记录时间
				var record_date = document.getElementById("date").value;
				//记录身高值
				console.log(record_date);
				var hval = document.getElementById('hval').value;
				//记录体重值
				var val = document.getElementById("val").value; 
//				lastDate = record_date.substring(0,10); 
				hval = hval.replace("cm",""); 
				val = val.replace("kg","");
				if(!record_date){
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请选择记录时间'}).show();
					return ;
				}if(!val||!hval){
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请输入正确的身高体重值'}).show();
					return ;
				}
				if (id) {  
					editHealthData( eSuccFun, 3, id, record_date,val);
				} else {
					addHealthIndex("", record_date, val, hval, 0, 0, 0, 0, 0, 3, eSuccFun);  
				}
			})
		});
		function eSuccFun(res){
			dd.close();
			if (res.status == 200) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'保存成功'}).show();
				setTimeout(function () {
					window.location.href='tizhong-view.html?dateT=' + lastDate; 
				},2000)
			} else {
				dialog({contentType:'tipsbox', skin:'bk-popup', content:'保存失败'}).show();
			}
		}
		$(function() {
			/* 选择日期  */
//			$('input')
//			var opt1 = {
//				preset: 'date',
//				theme: 'ios',
//				lang: 'zh',
//				display: 'bottom',
//				dateFormat: 'yy-mm-dd',
//				timeFormat: 'HH:ii',
//				minDate: new Date(1900, 01, 01), 
//			};
var opt1 = {
                preset: 'datetime',
                theme: 'ios',
                lang: 'zh',
                display: 'bottom',
                dateFormat: 'yy-mm-dd',
                timeFormat: 'HH:ii',
                onSelect: function(valueText, inst) {
                    $("#date").val(valueText);
                }
            };  
                
			$('input[data-time=date]').mobiscroll(opt1); 
				//初始化时间
			if (id) {
				var date = new Date(data.replace(/\-/g, "/"));
				$("#date").val(date.Format("yyyy-MM-dd HH:mm"));
			} else {
				var date = new Date();
				$("#date").val(date.Format("yyyy-MM-dd HH:mm"));
			}
			/*************体重*****************/
			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();
					}
				}
			}
			
			if (id) {
				$('#val').val(val1);
			}
			//键入身高值
			$("input[data-val=height]").mobiscroll().numpad({
                theme: 'ios',
                display: 'bottom',
                lang: 'zh',
                placeholder: '0',
                fill: 'rtl',
                allowLeadingZero: true,
                maxLength: 6,
                maxScale: 2,
                template: 'ddd',
                defaultValue: "90",
                buttons: ['set','cancel'],
                onSelect: function(valueText, inst){
                    var value = parseFloat(valueText);
                    $(this).val(value+"cm");
                }
            });
            //键入体重值
            $("input[data-val=weight]").mobiscroll().numpad({
                theme: 'ios',
                display: 'bottom',
                lang: 'zh',
                placeholder: '0',
                fill: 'rtl',
                allowLeadingZero: true,
                maxLength: 6,
                maxScale: 2,
                template: 'ddd.d',
                defaultValue: "90",
                buttons: ['set','cancel'],
                onSelect: function(valueText, inst){
                    var value = parseFloat(valueText);
                    $(this).val(value+"kg");
                }
            });
		})
	</script>
</html>

html/jkjl/html/health-record-info.html

@@ -0,0 +1,72 @@
<!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="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.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/iscroll.css" />
    <!--<link rel="stylesheet" type="text/css" href="../../../widget/switchery/switchery.css">-->	
	<!--<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">-->
	<link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.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/health-record-info.css"/>
</head>
<body>
	<div id="wrapper">
		<div id="scroller">
			<ul class="h-tab">
				<li class="active"><a href="javascript:;">趋势图</a></li>
				<li><a href="javascript:;">列表</a></li>
			</ul>
			<!--趋势图-->
			<div id="h-chart" class="h-tab-con">
				<ul class="h-sel">
					<li class="active">7天</li>
					<li>30天</li>
					<li>90天</li>
					<li>半年</li>
				</ul>
				<ul class="h-sel">
					<li class="active">早餐前</li>
					<li>早餐后</li>
					<li>午餐前</li>
					<li>午餐后</li>
					<li>晚餐前</li>
					<li>晚餐后</li>
					<li>睡前</li>
				</ul>
				<ul class="h-sta">
					<li class="h-sta-normal"><label>正常：</label><span>2次</span></li>
					<li class="h-sta-hei"><label>偏高：</label><span>2次</span></li>
					<li class="h-sta-low"><label>偏低：</label><span>2次</span></li>
				</ul>
				<div></div>
				<div class="h-time">< <span>2017-04-08</span> 至  <span>2017-04-14</span> ></div>
			</div>
			<!--列表-->
			<div id="h-list" class="h-tab-con">
				
				
				
			</div>
		</div>
	</div>
	
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<!--<script type="text/javascript" src="../../../widget/switchery/switchery.js"></script>-->
	<script type="text/javascript" src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
	<!--<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>-->
	<script src="../../../widget/echarts/echarts.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../js/health-record-info.js"></script>
</body>
</html>

html/jkjl/html/health-record-new.html

@@ -0,0 +1,220 @@
<!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="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <link rel="stylesheet" type="text/css" href="../css/health-record-new.css" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
</head>
<body> 
	<div id="wrapper">
	    <ul class="c-lab-mor pt-tab c-f16">
	        <li id="tizhengLi" class="hit"><a href="javascript:void(0)">体征记录</a></li>
	        <li id="healthLi"><a href="javascript:void(0)">保健记录</a></li>
	    </ul>      
	</div>
    <div id="tizhengList" class="ptb10 plr10">
    	<!--体征记录-->
    </div>
    <div id="baojianList" class="c-hide ptb10 plr10">
    	<!--保健记录-->
    	<ul class="c-list" style="border: 1px solid #dcdcdc; border-radius: 8px;">   
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	运动
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090"></span></h4>
                    <p><span class="c-f12 c-909090"></span></p>
                </div>
                <div class="c-list-key"> 
                	<span class="c-f18 item-value"></span>
                	<img class="high-icon c-hide" src="../images/zhibiao_gao_icon.png" width="7" height="12"/>
                	<img class="low-icon c-hide" src="../images/zhibiao_di_icon.png" width="7" height="12"/>
                </div>
            </li>
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	用药
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">2017-04-21</span></h4>
                    <p><span class="c-f12 c-909090">手动记录</span></p>
                </div>
                <div class="c-list-key"> 54.9 </div>
            </li>
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	饮食
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">2017-04-21</span></h4>
                    <p><span class="c-f12 c-909090">手动记录</span></p>
                </div>
                <div class="c-list-key">
                	<span class="c-dcdcdc">暂无记录</span>
                </div>
            </li>
        </ul>
    </div>
    <div id="footer">
		<div class="f-vam f-mr10 add-icon f-ib div-add-btn"></div>
	</div>
	<!--体征记录tmp-->
	<script type="text/html" id="tizheng_list_temp">
		<ul class="c-list" style="border: 1px solid #dcdcdc; border-radius: 8px;">   
            <li class="c-list-cover ptb8">
                <div class="c-list-key c-f18">
                   	血糖
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap">
                    	<span class="c-f12 c-909090">{{xuetang.recordDate}}</span>
                    	{{if xuetang.recordType}}<span class="c-f12 c-909090 pl5 pr5">|</span>{{/if}}
                    	<span class="c-f12 c-909090">{{xuetang.during}}</span>
                    </h4>
                    <p><span class="c-f12 c-909090">{{xuetang.recordType}}</span></p>
                </div>
                <div class="c-list-key {{xuetang.levelClazz}}"> 
                	{{if xuetang.value}}
                		<span class="c-f18 item-value">{{xuetang.value}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                	<img class="high-icon c-hide" src="../images/zhibiao_gao_icon.png" width="7" height="12"/>
                	<img class="low-icon c-hide" src="../images/zhibiao_di_icon.png" width="7" height="12"/>
                </div>
            </li>
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	血压
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">{{xueya.recordDate}}</span></h4>
                    <p><span class="c-f12 c-909090">{{xueya.recordType}}</span></p>
                </div>
                <div class="c-list-key ">
                	{{if xueya.value1 && xueya.value2}}
                		<span class="c-f18 item-value">{{xueya.value1}}/{{xueya.value2}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                	<img class="high-icon c-hide" src="../images/zhibiao_gao_icon.png" width="7" height="12"/>
                	<img class="low-icon c-hide" src="../images/zhibiao_di_icon.png" width="7" height="12"/>
                </div>
            </li>
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	体重
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">{{tizhong.recordDate}}</span></h4>
                    <p><span class="c-f12 c-909090">{{tizhong.recordType}}</span></p>
                </div>
                <div class="c-list-key">
                	{{if tizhong.value1}}
                		<span class="c-f18 item-value">{{tizhong.value1}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                </div>
            </li>
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	腰围
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">{{yaowei.recordDate}}</span></h4>
                    <p><span class="c-f12 c-909090">{{yaowei.recordType}}</span></p>
                </div>
                <div class="c-list-key">
                	{{if yaowei.value1}}
                		<span class="c-f18 item-value">{{yaowei.value1}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                </div>
            </li>
        </ul>
	</script>
	<!--保健记录tmp-->
	<script type="text/html" id="baojian_list_tmp">
		<ul class="c-list" style="border: 1px solid #dcdcdc; border-radius: 8px;">   
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	运动
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">{{yundong.sortDate}}</span></h4>
                    <p><span class="c-f12 c-909090">手动记录</span></p>
                </div>
                <div class="c-list-key"> 
                	{{if yundong.sports_time}}
                		<span class="c-f18 item-value">{{yundong.sports_time}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                </div>
            </li>
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	用药
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">{{yongyao.recordDate}}</span></h4>
                    <p><span class="c-f12 c-909090">手动记录</span></p>
                </div>
                <div class="c-list-key">
                	{{if yongyao.medication}}
                		<span class="c-f18 item-value">{{yongyao.medication}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                </div>
            </li>
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	饮食
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">{{yinshi.recordDate}}</span></h4>
                    <p><span class="c-f12 c-909090">手动记录</span></p>
                </div>
                <div class="c-list-key">
                	{{if yinshi.diet}}
                		<span class="c-f18 item-value">{{yinshi.diet}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                </div>
            </li>
        </ul>
	</script>
	
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/app.js"></script>	
	<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../../../widget/echarts/echarts.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script type="text/javascript" src="../js/health-record-new.js"></script>	
</body>
</html>

html/jkjl/html/health-record.html

@@ -0,0 +1,277 @@
<!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="../../../css/iscroll.css"/>    
    <link rel="stylesheet" type="text/css" href="../../../css/cross.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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <link rel="stylesheet" type="text/css" href="../css/health-record-new.css" />
    <link rel="stylesheet" type="text/css" href="../css/health-record.css?11=11" /> 
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <style type="text/css">
		.c-list-cover{
    		height: 60px;
    	}
    	#wrapper2{
    		top: 40px;
    	}
    </style>
</head>
<body> 
	<div id="memberContainer" style="height: 90px;"></div>
	<div id="wrapper">
	    <ul class="c-lab-mor pt-tab c-f16 j-tab-select">
	        <li id="tizhengLi"><a href="javascript:void(0)">体征记录</a></li>
	        <li id="shebeiLi"><a href="javascript:void(0)">体征设备</a></li>
	        <li id="healthLi"><a href="javascript:void(0)">保健记录</a></li> 
	    </ul>  
	    <div id="tizhengList" class="c-hide ptb10 plr10 pt-tab-list">
	    	<!--体征记录-->
	    </div> 
	    <div id="shebeiList" class="c-hide ptb10 plr10 pt-tab-list">
	        <!--体征设备-->
	            <div id="wrapper2"> 
	                <div class="iScroller">
	                    <div class="bgc-fff mb20">
	                        <ul class="c-list Equipment"></ul>
	                    </div>  
	                </div>
	            </div>
	        
	        <!--我的无数据，信息显示-->
	         <div class="div-no-info f-dn" style="padding-top:30px;">
	            <div class="div-img"></div>
	            <div class="div-tishi-info">绑定您的智能设备，<br/>将会获得医生的实时关注与指导。</div>
	            <div class="bottom-box clearfix">
	            </div>
	        </div>
	    </div>
	    
	    <div id="baojianList" class="c-hide ptb10 plr10 pt-tab-list">
	    	<!--保健记录-->
	    	<ul class="c-list" style="border: 1px solid #dcdcdc; border-radius: 8px;">   
	            <li class="c-list-cover ptb8">
	                <div class="c-list-key">
	                   	运动
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap"><span class="c-f12 c-909090"></span></h4>
	                    <p><span class="c-f12 c-909090"></span></p>
	                </div>
	                <div class="c-list-key"> 
	                	<span class="c-f18 item-value"></span>
	                	<img class="high-icon c-hide" src="../images/zhibiao_gao_icon.png" width="7" height="12"/>
	                	<img class="low-icon c-hide" src="../images/zhibiao_di_icon.png" width="7" height="12"/>
	                </div>
	            </li>
	            <li class="c-list-cover ptb8">
	                <div class="c-list-key">
	                   	用药
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap"><span class="c-f12 c-909090">2017-04-21</span></h4>
	                    <p><span class="c-f12 c-909090">手动记录</span></p>
	                </div>
	                <div class="c-list-key"> 54.9 </div>
	            </li>
	            <li class="c-list-cover ptb8">
	                <div class="c-list-key">
	                   	饮食
	                </div>
	                <div class="c-list-info">
	                    <h4 class="c-nowrap"><span class="c-f12 c-909090">2017-04-21</span></h4>
	                    <p><span class="c-f12 c-909090">手动记录</span></p>
	                </div>
	                <div class="c-list-key">
	                	<span class="c-dcdcdc">暂无记录</span>
	                </div>
	            </li>
	        </ul>
	    </div>
	</div>
    
	
  	<div id="footer">
		<div class="f-vam f-mr10 add-icon f-ib div-add-btn"></div>
	</div>
	<!--//体征-->
    <div class="div-dialog-content div-tizhengtezheng f-dn">
		<div class="f-vam f-mr10 addxuetang f-ib"></div>
		<div class="f-vam f-mr10 addxueya f-ib"></div>
		<div class="f-vam f-mr10 addtizhong f-ib"></div>
		<div class="f-vam f-mr10 addyaowei f-ib"></div>
		<div class="f-vam f-mr10 addshebei f-ib"></div>
		<div class="f-vam f-mr10 quxiao f-ib"></div>
	</div>
	<!--设备-->
	<div class="div-dialog-content div-tizhengshebei f-dn">
        <div class="f-vam f-mr10 xuetangyi-icon f-ib"></div>
        <div class="f-vam f-mr10 xueyaji-icon f-ib"></div>
        <div class="f-vam f-mr10 quxiao f-ib"></div>
    </div>
	<!--//保健-->
	<div class="div-dialog-content div-baojianjilu f-dn">
		<div class="f-vam f-mr10 addyundong f-ib"></div>
		<div class="f-vam f-mr10 addyongyao f-ib"></div>
		<div class="f-vam f-mr10 addyinshi f-ib"></div>
		<div class="f-vam f-mr10 quxiao f-ib"></div>
	</div>
	<div class="modal-overlay"></div>
	<!--体征记录tmp-->
	<script type="text/html" id="tizheng_list_temp">
		<ul class="c-list" style="border: 1px solid #dcdcdc; border-radius: 8px;">   
            <li class="c-list-cover ptb8">
                <div class="c-list-key c-f18">
                   	血糖 
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap">
                    	<span class="c-f12 c-909090">{{xuetang.recordDate}}</span>
                    	{{if xuetang.during}}<span class="c-f12 c-909090 pl5 pr5">|</span>{{/if}}
                    	<span class="c-f12 c-909090">{{xuetang.during}}</span>
                    </h4>
                    <p><span class="c-f12 c-909090">{{xuetang.recordType}}</span></p>
                </div>
                <div class="c-list-key {{xuetang.levelClazz}}"> 
                	{{if xuetang.value}}
                		<span class="c-f18 item-value">{{xuetang.value}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                	<img class="high-icon c-hide" src="../images/zhibiao_gao_icon.png" width="7" height="12"/>
                	<img class="low-icon c-hide" src="../images/zhibiao_di_icon.png" width="7" height="12"/>
                </div>
            </li>
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	血压
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">{{xueya.recordDate}}</span></h4>
                    <p><span class="c-f12 c-909090">{{xueya.recordType}}</span></p>
                </div>
                <div class="c-list-key {{xueya.levelClazz}}">
                	{{if xueya.value1 && xueya.value2}}
                		<span class="c-f18 item-value">{{xueya.value1}}/{{xueya.value2}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                	<img class="high-icon c-hide" src="../images/zhibiao_gao_icon.png" width="7" height="12"/>
                	<img class="low-icon c-hide" src="../images/zhibiao_di_icon.png" width="7" height="12"/>
                </div>
            </li>
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	身高体重
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">{{tizhong.recordDate}}</span></h4>
                    <p><span class="c-f12 c-909090">{{tizhong.recordType}}</span></p>
                </div>
                <div class="c-list-key">
                	{{if tizhong.value1}}
                		<span class="c-f18 item-value">{{tizhong.value2}}/{{tizhong.value1}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                </div>
            </li>
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	腰围
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">{{yaowei.recordDate}}</span></h4>
                    <p><span class="c-f12 c-909090">{{yaowei.recordType}}</span></p>
                </div>
                <div class="c-list-key">
                	{{if yaowei.value1}}
                		<span class="c-f18 item-value">{{yaowei.value1}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                </div>
            </li>
        </ul>
	</script>
	<!--保健记录tmp-->
	<script type="text/html" id="baojian_list_tmp">
		<ul class="c-list" style="border: 1px solid #dcdcdc; border-radius: 8px;">   
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	运动
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">{{yundong.recordDate}}</span></h4>
                    <p><span class="c-f12 c-909090">{{yundong.recordType}}</span></p>
                </div>
                <div class="c-list-key"> 
                	{{if yundong.sports_time}}
                		<span class="c-f18 item-value">{{yundong.sports}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                </div>
            </li>
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	用药
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">{{yongyao.recordDate}}</span></h4>
                    <p><span class="c-f12 c-909090">{{yongyao.recordType}}</span></p>
                </div>
                <div class="c-list-key">
                	{{if yongyao.medication}}
                		<span class="c-f18 item-value">{{yongyao.medication}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                </div>
            </li>
            <li class="c-list-cover ptb8">
                <div class="c-list-key">
                   	饮食
                </div>
                <div class="c-list-info">
                    <h4 class="c-nowrap"><span class="c-f12 c-909090">{{yinshi.recordDate}}</span></h4>
                    <p><span class="c-f12 c-909090">{{yinshi.recordType}}</span></p>
                </div>
                <div class="c-list-key">
                	{{if yinshi.diet}}
                		<span class="c-f18 item-value">{{yinshi.diet}}</span>
                		{{else}}
                		<span class="c-dcdcdc">暂无记录</span>
                	{{/if}}
                </div>
            </li>
        </ul>
	</script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/app.js"></script>	
	<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../../../widget/echarts/echarts.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../../../js/iscroll-probe.js"></script>
    <script src="../../../js/iscroll-pull-up-down.js"></script>
	<script src="../../../js/family-members.js"></script> 
	<script type="text/javascript" src="../js/health-record-new.js"></script>
</body>
</html>

html/jkjl/html/my-equipments.html

@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>我的设备</title>
        <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/common_http.js" ></script>
        <script type="text/javascript" src="../../../js/app.js" ></script>
        <script type="text/javascript" src="../../../js/mui.min.js" ></script>
    </head>
    <body>
        <!--<header class="h45">
            <div class="header-comtop">
                <a class="mui-action-back"></a>
                <h1>我的设备</h1>
                <a id="delEquip" class="operate" onclick="openWebview('delete-equipment.html')">删除</a>
            </div>
        </header>-->
        <ul id="equ_list" class="c-list c-border-tb mt10">
            <!--<li class="c-list-text c-list-link" >
               <div class="c-list-key" style="margin:0 auto;">您还没有设备，赶快添加吧</div>               
            </li>-->
            
            
        </ul>
        <div class="mlr15 mt20" >
            <a id="add_device" href="javascript:;" class="btn-green-l" onclick="window.open('add-equipment.html')">添加设备</a>
           <div style="height: 5px;"></div>
            <a id="delEquip" class="btn-green-l operate" style="background: coral;" onclick="window.open('delete-equipment.html')">删除</a>
        </div>
        <!--<a  >删除</a>-->
        <script src="../../../js/jquery/2.1.3/jquery.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/mui.min.js"></script>
        <script src="../js/my-equipments.js"></script>
        
    </body>
</html>

html/jkjl/html/tizhong-view.html

@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>身高体重</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
        <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
        <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" /> 
        <link rel="stylesheet" type="text/css" href="../css/myBody-info.css" /> 
	</head>
	<body>
	    <div id="mainContent">
            <div id="wrapper" style="top: 0px;">
                <div class="iScroller">
    	           <div class="Record">近一年历史记录</div>
                    <ul id="j-card-list" class="mm-card-list"> 
                    </ul> 
                </div>
            </div>
        </div> 
        <!--新增按钮跳转添加--> 
        <div id="footer">
            <div class="f-vam f-mr10 add-icon f-ib div-add-btn"></div>
        </div>
        
    <!--无数据-->
    <div class="div-no-info">
        <div class="div-img"></div>
        <div class="div-tishi-info">暂无数据</div> 
    </div>
    <!--身高体重tem-->
    <script type="text/html" id="list_tmp">
        {{each data as v i}}
        <li>
            <div class="up">{{v.date}}</div>
            <div class="down"> 
                <p class="title"></p>
                <div class="name">
                    <table style="width:100%;">  
                        <tr>
                            <td>体重：{{v.value1}}KG</td>
                        </tr>
                        {{if v.value2}}
                         <tr>
                            <td>身高：{{v.value2}}CM</td>
                        </tr>
                        {{/if}}
                    </table>
                </div> 　
                {{if v.value4 == -1 && v.value3}}
                <div class="address">BMI&nbsp;{{v.value3}}&nbsp;偏胖</div>
                {{else if v.value4 == 0 && v.value3}}
                <div class="address">BMI&nbsp;{{v.value3}}&nbsp;正常</div>
                {{else if v.value4 == 1 && v.value3}}
                <div class="address">BMI&nbsp;{{v.value3}}&nbsp;偏瘦</div>
                {{/if}}
            </div>
        </li> 
        {{/each}}
    </script>
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <script src="../../../js/mui.min.js"></script>
	<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
    <script type="text/javascript" src="../../../js/common_http.js" ></script>
    <script src="../../../js/template.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/iscroll-probe.js"></script>
    <script src="../../../js/iscroll-pull-up-down.js"></script>
    <script src="../js/myBody-info.js"></script>
	</body>
</html>

html/jkjl/html/tizhong-view.html-

@@ -0,0 +1,147 @@
<!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="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="../css/xuetang-view.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/health-record-info.css"/>
    <link rel="stylesheet" type="text/css" href="../css/health-record.css?v=1.3.4" />
	<style type="text/css">
		.swiper-container{
		    overflow: inherit;
		    padding-bottom: 53px;
		}
		.c-time{
			width: 100%;
			padding: 25px 0 10px 0;
			color: #323232;
			font-size: 12px;
			text-align: center;
			background: #fff;
		}
		#wrapper6{
		    position: fixed;
		    width: 100%;
		    top: 107px;
		    bottom: 0;
		    overflow: hidden;
		}
		
		.iScroller{
			padding-bottom: 70px;
		}
	</style>
</head>
<body> 
	<div class="c-les-hold pt15">
        <div class="c-les-div bgc-f3f3f3 plr10">
            <ul id="viewTabs" class="c-lab-les c-radius-8 c-f15 bgc-fff">
                <li class="curr"><a href="javascript:;">趋势图</a></li>
                <li><a href="javascript:;">列表</a></li>
            </ul>
        </div>
    </div>
    <!--趋势图-->
	<div id="qushiView">
		<div class="plr5 mt15 c-border-t bgc-fff ptb5">
			<ul class="c-blocks-4 option-card c-t-center c-f14" id="selDate">
		        <li class="ptb5 plr10 curr" data-days="7">
		        	<p>7天</p>
		        </li>
		        <li class="ptb5 plr10" data-days="30">
		        	<p>30天</p>
		        </li>
		        <li class="ptb5 plr10" data-days="90">
		        	<p>90天</p>
		        </li>
		        <li class="ptb5 plr10" data-days="180">
		        	<p>半年</p>
		        </li>
		   </ul>
		</div>
		<div  class="bgc-fff">
			<div class="swiper-container">
				<ul class="swiper-wrapper">
					
				</ul>
			</div>	
		</div>
	</div>
	<!--列表-->
	<div id="liebiaoView" style="display: none;margin-top: 15px;">
		<ul class="xy-list">
			<li class="xy-list-tit">
				<div class="xy-time xy-tit-time">时间</div>
				<div class="xy-ssy">体重</div>
			</li>
		</ul>
		<div id="wrapper6">
			<div class="iScroller">
				<!--列表数据-->
				<ul class="xy-list xy-list-con">
				</ul>
			</div>
		</div>
	</div>
	<div class="btns" style="display: none;">
		<a class="cancel-btn" href="javascript:;">取消</a>
		<a class="ok-btn" href="javascript:;">完成</a>
	</div>
	<div class="xt-edit" style="display: none;">
		<a href="javascript:;">编辑</a>
	</div>
	
	<div class="xt-add">
		<a href="health-index-add-weight.html">添加</a>
	</div>
	
	<div class="pop-main"></div>
	<div class="pop-btns">
		<div class="pop-btn pop-edit-btn">修改</div>
		<div class="pop-btn pop-del-btn">删除</div>
		<div class="pop-btn pop-cancel-btn">取消</div>
	</div>
	<script type="text/html" id="xyTmp">
		{{each data as o}}
			<li class="xy-item l-item" data-id="{{o.id}}" data-sn="{{o.deviceSn}}" data-time="{{o.date}}" data-val="{{o.value1}}">
				<div class="l-edit-icon"></div>
				<div class="xy-time">{{o.date}}</div>
				<div class="xy-ssy">{{o.value1}}</div>
			</li>
		{{/each}}
	</script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/app.js"></script>	
	<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../../../widget/echarts/echarts.js"></script>
	<script src="../../../js/iscroll-probe.js"></script>
	<script src="../../../js/iscroll-pull-up-down.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
	<script src="../../../js/family-members.js"></script>
	<script type="text/javascript" src="../js/health-index.js?v=1.3.4"></script>
	<script type="text/javascript" src="../js/health-chart.js"></script>
	<script type="text/javascript" src="../js/tizhong-view.js?v=1.3.4"></script>	
</body> 
</html>

html/jkjl/html/xuetang-view.html

@@ -0,0 +1,292 @@
<!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="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="../css/xuetang-view.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/health-record-info.css"/>
    <link rel="stylesheet" type="text/css" href="../css/health-record.css?11=11" />
    <style type="text/css">
    	#footer, .xt-edit, .xt-add{
    		position: fixed;
    	}
		.swiper-container{
		    overflow: inherit;
		    padding-bottom: 53px;
		}
		.c-time{
			width: 100%;
			padding: 25px 0 10px 0;
			color: #323232;
			font-size: 12px;
			text-align: center;
			background: #fff;
		}
		#wrapper6{
		    position: fixed;
		    width: 100%;
		    top: 70px;
		    bottom: 0;
		    overflow: hidden;
		}
		.iScroller{
			padding-bottom: 70px;
		}
    </style>
</head>
<body> 
	<div class="c-les-hold pt15">
        <div class="c-les-div bgc-f3f3f3 plr10">
            <ul id="viewTabs" class="c-lab-les c-radius-8 c-f15 bgc-fff">
                <li class="curr"><a href="javascript:;">趋势图</a></li>
                <li><a href="javascript:;">列表</a></li>
            </ul>
        </div>
    </div>
    <!--趋势图-->
	<div id="qushiView">
		<div class="plr5 mt15 c-border-t bgc-fff ptb5">
			<ul class="c-blocks-4 option-card c-t-center c-f14" id="selDate">
		        <li class="ptb5 plr10 curr" data-days="7">
		        	<p>7天</p>
		        </li>
		        <li class="ptb5 plr10" data-days="30">
		        	<p>30天</p>
		        </li>
		        <li class="ptb5 plr10" data-days="90">
		        	<p>90天</p>
		        </li>
		        <li class="ptb5 plr10" data-days="180">
		        	<p>半年</p>
		        </li>
		    </ul>
		   
		</div>
		<div id="duringList" class="c-border-t bgc-fff ptb5 plr5  option-card">
			 <ul class="c-blocks-4 c-t-center c-f14">
		        <li class="ptb5 plr10 curr" data-index="1">
		        	<p>早餐前</p>
		        </li>
		        <li class="ptb5 plr10" data-index="2">
		        	<p>早餐后</p>
		        </li>
		        <li class="ptb5 plr10" data-index="3">
		        	<p>午餐前</p>
		        </li>
		        <li class="ptb5 plr10" data-index="4">
		        	<p>午餐后</p>
		        </li>
		    </ul>
		    <ul class="c-blocks-4 c-t-center c-f14">
		        <li class="ptb5 plr10" data-index="5">
		        	<p>晚餐前</p>
		        </li>
		        <li class="ptb5 plr10" data-index="6">
		        	<p>晚餐后</p>
		        </li>
		        <li class="ptb5 plr10" data-index="7">
		        	<p>睡前</p>
		        </li>
		    </ul>
		</div>
		<div class="bgc-fff ptb5 plr10">
			<ul class="c-blocks-3 c-t-center">
		        <li class="c-f12 c-323232"><span class="plr5">●</span>正常: <span class="zc-num"></span>次</li>
		        <li class="c-f12 c-ff6a56"><span class="plr5">●</span>偏高: <span class="pg-num"></span>次</li>
		         <li class="c-f12 c-47a8ef"><span class="plr5">●</span>偏低: <span class="pd-num"></span>次</li>
		    </ul>
		</div>
		<div  class="bgc-fff">
			<div class="swiper-container">
				<ul class="swiper-wrapper">
					
				</ul>
			</div>	
		</div>
	</div>
	<!--列表-->
	<div id="liebiaoView" style="display: none;margin-top: 15px;">
		<div id="wrapper6">
			<div class="iScroller">
				<!--列表数据-->
				<ul>
					<li id="lbvCon">
						
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="btns" style="display: none;">
		<a class="cancel-btn" href="javascript:;">取消</a>
		<a class="ok-btn" href="javascript:;">完成</a>
	</div>
	<div class="xt-edit" style="display: none;">
		<a href="javascript:;">编辑</a>
	</div>
	
	<div class="xt-add">
		<a href="health-index-add-bloodsugar.html">添加</a>
	</div>
	
	<div class="pop-main"></div>
	<div class="pop-btns">
		<div class="pop-btn pop-edit-btn" data-id="" data-type="" data-time="" data-val="">修改</div>
		<div class="pop-btn pop-del-btn">删除</div>
		<div class="pop-btn pop-cancel-btn">取消</div>
	</div>
	
	<script type="text/html" id="xtTmp">
		{{each data as o}}
			<ul class="h-list-info" >
				<li class="h-l-tit"><i class="icon-calendar"></i><span class="h-l-t-time">{{o.recordDate}}</span></li>
				{{if o.value1}}
				<li class="l-item" data-id="{{o.id1}}" data-type="1" data-time="{{o.tahttime1}}" data-sn="{{o.deviceSn1}}" data-val="{{o.value1}}">
					<div class="l-edit-icon"></div>
					<div class="h-l-time">{{o.time1}}</div>
					<div class="h-l-meal">早餐前</div>
					{{if o.value1 > 7}}
						<div class="h-l-num num-hei">{{o.value1}}mmol/L</div>
					{{/if}}
					{{if o.value1 < 4}}
						<div class="h-l-num num-low">{{o.value1}}mmol/L</div>
					{{/if}}
					{{if o.value1 <= 7 && o.value1 >= 4}}
						<div class="h-l-num">{{o.value1}}mmol/L</div>
					{{/if}}
				</li>
				{{/if}}
				{{if o.value2}}
				<li class="l-item" data-id="{{o.id2}}" data-type="2" data-time="{{o.tahttime2}}" data-sn="{{o.deviceSn2}}" data-val="{{o.value2}}">
					<div class="l-edit-icon"></div>
					<div class="h-l-time">{{o.time2}}</div>
					<div class="h-l-meal">早餐后</div>
					{{if o.value2 > 11.1}}
						<div class="h-l-num num-hei">{{o.value2}}mmol/L</div>
					{{/if}}
					{{if o.value2 < 4}}
						<div class="h-l-num num-low">{{o.value2}}mmol/L</div>
					{{/if}}
					{{if o.value2 > 4 && o.value2 < 11.1}}
						<div class="h-l-num">{{o.value2}}mmol/L</div>
					{{/if}}
				</li>
				{{/if}}
				{{if o.value3}}
				<li class="l-item" data-id="{{o.id3}}" data-type="3" data-time="{{o.tahttime3}}" data-sn="{{o.deviceSn3}}" data-val="{{o.value3}}">
					<div class="l-edit-icon"></div>
					<div class="h-l-time">{{o.time3}}</div>
					<div class="h-l-meal">午餐前</div>
					{{if o.value3 > 7}}
						<div class="h-l-num num-hei">{{o.value3}}mmol/L</div>
					{{/if}}
					{{if o.value3 < 4}}
						<div class="h-l-num num-low">{{o.value3}}mmol/L</div>
					{{/if}}
					{{if o.value3 < 7 && o.value3 > 4}}
						<div class="h-l-num">{{o.value3}}mmol/L</div>
					{{/if}}
				</li>
				{{/if}}
				{{if o.value4}}
				<li class="l-item" data-id="{{o.id4}}" data-type="4" data-time="{{o.tahttime4}}" data-sn="{{o.deviceSn4}}" data-val="{{o.value4}}">
					<div class="l-edit-icon"></div>
					<div class="h-l-time">{{o.time4}}</div>
					<div class="h-l-meal">午餐后</div>
					{{if o.value4 > 11.1}}
						<div class="h-l-num num-hei">{{o.value4}}mmol/L</div>
					{{/if}}
					{{if o.value4 < 4}}
						<div class="h-l-num num-low">{{o.value4}}mmol/L</div>
					{{/if}}
					{{if o.value4 > 4 && o.value4 < 11.1}}
						<div class="h-l-num">{{o.value4}}mmol/L</div>
					{{/if}}
				</li>
				{{/if}}
				{{if o.value5}}
				<li class="l-item" data-id="{{o.id5}}" data-type="5" data-time="{{o.tahttime5}}" data-sn="{{o.deviceSn5}}" data-val="{{o.value5}}">
					<div class="l-edit-icon"></div>
					<div class="h-l-time">{{o.time5}}</div>
					<div class="h-l-meal">晚餐前</div>
					{{if o.value5 > 7}}
						<div class="h-l-num num-hei">{{o.value5}}mmol/L</div>
					{{/if}}
					{{if o.value5 < 4}}
						<div class="h-l-num num-low">{{o.value5}}mmol/L</div>
					{{/if}}
					{{if o.value5 < 7 && o.value5 > 4}}
						<div class="h-l-num">{{o.value5}}mmol/L</div>
					{{/if}}
				</li>
				{{/if}}
				{{if o.value6}}
				<li class="l-item" data-id="{{o.id6}}" data-type="6" data-time="{{o.tahttime6}}" data-sn="{{o.deviceSn6}}" data-val="{{o.value6}}">
					<div class="l-edit-icon"></div>
					<div class="h-l-time">{{o.time6}}</div>
					<div class="h-l-meal">晚餐后</div>
					{{if o.value6 > 11.1}}
						<div class="h-l-num num-hei">{{o.value6}}mmol/L</div>
					{{/if}}
					{{if o.value6 < 4}}
						<div class="h-l-num num-low">{{o.value6}}mmol/L</div>
					{{/if}}
					{{if o.value6 > 4 && o.value6 < 11.1}}
						<div class="h-l-num">{{o.value6}}mmol/L</div>
					{{/if}}
				</li>
				{{/if}}
				{{if o.value7}}
				<li class="l-item" data-id="{{o.id7}}" data-type="7" data-time="{{o.tahttime7}}" data-sn="{{o.deviceSn7}}" data-val="{{o.value7}}">
					<div class="l-edit-icon"></div>
					<div class="h-l-time">{{o.time7}}</div>
					<div class="h-l-meal">睡前</div>
					{{if o.value7 > 7}}
						<div class="h-l-num num-hei">{{o.value7}}mmol/L</div>
					{{/if}}
					{{if o.value7 < 4}}
						<div class="h-l-num num-low">{{o.value7}}mmol/L</div>
					{{/if}}
					{{if o.value7 < 7 && o.value7 > 4}}
						<div class="h-l-num">{{o.value7}}mmol/L</div>
					{{/if}}
				</li>
				{{/if}}
			</ul>
		{{/each}}
	</script>
	
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/app.js"></script>	
	<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../widget/echarts/echarts.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
	<script src="../../../js/iscroll-probe.js"></script>
	<script src="../../../js/iscroll-pull-up-down.js"></script>
	<script src="../../../js/family-members.js"></script>
	<script type="text/javascript" src="../js/health-index.js?v=1.3.4"></script>
	<script type="text/javascript" src="../js/health-chart.js"></script>
	<script type="text/javascript" src="../js/xuetang-view.js"></script>	
</body>
</html>

html/jkjl/html/xueya-view.html

@@ -0,0 +1,175 @@
<!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="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="../css/xuetang-view.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/health-record-info.css"/>
    <link rel="stylesheet" type="text/css" href="../css/health-record.css?11=11" />
	<style type="text/css">
		.swiper-container{
		    overflow: inherit;
		    padding-bottom: 53px;
		}
		.c-time{
			width: 100%;
			padding: 25px 0 10px 0;
			color: #323232;
			font-size: 12px;
			text-align: center;
			background: #fff;
		}
		#wrapper6{
		    position: fixed;
		    width: 100%;
		    top: 107px;
		    bottom: 0;
		    overflow: hidden;
		}
		
		.iScroller{
			padding-bottom: 70px;
		}
	</style>
</head>
<body> 
	<div class="c-les-hold pt15">
        <div class="c-les-div bgc-f3f3f3 plr10">
            <ul id="viewTabs" class="c-lab-les c-radius-8 c-f15 bgc-fff">
                <li class="curr"><a href="javascript:;">趋势图</a></li>
                <li><a href="javascript:;">列表</a></li>
            </ul>
        </div>
    </div>
    <!--趋势图-->
	<div id="qushiView">
		<div class="plr5 mt15 c-border-t bgc-fff ptb5">
			<ul class="c-blocks-4 option-card c-t-center c-f14" id="selDate">
		        <li class="ptb5 plr10 curr" data-days="7">
		        	<p>7天</p>
		        </li>
		        <li class="ptb5 plr10" data-days="30">
		        	<p>30天</p>
		        </li>
		        <li class="ptb5 plr10" data-days="90">
		        	<p>90天</p>
		        </li>
		        <li class="ptb5 plr10" data-days="180">
		        	<p>半年</p>
		        </li>
		   </ul>
		</div>
		<div class="bgc-fff ptb5 plr10">
			<ul class="c-blocks-3 c-t-center">
		        <li class="c-f12 c-323232"><span class="plr5">●</span>正常: <span class="zc-num"></span>次</li>
		        <li class="c-f12 c-ff6a56"><span class="plr5">●</span>偏高: <span class="pg-num"></span>次</li>
		         <li class="c-f12 c-47a8ef"><span class="plr5">●</span>偏低: <span class="pd-num"></span>次</li>
		    </ul>
		</div>
		<div  class="bgc-fff">
			<div class="swiper-container">
				<ul class="swiper-wrapper">
					
				</ul>
			</div>	
		</div>
	</div>
	<!--列表-->
	<div id="liebiaoView" style="display: none;margin-top: 15px;">
		<ul class="xy-list">
			<li class="xy-list-tit">
				<div class="xy-time xy-tit-time">时间</div>
				<div class="xy-ssy">收缩压</div>
				<div class="xy-szy">舒张压</div>
			</li>
		</ul>
		
		<div id="wrapper6" class="mb20">
			<div class="iScroller">
				<!--列表数据-->
				<ul class="xy-list xy-list-con">
				</ul>
			</div>
		</div>
	</div>
	<div class="btns" style="display: none;">
		<a class="cancel-btn" href="javascript:;">取消</a>
		<a class="ok-btn" href="javascript:;">完成</a>
	</div>
	<div class="xt-edit" style="display: none;">
		<a href="javascript:;">编辑</a>
	</div>
	
	<div class="xt-add">
		<a href="health-index-add-bloodpressure.html">添加</a>
	</div>
	
	<div class="pop-main"></div>
	<div class="pop-btns">
		<div class="pop-btn pop-edit-btn">修改</div>
		<div class="pop-btn pop-del-btn">删除</div>
		<div class="pop-btn pop-cancel-btn">取消</div>
	</div>
	<script type="text/html" id="xyTmp">
		{{each data as o}}
			<li class="xy-item l-item" data-id="{{o.id}}" data-time="{{o.date}}" data-sn="{{o.deviceSn}}" data-val-one="{{o.value1}}" data-val-two="{{o.value2}}">
				<div class="l-edit-icon"></div>
				<div class="xy-time">{{o.date}}</div>
				{{if o.value1 > 139}}
					<div class="xy-ssy"><span class="xy-ssy-hei">{{o.value1}}</span></div>
				{{/if}}
				{{if o.value1 < 90}}
					<div class="xy-ssy"><span class="xy-ssy-low">{{o.value1}}</span></div>
				{{/if}}
				{{if o.value1 >= 90 && o.value1 <= 139}}
					<div class="xy-ssy">{{o.value1}}</div>
				{{/if}}
				
				{{if o.value2 > 89}}
					<div class="xy-ssy"><span class="xy-ssy-hei">{{o.value2}}</span></div>
				{{/if}}
				{{if o.value2 < 60}}
					<div class="xy-ssy"><span class="xy-ssy-low">{{o.value2}}</span></div>
				{{/if}}
				{{if o.value2 >= 60 && o.value2 <= 89}}
					<div class="xy-ssy">{{o.value2}}</div>
				{{/if}}
			</li>
		{{/each}}
	</script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/app.js"></script>	
	<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../../../widget/echarts/echarts.js"></script>
	<script src="../../../js/iscroll-probe.js"></script>
	<script src="../../../js/iscroll-pull-up-down.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
	<script src="../../../js/family-members.js"></script>
	<script type="text/javascript" src="../js/health-index.js?v=1.3.4"></script>
	<script type="text/javascript" src="../js/health-chart.js"></script>
	<script type="text/javascript" src="../js/xueya-view.js"></script>	
</body>
</html>

html/jkjl/html/yaowei-view.html

@@ -0,0 +1,146 @@
<!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="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="../css/xuetang-view.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/health-record-info.css"/>
    <link rel="stylesheet" type="text/css" href="../css/health-record.css?11=11" />
	<style type="text/css">
		.swiper-container{
		    overflow: inherit;
		    padding-bottom: 53px;
		}
		.c-time{
			width: 100%;
			padding: 25px 0 10px 0;
			color: #323232;
			font-size: 12px;
			text-align: center;
			background: #fff;
		}
		
		#wrapper6{
		    position: fixed;
		    width: 100%;
		    top: 107px;
		    bottom: 0;
		    overflow: hidden;
		}
		.iScroller{
			padding-bottom: 70px;
		}
	</style>
</head>
<body> 
	<div class="c-les-hold pt15">
        <div class="c-les-div bgc-f3f3f3 plr10">
            <ul id="viewTabs" class="c-lab-les c-radius-8 c-f15 bgc-fff">
                <li class="curr"><a href="javascript:;">趋势图</a></li>
                <li><a href="javascript:;">列表</a></li>
            </ul>
        </div>
    </div>
    <!--趋势图-->
	<div id="qushiView">
		<div class="plr5 mt15 c-border-t bgc-fff ptb5">
			<ul class="c-blocks-4 option-card c-t-center c-f14" id="selDate">
		        <li class="ptb5 plr10 curr" data-days="7">
		        	<p>7天</p>
		        </li>
		        <li class="ptb5 plr10" data-days="30">
		        	<p>30天</p>
		        </li>
		        <li class="ptb5 plr10" data-days="90">
		        	<p>90天</p>
		        </li>
		        <li class="ptb5 plr10" data-days="180">
		        	<p>半年</p>
		        </li>
		   </ul>
		</div>
		<div  class="bgc-fff">
			<div class="swiper-container">
				<ul class="swiper-wrapper">
					
				</ul>
			</div>	
		</div>
	</div>
	<!--列表-->
	<div id="liebiaoView" style="display: none;margin-top: 15px;">
		<ul class="xy-list">
			<li class="xy-list-tit">
				<div class="xy-time xy-tit-time">时间</div>
				<div class="xy-ssy">腰围（cm）</div>
			</li>
		</ul>
		<div id="wrapper6">
			<div class="iScroller">
				<!--列表数据-->
				<ul class="xy-list xy-list-con">
				</ul>
			</div>
		</div>
	</div>
	<div class="btns" style="display: none;">
		<a class="cancel-btn" href="javascript:;">取消</a>
		<a class="ok-btn" href="javascript:;">完成</a>
	</div>
	<div class="xt-edit" style="display: none;">
		<a href="javascript:;">编辑</a>
	</div>
	
	<div class="pop-main"></div>
	<div class="pop-btns">
		<div class="pop-btn pop-edit-btn">修改</div>
		<div class="pop-btn pop-del-btn">删除</div>
		<div class="pop-btn pop-cancel-btn">取消</div>
	</div>
	<div class="xt-add">
		<a href="health-index-add-waistline.html">添加</a>
	</div>
	<script type="text/html" id="xyTmp">
		{{each data as o}}
			<li class="xy-item l-item" data-id="{{o.id}}" data-sn="{{o.deviceSn}}" data-time="{{o.date}}" data-val="{{o.value1}}">
				<div class="l-edit-icon"></div>
				<div class="xy-time">{{o.date}}</div>
				<div class="xy-ssy">{{o.value1}}</div>
			</li>
		{{/each}}
	</script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/app.js"></script>	
	<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../../../widget/echarts/echarts.js"></script>
	<script src="../../../js/iscroll-probe.js"></script>
	<script src="../../../js/iscroll-pull-up-down.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
	<script src="../../../js/family-members.js"></script>
	<script type="text/javascript" src="../js/health-index.js?v=1.3.4"></script>
	<script type="text/javascript" src="../js/health-chart.js"></script>
	<script type="text/javascript" src="../js/yaowei-view.js"></script>	
</body>
</html>

html/jkjl/html/yinshi-view.html

@@ -0,0 +1,112 @@
<!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="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
    <link rel="stylesheet" type="text/css" href="../css/xuetang-view.css" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/health-record-info.css"/>
    <link rel="stylesheet" type="text/css" href="../css/health-record.css?11=11" />
	<style type="text/css">
		.swiper-container{
		    overflow: inherit;
		    padding-bottom: 53px;
		}
		.c-time{
			width: 100%;
			padding: 10px 0 10px 0;
			color: #323232;
			font-size: 12px;
			text-align: center;
			background: #fff;
		}
		#wrapper6{
		    position: fixed;
		    width: 100%;
		    top: 91px;
		    bottom: 0;
		    overflow: hidden;
		}
		.iScroller{
			padding-bottom: 70px;
		}
	</style>
</head>
<body> 
	<div class="c-les-hold pt15">
        <div class="c-les-div bgc-f3f3f3 plr10">
            <ul id="viewTabs" class="c-lab-les c-radius-8 c-f15 bgc-fff">
                <li class="curr"><a href="javascript:;">列表</a></li>
            </ul>
        </div>
    </div>
    <!--趋势图-->
	<ul class="xy-list">
		<li class="xy-list-tit">
			<div class="xy-ssy">时间</div>
			<div class="xy-ssy">饮食</div>
		</li>
	</ul>
	<div id="wrapper6">
		<div class="iScroller">
			<ul class="xy-list xy-list-con" id="liebiaoView">
				<!--列表-->
			</ul>	
		</div>
	</div>
	<!--列表-->
	<div class="btns" style="display: none;">
		<a class="cancel-btn" href="javascript:;">取消</a>
		<a class="ok-btn" href="javascript:;">完成</a>
	</div>
	<div class="xt-edit">
		<a href="javascript:;">编辑</a>
	</div>
	
	<div class="xt-add">
		<a href="add-diet-record.html">添加</a>
	</div>
	<div class="pop-main"></div>
	<div class="pop-btns">
		<div class="pop-btn pop-edit-btn" data-id="" data-image="" data-time="" data-val="">修改</div>
		<div class="pop-btn pop-del-btn">删除</div>
		<div class="pop-btn pop-cancel-btn">取消</div>
	</div>
	<script type="text/html" id="xyTmp">
		{{each data as o}}
			<li class="xy-item l-item" data-id="{{o.id}}" data-image="{{o.images}}" data-time="{{o.record_date}}" data-val="{{o.content}}">
				<div class="l-edit-icon"></div>
				<div class="xy-ssy">{{o.record_date}}</div>
				<div class="xy-ssy">{{o.content}}</div>
			</li>
		{{/each}}
	</script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/app.js"></script>	
	<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../../../js/iscroll-probe.js"></script>
	<script src="../../../js/iscroll-pull-up-down.js"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/family-members.js"></script>
	<script type="text/javascript" src="../js/health-index.js"></script>
	<script type="text/javascript" src="../js/health-chart.js"></script>
	<script type="text/javascript" src="../js/yinshi-view.js"></script>	
</body>
</html>

html/jkjl/html/yongyao-view.html

@@ -0,0 +1,112 @@
<!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="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
    <link rel="stylesheet" type="text/css" href="../css/xuetang-view.css" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/health-record-info.css"/>
    <link rel="stylesheet" type="text/css" href="../css/health-record.css?11=11" />
	<style type="text/css">
		.swiper-container{
		    overflow: inherit;
		    padding-bottom: 53px;
		}
		.c-time{
			width: 100%;
			padding: 10px 0 10px 0;
			color: #323232;
			font-size: 12px;
			text-align: center;
			background: #fff;
		}
		#wrapper6{
		    position: fixed;
		    width: 100%;
		    top: 91px;
		    bottom: 0;
		    overflow: hidden;
		}
		.iScroller{
			padding-bottom: 70px;
		}
	</style>
</head>
<body> 
	<div class="c-les-hold pt15">
        <div class="c-les-div bgc-f3f3f3 plr10">
            <ul id="viewTabs" class="c-lab-les c-radius-8 c-f15 bgc-fff">
                <li class="curr"><a href="javascript:;">列表</a></li>
            </ul>
        </div>
    </div>
    <!--趋势图-->
	<ul class="xy-list">
		<li class="xy-list-tit">
			<div class="xy-ssy">时间</div>
			<div class="xy-ssy">用药</div>
		</li>
	</ul>
	<div id="wrapper6">
		<div class="iScroller">
			<ul class="xy-list xy-list-con" id="liebiaoView">
				<!--列表-->
			</ul>	
		</div>
	</div>
	<!--列表-->
	<div class="btns" style="display: none;">
		<a class="cancel-btn" href="javascript:;">取消</a>
		<a class="ok-btn" href="javascript:;">完成</a>
	</div>
	<div class="xt-edit">
		<a href="javascript:;">编辑</a>
	</div>
	
	<div class="xt-add">
		<a href="add-drug-record.html">添加</a>
	</div>
	<div class="pop-main"></div>
	<div class="pop-btns">
		<div class="pop-btn pop-edit-btn" data-id="" data-date="" data-val="" data-code=""	>修改</div>
		<div class="pop-btn pop-del-btn">删除</div>
		<div class="pop-btn pop-cancel-btn">取消</div>
	</div>
	<script type="text/html" id="xyTmp">
		{{each data as o}}
			<li class="xy-item l-item" data-id="{{o.id}}" data-date="{{o.record_date}}" data-val="{{o.medicines}}" data-code="{{o.code}}">
				<div class="l-edit-icon"></div>
				<div class="xy-ssy">{{o.record_date}}</div>
				<div class="xy-ssy">{{o.medicines}}</div>
			</li>
		{{/each}}
	</script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/app.js"></script>	
	<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../../../js/iscroll-probe.js"></script>
	<script src="../../../js/iscroll-pull-up-down.js"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/family-members.js"></script>
	<script type="text/javascript" src="../js/health-index.js?v=1.3.4"></script>
	<script type="text/javascript" src="../js/health-chart.js"></script>
	<script type="text/javascript" src="../js/yongyao-view.js?v=1.3.7"></script>	
</body>
</html>

html/jkjl/html/yundong-view.html

@@ -0,0 +1,121 @@
<!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="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
    <link rel="stylesheet" type="text/css" href="../css/xuetang-view.css" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/health-record-info.css"/>
    <link rel="stylesheet" type="text/css" href="../css/health-record.css?11=11" />
	<style type="text/css">
		.swiper-container{
		    overflow: inherit;
		    padding-bottom: 53px;
		}
		.c-time{
			width: 100%;
			padding: 10px 0 10px 0;
			color: #323232;
			font-size: 12px;
			text-align: center;
			background: #fff;
		}
		#wrapper6{
		    position: fixed;
		    width: 100%;
		    top: 91px;
		    bottom: 0;
		    overflow: hidden;
		    padding-bottom: 70px;
		}
		.xy-ssj{
			flex: 2;
		}
		.iScroller{
			padding-bottom: 70px;
		}
	</style>
</head>
<body> 
	<div class="c-les-hold pt15">
        <div class="c-les-div bgc-f3f3f3 plr10">
            <ul id="viewTabs" class="c-lab-les c-radius-8 c-f15 bgc-fff">
                <li class="curr"><a href="javascript:;">列表</a></li>
            </ul>
        </div>
    </div>
    <!--趋势图-->
	<ul class="xy-list">
		<li class="xy-list-tit">
			<div class="xy-ssj">时间</div>
			<div class="xy-ssy">时长</div>
			<div class="xy-ssy">运动强度</div>
			<div class="xy-ssy">具体运动</div>
		</li>
	</ul>
	<div id="wrapper6">
		<div class="iScroller">
			<ul class="xy-list xy-list-con" id="liebiaoView">
				<!--列表-->
			</ul>	
		</div>
	</div>
	<!--列表-->
	<div class="btns" style="display: none;">
		<a class="cancel-btn" href="javascript:;">取消</a>
		<a class="ok-btn" href="javascript:;">完成</a>
	</div>
	<div class="xt-edit">
		<a href="javascript:;">编辑</a>
	</div>
	
	<div class="xt-add">
		<a href="add-sport-record.html">添加</a>
	</div>
	
	<div class="pop-main"></div>
	<div class="pop-btns">
		<div class="pop-btn pop-edit-btn" data-id="" data-type="" data-time="" data-val="">修改</div>
		<div class="pop-btn pop-del-btn">删除</div>
		<div class="pop-btn pop-cancel-btn">取消</div>
	</div>
	<script type="text/html" id="xyTmp">
		{{each data as o}}
			<li class="xy-item l-item" data-id="{{o.id}}" data-date="{{o.record_date}}" data-time="{{o.sports_time}}" data-type="{{o.sports_type}}" data-sports="{{o.sports}}">
				<div class="l-edit-icon"></div>
				<div class="xy-ssj">{{o.record_date}}</div>
				<div class="xy-ssy">{{o.sports_time}}</div>
				<div class="xy-ssy">{{o.sports_type}}</div>
				<div class="xy-ssy">{{o.sports}}</div>
			</li>
		{{/each}}
	</script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/app.js"></script>	
	<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script src="../../../js/iscroll-probe.js"></script>
	<script src="../../../js/iscroll-pull-up-down.js"></script>
	<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/family-members.js"></script>
	<script type="text/javascript" src="../js/health-index.js?v=1.3.4"></script>
	<script type="text/javascript" src="../js/health-chart.js"></script>
	<script type="text/javascript" src="../js/yundong-view.js?v=1.3.7"></script>	
</body>
</html>

html/jkjl/js/del-my-equipments.js

@@ -0,0 +1,123 @@
//mui.plusReady(function() {
	queryList();
//});
function queryList() {
//	plus.nativeUI.showWaiting();
	//拼请求内容
	var params = {};
	params.id = 0;
	params.pagesize = 60;
	//发送ajax请求
	sendPost("patient/device/list", params, "json", "post", queryListFailed, queryListSuccesss);
}
function queryListFailed(res) {
	console.log(res.status); 
	if (res && res.msg) {
//		plus.nativeUI.toast(res.msg);
	} else {
//		plus.nativeUI.toast("数据加载失败");
	}
//	plus.nativeUI.closeWaiting();
}
function queryListSuccesss(res) {
	if (res.status == 200) {
		//成功 
//		console.log(res.data.list); 
		showList(res.data.list);
	} else {
		//非200则为失败
		queryListFailed(res);
	}
//	plus.nativeUI.closeWaiting();
}
/**
 * 清空tbody
 */
function clearHTML() {
	$("#equ_list").html("");
}
/**
 * 显示查询结果
 * @param {Object} list
 */
function showList(list) {
	clearHTML();
	var _html = "";
	for (var i = 0; i < list.length; i++) {
		var data = list[i];
		if (!data) {
			continue; 
		}
		
		_html+="<li class='c-list-text c-list-link'>"
        _html+=   "<div class='c-list-key'>"
        _html+=        "<i class='icon-del mr5' attr_code="+data.code+"></i>"
        _html+=        "<span>"+data.name+"</span>"
        _html+=    "</div>"
        _html+=   "<div class='c-list-info c-t-right'>"+data.sn+"</div>"
        _html+=   "<span class='list-icon arrow-right'></span>"
        _html+="</li>";
		
		
		
		
//		"<li class='c-list-text c-list-link' attr_code="+data.code+" attr_name="+data.name+" attr_sn="+data.sn+">"
//	    _html+="<div class='c-list-key'>"+data.name+"</div>"
//	    _html+="<div class='c-list-info c-t-right'>"+data.sn+"</div>"
//	    _html+="<span class='list-icon arrow-right'></span>"
//	    _html+="</li>";
		
	}
	$("#equ_list").html(_html); 
	
	$(".icon-del").on("click",function(){
	        var i = $(this);
	        var attr_code = $(this).attr('attr_code');
	        dialog({
	            title:'删除设备信息',
	            content:'确定删除该设备信息吗？',
	            ok: function (){
	
					//获取现在有的设备类别以及名称
			        var params = {}
			        params.code = attr_code;		        		        
					//发送ajax请求， 查询设备列表信息
					sendPost("patient/device/delete", params, "json", "post", queryListFailed,dele_Successs);
					function dele_Successs(res){
						
						console.log("删除成功");
						var i = plus.webview.getWebviewById("my-equipments");
//						mui.fire(i, "update_info_detail", {
//								type_name:params.type_name,
//								name:params.name,
//								sn:params.sn,
//						});
//						mui.toast("删除成功");
						alert("删除成功");
						
						
						
					}
//					plus.nativeUI.toast(res.mag);
					i.parent().parent().remove();
					
										
	            },
	            cancel: function () {
	//              alert("你点了取消")
					return;
	            }
	    	}).showModal();
	})
	
}
//添加数据添加监听
window.addEventListener("update_info_detail", function(e) {
	//刷新列表
	queryList();
	
});

html/jkjl/js/health-chart.js

@@ -0,0 +1,190 @@
var d = dialog({contentType:'load', skin:'bk-popup'});
/* 查询健康指标图表
 * @param {Object} type 健康指标类型（1血糖，2血压，3体重，4腰围）
 * @param {Object} begin 记录开始时间
 * @param {Object} end 记录结束时间
 *  @param {Object} gi_type 就餐时间段（0:无）
 */
function queryChatByTypePromise(charType,begin, end, gi_type) {
	//拼请求内容
	var params = {};
	params.type = charType;
	params.begin = begin+" 00:00:00";
	params.end = end+" 23:59:59";
	params.gi_type = gi_type;
	d.show();
	
	return new Promise(function(resolve, reject) {
		//发送ajax请求
		sendPost("patient/health_index/chart", params, "json", "post", function() {
			queryChartFailed()
		}, function(res) {
			d.close();
			if (res.status == 200) {
				resolve(res)
			} else {
				//非200则为失败
				queryChartFailed(res);
			}
		});
	})
}
/**
 * 健康指标图表查询失败处理方法
 */
function queryChartFailed(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
	} else {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
	}
}
function buildData(value, max, min) {
	if (!!!value) {
		return;
	}
	if(value < min) {
		return {
			value: value,
			itemStyle: {
				normal: {
					color: '#47a8ef'
				}
			}
		}
	} else if(value > max) {
		return {
			value: value,
			itemStyle: {
				normal: {
					color: '#ff6a56'
				}
			}
		}
	} else {
		return {
			value: value,
			itemStyle: {
				normal: {
					color: '#323232'
				}
			}
		}
	}
}
function getChartOptions(type,yAxisName,xAxisData,seriesData) {
	var options = {
		tooltip: {
			trigger: 'axis'
		},
		grid:{x:40,y:20,x2:25,y2:20},
		toolbox:{show:false},
		calculable:false,
		xAxis:[{
			type:"category",
			boundaryGap:false,
			data:xAxisData,
			axisLabel:{margin:6}
		}],
		yAxis:[{name:yAxisName,type:"value"}],
		series:[{
			name: type == 1 ? '血糖' : type == 3 ? '体重' : '腰围',
			type:"line",
			symbol:"emptyCircle",
			itemStyle: {
				normal: {
					borderWidth: 8,
					color: '#0ad800',
					lineStyle: { // 系列级个性化折线样式，横向渐变描边
						borderWidth: 2,
						color: "#5dd1d2",
						width: 4
					},
					nodeStyle: {
						borderWidth: 2,
						color: '#93DB70',
						borderColor: '#93DB70'
					}
				},
				emphasis: {
					label: {
						show: true
					}
				}
			},
			data: seriesData
		}]
	}
	return options;
}
function getChartOptions1(type,yAxisName,xAxisData,seriesData) {
	var options = {
		tooltip: {
			trigger: 'axis'
		},
		grid: {
			x: 30,
			y: 20,
			x2: 25,
			y2: 20
		},
		legend: {
			show: false,
			data: ['收缩压','舒张压']
		},
		toolbox: {
			show: false
		},
		calculable: false,
		xAxis: [{
			type: 'category',
			boundaryGap: false,
			data: xAxisData,
			axisLabel: {
				margin: 6
			}
		}],
		yAxis: [{
			name : yAxisName,
			type: 'value'
		}],
		series:seriesData
	}
	return options;
}
//  type 健康指标类型（1血糖，2血压，3体重，4腰围）
function createChartPromise(el,type,yAxisName,xAxisData,seriesData) {
	return new Promise(function(resolve, reject) {
		// 路径配置
		require.config({
			paths: {
				echarts: 'http://echarts.baidu.com/build/dist'
			}
		});
		require(['echarts',
			'echarts/chart/line'] // 使用柱状图就加载bar模块，按需加载]
		,function(echarts) {
			var myChart = echarts.init(el);
			// 为echarts对象加载数据
			if (type == 1 || type == 3 || type == 4) {
				myChart.setOption(getChartOptions(type,yAxisName,xAxisData,seriesData));
				resolve(myChart);
			}
			if (type == 2) {
				myChart.setOption(getChartOptions1(type,yAxisName,xAxisData,seriesData));
				resolve(myChart);
			}
			
		});
	})
}

html/jkjl/js/health-index-bloodpressure-chart.js

@@ -0,0 +1,268 @@
var curDays = 7;
$('input[data-time=date]').val('7天内');
	
$(function() {	
	queryChat(getDateBefore(6), getNowDate());
	/* 选择日期  */
	var opt1 = {
		preset: 'date',
		theme: 'ios',
		lang: 'zh',
		minDate: new Date(1900, 01, 01),
		onSelect: function(valueText, inst) {
			var date_begin = $("#date_begin").val();
			var date_end = $("#date_end").val();
			if (date_begin == null || date_begin.length == 0) {
				return;
			}
			if (date_end == null || date_end.length == 0) {
				return;
			}
			queryChat(date_begin, date_end);
		}
	};
	$('input[data-time=date1]').mobiscroll(opt1);
	$('input[data-time=date2]').mobiscroll(opt1);
	var swiper = new Swiper('.swiper-container', {
		pagination: '.swiper-pagination',
		paginationClickable: false
	});
	//咨询药店
	$('input[data-time=date]').mobiscroll({
		theme: 'ios',
		lang: 'zh',
		formatValue: function(d) {
			return d.join('-');
		},
		customWheels: true,
		wheels: [
			[{
				keys: ['1', '2', '3'],
				values: ['7天内', '30天内', '自定义时间']
			}]
		],
		onSelect: function(valueText, inst) {
			var dd = eval("[" + valueText + "]");
			$('input[data-time=date]').val(dd[0].values);
			if (dd[0].keys == "3") {
				$(".time-began").show();
			} else {
				$(".time-began").hide();
			}
			if (dd[0].keys == 1) {
				//7天内
				if (curDays == 7) {
					return;
				}
				curDays = 7;
				queryChat(getDateBefore(6), getNowDate());
			} else if (dd[0].keys == 2) {
				//30天内
				if (curDays == 30) {
					return;
				}
				curDays = 30;
				queryChat(getDateBefore(29), getNowDate());
			} else {
				curDays = 99;
			}
		}
	});
});
function queryChat(date_begin, date_end) {
	if (parseFloat(date_begin.replace(/-/g, "")) > parseFloat(date_end.replace(/-/g, ""))) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'开始时间不能晚于结束时间'}).show();
		return;
	}
	//发送请求
	queryChatByType(2, date_begin, date_end, queryChartSuccesss);
}
/**
 * 健康指标图表查询成功处理方法
 */
function queryChartSuccesss(res) {	
	if (res.status == 200) {
		d.close();
		showChart(res.list);
	} else {
		queryChartFailed(res);
	}
}
function buildData(value, max, min) {
	if ((value > 0 && value < min) || value > max) {
		return {
			value: value,
			itemStyle: {
				normal: {
					color: '#f00'
				}
			}
		}
	} else {
		return value;
	}
}
function showChart(list) {
	var legendArray = ['收缩压,舒张压'];
	var xAxisArray = new Array();
	var seriesArray = new Array();
	var allDatas = new Array();
	var data1 = new Array();
	var data2 = new Array();
	for (var i = 0; i < list.length; i++) {
		var data = list[i];
		if (!data) {
			continue;
		}
		xAxisArray.push(data.date.substr(5, 5));
		data1.push(buildData(data.value1, 139, 90));
		data2.push(buildData(data.value2, 89, 60));
	}
	allDatas.push(data1);
	allDatas.push(data2);
	var series1 = {
		name: legendArray[0].split(',')[0],
		type: 'line',
		symbol: 'emptyCircle',
		layerPadding: 0,
		nodePadding: 0,
		itemStyle: {
			normal: {
				borderWidth: 8,
				color: '#0ad800',
				lineStyle: { // 系列级个性化折线样式，横向渐变描边
					borderWidth: 2,
					color: '#5dd1d2',
					width: 4
				},
				nodeStyle: {
					borderWidth: 2,
					color: '#93DB70',
					borderColor: '#93DB70'
				}
			},
			emphasis: {
				label: {
					show: true
				}
			}
		},
		data: allDatas[0]
	};
	
	var series2 = {
		name: legendArray[0].split(',')[1],
		type: 'line',
		symbol: 'emptyCircle',
		layerPadding: 0,
		nodePadding: 0,
		itemStyle: {
			normal: {
				borderWidth: 8,
				color: '#0ad800',
				lineStyle: { // 系列级个性化折线样式，横向渐变描边
					borderWidth: 2,
					color: '#CC66FF',
					width: 4
				},
				nodeStyle: {
					borderWidth: 2,
					color: '#93DB70',
					borderColor: '#93DB70'
				}
			},
			emphasis: {
				label: {
					show: true
				}
			}
		},
		data: allDatas[1]
	};
	
	seriesArray.push(series1);	
	seriesArray.push(series2);
	// 路径配置
	require.config({
		paths: {
			echarts: 'http://echarts.baidu.com/build/dist'
		}
	});
	// 使用
	require(['echarts',
			'echarts/chart/line' // 使用柱状图就加载bar模块，按需加载
		],
		DrawCharts);
	
	function DrawCharts() {
		var myChart = require('echarts').init(document.getElementById('chart1'));
		var option = {
			tooltip: {
				trigger: 'axis'
			},
			grid: {
				x: 30,
				y: 20,
				x2: 25,
				y2: 20
			},
			legend: {
				show: false,
				data: legendArray
			},
			toolbox: {
				show: false
			},
			calculable: false,
			xAxis: [{
				type: 'category',
				boundaryGap: false,
				data: xAxisArray,
				axisLabel: {
					margin: 6
				}
			}],
			yAxis: [{
				type: 'value'
			}],
			series: seriesArray
		};
		// 为echarts对象加载数据
		myChart.setOption(option);
	}
}
//添加数据添加监听
window.addEventListener("refleshList", function(e) {
	//刷新列表
	if (curDays == 7) {
		//7天内
		queryChat(getDateBefore(6), getNowDate());
	} else if (curDays == 30) {
		//30天内
		queryChat(getDateBefore(29), getNowDate());
	} else {
		var date_begin = $("#date_begin").val();
		var date_end = $("#date_end").val();
		if (date_begin == null || date_begin.length == 0) {
			return;
		}
		if (date_end == null || date_end.length == 0) {
			return;
		}
		queryChat(date_begin, date_end);
	}
});

html/jkjl/js/health-index.js

@@ -0,0 +1,276 @@
var dd = dialog({contentType:'load', skin:'bk-popup', content:'保存中...'});
var d = dialog({contentType:'load', skin:'bk-popup'});
var userAgent = JSON.parse(window.localStorage.getItem(agentName));
function getNowDate() {
	var date = new Date();
	var year = date.getFullYear();
	var month = date.getMonth() + 1;
	var day = date.getDate();
	var hour = date.getHours();
	var minute = date.getMinutes();
	var second = date.getSeconds();
	return year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day);
}
/**
 * 获取多少天前的日期
 */
function getDateBefore(days) {
	var now = new Date();
	var date = new Date(now.getTime() - days * 24 * 3600 * 1000);
	var year = date.getFullYear();
	var month = date.getMonth() + 1;
	var day = date.getDate();
	var hour = date.getHours();
	var minute = date.getMinutes();
	var second = date.getSeconds();
	return year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day);
}
function editHealthData ( successFun, type, id, operTime, value1, value2, value3, value4) {
	//拼请求内容
	var params = {};
	params.id = id;
	switch (type) {
		case 1:
			params.recordDate = operTime + ':00';
			params.value1 = value2;
			params.value2 = value1;
			break;
		case 2:
			params.recordDate = operTime + ':00';
			params.value1 = value1;
			params.value2 = value2;
			break;
		case 3:
			params.recordDate = operTime + ' 00:00:00';
			params.value1 = value1;
			break;
		case 4:
			arams.recordDate = operTime + ' 00:00:00';
			params.value1 = value1;
			break;
	}
	dd.showModal();
	//发送ajax请求
	sendPost("/patient/health_index/modify", params, "json", "post", addHealthIndexFailed, successFun);
}
/**
 * 添加健康指标到服务器
 * intervene	干预标志
 * time	记录时间
 * value1 血糖/收缩压/体重/腰围
 * value2 舒张压
 * point 血糖测量点标识
 * type	健康指标类型（1血糖，2血压，3体重，4腰围）
 */		
function addHealthIndex(intervene, operTime, value1, value2, value3, value4, value5, value6, value7, type, successFunction) {
	//拼请求内容
	var params = {};
	params.intervene = intervene;
	var data = {};
	if(type==1){
		data.gi = value1+"";
		data.gi_type = value2+"";
//		data.time = operTime+" 00:00:00";
		data.time = operTime + ':00';
	}
	if(type==2){
		data.sys = value1+"";
		data.dia = value2+"";
		data.time = operTime;
	}
	if(type==3){
		data.weight = value1+"";
		data.height = value2+"";
		data.time = operTime+":00";   
	}
	if(type==4){
		var data = {};
		data.waistline = value1+"";  
		data.time = operTime+ ':00'; 
	}
	params.data = JSON.stringify(data);
	params.type = type+"";
	params.patient = $('#member').data('code');//被代理人的code
	dd.showModal();
	//发送ajax请求
	sendPost("/patient/health_index/addPatientHealthIndex", params, "json", "post", addHealthIndexFailed, successFunction);
}
/** 
 * 健康指标添加失败处理方法
 */
function addHealthIndexFailed(res) {
	dd.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
	} else {
		dialog({contentType:'tipsbox',bottom:true, 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);
		}
}
/**
 * 血压添加成功处理方法
 */
function addBloodPressureSuccess(res) {
	if (res.status == 200) {
		dd.close();
		window.location.href='health-record.html?charType=2&'+$.now();
	} else {
		//非200则为失败
		addHealthIndexFailed(res);
	}
}
/**
 * 血糖添加成功处理方法
 */
function addBloodSugarSuccess(res) {
	if (res.status == 200) {
		//添加成功
		var record_date = document.getElementById("date").value;
		var type_str = document.getElementById("type").value;
		var val = document.getElementById("val").value;
		var type;
		switch (type_str) {
			case "空腹血糖":
				type = ".bb";
				break;
			case "早餐后血糖":
				type = ".ba";
				break;
			case "午餐前血糖":
				type = ".lb";
				break;
			case "午餐后血糖":
				type = ".la";
				break;
			case "晚餐前血糖":
				type = ".db";
				break;
			case "晚餐后血糖":
				type = ".da";
				break;
			case "睡前血糖":
				type = ".sb";
				break;
		}
		window.location.href='health-record.html?charType=1&'+$.now();
		dd.close();
	} else {
		//非200则为失败
		addHealthIndexFailed(res);
	}
}
/**
 * 腰围添加成功处理方法
 */
function addWaistlineSuccess(res) {
	if (res.status == 200) {
		dd.close();
		window.location.href='health-record.html?charType=4&'+$.now();
	} else {
		//非200则为失败
		addHealthIndexFailed(res);
	}
}
/**
 * 体重添加成功处理方法
 */
function addWeightSuccess(res) {
	if (res.status == 200) {
		dd.close();
		window.location.href='health-record.html?charType=3&'+$.now();
	} else {
		//非200则为失败
		addHealthIndexFailed(res);
	}
}
/////////////////////////////////////////////////////////////////////////////////健康指标图表数据查询///////////////////////////////////////////////////////////////////////////
/**
 * 查询健康指标图表
 * @param {Object} type 健康指标类型（1血糖，2血压，3体重，4腰围）
 * @param {Object} begin 记录开始时间
 * @param {Object} end 记录结束时间
 */
function queryChatByType(type, begin, end, successFunction) {
	//拼请求内容
	var params = {};
	params.type = type;
	params.begin = begin;
	params.end = end;
	d.show();
	//发送ajax请求
	sendPost("patient/health_index/chart", params, "json", "post", queryChartFailed, successFunction);
}
/**
 * 健康指标图表查询失败处理方法
 */
function queryChartFailed(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
	} else {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
	}
}
/////////////////////////////////////////////////////////////////////////////////健康指标历史记录查询///////////////////////////////////////////////////////////////////////////
/**
 * 健康指标历史记录查询
 * @param {Object} type 健康指标类型（1血糖，2血压，3体重，4腰围）
 * @param {Object} page 当前分页
 * @param {Object} pagesize 分页大小
 */
function queryListByType(type, page, pagesize, successFunction,begindate,enddate) {
	//拼请求内容
	var params = {};
	params.type = type; 
	params.page = page;
	params.pagesize = pagesize;
	params.start = begindate+" 00:00:00";
	params.end = enddate+" 23:59:59";
	d.show();
	//发送ajax请求
	sendPost("patient/health_index/list", params, "json", "post", queryListFailed, successFunction);
}
/**
 * 健康指标历史记录查询失败处理方法
 */
function queryListFailed(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
	} else {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
	}
}
/**
 * 查询健康指标的预警标准
 */
function queryWarning() {
	//拼请求内容
	var params = {};
	d.show();
	//发送ajax请求
	sendPost("patient/health_index/standard", params, "json", "post", queryListFailed, queryWarningSuccesss);
}

html/jkjl/js/health-record-info.js

@@ -0,0 +1,6 @@
//详情
(function ( $, win) {
	$(function () {
		
	})
})( jQuery, window);

html/jkjl/js/health-record-new.js

@@ -0,0 +1,534 @@
var d = dialog({contentType:'load', skin:'bk-popup'}).show();
var dd = dialog({contentType:'load', skin:'bk-popup'});
var pagetype = 5;
var Request = GetRequest();
var openid = Request["openid"];
var $tizhengList = $('#tizhengList'),
	$baojianList = $('#baojianList');
var id = 0;
var pagesize = 15;
var scroller1 = null;
var xuetangRecord = null,
	xuyaRecord = null,
	tizhongRecord = null,
	yaoweiRecord = null,
	yundongRecord = null,
	yongyaoRecord = null,
	yinshiRecord = null,
	tzSta = false,
	xtdt = '',
	xydt = '',
	tzdt = '',
	ywdt = '',
	yddt = '',
	yydt = '',
	ysdt = '';
var	tagType = Request["tagType"]?Request["tagType"]:0;
var xuetangDuring = ['','早餐前', '早餐后', '午餐前', '午餐后', '晚餐前', '晚餐后', '睡前'];
$(function() {
	 checkUserAgent();
     scroller1= new IScrollPullUpDown('wrapper2',{
            probeType:2,
            bounceTime: 250,
            bounceEasing: 'quadratic',
            mouseWheel:true,
            scrollbars:true,
            click:true,
            fadeScrollbars:true,
            interactiveScrollbars:false
    },pullDownAction,pullUpAction); 
    EbindEvents();
    
    //下拉刷新
    function pullDownAction(theScrollerTemp) {
//      $(".pullUp").show();
//      setTimeout(function () {
//          $(".c-list").html("");  
//          id=0;
//          getEquipments();    
//      }, 1000);   
    }   
        
    //上拉加载数据
    function pullUpAction(theScrollerTemp) {
        $(".pullUp").show();
        setTimeout(function () {    
            getEquipments();        
        }, 1000);
    }
    
    if(tagType == 1){
		$('.j-tab-select li').eq(1).addClass('hit');
		$('.pt-tab-list').eq(1).addClass('hit');
	}else{
		$('.j-tab-select li').eq(0).addClass('hit');
		$('.pt-tab-list').eq(0).addClass('hit');
	}
})		
//体征设备绑定事件
function EbindEvents(){
    //绑定编辑和删除事件 
    $(".c-list").on("click","li div",function(){
            var code = $(this.parentElement).attr("data-id");
            var deviceId = $(this.parentElement).attr("device-id");
            var type = $(this.parentElement).attr("data-type");
            if(type==1){
                location.href="../../wdsb/html/view-xuetangyi.html?deviceId="+deviceId+"&id="+code;
            }else if(type==2){
                location.href="../../wdsb/html/view-xueyaji.html?deviceId="+deviceId+"&id="+code;
            }
    })
    function deleteSn(code){
        sendPost("patient/device/DeletePatientDevice?id="+code,{},"JSON","DELETE",function(res){
            if (res &&  res.msg) {
                dialog({contentType:'tipsbox', skin:'bk-popup',bottom:true , content:res.msg}).show();
            } else {
                dialog({contentType:'tipsbox', skin:'bk-popup',bottom:true , content:'删除设备失败'}).show();
            }
        },function(res){
            if(res.status==200){
                $(".c-list").html("");  
                id=0;
                getEquipments();
            }else{
                dialog({contentType:'tipsbox', skin:'bk-popup',bottom:true , content:'删除设备失败'}).show();
            }
        })
    }
    
   //点击血糖仪事件
   $(".xuetangyi-icon").on("click",function(){
        $(this).addClass("active");
        window.location.href = "../../wdsb/html/list-xuetangyi.html?category_code=1";
    });
    
     //点击血压计事件
   $(".xueyaji-icon").on("click",function(){
        $(this).addClass("active");
        window.location.href = "../../wdsb/html/list-xueyaji.html?category_code=2";
   });
}
function checkDate (v) {
	return (v < 10 ? '0' + v : v);
}
appendFamilyMember($('#memberContainer'),function(){
    $(".c-list").html("");  
    $(".div-no-info").hide();
    $(".main").show();
    id=0;
	getEquipments();
	getRecentDataInit();	 
},function(){
    //判断有授权家人，修改样式
    if($('#memberContainer').is(':hidden')){
        $('#wrapper').css('top','0px');
    }else{
        $('#wrapper').css('top','90px');
    }
});
//获取最新的体征记录
function getRecentDataPromise() {	
	return new Promise(function(resolve, reject) {
		sendPost("patient/health_index/last", {}, "json", "get", function() {
			d.close();
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据查询失败'}).show();
		}, function(res) {
			d.close();
			if(res.status == 200) {
			    console.log(res);
				resolve(res)
			} else {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据查询失败'}).show();
			}
		});
	})
}
//获取最新的体征设备
function getEquipments(){
    var params = {};
    params.id=id;
    params.pagesize = pagesize;
    d.show();
    sendPost("patient/device/PatientDeviceList",params,"JSON","GET",queryListFailed,queryListSuccess);
}
//获取最新体征设备成功回调
function queryListSuccess(res){
    d.close();  
    if(res.status==200){
        if(res.data&&res.data.length>0){
            for(var i in res.data){
                showList(res.data[i]); 
            }
            id = res.data[res.data.length-1].id;
            scroller1.myScroll.refresh(); 
        }else{
            if(id==0){
                $(".div-no-info").show(); 
                $(".main").hide();
            }         
        }
        $(".pullUp").hide();
    }else{
        queryListFailed(res);
    }
}
//获取最新体征设备初始化数据
function showList(rowData){
    var img='xuetangyi_icon.png';
    if(rowData.categoryCode==2){
        img='xueyaji_icon.png';
    }
    var bindUser ="自己绑定";
    if(rowData.doctor){
        bindUser = "医生绑定";
    }else if(rowData.agent){
        bindUser = "家人绑定"; 
    }
    var showDomLi = '<li class="inp" device-id="'+rowData.deviceId+'" data-type="'+rowData.categoryCode+'" data-id="'+rowData.id+'">'+
                        '<div class="icon-div">'+
                            '<img src="../images/'+img+'">'+
                        '</div>'+
                        '<div class="div-content">'+rowData.deviceName+'</div>'+
                        '<div class="div-sn"><span class="bullspan">&bull; </span>绑定时间：'+rowData.czrq+'</div>'+
                        '<div class="div-sn" style="top: 70px;color: #ff9526;"><span class="bullspan">&bull;</span> '+bindUser+'</div>'+
                    '</li>';
    $("#shebeiList .Equipment").append(showDomLi);
}
//获取最新体征设备失败回调
function queryListFailed(res) {
    d.close();
    if (res &&  res.msg) {
        dialog({contentType:'tipsbox', skin:'bk-popup',bottom:true , content:res.msg}).show();
    } else {
        dialog({contentType:'tipsbox', skin:'bk-popup',bottom:true , content:'加载设备列表失败'}).show();
    }
}
//获取最新保健记录
function getBJRecentDataPromise () {
	return new Promise(function( resolve, reject){
		sendPost("patient/health_record/recent", {}, "json", "get", function() {
			dd.close();
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据查询失败'}).show();
		}, function(res) {
			dd.close();
			if(res.status == 200) {
				resolve(res)
			} else {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据查询失败'}).show();
			}
		});
	});
}
function getLevelClazz(value,max,min) {
	if(!value||(!max && !min)) {
		return '';
	}
	var value = parseFloat(value);
	if(value < min) {
		return 'low';
	} else if(value > max) {
		return 'high';
	} else {
		return ''
	}
}
function bindEvents() {
	//标签切换
  $(".pt-tab li").click(function(){
		var id = $(this).attr("id");
		$(".pt-tab li").removeClass("hit");
		$(this).addClass("hit");
		if(id=="tizhengLi"){
			$("#tizhengList").show();
			$("#baojianList").hide();
		    $("#shebeiList").hide();
		}if(id=="shebeiLi"){
		    $("#shebeiList").show();
			$("#tizhengList").hide();
			$("#baojianList").hide();
		}if(id=="healthLi"){
		    $("#baojianList").show();
		    $("#shebeiList").hide(); 
		    $("#tizhengList").hide();
		}
	});	
	$('#tizhengList').on('click','li',function() {
		var index = $(this).index();
		var dat = new Date(),
			nowD = dat.getFullYear() + '-' + (dat.getMonth() + 1) + '-' + dat.getDate();
		if(index == 0) {
			window.location.href = 'xuetang-view.html?dateT=' + (xtdt || nowD);
		}
		if(index == 1) {
			window.location.href = 'xueya-view.html?dateT=' + (xydt || nowD);
		}
		if(index == 2) {
			window.location.href = 'tizhong-view.html?dateT=' + (nowD);
		}
		if(index == 3) {
			window.location.href = 'yaowei-view.html?dateT=' + (ywdt || nowD);
		}
	})
	$('#baojianList').on('click','li',function() {
		var index = $(this).index();
		var dat = new Date(),
			nowD = dat.getFullYear() + '-' + (dat.getMonth() + 1) + '-' + dat.getDate();
		if(index == 0) {
			window.location.href = 'yundong-view.html?dateT=' + (yddt || nowD);
		}
		if(index == 1) {
			window.location.href = 'yongyao-view.html?dateT=' + (yydt || nowD);
		}
		if(index == 2) {
			window.location.href = 'yinshi-view.html?dateT=' + (ysdt || nowD);
		}
	})
		//点击新增事件
    	$(".div-add-btn").click(function(){
    		$(".modal-overlay").css("background","transparent");
    		$("#footer").css("z-index",4).hide();
    		var activeItem = $(".pt-tab li.hit").attr("id");
    		console.log(activeItem);
    		if(activeItem=="tizhengLi"){ 
    			if($(this).hasClass("active")){
					$(".div-dialog-content.div-tizhengtezheng").hide();
				}else{
					$(".div-dialog-content.div-tizhengtezheng").show();
				}
    		}else if(activeItem=="shebeiLi"){
    		   if($(this).hasClass("active")){ 
    		       $(".div-dialog-content.div-tizhengshebei").hide();
    		   }else{
    		       $(".div-dialog-content.div-tizhengshebei").show();
    		   }
    		}else{
    			if($(this).hasClass("active")){
					$(".div-dialog-content.div-baojianjilu").hide();
				}else{
					$(".div-dialog-content.div-baojianjilu").show();
				}
    		}
    		
    		if($(this).hasClass("active")){
				$(".modal-overlay").removeClass("modal-overlay-visible");
				$(this).removeClass("active");
			}else{
				$(this).addClass("active");
				$(".modal-overlay").addClass("modal-overlay-visible");
			}
    	});
    	//点击遮罩事件
		$(".modal-overlay").on("click",function(){
			$(".div-add-btn").removeClass("active");
			$(".div-dialog-content").hide();
			$(".modal-overlay").removeClass("modal-overlay-visible");
			$("#footer").show();
	    });
	    //取消
	    $(".quxiao").on("click",function(){
			$(".div-add-btn").removeClass("active");
			$(".div-dialog-content").hide();
			$(".modal-overlay").removeClass("modal-overlay-visible");
			$("#footer").show();
	    });
	    
	     //新增血糖
	   $(".addxuetang").on("click",function(){
	   		$(this).addClass("active");
	   		window.open('health-index-add-bloodsugar.html');
	   	});
		
		//新增血压
	   $(".addxueya").on("click",function(){
	   		$(this).addClass("active");
	   		window.open('health-index-add-bloodpressure.html');
	   	});
	   	
	   	//新增体重
	   $(".addtizhong").on("click",function(){
	   		$(this).addClass("active");
	   		var dat = new Date(),
                nowD = dat.getFullYear() + '-' + (dat.getMonth() + 1) + '-' + dat.getDate();
	   		window.open('health-index-add-weight.html?dateT='+nowD);
	   	});
	   	
	   	//新增腰围
	   $(".addyaowei").on("click",function(){
	   		$(this).addClass("active");
	   		window.open('health-index-add-waistline.html');
	   	});
	   	
	   	//新增设备管理
	   $(".addshebei").on("click",function(){
	   		$(this).addClass("active");
	   		window.open('../../wdsb/html/my-equipments.html');
	   	});
	   	
	   	//新增运动
	   $(".addyundong").on("click",function(){
	   		$(this).addClass("active");
	   		window.open('add-sport-record.html');
	   	});
	   	
	   	//新增用药
	   $(".addyongyao").on("click",function(){
	   		$(this).addClass("active");
	   		window.open('add-drug-record.html');
	   	});
	   	
	   	//新增饮食
	   $(".addyinshi").on("click",function(){
	   		$(this).addClass("active");
	   		// 修复bug#2724
	   		window.location.href = 'add-diet-record.html';
	   	});
}
function pushHistory() {  
    var state = {  
        title: "title",  
        url: "#"  
    };  
    setTimeout(function (){
    	window.history.pushState(state, "title", "#");  
    },1000);
}
pushHistory(); 
setTimeout( function () {
    window.addEventListener("popstate", function(e) {  
    	WeixinJSBridge.call('closeWindow');
	}, false);  
}, 300); 
function getRecordType(isDevice) {
	return isDevice === null ? "手动记录" : isDevice != null ? "设备上传" : '';
//	return isDevice == "0"?"手动记录":(isDevice=="1"?"设备上传":"");
}
function getBJRecordType(isDevice) {
	return isDevice === 0 ? "手动记录" : isDevice == 1 ? "设备上传" : '';
}
var html = template('tizheng_list_temp',{
	xuetang:{},
	xueya:{},
	tizhong:{},
	yaowei:{}
});
$tizhengList.html(html);
function getRecentDataInit(){
	//体征记录
	getRecentDataPromise()
	.then(function(res) {
		xuetangRecord = _.find(res.data,function(o) {
			var d = new Date(o.recordDate.replace(/\-/g, "/"));
			o.recordDate = d.getFullYear() + '-' + checkDate(d.getMonth() + 1) + '-' + checkDate(d.getDate());
			return o.type =="1";
		}) || {};
		xuyaRecord = _.find(res.data,function(o) {
			return o.type =="2";
		}) || {};
		tizhongRecord = _.find(res.data,function(o) {
			return o.type =="3";
		}) || {};
		yaoweiRecord = _.find(res.data,function(o) {
			return o.type =="4";
		}) || {};
		
		var xuetangValue = "";
		var xuetangValueIndex;
		var during = _.find(xuetangDuring,function(v,i){
			xuetangValue = xuetangRecord['value'+[i]];
			xuetangValueIndex = i;
			return i>0&&xuetangValue;
		});
		
		xtdt = xuetangRecord.recordDate;
		xydt = xuyaRecord.recordDate;
		tzdt = tizhongRecord.recordDate;
		ywdt = yaoweiRecord.recordDate;
		var duringIndex = xuetangRecord.value2 ? xuetangRecord.value2 : 0;
		return {
		    //血糖中，value1返回最新的值，value2表示当前值对应的时间段的值（1-7）
			xuetang: $.extend({},xuetangRecord,{
				during:  duringIndex ? xuetangDuring[duringIndex] : '',
				value: xuetangValue,
				levelClazz: (function() {
					// 不同时间段对应不同的血糖范围
//					var levels = [[],[7.0, 3.9],[11.1, 4.0],
//								[7.0, 3.9],[11.1, 4.4],
//								[7.0, 3.9],[11.1, 4.4],
//								[7.0, 3.9]][xuetangValueIndex];
                    var levels = [[],[7.0, 3.9],[11.1, 4.0],
                                [7.0, 3.9],[11.1, 4.0],
                                [7.0, 3.9],[11.1, 4.0],
                                [7.0, 3.9]][duringIndex]
				
					return getLevelClazz(xuetangValue, levels[0],levels[1])
				})(),
				recordType: getRecordType(xuetangRecord.deviceSn)
			}),
			xueya: $.extend({},xuyaRecord,{
				levelClazz: getLevelClazz(xuyaRecord.value1, 139, 90)||getLevelClazz(xuyaRecord.value2, 89, 60),
				recordType: getRecordType(xuyaRecord.deviceSn)
			}),
			tizhong: $.extend({},tizhongRecord,{
				recordType: getRecordType(tizhongRecord.deviceSn)
			}),
			yaowei:  $.extend({},yaoweiRecord,{
				recordType: getRecordType(yaoweiRecord.deviceSn)
			})
		}
	})
	.then(function(data) {
		var html = template('tizheng_list_temp',data);
		$tizhengList.html(html)
	})
	.catch(function(e) {
		d.close();
		console && console.error(e)
	});
	
	//保健记录
	getBJRecentDataPromise()
	.then(function (res) {
		yundongRecord = res.data.sprot;
		yongyaoRecord = res.data.medication;
		yinshiRecord = res.data.diet;
		
		yddt = yundongRecord.recordDate;
		yydt = yongyaoRecord.recordDate;
		ysdt = yinshiRecord.recordDate;
		return {
			yundong: (function () {
				yundongRecord.recordType = getBJRecordType(yundongRecord.source);
				return yundongRecord;
			})(),
			yongyao: (function () {
				yongyaoRecord.recordType = getBJRecordType(yongyaoRecord.source);
				return yongyaoRecord;
			})() ,
			yinshi: (function () {
				yinshiRecord.recordType = getBJRecordType(yinshiRecord.source);
				return yinshiRecord;
			})()
		};
	}).then(function (data) {
		var html = template('baojian_list_tmp',data);
		$baojianList.html(html)
	});
}
getRecentDataInit();
getEquipments(); 
bindEvents();

html/jkjl/js/health-ssgg.js

@@ -0,0 +1,86 @@
/**
 * 健康记录添加失败处理方法
 */
function addHealthRecordFailed(res) {
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'添加失败'}).show(); 
	}
}
/**
 * 运动添加成功处理方法
 */
function addSportSuccess(res) {
	if (res.status == 200) {
		window.location.href='health-record.html?charType=5';
	} else {
		//非200则为失败
		addHealthRecordFailed(res);
	}
}
/**
 * 用药添加成功处理方法
 */
function addDrugSuccess(res) {
	if (res.status == 200) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'保存成功'}).show(); 
		setTimeout(function () {
			window.location.href='health-record.html?charType=6';
		},2000);
	} else {
		//非200则为失败
		addHealthRecordFailed(res);
	}
}
/**
 * 饮食添加成功处理方法
 */
function addDietSuccess(res) {	
	if (res.status == 200) {
		//添加成功
		window.history.back();
	} else {
		//非200则为失败
		addHealthRecordFailed(res);
	}
}
/////////////////////////////////////////////////////////////////////////////////健康指标历史记录查询///////////////////////////////////////////////////////////////////////////
/**
 * 健康指标历史记录查询
 * @param {Object} type 健康指标类型（1血糖，2血压，3体重，4腰围）
 * @param {Object} page 当前分页
 * @param {Object} pagesize 分页大小
 */
/**
 * 健康指标历史记录查询失败处理方法
 */
function queryListFailedAdd(res) {
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show(); 
	}
}
var $member = $("#member");
var userAgent = JSON.parse(window.localStorage.getItem(agentName));
//获取家庭成员
Promise.all([familyAllMembers()]).then(function(data){
	var arr_code=_.pluck(data[0], 'code');
    var arr_name=_.pluck(data[0], 'name');
	//关联被代理人
	if(userAgent.represented){
		var one = _.find(data[0],function(item){return item.code == userAgent.represented;})
		$member.attr('data-code',one.code);
		$member.val(one.name);
	}else{
		$member.attr('data-code',arr_code[0]);
		$member.val(arr_name[0]);
	}
})