厦门i健康1.4.8版本的代码作为初始版本

html/jtgx/css/add-step2-pre.css

@@ -0,0 +1,14 @@
.btn-47a8ef {
	background: #47A8EF;
}
.btn-74bf00 {
	background: #74BF00;
}
.btn-disabled {
	cursor: default;
	background-color: #ccc;
	border: 0;
	color: #fff;
}

html/jtgx/css/add.css

@@ -0,0 +1,120 @@
@charset "utf-8";
#wrapper {
	bottom: 60px;
}
#footer {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
}
.btn-blue, .btn-green {
	height: 40px;
	font-size: 16px;
}
.btn-blue {
	background-color: #47a8ef;
}
.btn-green {
	background-color: #74bf00;
}
.btn-red {
	background-color: #ff6a56;
}
.form .form-select-arrow {
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.form .form-control {
	height: 39px !important;
	text-align: right;
	border: none;
}
.form .input-group-addon {
	min-width: 100px;
	padding: 10px !important;
	border: none;
	text-align: left;
}
.form .required {
	left: 0;
}
.c-list > li {
	margin-left: 10px;
	border-color: #e1e1e1;
}
.step-tips {
	line-height: 20px;
	color: #909090;
	font-size: 12px;
}
.step-tips:first-child {
	margin-top: 10px;
}
.step-tips:nth-child(3) {
	margin-bottom: 10px;
}
.step-tit {
	color: #323232;
	font-size: 16px;
	font-weight: bold;
}
.step-tit span {
	color: #909090;
	font-size: 14px;
	font-weight: normal;
}
.n-avatar-l {
	margin: 5px 0;
}
.code-box {
    display: -webkit-box;
    display: box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
}
.code-input, .code-btns {
	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;
}
.code-input {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    margin-right: 10px;
}
.code2-input {
	margin: 0;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
}
.code-input .form-control {
	height: 38px;
	padding: 6px;
}
.code-btns a {
	height: 36px;
	line-height: 36px !important;
	padding: 0 6px;
	color: #74bf00;
	border: 1px solid #74bf00;
}
.btn-disabled {
	cursor: default;
	background-color: #ccc;
	border: 0;
	color: #fff;
}

html/jtgx/css/application-msg-list.css

@@ -0,0 +1,34 @@
body,html {
	width: initial;
	height: initial;
}
.c-74bf00 {
	color: #74BF00;
}
.c-ff6a56 {
	color: #ff6A56;
}
.c-avatar-m {
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
.mll1 {
	margin-left: -1px;
}
#listWrap .c-list {
	border-radius: 5px;
}
.c-list-title, .c-list-key, .c-list-info {
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-pack: center;
    box-pack: center;
}
.c-list-key.c-hide { display: none; }
.no-result-img { display: block; width: 320px; height: 184px; margin: 0 auto; margin-top: 160px; }

html/jtgx/css/csx.css

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

html/jtgx/css/family-detail.css

@@ -0,0 +1,67 @@
@charset "utf-8";
#wrapper {
	bottom: 60px;
}
#footer {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
}
.btn-red {
	height: 40px;
	font-size: 16px;
	background-color: #ff6a56;
}
.c-list > .list-arrow-r {
	padding-right: 20px;
}
.c-list > .list-arrow-r: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);
	transform: rotate(45deg);
}
.c-list .c-list-key {
	min-width: 70px;
	display: box;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}
