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

html/jbsq/css/control-target.css

@@ -0,0 +1,7 @@
@charset "utf-8";
.xuetang,.xueya,.yundong{height: 40px;line-height: 40px;}
.pdl-10{padding-left: 10px;}
.c-909090{color: #909090;}
.c-333333{color: #333333;}
.c-list > li{margin-left: 10px;margin-right: 10px;}
.c-list-text .c-t-right{padding-right: 10px;}

html/jbsq/css/disease-community.css

@@ -0,0 +1,42 @@
@charset "utf-8";
/*---------reset-------------------------*/
.div-condition{height: 40px;text-align: center;line-height: 40px;background: #ffffff;border-bottom: 1px solid #dcdcdc;}
.div-condition .div-type{color: #323232;font-size: 16px;font-weight: bold;}
.div-condition img{width: 14px;height: 14px;background-size: 14px;margin-top: 14px;padding-left: 5px;}
#publicList ul li,#patinetsList ul li {padding:0 10px 8px;border:1px solid #dcdcdc;margin-top:10px;background:#fff;}
#publicList li .div-title,#patinetsList li .div-title{margin: 10px 0 8px;font-size: 16px;color:#323232;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#publicList li .div-content,#patinetsList li .div-content{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;display:-moz-box;display:-webkit-box;font-size: 14px;overflow:hidden;-webkit-line-clamp:3;max-height: 60px;-webkit-box-orient:vertical;color:#323232;}
.div-remark-info{padding-top: 7px;line-height: 25px;font-size: 12px;}
.div-remark-info .n-avatar-l{width: 25px; height: 25px; display: inline-block;}
.div-remark-info .lab-user-name{display: inline-block;font-size: 12px;color: #A8A8A8;text-align: center;margin-right: 10px;}
.div-remark-info .lab-time{ display: inline-block;font-size: 12px;color: #A8A8A8;text-align: center;}
.div-right{float: right;}
.div-right img{width: 17px;height: 17px; background-size: 17px;padding-top: 4px;}
.lab-count{font-size: 12px;color: #A8A8A8;text-align: center;vertical-align: middle;}
.timper-addfix{background: #5B5B5B;z-index: 2;}
.c-lab-mor li.hit a {color: #75BF00;font-size: 16px;}
.c-lab-mor li.hit {border-bottom: 3px solid #75BF00;}
.div-btn-group{margin: 0 auto;text-align: center;}
.div-btn-group .div-all{width: 90px;height: 29px;margin: 0px 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: 14px;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{color: #909090;background: #FFFFFF;}
#wrapper{top: 40px}
#wrapper1{top: 120px;}
.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;}
.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;}  
.zixun-icon{width: 55px; height: 55px;background: url(../images/zixun_btn.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -77px;left: 20px;}
.binyou-icon{width: 55px; height: 55px;background: url(../images/binyou_btn.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -77px;right: 20px;}
.zixun-icon.active{width: 55px; height: 55px;background: url(../images/zixun_pre.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -77px;left: 20px;}
.binyou-icon.active{width: 55px; height: 55px;background: url(../images/binyou_pre.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -77px;right: 20px;}
.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;}
.f-dn{display: none;}
.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;}
.f-fs16{font-size: 16px;}
#header{background: transparent;}
#header{top:68px;}

html/jbsq/css/monitor-program.css

@@ -0,0 +1,89 @@
@charset "utf-8";
.mb-head{
	background-color: #fff;
	/*padding: 10px 0px 10px 0px;*/
	color: #333;
	font-size: 16px;
	text-align: center;
	/*border-bottom: solid 1px #dcdcdc;*/
}
.mb-tag{
	display: -webkit-box;
	width: 100%;
}
.mb-tag li.active{color: #74BF00;border-bottom: 2px solid #74bf00;}
.mb-tag li{width: 50%;position: relative;padding: 10px 0px 10px 0px;border-bottom: solid 1px #dcdcdc; */}
.mb-tag li .line{
	position: absolute;
	right: 0px;
	top: 10px;
	width: 1px;
	height: 24px;
	background-color: #ececec;
}
.fa-one{
	background-color: #fff;
	margin-top: 10px;
	border-top: solid 1px #dcdcdc;}
.fa-one:last-child{margin-bottom: 10px;}
.fa-up{
	padding: 10px;
	border-bottom: solid 1px #dcdcdc;
	background: url('../images/icon_down.png') no-repeat;
	background-position: calc(100% - 10px) 26%;
	background-size: 17px 9px;
}
.fa-up div:nth-child(1){
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
}
.fa-up div:nth-child(2){
	font-size: 12px;
	color: #909090;
}
.fa-up.active{
	background: url('../images/icon_up.png') no-repeat;
	background-position: calc(100% - 10px) 26%;
	background-size: 17px 9px;
}
.fa-down{
	padding: 10px;
	width: 100%;
	border-bottom: solid 1px #dcdcdc;
}
#xt-ul .fa-down tr:nth-child(2) td{
	background-color: #f2f4f6;
}
table{width: 100%;}
.fa-down td{
	width: 12.5%;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #dcdcdc;
	font-size: 14px;
	color: #666;
}
.fa-down tr td:first-child{background-color: #f2f4f6;}
.fa-down tr:nth-child(1) td{background-color: #f2f4f6;}
.fa-down td.active{
	background: url('../images/round.png') no-repeat;
	background-size: 16px 16px;
	background-position: center;
}
.select{
	width: 100px;
	height: 38px;
	font-size: 16px;
	line-height: 37px;
	text-align: center;
	border-radius: 5px;
	background-color: #ccc;
	color: #fff;
	margin: 0 auto;
	margin-top: 10px;
}
.select-active{background-color: #37a6ec;}
.discription{padding: 10px;padding-bottom: 0px;text-align: center;}

html/jbsq/css/slow-disease-manage.css

@@ -0,0 +1,73 @@
@charset "utf-8";
.main{}
.c-323232{color: #323232;}
.patient-info{/*height: 52px;*/padding-top: 14px;padding-bottom: 14px;}
.n-list > .n-list-li{padding-left: 10px;margin-left: 0;padding-right: 0px;}
.mb-icon-flex{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkit-align-items: center;}
.doc-avatar{width: 50px;height: 50px;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.doc-avatar img{width: 100%;height: 100%;}
.left{float: left;}
.right{float: right;}
.weixing-icon{width: 20px;height: 17px;margin-top: 0px;margin-right: 5px;vertical-align: middle;}
.xuetang-icon{width: 12px;height: 21px;margin-top: 0px;margin-right: 5px;vertical-align: middle;}
.xueyaji-icon{width: 15px;height: 18px;margin-top: 0px;margin-right: 5px;vertical-align: middle;}
.gaotang-icon{width: 40px;height: 40px;margin-top: 0px;margin-right: 5px;vertical-align: middle;}
.zinengcheliang-icon{width: 80px;height: 40px;margin-top: 0px;vertical-align: middle;margin-left: 5px;}
.part2{height: 140px;}
.mb-flex{display: flex;display: -webkit-flex;}
.c-ff6a56{color: #FF6A56;}
.border-red{border:1px solid #FF6A56}
.c-74bf00{color: #74BF00;}
.border-green{border:1px solid #74BF00}
.c-47a8ef{color:#47A8EF}
.border-blue{border:1px solid #47A8EF}
.cycle-div{width: 50px;height: 50px;line-height: 50px;border-radius: 50%;text-align: center;margin: 0 auto;}
.switch-box{border: 1px solid #47A8EF;border-radius: 15px;text-align: center;}
.switch-box span.active{color: #fff;background-color: #47A8EF;}
.switch-box span{width: 40px;display: inline-block;border-radius: 15px;color: #47A8EF;height: 30px;line-height: 30px;}
.header-icon{display: inline-block;width: 20px;height: 20px;}
.header-icon img{width: 20px;height: 20px;margin-top: 3px;}
.text{width: 33%;}
.part3{height: 210px;}
.padl-10{padding-left: 10px;}
.list-part3{list-style: none;}
.list-part3 li{box-sizing: border-box;height: 100px;width: 50%;float: left;border: 1px solid #e1e1e1;margin-top: 5px;}
.list-part3 li:nth-child(even){margin-right: 0;}
.pos-r{position: relative;}
.common-situation{height: 40px;line-height: 40px;border-bottom: 1px solid #e1e1e1;}
.common-content{height: 58px;line-height: 58px;text-align: center;color: #909090;}
.special-content{height: 58px;color:#909090;text-align: center;padding-top: 6px;}
.special-content span{display: block;}
.content-active{color: #47A8EF;}
.special-img{width: 30px;height: 30px;background-size: 30px;position: absolute;top: 0;right: 0;}
.mr2{margin-right: 2px;}
.icon-img{width: 20px;height: 20px;background-size: 20px;margin-top: 12px;margin-right: 5px;}
.part4{height: 140px;background-color: #fff;}
.target-title,.part2-title{height: 40px;line-height: 40px;border: 1px solid #e1e1e1;}
.target-content-common{width: 50%;float: left;height: 70px;text-align: center;padding-top: 12px;padding-bottom: 16px;}
.c-47A8EF{color:#47A8EF}
.c-909090{color: #909090;}
.part5,.part6,.part7{height: 40px;background-color: #fff;line-height: 40px;}
.mb-icon-round{width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 39px;font-size: 16px;margin-right: 10px;}
.mb-icon-round.red {
    border: solid 1px #FF4c4c;
    color: #FF4c4c;
}
.mb-icon-round.orange {
    border: solid 1px #FFc691;
    color: #FFc691;
}
.mb-icon-round.green {
    border: solid 1px #06bf04;
    color: #06bf04;
}
.mui-loading{
    margin: 0 auto;
}

html/jbsq/css/sports.css

@@ -0,0 +1,64 @@
@charset "utf-8";
.grey-line{
    position: absolute;
    width: calc(100% - 20px);
    height: 1px;
    top: 50%;
    left: 10px;
    background-color: #e1e1e1;
    z-index: -1;
}
.c-f25{font-size: 25px;}
.c-17b3ec{color: #17b3ec;}
.c-ccc{color: #ccc;}
.wrapper{
    width: 100%;
    height: 200px;
    background-color: #fff;
    position:relative;
    overflow:hidden;
    padding-top: 20px;
}
.wrapper .text{
    position: absolute;
    width: 200px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -38px;
}
.jiao{
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -34px;
    background: #fff;
    /*padding: 0 5px;*/
    z-index: 10;
    border-radius: 0px;
    width: 45px;
    margin-left: -45px;
}
.left{
    display: inline-block;
    width: 10px;
    background-color: #17b3ec;
    height: 10px;
    border-radius: 5px;
    /*clip: rect(0px, 10px, 10px, 5px);*/
    position: absolute;
    left: 0;
    margin-left: -2px;
    top: 2px;
}
.right{
    display: inline-block;
    width: 10px;
    background-color: #e1e1e1;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    margin-right: -5px;
    top: 12px;
}

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

@@ -0,0 +1,572 @@
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; }
.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/jbsq/html/control-target.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/iscroll.css" />	
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
    <link rel="stylesheet" type="text/css" href="../css/control-target.css"/>
</head>
<body>
	<div class="main">
		<div class="pdl-10 c-f12 c-909090 xuetang c-f12">血糖目标</div>
		<ul class="c-list c-border-tb c-f16" id="sugger-tagert">
			
		</ul>
		<div class="pdl-10 c-f12 c-909090 xueya c-f12">血压目标</div>
		<ul class="c-list c-border-tb c-f16" id="pressure-tagert">
		</ul>
		<div class="pdl-10 c-f12 c-909090 yundong c-f12">运动目标</div>
		<ul class="c-list c-border-tb c-333333 c-f16" id="sports-target">
			
		</ul>
	</div>
	<script type="text/html" id="sugger-tmp">
		<li class="c-list-text">
				<div class="c-list-value">
					<h4>空腹血糖</h4>
				</div>
				<div class="c-list-info c-t-right">
					<div class="c-nowrap c-f14">
						{{if fbg}}
							{{fbg}}mmol/L
						{{else}}
							7.0mmol/L
						{{/if}}
					</div>
				</div>
				<span style="margin-top: -4px;" class="list-icon arrow-right"></span>
			</li>
			<li class="c-list-text">
				<div class="c-list-value">
					<h4>餐后2小时血糖</h4>
				</div>
				<div class="c-list-info c-t-right">
					<div class="c-nowrap c-f14">
						{{if hpg}}
							{{hpg}}mmol/L
						{{else}}
							11.1mmol/L
						{{/if}}
					</div>
				</div>
				<span style="margin-top: -4px;" class="list-icon arrow-right"></span>
			</li>
			<li class="c-list-text">
				<div class="c-list-value">
					<h4>空腹血糖低限</h4>
				</div>
				<div class="c-list-info c-t-right">
					<div class="c-nowrap c-f14">
						<div class="c-nowrap c-f14">
						{{if fbgMin}}
							{{fbgMin}}mmol/L
						{{else}}
							4.0mmol/L
						{{/if}}
					</div>
						
					</div>
				</div>
				<span style="margin-top: -4px;" class="list-icon arrow-right"></span>
			</li>
			<li class="c-list-text">
				<div class="c-list-value">
					<h4>餐后2小时血糖低限</h4>
				</div>
				<div class="c-list-info c-t-right">
					<div class="c-nowrap c-f14">
						{{if hpgMin}}
							{{hpgMin}}mmol/L
						{{else}}
							4.0mmol/L
						{{/if}}
						
					</div>
				</div>
				<span style="margin-top: -4px;" class="list-icon arrow-right"></span>
			</li>
	</script>
	<script type="text/html" id="pressure-tmp">
		<li class="c-list-text">
			<div class="c-list-value">
				<h4>收缩压</h4>
			</div>
			<div class="c-list-info c-t-right">
				<div class="c-nowrap c-f14">
					{{if sbp}}
						{{sbp}}mmHg
					{{else}}
						140mmHg
					{{/if}}
					
				</div>
			</div>
			<span style="margin-top: -4px;" class="list-icon arrow-right"></span>
		</li>
		<li class="c-list-text">
			<div class="c-list-value">
				<h4>舒张压</h4>
			</div>
			<div class="c-list-info c-t-right">
				<div class="c-nowrap c-f14">
					{{if dbp}}
						{{dbp}}mmHg
					{{else}}
						90mmHg
					{{/if}}
					
				</div>
			</div>
			<span style="margin-top: -4px;" class="list-icon arrow-right"></span>
		</li>
		<li class="c-list-text">
			<div class="c-list-value">
				<h4>收缩压低限</h4>
			</div>
			<div class="c-list-info c-t-right">
				<div class="c-nowrap c-f14">
					{{if sbpMin}}
						{{sbpMin}}mmHg
					{{else}}
						90mmHg
					{{/if}}
					
				</div>
			</div>
			<span style="margin-top: -4px;" class="list-icon arrow-right"></span>
		</li>
		<li class="c-list-text">
			<div class="c-list-value">
				<h4>舒张压低限</h4>
			</div>
			<div class="c-list-info c-t-right">
				<div class="c-nowrap c-f14">
					{{if dbpMin}}
						{{dbpMin}}mmHg
					{{else}}
						60mmHg
					{{/if}}
					
				</div>
			</div>
			<span style="margin-top: -4px;" class="list-icon arrow-right"></span>
		</li>
		
	</script>
	<script type="text/html" id="sports-tmp">
		<li class="c-list-text">
				<div class="c-list-value">
					<h4>每日步数</h4>
				</div>
				<div class="c-list-info c-t-right">
					<div class="c-nowrap c-f14">
						{{if dailyStepCount}}
							{{dailyStepCount}}步
						{{else}}
							10000步
						{{/if}}
						
					</div>
				</div>
				<span style="margin-top: -4px;" class="list-icon arrow-right"></span>
			</li>
			<li class="c-list-text">
				<div class="c-list-value">
					<h4>体重指数 BMI</h4>
				</div>
				<div class="c-list-info c-t-right">
					<div class="c-nowrap c-f14">
						{{if bmiMin}}
							{{bmiMin}}-{{bmiMax}}
						{{else}}
							18.5-23.9
						{{/if}}
						
					</div>
				</div>
				<span style="margin-top: -4px;" class="list-icon arrow-right"></span>
			</li>
	</script>
	
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../js/ui_search_one.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<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/iscroll-probe.js"></script>
	<script src="../../../js/es6-promise.js"></script>
	<script src="../../../js/underscore.js"></script>
	<script src="../../../js/template.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../js/iscroll-pull-up-down.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script src="../../../js/family-members.js"></script>
	<script src="../js/control-target.js"></script>
</body>
</html>

html/jbsq/html/disease-community.html

@@ -0,0 +1,63 @@
<!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/iscroll.css" />	
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
    <link rel="stylesheet" type="text/css" href="../css/disease-community.css?v=1.3.4" />
	 <style>
    	.ui-dialog-content{font-size: 16px;}
    	.ax-popup .ui-dialog-footer button{color:#323232 !important;}
    	.ax-popup .ui-dialog-footer button.ui-dialog-autofocus{color:#75BF00 !important;}
    	.div-condition{position: absolute;top: 0px;width: 100%;}
    </style>
</head>
<body>
	<div id="memberContainer"></div>
	<div>
        <div id="publicList" class="pt-tab-list hit">
        	<div class="div-condition">
				<label class="div-type">全部</label><img src="../images/xiajiantou.png">
			</div>
        	<div id="wrapper">
				<div class="iScroller">
	        	    <ul id='publicul'><ul> 
        	 	</div>
      		</div>
       	</div>
       	<!--公共咨询无数据，信息显示-->
  		<div class="div-no-info f-dn" id='nopubliclist' style="padding-top:120px;">
			<div class="div-img"></div>
			<div class="div-tishi-info"><p class="f-fs16">&emsp;您可以向这里的医生发起咨询，</p>
			<p class="f-fs16" style=" margin-top: 8px;">我们将努力促成医生帮您解答</p></div>
		</div>		
	</div>
	<div class="timper-addfix"><i class="iconfont icon-jia"></i></div>  
	
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../js/ui_search_one.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<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/iscroll-probe.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../js/iscroll-pull-up-down.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script src="../../../js/family-members.js"></script>
	<script type="text/javascript" src="../js/disease-community.js?v=1.3.4" ></script>
</body>
</html>

html/jbsq/html/monitor-program.html

@@ -0,0 +1,155 @@
<!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/mui.min.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="../../../iconfont/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />	
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
    <link rel="stylesheet" type="text/css" href="../css/monitor-program.css"/>
</head>
<body>
	<div id="iScroll" class="mui-scroll-wrapper">
		<div class="mui-scroll">
			<div class="mb-head">
				<ul id="jc-Type" class="mb-tag">
					<li data-type="1" class="active">
						<div>血糖监测方案</div>
						<div class="line"></div>
					</li>
					<li data-type="2">
						<div>血压监测方案</div>
						<div class="line"></div>
					</li>
				</ul>
			</div>
			<ul id="xt-ul" class="fa-contain">
			</ul>
			<ul id="xy-ul" class="fa-contain c-hide">
				
			</ul>
		</div>
	</div>
	<script type="text/html" id="xt-tmp">
		{{if data.isDefault == 'default'}}
			<div class="discription c-f15" data-type="1">医生暂未给您选择血糖监测方案，您可选择系统默认方案进行监测</div>
		{{/if}}
		<li class="fa-one">
			<div class="fa-up">
				<div>{{data.name}}</div>
				<div>{{data.content}}</div>
			</div>
			<div class="fa-down c-hide">
				<table>
					<tr>
						<td rowspan="2">星<br>期</td>
						<td colspan="2">早餐</td>
						<td colspan="2">午餐</td>
						<td colspan="2">晚餐</td>
						<td rowspan="2">睡<br>前</td>
					</tr>
					<tr>
						<td>前</td>
						<td>后</td>
						<td>前</td>
						<td>后</td>
						<td>前</td>
						<td>后</td>
					</tr>
					{{each data.list as j}}
					<tr>
						{{if j.dayofweek == 2}}<td>周一</td>{{/if}}
						{{if j.dayofweek == 3}}<td>周二</td>{{/if}}
						{{if j.dayofweek == 4}}<td>周三</td>{{/if}}
						{{if j.dayofweek == 5}}<td>周四</td>{{/if}}
						{{if j.dayofweek == 6}}<td>周五</td>{{/if}}
						{{if j.dayofweek == 7}}<td>周六</td>{{/if}}
						{{if j.dayofweek == 1}}<td>周日</td>{{/if}}
						{{if j.before_breakfast == 1}}<td class="active"></td>{{else}}<td></td>{{/if}}
						{{if j.after_breakfast == 1}}<td class="active"></td>{{else}}<td></td>{{/if}}
						{{if j.before_lunch == 1}}<td class="active"></td>{{else}}<td></td>{{/if}}
						{{if j.after_lunch == 1}}<td class="active"></td>{{else}}<td></td>{{/if}}
						{{if j.before_dinner == 1}}<td class="active"></td>{{else}}<td></td>{{/if}}
						{{if j.after_dinner == 1}}<td class="active"></td>{{else}}<td></td>{{/if}}
						{{if j.before_sleep == 1}}<td class="active"></td>{{else}}<td></td>{{/if}}
					</tr>
					{{/each}}
				</table>
				{{if data.isDefault == 'default'}}
					<div class="select select-active" data-type="1">选择</div>
				{{/if}}
			</div>
			
		</li>
	</script>
	<script type="text/html" id="xy-tmp">
		{{if data.isDefault == 'default'}}
			<div class="discription c-f15" data-type="1">医生暂未给您选择血压监测方案，您可选择系统默认方案进行监测</div>
		{{/if}}
		<li class="fa-one">
			<div class="fa-up">
				<div>{{data.name}}</div>
				<div>{{data.content}}</div>
			</div>
			<div class="fa-down c-hide">
				<table>
					<tr>
						<td>星期</td>
						<td>清晨</td>
						<td>上午</td>
						<td>中午</td>
						<td>下午</td>
						<td>睡前</td>
					</tr>
					{{each data.list as j}}
					<tr>
						{{if j.dayofweek == 2}}<td>周一</td>{{/if}}
						{{if j.dayofweek == 3}}<td>周二</td>{{/if}}
						{{if j.dayofweek == 4}}<td>周三</td>{{/if}}
						{{if j.dayofweek == 5}}<td>周四</td>{{/if}}
						{{if j.dayofweek == 6}}<td>周五</td>{{/if}}
						{{if j.dayofweek == 7}}<td>周六</td>{{/if}}
						{{if j.dayofweek == 1}}<td>周日</td>{{/if}}
						{{if j.early_morning == 1}}<td class="active"></td>{{else}}<td></td>{{/if}}
						{{if j.morning == 1}}<td class="active"></td>{{else}}<td></td>{{/if}}
						{{if j.noon == 1}}<td class="active"></td>{{else}}<td></td>{{/if}}
						{{if j.after_noon == 1}}<td class="active"></td>{{else}}<td></td>{{/if}}
						{{if j.night == 1}}<td class="active"></td>{{else}}<td></td>{{/if}}
					</tr>
					{{/each}}
				</table>
				{{if data.isDefault == 'default'}}
					<div class="select select-active" data-type="2">选择</div>
				{{/if}}
			</div>
		</li>
	</script>
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../js/ui_search_one.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<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/es6-promise.js"></script>
	<script src="../../../js/underscore.js"></script>
	<script src="../../../js/template.js"></script>
	<script src="../../../js/iscroll-probe.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script src="../../../js/family-members.js"></script>
	<script src="../js/monitor-program.js"></script>
</body>
</html>

html/jbsq/html/patient-add-problem.html

@@ -0,0 +1,358 @@
<!doctype html>
<html>
<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">
    <link rel="stylesheet" type="text/css" href="../css/zx-style.css">
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <script src="../js/ui_search_one.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
    <script src="../../../js/mui.min.js"></script>
    <script src="../../../js/app.js"></script>
    <script 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>
    <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script type="text/javascript" src="../../../js/commit_validate.js" ></script>
    <style>
    	.ui-dialog-content{font-size: 16px;}
    	.ax-popup .ui-dialog-footer button{color:#323232 !important;}
    	.ax-popup .ui-dialog-footer button.ui-dialog-autofocus{color:#75BF00 !important;}
    </style>
</head>
<body>
	<!--<div class="h45">
        <div class="demo-comtop">
            <a class="mui-action-back"></a>
            <h1>添加问题</h1>
        </div>
    </div>-->
    <ul class="n-list c-border-tb mt10 doc-detail">
		<li class="list-arrow-d ptb12 ill-time1">
			<div class="n-list-key pr15 c-f15"><i class="required"></i>疾病社区</div>
			<div class="n-list-info c-t-right">
				<input id="txtDiseases" type="text" data-time="illTime1" class="r-input c-5b5b5b" value="" placeholder="请选择疾病类型" readonly/>
				<input id="txtDiseasesCode" type="text" style="display: none;"/>
			</div>
		</li>
	</ul>
    <ul class="n-list c-border-tb mt10 doc-detail">
		<li class="ptb12">
			<div class="n-list-key pr15 c-f17"><i class="required"></i>标题</div>
		</li>
		<li class="n-list-cover ptb12">
			<div class="n-list-info">
				<textarea id="txtTitle" class="r-textarea" rows="2" placeholder="请填写您的标题，（请至少输入5个字）。"></textarea>
			</div>
		</li>
	</ul>
	<ul class="n-list c-border-tb mt10 doc-detail">
		<li class="ptb12">
			<div class="n-list-key pr15 c-f17"><i class="required"></i>内容</div>
		</li>
		<li class="n-list-cover ptb12">
			<div class="n-list-info">
				<textarea id="txtContent" class="r-textarea" rows="4" placeholder="请填写内容，（请至少输入10个字）。"></textarea>
			</div>
		</li>
	</ul>
    <div class="mod mod-record mt15">
    	<!--新增图片上传-->
		<ul class="n-list">
			<li class="ptb12">
				<div class="n-list-key pr15 c-f17">附件</div>
				<div class="n-list-info c-t-right">
					<p class="c-ccc c-f12 c-t-right img-count" id="image_tips">0/9</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 id="info" style="display:none;color: red;text-align: center"></div>
    <div id="info2" style="display:none;color: green;text-align: center"></div>
    <div class="mb15 mlr15 mt20">
        <a href="javascript:;" id="commit" class="c-btn c-btn-4dcd70 c-btn-full c-btn-radius c-f18">提交问题</a>
    </div>    
    &nbsp;
    <script>
        var d = dialog({contentType:'load', skin:'bk-popup'});
        var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
        var Request = new Object();
		Request = GetRequest(); 
		var disease = Request["disease"];
		var diseaseName = Request["diseaseName"];
        $(function(){
        	queryDisease();
			//从后台那边获取签名等信息
			var params = {};
			params.pageUrl = window.location.href;
			$.ajax(server + "weixin/getSign", {
				data: params,
				dataType: "json",
				type: "post",
				success: function(res){
					if (res.status == 200) {
						var t = res.data.timestamp;
						var noncestr = res.data.noncestr;
						var signature = res.data.signature;
						wx.config({		
//							debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
						    appId: appId, // 必填，公众号的唯一标识
						    timestamp: t, // 必填，生成签名的时间戳
						    nonceStr: noncestr, // 必填，生成签名的随机串
						    signature: signature,// 必填，签名，见附录1
						    jsApiList: [
						    	'chooseImage',
						        'uploadImage'
						    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
						});
					} 
					else{
						dialog({
						  	skin:"ui-dialog ax-popup pror", 
						  	content:"获取微信签名失败", 
						  	ok: function (){},
						  	cancle:function(){}
						}).showModal();
						window.location.href = "online-consulting.html";
					}
				}
			});	
			//提交咨询
			document.querySelector("#commit").addEventListener("tap", function() {
				var data = {};
				data.disease = disease==0?"":disease;//0为界面传入的全部
				data.diseaseName = decodeURI(diseaseName);
				if($("#txtTitle").val() == null)
					data.question = "";
				else
					data.question = utf16toEntities($("#txtTitle").val().replace(/\s+/g,""));
				if($("#txtContent").val() == null)
					data.content = "";
				else
					data.content = utf16toEntities($("#txtContent").val().replace(/\s+/g,""));
				if (validate(data)) {
					//验证通过执行
					dd.showModal();
		            var images = getImages();
		            if(images.length == 0){
		            	doSubmit(data);
		            }
		            else{
						uploadImage(data);
					}
				}
			});	
        })
        
        //查询疾病类型
        function queryDisease(){
        		d.show();
				var arr_key=['1', '2'];
                var arr_value=['高血压社区', '糖尿病社区'];                           
                $('li.ill-time1').mobiscroll({
					theme: 'ios',
					lang: 'zh',
					formatValue: function(d) {
						return d.join(',');
					},
					customWheels: true,
					wheels: [
						[{
							keys: arr_key,
							values: arr_value
						}]
					],
					onSelect: function(valueText, inst) {
						var dd = eval("[" + valueText + "]");
						$('#txtDiseasesCode').val(dd[0].keys);
						$('input[data-time=illTime1]').val(dd[0].values);
						disease = dd[0].keys;
						diseaseName = dd[0].values;
					}
				});
				$('#txtDiseasesCode').val(disease);
				$('input[data-time=illTime1]').val(decodeURI(diseaseName));
				d.close();	
        }
        
        function queryDiseaseFailed(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 queryDiseaseSuccess(res) {
			if (res.status == 200) {} else {
				queryDiseaseFailed(res);
			}
		}
        
        //验证信息
		function validate(data) {
			if (data.disease == '') {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请选择疾病类型'}).show();
				return false;
			}
			if (data.question.length < 5) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请至少用5个字描述您的标题'}).show();
				return false;
			}
			if (data.content.length < 10) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请至少用10个字描述您的内容'}).show();
				return false;
			}
			if (data.question.length > 300) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请用300字以内完成您的标题'}).show();
				return false;
			}
			if (data.content.length > 500) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请在500字以内完成您的内容'}).show();
				return false;
			}
			return true;
		}
		//微信上传图片
		var serverId = "";
		function chooseImage(){
			wx.chooseImage({
				count: 9-getImages().length,
		        success: function (res) {
			        for (var i in res.localIds) {
						appendFile(res.localIds[i]);
					}        
		        }
		    });
		}
		function uploadImage(data){
			var images = getImages();
			if (images.length == 0) {
		      return;
		    }
		    var i = 0, length = images.length;
		    serverId = "";
		    function upload() {
		      wx.uploadImage({
		        localId: images[i],
		        isShowProgressTips: 0,
		        success: function (res) {
		          i++;
		          if(serverId.length == 0){
		          	serverId = res.serverId;
		          }
		          else{
		          	serverId =serverId + "," + res.serverId;
		          }          
		          if (i < length) {
		            upload();
		          }
		          if(i == images.length){
		          	doSubmit(data);
		          }          
		        },
		        fail: function (res) {
		          alert(JSON.stringify(res));
		        }
		      });
		    }
		    upload();
		}
		// 添加文件
		function appendFile(p) {
			var amount = getImages().length;
			if (amount >= 8) {
				$("#add_img_li").hide();
			}
			if(amount < 9){
				var $li = $('<li>' + '   <img src="' + p + '" data-src="' + p + '" onclick="viewImg(this)">' + '  <a href="javascript:;" class="del-img" onclick="delImg(this)"><i class="iconfont icon-laji"></i></a>' + '</li>');
				var $add_img_li = $("#add_img_li");
				$add_img_li.before($li);
				$("#image_tips").text(getImages().length + "/9");
			}
		}
		//获取需要上传的图片
		function getImages() {
			var images = [];
			$("#img_ul").find("img").each(function() {
				var imgSrc = $(this).attr("data-src");
				images.push(imgSrc);
			});
			return images;
		}
		//查看图片
		function viewImg(dom) {
			var $img = $(dom);
			var thissrc = getImgUrl($img.attr("data-src"));
			var mWid = $(window).width();
			var mHei = $(window).height();
			var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
			$("body").append(nHtml);
			$(".delimgpop").click(function() {
				$(this).remove()
			});
		};
		//删除图片
		function delImg(dom) {
			var $li = $(dom).parent();
			$li.remove();
			$("#image_tips").text(getImages().length + "/9");
			var amount = getImages().length;
			if(amount <= 8){
				$("#add_img_li").show();
			}
			return;
		}
		
		//微信sdk配置出错
		wx.error(function (res) {
		  alert("wx.error:" + res.errMsg);
		});
		
		//提交咨询
		function doSubmit(data) {
			data.mediaIds = serverId;
			sendPost('patient/consult/communication/add', data, 'json', 'post', submitFailed, submitSuccess);
		}
		
		function submitFailed(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 submitSuccess(res) {
			if (res.status == 200) {
				dd.close();
				location.href = "disease-community.html?type=2";
			} else {
				submitFailed(res);
			}
		}
    </script>
</body>
</html>

html/jbsq/html/patients-consult-detail.html

@@ -0,0 +1,236 @@
<!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" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <script src="../js/ui_search_one.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
    <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/app.js"></script>
     <script src="../../../js/common_http.js"></script>
    <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
</head>
<body>
<!--<div class="h45">
    <div class="demo-comtop">
        <a class="mui-action-back"></a>
        <h1>共3个回答</h1>
    </div>
</div>-->
<div class="mt10 pb10">
    <div class="">
        <ul class="c-list c-border-tb zx-timper">
            <li class="">
                <div class=" c-avatar-m"><img id="photo" src=""></div>
                <div class="c-list-info">
                    <h4 class="c-nowrap" id="name"></h4>
                    <p class="c-nowrap" id="czrq"></p>
                </div>
            </li>
            <li class="c-list-label">
                <h2 class="c-333 c-f17 c-bold mb5" id="title" style="word-break: break-word;"></h2>
                <p class="c-333 c-f15">疾病类型：<span id="diseaseName"></span></p>
                <p class="c-333 c-f15" style="word-break: break-word;">主要症状：<span id="content"></span></p>                
                <p class="mt10 soper-pic" id="imageList"></p>
            </li>
        </ul>
        <div id="ulReply">
        </div>
        <a href="javascript:;" class="view-more c-37a6ed" id="view_more">点击查看更多</a>
    </div>
</div>
<div class="timper-addfix" onclick="add()"><i class="iconfont icon-jia"></i></div>
<script>
	var d = dialog({contentType:'load', skin:'bk-popup'});
	var userAgent = window.localStorage.getItem(agentName);
	var Request = new Object();
	Request = GetRequest(); 
	var code = Request["code"];
	var id = 0;
	var pagesize = 10;
	var total = 0;
	$(function(){		
		detailInfo();    
    	document.getElementById('view_more').addEventListener("tap", function() {
			reply();
		});
	});
	//填充咨询详情
	function detailInfo() {
		d.show();
		var data = {};
		data.consult = code;
		$.ajax(server + "patient/consult/communication/info", {
			data: data,
			type: 'POST',
			dataType: 'json',
			beforeSend: function(request) {
	            request.setRequestHeader("userAgent", userAgent);
	        },
			error: function(res) {
				d.close();
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
					return;
				}
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
			},
			success: function(res) {
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
				}
				else if (res.status == 200) {
					var photo = getImgUrl(res.data.photo);
					var name = res.data.name;
					var title = res.data.question;
					var content = res.data.content;
					var diseaseName = res.data.diseaseName;
					var images = res.data.images;
					var czrq = res.data.czrq;
					
					var url1 = "../../../images/p-default.png";	
					if(photo) url1 = photo;
					if(!name) name = "";
					if(!title) title = "";
					if(!content) content = "";
					if(!diseaseName) diseaseName = "";
					if(!images) images = "";
					var imageList = images.split(',');					
					if(!czrq) czrq = "";
					
					document.getElementById("photo").src = url1;
					document.getElementById("name").innerHTML = name;
					document.getElementById("czrq").innerHTML = czrq;
					document.getElementById("title").innerHTML = title;
					document.getElementById("content").innerHTML = content;
					document.getElementById("diseaseName").innerHTML = diseaseName;
					if(imageList.length > 0){
						var html = "";
						for(var i=0; i<imageList.length; i++){
							if(imageList[i] != ""){
								html += "<img src='" + getImgUrl(imageList[i]) + "' onclick='viewImg(this)'>";
							}
						}
						document.getElementById("imageList").innerHTML = html;
					}
					d.close();
					reply();
				} else {
					d.close();
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
				}				
			}
		});	
	}
	//获取回复信息
	function reply() {
		d.show();
		var data = {};
		data.consult = code;
		data.id = id;
		data.pagesize = pagesize;
		$.ajax(server + "patient/consult/communication/reply_list", {
			data: data,
			type: 'POST',
			dataType: 'json',
			beforeSend: function(request) {
	            request.setRequestHeader("userAgent", userAgent);
	        },
			error: function(res) {
				d.close();
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
					return;
				}
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
				document.querySelector("#view_more").innerText = "数据加载失败";
			},
			success: function(res) {
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
				}
				else if (res.status == 200) {	
					if(res.isFirst){
						total = res.total;
					}
					if (res.list.length > 0) {								
						var list = res.list;
						var $list = document.querySelector("#ulReply");
						for (var i = 0; i < list.length; i++) {
							id = list[i].id;
							var $ul = document.createElement("ul");
							$ul.className = "c-list discus";														
							var photo = getImgUrl(list[i].photo);
							if(photo == null || photo == ""){
								photo = "../../../images/p-default.png";
							}
							var content = '<li class="">';
							content += '<div class=" c-avatar-m"><img src="' + photo + '"></div>';
							content += '<div class="c-list-info"><h4 class="c-nowrap">' + list[i].name + '</h4>';
							content += '<p class="c-nowrap">' + list[i].czrq + '</p></div>';
							content += '<div class="c-list-action"><span>' + total + 'F</span></div>';
							content += '</li><li class="c-list-label c-333"><div class="c-list-info">'
							content += '<p class="c-333 c-f15" style="word-break: break-word;">' + list[i].content + "</p>";
							content += '<p>';
							var images = list[i].images;
							if(images == null) images = "";
							var imageList = images.split(',');
							if(imageList.length  > 0){
								for(var j=0; j<imageList.length; j++){
									if(imageList[j] != ""){
										content += "<img style='height: 80px; width: 60px;' src='" + getImgUrl(imageList[j]) + "' onclick='viewImg(this)'>";
									}
								}
							}
							content += "</p></div></li>";
							$ul.innerHTML = content;
							$list.appendChild($ul);	
							total = total - 1;
						}
					} else {
						document.querySelector("#view_more").innerText = "已无更多回复";
					}
					d.close();
				} else {
					d.close();
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
					document.querySelector("#view_more").innerText = "数据加载失败";
				}
			}
		});	
	}
	function add(){
		window.location.href = "patients-consult-reply.html?code=" + code;
	}
	
	//查看图片
	function viewImg(dom) {
		var $img = $(dom);
		var thissrc = $img.attr("src");
		var mWid = $(window).width();
		var mHei = $(window).height();
		var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
		$("body").append(nHtml);
		$(".delimgpop").click(function() {
			$(this).remove()
		});
	};
	
</script>
</body>
</html>

html/jbsq/html/patients-consult-reply.html

@@ -0,0 +1,274 @@
<!doctype html>
<html>
<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">
    <link rel="stylesheet" type="text/css" href="../css/zx-style.css">
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <script src="../js/ui_search_one.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
    <script src="../../../js/mui.min.js"></script>
    <script src="../../../js/app.js"></script>
    <script 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>
    <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script type="text/javascript" src="../../../js/commit_validate.js" ></script>
     <style>
    	.ui-dialog-content{font-size: 16px;}
    	.ax-popup .ui-dialog-footer button{color:#323232 !important;}
    	.ax-popup .ui-dialog-footer button.ui-dialog-autofocus{color:#75BF00 !important;}
    </style>
</head>
<body>
	<!--<div class="h45">
        <div class="demo-comtop">
            <a class="mui-action-back"></a>
            <h1>添加问题</h1>
        </div>
    </div>-->
	<ul class="n-list c-border-tb mt10 doc-detail">
		<li class="ptb12">
			<div class="n-list-key pr15 c-f17"><i class="required"></i>回复内容</div>
		</li>
		<li class="n-list-cover ptb12">
			<div class="n-list-info">
				<textarea id="txtContent" class="r-textarea" rows="4" placeholder="请填写您的回复内容，（请至少输入10个字）。"></textarea>
			</div>
		</li>
	</ul>
    <div class="mod mod-record mt15">
    	<!--新增图片上传-->
		<ul class="n-list">
			<li class="ptb12">
				<div class="n-list-key pr15 c-f17">上传报告、照片</div>
				<div class="n-list-info c-t-right">
					<p class="c-ccc c-f12 c-t-right img-count" id="image_tips">0/9</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 id="info" style="display:none;color: red;text-align: center"></div>
    <div id="info2" style="display:none;color: green;text-align: center"></div>
    <div class="mb15 mlr15 mt20">
        <a href="javascript:;" id="commit" class="c-btn c-btn-4dcd70 c-btn-full c-btn-radius c-f18">提交回复</a>
    </div>    
    &nbsp;
    <script>
        var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
	    var Request = new Object();
		Request = GetRequest(); 
		var code = Request["code"];
        $(function(){
			//从后台那边获取签名等信息
			var params = {};
			params.pageUrl = window.location.href;
			$.ajax(server + "weixin/getSign", {
				data: params,
				dataType: "json",
				type: "post",
				success: function(res){
					if (res.status == 200) {						
						var t = res.data.timestamp;
						var noncestr = res.data.noncestr;
						var signature = res.data.signature;
						wx.config({		
//							debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
						    appId: appId, // 必填，公众号的唯一标识
						    timestamp: t, // 必填，生成签名的时间戳
						    nonceStr: noncestr, // 必填，生成签名的随机串
						    signature: signature,// 必填，签名，见附录1
						    jsApiList: [
						    	'chooseImage',
						        'uploadImage'
						    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
						});
					} 
					else{
						dialog({
						  	skin:"ui-dialog ax-popup pror", 
						  	content:"获取微信签名失败", 
						  	ok: function (){}
						}).showModal();
						window.location.href = "online-consulting.html";
					}
				}
			});	
			//提交咨询
			document.querySelector("#commit").addEventListener("tap", function() {
				var data = {};
				data.consult = code;
				data.content = utf16toEntities($("#txtContent").val());
				if (validate(data)) {
					//验证通过执行
					dd.showModal();
		            var images = getImages();
		            if(images.length == 0){
		            	doSubmit(data);
		            }
		            else{
						uploadImage(data);
					}
				}
			});	
        })
        
        //验证信息
		function validate(data) {
			if (data.content == '') {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请描述您的回复内容'}).show();
				return false;
			}
			if (data.content.length > 500) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请用500字以内完成您的回复'}).show();
				return false;
			}			
			if(data.content.length<10){
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'回复内容不能少于10个字'}).show();
				return false;
			}
			return true;
		}
		//微信上传图片
		var serverId = "";
		function chooseImage(){
			wx.chooseImage({
				count: 9-getImages().length,
		        success: function (res) {
			        for (var i in res.localIds) {
						appendFile(res.localIds[i]);
					}        
		        }
		    });
		}
		function uploadImage(data){
			var images = getImages();
			if (images.length == 0) {
		      return;
		    }
		    var i = 0, length = images.length;
		    serverId = "";
		    function upload() {
		      wx.uploadImage({
		        localId: images[i],
		        isShowProgressTips: 0,
		        success: function (res) {
		          i++;
		          if(serverId.length == 0){
		          	serverId = res.serverId;
		          }
		          else{
		          	serverId =serverId + "," + res.serverId;
		          }          
		          if (i < length) {
		            upload();
		          }
		          if(i == images.length){
		          	doSubmit(data);
		          }          
		        },
		        fail: function (res) {
		          alert(JSON.stringify(res));
		        }
		      });
		    }
		    upload();
		}
		// 添加文件
		function appendFile(p) {
			var amount = getImages().length;
			if (amount >= 8) {
				$("#add_img_li").hide();
			}
			if(amount < 9){
				var $li = $('<li>' + '   <img src="' + p + '" data-src="' + p + '" onclick="viewImg(this)">' + '  <a href="javascript:;" class="del-img" onclick="delImg(this)"><i class="iconfont icon-laji"></i></a>' + '</li>');
				var $add_img_li = $("#add_img_li");
				$add_img_li.before($li);
				$("#image_tips").text(getImages().length + "/9");
			}
		}
		//获取需要上传的图片
		function getImages() {
			var images = [];
			$("#img_ul").find("img").each(function() {
				var imgSrc = $(this).attr("data-src");
				images.push(imgSrc);
			});
			return images;
		}
		//查看图片
		function viewImg(dom) {
			var $img = $(dom);
			var thissrc = $img.attr("data-src");
			var mWid = $(window).width();
			var mHei = $(window).height();
			var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
			$("body").append(nHtml);
			$(".delimgpop").click(function() {
				$(this).remove()
			});
		};
		//删除图片
		function delImg(dom) {
			var $li = $(dom).parent();
			$li.remove();
			$("#image_tips").text(getImages().length + "/9");
			var amount = getImages().length;
			if(amount <= 8){
				$("#add_img_li").show();
			}
			return;
		}
		
		//微信sdk配置出错
		wx.error(function (res) {
		  alert("wx.error:" + res.errMsg);
		});
		
		//提交咨询
		function doSubmit(data) {
			data.mediaIds = serverId;
			sendPost('patient/consult/communication/reply', data, 'json', 'post', submitFailed, submitSuccess);
		}
		
		function submitFailed(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 submitSuccess(res) {
			if (res.status == 200) {
				dd.close();
				window.history.go(-1);
				//window.location.href = "patients-consult-detail.html?code=" + code;
			} else {
				submitFailed(res);
			}
		}
    </script>
</body>
</html>

html/jbsq/html/public-consult-add.html

@@ -0,0 +1,391 @@
<!doctype html>
<html>
<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">
    <link rel="stylesheet" type="text/css" href="../css/zx-style.css">
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <script src="../js/ui_search_one.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
    <script src="../../../js/mui.min.js"></script>
    <script src="../../../js/app.js"></script>
    <script 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>
    <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script type="text/javascript" src="../../../js/commit_validate.js" ></script>
    <style>
    	.ui-dialog-content{font-size: 16px;}
    	.ax-popup .ui-dialog-footer button{color:#323232 !important;}
    	.ax-popup .ui-dialog-footer button.ui-dialog-autofocus{color:#75BF00 !important;}
    </style>
</head>
<body>
	<ul class="n-list c-border-tb mt10 doc-detail">
		<li class="ptb12">
			<div class="n-list-key pr15 c-f17">咨询人员</div>
			<div class="n-list-info c-t-right" style="padding-right:15px;">
				<input id="name" type="text" class="r-input c-5b5b5b" readonly/>
			</div>
		</li>
	</ul>
    <ul class="n-list c-border-tb mt10 doc-detail">
		<li class="list-arrow-d ptb12 ill-time1">
			<div class="n-list-key pr15 c-f17"><i class="required"></i>疾病社区</div>
			<div class="n-list-info c-t-right">
				<input id="txtDiseases" type="text" data-time="illTime1" class="r-input c-5b5b5b" value="" placeholder="请选择疾病社区" readonly/>
				<input id="txtDiseasesCode" type="text" style="display: none;"/>
			</div>
		</li>
	</ul>
	 <ul class="n-list c-border-tb mt10 doc-detail">
		<li class="list-arrow-d ptb12 ill-time">
			<div class="n-list-key pr15 c-f17"><i class="required"></i>发病时间</div>
			<div class="n-list-info c-t-right">
				<input id="txtWhen" type="text" data-time="illTime" class="r-input c-5b5b5b" value="" placeholder="请选择发病时间" readonly/>
			</div>
		</li>
	</ul>
    <ul class="n-list c-border-tb mt10 doc-detail">
		<li class="ptb12">
			<div class="n-list-key pr15 c-f17"><i class="required"></i>标题</div>
		</li>
		<li class="n-list-cover ptb12">
			<div class="n-list-info">
				<textarea id="txtTitle" class="r-textarea" rows="2" placeholder="请描述您的症状特征，（请至少输入5个字）。"></textarea>
			</div>
		</li>
	</ul>
    <ul class="n-list c-border-tb mt10 doc-detail">
		<li class="ptb12">
			<div class="n-list-key pr15 c-f17"><i class="required"></i>内容</div>
		</li>
		<li class="n-list-cover ptb12">
			<div class="n-list-info">
				<textarea id="txtContent" class="r-textarea" rows="4" placeholder="请尽可能详细描述您的症状，疾病和身体状况，以便医生更好的提供意见（请至少输入10个字）。"></textarea>
			</div>
		</li>
	</ul>
    <div class="mod mod-record mt15">
    	<!--新增图片上传-->
		<ul class="n-list">
			<li class="ptb12">
				<div class="n-list-key pr15 c-f17">上传报告、照片</div>
				<div class="n-list-info c-t-right">
					<p class="c-ccc c-f12 c-t-right img-count" id="image_tips">0/9</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 id="info" style="display:none;color: red;text-align: center"></div>
    <div id="info2" style="display:none;color: green;text-align: center"></div>
    <div class="mb15 mlr15 mt20">
        <a href="javascript:;" id="commit" class="c-btn c-btn-full c-btn-radius c-f18" style="background: #74BF00;">提交问题</a>
    </div>
    &nbsp;
    <script>
    	var d = dialog({contentType:'load', skin:'bk-popup'});
    	var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
    	Request = GetRequest();
    	var openid = Request["openid"];
        $(function(){
        	$('#name').val(window.localStorage.getItem('nowPatientName'));
        	queryDisease();
            //选择发病时间
			$('li.ill-time').mobiscroll({
				theme: 'ios',
				lang: 'zh',
				formatValue: function(d) {
					return d.join(',');
				},
				customWheels: true,
				wheels: [
					[{
						keys: ['0', '1', '2', '3', '4', '5'],
						values: ['最近24小时', '最近一周', '最近三个月', '最近一年', '一年以上', '不清楚']
					}]
				],
				onSelect: function(valueText, inst) {
					var dd = eval("[" + valueText + "]");
					$('input[data-time=illTime]').val(dd[0].values);
				}
			});			
            //弹窗
            $('.broadcast-shadow-panel').height($(document.body).height());
            $('.broadcast-icon').on('click',function(){
                $('.broadcast-shadow-panel').removeClass('c-hide');
            });
            $('.win-cancle').on('click',function(){
                $('.broadcast-shadow-panel').addClass('c-hide');
            });
            
            //从后台那边获取签名等信息
			var params = {};
			params.pageUrl = window.location.href;
			$.ajax(server + "weixin/getSign", {
				data: params,
				dataType: "json",
				type: "post",
				success: function(res){
					if (res.status == 200) {
						var t = res.data.timestamp;
						var noncestr = res.data.noncestr;
						var signature = res.data.signature;
						wx.config({		
							//debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
						    appId: appId, // 必填，公众号的唯一标识
						    timestamp: t, // 必填，生成签名的时间戳
						    nonceStr: noncestr, // 必填，生成签名的随机串
						    signature: signature,// 必填，签名，见附录1
						    jsApiList: [
						    	'chooseImage',
						        'uploadImage'
						    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
						});
					} 
					else{
						dialog({
						  	skin:"ui-dialog ax-popup pror", 
						  	content:"获取微信签名失败", 
						  	ok: function (){}
						}).showModal();
						window.location.href = "online-consulting.html";
					}
				}
			});	
			//提交咨询
			document.querySelector("#commit").addEventListener("tap", function() {
				var data = {};
				data.when = $("#txtWhen").val();
				data.disease = $("#txtDiseasesCode").val();
				data.diseaseName = $("#txtDiseases").val();
				if($("#txtTitle").val() == null)
					data.question = "";
				else
					data.question = utf16toEntities($("#txtTitle").val().replace(/\s+/g,""));
				if($("#txtContent").val() == null)
					data.content = "";
				else
					data.content = utf16toEntities($("#txtContent").val().replace(/\s+/g,""));
				if (validate(data)) {
					//验证通过执行
					dd.showModal();
		            var images = getImages();
		            if(images.length == 0){
		            	doSubmit(data);
		            }
		            else{
						uploadImage(data);
					}
				}
			});			
        })
        //查询疾病类型
        function queryDisease(){
    		d.show();
			var arr_key=['1', '2'];
            var arr_value=['高血压社区', '糖尿病社区']; 
            $('li.ill-time1').mobiscroll({
				theme: 'ios',
				lang: 'zh',
				formatValue: function(d) {
					return d.join(',');
				},
				customWheels: true,
				wheels: [
					[{
						keys: arr_key,
						values: arr_value
					}]
				],
				onSelect: function(valueText, inst) {
					var dd = eval("[" + valueText + "]");
					$('#txtDiseasesCode').val(dd[0].keys);
					$('input[data-time=illTime1]').val(dd[0].values);
				}
			});
			d.close();
        }
        
        function queryDiseaseFailed(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 validate(data) {
			if (data.disease == '') {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请选择疾病社区'}).show();
				return false;
			}
			if (data.when == '') {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请选择发病时间'}).show();
				return false;
			}
			if (data.question.length < 5) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请至少用5个字描述您的标题'}).show();
				return false;
			}
			if (data.content.length < 10) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请至少用10个字描述您的内容'}).show();
				return false;
			}
			if (data.question.length > 300) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请用300字以内完成您的标题'}).show();
				return false;
			}
			if (data.content.length > 500) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请在500字以内完成您的内容'}).show();
				return false;
			}
			return true;
		}
		//微信上传图片
		var serverId = "";
		function chooseImage(){
			wx.chooseImage({
				count: 9-getImages().length,
		        success: function (res) {
			        for (var i in res.localIds) {
						appendFile(res.localIds[i]);
					}        
		        }
		    });
		}
		function uploadImage(data){
			var images = getImages();
			if (images.length == 0) {
		      return;
		    }
		    var i = 0, length = images.length;
		    serverId = "";
		    function upload() {
		      wx.uploadImage({
		        localId: images[i],
		        isShowProgressTips: 0,
		        success: function (res) {
		          i++;
		          if(serverId.length == 0){
		          	serverId = res.serverId;
		          }
		          else{
		          	serverId =serverId + "," + res.serverId;
		          }          
		          if (i < length) {
		            upload();
		          }
		          if(i == images.length){
		          	doSubmit(data);
		          }          
		        },
		        fail: function (res) {
		          alert(JSON.stringify(res));
		        }
		      });
		    }
		    upload();
		}
		// 添加文件
		function appendFile(p) {
			var amount = getImages().length;
			if (amount >= 8) {
				$("#add_img_li").hide();
			}
			if(amount < 9){
				var $li = $('<li>' + '   <img src="' + p + '" data-src="' + p + '" onclick="viewImg(this)">' + '  <a href="javascript:;" class="del-img" onclick="delImg(this)"><i class="iconfont icon-laji"></i></a>' + '</li>');
				var $add_img_li = $("#add_img_li");
				$add_img_li.before($li);
				$("#image_tips").text(getImages().length + "/9");
			}
		}
		//获取需要上传的图片
		function getImages() {
			var images = [];
			$("#img_ul").find("img").each(function() {
				var imgSrc = $(this).attr("data-src");
				images.push(imgSrc);
			});
			return images;
		}
		//查看图片
		function viewImg(dom) {
			var $img = $(dom);
			var thissrc = $img.attr("data-src");
			var mWid = $(window).width();
			var mHei = $(window).height();
			var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
			$("body").append(nHtml);
			$(".delimgpop").click(function() {
				$(this).remove()
			});
		};
		//删除图片
		function delImg(dom) {
			var $li = $(dom).parent();
			$li.remove();
			$("#image_tips").text(getImages().length + "/9");
			var amount = getImages().length;
			if(amount <= 8){
				$("#add_img_li").show();
			}
			return;
		}
		
		//微信sdk配置出错
		wx.error(function (res) {
		  alert("wx.error:" + res.errMsg);
		});
		
		//提交咨询
		function doSubmit(data) {
			data.mediaIds = serverId;
			sendPost('patient/consult/public/add', data, 'json', 'post', submitFailed, submitSuccess);
		}
		
		function submitFailed(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 submitSuccess(res) {
			if (res.status == 200) {
				dd.close();
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'提交成功'}).show(); 
				setTimeout(function(){
					window.location.href ="disease-community.html?openid="+openid;
				},500)
			} else {
				submitFailed(res);
			}
		}
    </script>
</body>
</html>

html/jbsq/html/public-consult-detail.html

@@ -0,0 +1,332 @@
<!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" />
    <style>
    	.discus.c-list > li.c-list-label { margin-left: 15px }
    </style>
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <script src="../js/ui_search_one.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
    <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/app.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="../../../js/common_http.js"></script>
    <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
</head>
<body>
<div class="mt10 pb10">
    <div class="">
        <ul class="c-list c-border-tb zx-timper">
            <li class="">
                <div class=" c-avatar-m"><img id="photo" src=""></div>
                <div class="c-list-info">
                    <h4 class="c-nowrap" id="name"></h4>
                    <p class="c-nowrap" id="czrq"></p>
                </div>
            </li>
            <li class="c-list-label">
                <h2 class="c-333 c-f17 c-bold mb5" id="title" style="word-break: break-word;"></h2>
                <!--<p class="c-333 c-f15">发病时间：<span id="when"></span></p>-->
                <p class="c-333 c-f15">疾病类型：<span id="diseaseName"></span></p>
                <p class="c-333 c-f15" style="word-break: break-word;">主要症状：<span id="content"></span></p>                
                <p class="mt10 soper-pic" id="imageList"></p>                
            </li>
        </ul>
        <div id="ulReply"></div>
        <a href="javascript:;" class="view-more c-37a6ed" id="view_more">点击查看更多</a>
    </div>
</div>
<div class="timper-addfix" onclick="add()"><i class="iconfont icon-jia"></i></div>
<!-- 放置要缩放的图片的容器 -->
<section class="imgzoom-pack">
    <div class="imgzoom-x">关闭</div>
    <div class="imgzoom-del"></div>
    <div class="imgzoom-img"><img src="" /></div>
</section>
<script>
	var d = dialog({contentType:'load', skin:'bk-popup'});
	var userAgent = window.localStorage.getItem(agentName);
	var Request = new Object();
	Request = GetRequest(); 
	var code = Request["code"];
	var toUser = Request["toUser"];
	var toName = decodeURIComponent(Request["toName"]);
	var openid = Request["openid"];
	var represented = Request["represented"];
	var id = 0;
	var pagesize = 10;
	var total = 0;
	var pagetype = 36;
	$(function(){
		if(!userAgent) {
			localStorage.setItem("toUser",toUser);
	        window.location.href = server + "wx/html/home/html/zhmm-login.html?type=" + pagetype + "&openid=" + openid;
			return false;	
		}
		var newUaObj = JSON.parse(window.localStorage.getItem(agentName))
		//判断关系
		function hasFamilyRelation(a,b){
			return new Promise(function(resolve, reject) {
				var data={
					patient:a,
					familyMember:b
				}
				sendPost("patient/family/is_authorize", data, "json", "get", function(res){
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求家庭成员关系失败'}).show(); 
				}, function(res){
					if(res.status == 200) {
						window.localStorage.setItem('nowPatientName',res.data.name);
						resolve(res)
					}else if(res.status == 100) {
						dialog({
							content:'对不起，'+res.data.name+'未授权给您，如需查看，请切换'+res.data.name+'账号登录',
							okValue:'切换账号',
							ok: function() {
								window.localStorage.setItem(pageName, JSON.stringify({pageurl: location.href}))
								window.location.href = "../../grzx/html/change-login.html?type=0&openid="+ Request["openid"];
							},
							cancelValue: '我不看了',
							cancel: function () {
								wx.closeWindow();
				            }
						}).showModal();
					}else{
						relogin();
					}
					
				})
			})
		}
		//重新登录操作
		function relogin(){
			dialog({
				content:'对不起，该消息是发给'+toName+'，如需查看，请切换'+toName+'账号登录',
				okValue:'切换账号',
				ok: function() {
					window.localStorage.setItem(pageName, JSON.stringify({pageurl: location.href}))
					window.location.href = "../../grzx/html/change-login.html?type=0&openid="+ Request["openid"];
				},
				cancelValue: '我不看了',
				cancel: function () {
					wx.closeWindow();
	            }
			}).showModal();
		}
		//保存信息
		function saveUserInfo(a,b){
			Promise.all([hasFamilyRelation(a,b)]).then(function () {
				newUaObj.represented = represented;
				window.localStorage.setItem(agentName,JSON.stringify(newUaObj));
				userAgent = window.localStorage.getItem(agentName);
				detailInfo();
			})
		}
		
		function initFamilyData () {
			//从微信模板消息进入
			if(represented && userAgent && toUser){
				if(toUser == represented){
					saveUserInfo(represented,newUaObj.uid)
				}else if(toUser != represented && represented == newUaObj.uid){
					//本人代理
					saveUserInfo(represented,newUaObj.uid)
				}else if(toUser != represented && toUser == newUaObj.uid){
					//需要判定关系 200有授权 100家人 1无关系	
					saveUserInfo(represented,newUaObj.uid)
				}else{
					//重新登录	
					relogin();
				}
			}else{
				detailInfo();
			}
		}
		initFamilyData();
		
    	document.getElementById('view_more').addEventListener("tap", function() {
			reply();
		});
	});
	//填充咨询详情
	function detailInfo() {
		d.show();
		var data = {};
		data.consult = code;
		$.ajax(server + "patient/consult/public/info", {
			data: data,
			type: 'POST',
			dataType: 'json',
			beforeSend: function(request) {
	            request.setRequestHeader("userAgent", userAgent);
	        },
			error: function(res) {
				d.close();
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
					return;
				}
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
			},
			success: function(res) {
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
				}
				else if (res.status == 200) {
					var photo = getImgUrl(res.data.photo);
					var name = res.data.name;
					var title = res.data.question;
					var when = res.data.when;
					var diseaseName = res.data.diseaseName;
					var content = res.data.content;
					var images = res.data.images;
					var czrq = res.data.czrq;
					
					var url1 = "../../../images/p-default.png";					
					if(photo) url1 = photo;
					if(!name) name = "";
					if(!title) title = "";
					if(!when) when = "";
					if(!content) content = "";
					if(!diseaseName) diseaseName = "";
					if(!images) images = "";
					var imageList = images.split(',');					
					if(!czrq) czrq = "";
					
					document.getElementById("photo").src = url1;
					document.getElementById("name").innerHTML = name;	
					document.getElementById("czrq").innerHTML = czrq;
					document.getElementById("title").innerHTML = title;
					//document.getElementById("when").innerHTML = when;
					document.getElementById("diseaseName").innerHTML = diseaseName;
					document.getElementById("content").innerHTML = content;
					if(imageList.length > 0){
						var html = "";
						for(var i=0; i<imageList.length; i++){
							if(imageList[i] != ""){
								html += "<img src='" + getImgUrl(imageList[i]) + "' onclick='viewImg(this)'>";
							}
						}
						document.getElementById("imageList").innerHTML = html;
					}
					d.close();
					reply();
				} else {
					d.close();
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
				}
			}
		});	
	}
	//获取回复信息
	function reply() {
		d.show();
		var data = {};
		data.consult = code;
		data.id = id;
		data.pagesize = pagesize;
		$.ajax(server + "patient/consult/public/reply_list", {
			data: data,
			type: 'POST',
			dataType: 'json',
			beforeSend: function(request) {
	            request.setRequestHeader("userAgent", userAgent);
	        },
			error: function(res) {
				d.close();
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
					return;
				}
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
				document.querySelector("#view_more").innerText = "数据加载失败";
			},
			success: function(res) {
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
				}
				else if (res.status == 200) {
					if(res.isFirst){
						total = res.total;
					}
					if (res.list.length > 0) {								
						var list = res.list;						
						var $list = document.querySelector("#ulReply");
						for (var i = 0; i < list.length; i++) {
							id = list[i].id;
							var $ul = document.createElement("ul");
							$ul.className = "c-list discus";														
							var photo = getImgUrl(list[i].photo);
							if(photo == null || photo == ""){
								photo = "../../../images/p-default.png";
							}
							var content = '<li class="">';
							content += '<div class=" c-avatar-m"><img src="' + photo + '"></div>';
							content += '<div class="c-list-info"><h4 class="c-nowrap">' + list[i].name + '</h4>';
							content += '<p class="c-nowrap">' + list[i].czrq + '</p></div>';
							content += '<div class="c-list-action"><span>' + total + 'F</span></div>';
							content += '</li><li class="c-list-label c-333"><div class="c-list-info">'
							content += '<p class="c-333 c-f15" style="word-break: break-word;">' + list[i].content + "</p>";
							content += '<p class="mt10">';
							var images = list[i].images;
							if(images == null) images = "";
							var imageList = images.split(',');
							if(imageList.length  > 0){
								for(var j=0; j<imageList.length; j++){
									if(imageList[j] != ""){
										content += "<img style='height: 60px; width: 60px; margin: 0 5px;' src='" + getImgUrl(imageList[j]) + "' onclick='viewImg(this)'>";
									}
								}
							}
							content += "</p></div></li>";
							$ul.innerHTML = content;
							$list.appendChild($ul);	
							total = total - 1;
						}
					} else {
						document.querySelector("#view_more").innerText = "已无更多回复";
					}
					d.close();
				} else {
					d.close();
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
					document.querySelector("#view_more").innerText = "数据加载失败";
				}
			}
		});	
	}
	
    function add(){
    	window.location.href = "public-consult-reply.html?code=" + code;
	}
    
    //查看图片
	function viewImg(dom) {
		var $img = $(dom);
		var thissrc = getImgUrl($img.attr("src"));
		var mWid = $(window).width();
		var mHei = $(window).height();
		var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
		$("body").append(nHtml);
		$(".delimgpop").click(function() {
			$(this).remove()
		});
	};
</script>
</body>
</html>

html/jbsq/html/public-consult-reply.html

@@ -0,0 +1,279 @@
<!doctype html>
<html>
<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">
    <link rel="stylesheet" type="text/css" href="../css/zx-style.css">
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <script src="../js/ui_search_one.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
    <script src="../../../js/mui.min.js"></script>
    <script src="../../../js/app.js"></script>
    <script 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>
    <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script type="text/javascript" src="../../../js/commit_validate.js" ></script>
    <style>
    	.ui-dialog-content{font-size: 16px;}
    	.ax-popup .ui-dialog-footer button{color:#323232 !important;}
    	.ax-popup .ui-dialog-footer button.ui-dialog-autofocus{color:#75BF00 !important;}
    </style>
</head>
<body>
	<ul class="n-list c-border-tb mt10 doc-detail">
		<li class="ptb12">
			<div class="n-list-key pr15 c-f17">回复人</div>
			<div class="n-list-info c-t-right" style="padding-right:15px;">
				<input id="name" type="text" class="r-input c-5b5b5b" readonly/>
			</div>
		</li>
	</ul>
	<ul class="n-list c-border-tb mt10 doc-detail">
		<li class="ptb12">
			<div class="n-list-key pr15 c-f17"><i class="required"></i>回复内容</div>
		</li>
		<li class="n-list-cover ptb12">
			<div class="n-list-info">
				<textarea id="txtContent" class="r-textarea" rows="4" placeholder="请填写您的回复内容，（请至少输入10个字）。"></textarea>
			</div>
		</li>
	</ul>
    <div class="mod mod-record mt15">
    	<!--新增图片上传-->
		<ul class="n-list">
			<li class="ptb12">
				<div class="n-list-key pr15 c-f17">上传报告、照片</div>
				<div class="n-list-info c-t-right">
					<p class="c-ccc c-f12 c-t-right img-count" id="image_tips">0/9</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 id="info" style="display:none;color: red;text-align: center"></div>
    <div id="info2" style="display:none;color: green;text-align: center"></div>
    <div class="mb15 mlr15 mt20">
        <a href="javascript:;" id="commit" class="c-btn c-btn-4dcd70 c-btn-full c-btn-radius c-f18">提交回复</a>
    </div>    
    &nbsp;
    <script>
    	var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
	    var Request = new Object();
		Request = GetRequest(); 
		var code = Request["code"];
        $(function(){
        	$('#name').val(window.localStorage.getItem('nowPatientName'));
			//从后台那边获取签名等信息
			var params = {};
			params.pageUrl = window.location.href;
			$.ajax(server + "weixin/getSign", {
				data: params,
				dataType: "json",
				type: "post",
				success: function(res){
					if (res.status == 200) {						
						var t = res.data.timestamp;
						var noncestr = res.data.noncestr;
						var signature = res.data.signature;
						wx.config({		
//							debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
						    appId: appId, // 必填，公众号的唯一标识
						    timestamp: t, // 必填，生成签名的时间戳
						    nonceStr: noncestr, // 必填，生成签名的随机串
						    signature: signature,// 必填，签名，见附录1
						    jsApiList: [
						    	'chooseImage',
						        'uploadImage'
						    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
						});
					} 
					else{
						dialog({
						  	skin:"ui-dialog ax-popup pror", 
						  	content:"获取微信签名失败", 
						  	ok: function (){}
						}).showModal();
						window.location.href = "online-consulting.html";
					}
				}
			});	
			//提交咨询
			document.querySelector("#commit").addEventListener("tap", function() {
				var data = {};
				data.consult = code;
				data.content = utf16toEntities($("#txtContent").val());
				if (validate(data)) {
					//验证通过执行
					dd.showModal();
		            var images = getImages();
		            if(images.length == 0){
		            	doSubmit(data);
		            }
		            else{
						uploadImage(data);
					}
				}
			});	
        })       
        
        //验证信息
		function validate(data) {
			if (data.content == '') {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请描述您的回复内容'}).show();
				return false;
			}
			if (data.content.length > 500) {
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请用500字以内完成您的回复'}).show();
				return false;
			}			
			if(data.content.length<10){
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'回复内容不能少于10个字'}).show();
				return false;
			}			
			return true;
		}
		//微信上传图片
		var serverId = "";
		function chooseImage(){
			wx.chooseImage({
				count: 9-getImages().length,
		        success: function (res) {
			        for (var i in res.localIds) {
						appendFile(res.localIds[i]);
					}        
		        }
		    });
		}
		function uploadImage(data){
			var images = getImages();
			if (images.length == 0) {
		      return;
		    }
		    var i = 0, length = images.length;
		    serverId = "";
		    function upload() {
		      wx.uploadImage({
		        localId: images[i],
		        isShowProgressTips: 0,
		        success: function (res) {
		          i++;
		          if(serverId.length == 0){
		          	serverId = res.serverId;
		          }
		          else{
		          	serverId =serverId + "," + res.serverId;
		          }          
		          if (i < length) {
		            upload();
		          }
		          if(i == images.length){
		          	doSubmit(data);
		          }          
		        },
		        fail: function (res) {
		          alert(JSON.stringify(res));
		        }
		      });
		    }
		    upload();
		}
		// 添加文件
		function appendFile(p) {
			var amount = getImages().length;
			if (amount >= 8) {
				$("#add_img_li").hide();
			}
			if(amount < 9){
				var $li = $('<li>' + '   <img src="' + p + '" data-src="' + p + '" onclick="viewImg(this)">' + '  <a href="javascript:;" class="del-img" onclick="delImg(this)"><i class="iconfont icon-laji"></i></a>' + '</li>');
				var $add_img_li = $("#add_img_li");
				$add_img_li.before($li);
				$("#image_tips").text(getImages().length + "/9");
			}
		}
		//获取需要上传的图片
		function getImages() {
			var images = [];
			$("#img_ul").find("img").each(function() {
				var imgSrc = $(this).attr("data-src");
				images.push(imgSrc);
			});
			return images;
		}
		//查看图片
		function viewImg(dom) {
			var $img = $(dom);
			var thissrc = $img.attr("data-src");
			var mWid = $(window).width();
			var mHei = $(window).height();
			var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
			$("body").append(nHtml);
			$(".delimgpop").click(function() {
				$(this).remove()
			});
		};
		//删除图片
		function delImg(dom) {
			var $li = $(dom).parent();
			$li.remove();
			$("#image_tips").text(getImages().length + "/9");
			var amount = getImages().length;
			if(amount <= 8){
				$("#add_img_li").show();
			}
			return;
		}
		
		//微信sdk配置出错
		wx.error(function (res) {
		  alert("wx.error:" + res.errMsg);
		});
		
		//提交咨询
		function doSubmit(data) {
			data.mediaIds = serverId;
			sendPost('patient/consult/public/reply', data, 'json', 'post', submitFailed, submitSuccess);
		}
		
		function submitFailed(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 submitSuccess(res) {
			if (res.status == 200) {
				dd.close();
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'提交成功'}).show(); 
				setTimeout(function(){
					window.history.go(-1);
				},500)
			} else {
				submitFailed(res);
			}
		}
    </script>
</body>
</html>

html/jbsq/html/slow-disease-manage.html

@@ -0,0 +1,250 @@
<!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/mui.min.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/iscroll.css" />	
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
    <link rel="stylesheet" type="text/css" href="../css/slow-disease-manage.css"/>
</head>
<body>
	<div id="memberContainer"></div>
	<div class="main">
		<div class="n-list mb10" id="patientInfo">
		</div>
		<div class="mt10 bgc-fff c-border-tb">
            <div class="c-border-b plr10 ui-grid ui-grid-middle" style="height: 42px;">
                <div class="ui-col-1">
                    <div class="header-icon bgc-2fb499">
                        <img src="../images/icon_zuijinyizhouxuetangqingk.png">
                    </div>
                    <span class="c-f14 c-333">最近一周<span id="xtName">血糖</span>情况</span>
                </div>
                <div class="ui-col-0 mtb5">
                    <div class="switch-box c-f14">
                        <span class="active" data-val="xt">血糖</span><span data-val="xy">血压</span>
                    </div>
                </div>
            </div>
            <div class="mui-slider">
                <div class="mui-slider-group">
                    <!--第一个内容区容器-->
                    <div class="mui-slider-item">
                        <div class="ptb15 ui-grid c-t-center xuetang-info" id="xtPanel">
 
                        </div>
                    </div>
                    <!--第二个内容区-->
                    <div class="mui-slider-item">
                        <div class="ptb15 ui-grid c-t-center xueya-info" id="xyPanel">
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
		
		<div class="part3 mb10">
			<div class="clearfix" id="trackPatientInfo">
			</div>
		</div>
		<div class="part4 mb10">
			<div class="target-title padl-10">
				<img class="icon-img" src="../images/icon_kongzhimubiao.png" alt=""/>
				<span class="c-f14">控制目标</span>
			</div>
			<div class="target-content" id="controlObjectives">
				
			</div>
		</div>
		<div class="part5 mb10">
			<div class="padl-10 cfjl">
				<img class="icon-img" src="../images/icon_chufangjilu.png" alt=""/>
				<span class="c-f14">处方记录</span>
			</div>
		</div>
		<div class="part6 mb10">
			<div class="padl-10 jbsq">
				<img class="icon-img" src="../images/icon_jibingshequ.png" alt=""/>
				<span class="c-f14">疾病社区</span>
			</div>
		</div>
		<div class="part7 mb30">
			<div class="padl-10 rlcx">
				<img class="icon-img" src="../images/icon_reliangchaxun.png" alt=""/>
				<span class="c-f14">热量查询</span>
			</div>
		</div>
		
	</div>
  	
  	<script type="text/html" id="patientInfo-tmp">
		<div class="n-list-li patient-info ">
			<div class="doc-avatar">
				<img src="{{photo}}" alt="" />
			</div>
			<div class="n-list-info">
				<h4 class="c-f15 c-323232">
					<span >{{name}}</span>
					<span>{{age}}岁</span>
				</h4>
			    
				<div class="mj-flex">
					<span class="c-f12 c-323232">{{sex==1? '男':'女'}}</span>
					{{if openid}}
                    		<img class="weixing-icon" src="../images/weixing_icon.png"/>
                    {{else}}
                    		<img class="weixing-icon" src="../images/weixing_zihui_icon.png"/>
                    {{/if}}
                    {{if deviceType && deviceType.indexOf("2") > -1}}
                    		<img class="xueyaji-icon" src="../images/icon_xueyaji.png"/>
                    	{{else}}
                    		<img class="xuetang-icon" src="../images/icon_xuetangyi_zhihui.png"/>
                    	{{/if}}
                    {{if deviceType && deviceType.indexOf("1") > -1}}
                    		<img class="xuetang-icon" src="../images/icon_xuetangyi.png"/>
                    	{{else}}
                    		<img class="xueyaji-icon" src="../images/icon_xueyaji_zhihui.png"/>
                    	{{/if}}
				</div>
			</div>
			<div class="n-list-key">
				{{if disease==1 && diseaseCondition==0}}<div class="mb-icon-round green">高</div>{{/if}}
                {{if disease==2 && diseaseCondition==0}}<div class="mb-icon-round green">糖</div>{{/if}}
                {{if (disease=='1,2' || disease=='2,1') && diseaseCondition==0}}<div class="mb-icon-round green">高糖</div>{{/if}}
                {{if disease==1 && diseaseCondition==1}}<div class="mb-icon-round orange">高</div>{{/if}}
                {{if disease==2 && diseaseCondition==1}}<div class="mb-icon-round orange">糖</div>{{/if}}
                {{if (disease=='1,2' || disease=='2,1') && diseaseCondition==1}}<div class="mb-icon-round orange">高糖</div>{{/if}}
                {{if disease==1 && diseaseCondition==2}}<div class="mb-icon-round red">高</div>{{/if}}
                {{if disease==2 && diseaseCondition==2}}<div class="mb-icon-round red">糖</div>{{/if}}
                {{if (disease=='1,2' || disease=='2,1') && diseaseCondition==2}}<div class="mb-icon-round red">高糖</div>{{/if}}
			</div>
			<div class="n-list-key mb-icon-flex zhinengceliang">
				<img class="zinengcheliang-icon" src="../images/zinengcheliang_img.png" alt="" />
			</div>
		</div>  		
  	</script>
  	
  	<script type="text/html" id="xt-tmp">
       <div class="ui-col-1 c-ff6a56">
            <div class="cycle-div c-f12 border-red">
                <span class="c-f16">{{highCount}}</span>次
            </div>
            <div class="c-f12">偏高</div>
        </div>
        <div class="ui-col-1 c-74bf00">
            <div class="cycle-div c-f12 border-green">
                <span class="c-f16">{{stdCount}}</span>次
            </div>
            <div class="c-f12">正常</div>
        </div>
        <div class="ui-col-1 c-47a8ef">
            <div class="cycle-div c-f12 border-blue">
                <span class="c-f16">{{lowCount}}</span>次
            </div>
            <div class="c-f12">偏低</div>
        </div>  		
  	</script>
	<script type="text/html" id="trackPatientInfo-tmp">
		<ul class="list-part3 c-323232">
			<!--<li class="mod">
				<div class="common-situation padl-10">
					<img class="icon-img" src="../images/icon_yunqongqingk.png" alt=""/>
					<span class="c-f14">今日运动情况</span>
				</div>
				<p class="common-content c-f12 content-active sportSituation"><span class="c-f20 mr2">{{wxSport}}</span>步</p>
			</li>-->
			<li class="mod" style="width: 100%;">
				<div class="common-situation padl-10 pos-r">
					<img class="icon-img" src="../images/icon_shengaotizhong.png" alt="" />
					<span class="c-f14">身高体重</span>
					{{if body}}
	                    {{if body.BMI >= 25}}
	                    		<img class="special-img" src="../images/icon_pianpang.png" alt="" />
	                    {{/if}}
	                    {{if body.BMI < 18.5}}
	                    		<img class="special-img" src="../images/icon_pianshou.png" alt="" />
	                    	{{/if}}
                    {{/if}}
				</div>
				<div class="special-content c-f14 tizhong">
					{{if body}}
                    <span>{{body.height}}cm {{body.weight}}kg</span>
					<span>BIM {{body.BMI}}</span>
                    {{else}}
                    <p class="common-content tizhong">暂无数据</p>
                    {{/if}}
					
				</div>
			</li>
			<li class="mod">
				<div class="common-situation padl-10">
					<img class="icon-img" src="../images/icon_xuetangjiance.png" alt="" />
					<span class="c-f14">血糖监测方案</span>
				</div>
				
				<p class="common-content c-f14 jc-method c-nowrap" data-val="xt">
					{{if sugger}}{{sugger.name}}{{else}}暂无监测方案{{/if}}
				</p>
			</li>
			<li class="mod">
				<div class="common-situation padl-10">
					<img class="icon-img" src="../images/icon_xueyajiance.png" alt="" />
					<span class="c-f14">血压监测方案</span>
				</div>
				<p class="common-content c-f14 jc-method c-nowrap" data-val="xy">
					{{if pressure}}{{pressure.name}}{{else}}暂无监测方案{{/if}}
				</p>
			</li>
		</ul>		
	</script>
	<script type="text/html" id="controlObjectives-tmp">
		<div class="target-content-common">
			<p class="c-47A8EF c-f16">血糖</p>
			{{if patientAimBloodSugger}}
			<p class="c-909090 c-f12"><span class="c-f14">餐前:</span> {{patientAimBloodSugger.fbgMin}}-{{patientAimBloodSugger.fbg}}mmol/L</p>
			<p class="c-909090 c-f12"><span class="c-f14">餐后:</span> {{patientAimBloodSugger.hpgMin}}-{{patientAimBloodSugger.hpg}}mmol/L</p>
			{{else}}
            <div class="c-f12 c-909090">暂未制定目标</div>
            {{/if}}
		</div>
		<div class="target-content-common">
			<p class="c-47A8EF c-f16">血压</p>
			{{if patientAimBloodPressure}}
			<p class="c-909090 c-f12"><span class="c-f14">舒张压:</span> {{patientAimBloodPressure.dbpMin}}-{{patientAimBloodPressure.dbp}}mmHg</p>
			<p class="c-909090 c-f12"><span class="c-f14">收缩压:</span> {{patientAimBloodPressure.sbpMin}}-{{patientAimBloodPressure.sbp}}mmHg</p>
			{{else}}
            <div class="c-f12 c-909090">暂未制定目标</div>
            {{/if}}
		</div>
	</script>
	
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../js/ui_search_one.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<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/es6-promise.js"></script>
	<script src="../../../js/underscore.js"></script>
	<script src="../../../js/template.js"></script>
	<script src="../../../js/iscroll-probe.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script src="../../../js/family-members.js"></script>
	<script src="../js/slow-disease-manage.js"></script>
</body>
</html>

html/jbsq/html/sports.html

@@ -0,0 +1,56 @@
<!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/iscroll.css" />	
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
    <link rel="stylesheet" type="text/css" href="../css/sports.css"/>
</head>
<body class="bgc-fff">
    <div class="wrapper c-t-center">
        <div class="text">
            <div class="c-f14 c-333">今日步数</div>
            <div class="c-f25 c-17b3ec">3500</div>
            <div class="c-f12 c-ccc">目标：10000</div>
        </div>
        <div class="jiao">
            <span class="left"></span>
            <img src="../images/icon_jiao.png" width="24">
            <span class="right"></span>
        </div>
        <div id="pieChart" style="width: 200px; height: 200px; margin:0 auto;"></div>
    </div>
    <div class="c-t-center c-f14 c-333 c-position-r mtb10">
        <span class="plr10 bgc-fff">近一月运动趋势</span>
        <div class="grey-line"></div>
    </div>
    <div id="lineChart" style="width: 100%; height: 300px;"></div>
        
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../js/ui_search_one.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<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/iscroll-probe.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../js/iscroll-pull-up-down.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script type="text/javascript" charset="utf-8" src="../js/echarts.min.js" ></script>
	<script type="text/javascript" src="../../../js/family-members.js"></script>
	<script type="text/javascript" src="../js/sports.js"></script>
</body>
</html>

html/jbsq/js/control-target.js

@@ -0,0 +1,38 @@
var d = dialog({
    contentType: 'load',
    skin: 'bk-popup'
});
$(function(){
	queryData();
})
function queryData(){
    var url = "/patient/scheme/getControlObjectives";
    sendPost(url, null, 'JSON', 'GET', queryFailed, function(res) {
		if(res.status == 200) {
			var suggerHtml = template('sugger-tmp', res.data.patientAimBloodSugger);
			$("#sugger-tagert").append(suggerHtml);
			var pressureHtml = template('pressure-tmp', res.data.patientAimBloodPressure);
			$("#pressure-tagert").append(pressureHtml);
			var sportsHtml = template('sports-tmp', res.data.patientAimSports);
			$("#sports-target").append(sportsHtml);
		} else {
			queryFailed(res);
		}
	});
}
function queryFailed(res) {
	d.close();
	if(res && res.msg) {
		dialog({
			contentType: 'tipsbox',
			skin: 'bk-popup',
			content: res.msg
		}).show();
	} else {
		dialog({
			contentType: 'tipsbox',
			skin: 'bk-popup',
			content: '加载失败'
		}).show();
	}
}

html/jbsq/js/disease-community.js

@@ -0,0 +1,225 @@
var selectKey = 0 ;
var selectName="";
var d = dialog({contentType:'load', skin:'bk-popup'});
var id = 0;
var pageSize = 10;
var pagetype=4;
var status = 0;
var tab_s =0;
var scroller1;
Request = GetRequest();
var openid = Request["openid"];
var tabType = Request['type'];
//下拉刷新
function pullDownAction(theScrollerTemp) {
	d.show();
	setTimeout(function () {
		$("#publicul").html("");	
		id=0;
		fillList();	
	}, 100);	
}   
//上拉加载数据
function pullUpAction(theScrollerTemp) {
	d.show();
	setTimeout(function () {	
		fillList();		
	}, 100);
}
appendFamilyMember($('#memberContainer'),function(){
	id=0;
	$("#publicul").empty();
	selectKey = 0;
	selectName = '全部';
	$('.div-type').html(selectName);
	fillList();
},function(){
	//判断有授权家人，修改样式
	if($('#memberContainer').is(':hidden')){
		$('#wrapper').css('top','41px');
	}else{
		$('#wrapper').css('top','130px');
		$('.div-no-info').css('padding-top','200px');
		$('.div-condition').css('top','90px');
	}
});
var userAgent = window.localStorage.getItem(agentName);
  	checkUserAgent();
	
$(function(){
  	scroller1 =  new IScrollPullUpDown('wrapper',{
		probeType:2,
		bounceTime: 250,
		bounceEasing: 'quadratic',
		mouseWheel:false,
		scrollbars:true,
		click:true,
		fadeScrollbars:true,
		interactiveScrollbars:false
	},pullDownAction,pullUpAction);
	
	 //选择全部
	$('.div-type').mobiscroll({
		theme: 'ios',
		lang: 'zh',
		formatValue: function(d) {
			return d.join(',');
		},
		customWheels: true,
		wheels: [
			[{
				keys: ['0', '1', '2'],
				values: ['全部', '高血压', '糖尿病']
			}]
		],
		onSelect: function(valueText, inst) {
			var dd = eval("[" + valueText + "]");
			$('.div-type').html(dd[0].values);
			selectKey = dd[0].keys;
			selectName = dd[0].values;
			//公共咨询
			if(tab_s==0){
				id=0;
				$("#publicul").html("");	
				fillList();
			}
			//病友圈
			if(tab_s==1){
				id=0;
				$("#patinetsul").html("");	
				fillList2();
			}		
		}
	});	
	
	bindEvents();
	
	var diseaseType =  "";
	setTimeout(function(){
		if(diseaseType){
			tabType = diseaseType;
		}
		if(tabType==2){
			$("#patientsLi").click();
		}else{
			fillList();
		}
	},200);	
})
function bindEvents() {
	//点击新增事件
	$(".timper-addfix").click(function(){
		window.location.href ="public-consult-add.html?openid="+openid;
	});
	
	//标签切换
   $(".pt-tab li").click(function(){
		var tabid = $(this).attr("id");
		$(".pt-tab li").removeClass("hit");
		$(this).addClass("hit");
		if(tabid=="publicLi"){
			window.localStorage.setItem("diseaseType","1");
			id=0;
			tab_s=0;
			$("#publicul").show();
			$("#patinetsList").hide();
			$("#publicul").html("");
			fillList();
		}
	})	  
}
function fillList() {
	var data = {};
	data.id = id;
	data.pagesize = pageSize;
	var dis = selectKey;
	if(dis&&dis!=0) data.disease = dis;
	var userAgent = window.localStorage.getItem(agentName);
	$.ajax(server + "patient/consult/public/list", {
		data: data,
		type: 'POST',
		dataType: 'json',
		beforeSend: function(request) {
            request.setRequestHeader("userAgent", userAgent);
        },
		error: function(res) {
			d.close();
			if(res.status == 999 || res.status == 998 || res.status == 997){
				loginUrl(res.status);
				return;
			}				
            dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
		},
		success: function(res) {
			if(res.status == 999 || res.status == 998 || res.status == 997){
				loginUrl(res.status);
			}
			else if (res.status == 200) {	
				if (res.list.length > 0) {								
					var list = res.list;
					var $list = $("#publicul");
					id=res.list[list.length-1].id;
					$("#nopubliclist").hide();
					$('#publicul').show();
					for (var i = 0; i < list.length; i++) {
						var consultCode = list[i].consult;
						var diseaseName = list[i].diseaseName;
						var photo = list[i].photo;
					
						if(!photo){
							photo = "../../../images/p-default.png";
						}
						if(!diseaseName) diseaseName = "";			
						var content = '<li data-code="'+consultCode+'">'+
										'<div class="div-title">【'+
				  							list[i].diseaseName+'】'+list[i].title+
										'</div>' +		
					            		'<div class="div-content">'+
											list[i].content+
										'</div>'+
									    '<div class="div-remark-info">'+
										  '<div class="n-avatar-l img-round pr10">'+
												'<img src="'+getImgUrl(photo)+'">'+
										  '</div>'+
										  '<div class="lab-user-name">'+list[i].name+'</div>'+
										  '<div class="lab-time">'+list[i].czrq.substring(0,19)+'</div>'+
										  '<div class="div-right">'+
											'<img src="../images/huifu_icon.png"/>'+
									 		'&ensp;<label class="lab-count">'+list[i].amount+'</label>'+
										 '</div>'+
									  '</div>'+
          							 '</li>';
						$list.append(content);							
					}
				$("#publicul li").on("tap",function(){
					var code = this.getAttribute("data-code");
					window.open("public-consult-detail.html?code=" + code);
				})
				scroller1.myScroll.refresh();
				} else {
					 if(id==0){
					 	$("#nopubliclist").show();
					 	$('#publicul').hide();
					 }else{
						 dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'无更多数据！'}).show();
					 }
				}
				d.close();
			} else {
				d.close();
	            dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
			}
		}
	});	
}
function publicdetail(code){
	window.open("public-consult-detail.html?code=" + code);
}

html/jbsq/js/monitor-program.js

@@ -0,0 +1,169 @@
Request = GetRequest();
var selectedTab = Request['selectedTab'],
	$xtUl = $('#xt-ul'),
	$xyUl = $('#xy-ul'),
	$scroll = $('#iScroll');
var d = dialog({
    contentType: 'load',
    skin: 'bk-popup'
});
$(function(){
	if(selectedTab == 2){
	    $('#jc-Type li').removeClass("active");
	    $('#jc-Type li:eq(1)').addClass("active");
   }
	queryXTData();
	bindEvents();
})
function queryXTData(){
    var url = "/patient/scheme/getPatientScheme",
        params = {
            type: selectedTab //1血糖 2血压
        };
    sendPost(url, params, 'JSON', 'GET', queryFailed, function(res) {
		if(res.status == 200) {
			if(selectedTab == 1){
				$xyUl.hide();
				$xtUl.show();
				if(res.data && res.data.name){
					//周日放后
					var data = res.data
					data.list = _.sortBy(res.data.list, function(o) {
						return o.dayofweek == 1? 8: o.dayofweek;
					})
					var html = template('xt-tmp',{data:data})
					$('#xt-ul').html(html)
				}else{
					//获取默认的监测方案
					getDefaultScheme(selectedTab);
				}
				
			}else{
				$xyUl.show();
				$xtUl.hide();
				//周日放后
				if(res.data && res.data.name){
					var data = res.data
					data.list = _.sortBy(res.data.list, function(o) {
						return o.dayofweek == 1? 8: o.dayofweek;
					})
					var html = template('xy-tmp',{data:data})
					$('#xy-ul').html(html)
				}else{
					//获取默认的监测方案
					getDefaultScheme(selectedTab);
				}
				
			}
			
		} else {
			queryFailed(res);
		}
	});
}
function getDefaultScheme(type){
    var url = "/patient/scheme/getDefaultScheme",
        params = {
            type: type //1血糖 2血压
        };
    sendPost(url, params, 'JSON', 'GET', queryFailed, function(res) {
		if(res.status == 200) {
			if(type==1){
				//周日放后
				var data = res.data
				data.list = _.sortBy(res.data.list, function(o) {
					return o.dayofweek == 1? 8: o.dayofweek;
				})
				data.isDefault = 'default';
				var html = template('xt-tmp',{data:data})
				$('#xt-ul').html(html)
			}else{
				var data = res.data
				data.list = _.sortBy(res.data.list, function(o) {
					return o.dayofweek == 1? 8: o.dayofweek;
				})
				data.isDefault = 'default';
				var html = template('xy-tmp',{data:data})
				$('#xy-ul').html(html)
			}
			
		} else {
			queryFailed(res);
		}
	})	
}
function bindEvents(){
	//切换类型
	$('#jc-Type').on('tap','li',function(){
		var $this = $(this)
		if(!$this.hasClass('active')){
			$this.addClass('active').siblings().removeClass('active');
			if($this.attr('data-type') == 2){
				selectedTab = 2;
//				$xyUl.show();
//				$xtUl.hide();
				queryXTData();
			}else{
				selectedTab = 1;
//				$xyUl.hide();
//				$xtUl.show();
				queryXTData();
			}
		}
	})
	
	//展开
	$scroll.on('tap','.fa-up',function(){
		var $this = $(this)
		if($this.hasClass('active')){
			$this.removeClass('active')
			$this.siblings('.fa-down').hide()
		}else{
			$this.addClass('active')
			$this.siblings('.fa-down').show()
		}
	})
	//绑定默认的监测方案
	$('body').on('tap','.select',function(){
		var $this = $(this);
		var type = $this.attr('data-type')
		$this.removeClass('select-active');
		setPatientDefaultScheme(type,$this);
	})
}
function setPatientDefaultScheme(type,target){
    var url = "/patient/scheme/setPatientDefaultScheme",
        params = {
            type: type //1血糖 2血压
        };
    sendPost(url, params, 'JSON', 'POST', queryFailed, function(res) {
		if(res.status == 200) {
			dialog({
				contentType: 'tipsbox',
				skin: 'bk-popup',
				content: '选择成功'
			}).show();
			target.hide();
			$('.discription').hide();
		} else {
			queryFailed(res);
		}
	})		
}
function queryFailed(res) {
	d.close();
	if(res && res.msg) {
		dialog({
			contentType: 'tipsbox',
			skin: 'bk-popup',
			content: res.msg
		}).show();
	} else {
		dialog({
			contentType: 'tipsbox',
			skin: 'bk-popup',
			content: '加载失败'
		}).show();
	}
}

html/jbsq/js/slow-disease-manage.js

@@ -0,0 +1,215 @@
var pagetype = 47,
    userAgent,
	patient,
	xueyaLoaded = false; //标记是否已经加载过血压值
	
var d = dialog({
    contentType: 'load',
    skin: 'bk-popup'
});
checkUserAgent();
//封装好的入口函数
function queryInit() {
	userAgent = window.localStorage.getItem(agentName)
	patient = JSON.parse(userAgent).uid;;
	
	getPatientInfo();
	getWeekXTInfo(0);//获得近一周血糖血压数据
	getTrackPatientInfo();//获得运动情况和检测方案等信息
	getControlObjectives();//获取控制目标，血压，血糖
	bindEvents();
}
function getPatientInfo(){
    var url = "/patient/scheme/patient",
        params = {
            patient: patient
        };
    sendPost(url, params, 'JSON', 'GET', queryFailed, function(res) {
		if(res.status == 200) {
			if( res.data && res.data.photo){
				var photo = res.data.photo;
	            var reg=/group1\//g;
	            photo = photo.replace(reg,imgUrlDomain+ 'group1/');
	            res.data.photo = photo;
			}
			var html = template('patientInfo-tmp', res.data);
			$("#patientInfo").append(html);
		} else {
			queryFailed(res);
		}
	});
}
function getWeekXTInfo(type){
	var sdate = new Date(),
        edate = new Date();
    sdate.setDate(edate.getDate() - 6);
	
    var url = "/patient/scheme/getPatientHealthIndex",
        params = {
        		patient: patient,
            startDate: sdate.Format('yyyy-MM-dd'),
            endDate: edate.Format('yyyy-MM-dd'),
            type: type //0:血糖， 1：血压
        };
    if(type == 1){
        xueyaLoaded = true;
    }
    sendPost(url, params, 'JSON', 'GET', queryFailed, function(res) {
		if(res.status == 200) {
            var html = template('xt-tmp', res.data);
            if(type == 0){
                $("#xtPanel").empty().append(html);
            }else{
                $(".xueya-info").empty().append(html);
            }
		} else {
			queryFailed(res);
		}
	});
}
function getTrackPatientInfo(){
    var url = "/patient/scheme/getTrackPatientInfo",
        params = {
            patient: patient
        };
    sendPost(url, params, 'JSON', 'GET', queryFailed, function(res) {
		if(res.status == 200) {
			var html = template('trackPatientInfo-tmp', res.data);
			$("#trackPatientInfo").append(html);
		} else {
			queryFailed(res);
		}
	});
}
function getControlObjectives(){
    var url = "/patient/scheme/getControlObjectives",
        params = {
            patient: patient
        };
    sendPost(url, params, 'JSON', 'GET', queryFailed, function(res) {
		if(res.status == 200) {
			var html = template('controlObjectives-tmp', res.data);
			$("#controlObjectives").append(html);
		} else {
			queryFailed(res);
		}
	});
}
function queryFailed(res) {
	d.close();
	if(res && res.msg) {
		dialog({
			contentType: 'tipsbox',
			skin: 'bk-popup',
			content: res.msg
		}).show();
	} else {
		dialog({
			contentType: 'tipsbox',
			skin: 'bk-popup',
			content: '加载失败'
		}).show();
	}
}
function bindEvents(){
	//点击“智能测量”跳转”健康记录——体征设备“页。
	$("#patientInfo").on("tap",'.zhinengceliang',function(){
		window.location.href ="../../jkjl/html/health-record.html?charType=5&tagType=1";
	})
	//点击“最近一周血糖”跳转 血糖情况页。
	$("#xtPanel").on("tap",'.ui-col-1',function(){
		var dat = new Date();
		window.location.href ="../../jkjl/html/xuetang-view.html?type=0&dateT=" + (dat.Format("yyyy-MM-dd"));
	})
	//点击“最近一周血压”跳转 血压情况页。
	$("#xyPanel").on("tap",'.ui-col-1',function(){
		var dat = new Date();
		window.location.href ="../../jkjl/html/xueya-view.html?type=0&dateT=" + (dat.Format("yyyy-MM-dd"));
	})
	//点击“今日运动情况”跳转 运动情况页。
	$("#trackPatientInfo").on("tap",'.sportSituation',function(){
		window.location.href = '../html/sports.html';
	})
	//点击“身高体重”跳转 运动情况页。
	$("#trackPatientInfo").on("tap",'.tizhong',function(){
		var dat = new Date();
		window.location.href = '../../jkjl/html/tizhong-view.html?dateT=' + (dat.Format("yyyy-MM-dd"));
	})
	//点击“血压／血糖监测方案”跳转到相应的监测方案。
	$("#trackPatientInfo").on("tap",'.jc-method',function(){
		var $this = $(this),
            val = $this.data("val");
        if(val == 'xt'){
        		selectedTab = 1
        }else{
        		selectedTab = 2
        }
		window.location.href = '../html/monitor-program.html?selectedTab='+(selectedTab);
	})
	//点击“控制目标”跳转 控制目标页。
	$("#controlObjectives").on("tap",function(){
		window.location.href = '../html/control-target.html';
	})
	//点击“处方记录”跳转 处方记录页。
	$(".cfjl").on("tap",function(){
		window.location.href = '../../prescription/html/prescription_records.html';
	})
	//点击“疾病社区”跳转 疾病社区页。
	$(".jbsq").on("tap",function(){
		window.location.href = '../html/disease-community.html';
	})
	//点击“热量查询”跳转 热量查询页。
	$(".rlcx").on("tap",function(){
		window.location.href = '../../rlcx/html/serach-index.html';
	})
    //血压血糖按钮切换
    $("body").on('tap', ".switch-box span", function(){
        var $this = $(this),
            val = $this.attr("data-val"),
            index = $this.index();
        if($this.hasClass("active")){
            return false;
        }
        
        $this.siblings().removeClass("active");
        $this.addClass("active");
        
        mui('.mui-slider').slider().gotoItem(parseInt(index));
        
        if(val == "xt"){
            $("#xtName").text("血糖");
        }else if(val == "xy"){
        	 	if(!xueyaLoaded){
                getWeekXTInfo(1);
            }
            $("#xtName").text("血压");
        }
    });	
    
        //监听血压，血糖情况滚动切换
    document.querySelector('.mui-slider').addEventListener('slide', function(event) {
        if (event.detail.slideNumber === 0) {
            $(".switch-box span").eq(0).addClass("active");
            $(".switch-box span").eq(1).removeClass("active");
            $("#xtName").text("血糖");
        } else if (event.detail.slideNumber === 1) {
        	 	if(!xueyaLoaded){
                getWeekXTInfo(1);
            }
            $(".switch-box span").eq(0).removeClass("active");
            $(".switch-box span").eq(1).addClass("active");
            $("#xtName").text("血压");
        }
    });
}
function templateHelper(){
    template.helper("getImgUrl", function(str){
        if(str){
            return getImgUrl(str);
        }
        return "";
    })
}

html/jbsq/js/sports.js

@@ -0,0 +1,152 @@
$(function(){
    drawPieChart();
    drawLineChart();	
})
function drawPieChart(){
    var pieChart = echarts.init(document.getElementById('pieChart'));
    var option = {
        series: [
            {
                name:'今日步数',
                type:'pie',
                radius: ['90%', '100%'],
                startAngle: 270,
                legendHoverLink: false,
                hoverAnimation: false,
                avoidLabelOverlap: false,
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data:[
                    {
                        value:3500,
                        itemStyle:{
                            normal:{
                                color: '#17b3ec'
                            }
                        }
                    },
                    {
                        value:6500,
                        itemStyle:{
                            normal:{
                                color: '#e1e1e1'
                            }
                        }
                    }
                ]
            }
        ]
    };
    pieChart.setOption(option);
}
function drawLineChart(){
    var now = new Date(),
        xData = [],
        yData = [],
        yData2 = [];
    for(var i=0; i<30; i++){
        var dat = new Date();
        dat.setDate(now.getDate() - i);
        xData.push(dat.Format("yyyy-MM-dd"));
        yData.push(Math.random(0, 1) * 10000);
        yData2.push(10000);
    }
    var lastIndex = yData.length % 7;
    if(yData.length >7 ){  
        var dataZoom_end = 100-(6/yData.length)*100;  
    }else{  
        var dataZoom_end = 0;  
    } 
    var lineCharts = echarts.init(document.getElementById('lineChart'));
    var options = {
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                top: 'bottom',
                data:['运动步数', '目标值']
            },
            grid: {
                left: '10px',
                right: '10px',
                bottom: '30px',
                top: '10px',
                containLabel: true
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: xData,
                axisLabel: {
                    interval:0,//横轴信息全部显示  
                    formatter: function (value, index) {
                        if(index == 0){
                            $("#startValue").text(value);
                            return value.substr(5,2)+"月"+value.substr(8,2);
                        }else{
                            if(index == 7){
                                $("#endValue").text(value);
                            }
                            return value.substr(8,2);
                        }
                    }
                }
            },
            yAxis: {
                type: 'value',
                axisPointer: {
                    snap: true
                }
            },
            dataZoom: [{//给x轴设置滚动条  
                show: false,
                start: dataZoom_end,
                end: 100,
                type: 'slider',
                zoomLock: true,
            },{ //下面这个属性是内容区域配置
                start: dataZoom_end,
                end: 100,
                type: 'inside',
                zoomLock: true,
            }],
            series: [{
                name: '运动步数',
                type: 'line',
                smooth: true,
                data: yData,
                lineStyle:{
                    normal: {
                        color: '#17b3ec'
                    }
                },
                itemStyle:{
                    normal: {
                        color: '#17b3ec'
                    }
                }
            },{
                name: '目标量',
                type: 'line',
                smooth: true,
                data: yData2,
                lineStyle:{
                    normal: {
                        color: '#D0DD44'
                    }
                },
                itemStyle:{
                    normal: {
                        color: '#D0DD44'
                    }
                }
            }]
        };
        lineCharts.setOption(options);
}

html/jbsq/js/ui_search_one.js

@@ -0,0 +1,17 @@
+function ($) {
	$.fn.formFocus = function (){
		var $this = $(this);
		if($this.attr('data-form')=="clear"){
			var $clear = $('<div class="input-clear"><span class="close"></span></div>').appendTo($this.parents('.c-ser-main'));
			$this.on('blur',function(){
				setTimeout(function(){$clear.remove();},200)
			});
			$clear.on('click',function(){
				$this.val('').focus();	
			})
		}
	}
	$(document).on('focus','input[data-form="focus"],input[data-form="clear"]',function(){
		$(this).formFocus();
	})
}(jQuery);