.c-list .c-list-key span {
	font-size: 16px;
}
.c-list .info-right {
	-webkit-box-orient: horizontal;
    -webkit-box-pack: end;
}
.c-list .c-list-info{
	min-height: 39px;
	padding-right: 10px;
	text-align: right;
}
.c-list .c-list-info > p {
	padding: 6px 0;
	font-size: 14px;
}
.c-list > li {
	margin-left: 10px;
	border-color: #e1e1e1;
}
.family-list .c-avatar-m {
	-webkit-box-pack: center;
	width: 50px;
	height: 50px;
	margin: 5px 0;
}
/*.ui-dialog-footer .ui-dialog-button button span{color: #12B7F5;}*/
.ui-dialog-footer .ui-dialog-button button span{color: #75bf00;}

html/jtgx/css/family-share.css

@@ -0,0 +1,4 @@
#share_bg_img { width: 100%; height: 100%; }
#require_sign { position: fixed; bottom: 10px; right: 10px;width: 65px;height: 65px;}
#introduce_guide { position: absolute; top: 0; right: 0; width: 71.875%; z-index: 200;}
#overlay_pop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 100; }

html/jtgx/css/family.css

@@ -0,0 +1,94 @@
@charset "utf-8";
body {
	margin: 0;
	max-width: initial;
}
.list-wrap {
	margin: 0 10px;
}
.family-list li {
	margin-top: 10px;
}
.family-list .n-list-key {
	margin: 5px 0;
}
.family-list h2 {
	font-weight: bold;
	color: #323232;
	font-size: 16px;
}
.family-list .n-list-info p {
	margin-top: 10px;
	font-size: 12px;
}
.icon-add {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../images/tianjia_jiaren_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.family-list .red {
	color: #ff6a56;
}
.family-list .list-last {
	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;
	height: 80px;
	border-style: dashed;
}
.family-list .list-last p {
	color: #dedede;
	font-size: 12px;
}
.c-47a8ef {
	color: #47A8EF;
}
.c-ff6a56 {
	color: #FF6A56;
}
.c-btn-fc6155 {
	background-color: #fc6155;
}
#wrapper {
	top: 30px;
}
.c-list > li,  .c-list > .c-list-div { position: relative; display: -webkit-box; display: box; -webkit-box-pack: center; box-pack: center; padding-right: 0.75rem; margin-left: 0.75rem; border-top: 1px solid #f1f1f1; line-height:1rem;}
.c-list > li:first-child,  .c-list > .c-list-div:first-child { border-top: none; }
.c-list > .c-list-cover, .c-list > .c-list-link:active { padding-left: 0.75rem; margin-left: 0; }
.c-list > .c-list-link:active {  background: #f7f7f7;}
.c-list-a{display: -webkit-box; display: box; width:100%; color:#333;}
.c-list-title, .c-list-key, .c-list-info { display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; box-pack: center;  }
.c-list-title{ -webkit-box-pack: start; box-pack: start;}
.c-list-info { -webkit-box-flex: 1; box-flex: 1; }
.c-list > .c-list-fun, .c-list > .c-list-label{ border-top: none; padding-right: 0; }
.c-list > li:first-child,  .c-list > .c-list-fun:first-child .c-list-info,  .c-list > .c-list-fun:first-child .c-list-key,  .c-list > .c-list-fun:first-child .c-list-title,  .c-list-div:first-child { border: none; }
.c-list > .list-arrow-r,  .c-list > .list-arrow-u,  .c-list > .list-arrow-d { padding-right: 1.5rem; }
.c-list > .list-arrow-r:after,  .c-list > .list-arrow-u:after,  .c-list > .list-arrow-d:after { position: absolute; top: 50%; right: 0.75rem; margin-top: -0.25rem; content: ""; display: block; width: 0.4rem; height: 0.4rem; border: solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.c-list > .list-arrow-u:after { right: 0.65rem; margin-top: -0.1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.c-list > .list-arrow-d:after { right: 0.65rem; margin-top: -0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.c-list-info.c-border-t,  .c-list-key.c-border-t,  .c-list-title.c-border-t { border-color: #f1f1f1; }
.list-wrap {
	overflow: hidden;
}
.mui-switch {
	display: inline-block;
}
.c-list .c-list-key {
	margin-right: 0
}

html/jtgx/css/jy-style.css

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

html/jtgx/css/ss-style.css

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

html/jtgx/css/style.css

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

html/jtgx/css/zx-style.css

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

html/jtgx/html/add-step1.html

@@ -0,0 +1,77 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>添加家人</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/sq-style.css" />	
		<link rel="stylesheet" type="text/css" href="../css/sfp-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
		<link rel="stylesheet" type="text/css" href="../css/add.css" />	
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	</head>
	<body>
		<div class="main">
        	<!--<div class="h45">
                <div class="demo-comtop">
                    <a class="mui-action-back"></a>
                    <h1>添加家人</h1>
                </div>
            </div>-->
            <div id="wrapper">
				<div class="iScroller">
		            <div class="form">
		            	<ul class="c-list c-border-tb mt10">
		            		<li>
		            			<div class="input-group input-border">
				            		<span class="input-group-addon"><i class="required"></i>姓　　名</span>
				            		<input type="text" class="form-control width-100" id="name" placeholder="请输入家人姓名">
				            		<span class="form-select-arrow"></span>
				            	</div>
		            		</li>
		            		<li>
				            	<div class="input-group input-border width-100">
				            		<span class="input-group-addon"><i class="required"></i>身份证号</span>
				            		<input type="text" id="idcard" class="form-control width-100" maxlength="18" placeholder="请输入家人身份证号码">
				            		<span class="form-select-arrow"></span>
				            	</div>
		            		</li>
		            	</ul>
		            	<ul class="c-list c-border-tb mt10">
		            		<li>
		            			<div class="input-group input-border">
				            		<span class="input-group-addon"><i class="required"></i>家庭关系</span>
				            		<input type="text" id="select" class="form-control width-100" placeholder="请选择与您的家庭关系" readonly>
				            		<span class="form-select-arrow"></span>
				            	</div>
		            		</li>
		            	</ul>
		            	<p class="step-tips plr10" style="margin: 5px 0 0 0;">添加成功后，您可进行以下操作：</p>
		            	<p class="step-tips plr10">1、一键切换家人账号登录，并进行签约、咨询、绑定智能设备等操作</p>
		            	<p class="step-tips plr10">2、查看家人签约情况</p>
		            </div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="mlr15">
				<a href="javascript:;" class="c-btn c-btn-full c-btn-radius btn-blue" id="next">下一步</a>
			</div>
		</div>
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script type="text/javascript" src="../../../js/commit_validate.js" ></script>
		<script src="../../../widget/marques/marquee.js"></script> 
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script src="../../../js/underscore.js"></script>
		<script src="../../../js/es6-promise.js"></script>
		<script type="text/javascript" src="../js/add-step1.js" ></script>
	</body>
</html>

html/jtgx/html/add-step2-pre.html

@@ -0,0 +1,69 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>添加家人</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/sq-style.css" />	
		<link rel="stylesheet" type="text/css" href="../css/sfp-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
		<link rel="stylesheet" type="text/css" href="../css/add.css" />	
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
		<link rel="stylesheet" type="text/css" href="../css/add-step2-pre.css">
	</head>
	<body>
		<div class="main">
        	<!--<div class="h45">
                <div class="demo-comtop">
                    <a class="mui-action-back"></a>
                    <h1>添加家人</h1>
                </div>
            </div>-->
            <div id="wrapper" class="mt10">
				<div class="step plr10">
	            	<div class="n-list dr-item c-border pd10">
	            		<div class="n-list-li">
							<div class="n-list-key">
								<div class="n-avatar-l">
									<img id="imgUrl" class="c-images-cycle" src="../../../images/p-default.png">
								</div>
							</div>
							<div class="n-list-info pl15">
								<h2 class="step-tit" id="people">null <span>(null)</span></h2>
							</div>
						</div>
	            	</div>
	            </div>
	            <p class="ml10 mt15 c-909090 c-f12">该用户已注册，请选择添加方式：</p>
	            <div id="firstWay">
	            	<p class="ml10 mt15 c-666 c-f12 c-bold">方式一：</p>
	            	<p class="ml10 c-666 c-f12">&emsp;&emsp;待家人在厦门i健康微信公众号同意申请，即可完成添加。</p>
	            	<div class="mlr15 mt30">
						<a href="javascript:void(0);" class="c-btn c-btn-full c-btn-radius btn-47a8ef" id="sendWxMsg">发送添加申请</a>
					</div>
	            </div>
	             <div id="secendWay">
	            	<p class="ml10 mt15 c-666 c-f12 c-bold">方式二：</p>
	            	<p class="ml10 c-666 c-f12">&emsp;&emsp;发送短信验证码给家人，您可向家人索要短信验证码并验证，即可完成添加。</p>
	            	<div class="mlr15 mt30">
						<a href="add-step2.html" class="c-btn c-btn-full c-btn-radius btn-74bf00" id="sendWxMsg">校验验证码</a>
					</div>
	            </div>
			</div>
		</div>
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../../../widget/marques/marquee.js"></script> 
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script src="../../../js/underscore.js"></script>
		<script src="../../../js/es6-promise.js"></script>
		<script type="text/javascript" src="../js/add-step-pre.js" ></script>
	</body>
</html>

html/jtgx/html/add-step2.html

@@ -0,0 +1,72 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>添加家人</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/sq-style.css" />	
		<link rel="stylesheet" type="text/css" href="../css/sfp-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
		<link rel="stylesheet" type="text/css" href="../css/add.css" />	
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	</head>
	<body>
		<div class="main">
        	<!--<div class="h45">
                <div class="demo-comtop">
                    <a class="mui-action-back"></a>
                    <h1>添加家人</h1>
                </div>
            </div>-->
            <div id="wrapper">
				<div class="iScroller">
		            <div class="step plr10">
		            	<p class="step-tips" style="margin-bottom: 10px;">该用户已注册，可向其索要验证码，完成家人添加</p>
		            	<div class="n-list dr-item c-border pd10">
		            		<div class="n-list-li">
								<div class="n-list-key">
									<div class="n-avatar-l">
										<img id="imgUrl" class="c-images-cycle" src="">
									</div>
								</div>
								<div class="n-list-info pl15">
									<h2 class="step-tit" id="people"></h2>
								</div>
							</div>
		            	</div>
		            	<div class="code-box mt20">
		            		<div class="code-input input-group">
		            			<input type="text" id="captcha" class="form-control width-100" placeholder="请输入家人收到的短信验证码">
		            		</div>
		            		<div class="code-btns" id="code1">
		            			<a href="javascript:;" id="sendCode" class="c-btn c-btn-full c-btn-radius">发送验证码</a>
		            		</div>
		            		<div class="code-btns" id="code2" style="display: none;">
		            			<a href="javascript:;" id="message" class="c-btn c-btn-full c-btn-radius"></a>
		            		</div>
		            	</div>
		            </div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="mlr15">
				<a href="javascript:;" class="c-btn c-btn-full c-btn-radius btn-green" id="submit">确认添加</a>
			</div>
		</div>
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../../../widget/marques/marquee.js"></script> 
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script src="../js/iscroll-probe.js"></script>
		<script src="../js/iscroll-pull-up-down.js"></script>
		<script type="text/javascript" src="../js/add-step2.js" ></script>
	</body>
</html>

html/jtgx/html/add-step3.html

@@ -0,0 +1,68 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>添加家人</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/sq-style.css" />	
		<link rel="stylesheet" type="text/css" href="../css/sfp-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
		<link rel="stylesheet" type="text/css" href="../css/add.css" />	
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	</head>
	<body>
		<div class="main">
        	<!--<div class="h45">
                <div class="demo-comtop">
                    <a class="mui-action-back"></a>
                    <h1>添加家人</h1>
                </div>
            </div>-->
            <div id="wrapper">
				<div class="iScroller">
		            <div class="step plr10">
		            	<p class="step-tips">该用户已注册，因其未绑定手机，无法接收短信，您可通过以下方式完成家人添加验证：</p>
		            	<p class="step-tips">1、在下方输入该用户的登录密码，进行验证；</p>
		            	<p class="step-tips">2、通知家人绑定手机号码后，再次添加，通过家人手机验证码验证。</p>
		            	<div class="n-list dr-item c-border pd10">
		            		<div class="n-list-li">
								<div class="n-list-key">
									<div class="n-avatar-l">
										<img id="imgUrl" class="c-images-cycle" src="">
									</div>
								</div>
								<div class="n-list-info pl15">
									<h2 class="step-tit" id="name"></h2>
								</div>
							</div>
		            	</div>
		            	<div class="code-box mt20">
		            		<div class="code-input code2-input input-group">
		            			<input type="text" id="password" class="form-control width-80" placeholder="请输入家人的登录密码">
		            		</div>
		            	</div>
		            </div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="mlr15">
				<a href="javascript:;" class="c-btn c-btn-full c-btn-radius btn-green" id="submit">确认添加</a>
			</div>
		</div>
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../../../widget/marques/marquee.js"></script> 
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script src="../js/iscroll-probe.js"></script>
		<script src="../js/iscroll-pull-up-down.js"></script>
		<script type="text/javascript" src="../js/add-step3.js" ></script>
	</body>
</html>

html/jtgx/html/application-msg-list.html

@@ -0,0 +1,100 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<title>家人申请消息</title>
		<link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../css/ss-style.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../css/application-msg-list.css">
	</head>
	<body>
		<div id="listWrap" class="plr10">
			
		</div>
		<div id="no_result_wrap" class="c-hide">
			<img class="no-result-img" src="../images/shujuweikong_img.png" />
			<div class="f-fs14 c-323232 c-t-center">抱歉，暂未找到符合条件的结果。</div>
		</div>
		<script type="text/html" id="li_tmpl">
			{{each list as it}}
				{{if it.state == "0"}}
				<div class="c-list mt10 c-border" data-id="{{it.id}}">
		            <div class="c-list-div pt10 list-arrow-d">
		                <div class="c-avatar-m"> 
		                	{{if it.photo != ''}}
		                		<img src="{{it.photo | setPhoto}}" alt="">
		                	{{else}}
		                		<img src="http://ued.yihu.cn/framework/images/face.png" alt="">
		                	{{/if}}
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap"><span class="c-bold c-f16">{{it.patient_name}}</span>{{if it.mobile}}（{{it.mobile}}）{{/if}}</h4>
		                    <p class="c-nowrap mt5 c-f14">{{it.idcard}}</p>
		                </div>
		                <div class="c-list-key c-hide state-agree"><span class="c-f12 c-74bf00">●已同意</span> </div>
		                <div class="c-list-key c-hide state-reject"> <span class="c-f12 c-ff6a56">●已拒绝</span> </div>
		            </div>
		            <div class="clearfix c-border-t btn-menu">
			           	<ul class="c-blocks-2 c-t-center =">
					        <li class="c-ff6a56 ptb10 c-f14 btn-reject">拒绝</li>
					        <li class="c-border-l mll1 c-74bf00 ptb10 c-f14 btn-agree">同意</li>
					    </ul>
			        </div>
		        </div>
		        {{/if}}
		        {{if it.state == "1"}}
		        <div class="c-list mt10 c-border" data-id="{{it.id}}">
		            <div class="c-list-div pt10 list-arrow-d">
		                <div class="c-avatar-m"> 
		                	{{if it.photo != ''}}
		                		<img src="{{it.photo | setPhoto}}" alt="">
		                	{{else}}
		                		<img src="http://ued.yihu.cn/framework/images/face.png" alt="">
		                	{{/if}}
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap"><span class="c-bold c-f16">{{it.patient_name}}</span>（13489020472）</h4>
		                    <p class="c-nowrap mt5 c-f14">{{it.idcard}}</p>
		                </div>
		                <div class="c-list-key"> <span class="c-f12 c-74bf00">●已同意</span> </div>
		            </div>
		        </div>
		        {{/if}}
		        {{if it.state == "2"}}
		        <div class="c-list mt10 c-border" data-id="{{it.id}}">
		            <div class="c-list-div pt10 list-arrow-d">
		                <div class="c-avatar-m"> 
		                	{{if it.photo != ''}}
		                		<img src="{{it.photo | setPhoto}}" alt="">
		                	{{else}}
		                		<img src="http://ued.yihu.cn/framework/images/face.png" alt="">
		                	{{/if}}
		                </div>
		                <div class="c-list-info">
		                    <h4 class="c-nowrap"><span class="c-bold c-f16">{{it.patient_name}}</span>（13489020472）</h4>
		                    <p class="c-nowrap mt5 c-f14">{{it.idcard}}</p>
		                </div>
		                <div class="c-list-key"> <span class="c-f12 c-ff6a56">●已拒绝</span> </div>
		            </div>
		        </div>
		        {{/if}}
			{{/each}}
		</script>
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/underscore.js"></script>
		<script src="../../../js/es6-promise.js"></script>
		<script src="../../../js/template.js"></script>
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../../../js/weixin_common.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script src="../../../js/isRepresented.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/application-msg-list.js"></script>
	</body>
</html>

html/jtgx/html/family-detail.html

@@ -0,0 +1,115 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta name="format-detection" content="telephone=no" />
		<meta charset="utf-8">
		<title>家人资料</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/sq-style.css" />	
		<link rel="stylesheet" type="text/css" href="../css/sfp-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
		<link rel="stylesheet" type="text/css" href="../css/family-detail.css" />
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	</head>
	<body>
		<div class="main">
            <div id="wrapper">
				<div class="iScroller">
		            <div class="family-list">
		            	<ul class="c-list c-border-tb mt10">
		            		<li>
		            			<div class="c-list-key">
		            				<span>头像</span>
		            			</div>
		            			<div class="c-list-info info-right">
		            				<div class="c-avatar-m">
		            					<img src="" class="c-images-cycle" id="pic">
		            				</div>
		            			</div>
		            		</li>
		            	</ul>
		            	<ul class="c-list c-border-tb mt10">
		            		<li>
		            			<div class="c-list-key">
		            				<span>姓名</span>
		            			</div>
		            			<div class="c-list-info">
		            				<p id="name"></p>
		            			</div>
		            		</li>
		            		<li>
		            			<div class="c-list-key">
		            				<span>身份证号</span>
		            			</div>
		            			<div class="c-list-info">
		            				<p id="idcard"></p>
		            			</div>
		            		</li>
		            	</ul>
		            	<ul class="c-list c-border-tb mt10">
		            		<li class="c-list-link list-arrow-r" id="select">
		            			<div class="c-list-key">
		            				<span>家庭关系</span>
		            			</div>
		            			<div class="c-list-info">
		            				<p></p>
		            			</div>
		            		</li>
		            		<li>
		            			<div class="c-list-key">
		            				<span>手机号码</span>
		            			</div>
		            			<div class="c-list-info">
		            				<p id="mobile"></p>
		            			</div>
		            		</li>
		            		<li>
		            			<div class="c-list-key">
		            				<span>家庭住址</span>
		            			</div>
		            			<div class="c-list-info">
		            				<p id="address"></p>
		            			</div>
		            		</li>
		            	</ul>
		            	<ul class="c-list c-border-tb mt10">
		            		<li>
		            			<div class="c-list-key">
		            				<span>签约类型</span>
		            			</div>
		            			<div class="c-list-info">
		            				<p id="sign"></p>
		            			</div>
		            		</li>
		            	</ul>
		            </div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="mlr15">
				<a href="javascript:;" class="c-btn c-btn-full c-btn-radius btn-red" id="delete">删除家人</a>
			</div>
		</div>
		<!--start 家庭关系 -->
		<ul id="familyList" style="display: none;">
			<li>父亲</li>
			<li>母亲</li>
		</ul>
		<!--end 家庭关系 -->
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../../../widget/marques/marquee.js"></script> 
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script src="../js/iscroll-probe.js"></script>
		<script src="../js/iscroll-pull-up-down.js"></script>
		<script type="text/javascript" src="../js/family-detail.js" ></script>
	</body>
</html>

html/jtgx/html/family-share.html

@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>厦门i健康，您的家庭健康好管家，快来签约吧！</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/sq-style.css" />	
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../css/family-share.css" />
	</head>
	<body>
		<img id="share_bg_img" src="../images/family-share-bg.png" />
		<img id="require_sign" src="../images/woyaoqianyue_icon.png"/>
		<img id="introduce_guide" src="../images/fengxiang_tishi_img.png" style="display: none;"/>
		<div id="overlay_pop" style="display: none;"></div>
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/underscore.js"></script>
		<script src="../../../js/es6-promise.js"></script>
		<script src="../../../js/template.js"></script>
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../../../js/weixin_common.js"></script>
		<script src="../js/family-share.js"></script>
	</body>
</html>

html/jtgx/html/family.html

@@ -0,0 +1,44 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>我的家庭</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/sq-style.css" />	
		<link rel="stylesheet" type="text/css" href="../css/sfp-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
		<link rel="stylesheet" type="text/css" href="../css/family.css" />
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	</head>
	<body>
		<div class="main">
            <div class="ptb10 c-t-right pr10">
            	<a id="msgContainer" href="javascript:void(0)" class="c-47a8ef">申请消息<span id="msgNum" class= "c-ff6a56"></span></a>
            </div>
            <div id="wrapper">
				<div class="iScroller">
		            <ul class="family-list" id="ul_family">
		            	
		            </ul>
				</div>
			</div>
		</div>
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../../../widget/marques/marquee.js"></script> 
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script src="../../../js/underscore.js"></script>
		<script src="../../../js/es6-promise.js"></script>
		<script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<script src="../js/iscroll-probe.js"></script>
		<script src="../js/iscroll-pull-up-down.js"></script>
		<script type="text/javascript" src="../js/family.js" ></script>
	</body>
</html>

html/jtgx/js/add-step-pre.js

@@ -0,0 +1,75 @@
var code = window.localStorage.getItem("familyCode"),
	name = window.localStorage.getItem("familyName"),
	mobile = window.localStorage.getItem("familyMobile"),
	imgUrl = window.localStorage.getItem("familyImgUrl"),
	relation = window.localStorage.getItem("familyRelation");
var dd = dialog({contentType:'load', skin:'bk-popup', content:'发送中...'});
var $sendWxMsg = $('#sendWxMsg'); // 发送添加申请按钮
var Request = GetRequest();
var reAdd = Request.reAdd;
pageInit();
function sendWXTempPromise(data) {
	return new Promise(function(resolve, reject) {
		sendPost("patient/family/sendWXTemp", data , "json", "POST", 
			function failed (res) {
				dd.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(res) {
					resolve(res)
		});
	})
}
function baseInfoInit() {
	var temp = name + ' <span>(' + mobile + ')</span>';
	// 头像为空设置默认头像
	if(imgUrl == undefined || imgUrl == null || imgUrl == ""){
		imgUrl = "../../../images/p-default.png";
	}
	$("#people").html(temp);
	$("#imgUrl").attr("src", getImgUrl(imgUrl));
}
function bindEvents() {
	$sendWxMsg.on('click',function() {
		var data = {
			member: code,
			relation: relation
		};
		if(reAdd=="1") {
			data.reAdd = reAdd;
		}
		sendWXTempPromise(data)
		.then(function(res) {
			if(res.status=="200") {
				$sendWxMsg.addClass("btn-disabled");
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:"已发送添加申请"}).show();
			} else {
				$('#next').removeClass("btn-disabled");
				if(res.msg){
				    dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
				}else{
				    dialog({contentType:'tipsbox', skin:'bk-popup' , content:"发送失败"}).show();
				}
				
			}
		})
		.catch(function(e) {
			console && console.error(e)
		})
	})
}
function pageInit() {
	baseInfoInit();
	bindEvents();
}

html/jtgx/js/add-step1.js

@@ -0,0 +1,238 @@
var d = dialog({contentType:'load', skin:'bk-popup'});
var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
var relation;
var family = [];
$(function(){
	// 判断是否登录
	checkUserAgent();
	getFamilyMembersPromise()
	.then(function(res) {
		if(res.status == 200) {
			family = res.data.normalmembers;
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content: res.msg||'数据获取失败'}).show();
		}
	})
	.catch(function(e) {
		console && console.error(e)
	})
	// 选择家庭关系
	$('#select').mobiscroll({
		theme: 'ios',
		lang: 'zh',
		formatValue: function(d) {
			return d;
		},
		customWheels: true,
		wheels: [
			[{
				keys: ['1', '2', '3', '4', '5', '6', '0'],
				values: ['父亲', '母亲', '老公', '老婆', '儿子', '女儿', '其他']
			}]
		],
		onSelect: function(valueText, inst) {
			var dd = eval("[" + valueText + "]");
			$('#select').val(dd[0].values);
			relation = dd[0].keys;
		}
	});
	// 下一步
	$("#next").bind("tap", function () {
		
		if(!$(this).hasClass('btn-disabled')) {
			commit();
		}
		
	});
});
function checkVal ( cv, attr, d) {
	var len = d.length,
		sta = 1;
	for ( var i = 0; i < len; i++) {
		if (d[i][attr] == cv) {
			sta = -1;
			break;
		}
	}
	return sta;
}
// 禁止拖动
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
function getFamilyMembersPromise() {
	d.show();
	return new Promise(function(resolve, reject){
		sendPost("patient/family/members", {}, "json", "get", function fail() {
			d.close();
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'数据获取失败'}).show();
		}, function success(res) {
			d.close();
			resolve(res)
		});
	})
}
//验证信息
function validate(data) {
	
	if (data.name.trim() == "") {
	    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入姓名'}).show();
		return false;
	}
	if (!isIdcard(data.idcard)) {
	    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'身份证格式不正确'}).show();
		return false;
	}
	if (data.select.trim() == "") {
	    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请选择家庭关系'}).show();
		return false;
	}
	if (checkVal( data.name, 'name', family) == -1 || checkVal( data.idcard, 'idcard', family) == -1) {
    	dialog({contentType:'tipsbox', skin:'bk-popup' , content: data.name + '已是您的家庭成员咯~'}).show();
    	return false;
	}
	
	return true;
}
// 提交失败
function commitFailed (res) {
	dd.close();
	if (res && res.msg) {
		var d1 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
	} else {
		var d2 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
	}
}
function checkMemberPromise(code) {
	
	return new Promise(function(resolve, reject) {
		sendPost("patient/family/check_member", {
			memberCode: code
		}, "json", "get", commitFailed, function(res) {
			resolve(res)
		});
	})
}
function sendWXTempPromise(data) {
	return new Promise(function(resolve, reject) {
		sendPost("patient/family/sendWXTemp", data , "json", "POST", commitFailed, function(res) {
			resolve(res)
		});
	})
}
// 提交成功
function commitSuccess (res) {
	if (res.status == 200) {
		
		var data = res.data;
		if (data.isRegister == -1) {
			dd.close();
			$('#next').removeClass("btn-disabled");
			var d4 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:'别闹了，这是您自己，快添加您的家人吧'}).show();
		} else if (data.isRegister == 0) {
			dd.close();
			$('#next').removeClass("btn-disabled");
			dialog({
				content:'对不起，目前仅支持添加注册用户为家人哦，是否推荐家人注册？',
				okValue: '前往推荐',
				ok: function (){
					// 跳转分享
					window.location.href = '../html/family-share.html';
				},
				cancel: function () {}
			}).showModal();
		} else {
			
			if (data.name != $("#name").val()) {
				dd.close();
				$('#next').removeClass("btn-disabled");
				var d4 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:'姓名与身份证不一致'}).show();
			} else {
				window.localStorage.removeItem("familyCode");
				window.localStorage.setItem("familyCode", data.code);
				window.localStorage.removeItem("familyName");
				window.localStorage.setItem("familyName", data.name);
				window.localStorage.removeItem("familyImgUrl");
				window.localStorage.setItem("familyImgUrl", getImgUrl(data.photo));
				window.localStorage.removeItem("familyRelation");
				window.localStorage.setItem("familyRelation", relation);
				
				checkMemberPromise(data.code)
				.then(function(res) {
					dd.close();
					if(res.status == "200") {
						var state = res.data.state;
						if(state == "0") { // 未绑定微信和手机
							$('#next').removeClass("btn-disabled");
							window.location.href = 'add-step3.html';
						} else if(state == "1") { // 仅绑定微信
							sendWXTempPromise({
								member: data.code,
								relation: relation
							})
							.then(function(res) {
								if(res.status=="200") {
									$('#next').addClass("btn-disabled");
									dialog({contentType:'tipsbox', skin:'bk-popup' , content:"已发送添加申请"}).show();
								} else {
									$('#next').removeClass("btn-disabled");
									if(res.msg){
									    dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
									}else
									dialog({contentType:'tipsbox', skin:'bk-popup' , content:"发送失败"}).show();
								}
							})
						} else if(state == "2") { // 仅绑定手机
							$('#next').removeClass("btn-disabled");
							window.localStorage.removeItem("familyMobile");
							window.localStorage.setItem("familyMobile", data.mobile);
							window.location.href = 'add-step2.html';
						} else if(state== "3") { // 手机和微信都绑定
							$('#next').removeClass("btn-disabled");
							window.localStorage.removeItem("familyMobile");
							window.localStorage.setItem("familyMobile", data.mobile);
							window.location.href = 'add-step2-pre.html';
						}
					} else {
						dd.close();
						dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show()
					}
				})
				.catch(function(e) {
					dd.close();
					console && console.error(e)
				})
//				if (data.mobile == "") {
//					window.location.href = 'add-step3.html';
//				} else {
//					window.localStorage.removeItem("familyMobile");
//					window.localStorage.setItem("familyMobile", data.mobile);
//					window.location.href = 'add-step2.html';
//				}
			}
		}
	} else {
		//非200则为失败
		commitFailed(res);
	}
}
// 提交添加家人
function commit() {
	var data = {};
	data.name = $("#name").val();
	data.idcard = $("#idcard").val();
	data.select = $("#select").val();
	if (validate(data)) {
		// 验证通过执行
		dd.show();
		$('#next').addClass("btn-disabled");
		sendPost("patient/family/is_register", data, "json", "get", commitFailed, commitSuccess);
	}
}

html/jtgx/js/add-step2.js

@@ -0,0 +1,122 @@
var d = dialog({contentType:'load', skin:'bk-popup'});
var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
var num = 60,	// 默认发送验证码时间
	timer;		// 计时器
var scroller1 = new IScrollPullUpDown('wrapper',{
	probeType:2,
	bounceTime: 250,
	bounceEasing: 'quadratic',
	mouseWheel:false,
	scrollbars:true,
	click:true,
	fadeScrollbars:true,
	interactiveScrollbars:false
}, null, null);
$(function(){
	// 判断是否登录
	checkUserAgent();
	
	var code = window.localStorage.getItem("familyCode");
	var name = window.localStorage.getItem("familyName");
	var mobile = window.localStorage.getItem("familyMobile");
	var imgUrl = window.localStorage.getItem("familyImgUrl");
	var relation = window.localStorage.getItem("familyRelation");
	var temp = name + ' <span>(' + mobile + ')</span>';
	// 头像为空设置默认头像
	if(imgUrl == undefined || imgUrl == null || imgUrl == ""){
		imgUrl = "../../../images/p-default.png";
	}
	$("#people").html(temp);
	$("#imgUrl").attr("src", getImgUrl(imgUrl));
	// 验证码
	$("#sendCode").bind("tap", function () {
		// 发送验证码
		var data = {};
		data.mobile = mobile;
		data.type = 10;
		data.status = 200;
		dd.show();
		sendPost("common/captcha", data, "json", "post", sendCodeFailed, sendCodeSuccesss);
	});
	// 确认提交
	$("#submit").bind("tap", function () {
		var captcha = $("#captcha").val();
		if (captcha.trim() == "") {
		    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'验证码不能为空'}).show();
			return false;
		}
		dd.show();
		var data = {};
		data.member = code;
		data.captcha = captcha;
		data.relation = relation;
		sendPost("patient/family/member_add", data, "json", "post", addFailed, addSuccesss);
	});
});
// 禁止拖动
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
// 添加成功
function addSuccesss (res) {
	if (res.status == 200) {
		dd.close();
		var d3 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
		setTimeout(function () {
			window.location.href = "family.html";
		}, 1000);
	} else {
		//非200则为失败
		addFailed(res);
	}
}
// 添加失败
function addFailed (res) {
	dd.close();
	if (res && res.msg) {
		var d1 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
	} else {
		var d2 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
	}
}
// 验证码计时器
function doLoop(){
	num--;
	if(num > 0){
		$("#message").html(num + '秒后可重新获取');
	}else{
	    clearInterval(timer); //清除js定时器
	    $("#code1").show();
	    $("#code2").hide();
	    num = 60; //重置时间
	}
}
// 发送验证码成功
function sendCodeSuccesss (res) {
	if (res.status == 200) {
		dd.close();
		var d3 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
		// 清除计时器
		$("#code1").hide();
		$("#message").html(num + '秒后可重新获取');
		$("#code2").show();
		timer = setInterval(doLoop, 1000); //一秒执行一次
	} else {
		//非200则为失败
		sendCodeFailed(res);
	}
}
// 发送验证码失败
function sendCodeFailed (res) {
	dd.close();
	if (res && res.msg) {
		var d1 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
	} else {
		var d2 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
	}
}

html/jtgx/js/add-step3.js

@@ -0,0 +1,68 @@
var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
var scroller1 = new IScrollPullUpDown('wrapper',{
	probeType:2,
	bounceTime: 250,
	bounceEasing: 'quadratic',
	mouseWheel:false,
	click:true,
	scrollbars:true,
	fadeScrollbars:true,
	interactiveScrollbars:false
}, null, null);
$(function(){
	// 判断是否登录
	checkUserAgent();
	
	var code = window.localStorage.getItem("familyCode");
	var name = window.localStorage.getItem("familyName");
	var imgUrl = window.localStorage.getItem("familyImgUrl");
	var relation = window.localStorage.getItem("familyRelation");
	// 头像为空设置默认头像
	if(imgUrl == undefined || imgUrl == null || imgUrl == ""){
		imgUrl = "../../../images/p-default.png";
	}
	$("#name").html(name);
	$("#imgUrl").attr("src", getImgUrl(imgUrl));
	// 确认提交
	$("#submit").bind("tap", function () {
		var password = $("#password").val();
		if (password.trim() == "") {
		    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'密码不能为空'}).show();
			return false;
		}
		dd.show();
		var data = {};
		data.member = code;
		data.password = password;
		data.relation = relation;
		sendPost("patient/family/member_add", data, "json", "post", addFailed, addSuccesss);
	});
});
// 禁止拖动
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
// 添加成功
function addSuccesss (res) {
	if (res.status == 200) {
		dd.close();
		var d3 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
		setTimeout(function () {
			window.location.href = "family.html";
		}, 1000);
	} else {
		//非200则为失败
		addFailed(res);
	}
}
// 添加失败
function addFailed (res) {
	dd.close();
	if (res && res.msg) {
		var d1 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
	} else {
		var d2 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
	}
}

html/jtgx/js/application-msg-list.js

@@ -0,0 +1,111 @@
var loading = dialog({contentType:'load', skin:'bk-popup'}).show();
var handing = dialog({contentType:'load', skin:'bk-popup', content: '正在处理中...'});
var Request = GetRequest(),
    member = Request.member;
var $listWrap = $('#listWrap');
isRepresent(function(){
	initPage()
})
function getFamilyMesListPromise(code) {
	return new Promise(function(resolve, reject) {
		sendPost("patient/family/getFamilyMesList", {
			code: code
		} , "json", "POST",
			function failed (res) {
				loading.close();
				
			}, function(res) {
				resolve(res)
		});
	})
}
function addMemberByWxTempPromise(id,state) {
	handing.show();
	return new Promise(function(resolve, reject) {
		sendPost("patient/family/addMenberByWXTemp", {
			id: id,
			state: state
		} , "json", "POST",
			function failed (res) {
				handing.close();
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
			}, function(res) {
				handing.close();
				if(res.status == "200") {
					resolve(res)
				} else {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
				}
		});
	})
}
function changeState(el,state) {
	var $el = $(el),
		$btns = $el.closest('.btn-menu'),
		$li = $el.closest('.c-list'),
		$agree = $li.find('.state-agree'),
		$reject = $li.find('.state-reject');
	
	$btns.hide();
	if(state == "1") {
		$agree.removeClass('c-hide');
	} else if((state == "2")){
		$reject.removeClass('c-hide');
	}
}
function bindEvents() {
	$listWrap.on('click','.btn-reject',function(){
		var self = this;
		var id = $(this).closest('.c-list').attr('data-id');
		addMemberByWxTempPromise(id,2)
		.then(function() {
			changeState(self,2)
		})
	}).on('click','.btn-agree',function(){
		var self = this;
		var id = $(this).closest('.c-list').attr('data-id');
		addMemberByWxTempPromise(id,1)
		.then(function() {
			changeState(self,1)
		})
	})
}
function initListPromise() {
	return getFamilyMesListPromise(member)
	.then(function(res) {
		loading.close();
		if(res.status == "200") {
			if(res.data.mes && res.data.mes.length) {
				var html = template('li_tmpl',{list: res.data.mes });
				$listWrap.html(html);
			} else {
				$('#no_result_wrap').show()
			}
			
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
		}
		
	})
}
function initPage() {
	initListPromise()
	.then(function() {
		bindEvents();
	})
	.catch(function(e){
		loading.close();
		console && console.error(e);
	});
}
template.helper("setPhoto", function(p) {		
		return getImgUrl(p);
});

html/jtgx/js/family-detail.js

@@ -0,0 +1,148 @@
var d = dialog({contentType:'load', skin:'bk-popup'});
var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
var scroller1 = new IScrollPullUpDown('wrapper',{
	probeType:2,
	bounceTime: 250,
	bounceEasing: 'quadratic',
	mouseWheel:false,
	scrollbars:true,
	click:true,
	fadeScrollbars:true,
	interactiveScrollbars:false
}, null, null);
$(function(){
	// 判断是否登录
	checkUserAgent();
	// 获取缓存
	var relationIndex = "relation" + window.localStorage.getItem("index");
	var name = window.localStorage.getItem("name");
	var imgUrl = window.localStorage.getItem("imgUrl");
	var code = window.localStorage.getItem("code");
	var mobile = window.localStorage.getItem("mobile");
	var idcard = window.localStorage.getItem("idcard");
	var address = window.localStorage.getItem("address");
	var sign = window.localStorage.getItem("sign");
	var relation = window.localStorage.getItem(relationIndex);
	$("#name").html(name);
	$("#pic").attr("src", getImgUrl(imgUrl));
	$("#idcard").html(idcard);
	$("#mobile").html(mobile);
	$("#address").html(address);
	$("#sign").html(sign);
	var relationText = "";
	if (relation == 1) {
		relationText = "父亲";
	} else if (relation == 2) {
		relationText = "母亲";
	} else if (relation == 3) {
		relationText = "老公";
	} else if (relation == 4) {
		relationText = "老婆";
	} else if (relation == 5) {
		relationText = "儿子";
	} else if (relation == 6) {
		relationText = "女儿";
	} else {
		relationText = "其他";
	}
	$("#select").find("p").html(relationText);
    // 选择家庭关系
    $('#select').mobiscroll({
		theme: 'ios',
		lang: 'zh',
		formatValue: function(d) {
			return d;
		},
		customWheels: true,
		wheels: [
			[{
				keys: ['1', '2', '3', '4', '5', '6', '0'],
				values: ['父亲', '母亲', '老公', '老婆', '儿子', '女儿', '其他']
			}]
		],
		onSelect: function(valueText, inst) {
			var values = eval("[" + valueText + "]");
			window.localStorage.removeItem(relationIndex);
			window.localStorage.setItem(relationIndex, values[0].keys);
			$('#select').find("p").html(values[0].values);
			selectKey = values[0].keys;
			dd.show();
			var data = {};
			data.member = code;
			data.relation = selectKey;
			sendPost("patient/family/relation_update", data, "json", "post", changeFailed, changeSuccess);
		}
	});
	// 删除家人
	$("#delete").bind("tap", function () {
		dialog({
			content:'删除家人后，无法查看家人信息，并为家人进行相关操作，是否继续删除',
			button: [
				{
					value: '继续删除',
					callback: function(){
						this.close();
						dd.show();
						var data = {};
						data.member = code;
						sendPost("patient/family/member_delete", data, "json", "post", deleteFailed, deleteSuccess);
					}
				},
				{
					value: '不了，谢谢',
					callback: function(){}
				}
			]
		}).showModal();
	});
});
// 禁止拖动
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
// 修改失败
function changeFailed (res) {
	dd.close();
	if (res && res.msg) {
		var d1 = dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg});
	} else {
		var d2 = dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'});
	}
}
// 修改成功
function changeSuccess (res) {
	if (res.status == 200) {
		dd.close();
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:"家庭关系修改成功"}).show();
	} else {
		//非200则为失败
		changeFailed(res);
	}
}
// 删除失败
function deleteFailed (res) {
	dd.close();
	if (res && res.msg) {
		var d1 = dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg});
	} else {
		var d2 = dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'});
	}
}
// 删除成功
function deleteSuccess (res) {
	if (res.status == 200) {
		dd.close();
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
		setTimeout(function(){
			window.location.href = "family.html";
		}, 1000);
	} else {
		//非200则为失败
		deleteFailed(res);
	}
}

html/jtgx/js/family-share.js

@@ -0,0 +1,43 @@
var Request = GetRequest();
var userAgent = window.localStorage.getItem(agentName);
if(userAgent) {
	userAgent = JSON.parse(userAgent);
} 
// 判断是否点击“我要签约”按钮跳转到“签约管理首页”
var enableSign = Request["enableSign"],
guide = Request["guide"],
from = Request["from"];//用from判断是否直接点击分享链接
if(from) {
	$('#overlay_pop').hide();
	$('#introduce_guide').hide();
} else {
	$('#overlay_pop').show();
	$('#introduce_guide').show();
}
$(function() {
	$('#require_sign').on('click',function() {
		 window.scrollTo(0,document.body.scrollHeight)
	});
	$('#overlay_pop').on('touchstart',function() {
		$(this).hide();
		$('#introduce_text').hide();
		$('#introduce_guide').hide();
	});
	if(enableSign) {
		$('#require_sign').click(function() {
			//location.href = "signing-doctors.html";
		});
	}
	
	window.onscroll=function(){
		var  offsetHeight = document.body.offsetHeight,
		scrollTop = $(document.body).scrollTop(),
		height = $(window).height();
		
		if(scrollTop + height == offsetHeight) {
			$('#require_sign').hide();
		} else {
			$('#require_sign').show();
		}
	};
})

html/jtgx/js/family.js

@@ -0,0 +1,478 @@
var d = dialog({contentType:'load', skin:'bk-popup'});
var id = 0;
var pagetype = 22;
var scroller1 = new IScrollPullUpDown('wrapper',{
	probeType:2,
	bounceTime: 250,
	bounceEasing: 'quadratic',
	mouseWheel:false,
	scrollbars:true,
	click:true,
	fadeScrollbars:true,
	interactiveScrollbars:false
}, pullDownAction, null);
$(function(){
	// 判断是否登录
	checkUserAgent();
	$('#msgContainer').on('tap',function() {
		var userAgent = JSON.parse(window.localStorage.getItem(agentName));
		window.location.href = "application-msg-list.html?member="+userAgent.uid;		
	});
	// 点击咨询详情
	$("body").on("tap", ".n-list.tap-enable", function () {
		if ($(this).is(".list-last")) {
			window.location.href = "add-step1.html";
		} else {
			// 缓存信息
			var index = $(this).parents("li").index();
			var name = $(this).data("name");
			var imgUrl = $(this).find("img").attr("src");
			var code = $(this).data("code");
			var mobile = $(this).data("mobile");
			var idcard = $(this).data("idcard");
			var address = $(this).data("address");
			var sign = $(this).data("sign");
			var relation,
				relationIndex = "relation" + index;
			relation = $(this).data("relation");
			window.localStorage.removeItem(relationIndex);
			window.localStorage.setItem(relationIndex, relation);
			window.localStorage.removeItem("index");
			window.localStorage.setItem("index", index);
			window.localStorage.removeItem("name");
			window.localStorage.setItem("name", name);
			window.localStorage.removeItem("imgUrl");
			window.localStorage.setItem("imgUrl", imgUrl);
			window.localStorage.removeItem("code");
			window.localStorage.setItem("code", code);
			window.localStorage.removeItem("mobile");
			window.localStorage.setItem("mobile", mobile);
			window.localStorage.removeItem("idcard");
			window.localStorage.setItem("idcard", idcard);
			window.localStorage.removeItem("address");
			window.localStorage.setItem("address", address);
			window.localStorage.removeItem("sign");
			window.localStorage.setItem("sign", sign);
			// 跳转详情
			window.location.href = "family-detail.html";
		}
	});
	//免疫关联
	$("body").on("tap", ".n-list.childSick", function (){
		var $this = $(this)
		location.href="../../fybj/html/mianyijihua.html"
	})
	bindEvents();
});
//下拉刷新
function pullDownAction(theScrollerTemp) {
	$(".pullDown").show();
	setTimeout(function () {
		$("#ul_family").html("");
		queryInit();
	}, 1000);
}
//上拉加载数据
function pullUpAction(theScrollerTemp) {
	$(".pullUp").show();
	setTimeout(function () {
		queryInit();
	}, 1000);
}
// 禁止拖动
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
function bindEvents() {
	$('#wrapper').on('tap','.cancel-btn',function() {
		var id = $(this).attr('data-id');
		dialog({
			content: '确定撤销添加此家人的申请吗？',
			ok: function() {
				cancelApplicationPromise(id)
				.then(function(res) {
					if(res.status=="200") {
						dialog({contentType:'tipsbox', skin:'bk-popup' , content:"撤销成功"}).show();
						$("#ul_family").html("");
						queryInit();
					} else {
						dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg||"撤销失败"}).show();
					}
				},function() {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:"撤销失败"}).show();
				}).catch(function(e) {
					console && console.error(e)
				})
			},
			cancel: function() {
				return;
			}
		}).showModal();
	}).on('tap','.retry-btn',function() {
		var code = $(this).attr('data-code');
		var mobile = $(this).attr('data-mobile');
		var name = $(this).attr('data-name');
		var relation = $(this).attr('data-relation');
		var photo = $(this).attr('data-photo');
		retryApplication(name,code,mobile,relation,photo);
	}).on('tap','.immunememberConnec',function(){
		location.href="../../fybj/html/mianyijihua.html"
	});	
}
/**
 * 界面数据初始化
 */
function queryInit() {
	d.show();
	var data = {};
	sendPostNoCache("patient/family/members", data, "json", "get", queryListFailed, queryAppoListSuccesss);
	var userAgent = JSON.parse(window.localStorage.getItem(agentName));
	getFamilyMesListPromise(userAgent.uid)
	.then(function(res) {
		if(res.status == "200") {
			if(res.data.mes && res.data.mes.length) {
				var unhandledMsgs = _.filter(res.data.mes,function(v) {
					return v.state == '0'
				});
				if(unhandledMsgs.length) {
					$('#msgNum').text('（'+unhandledMsgs.length+'）')
				}
			}
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
		}
	});
}
function queryListFailed(res) {
	d.close();
	if (res && res.msg) {
		var d1 = dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg});     
	} else {
		var d2 = dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}); 
	}
}
function queryAppoListSuccesss(res) {
	if (res.status == 200) {
		var $list = document.querySelector("#ul_family");
		if (res.data && res.data.normalmembers.length > 0) {
			var list = res.data.normalmembers;
			window.localStorage.removeItem("userfamily");
			window.localStorage.setItem("userfamily", JSON.stringify(res.data));
			for (var i = 0; i < list.length; i++) {
				var $li = document.createElement("li");
				var code = list[i].code;
				var name = list[i].name;
				var mobile = list[i].mobile;
				var idcard = list[i].idcard;
				var address = list[i].address;
				var familyRelation = list[i].familyRelation;
				var photo = getImgUrl(list[i].photo);
				var signType=list[i].signType;
				var isAuthorize = list[i].isAuthorize;
				var state = list[i].state; // 状态（0 ：未处理；1：已同意；2：已拒绝;3:已撤销）
				var id = list[i].id;
				// 手机不存在默认显示未绑定手机
				if(mobile == undefined || mobile == null || mobile == ""){
					mobile = "未绑定手机";
				}
				// 地址不存在或者为空显示空
				if(address == undefined || address == null || address == ""){
					address = "";
				}
				// 头像为空设置默认头像
				if(photo == undefined || photo == null || photo == ""){
					photo = "../../../images/p-default.png";
				}
				// 家庭关系
				var relation = "";
				if (familyRelation == 0) {
					relation = "其他";
				} else if (familyRelation == 1) {
					relation = "父亲";
				} else if (familyRelation == 2) {
					relation = "母亲";
				} else if (familyRelation == 3) {
					relation = "老公";
				} else if (familyRelation == 4) {
					relation = "老婆";
				} else if (familyRelation == 5) {
					relation = "儿子";
				} else if (familyRelation == 6) {
					relation = "女儿";
				} else if (familyRelation == 7) {
					relation = "未知";
				};
				// 签约类型
				var signTmpl = "";
				var signText = "";
				if (signType == 0) {
					signTmpl = '<p class="red">未签约</p>';
					signText = "未签约";
				} else {
					if (signType == 1) {
						signText = "三师共管";
					} else if (signType == 2) {
						signText = "家庭医生";
					} else if (signType == 3) {
						signText = "三师共管、家庭医生";
					}
					signTmpl = '<p>签约类型：' + signText + '</p>'
				}
				var childContent = "";
				if(state == "1") {
					childContent =  '<div class="c-list c-border dr-item list-wrap"><div class="n-list tap-enable" data-name="' + name + '" data-mobile="' + mobile + '" data-idcard="' + idcard + '" data-code="' + code + '" data-address="' + address + '" data-sign="' + signText + '" data-relation="' + familyRelation + '">'+
									'<div class="n-list-li">'+
										'<div class="n-list-key">'+
											'<div class="n-avatar-l">'+
												'<img class="c-images-cycle" src="' + photo + '">'+
											'</div>'+
										'</div>'+
										'<div class="n-list-info pl15">'+
											'<h2>' + name + '（' + relation + '）</h2>'+ signTmpl +
										'</div>'+
									'</div>'+
								'</div>'+
								'<li class="c-list-cover">'+
			                        '<div class="c-list-info">'+
			                           '<h4 class="c-nowrap c-f14">授权设置</h4>'+
			                            '<p class="c-nowrap">是否允许该家人处理您全部健康服务</p>'+
			                        '</div>'+
			                        '<div class="c-list-key">'+
			                            '<div data-code="' + code + '" class="mui-switch mui-switch-mini '+(isAuthorize=="1"?'mui-active':'')+
			                            '"><div class="mui-switch-handle"></div></div></div>'
			                        '</div>'+
			                    '</li>'
								;
				} else if(state == "0") {
					childContent =  '<div class="c-list c-border dr-item list-wrap"><div class="n-list" data-name="' + name + '" data-mobile="' + mobile + '" data-idcard="' + idcard + '" data-code="' + code + '" data-address="' + address + '" data-sign="' + signText + '" data-relation="' + familyRelation + '">'+
									'<div class="n-list-li">'+
										'<div class="n-list-key">'+
											'<div class="n-avatar-l">'+
												'<img class="c-images-cycle" src="' + photo + '">'+
											'</div>'+
										'</div>'+
										'<div class="n-list-info pl15">'+
											'<h2>' + name + '（' + relation + '）</h2>'+ '<p class="red">待对方确认关联</p>' +
										'</div>'+
									'</div>'+
								'</div>'+
								'<div class="ptb10 plr10 c-border-t">'+
									'<div class="c-row">'+
								        '<div class="c-50"><div data-name="'+name+'" data-code="'+code+'" data-mobile="'+mobile+'" data-relation="'+familyRelation+'"data-photo="'+photo+'"  class="c-btn c-btn-full c-btn-radius c-btn-4dcd70 retry-btn">重新添加</div></div>'+
								        '<div class="c-50"><div data-id="'+id+'"  class="c-btn c-btn-full c-btn-radius c-btn-fc6155 cancel-btn">&emsp;撤销&emsp;</div></div>'+
								    '</div>'+
			                    '</div>'
								;
				} else if(state == "2") {
					childContent =  '<div class="c-list c-border dr-item list-wrap"><div class="n-list childSick" data-name="' + name + '" data-idcard="' + idcard + '" data-code="' + code + '">'+
									'<div class="n-list-li">'+
										'<div class="n-list-key">'+
											'<div class="n-avatar-l">'+
												'<img class="c-images-cycle" src="' + photo + '">'+
											'</div>'+
										'</div>'+
										'<div class="n-list-info pl15">'+
											'<h2>' + name + '（免疫关联）</h2>'+'<p>未签约</p>'
										'</div>'+
									'</div>'+
								'</div>';
				}
				
				$li.innerHTML = childContent;
				$list.appendChild($li);
			}
			if( res.data.immunemembers && res.data.immunemembers.length > 0){
				var listImmunemembers = res.data.immunemembers;
				for(var j = 0; j < listImmunemembers.length; j++){
					var $li = document.createElement("li");
					var immunememberName = listImmunemembers[j].name;
					var immunememberPhoto = getImgUrl(listImmunemembers[j].photo);
					// 头像为空设置默认头像
					if(immunememberPhoto == undefined || immunememberPhoto == null || immunememberPhoto == ""){
						immunememberPhoto = "../../../images/p-default.png";
					}
					childContent =  '<div class="c-list c-border dr-item list-wrap immunememberConnec"><div class="n-list childSick" data-name="' + immunememberName + '" data-idcard="' + idcard + '" data-code="' + code + '">'+
									'<div class="n-list-li">'+
										'<div class="n-list-key">'+
											'<div class="n-avatar-l">'+
												'<img class="c-images-cycle" src="' + immunememberPhoto + '">'+
											'</div>'+
										'</div>'+
										'<div class="n-list-info pl15">'+
											'<h2>' + immunememberName + '（免疫关联）</h2>'
//											+'<p>未签约</p>'
										'</div>'+
									'</div>'+
								'</div>';
					$li.innerHTML = childContent;
					$list.appendChild($li);
				}
				
			}
			var $liLast = document.createElement("li");
		    lastContent = '<div class="n-list tap-enable list-last dr-item c-t-center">'+
		            			'<i class="icon-add"></i>'+
		            			'<p>添加家人</p>'+
		            		'</div>';
		    $liLast.innerHTML = lastContent;
			$list.appendChild($liLast);
		} else {
			var $li = document.createElement("li");
			var content =   '<div class="n-list tap-enable list-last dr-item c-t-center">'+
		            			'<i class="icon-add"></i>'+
		            			'<p>添加家人</p>'+
	            			'</div>';
			$li.innerHTML = content;
			$list.appendChild($li);
		}
		d.close();
		scroller1.myScroll.refresh();
		$(".pullUp").hide();
		$(".pullDown").hide();
	} else {
		//非200则为失败
		queryListFailed(res);
	}
	mui('.mui-switch')['switch']();
	$('.mui-switch').on('toggle',function(e) {
		var event = e.originalEvent;
		d.show()
		var isAuthorize = event.detail.isActive?1:0;
		var msg = isAuthorize?'授权':'取消授权';
		sendPost("patient/family/member_authorize", {
	    	familyMember: $(this).data('code'),
	    	isAuthorize: isAuthorize
	    }, "json", "post", function() {
	    	d.close();
	    	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:msg+'失败'}).show();
	    }, function(){
	    	d.close();
	    	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:(msg+'成功')}).show(); 
	    });
	})
}
function getFamilyMesListPromise(code) {
	return new Promise(function(resolve, reject) {
		sendPost("patient/family/getFamilyMesList", {
			code: code
		} , "json", "POST",
			function failed (res) {
				d.close();
				
			}, function(res) {
				resolve(res)
		});
	})
}
function cancelApplicationPromise(id) {
	d.show();
	return new Promise(function(resolve, reject) {
		sendPost("patient/family/member_revoke", {
			id: id
		} , "json", "POST",
			function failed (res) {
				d.close();
				reject(res);
			}, function(res) {
				d.close();
				resolve(res)
		});
	})
}
function checkMemberPromise(code) {
	
	return new Promise(function(resolve, reject) {
		sendPost("patient/family/check_member", {
			memberCode: code
		}, "json", "get", commitFailed, function(res) {
			resolve(res)
		});
	})
}
// 提交失败
function commitFailed (res) {
	d.close();
	if (res && res.msg) {
		var d1 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
	} else {
		var d2 = dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
	}
}
function sendWXTempPromise(data) {
	return new Promise(function(resolve, reject) {
		sendPost("patient/family/sendWXTemp", data , "json", "POST", commitFailed, function(res) {
			resolve(res)
		});
	})
}
function retryApplication(name,code,mobile,relation,photo) {
	d.show();
	
	window.localStorage.removeItem("familyCode");
	window.localStorage.setItem("familyCode", code);
	window.localStorage.removeItem("familyName");
	window.localStorage.setItem("familyName", name);
	window.localStorage.removeItem("familyImgUrl");
	window.localStorage.setItem("familyImgUrl", photo);
	window.localStorage.removeItem("familyRelation");
	window.localStorage.setItem("familyRelation", relation);
	
	checkMemberPromise(code)
	.then(function(res) {
		d.close();
		if(res.status == "200") {
			var state = res.data.state;
			if(state == "0") { // 未绑定微信和手机
				window.location.href = 'add-step3.html';
			} else if(state == "1") { // 仅绑定微信
				sendWXTempPromise({
					member: code,
					relation: relation,
					reAdd: "1" // 重新申请
				})
				.then(function(res) {
					if(res.status=="200") {
						dialog({contentType:'tipsbox', skin:'bk-popup' , content:"已发送添加申请"}).show();
					} else {
						if(res.msg){
						    dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
						}else
						dialog({contentType:'tipsbox', skin:'bk-popup' , content:"发送失败"}).show();
					}
				})
			} else if(state == "2") { // 仅绑定手机
				window.localStorage.removeItem("familyMobile");
				window.localStorage.setItem("familyMobile", mobile);
				window.location.href = 'add-step2.html';
			} else if(state== "3") { // 手机和微信都绑定
				window.localStorage.removeItem("familyMobile");
				window.localStorage.setItem("familyMobile", mobile);
				window.location.href = 'add-step2-pre.html?reAdd=1';
			}
		} else {
			d.close();
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show()
		}
	})
	.catch(function(e) {
		d.close();
		console && console.error(e)
	})
}

html/jtgx/js/iscroll-probe.js

@@ -0,0 +1,2038 @@
/*! iScroll v5.1.3 ~ (c) 2008-2014 Matteo Spinelli ~ http://cubiq.org/license */
(function (window, document, Math) {
var rAF = window.requestAnimationFrame	||
	window.webkitRequestAnimationFrame	||
	window.mozRequestAnimationFrame		||
	window.oRequestAnimationFrame		||
	window.msRequestAnimationFrame		||
	function (callback) { window.setTimeout(callback, 1000 / 60); };
var utils = (function () {
	var me = {};
	var _elementStyle = document.createElement('div').style;
	var _vendor = (function () {
		var vendors = ['t', 'webkitT', 'MozT', 'msT', 'OT'],
			transform,
			i = 0,
			l = vendors.length;
		for ( ; i < l; i++ ) {
			transform = vendors[i] + 'ransform';
			if ( transform in _elementStyle ) return vendors[i].substr(0, vendors[i].length-1);
		}
		return false;
	})();
	function _prefixStyle (style) {
		if ( _vendor === false ) return false;
		if ( _vendor === '' ) return style;
		return _vendor + style.charAt(0).toUpperCase() + style.substr(1);
	}
	me.getTime = Date.now || function getTime () { return new Date().getTime(); };
	me.extend = function (target, obj) {
		for ( var i in obj ) {
			target[i] = obj[i];
		}
	};
	me.addEvent = function (el, type, fn, capture) {
		el.addEventListener(type, fn, !!capture);
	};
	me.removeEvent = function (el, type, fn, capture) {
		el.removeEventListener(type, fn, !!capture);
	};
	me.prefixPointerEvent = function (pointerEvent) {
		return window.MSPointerEvent ? 
			'MSPointer' + pointerEvent.charAt(9).toUpperCase() + pointerEvent.substr(10):
			pointerEvent;
	};
	me.momentum = function (current, start, time, lowerMargin, wrapperSize, deceleration) {
		var distance = current - start,
			speed = Math.abs(distance) / time,
			destination,
			duration;
		deceleration = deceleration === undefined ? 0.0006 : deceleration;
		destination = current + ( speed * speed ) / ( 2 * deceleration ) * ( distance < 0 ? -1 : 1 );
		duration = speed / deceleration;
		if ( destination < lowerMargin ) {
			destination = wrapperSize ? lowerMargin - ( wrapperSize / 2.5 * ( speed / 8 ) ) : lowerMargin;
			distance = Math.abs(destination - current);
			duration = distance / speed;
		} else if ( destination > 0 ) {
			destination = wrapperSize ? wrapperSize / 2.5 * ( speed / 8 ) : 0;
			distance = Math.abs(current) + destination;
			duration = distance / speed;
		}
		return {
			destination: Math.round(destination),
			duration: duration
		};
	};
	var _transform = _prefixStyle('transform');
	me.extend(me, {
		hasTransform: _transform !== false,
		hasPerspective: _prefixStyle('perspective') in _elementStyle,
		hasTouch: 'ontouchstart' in window,
		hasPointer: window.PointerEvent || window.MSPointerEvent, // IE10 is prefixed
		hasTransition: _prefixStyle('transition') in _elementStyle
	});
	// This should find all Android browsers lower than build 535.19 (both stock browser and webview)
	me.isBadAndroid = /Android /.test(window.navigator.appVersion) && !(/Chrome\/\d/.test(window.navigator.appVersion));
	me.extend(me.style = {}, {
		transform: _transform,
		transitionTimingFunction: _prefixStyle('transitionTimingFunction'),
		transitionDuration: _prefixStyle('transitionDuration'),
		transitionDelay: _prefixStyle('transitionDelay'),
		transformOrigin: _prefixStyle('transformOrigin')
	});
	me.hasClass = function (e, c) {
		var re = new RegExp("(^|\\s)" + c + "(\\s|$)");
		return re.test(e.className);
	};
	me.addClass = function (e, c) {
		if ( me.hasClass(e, c) ) {
			return;
		}
		var newclass = e.className.split(' ');
		newclass.push(c);
		e.className = newclass.join(' ');
	};
	me.removeClass = function (e, c) {
		if ( !me.hasClass(e, c) ) {
			return;
		}
		var re = new RegExp("(^|\\s)" + c + "(\\s|$)", 'g');
		e.className = e.className.replace(re, ' ');
	};
	me.offset = function (el) {
		var left = -el.offsetLeft,
			top = -el.offsetTop;
		// jshint -W084
		while (el = el.offsetParent) {
			left -= el.offsetLeft;
			top -= el.offsetTop;
		}
		// jshint +W084
		return {
			left: left,
			top: top
		};
	};
	me.preventDefaultException = function (el, exceptions) {
		for ( var i in exceptions ) {
			if ( exceptions[i].test(el[i]) ) {
				return true;
			}
		}
		return false;
	};
	me.extend(me.eventType = {}, {
		touchstart: 1,
		touchmove: 1,
		touchend: 1,
		mousedown: 2,
		mousemove: 2,
		mouseup: 2,
		pointerdown: 3,
		pointermove: 3,
		pointerup: 3,
		MSPointerDown: 3,
		MSPointerMove: 3,
		MSPointerUp: 3
	});
	me.extend(me.ease = {}, {
		quadratic: {
			style: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
			fn: function (k) {
				return k * ( 2 - k );
			}
		},
		circular: {
			style: 'cubic-bezier(0.1, 0.57, 0.1, 1)',	// Not properly "circular" but this looks better, it should be (0.075, 0.82, 0.165, 1)
			fn: function (k) {
				return Math.sqrt( 1 - ( --k * k ) );
			}
		},
		back: {
			style: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
			fn: function (k) {
				var b = 4;
				return ( k = k - 1 ) * k * ( ( b + 1 ) * k + b ) + 1;
			}
		},
		bounce: {
			style: '',
			fn: function (k) {
				if ( ( k /= 1 ) < ( 1 / 2.75 ) ) {
					return 7.5625 * k * k;
				} else if ( k < ( 2 / 2.75 ) ) {
					return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75;
				} else if ( k < ( 2.5 / 2.75 ) ) {
					return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375;
				} else {
					return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375;
				}
			}
		},
		elastic: {
			style: '',
			fn: function (k) {
				var f = 0.22,
					e = 0.4;
				if ( k === 0 ) { return 0; }
				if ( k == 1 ) { return 1; }
				return ( e * Math.pow( 2, - 10 * k ) * Math.sin( ( k - f / 4 ) * ( 2 * Math.PI ) / f ) + 1 );
			}
		}
	});
	me.tap = function (e, eventName) {
		var ev = document.createEvent('Event');
		ev.initEvent(eventName, true, true);
		ev.pageX = e.pageX;
		ev.pageY = e.pageY;
		e.target.dispatchEvent(ev);
	};
	me.click = function (e) {
		var target = e.target,
			ev;
		if ( !(/(SELECT|INPUT|TEXTAREA)/i).test(target.tagName) ) {
			ev = document.createEvent('MouseEvents');
			ev.initMouseEvent('click', true, true, e.view, 1,
				target.screenX, target.screenY, target.clientX, target.clientY,
				e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
				0, null);
			ev._constructed = true;
			target.dispatchEvent(ev);
		}
	};
	return me;
})();
function IScroll (el, options) {
	this.wrapper = typeof el == 'string' ? document.querySelector(el) : el;
	this.scroller = this.wrapper.children[0];
	this.scrollerStyle = this.scroller.style;		// cache style for better performance
	this.options = {
		resizeScrollbars: true,
		mouseWheelSpeed: 20,
		snapThreshold: 0.334,
// INSERT POINT: OPTIONS 
		startX: 0,
		startY: 0,
		scrollY: true,
		directionLockThreshold: 5,
		momentum: true,
		bounce: true,
		bounceTime: 600,
		bounceEasing: '',
		preventDefault: true,
		preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/ },
		HWCompositing: true,
		useTransition: true,
		useTransform: true
	};
	for ( var i in options ) {
		this.options[i] = options[i];
	}
	// Normalize options
	this.translateZ = this.options.HWCompositing && utils.hasPerspective ? ' translateZ(0)' : '';
	this.options.useTransition = utils.hasTransition && this.options.useTransition;
	this.options.useTransform = utils.hasTransform && this.options.useTransform;
	this.options.eventPassthrough = this.options.eventPassthrough === true ? 'vertical' : this.options.eventPassthrough;
	this.options.preventDefault = !this.options.eventPassthrough && this.options.preventDefault;
	// If you want eventPassthrough I have to lock one of the axes
	this.options.scrollY = this.options.eventPassthrough == 'vertical' ? false : this.options.scrollY;
	this.options.scrollX = this.options.eventPassthrough == 'horizontal' ? false : this.options.scrollX;
	// With eventPassthrough we also need lockDirection mechanism
	this.options.freeScroll = this.options.freeScroll && !this.options.eventPassthrough;
	this.options.directionLockThreshold = this.options.eventPassthrough ? 0 : this.options.directionLockThreshold;
	this.options.bounceEasing = typeof this.options.bounceEasing == 'string' ? utils.ease[this.options.bounceEasing] || utils.ease.circular : this.options.bounceEasing;
	this.options.resizePolling = this.options.resizePolling === undefined ? 60 : this.options.resizePolling;
	if ( this.options.tap === true ) {
		this.options.tap = 'tap';
	}
	if ( this.options.shrinkScrollbars == 'scale' ) {
		this.options.useTransition = false;
	}
	this.options.invertWheelDirection = this.options.invertWheelDirection ? -1 : 1;
	if ( this.options.probeType == 3 ) {
		this.options.useTransition = false;	}
// INSERT POINT: NORMALIZATION
	// Some defaults	
	this.x = 0;
	this.y = 0;
	this.directionX = 0;
	this.directionY = 0;
	this._events = {};
// INSERT POINT: DEFAULTS
	this._init();
	this.refresh();
	this.scrollTo(this.options.startX, this.options.startY);
	this.enable();
}
IScroll.prototype = {
	version: '5.1.3',
	_init: function () {
		this._initEvents();
		if ( this.options.scrollbars || this.options.indicators ) {
			this._initIndicators();
		}
		if ( this.options.mouseWheel ) {
			this._initWheel();
		}
		if ( this.options.snap ) {
			this._initSnap();
		}
		if ( this.options.keyBindings ) {
			this._initKeys();
		}
// INSERT POINT: _init
	},
	destroy: function () {
		this._initEvents(true);
		this._execEvent('destroy');
	},
	_transitionEnd: function (e) {
		if ( e.target != this.scroller || !this.isInTransition ) {
			return;
		}
		this._transitionTime();
		if ( !this.resetPosition(this.options.bounceTime) ) {
			this.isInTransition = false;
			this._execEvent('scrollEnd');
		}
	},
	_start: function (e) {
		// React to left mouse button only
		if ( utils.eventType[e.type] != 1 ) {
			if ( e.button !== 0 ) {
				return;
			}
		}
		if ( !this.enabled || (this.initiated && utils.eventType[e.type] !== this.initiated) ) {
			return;
		}
		if ( this.options.preventDefault && !utils.isBadAndroid && !utils.preventDefaultException(e.target, this.options.preventDefaultException) ) {
			e.preventDefault();
		}
		var point = e.touches ? e.touches[0] : e,
			pos;
		this.initiated	= utils.eventType[e.type];
		this.moved		= false;
		this.distX		= 0;
		this.distY		= 0;
		this.directionX = 0;
		this.directionY = 0;
		this.directionLocked = 0;
		this._transitionTime();
		this.startTime = utils.getTime();
		if ( this.options.useTransition && this.isInTransition ) {
			this.isInTransition = false;
			pos = this.getComputedPosition();
			this._translate(Math.round(pos.x), Math.round(pos.y));
			this._execEvent('scrollEnd');
		} else if ( !this.options.useTransition && this.isAnimating ) {
			this.isAnimating = false;
			this._execEvent('scrollEnd');
		}
		this.startX    = this.x;
		this.startY    = this.y;
		this.absStartX = this.x;
		this.absStartY = this.y;
		this.pointX    = point.pageX;
		this.pointY    = point.pageY;
		this._execEvent('beforeScrollStart');
	},
	_move: function (e) {
		if ( !this.enabled || utils.eventType[e.type] !== this.initiated ) {
			return;
		}
		if ( this.options.preventDefault ) {	// increases performance on Android? TODO: check!
			e.preventDefault();
		}
		var point		= e.touches ? e.touches[0] : e,
			deltaX		= point.pageX - this.pointX,
			deltaY		= point.pageY - this.pointY,
			timestamp	= utils.getTime(),
			newX, newY,
			absDistX, absDistY;
		this.pointX		= point.pageX;
		this.pointY		= point.pageY;
		this.distX		+= deltaX;
		this.distY		+= deltaY;
		absDistX		= Math.abs(this.distX);
		absDistY		= Math.abs(this.distY);
		// We need to move at least 10 pixels for the scrolling to initiate
		if ( timestamp - this.endTime > 300 && (absDistX < 10 && absDistY < 10) ) {
			return;
		}
		// If you are scrolling in one direction lock the other
		if ( !this.directionLocked && !this.options.freeScroll ) {
			if ( absDistX > absDistY + this.options.directionLockThreshold ) {
				this.directionLocked = 'h';		// lock horizontally
			} else if ( absDistY >= absDistX + this.options.directionLockThreshold ) {
				this.directionLocked = 'v';		// lock vertically
			} else {
				this.directionLocked = 'n';		// no lock
			}
		}
		if ( this.directionLocked == 'h' ) {
			if ( this.options.eventPassthrough == 'vertical' ) {
				e.preventDefault();
			} else if ( this.options.eventPassthrough == 'horizontal' ) {
				this.initiated = false;
				return;
			}
			deltaY = 0;
		} else if ( this.directionLocked == 'v' ) {
			if ( this.options.eventPassthrough == 'horizontal' ) {
				e.preventDefault();
			} else if ( this.options.eventPassthrough == 'vertical' ) {
				this.initiated = false;
				return;
			}
			deltaX = 0;
		}
		deltaX = this.hasHorizontalScroll ? deltaX : 0;
		deltaY = this.hasVerticalScroll ? deltaY : 0;
		newX = this.x + deltaX;
		newY = this.y + deltaY;
		// Slow down if outside of the boundaries
		if ( newX > 0 || newX < this.maxScrollX ) {
			newX = this.options.bounce ? this.x + deltaX / 3 : newX > 0 ? 0 : this.maxScrollX;
		}
		if ( newY > 0 || newY < this.maxScrollY ) {
			newY = this.options.bounce ? this.y + deltaY / 3 : newY > 0 ? 0 : this.maxScrollY;
		}
		this.directionX = deltaX > 0 ? -1 : deltaX < 0 ? 1 : 0;
		this.directionY = deltaY > 0 ? -1 : deltaY < 0 ? 1 : 0;
		if ( !this.moved ) {
			this._execEvent('scrollStart');
		}
		this.moved = true;
		this._translate(newX, newY);
/* REPLACE START: _move */
		if ( timestamp - this.startTime > 300 ) {
			this.startTime = timestamp;
			this.startX = this.x;
			this.startY = this.y;
			if ( this.options.probeType == 1 ) {
				this._execEvent('scroll');
			}
		}
		if ( this.options.probeType > 1 ) {
			this._execEvent('scroll');
		}
/* REPLACE END: _move */
	},
	_end: function (e) {
		if ( !this.enabled || utils.eventType[e.type] !== this.initiated ) {
			return;
		}
		if ( this.options.preventDefault && !utils.preventDefaultException(e.target, this.options.preventDefaultException) ) {
			e.preventDefault();
		}
		var point = e.changedTouches ? e.changedTouches[0] : e,
			momentumX,
			momentumY,
			duration = utils.getTime() - this.startTime,
			newX = Math.round(this.x),
			newY = Math.round(this.y),
			distanceX = Math.abs(newX - this.startX),
			distanceY = Math.abs(newY - this.startY),
			time = 0,
			easing = '';
		this.isInTransition = 0;
		this.initiated = 0;
		this.endTime = utils.getTime();
		// reset if we are outside of the boundaries
		if ( this.resetPosition(this.options.bounceTime) ) {
			return;
		}
		this.scrollTo(newX, newY);	// ensures that the last position is rounded
		// we scrolled less than 10 pixels
		if ( !this.moved ) {
			if ( this.options.tap ) {
				utils.tap(e, this.options.tap);
			}
			if ( this.options.click ) {
				utils.click(e);
			}
			this._execEvent('scrollCancel');
			return;
		}
		if ( this._events.flick && duration < 200 && distanceX < 100 && distanceY < 100 ) {
			this._execEvent('flick');
			return;
		}
		// start momentum animation if needed
		if ( this.options.momentum && duration < 300 ) {
			momentumX = this.hasHorizontalScroll ? utils.momentum(this.x, this.startX, duration, this.maxScrollX, this.options.bounce ? this.wrapperWidth : 0, this.options.deceleration) : { destination: newX, duration: 0 };
			momentumY = this.hasVerticalScroll ? utils.momentum(this.y, this.startY, duration, this.maxScrollY, this.options.bounce ? this.wrapperHeight : 0, this.options.deceleration) : { destination: newY, duration: 0 };
			newX = momentumX.destination;
			newY = momentumY.destination;
			time = Math.max(momentumX.duration, momentumY.duration);
			this.isInTransition = 1;
		}
		if ( this.options.snap ) {
			var snap = this._nearestSnap(newX, newY);
			this.currentPage = snap;
			time = this.options.snapSpeed || Math.max(
					Math.max(
						Math.min(Math.abs(newX - snap.x), 1000),
						Math.min(Math.abs(newY - snap.y), 1000)
					), 300);
			newX = snap.x;
			newY = snap.y;
			this.directionX = 0;
			this.directionY = 0;
			easing = this.options.bounceEasing;
		}
// INSERT POINT: _end
		if ( newX != this.x || newY != this.y ) {
			// change easing function when scroller goes out of the boundaries
			if ( newX > 0 || newX < this.maxScrollX || newY > 0 || newY < this.maxScrollY ) {
				easing = utils.ease.quadratic;
			}
			this.scrollTo(newX, newY, time, easing);
			return;
		}
		this._execEvent('scrollEnd');
	},
	_resize: function () {
		var that = this;
		clearTimeout(this.resizeTimeout);
		this.resizeTimeout = setTimeout(function () {
			that.refresh();
		}, this.options.resizePolling);
	},
	resetPosition: function (time) {
		var x = this.x,
			y = this.y;
		time = time || 0;
		if ( !this.hasHorizontalScroll || this.x > 0 ) {
			x = 0;
		} else if ( this.x < this.maxScrollX ) {
			x = this.maxScrollX;
		}
		if ( !this.hasVerticalScroll || this.y > 0 ) {
			y = 0;
		} else if ( this.y < this.maxScrollY ) {
			y = this.maxScrollY;
		}
		if ( x == this.x && y == this.y ) {
			return false;
		}
		this.scrollTo(x, y, time, this.options.bounceEasing);
		return true;
	},
	disable: function () {
		this.enabled = false;
	},
	enable: function () {
		this.enabled = true;
	},
	refresh: function () {
		var rf = this.wrapper.offsetHeight;		// Force reflow
		this.wrapperWidth	= this.wrapper.clientWidth;
		this.wrapperHeight	= this.wrapper.clientHeight;
/* REPLACE START: refresh */
		this.scrollerWidth	= this.scroller.offsetWidth;
		this.scrollerHeight	= this.scroller.offsetHeight;
		this.maxScrollX		= this.wrapperWidth - this.scrollerWidth;
		this.maxScrollY		= this.wrapperHeight - this.scrollerHeight;
/* REPLACE END: refresh */
		this.hasHorizontalScroll	= this.options.scrollX && this.maxScrollX < 0;
		this.hasVerticalScroll		= this.options.scrollY && this.maxScrollY < 0;
		if ( !this.hasHorizontalScroll ) {
			this.maxScrollX = 0;
			this.scrollerWidth = this.wrapperWidth;
		}
		if ( !this.hasVerticalScroll ) {
			this.maxScrollY = 0;
			this.scrollerHeight = this.wrapperHeight;
		}
		this.endTime = 0;
		this.directionX = 0;
		this.directionY = 0;
		this.wrapperOffset = utils.offset(this.wrapper);
		this._execEvent('refresh');
		this.resetPosition();
// INSERT POINT: _refresh
	},
	on: function (type, fn) {
		if ( !this._events[type] ) {
			this._events[type] = [];
		}
		this._events[type].push(fn);
	},
	off: function (type, fn) {
		if ( !this._events[type] ) {
			return;
		}
		var index = this._events[type].indexOf(fn);
		if ( index > -1 ) {
			this._events[type].splice(index, 1);
		}
	},
	_execEvent: function (type) {
		if ( !this._events[type] ) {
			return;
		}
		var i = 0,
			l = this._events[type].length;
		if ( !l ) {
			return;
		}
		for ( ; i < l; i++ ) {
			this._events[type][i].apply(this, [].slice.call(arguments, 1));
		}
	},
	scrollBy: function (x, y, time, easing) {
		x = this.x + x;
		y = this.y + y;
		time = time || 0;
		this.scrollTo(x, y, time, easing);
	},
	scrollTo: function (x, y, time, easing) {
		easing = easing || utils.ease.circular;
		this.isInTransition = this.options.useTransition && time > 0;
		if ( !time || (this.options.useTransition && easing.style) ) {
			this._transitionTimingFunction(easing.style);
			this._transitionTime(time);
			this._translate(x, y);
		} else {
			this._animate(x, y, time, easing.fn);
		}
	},
	scrollToElement: function (el, time, offsetX, offsetY, easing) {
		el = el.nodeType ? el : this.scroller.querySelector(el);
		if ( !el ) {
			return;
		}
		var pos = utils.offset(el);
		pos.left -= this.wrapperOffset.left;
		pos.top  -= this.wrapperOffset.top;
		// if offsetX/Y are true we center the element to the screen
		if ( offsetX === true ) {
			offsetX = Math.round(el.offsetWidth / 2 - this.wrapper.offsetWidth / 2);
		}
		if ( offsetY === true ) {
			offsetY = Math.round(el.offsetHeight / 2 - this.wrapper.offsetHeight / 2);
		}
		pos.left -= offsetX || 0;
		pos.top  -= offsetY || 0;
		pos.left = pos.left > 0 ? 0 : pos.left < this.maxScrollX ? this.maxScrollX : pos.left;
		pos.top  = pos.top  > 0 ? 0 : pos.top  < this.maxScrollY ? this.maxScrollY : pos.top;
		time = time === undefined || time === null || time === 'auto' ? Math.max(Math.abs(this.x-pos.left), Math.abs(this.y-pos.top)) : time;
		this.scrollTo(pos.left, pos.top, time, easing);
	},
	_transitionTime: function (time) {
		time = time || 0;
		this.scrollerStyle[utils.style.transitionDuration] = time + 'ms';
		if ( !time && utils.isBadAndroid ) {
			this.scrollerStyle[utils.style.transitionDuration] = '0.001s';
		}
		if ( this.indicators ) {
			for ( var i = this.indicators.length; i--; ) {
				this.indicators[i].transitionTime(time);
			}
		}
// INSERT POINT: _transitionTime
	},
	_transitionTimingFunction: function (easing) {
		this.scrollerStyle[utils.style.transitionTimingFunction] = easing;
		if ( this.indicators ) {
			for ( var i = this.indicators.length; i--; ) {
				this.indicators[i].transitionTimingFunction(easing);
			}
		}
// INSERT POINT: _transitionTimingFunction
	},
	_translate: function (x, y) {
		if ( this.options.useTransform ) {
/* REPLACE START: _translate */
			this.scrollerStyle[utils.style.transform] = 'translate(' + x + 'px,' + y + 'px)' + this.translateZ;
/* REPLACE END: _translate */
		} else {
			x = Math.round(x);
			y = Math.round(y);
			this.scrollerStyle.left = x + 'px';
			this.scrollerStyle.top = y + 'px';
		}
		this.x = x;
		this.y = y;
	if ( this.indicators ) {
		for ( var i = this.indicators.length; i--; ) {
			this.indicators[i].updatePosition();
		}
	}
// INSERT POINT: _translate
	},
	_initEvents: function (remove) {
		var eventType = remove ? utils.removeEvent : utils.addEvent,
			target = this.options.bindToWrapper ? this.wrapper : window;
		eventType(window, 'orientationchange', this);
		eventType(window, 'resize', this);
		if ( this.options.click ) {
			eventType(this.wrapper, 'click', this, true);
		}
		if ( !this.options.disableMouse ) {
			eventType(this.wrapper, 'mousedown', this);
			eventType(target, 'mousemove', this);
			eventType(target, 'mousecancel', this);
			eventType(target, 'mouseup', this);
		}
		if ( utils.hasPointer && !this.options.disablePointer ) {
			eventType(this.wrapper, utils.prefixPointerEvent('pointerdown'), this);
			eventType(target, utils.prefixPointerEvent('pointermove'), this);
			eventType(target, utils.prefixPointerEvent('pointercancel'), this);
			eventType(target, utils.prefixPointerEvent('pointerup'), this);
		}
		if ( utils.hasTouch && !this.options.disableTouch ) {
			eventType(this.wrapper, 'touchstart', this);
			eventType(target, 'touchmove', this);
			eventType(target, 'touchcancel', this);
			eventType(target, 'touchend', this);
		}
		eventType(this.scroller, 'transitionend', this);
		eventType(this.scroller, 'webkitTransitionEnd', this);
		eventType(this.scroller, 'oTransitionEnd', this);
		eventType(this.scroller, 'MSTransitionEnd', this);
	},
	getComputedPosition: function () {
		var matrix = window.getComputedStyle(this.scroller, null),
			x, y;
		if ( this.options.useTransform ) {
			matrix = matrix[utils.style.transform].split(')')[0].split(', ');
			x = +(matrix[12] || matrix[4]);
			y = +(matrix[13] || matrix[5]);
		} else {
			x = +matrix.left.replace(/[^-\d.]/g, '');
			y = +matrix.top.replace(/[^-\d.]/g, '');
		}
		return { x: x, y: y };
	},
	_initIndicators: function () {
		var interactive = this.options.interactiveScrollbars,
			customStyle = typeof this.options.scrollbars != 'string',
			indicators = [],
			indicator;
		var that = this;
		this.indicators = [];
		if ( this.options.scrollbars ) {
			// Vertical scrollbar
			if ( this.options.scrollY ) {
				indicator = {
					el: createDefaultScrollbar('v', interactive, this.options.scrollbars),
					interactive: interactive,
					defaultScrollbars: true,
					customStyle: customStyle,
					resize: this.options.resizeScrollbars,
					shrink: this.options.shrinkScrollbars,
					fade: this.options.fadeScrollbars,
					listenX: false
				};
				this.wrapper.appendChild(indicator.el);
				indicators.push(indicator);
			}
			// Horizontal scrollbar
			if ( this.options.scrollX ) {
				indicator = {
					el: createDefaultScrollbar('h', interactive, this.options.scrollbars),
					interactive: interactive,
					defaultScrollbars: true,
					customStyle: customStyle,
					resize: this.options.resizeScrollbars,
					shrink: this.options.shrinkScrollbars,
					fade: this.options.fadeScrollbars,
					listenY: false
				};
				this.wrapper.appendChild(indicator.el);
				indicators.push(indicator);
			}
		}
		if ( this.options.indicators ) {
			// TODO: check concat compatibility
			indicators = indicators.concat(this.options.indicators);
		}
		for ( var i = indicators.length; i--; ) {
			this.indicators.push( new Indicator(this, indicators[i]) );
		}
		// TODO: check if we can use array.map (wide compatibility and performance issues)
		function _indicatorsMap (fn) {
			for ( var i = that.indicators.length; i--; ) {
				fn.call(that.indicators[i]);
			}
		}
		if ( this.options.fadeScrollbars ) {
			this.on('scrollEnd', function () {
				_indicatorsMap(function () {
					this.fade();
				});
			});
			this.on('scrollCancel', function () {
				_indicatorsMap(function () {
					this.fade();
				});
			});
			this.on('scrollStart', function () {
				_indicatorsMap(function () {
					this.fade(1);
				});
			});
			this.on('beforeScrollStart', function () {
				_indicatorsMap(function () {
					this.fade(1, true);
				});
			});
		}
		this.on('refresh', function () {
			_indicatorsMap(function () {
				this.refresh();
			});
		});
		this.on('destroy', function () {
			_indicatorsMap(function () {
				this.destroy();
			});
			delete this.indicators;
		});
	},
	_initWheel: function () {
		utils.addEvent(this.wrapper, 'wheel', this);
		utils.addEvent(this.wrapper, 'mousewheel', this);
		utils.addEvent(this.wrapper, 'DOMMouseScroll', this);
		this.on('destroy', function () {
			utils.removeEvent(this.wrapper, 'wheel', this);
			utils.removeEvent(this.wrapper, 'mousewheel', this);
			utils.removeEvent(this.wrapper, 'DOMMouseScroll', this);
		});
	},
	_wheel: function (e) {
		if ( !this.enabled ) {
			return;
		}
		e.preventDefault();
		e.stopPropagation();
		var wheelDeltaX, wheelDeltaY,
			newX, newY,
			that = this;
		if ( this.wheelTimeout === undefined ) {
			that._execEvent('scrollStart');
		}
		// Execute the scrollEnd event after 400ms the wheel stopped scrolling
		clearTimeout(this.wheelTimeout);
		this.wheelTimeout = setTimeout(function () {
			that._execEvent('scrollEnd');
			that.wheelTimeout = undefined;
		}, 400);
		if ( 'deltaX' in e ) {
			if (e.deltaMode === 1) {
				wheelDeltaX = -e.deltaX * this.options.mouseWheelSpeed;
				wheelDeltaY = -e.deltaY * this.options.mouseWheelSpeed;
			} else {
				wheelDeltaX = -e.deltaX;
				wheelDeltaY = -e.deltaY;
			}
		} else if ( 'wheelDeltaX' in e ) {
			wheelDeltaX = e.wheelDeltaX / 120 * this.options.mouseWheelSpeed;
			wheelDeltaY = e.wheelDeltaY / 120 * this.options.mouseWheelSpeed;
		} else if ( 'wheelDelta' in e ) {
			wheelDeltaX = wheelDeltaY = e.wheelDelta / 120 * this.options.mouseWheelSpeed;
		} else if ( 'detail' in e ) {
			wheelDeltaX = wheelDeltaY = -e.detail / 3 * this.options.mouseWheelSpeed;
		} else {
			return;
		}
		wheelDeltaX *= this.options.invertWheelDirection;
		wheelDeltaY *= this.options.invertWheelDirection;
		if ( !this.hasVerticalScroll ) {
			wheelDeltaX = wheelDeltaY;
			wheelDeltaY = 0;
		}
		if ( this.options.snap ) {
			newX = this.currentPage.pageX;
			newY = this.currentPage.pageY;
			if ( wheelDeltaX > 0 ) {
				newX--;
			} else if ( wheelDeltaX < 0 ) {
				newX++;
			}
			if ( wheelDeltaY > 0 ) {
				newY--;
			} else if ( wheelDeltaY < 0 ) {
				newY++;
			}
			this.goToPage(newX, newY);
			return;
		}
		newX = this.x + Math.round(this.hasHorizontalScroll ? wheelDeltaX : 0);
		newY = this.y + Math.round(this.hasVerticalScroll ? wheelDeltaY : 0);
		if ( newX > 0 ) {
			newX = 0;
		} else if ( newX < this.maxScrollX ) {
			newX = this.maxScrollX;
		}
		if ( newY > 0 ) {
			newY = 0;
		} else if ( newY < this.maxScrollY ) {
			newY = this.maxScrollY;
		}
		this.scrollTo(newX, newY, 0);
		if ( this.options.probeType > 1 ) {
			this._execEvent('scroll');
		}
// INSERT POINT: _wheel
	},
	_initSnap: function () {
		this.currentPage = {};
		if ( typeof this.options.snap == 'string' ) {
			this.options.snap = this.scroller.querySelectorAll(this.options.snap);
		}
		this.on('refresh', function () {
			var i = 0, l,
				m = 0, n,
				cx, cy,
				x = 0, y,
				stepX = this.options.snapStepX || this.wrapperWidth,
				stepY = this.options.snapStepY || this.wrapperHeight,
				el;
			this.pages = [];
			if ( !this.wrapperWidth || !this.wrapperHeight || !this.scrollerWidth || !this.scrollerHeight ) {
				return;
			}
			if ( this.options.snap === true ) {
				cx = Math.round( stepX / 2 );
				cy = Math.round( stepY / 2 );
				while ( x > -this.scrollerWidth ) {
					this.pages[i] = [];
					l = 0;
					y = 0;
					while ( y > -this.scrollerHeight ) {
						this.pages[i][l] = {
							x: Math.max(x, this.maxScrollX),
							y: Math.max(y, this.maxScrollY),
							width: stepX,
							height: stepY,
							cx: x - cx,
							cy: y - cy
						};
						y -= stepY;
						l++;
					}
					x -= stepX;
					i++;
				}
			} else {
				el = this.options.snap;
				l = el.length;
				n = -1;
				for ( ; i < l; i++ ) {
					if ( i === 0 || el[i].offsetLeft <= el[i-1].offsetLeft ) {
						m = 0;
						n++;
					}
					if ( !this.pages[m] ) {
						this.pages[m] = [];
					}
					x = Math.max(-el[i].offsetLeft, this.maxScrollX);
					y = Math.max(-el[i].offsetTop, this.maxScrollY);
					cx = x - Math.round(el[i].offsetWidth / 2);
					cy = y - Math.round(el[i].offsetHeight / 2);
					this.pages[m][n] = {
						x: x,
						y: y,
						width: el[i].offsetWidth,
						height: el[i].offsetHeight,
						cx: cx,
						cy: cy
					};
					if ( x > this.maxScrollX ) {
						m++;
					}
				}
			}
			this.goToPage(this.currentPage.pageX || 0, this.currentPage.pageY || 0, 0);
			// Update snap threshold if needed
			if ( this.options.snapThreshold % 1 === 0 ) {
				this.snapThresholdX = this.options.snapThreshold;
				this.snapThresholdY = this.options.snapThreshold;
			} else {
				this.snapThresholdX = Math.round(this.pages[this.currentPage.pageX][this.currentPage.pageY].width * this.options.snapThreshold);
				this.snapThresholdY = Math.round(this.pages[this.currentPage.pageX][this.currentPage.pageY].height * this.options.snapThreshold);
			}
		});
		this.on('flick', function () {
			var time = this.options.snapSpeed || Math.max(
					Math.max(
						Math.min(Math.abs(this.x - this.startX), 1000),
						Math.min(Math.abs(this.y - this.startY), 1000)
					), 300);
			this.goToPage(
				this.currentPage.pageX + this.directionX,
				this.currentPage.pageY + this.directionY,
				time
			);
		});
	},
	_nearestSnap: function (x, y) {
		if ( !this.pages.length ) {
			return { x: 0, y: 0, pageX: 0, pageY: 0 };
		}
		var i = 0,
			l = this.pages.length,
			m = 0;
		// Check if we exceeded the snap threshold
		if ( Math.abs(x - this.absStartX) < this.snapThresholdX &&
			Math.abs(y - this.absStartY) < this.snapThresholdY ) {
			return this.currentPage;
		}
		if ( x > 0 ) {
			x = 0;
		} else if ( x < this.maxScrollX ) {
			x = this.maxScrollX;
		}
		if ( y > 0 ) {
			y = 0;
		} else if ( y < this.maxScrollY ) {
			y = this.maxScrollY;
		}
		for ( ; i < l; i++ ) {
			if ( x >= this.pages[i][0].cx ) {
				x = this.pages[i][0].x;
				break;
			}
		}
		l = this.pages[i].length;
		for ( ; m < l; m++ ) {
			if ( y >= this.pages[0][m].cy ) {
				y = this.pages[0][m].y;
				break;
			}
		}
		if ( i == this.currentPage.pageX ) {
			i += this.directionX;
			if ( i < 0 ) {
				i = 0;
			} else if ( i >= this.pages.length ) {
				i = this.pages.length - 1;
			}
			x = this.pages[i][0].x;
		}
		if ( m == this.currentPage.pageY ) {
			m += this.directionY;
			if ( m < 0 ) {
				m = 0;
			} else if ( m >= this.pages[0].length ) {
				m = this.pages[0].length - 1;
			}
			y = this.pages[0][m].y;
		}
		return {
			x: x,
			y: y,
			pageX: i,
			pageY: m
		};
	},
	goToPage: function (x, y, time, easing) {
		easing = easing || this.options.bounceEasing;
		if ( x >= this.pages.length ) {
			x = this.pages.length - 1;
		} else if ( x < 0 ) {
			x = 0;
		}
		if ( y >= this.pages[x].length ) {
			y = this.pages[x].length - 1;
		} else if ( y < 0 ) {
			y = 0;
		}
		var posX = this.pages[x][y].x,
			posY = this.pages[x][y].y;
		time = time === undefined ? this.options.snapSpeed || Math.max(
			Math.max(
				Math.min(Math.abs(posX - this.x), 1000),
				Math.min(Math.abs(posY - this.y), 1000)
			), 300) : time;
		this.currentPage = {
			x: posX,
			y: posY,
			pageX: x,
			pageY: y
		};
		this.scrollTo(posX, posY, time, easing);
	},
	next: function (time, easing) {
		var x = this.currentPage.pageX,
			y = this.currentPage.pageY;
		x++;
		if ( x >= this.pages.length && this.hasVerticalScroll ) {
			x = 0;
			y++;
		}
		this.goToPage(x, y, time, easing);
	},
	prev: function (time, easing) {
		var x = this.currentPage.pageX,
			y = this.currentPage.pageY;
		x--;
		if ( x < 0 && this.hasVerticalScroll ) {
			x = 0;
			y--;
		}
		this.goToPage(x, y, time, easing);
	},
	_initKeys: function (e) {
		// default key bindings
		var keys = {
			pageUp: 33,
			pageDown: 34,
			end: 35,
			home: 36,
			left: 37,
			up: 38,
			right: 39,
			down: 40
		};
		var i;
		// if you give me characters I give you keycode
		if ( typeof this.options.keyBindings == 'object' ) {
			for ( i in this.options.keyBindings ) {
				if ( typeof this.options.keyBindings[i] == 'string' ) {
					this.options.keyBindings[i] = this.options.keyBindings[i].toUpperCase().charCodeAt(0);
				}
			}
		} else {
			this.options.keyBindings = {};
		}
		for ( i in keys ) {
			this.options.keyBindings[i] = this.options.keyBindings[i] || keys[i];
		}
		utils.addEvent(window, 'keydown', this);
		this.on('destroy', function () {
			utils.removeEvent(window, 'keydown', this);
		});
	},
	_key: function (e) {
		if ( !this.enabled ) {
			return;
		}
		var snap = this.options.snap,	// we are using this alot, better to cache it
			newX = snap ? this.currentPage.pageX : this.x,
			newY = snap ? this.currentPage.pageY : this.y,
			now = utils.getTime(),
			prevTime = this.keyTime || 0,
			acceleration = 0.250,
			pos;
		if ( this.options.useTransition && this.isInTransition ) {
			pos = this.getComputedPosition();
			this._translate(Math.round(pos.x), Math.round(pos.y));
			this.isInTransition = false;
		}
		this.keyAcceleration = now - prevTime < 200 ? Math.min(this.keyAcceleration + acceleration, 50) : 0;
		switch ( e.keyCode ) {
			case this.options.keyBindings.pageUp:
				if ( this.hasHorizontalScroll && !this.hasVerticalScroll ) {
					newX += snap ? 1 : this.wrapperWidth;
				} else {
					newY += snap ? 1 : this.wrapperHeight;
				}
				break;
			case this.options.keyBindings.pageDown:
				if ( this.hasHorizontalScroll && !this.hasVerticalScroll ) {
					newX -= snap ? 1 : this.wrapperWidth;
				} else {
					newY -= snap ? 1 : this.wrapperHeight;
				}
				break;
			case this.options.keyBindings.end:
				newX = snap ? this.pages.length-1 : this.maxScrollX;
				newY = snap ? this.pages[0].length-1 : this.maxScrollY;
				break;
			case this.options.keyBindings.home:
				newX = 0;
				newY = 0;
				break;
			case this.options.keyBindings.left:
				newX += snap ? -1 : 5 + this.keyAcceleration>>0;
				break;
			case this.options.keyBindings.up:
				newY += snap ? 1 : 5 + this.keyAcceleration>>0;
				break;
			case this.options.keyBindings.right:
				newX -= snap ? -1 : 5 + this.keyAcceleration>>0;
				break;
			case this.options.keyBindings.down:
				newY -= snap ? 1 : 5 + this.keyAcceleration>>0;
				break;
			default:
				return;
		}
		if ( snap ) {
			this.goToPage(newX, newY);
			return;
		}
		if ( newX > 0 ) {
			newX = 0;
			this.keyAcceleration = 0;
		} else if ( newX < this.maxScrollX ) {
			newX = this.maxScrollX;
			this.keyAcceleration = 0;
		}
		if ( newY > 0 ) {
			newY = 0;
			this.keyAcceleration = 0;
		} else if ( newY < this.maxScrollY ) {
			newY = this.maxScrollY;
			this.keyAcceleration = 0;
		}
		this.scrollTo(newX, newY, 0);
		this.keyTime = now;
	},
	_animate: function (destX, destY, duration, easingFn) {
		var that = this,
			startX = this.x,
			startY = this.y,
			startTime = utils.getTime(),
			destTime = startTime + duration;
		function step () {
			var now = utils.getTime(),
				newX, newY,
				easing;
			if ( now >= destTime ) {
				that.isAnimating = false;
				that._translate(destX, destY);
				
				if ( !that.resetPosition(that.options.bounceTime) ) {
					that._execEvent('scrollEnd');
				}
				return;
			}
			now = ( now - startTime ) / duration;
			easing = easingFn(now);
			newX = ( destX - startX ) * easing + startX;
			newY = ( destY - startY ) * easing + startY;
			that._translate(newX, newY);
			if ( that.isAnimating ) {
				rAF(step);
			}
			if ( that.options.probeType == 3 ) {
				that._execEvent('scroll');
			}
		}
		this.isAnimating = true;
		step();
	},
	handleEvent: function (e) {
		switch ( e.type ) {
			case 'touchstart':
			case 'pointerdown':
			case 'MSPointerDown':
			case 'mousedown':
				this._start(e);
				break;
			case 'touchmove':
			case 'pointermove':
			case 'MSPointerMove':
			case 'mousemove':
				this._move(e);
				break;
			case 'touchend':
			case 'pointerup':
			case 'MSPointerUp':
			case 'mouseup':
			case 'touchcancel':
			case 'pointercancel':
			case 'MSPointerCancel':
			case 'mousecancel':
				this._end(e);
				break;
			case 'orientationchange':
			case 'resize':
				this._resize();
				break;
			case 'transitionend':
			case 'webkitTransitionEnd':
			case 'oTransitionEnd':
			case 'MSTransitionEnd':
				this._transitionEnd(e);
				break;
			case 'wheel':
			case 'DOMMouseScroll':
			case 'mousewheel':
				this._wheel(e);
				break;
			case 'keydown':
				this._key(e);
				break;
			case 'click':
				if ( !e._constructed ) {
					e.preventDefault();
					e.stopPropagation();
				}
				break;
		}
	}
};
function createDefaultScrollbar (direction, interactive, type) {
	var scrollbar = document.createElement('div'),
		indicator = document.createElement('div');
	if ( type === true ) {
		scrollbar.style.cssText = 'position:absolute;z-index:9999';
		indicator.style.cssText = '-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.9);border-radius:3px';
	}
	indicator.className = 'iScrollIndicator';
	if ( direction == 'h' ) {
		if ( type === true ) {
			scrollbar.style.cssText += ';height:7px;left:2px;right:2px;bottom:0';
			indicator.style.height = '100%';
		}
		scrollbar.className = 'iScrollHorizontalScrollbar';
	} else {
		if ( type === true ) {
			scrollbar.style.cssText += ';width:7px;bottom:2px;top:2px;right:1px';
			indicator.style.width = '100%';
		}
		scrollbar.className = 'iScrollVerticalScrollbar';
	}
	scrollbar.style.cssText += ';overflow:hidden';
	if ( !interactive ) {
		scrollbar.style.pointerEvents = 'none';
	}
	scrollbar.appendChild(indicator);
	return scrollbar;
}
function Indicator (scroller, options) {
	this.wrapper = typeof options.el == 'string' ? document.querySelector(options.el) : options.el;
	this.wrapperStyle = this.wrapper.style;
	this.indicator = this.wrapper.children[0];
	this.indicatorStyle = this.indicator.style;
	this.scroller = scroller;
	this.options = {
		listenX: true,
		listenY: true,
		interactive: false,
		resize: true,
		defaultScrollbars: false,
		shrink: false,
		fade: false,
		speedRatioX: 0,
		speedRatioY: 0
	};
	for ( var i in options ) {
		this.options[i] = options[i];
	}
	this.sizeRatioX = 1;
	this.sizeRatioY = 1;
	this.maxPosX = 0;
	this.maxPosY = 0;
	if ( this.options.interactive ) {
		if ( !this.options.disableTouch ) {
			utils.addEvent(this.indicator, 'touchstart', this);
			utils.addEvent(window, 'touchend', this);
		}
		if ( !this.options.disablePointer ) {
			utils.addEvent(this.indicator, utils.prefixPointerEvent('pointerdown'), this);
			utils.addEvent(window, utils.prefixPointerEvent('pointerup'), this);
		}
		if ( !this.options.disableMouse ) {
			utils.addEvent(this.indicator, 'mousedown', this);
			utils.addEvent(window, 'mouseup', this);
		}
	}
	if ( this.options.fade ) {
		this.wrapperStyle[utils.style.transform] = this.scroller.translateZ;
		this.wrapperStyle[utils.style.transitionDuration] = utils.isBadAndroid ? '0.001s' : '0ms';
		this.wrapperStyle.opacity = '0';
	}
}
Indicator.prototype = {
	handleEvent: function (e) {
		switch ( e.type ) {
			case 'touchstart':
			case 'pointerdown':
			case 'MSPointerDown':
			case 'mousedown':
				this._start(e);
				break;
			case 'touchmove':
			case 'pointermove':
			case 'MSPointerMove':
			case 'mousemove':
				this._move(e);
				break;
			case 'touchend':
			case 'pointerup':
			case 'MSPointerUp':
			case 'mouseup':
			case 'touchcancel':
			case 'pointercancel':
			case 'MSPointerCancel':
			case 'mousecancel':
				this._end(e);
				break;
		}
	},
	destroy: function () {
		if ( this.options.interactive ) {
			utils.removeEvent(this.indicator, 'touchstart', this);
			utils.removeEvent(this.indicator, utils.prefixPointerEvent('pointerdown'), this);
			utils.removeEvent(this.indicator, 'mousedown', this);
			utils.removeEvent(window, 'touchmove', this);
			utils.removeEvent(window, utils.prefixPointerEvent('pointermove'), this);
			utils.removeEvent(window, 'mousemove', this);
			utils.removeEvent(window, 'touchend', this);
			utils.removeEvent(window, utils.prefixPointerEvent('pointerup'), this);
			utils.removeEvent(window, 'mouseup', this);
		}
		if ( this.options.defaultScrollbars ) {
			this.wrapper.parentNode.removeChild(this.wrapper);
		}
	},
	_start: function (e) {
		var point = e.touches ? e.touches[0] : e;
		e.preventDefault();
		e.stopPropagation();
		this.transitionTime();
		this.initiated = true;
		this.moved = false;
		this.lastPointX	= point.pageX;
		this.lastPointY	= point.pageY;
		this.startTime	= utils.getTime();
		if ( !this.options.disableTouch ) {
			utils.addEvent(window, 'touchmove', this);
		}
		if ( !this.options.disablePointer ) {
			utils.addEvent(window, utils.prefixPointerEvent('pointermove'), this);
		}
		if ( !this.options.disableMouse ) {
			utils.addEvent(window, 'mousemove', this);
		}
		this.scroller._execEvent('beforeScrollStart');
	},
	_move: function (e) {
		var point = e.touches ? e.touches[0] : e,
			deltaX, deltaY,
			newX, newY,
			timestamp = utils.getTime();
		if ( !this.moved ) {
			this.scroller._execEvent('scrollStart');
		}
		this.moved = true;
		deltaX = point.pageX - this.lastPointX;
		this.lastPointX = point.pageX;
		deltaY = point.pageY - this.lastPointY;
		this.lastPointY = point.pageY;
		newX = this.x + deltaX;
		newY = this.y + deltaY;
		this._pos(newX, newY);
		if ( this.scroller.options.probeType == 1 && timestamp - this.startTime > 300 ) {
			this.startTime = timestamp;
			this.scroller._execEvent('scroll');
		} else if ( this.scroller.options.probeType > 1 ) {
			this.scroller._execEvent('scroll');
		}
// INSERT POINT: indicator._move
		e.preventDefault();
		e.stopPropagation();
	},
	_end: function (e) {
		if ( !this.initiated ) {
			return;
		}
		this.initiated = false;
		e.preventDefault();
		e.stopPropagation();
		utils.removeEvent(window, 'touchmove', this);
		utils.removeEvent(window, utils.prefixPointerEvent('pointermove'), this);
		utils.removeEvent(window, 'mousemove', this);
		if ( this.scroller.options.snap ) {
			var snap = this.scroller._nearestSnap(this.scroller.x, this.scroller.y);
			var time = this.options.snapSpeed || Math.max(
					Math.max(
						Math.min(Math.abs(this.scroller.x - snap.x), 1000),
						Math.min(Math.abs(this.scroller.y - snap.y), 1000)
					), 300);
			if ( this.scroller.x != snap.x || this.scroller.y != snap.y ) {
				this.scroller.directionX = 0;
				this.scroller.directionY = 0;
				this.scroller.currentPage = snap;
				this.scroller.scrollTo(snap.x, snap.y, time, this.scroller.options.bounceEasing);
			}
		}
		if ( this.moved ) {
			this.scroller._execEvent('scrollEnd');
		}
	},
	transitionTime: function (time) {
		time = time || 0;
		this.indicatorStyle[utils.style.transitionDuration] = time + 'ms';
		if ( !time && utils.isBadAndroid ) {
			this.indicatorStyle[utils.style.transitionDuration] = '0.001s';
		}
	},
	transitionTimingFunction: function (easing) {
		this.indicatorStyle[utils.style.transitionTimingFunction] = easing;
	},
	refresh: function () {
		this.transitionTime();
		if ( this.options.listenX && !this.options.listenY ) {
			this.indicatorStyle.display = this.scroller.hasHorizontalScroll ? 'block' : 'none';
		} else if ( this.options.listenY && !this.options.listenX ) {
			this.indicatorStyle.display = this.scroller.hasVerticalScroll ? 'block' : 'none';
		} else {
			this.indicatorStyle.display = this.scroller.hasHorizontalScroll || this.scroller.hasVerticalScroll ? 'block' : 'none';
		}
		if ( this.scroller.hasHorizontalScroll && this.scroller.hasVerticalScroll ) {
			utils.addClass(this.wrapper, 'iScrollBothScrollbars');
			utils.removeClass(this.wrapper, 'iScrollLoneScrollbar');
			if ( this.options.defaultScrollbars && this.options.customStyle ) {
				if ( this.options.listenX ) {
					this.wrapper.style.right = '8px';
				} else {
					this.wrapper.style.bottom = '8px';
				}
			}
		} else {
			utils.removeClass(this.wrapper, 'iScrollBothScrollbars');
			utils.addClass(this.wrapper, 'iScrollLoneScrollbar');
			if ( this.options.defaultScrollbars && this.options.customStyle ) {
				if ( this.options.listenX ) {
					this.wrapper.style.right = '2px';
				} else {
					this.wrapper.style.bottom = '2px';
				}
			}
		}
		var r = this.wrapper.offsetHeight;	// force refresh
		if ( this.options.listenX ) {
			this.wrapperWidth = this.wrapper.clientWidth;
			if ( this.options.resize ) {
				this.indicatorWidth = Math.max(Math.round(this.wrapperWidth * this.wrapperWidth / (this.scroller.scrollerWidth || this.wrapperWidth || 1)), 8);
				this.indicatorStyle.width = this.indicatorWidth + 'px';
			} else {
				this.indicatorWidth = this.indicator.clientWidth;
			}
			this.maxPosX = this.wrapperWidth - this.indicatorWidth;
			if ( this.options.shrink == 'clip' ) {
				this.minBoundaryX = -this.indicatorWidth + 8;
				this.maxBoundaryX = this.wrapperWidth - 8;
			} else {
				this.minBoundaryX = 0;
				this.maxBoundaryX = this.maxPosX;
			}
			this.sizeRatioX = this.options.speedRatioX || (this.scroller.maxScrollX && (this.maxPosX / this.scroller.maxScrollX));	
		}
		if ( this.options.listenY ) {
			this.wrapperHeight = this.wrapper.clientHeight;
			if ( this.options.resize ) {
				this.indicatorHeight = Math.max(Math.round(this.wrapperHeight * this.wrapperHeight / (this.scroller.scrollerHeight || this.wrapperHeight || 1)), 8);
				this.indicatorStyle.height = this.indicatorHeight + 'px';
			} else {
				this.indicatorHeight = this.indicator.clientHeight;
			}
			this.maxPosY = this.wrapperHeight - this.indicatorHeight;
			if ( this.options.shrink == 'clip' ) {
				this.minBoundaryY = -this.indicatorHeight + 8;
				this.maxBoundaryY = this.wrapperHeight - 8;
			} else {
				this.minBoundaryY = 0;
				this.maxBoundaryY = this.maxPosY;
			}
			this.maxPosY = this.wrapperHeight - this.indicatorHeight;
			this.sizeRatioY = this.options.speedRatioY || (this.scroller.maxScrollY && (this.maxPosY / this.scroller.maxScrollY));
		}
		this.updatePosition();
	},
	updatePosition: function () {
		var x = this.options.listenX && Math.round(this.sizeRatioX * this.scroller.x) || 0,
			y = this.options.listenY && Math.round(this.sizeRatioY * this.scroller.y) || 0;
		if ( !this.options.ignoreBoundaries ) {
			if ( x < this.minBoundaryX ) {
				if ( this.options.shrink == 'scale' ) {
					this.width = Math.max(this.indicatorWidth + x, 8);
					this.indicatorStyle.width = this.width + 'px';
				}
				x = this.minBoundaryX;
			} else if ( x > this.maxBoundaryX ) {
				if ( this.options.shrink == 'scale' ) {
					this.width = Math.max(this.indicatorWidth - (x - this.maxPosX), 8);
					this.indicatorStyle.width = this.width + 'px';
					x = this.maxPosX + this.indicatorWidth - this.width;
				} else {
					x = this.maxBoundaryX;
				}
			} else if ( this.options.shrink == 'scale' && this.width != this.indicatorWidth ) {
				this.width = this.indicatorWidth;
				this.indicatorStyle.width = this.width + 'px';
			}
			if ( y < this.minBoundaryY ) {
				if ( this.options.shrink == 'scale' ) {
					this.height = Math.max(this.indicatorHeight + y * 3, 8);
					this.indicatorStyle.height = this.height + 'px';
				}
				y = this.minBoundaryY;
			} else if ( y > this.maxBoundaryY ) {
				if ( this.options.shrink == 'scale' ) {
					this.height = Math.max(this.indicatorHeight - (y - this.maxPosY) * 3, 8);
					this.indicatorStyle.height = this.height + 'px';
					y = this.maxPosY + this.indicatorHeight - this.height;
				} else {
					y = this.maxBoundaryY;
				}
			} else if ( this.options.shrink == 'scale' && this.height != this.indicatorHeight ) {
				this.height = this.indicatorHeight;
				this.indicatorStyle.height = this.height + 'px';
			}
		}
		this.x = x;
		this.y = y;
		if ( this.scroller.options.useTransform ) {
			this.indicatorStyle[utils.style.transform] = 'translate(' + x + 'px,' + y + 'px)' + this.scroller.translateZ;
		} else {
			this.indicatorStyle.left = x + 'px';
			this.indicatorStyle.top = y + 'px';
		}
	},
	_pos: function (x, y) {
		if ( x < 0 ) {
			x = 0;
		} else if ( x > this.maxPosX ) {
			x = this.maxPosX;
		}
		if ( y < 0 ) {
			y = 0;
		} else if ( y > this.maxPosY ) {
			y = this.maxPosY;
		}
		x = this.options.listenX ? Math.round(x / this.sizeRatioX) : this.scroller.x;
		y = this.options.listenY ? Math.round(y / this.sizeRatioY) : this.scroller.y;
		this.scroller.scrollTo(x, y);
	},
	fade: function (val, hold) {
		if ( hold && !this.visible ) {
			return;
		}
		clearTimeout(this.fadeTimeout);
		this.fadeTimeout = null;
		var time = val ? 250 : 500,
			delay = val ? 0 : 300;
		val = val ? '1' : '0';
		this.wrapperStyle[utils.style.transitionDuration] = time + 'ms';
		this.fadeTimeout = setTimeout((function (val) {
			this.wrapperStyle.opacity = val;
			this.visible = +val;
		}).bind(this, val), delay);
	}
};
IScroll.utils = utils;
if ( typeof module != 'undefined' && module.exports ) {
	module.exports = IScroll;
} else {
	window.IScroll = IScroll;
}
})(window, document, Math);

html/jtgx/js/iscroll-pull-up-down.js

@@ -0,0 +1,163 @@
var IScrollPullUpDown = function (wrapperName,iScrollConfig,pullDownActionHandler,pullUpActionHandler) {
				var iScrollConfig,pullDownActionHandler,pullUpActionHandler,pullDownEl,pullDownOffset,pullUpEl,scrollStartPos;
				var pullThreshold=5;
				var me=this;
			
				function showPullDownElNow(className) {
					// Shows pullDownEl with a given className
					pullDownEl.style.transitionDuration='';
					pullDownEl.style.marginTop='';
					pullDownEl.className = 'pullDown '+className;
				}
				var hidePullDownEl = function (time,refresh) {
					// Hides pullDownEl
					pullDownEl.style.transitionDuration=(time>0?time+'ms':'');
					pullDownEl.style.marginTop='';
					pullDownEl.className = 'pullDown scrolledUp';
			
					// If refresh==true, refresh again after time+10 ms to update iScroll's "scroller.offsetHeight" after the pull-down-bar is really hidden...
					// Don't refresh when the user is still dragging, as this will cause the content to jump (i.e. don't refresh while dragging)
					if (refresh) setTimeout(function(){me.myScroll.refresh();},time+10);
				}
			
				function init() {
					var wrapperObj = document.querySelector('#'+wrapperName);
					var scrollerObj = wrapperObj.children[0];
			
					if (pullDownActionHandler) {
						// If a pullDownActionHandler-function is supplied, add a pull-down bar at the top and enable pull-down-to-refresh.
						// (if pullDownActionHandler==null this iScroll will have no pull-down-functionality)
						pullDownEl=document.createElement('div');
						pullDownEl.className='pullDown scrolledUp';
						pullDownEl.innerHTML='<span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新</span>';
						scrollerObj.insertBefore(pullDownEl, scrollerObj.firstChild);
						pullDownOffset = pullDownEl.offsetHeight;
					}
					if (pullUpActionHandler) {
						// If a pullUpActionHandler-function is supplied, add a pull-up bar in the bottom and enable pull-up-to-load.
						// (if pullUpActionHandler==null this iScroll will have no pull-up-functionality)
						pullUpEl=document.createElement('div');
						pullUpEl.className='pullUp';
						pullUpEl.innerHTML='<span class="pullUpIcon"></span><span class="pullUpLabel" style="margin: 3px 20%">上拉加载更多</span>';
						scrollerObj.appendChild(pullUpEl);
					}
			
					me.myScroll = new IScroll(wrapperObj,iScrollConfig);
			
					me.myScroll.on('refresh',function() {
						if ((pullDownEl)&&(pullDownEl.className.match('loading'))) {
							pullDownEl.querySelector('.pullDownLabel').innerHTML = '下拉刷新';
							if (this.y>=0) {
								// The pull-down-bar is fully visible:
								// Hide it with a simple 250ms animation
								hidePullDownEl(250,true);
			
							} else if (this.y>-pullDownOffset) {
								// The pull-down-bar is PARTLY visible:
								// Set up a shorter animation to hide it
			
								// Firt calculate a new margin-top for pullDownEl that matches the current scroll position
								pullDownEl.style.marginTop=this.y+'px';
			
								// CSS-trick to force webkit to render/update any CSS-changes immediately: Access the offsetHeight property...
								pullDownEl.offsetHeight;
			
								// Calculate the animation time (shorter, dependant on the new distance to animate) from here to completely 'scrolledUp' (hidden)
								// Needs to be done before adjusting the scroll-positon (if we want to read this.y)
								var animTime=(250*(pullDownOffset+this.y)/pullDownOffset);
			
								// Set scroll positon to top
								// (this is the same as adjusting the scroll postition to match the exact movement pullDownEl made due to the change of margin-top above, so the content will not "jump")
								this.scrollTo(0,0,0);
			
								// Hide pullDownEl with the new (shorter) animation (and reset the inline style again).
								setTimeout(function() {	// Do this in a new thread to avoid glitches in iOS webkit (will make sure the immediate margin-top change above is rendered)...
									hidePullDownEl(animTime,true);
								},0);
			
							} else {
								// The pull-down-bar is completely off screen:
								// Hide it immediately
								hidePullDownEl(0,true);
								// And adjust the scroll postition to match the exact movement pullDownEl made due to change of margin-top above, so the content will not "jump"
								this.scrollBy(0,pullDownOffset,0);
							}
						}
						if ((pullUpEl)&&(pullUpEl.className.match('loading'))) {
							pullUpEl.className = 'pullUp';
							pullUpEl.querySelector('.pullUpLabel').innerHTML = '上拉加载更多';
						}
					});
			
					me.myScroll.on('scrollStart',function() {
						scrollStartPos=this.y; // Store the scroll starting point to be able to track movement in 'scroll' below
					});
						
					me.myScroll.on('scroll',function() {
						if (pullDownEl||pullUpEl) {
							if((scrollStartPos==0)&&(this.y==0)) {
								// 'scroll' called, but scroller is not moving!
								// Probably because the content inside wrapper is small and fits the screen, so drag/scroll is disabled by iScroll
								
								// Fix this by a hack: Setting "myScroll.hasVerticalScroll=true" tricks iScroll to believe
								// that there is a vertical scrollbar, and iScroll will enable dragging/scrolling again...
								this.hasVerticalScroll=true;
								
								// Set scrollStartPos to -1000 to be able to detect this state later...
								scrollStartPos=-1000;
							} else if ((scrollStartPos==-1000) && 
								         (((!pullUpEl)&&(!pullDownEl.className.match('flip'))&&(this.y<0)) ||
												  ((!pullDownEl)&&(!pullUpEl.className.match('flip'))&&(this.y>0)))) {
								// Scroller was not moving at first (and the trick above was applied), but now it's moving in the wrong direction.
								// I.e. the user is either scrolling up while having no "pull-up-bar",
								// or scrolling down while having no "pull-down-bar" => Disable the trick again and reset values...
								this.hasVerticalScroll=false;
								scrollStartPos=0;
								this.scrollBy(0,-this.y, 0);	// Adjust scrolling position to undo this "invalid" movement
							}
						}
				
						if (pullDownEl) {
							if (this.y > pullDownOffset+pullThreshold && !pullDownEl.className.match('flip')) {
								showPullDownElNow('flip');
								this.scrollBy(0,-pullDownOffset, 0);	// Adjust scrolling position to match the change in pullDownEl's margin-top
								pullDownEl.querySelector('.pullDownLabel').innerHTML = '界面刷新中...';
							} else if (this.y < 0 && pullDownEl.className.match('flip')) { // User changes his mind...
								hidePullDownEl(0,false);
								this.scrollBy(0,pullDownOffset, 0);	// Adjust scrolling position to match the change in pullDownEl's margin-top
								pullDownEl.querySelector('.pullDownLabel').innerHTML = '下拉刷新';
							}
						}
						if (pullUpEl) {
							if (this.y < (this.maxScrollY - pullThreshold) && !pullUpEl.className.match('flip')) {
								pullUpEl.className = 'pullUp flip';
								pullUpEl.querySelector('.pullUpLabel').innerHTML = '正在加载...';
							} else if (this.y > (this.maxScrollY + pullThreshold) && pullUpEl.className.match('flip')) {
								pullUpEl.className = 'pullUp';
								pullUpEl.querySelector('.pullUpLabel').innerHTML = '上拉加载更多';
							}
						}
					});			
			
					me.myScroll.on('scrollEnd',function() {
						if ((pullDownEl)&&(pullDownEl.className.match('flip'))) {
							showPullDownElNow('loading');
							pullDownEl.querySelector('.pullDownLabel').innerHTML = 'Loading...';
							pullDownActionHandler(this);	// Execute custom function (ajax call?)
						}
						if ((pullUpEl)&&(pullUpEl.className.match('flip'))) {
							pullUpEl.className = 'pullUp loading';
							pullUpEl.querySelector('.pullUpLabel').innerHTML = 'Loading...';
							pullUpActionHandler(this);	// Execute custom function (ajax call?)
						}
						if (scrollStartPos=-1000) {
							// If scrollStartPos=-1000: Recalculate the true value of "hasVerticalScroll" as it may have been
							// altered in 'scroll' to enable pull-to-refresh/load when the content fits the screen...
							this.hasVerticalScroll = this.options.scrollY && this.maxScrollY < 0;
						}
					});
			
				}
				window.addEventListener('load', function() {init()}, false);
				return me.myScroll;
			};