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

html/zxwz/css/topic-cw.css

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

html/zxwz/css/topic-fat.css

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

html/zxwz/css/wy-style.css

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

html/zxwz/css/ys-style.css

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

html/zxwz/css/zx-style.css

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

html/zxwz/html/consult-record-more.html

@@ -0,0 +1,148 @@
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>咨询记录</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="../../../css/cross.css">
		<link rel="stylesheet" href="../../../css/cross.ui.css">
		<link rel="stylesheet" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/zx-style.css">
	</head>
	<body>
		<!--<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1>咨询记录</h1>
			</div>
		</div>		-->
		<div class="labhold-con">
			<div class="doc-recoder" id="divRecoder"></div>
		</div>	
		<div style="text-align: center;">
			<a href="javascript:;" class="view-more c-5b5b5b" id="view_more">点击查看更多</a>
		</div> 
	</body>	
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script type="text/javascript" src="../cross/js/cross.ui.js"></script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script type="text/javascript">	
		var d = dialog({contentType:'load', skin:'bk-popup'});
		var id = 0;
		var pageSize = 15;
		$(function() {		
			queryAppoList();			
			//点击加载更多			
			document.getElementById('view_more').addEventListener("click", function() {	
				queryAppoList();
			});
		});		
		function queryAppoList() {
			d.show();
			var data = {};
			data.id = id;
			data.pagesize = pageSize;
			sendPost("patient/consult/records", data, "json", "post", queryListFailed, queryAppoListSuccesss);
		}
		function queryListFailed(res) {
			d.close();
			if (res && res.msg) {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
			} else {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
			}
		}
		
		function queryAppoListSuccesss(res) {
			if (res.status == 200) {
				if (res.list.length > 0) {					
					var list = res.list;
					var $list = document.querySelector("#divRecoder");
					for (var i = 0; i < list.length; i++) {
						var $li = document.createElement("div");
						id = list[i].id;
						var consultCode = list[i].code;
						var symptoms = list[i].symptoms;
						var type = list[i].type;
						var czrq = list[i].czrq;
						
						var typeName = "";
						switch (type) {
							case 1:
								typeName = "三师咨询";
								break;
							case 2:
								typeName = "家庭咨询";
								break;
							case 3:
								typeName = "图文咨询";
								break;
							case 4:
								typeName = "公共咨询";
								break;
							case 5:
								typeName = "病友圈";
								break;
							default:
								break;
						}
						
						$li.setAttribute('data-type', type);
						$li.setAttribute('data-code', consultCode);
						$li.className = "n-list c-border-b";
						var content = '<div class="n-list-li n-list-link ptb12">';
						content += '<div class="n-list-info">';
						content += '<h4 class="c-333 c-f17">'+ typeName + '</h4>';
						content += '<p class="c-nowrap c-909090 c-f15" style="word-break: break-word;">症&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp状：' + symptoms + '</p>';
						content += '<p class="c-909090 c-f15">就诊时间：' + czrq + '</p>';
						content += ' </div>';
						content += ' </div>';
						$li.innerHTML = content;
						$list.appendChild($li);							
					}	
					$(".n-list").click(function() {
						var code = this.getAttribute("data-code");
						var type = Number(this.getAttribute("data-type"));
						switch (type) {
							case 1:
								window.location.href = "consulting-doctor.html?consult=" + code;
								break;
							case 2:
								window.location.href = "consulting-doctor.html?consult=" + code;
								break;
							case 3:
								break;
							case 4:
								window.location.href = "public-consult-detail.html?code=" + code;
								break;
							case 5:
								window.location.href = "patients-consult-detail.html?code=" + code;
								break;
							default:
								break;
						}
					});
				} else {
					document.querySelector("#view_more").innerText = "已无更多";
				}
				d.close();
			} else {
				//非200则为失败
				queryListFailed(res);
			}
		}
		
		
	</script>
</html>

html/zxwz/html/consulting-doctor.html

@@ -0,0 +1,69 @@
<!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="../../../iconfont/iconfont.css" type="text/css" />
		<link rel="stylesheet" href="../css/sfdoc-style.css" type="text/css" />
	    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
	    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
	</head>
	<body class="bgc-f7f5f2">
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>咨询医生</h1>
				</div>
			</div>-->
			<div class="labcon">
				<div id='finish_list' style="text-align: center;display: none;">
					<a href="javascript:;" class="view-more c-37a6ed" style="color: #37A6ED;" onclick="finish()">点击结束本次咨询</a>
				</div>
				<div class="c-position-r" id="talkwrap">
					<div class="pull-iscroll-wrap">
						<div class="pull-iscroll-box">
							<div class="talk-box pt10">
							</div>
						</div>
					</div>
				</div>				
			</div>
			<div id="divBottom" style="display: none; background: #F2F2F2; position: absolute; bottom: 0; width: 100%;z-index: 100;">				
				<div class="h55">
					<div class="talk-bot c-boxs c-border-t">
						<div style="margin-right: 10px;" onclick="chooseImage()">
							<img style="width: 45px; height: 30px;" src="../images/more-tb1.png"/></div>
						<div class="talk-input">
							<!--<textarea rows="1" cols="27" id="chatTxtCon" class="c-boxs c-f16" placeholder="请输入内容" oninput="sendBtn();"></textarea>-->
							<input type="text" id="chatTxtCon" class="c-boxs c-f16" placeholder="请输入内容" oninput="sendBtn();" />
						</div>
						<div class="talk-send">
							<a href="javascript:;" class="disab">发送</a></div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/iscroll2/5.1.3/css/iscroll.css" />
		<script type="text/javascript" src="../../../widget/iscroll2/5.1.3/js/iscroll.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/app.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	    <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	    <script type="text/javascript" src="../../../js/commit_validate.js" ></script>
	    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script type="text/javascript" src="../js/consulting-doctor.js" ></script>
	</body>
</html>

html/zxwz/html/consulting-evaluate4.html

@@ -0,0 +1,216 @@
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>咨询评价</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/zx-style.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/app.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js"></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	</head>
	<body>
		<div class="main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>咨询评价</h1>
				</div>
			</div>-->
			<div class="common-title">您的肯定是医生的动力，立即评论吧！</div>
			<div class="evaluation-boxer bgc-fff">
				<div class="scoresr c-border-b clearfix">
					<span class="c-f15 fl"><i class="required"></i>评价</span>
					<div class="ti-star fl">
						<ul class="clearfix fl" id="star_num">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</div>
				</div>
			</div>
			<!--<ul class="n-list doc-detail mt10" style="border-top:1px dashed #f2f2f2; border-bottom:1px dashed #f2f2f2;">
				<li class="ptb12" style="border-bottom:1px dashed #f2f2f2;">
					<div class="n-list-key pr15 c-f15" style="padding-left:12px;"><i class="required"></i>感谢医生</div>
				</li>
				<li class="n-list-label ptb15" style="margin-left:0;">
					<ul class="sel-phiz" id="gift_ul">
						<li><i class="icon-flower"></i>
							<p>小红花</p>
						</li>
						<li><i class="icon-flag"></i>
							<p>锦旗&emsp;</p>
						</li>
						<li><i class="icon-gife"></i>
							<p>礼物</p>
						</li>
					</ul>
				</li>
			</ul>-->
			<ul class="n-list c-border-tb mt20 doc-detail">
				<li class="ptb12">
					<div class="n-list-key pr15 c-f15">评价内容</div>
				</li>
				<li class="ptb12" style="border-top:1px dashed #f2f2f2;">
					<div class="n-list-info">
						<div class="c-border ptb10 plr10 border-radius-rounded">
							<textarea name="" id="evaluate_content" class="r-textarea" rows="4" placeholder="谢谢医生的回答"></textarea>
						</div>
					</div>
				</li>
			</ul>
			<div class="mt15 plr15 pb20">
				<a id="commit" class="c-btn c-btn-maincolor c-btn-full c-btn-radius c-f16">提交评价</a>
			</div>
			&nbsp;
			<div id="info" style="display:none;color: red;text-align: center"></div>
        	<div id="info2" style="display:none;color: green;text-align: center"></div>
		</div>
		<!-- 选择图片 -->
		<div class="over-lay" style="display:none;"></div>
		<div class="ins-img-btn" style="display:none;">
			<div class="mlr10"> <a href="javascript:void(0);" class="c-btn c-btn-fff c-btn-full c-btn-large">从相册中选择</a><a href="javascript:void(0);" class="c-btn c-btn-fff c-btn-full c-btn-large">立即拍照</a> <a href="javascript:void(0);" class="c-btn c-btn-fff c-btn-full c-btn-large mt10 mb10"
					data-btn="cancelOver">取消</a> </div>
		</div>
		<script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<link rel="stylesheet" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" type="text/css" />
		<script>			
			$(function() {
				document.getElementById("commit").addEventListener("tap", function() {
					var data = evaluate();
					if (data.star == 0) {
						$("#info").html("请选择星级");
						$("#info").show();
						return false;
					}
					if (data.content.length > 300) {
						$("#info").html("评价内容过长");
						$("#info").show();
						return false;
					}
//					if (data.gift == "") {
//						mui.toast('请赠送礼物！');
//						return false;
//					}
					
                	$("#info2").show();
		            $("#info").hide();
		            $("#info2").html("正在提交中...");
                	sendPost('patient/consult/comment', data, 'json', 'post', submitFailed, submitSuccess);
                    
				});
			});
			function submitFailed(res) {
				$("#info2").hide();
				if (res && res.msg) {
					$("#info").html(res.msg);        
				} else {
					$("#info").html("评价失败");
				}
				$("#info").show();
			}
			
			function submitSuccess(res) {
				if (res.status == 200) {
					window.location.href = "teachers-consulting-list.html";
				} else {
					submitFailed(res);
				}
			}
			$(function() {
				//评论时选择医生评价
				$(".sel-phiz li").on("click", function() {
					var sInd = $(this).index();
					$(this).toggleClass("selected");
				});
				$('.ti-star li').click(function() {
					var Index = $(this).index();
					switch (Index + 1) {
						case 1:
							$('.scoresr ul').removeAttr("class");
							$('.scoresr ul').addClass('one');
							break;
						case 2:
							$('.scoresr ul').removeAttr("class");
							$('.scoresr ul').addClass('two');
							break;
						case 3:
							$('.scoresr ul').removeAttr("class");
							$('.scoresr ul').addClass('three');
							break;
						case 4:
							$('.scoresr ul').removeAttr("class");
							$('.scoresr ul').addClass('four');
							break;
						case 5:
							$('.scoresr ul').removeAttr("class");
							$('.scoresr ul').addClass('five');
							break;
					}
				});
			});
			//评价方法
			function evaluate() {
				var Request = new Object();
				Request = GetRequest(); 
		    	var code = Request["code"];
				var data = {};
				data.consult = code;	
				data.content = $('#evaluate_content').val();
				var starStr = document.querySelector("#star_num").className;
				switch (starStr) {
					case 'one':
						data.star = 1;
						break;
					case 'two':
						data.star = 2;
						break;
					case 'three':
						data.star = 3;
						break;
					case 'four':
						data.star = 4;
						break;
					case 'five':
						data.star = 5;
						break;
					default:
						data.star = 0;
				}
				//data.gift = getGift();
				return data;
			};
			//获取礼物
			function getGift() {
				var giftArr = [];
				if ($("#gift_ul").find(".icon-flower").parent().hasClass('selected')) {
					giftArr.push("0");
				};
				if ($("#gift_ul").find(".icon-flag").parent().hasClass('selected')) {
					giftArr.push("1");
				};
				if ($("#gift_ul").find(".icon-gife").parent().hasClass('selected')) {
					giftArr.push("2");
				};
				return giftArr.join(",");
			};
		</script>
	</body>
</html>

html/zxwz/html/online-consulting.html

@@ -0,0 +1,93 @@
<!doctype html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta charset="utf-8">
    <title>在线咨询</title>
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
	<link rel="stylesheet" type="text/css" href="../css/zx-style.css">
	<link rel="stylesheet" type="text/css" href="../css/swiper.min.css">
	<script src="../js/swiper.min.js"></script>
    <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="../../../js/common_http.js" ></script>
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<link rel="stylesheet" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" type="text/css"/>
    <script type="text/javascript" src="../../../js/weixin_common.js" ></script> 
</head>
<body>
	<div class="c-main">
		<!--<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1>在线咨询</h1>
			</div>
		</div>-->
	    <div class="mindex-top bor-f2-tb clearfix c-f15 mt10">
	    	<div class="mt-part1-1 mt-center c-boxs bor-f2-r" onclick="doctorConsult()">
	        	<img src="../images/list-tb2.png" alt="" width="90" class="mb5" />
	            <p>签约医生咨询</p>
	            <p class="c-f14 c-ccc">签约医生 专业解答</p>
	        </div>
	        <div class="mt-part1-2 clearfix">
	        	<div class="mt-part2 mt-center c-boxs bor-f2-b" onclick="jumpPage('1')">
	            	<span class="mt-freeask c-t-left"><p>公共咨询</p><p class="c-f12 c-ccc">爱心医生 快速解答</p></span>
	            	<i class="icon-mindex icon-mpart2"></i>
	            </div>
	            <div class="mt-part2 mt-center c-boxs" onclick="jumpPage('2')">
	            	<span class="mt-freeask c-t-left"><p>病友圈</p><p class="c-f12 c-ccc">互相帮助 更快康复</p></span>
	            	<i class="icon-mindex icon-mpart5"></i>
	            </div>
	        </div>
	    </div>
	    <!--<div class="dh-box mt10">
	        <div class="dh-nav clearfix">
	            <ul class="dh-nav-bar">
	                <li class="curr">推荐专家</li>
	                <li style=" float:right; color:#4dcd70;">更多</li>
	            </ul>
	        </div>
	        <div class="dh-list">
	            <ul>
	                <li>
	                    <label onclick="location.href='../../zndz/html/医生主页.html'"><img src="../images/doc1.png"><p>陈宁</p><p class="c-f12 c-909090">主任医师</p></label>
	                    <label onclick="location.href='../../zndz/html/医生主页.html'"><img src="../images/doc2.png"><p>周萍萍</p><p class="c-f12 c-909090">主任医师</p></label>
	                    <label onclick="location.href='../../zndz/html/医生主页.html'"><img src="../images/doc3.png"><p>戴永琪</p><p class="c-f12 c-909090">主任医师</p></label>
	                    <label onclick="location.href='../../zndz/html/医生主页.html'"><img src="../images/doc4.png"><p>田冬冬</p><p class="c-f12 c-909090">主任医师</p></label>
	                    <label onclick="location.href='../../zndz/html/医生主页.html'"><img src="../images/doc5.jpg"><p>玉梅</p><p class="c-f12 c-909090">主任医师</p></label>
	                    <label onclick="location.href='../../zndz/html/医生主页.html'"><img src="../images/doc6.jpg"><p>王晓东</p><p class="c-f12 c-909090">主任医师</p></label>
	                    <label onclick="location.href='../../zndz/html/医生主页.html'"><img src="../images/doc7.jpg"><p>张晓晓</p><p class="c-f12 c-909090">主任医师</p></label>
	                    <label onclick="location.href='../../zndz/html/医生主页.html'"><img src="../images/doc8.jpg"><p>陆无双</p><p class="c-f12 c-909090">主任医师</p></label>
	                </li>
	            </ul>
	        </div>
	    </div>-->
	    <div class="tabs timper bgc-fff dh-box mt10">
	    	<div class="hd c-border-b clearfix">
	            <ul class="pt-tab clearfix fl">
	                <li class="hit">咨询记录</li>
	                <li>就诊记录</li>
	            </ul>
	            <div class="pt-tab-a" onclick="recordMore()"><a class="c-4dcd70 pt6 pr10 c-f16 fr">更多</a></div>		        
		        <div class="pt-tab-a" style="display: none;" onclick="yueguoMore()"><a class="c-4dcd70 pt6 pr10 c-f16 fr">更多</a></div>
	        </div>
	        <div class="pt-tab-list labhold-con hit">
	        	<div class="doc-recoder" id="divRecoder">
	                <a href="javascript:;" class="view-more c-37a6ed" id="view_more" style="display: none;">无咨询记录</a>
	           </div>	           
	        </div>
	        <div class="pt-tab-list">
	        	<div class="da-doclist pb10">
	                <ul class="c-blocks-4" id="online_doc_list"></ul>
	                <a href="javascript:;" class="view-more c-37a6ed" id="view_more_1" style="display: none;">无就诊记录</a>
	          </div>
	        </div>
	    </div> 
	</div>
</body>
<link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.css">
<script src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
<script src="../js/online-consulting.js"></script>
</html>

html/zxwz/html/patient-add-problem.html

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

html/zxwz/html/patients-consult-detail.html

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

html/zxwz/html/patients-consult-info.html

@@ -0,0 +1,172 @@
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>病友圈</title>
    <meta name="author" content="yihu.com"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <script src="../js/ui_search_one.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../js/mui.min.js"></script>
</head>
<body>
<!--<div class="h45">
    <div class="demo-comtop">
        <a class="mui-action-back"></a>
        <h1>病友圈</h1>
    </div>
</div>-->
<div class="">
    <div class="">
        <div id="patinetsList" class="pt-tab-list hit">
            <div class="input-merge input-merge-border demo-input-merge bor-topnone">
                <div class="input-group input-border width-100">
                    <span class="input-group-addon">问题类别</span>
                    <input type="text" class="form-control width-100 c-t-right" placeholder="（我的提问/我的回答/全部）" data-type="choose">
                    <span class="form-select-arrow"></span>
                </div>
            </div>
            <div id="patinetsList2"></div>
            <a href="javascript:;" class="view-more c-37a6ed" id="view_more">点击查看更多</a>
            <div class="timper-addfix" onclick="add()"><i class="iconfont icon-jia"></i></div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
<script type="text/javascript" src="../../../js/common_http.js" ></script>
<script>
	var d = dialog({contentType:'load', skin:'bk-popup'});
	var id = 0;	
	var pageSize = 10;
	var status = 0;
	var Request = new Object();
	Request = GetRequest(); 
	var disease = Request["disease"];
	var diseaseName = Request["diseaseName"];
    $(function(){ 	
		var option = {
            theme: 'ios',
            lang:'zh',
            formatValue: function (d) {
                return d.join(',');
            },
            customWheels:true,
            wheels: [//如果值非常多请事先按需求生成好
                [
                    {
                        keys:[0,1,2],
                        values: ['全部', '我的提问', '我的回答']
                    }
                ]
            ],
            onSelect: function(valueText, inst){
                var dd=eval("["+valueText+"]");
                $('[data-type=choose]').val(dd[0].values);
                status = dd[0].keys;
                document.querySelector("#patinetsList2").innerHTML = "";
                document.querySelector("#view_more").innerHTML = "点击查看更多";
                id = 0;
                fillList();
            },
            onShow:function(){
                ss.mobiscroll('selectWheel', ['2'] , 1000 ,true);
            }
        };
        var ss=$('[data-type=choose]').mobiscroll(option);    
        $('[data-type=choose]').val(option.wheels[0][0].values[0]);     
		fillList();
		document.getElementById('view_more').addEventListener("click", function() {
			fillList();
		});
	})
    //填充列表
	function fillList() {
		d.show();
		var data = {};
		data.id = id;
		data.pagesize = pageSize;
		data.type = status;
		data.disease = disease;
		var userAgent = window.localStorage.getItem(agentName);
		$.ajax(server + "patient/consult/communication/list", {
			data: data,
			type: 'POST',
			dataType: 'json',
			beforeSend: function(request) {
	            request.setRequestHeader("userAgent", userAgent);
	        },
			error: function(res) {
				d.close();
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
					return;
				}				
				document.querySelector("#view_more").innerText = "数据加载失败";
	            dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
			},
			success: function(res) {
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
				}
				else if (res.status == 200) {								
					if (res.list.length > 0) {								
						var list = res.list;
						var $list = document.querySelector("#patinetsList2");
						for (var i = 0; i < list.length; i++) {
							var $ul = document.createElement("ul");
							$ul.className = "c-list c-border-tb zx-timper mb10";
							var consultCode = list[i].consult;
							var disName = list[i].diseaseName;
							var photo = list[i].photo;
							if(!photo){
								photo = "../../../images/p-default.png";
							}
							if(!disName) disName = "";
							var content = '<li class="">';
							content += '<div class=" c-avatar-m"><img src="' + getImgUrl(photo) + '"></div>';
							content += '<div class="c-list-info"><h4 class="c-nowrap">' + list[i].name + '</h4></div>';
							content += '<div class="c-list-action"><div class="c-btn c-btn-tiny c-btn-radius c-btn-DDF5F4 c-4dcd70">' + list[i].amount + '</div></div>';
							content += '</li><li class="c-list-label" onclick="patientdetail(\'' + consultCode +'\')">';
							content += '<h2 class="c-333 c-f15 c-bold mb5"><div class="timper-picer pr30 c-nowrap c-80">' + list[i].title + '</div></h2>';
							content += '<p class="c-nowrap c-333 c-f13">疾病类型：' + disName + '</p>';
							content += '<p class="c-nowrap c-333 c-f13">主要症状：' + list[i].content + '</p>';							
							content += '</li>';
							$ul.innerHTML = content;
							$list.appendChild($ul);							
							id = list[i].id;
						}
					} else {
						document.querySelector("#view_more").innerText = "已无更多";
					}
					d.close();
				} else {
					d.close();
					document.querySelector("#view_more").innerText = "数据加载更多";
    	            dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
				}
			}
		});	
	}
	function patientdetail(code){
		window.open("patients-consult-detail.html?code=" + code);
	}
    //跳转到添加问题的界面
    function add(){   
    	window.open("patient-add-problem.html?disease=" + disease + "&diseaseName=" + diseaseName);
	}
</script>
</body>
</html>

html/zxwz/html/patients-consult-reply.html

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

html/zxwz/html/public-consult-add.html

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

html/zxwz/html/public-consult-detail.html

@@ -0,0 +1,245 @@
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>公共咨询</title>
    <meta name="author" content="yihu.com"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <script src="../js/ui_search_one.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../js/mui.min.js"></script>
    <script src="../../../js/app.js"></script>
     <script src="../../../js/common_http.js"></script>
     <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
</head>
<body>
<!--<div class="h45">
    <div class="demo-comtop">
        <a class="mui-action-back"></a>
        <h1>共3个回答</h1>
    </div>
</div>-->
<div class="mt10 pb10">
    <div class="">
        <ul class="c-list c-border-tb zx-timper">
            <li class="">
                <div class=" c-avatar-m"><img id="photo" src=""></div>
                <div class="c-list-info">
                    <h4 class="c-nowrap" id="name"></h4>
                    <p class="c-nowrap" id="czrq"></p>
                </div>
            </li>
            <li class="c-list-label">
                <h2 class="c-333 c-f17 c-bold mb5" id="title" style="word-break: break-word;"></h2>
                <p class="c-333 c-f15">发病时间：<span id="when"></span></p>
                <p class="c-333 c-f15">疾病类型：<span id="diseaseName"></span></p>
                <p class="c-333 c-f15" style="word-break: break-word;">主要症状：<span id="content"></span></p>                
                <p class="mt10 soper-pic" id="imageList"></p>                
            </li>
        </ul>
        <div id="ulReply"></div>
        <a href="javascript:;" class="view-more c-37a6ed" id="view_more">点击查看更多</a>
    </div>
</div>
<div class="timper-addfix" onclick="add()"><i class="iconfont icon-jia"></i></div>
<!-- 放置要缩放的图片的容器 -->
<section class="imgzoom-pack">
    <div class="imgzoom-x">关闭</div>
    <div class="imgzoom-del"></div>
    <div class="imgzoom-img"><img src="" /></div>
</section>
<script>
	var d = dialog({contentType:'load', skin:'bk-popup'});
	var userAgent = window.localStorage.getItem(agentName);
	var Request = new Object();
	Request = GetRequest(); 
	var code = Request["code"];
	var id = 0;
	var pagesize = 10;
	var total = 0;
	$(function(){		
		detailInfo();    	
    	document.getElementById('view_more').addEventListener("tap", function() {
			reply();
		});
	});
	//填充咨询详情
	function detailInfo() {
		d.show();
		var data = {};
		data.consult = code;
		$.ajax(server + "patient/consult/public/info", {
			data: data,
			type: 'POST',
			dataType: 'json',
			beforeSend: function(request) {
	            request.setRequestHeader("userAgent", userAgent);
	        },
			error: function(res) {
				d.close();
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
					return;
				}
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
			},
			success: function(res) {
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
				}
				else if (res.status == 200) {
					var photo = res.data.photo;
					var name = res.data.name;
					var title = res.data.question;
					var when = res.data.when;
					var diseaseName = res.data.diseaseName;
					var content = res.data.content;
					var images = res.data.images;
					var czrq = res.data.czrq;
					
					var url1 = "../../../images/p-default.png";					
					if(photo) url1 = photo;
					if(!name) name = "";
					if(!title) title = "";
					if(!when) when = "";
					if(!content) content = "";
					if(!diseaseName) diseaseName = "";
					if(!images) images = "";
					var imageList = images.split(',');					
					if(!czrq) czrq = "";
					
					document.getElementById("photo").src = url1;
					document.getElementById("name").innerHTML = name;	
					document.getElementById("czrq").innerHTML = czrq;
					document.getElementById("title").innerHTML = title;
					document.getElementById("when").innerHTML = when;
					document.getElementById("diseaseName").innerHTML = diseaseName;
					document.getElementById("content").innerHTML = content;
					if(imageList.length > 0){
						var html = "";
						for(var i=0; i<imageList.length; i++){
							if(imageList[i] != ""){
								html += "<img src='" + getImgUrl(imageList[i]) + "' onclick='viewImg(this)'>";
							}
						}
						document.getElementById("imageList").innerHTML = html;
					}
					d.close();
					reply();
				} else {
					d.close();
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
				}
			}
		});	
	}
	//获取回复信息
	function reply() {
		d.show();
		var data = {};
		data.consult = code;
		data.id = id;
		data.pagesize = pagesize;
		$.ajax(server + "patient/consult/public/reply_list", {
			data: data,
			type: 'POST',
			dataType: 'json',
			beforeSend: function(request) {
	            request.setRequestHeader("userAgent", userAgent);
	        },
			error: function(res) {
				d.close();
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
					return;
				}
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
				document.querySelector("#view_more").innerText = "数据加载失败";
			},
			success: function(res) {
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
				}
				else if (res.status == 200) {
					if(res.isFirst){
						total = res.total;
					}
					if (res.list.length > 0) {								
						var list = res.list;						
						var $list = document.querySelector("#ulReply");
						for (var i = 0; i < list.length; i++) {
							id = list[i].id;
							var $ul = document.createElement("ul");
							$ul.className = "c-list discus";														
							var photo = list[i].photo;
							if(photo == null || photo == ""){
								photo = "../../../images/p-default.png";
							}
							var content = '<li class="">';
							content += '<div class=" c-avatar-m"><img src="' + getImgUrl(photo) + '"></div>';
							content += '<div class="c-list-info"><h4 class="c-nowrap">' + list[i].name + '</h4>';
							content += '<p class="c-nowrap">' + list[i].czrq + '</p></div>';
							content += '<div class="c-list-action"><span>' + total + 'F</span></div>';
							content += '</li><li class="c-list-label c-333"><div class="c-list-info">'
							content += '<p class="c-333 c-f15" style="word-break: break-word;">' + list[i].content + "</p>";
							content += '<p>';
							var images = list[i].images;
							if(images == null) images = "";
							var imageList = images.split(',');
							if(imageList.length  > 0){
								for(var j=0; j<imageList.length; j++){
									if(imageList[j] != ""){
										content += "<img style='height: 80px; width: 60px;' src='" + getImgUrl(imageList[j]) + "' onclick='viewImg(this)'>";
									}
								}
							}
							content += "</p></div></li>";
							$ul.innerHTML = content;
							$list.appendChild($ul);	
							total = total - 1;
						}
					} else {
						document.querySelector("#view_more").innerText = "已无更多回复";
					}
					d.close();
				} else {
					d.close();
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
					document.querySelector("#view_more").innerText = "数据加载失败";
				}
			}
		});	
	}
	
    function add(){
    	window.location.href = "public-consult-reply.html?code=" + code;
	}
    
    //查看图片
	function viewImg(dom) {
		var $img = $(dom);
		var thissrc = $img.attr("src");
		var mWid = $(window).width();
		var mHei = $(window).height();
		var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
		$("body").append(nHtml);
		$(".delimgpop").click(function() {
			$(this).remove()
		});
	};
</script>
</body>
</html>

html/zxwz/html/public-consult-reply.html

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

html/zxwz/html/public-patients-consult.html

@@ -0,0 +1,260 @@
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>公共咨询和病友圈</title>
    <meta name="author" content="yihu.com"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <script src="../js/ui_search_one.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../js/mui.min.js"></script>
</head>
<body>
<!--<div class="h45">
    <div class="demo-comtop">
        <a class="mui-action-back"></a>
        <h1>公共咨询和病友圈</h1>
    </div>
</div>-->
<div class="">
    <div class="">
        <ul class="c-lab-mor pt-tab c-f16">
            <li id="publicLi" class="hit"><a href="#">公共咨询</a></li>
            <li id="patientsLi"><a href="#">病友圈</a></li>
        </ul>
        <div id="publicList" class="pt-tab-list hit">
        	<div class="input-merge input-merge-border demo-input-merge bor-topnone">
                <div class="input-group input-border width-100">
                    <span class="input-group-addon">疾病类型</span>
                    <input id="txtDiseases" type="text" class="form-control width-100 c-t-right" placeholder="（高血压/糖尿病）" data-time="illTime1">
                    <input id="txtDiseasesCode" type="text" style="display: none;"/>
                    <span class="form-select-arrow"></span>
                </div>
            </div>
            <div id="publicList2"></div>
            <a href="javascript:;" class="view-more" id="view_more">点击查看更多</a>
            <div class="timper-addfix" onclick="add()"><i class="iconfont icon-jia"></i></div>
        </div>
        <div id="patinetsList" class="pt-tab-list hit">
            <ul class="n-list" id="patinetsList2"></ul>
        </div>
    </div>
</div>
<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
<script type="text/javascript" src="../../../js/common_http.js" ></script>
<script>
	var d = dialog({contentType:'load', skin:'bk-popup'});
	var id = 0;
	var pageSize = 10;
    $(function(){    	   	
        var Request = new Object();
		Request = GetRequest(); 
    	var type = Request["type"];
    	if(type == "1"){
    		$("#patientsLi").removeClass("hit");
    		$("#patinetsList").removeClass("hit");
    		$("#publicLi").addClass("hit");
    		$("#publicList").addClass("hit");
    	}
    	else{
    		$("#publicLi").removeClass("hit");
    		$("#publicList").removeClass("hit");
    		$("#patientsLi").addClass("hit");
    		$("#patinetsList").addClass("hit");
    	}
		switchTab(".pt-tab li",".pt-tab-list");
		queryDisease(); 
		//点击加载更多
		document.getElementById('view_more').addEventListener("click", function() {
			fillList();
		});
	})
    
	//选择项切换
    function switchTab(tab,con) {
        $(tab).click(function(){
            $(tab).removeClass("hit");
            $(this).addClass("hit");
            $(con).hide().eq($(this).index()).show();
        })
    }
    
    //查询疾病类型
    function queryDisease(){
    	d.show();
    	sendPost('common/data/diseases', {}, 'json', 'post', queryDiseaseFailed, queryDiseaseSuccess);
    }
    
    function queryDiseaseFailed(res) {
		d.close();
		if (res && res.msg) {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'疾病类型获取失败'}).show(); 
		}
	}
	
	function queryDiseaseSuccess(res) {
		if (res.status == 200) {
			var arr_key=[""];
            var arr_value=["全部"];
            var data=res.list;
            for(var i=0;i<data.length;i++){
                arr_key.push(data[i].code);
                arr_value.push(data[i].name);                      
            }
            var option1 = {
				theme: 'ios',
				lang: 'zh',
				formatValue: function(d) {
					return d.join(',');
				},
				customWheels: true,
				wheels: [
					[{
						keys: arr_key,
						values: arr_value
					}]
				],
				onSelect: function(valueText, inst) {
					var dd = eval("[" + valueText + "]");
					$('#txtDiseasesCode').val(dd[0].keys);
					$('input[data-time=illTime1]').val(dd[0].values);
					document.querySelector("#publicList2").innerHTML = "";
                    document.querySelector("#view_more").innerHTML = "点击查看更多";
                    id = 0;
                    fillList();
				}
			};
			//公共咨询的疾病类型
			$('input[data-time=illTime1]').mobiscroll(option1);
			//页面初始化加载下拉框默认第一个值
			$('#txtDiseasesCode').val(option1.wheels[0][0].keys[0]);
		    $('input[data-time=illTime1]').val(option1.wheels[0][0].values[0]);
			d.close();
			//初始化列表
			fillList();
			fillList2(data);
		} else {
			queryDiseaseFailed(res);
		}
	}
    
    //填充公共咨询列表
	function fillList() {
		d.show();
		var data = {};
		data.id = id;
		data.pagesize = pageSize;
		var dis = $('#txtDiseasesCode').val();
		if(dis) data.disease = dis;
		var userAgent = window.localStorage.getItem(agentName);
		$.ajax(server + "patient/consult/public/list", {
			data: data,
			type: 'POST',
			dataType: 'json',
			beforeSend: function(request) {
	            request.setRequestHeader("userAgent", userAgent);
	        },
			error: function(res) {
				d.close();
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
					return;
				}				
				document.querySelector("#view_more").innerText = "数据加载更多";
	            dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
			},
			success: function(res) {
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
				}
				else if (res.status == 200) {								
					if (res.list.length > 0) {								
						var list = res.list;
						var $list = document.querySelector("#publicList2");
						for (var i = 0; i < list.length; i++) {
							var $ul = document.createElement("ul");
							$ul.className = "c-list c-border-tb zx-timper mb10";
							var consultCode = list[i].consult;
							var diseaseName = list[i].diseaseName;
							var photo = list[i].photo;
							if(!photo){
								photo = "../../../images/p-default.png";
							}
							if(!diseaseName) diseaseName = "";
							var content = '<li class="">';
							content += '<div class=" c-avatar-m"><img src="' + getImgUrl(photo) + '"></div>';
							content += '<div class="c-list-info"><h4 class="c-nowrap">' + list[i].name + '</h4></div>';
							content += '<div class="c-list-action"><div class="c-btn c-btn-tiny c-btn-radius c-btn-DDF5F4 c-4dcd70">' + list[i].amount + '</div></div>';
							content += '</li><li class="c-list-label" onclick="publicdetail(\'' + consultCode +'\')">';
							content += '<h2 class="c-333 c-f17 c-bold mb5"><div class="timper-picer pr30 c-nowrap c-80">' + list[i].title + '</div></h2>';
							content += '<p class="c-333 c-f15">发病时间：' + list[i].when + '</p>';
							content += '<p class="c-nowrap c-333 c-f15">疾病类型：' + diseaseName + '</p>';
							content += '<p class="c-nowrap c-333 c-f15">主要症状：' + list[i].content + '</p>';							
							content += '</li>';
							$ul.innerHTML = content;
							$list.appendChild($ul);							
							id = list[i].id;
						}
					} else {
						document.querySelector("#view_more").innerText = "已无更多";
					}
					d.close();
				} else {
					d.close();
					document.querySelector("#view_more").innerText = "数据加载更多";
    	            dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
				}
			}
		});	
	}
	
	//显示病友圈疾病列表
	function fillList2(list){
		var $list = document.querySelector("#patinetsList2");
		for(var i=0; i<list.length; i++){
            var $li = document.createElement("li");
			var disease = list[i].code;
			var diseaseName = list[i].name;
			$li.setAttribute('data-code', disease);
			$li.setAttribute('data-name', diseaseName);
			$li.className = "n-list-li n-list-link";
			var content = '<div class="n-list-info n-list-link ptb10">';
			    content += '<h4 class="c-333 c-f17">' + diseaseName + '</h4>';
				content += '<span class="list-icon arrow-right" style="right: 15px;"></span>';						
				content += '</div>';
			$li.innerHTML = content;
			$list.appendChild($li);	                     
        }
		$(".n-list-li").click(function() {
			var code = this.getAttribute("data-code");
			var name = this.getAttribute("data-name");
			window.open("patients-consult-info.html?disease=" + code + "&diseaseName=" + encodeURI(name));
		})
	}
	//跳转公共咨询详情页
	function publicdetail(code){
		//window.location.href = "public-consult-detail.html?code=" + code;
		window.open("public-consult-detail.html?code=" + code);
	}
    //跳转到添加问题的界面
    function add(){   
    	window.open("public-consult-add.html");
	}
</script>
</body>
</html>

html/zxwz/html/teachers-consult-commit.html

@@ -0,0 +1,144 @@
<!doctype html>
<html>
	<head>
	    <meta charset="utf-8">
	    <title>提交医生咨询</title>
	    <meta name="format-detection" content="telephone=no"/>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
	    <meta name="apple-mobile-web-app-capable" content="yes"/>
	    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	    <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
	    <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
	    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
	    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
	    <link rel="stylesheet" type="text/css" href="../css/zx-style.css">
	    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	    <script src="../../../js/jquery/2.1.3/jquery.js"></script>
	    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	    <link rel="stylesheet" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css"/>
	    <script src="../../../js/app.js"></script>
	    <script src="../../../js/common_http.js"></script>
	    <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	    <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	    <script type="text/javascript" src="../../../js/commit_validate.js" ></script>
	    <script src="../js/sanshitijiao.js" type="text/javascript" charset="utf-8"></script>	    	    
	</head>
	<body>
		<div class="main">
			<!--<div class="h45">
		        <div class="demo-comtop">
		            <a class="mui-action-back"></a>
		            <h1>提交三师咨询记录</h1>
		        </div>
		    </div>-->
		    <ul class="n-list c-border-tb mt10 doc-detail">
				<li class="list-arrow-d ptb12">
					<div class="n-list-key pr15 c-f17">签约类别</div>
					<div class="n-list-info c-t-right">
						<input id="txtTypeName" type="text" class="r-input c-5b5b5b" value="" placeholder="请选择签约类别" readonly/>
						<input id="txtTypeCode" style="display: none;"/>
					</div>
				</li>
			</ul>
			<ul class="n-list c-border-tb mt10 doc-detail">
				<li class="ptb12">
					<div class="n-list-key pr15 c-f17">咨询医生</div>
					<div class="n-list-info c-t-right">
						<label id="lbl_doctor"></label>
					</div>
				</li>
			</ul>
		    <ul class="n-list c-border-tb mt10 doc-detail">
				<li class="list-arrow-d ptb12 ill-time">
					<div class="n-list-key pr15 c-f17"><i class="required"></i>发病时间</div>
					<div class="n-list-info c-t-right">
						<input id="txtWhen" type="text" data-time="illTime" class="r-input c-5b5b5b" value="" placeholder="请选择发病时间" readonly/>
					</div>
				</li>
			</ul>
		    <ul class="n-list c-border-tb mt10 doc-detail">
				<li class="ptb12">
					<div class="n-list-key pr15 c-f17"><i class="required"></i>主要症状</div>
				</li>
				<li class="n-list-cover ptb12">
					<div class="n-list-info">
						<textarea id="txtContent" class="r-textarea" rows="4" placeholder="请尽可能详细描述您的症状，疾病和身体状况，以便医生更好的提供意见（请至少输入10个字）。"></textarea>
					</div>
				</li>
			</ul>
		    <div class="mod mod-record mt15">
		    	<!--新增图片上传-->
				<ul class="n-list">
					<li class="ptb12">
						<div class="n-list-key pr15 c-f17">上传报告、照片</div>
						<div class="n-list-info c-t-right">
							<p class="c-ccc c-f12 c-t-right img-count" id="image_tips">0/9</p>
						</div>
					</li>
					<li class="n-list-cover ptb12">
						<div class="upload-img mt10">
							<ul id="img_ul">
								<li id="add_img_li">
									<a href="javascript:;" class="add-btn" onclick="chooseImage()"></a>
								</li>
							</ul>
						</div>
					</li>
				</ul>
		        <div class="bd" style="display: none;">
		            <div class="broadcast mt5">
		                <span class="broadcast-icon">
		                    <i class="iconfont icon-yuyin1" onClick="voicePop();"></i>
		                </span>
		                <span class="bg"></span>
		            </div>
		        </div>
		    </div>
		</div>
	    <div class="readed-explain mt50" style="display: none;">
	        <div class="input-group-checkbox">
	            <label>
	                <div class="input-group-pack checked" data-checked="true">
	                    <input type="checkbox" checked="checked">
	                    <span class="tick"></span>
	                </div>
	            </label>
	        </div>
	        <span>我已阅读<a href="javascript:;">咨询说明</a></span>
	    </div>
	    <div id="info" style="display:none;color: red;text-align: center"></div>
	    <div id="info2" style="display:none;color: green;text-align: center"></div>
	    <div class="mtb20 mlr15">
	        <a id="commit" href="javascript:;" class="c-btn c-btn-4dcd70 c-btn-full c-btn-radius c-f18">提交咨询</a>
	    </div>
	    <br />
	    <![endif]-->
	    <!--上传图片-->
		<div class="over-lay" style="display:none;"></div>
		<div class="ins-img-btn" style="display:none;">
			<div class="mlr10"> 
				<a href="javascript:void(0);" onclick="galleryImgs();" class="c-btn c-btn-fff c-btn-full c-btn-large">从相册中选择</a>
				<a href="javascript:void(0);" onclick="appendByCamera();" class="c-btn c-btn-fff c-btn-full c-btn-large">立即拍照</a> 
				<a href="javascript:void(0);" class="c-btn c-btn-fff c-btn-full c-btn-large mt10 mb10" data-btn="cancelOver">取消</a> 
			</div>
		</div>  
	    <!-- 录音 -->
		<div class="win-broadcast c-hide">
			<span class="bg"></span>
			<p class="c-666 c-f14 c-t-center title word">倾听中</p>
			<div>
				<i class="broadcast"></i>
			</div>
			<ul class="c-666 c-f14 c-t-center mt5 stop word">
				<li class="width-50 fl c-border-r c-boxs win-finish" id="voice-finish">说完了<span class="c-ff8011">(60秒)</span></li>
				<li class="width-50 fl win-cancle" onClick="voicePopClose();">取消</li>
			</ul>
		</div>
		<div class="win-broadcast-mb"></div>  
		<script>
			var d = dialog({contentType:'load', skin:'bk-popup'});
			var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
		</script>
	</body>
</html>

html/zxwz/html/teachers-consulting-list.html

@@ -0,0 +1,219 @@
<!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/wy-style.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../css/zx-style.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>	
    	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>三师咨询记录</h1>
				</div>
			</div>-->
			<div class="h50" >
				<div class="labhold c-boxs c-border-b" >
					<ul class="c-lab-mor c-f17">
						<li id="unfinish_tab" class="hit"><a href="javascript:;">进行中</a></li>
						<li id="end_tab"><a href="javascript:;">已关闭</a></li>
						<!--<li id="cancel_tab"><a href="javascript:;">已取消</a></li>-->
					</ul>
				</div>
			</div>
			<div id="item1" class="solve-list">
				<ul class="c-list c-border-b" id="unfinish_list">
				</ul>
				<a href="javascript:;" class="view-more c-5b5b5b" id="view_more_unfinish">点击查看更多</a>
			</div>
			<div id="item2" class="solve-list" style="display:none;">
				<ul class="c-list c-border-b" id="finish_list">
				</ul>
				<a href="javascript:;" class="view-more c-5b5b5b" id="view_more_finish">点击查看更多</a>
			</div>
			<!--<div id="item3" class="solve-list" style="display:none;">
				<ul class="c-list c-border-b" id="cancel_list">
				</ul>
				<a href="javascript:;" class="view-more c-5b5b5b" id="view_more_cancel">点击查看更多</a>
			</div>-->
		</div>		
		<script type="text/javascript">
			var d = dialog({contentType:'load', skin:'bk-popup'});
			var pagetype = 13;
			//分页参数
			var id1 = 0;
			var id2 = 0;
			var id3 = 0;
			$(function() {
				$(".c-lab-mor li").click(function() {
					$(".c-lab-mor li").removeClass("hit");
					$(this).addClass("hit");
					$(".solve-list").hide().eq($(this).index()).show();
				});
		        checkUserAgent();
			})
			
			function queryInit(){
				var pageSize = 15;
				//初始化列表
				fillList(0, "item1", "unfinish_list", id1, pageSize);
				fillList(1, "item2", "finish_list", id2, pageSize);
//				fillList(-1, "item3", "cancel_list", id3, pageSize);
				//点击加载更多
				document.getElementById('view_more_unfinish').addEventListener("tap", function() {
					fillList(0, "item1", "unfinish_list", id1, pageSize);
				});
				document.getElementById('view_more_finish').addEventListener("tap", function() {
					fillList(1, "item2", "finish_list", id2, pageSize);
				});
//				document.getElementById('view_more_cancel').addEventListener("tap", function() {
//					fillList(-1, "item3", "cancel_list", id3, pageSize);
//				});
			}
			
			//填充列表
			function fillList(type, tab_id, listId, id, pageSize) {
				d.show();
				var userAgent = window.localStorage.getItem(agentName);
				var data = {};
				data.status = type; //咨询状态  0未结束，1已结束，-1 已取消
				data.id = id;
				data.pagesize = pageSize;
				$.ajax(server + "patient/consult/list", {
					data: data,
					type: 'POST',
					dataType: 'json',
					beforeSend: function(request) {
			            request.setRequestHeader("userAgent", userAgent);
			        },
					error: function(res) {
						if(res.status == 999 || res.status == 998 || res.status == 997){
							loginUrl(res.status);
							return;
						}
						getfail(tab_id);
					},
					success: function(res) {
						if(res.status == 999 || res.status == 998 || res.status == 997){
							loginUrl(res.status);
						}
						else if (res.status == 200) {								
							if (res.list.length > 0) {								
								var list = res.list;
								var $list = document.querySelector("#" + listId);
								for (var i = 0; i < list.length; i++) {
									var $li = document.createElement("li");
									var consultCode = list[i].code;
									var status = list[i].status;
									var comment = list[i].comment;
									$li.setAttribute('data-code', consultCode);
									$li.className = "c-list-text c-list-link c-list-cover";
									var content = '<div class="c-list-info">';
									content += '<h4 class="c-nowrap c-333 c-f17">'+ list[i].title + '</h4>';
									content += '<p class="c-nowrap c-333 c-f15">' + list[i].when + '</p>';
									content += '<p class="c-nowrap c-333 c-f15">' + list[i].time + '</p>';
//									if(status == 1){
//										if (comment == null || comment == '') {
//											content += '<span class="fr c-909090">';
//											content += '	<a onclick="jumpComment(\'' + list[i].code +'\')" class="c-btn-r c-btn-full-r c-btn-maincolor c-btn-rounded">';
//											content += '立即评价</a></span>';
//										} else {
//											content += '<span class="fr c-909090">已评价</span>';
//										}
//									}
//									else{
//										content += '<span class="list-icon arrow-right"></span>';
//									}
									content += '<span class="list-icon arrow-right"></span>';
									content += ' </div>';
									$li.innerHTML = content;
									$list.appendChild($li);
									if(status == 0 || status == 1){
										//绑定点击跳转
										$li.firstChild.addEventListener("tap", function() {
											window.open("consulting-doctor.html?status=" + status + "&consult=" + this.parentElement.getAttribute("data-code"));
										});
									}
									switch (status) {
										case 0:
											id1 = list[i].id;
											break;
										case 1:
											id2 = list[i].id;
											break;
										case -1:
											id3 = list[i].id;
											break;
										default:
											break;
									}
								}
							} else {
								notmore(tab_id);
							}
							d.close();
						} else {
							getfail(tab_id);
						}
					}
				});	
			}
			//跳转到评价页面
			function jumpComment(code) {
				window.location.href = "../../zxwz/html/consulting-evaluate4.html?code=" + code;
			}
			
			function getfail(tab_id){
				d.close();
				switch (tab_id) {
					case "item1":
						document.querySelector("#view_more_unfinish").innerText = "数据加载失败";
						break;
					case "item2":
						document.querySelector("#view_more_finish").innerText = "数据加载失败";
						break;
					case "item3":
						document.querySelector("#view_more_cancel").innerText = "数据加载失败";
						break;
					default:
						break;
				}
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
			}
			
			function notmore(tab_id){
				switch (tab_id) {
					case "item1":
						document.querySelector("#view_more_unfinish").innerText = "已无更多";
						break;
					case "item2":
						document.querySelector("#view_more_finish").innerText = "已无更多";
						break;
					case "item3":
						document.querySelector("#view_more_cancel").innerText = "已无更多";
						break;
					default:
						break;
				}
			}
		</script>
	</body>
</html>

html/zxwz/html/yuyueguo-record-more.html

@@ -0,0 +1,126 @@
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>就诊记录</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="../../../css/cross.css">
		<link rel="stylesheet" href="../../../css/cross.ui.css">
		<link rel="stylesheet" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/zx-style.css">
	</head>
	<body class="bgc-f3f3f3">
		<!--<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1>预约过的医生</h1>
			</div>
		</div>		-->
		<div class="">
			<ul class="c-list" id="ul_order">
				<!--<li class="c-list-cover">
					<div class="c-avatar-m">
						<img class="c-images-cycle" src="../../../images/d-default.png">
					</div>
					<div class="c-list-info ptb10">
					<h4 class="c-nowrap c-333 c-f17">徐小鹏<span class="title"></span>
                    <span class="ml5 c-666 c-f14">内科</span>
					</h4>
					<p class="c-333 c-f15 pt5">厦门第一医院</p>
					</div>
				</li>-->
			</ul>
		</div>
		<div style="text-align: center;">
			<a href="javascript:;" class="view-more c-5b5b5b" id="view_more">点击查看更多</a>
		</div> 
	</body>
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script type="text/javascript" src="../cross/js/cross.ui.js"></script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script type="text/javascript">	
		var d = dialog({contentType:'load', skin:'bk-popup'});
		var id = 0;
		var pageSize = 15;
		$(function() {		
			queryAppoList();			
			//点击加载更多			
			document.getElementById('view_more').addEventListener("tap", function() {	
				queryAppoList();
			});
		});		
		function queryAppoList() {
			d.show();
			var data = {};
			var uid = "";
			var userAgent = window.localStorage.getItem(agentName);
			if(userAgent){
				var jsonstr = $.parseJSON(userAgent);
				uid = jsonstr.uid;
			}
			data.patient = uid;
			data.id = id;
			data.pagesize = pageSize;
			sendPost("user/guaihao/appoDoctor", data, "json", "post", queryListFailed, queryAppoListSuccesss);
		}
		function queryListFailed(res) {
			d.close();
			if (res && res.msg) {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
			} else {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
			}
		}
		
		function queryAppoListSuccesss(res) {
			if (res.status == 200) {
				if (res.list.length > 0) {					
					var list = res.list;
					var $list = document.querySelector("#ul_order");
					for (var i = 0; i < list.length; i++) {
						var $li = document.createElement("li");
						id = list[i].id;
						var doctorName = list[i].doctorName;
						var deptName = list[i].deptName;
						var orgName = list[i].orgName;
						if(!doctorName) doctorName = "";
						if(!deptName) deptName = "";
						if(!orgName) orgName = "";
						$li.className = "c-list-cover";
						var content = '<div class="c-avatar-m"><img class="c-images-cycle" src="../../../images/d-default.png"></div>';
						content += '<div class="c-list-info ptb10">';
						content += '<h4 class="c-nowrap c-333 c-f17">';
					    content += doctorName;
						content += '<span class="title"></span>';
	                    content += '<span class="ml5 c-666 c-f14">' + deptName + '</span>';
						content += '</h4>';
						content += '<p class="c-333 c-f15 pt5">' + orgName + '</p>';
						content += ' </div>';
						$li.innerHTML = content;
						$list.appendChild($li);							
					}
				} else {
					document.querySelector("#view_more").innerText = "已无更多";
				}
				d.close();
			} else {
				//非200则为失败
				queryListFailed(res);
			}
		}
		
		
	</script>
</html>

html/zxwz/js/common.js

@@ -0,0 +1,79 @@
//咨询列表查询接口
var data = {};
data.patientCode = "222"
data.status = 1 //咨询状态 1未结束，2已结束，-1 已取消
data.page = 1;
data.size = 15;
mui.get("http://192.168.5.133:8080/ssgg/patient/consult/list", data, function(res){
	console.info(res);
	if(res.status == '200'){
		/*mui.openWindow({
			url: 'phone-consulting-register-success.html',
			id: 'phone-consulting-register-success'
		});*/
	}
});
//聊天发送接口
var data = {};
data.consult = "11";
data.content = "22";
mui.post("http://192.168.5.133:8080/ssgg/patient/consult/reply", data, function(res){
	console.info(res);
	if(res.status == '200'){
		/*mui.openWindow({
			url: 'phone-consulting-register-success.html',
			id: 'phone-consulting-register-success'
		});*/
	}
});
//聊天记录查询
var data = {};
data.consult = "11";
data.doctorCode = "22";
data.page = 1;
data.pageSize = 15;
mui.post("http://192.168.5.133:8080/ssgg/patient/consult/record", data, function(res){
	console.info(res);
	if(res.status == '200'){
		/*mui.openWindow({
			url: 'phone-consulting-register-success.html',
			id: 'phone-consulting-register-success'
		});*/
	}
});
//网络评价接口
var data = {};
data.doctorCode = "22";
data.userCode = "33";
data.uname = "r4";
data.content = "好";
data.star = "5";
mui.post("http://192.168.5.133:8080/ssgg/patient/consult/comment_commit", data, function(res){
	console.info(res);
	if(res.status == '200'){
		/*mui.openWindow({
			url: 'phone-consulting-register-success.html',
			id: 'phone-consulting-register-success'
		});*/
	}
});
//我的随访列表接口
var data = {};
data.patientCode = "111";
data.page = 1;
data.size = 15;
mui.post("http://192.168.5.133:8080/ssgg/patient/followup/record", data, function(res){
	console.info(res);
	if(res.status == '200'){
		/*mui.openWindow({
			url: 'phone-consulting-register-success.html',
			id: 'phone-consulting-register-success'
		});*/
	}
});

html/zxwz/js/consulting-doctor.js

@@ -0,0 +1,506 @@
var d = dialog({contentType:'load', skin:'bk-popup'});
var dd = dialog({contentType:'load', skin:'bk-popup', content:'发送中...'});
var userAgent = window.localStorage.getItem(agentName);
var dialroll;			
var doctorInfo;
var content = "";	
var timeStr = "";
var id = 0;
var pagesize = 10;
var Request = new Object();
Request = GetRequest(); 
var consult = Request["consult"];
var status = Request["status"];
var docMsg = 0;	
		
$(function() {					
	checkStatus();	
	//点击内容区域输入框失焦
	$('#talkwrap').click(function(){
		$("#chatTxtCon").blur();
		dialroll.refresh();
	    dialroll.scrollTo(0, dialroll.maxScrollY);
	    return false;
    });
	//发送以后定位至最底部
	$(".talk-send a").click(function() {
		send();
	});			
	//从后台那边获取签名等信息
	var params = {};
	var url1 = "";
	if(status == 0 || status == 1){
		url1 = server + "wx/html/zxwz/html/consulting-doctor.html?status=" + status + "&consult=" + consult;
	}else{
		url1 = server + "wx/html/zxwz/html/consulting-doctor.html?consult=" + consult;
	}
	params.pageUrl = url1;
	$.ajax(server + "weixin/getSign", {
		data: params,
		dataType: "json",
		type: "post",
		success: function(res){
			if (res.status == 200) {						
				var t = res.data.timestamp;
				var noncestr = res.data.noncestr;
				var signature = res.data.signature;
				wx.config({
				    appId: appId, // 必填，公众号的唯一标识
				    timestamp: t, // 必填，生成签名的时间戳
				    nonceStr: noncestr, // 必填，生成签名的随机串
				    signature: signature,// 必填，签名，见附录1
				    jsApiList: [
				    	'chooseImage',
				        'uploadImage'
				    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
				});
			} 
		}
	});
});
//控制“发送”按钮的变化
function sendBtn() {
	var tval = $(".talk-input input").val();
	if (tval != "") {
		$(".talk-send a").removeClass("disab");
	} else {
		$(".talk-send a").addClass("disab");
	}
}
//控制页面高度
function winSize(h) {
	var totH = $(window).height();
	$("#talkwrap").height(totH - h);
}
//判断记录的状态
function checkStatus(){
	d.show();
	if(status == 0 || status == 1){
		if(status == 0){
			$("#divBottom").show();
			$("#finish_list").show();
		    winSize(102);
		}else{
			$("#divBottom").hide();
			$("#finish_list").hide();
		    winSize(0);
		}
		//页面初始化查询
		queryList();
		var pulldownAction = function() {
			getPage(this);
		};
		dialroll = iscrollAssist.newVerScrollForPull($('.pull-iscroll-wrap'), pulldownAction, null);
		dialroll.refresh();
		dialroll.scrollTo(0, dialroll.maxScrollY);
		$(window).resize(function() {
			if(status == 0){
				winSize(102);
			}
			else{
				winSize(0);
			}
		});
	}else{
		var data = {};
		data.consult = consult;
		sendPost('patient/consult/status', data, 'json', 'post', queryFailed, querySuccess);				
	}
}	
function queryFailed(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'获取咨询记录状态失败'}).show(); 
	}
}
function querySuccess(res) {
	if (res.status == 200) {
		if(res.data == 0){
			$("#divBottom").show();
			$("#finish_list").show();
			winSize(102);
		}else{
			$("#divBottom").hide();
			$("#finish_list").hide();	
			winSize(0);
		}	
		//聊天记录填充
	    queryList();
		var pulldownAction = function() {
			getPage(this);
		};
		dialroll = iscrollAssist.newVerScrollForPull($('.pull-iscroll-wrap'), pulldownAction, null);
		dialroll.refresh();
		dialroll.scrollTo(0, dialroll.maxScrollY);
		$(window).resize(function() {
			if(res.data == 0){
				winSize(102);
			}
			else{
				winSize(0);
			}
		});
	} 
	else{
		queryFailed(res);
	}
}
//页面初始化
function queryList(){				
	var data = {};
	data.consult = consult;
	data.id = id;
	data.pagesize = pagesize;
	sendPost('patient/consult/loglist', data, 'json', 'post', queryFailed2, querySuccess2);
}
function queryFailed2(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
	}
}
function querySuccess2(res) {
	if (res.status == 200) {					
		var list = res.list;
		if (list && list.length > 0) {
			id = list[list.length - 1].id;
			docMsg = list[list.length - 1].type;
			for (var j = list.length-1; j >=0; j--) {								
				var reply = list[j];
				//type为1时，医生发的
				addReply(reply.type, reply.content, reply.time, reply.msgType, reply.doctorName);
			}
			dialroll.refresh();
			dialroll.scrollTo(0, dialroll.maxScrollY);
		}
		d.close();
	} 
	else{
		queryFailed2(res);
	}
}
//点击发送按钮
function send(){
	content = $("#chatTxtCon").val().replace(/\s+/g,"");
	if (content && content != null && content != "") {
		var now = new Date();
		timeStr = "";
		if(now.getMonth()<9){
			//补0
			timeStr = now.getFullYear() + "-0"+ (now.getMonth()+1) + "-" +now.getDate() +' '
			+ now.getHours() + ":" +now.getMinutes() + ":" +now.getSeconds();
		}else{
			timeStr = now.getFullYear() + "-"+ (now.getMonth()+1) + "-" +now.getDate() +' '
			+ now.getHours() + ":" +now.getMinutes() + ":" +now.getSeconds();
		}
		$("#chatTxtCon").blur();
		dialroll.refresh();
	    dialroll.scrollTo(0, dialroll.maxScrollY);
		dd.showModal();
		var data = {};
		data.consult = consult;
		data.content = utf16toEntities(content);
		data.type = 1;
		sendPost('patient/consult/append', data, 'json', 'post', submitFailed, submitSuccess);
	} else {
		return;
	}
}
function submitFailed(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 submitSuccess(res) {
	if (res.status == 200) {
		//置空
		$("#chatTxtCon").val("");
		$(".talk-send a").addClass("disab");
		addReply(2, content, timeStr, 1, "");
		dialroll.refresh();
		dialroll.scrollTo(0, dialroll.maxScrollY);
		dd.close();
	} else {
		submitFailed(res);
	}
}
	
//回复单条内容填写
var defaultPhoto = "../../../images/p-default.png";
var doctorDefaultPhoto = "../../../images/d-default.png";
function addReply(type, content, time, msgType, doctorName) {
	//time = time.substr(10);
	var doctorPhoto = doctorDefaultPhoto;
	var patientPhoto = defaultPhoto;
	var $div = $("<div></div>");
	if (type == 1) {
		if(msgType == 2){
			$div.addClass('talk-left');
			$div.addClass('clearfix');
			$div.html('<div class="leftpart"><img src="'+doctorPhoto+'" /><p style="font-size: 13px; text-align: center;">'+ doctorName + '</p></div> '
	                 +'<span class="talktime" style="width: 100%; left: 70px; top:-10px;">' + time+'</span>'
					 +'<div class="rightpart">'										
					 +'	<s class="rightjt jt-left"><s></s></s><img style="height: 150px; width: 100px;" src="'+getImgUrl(content)+'" onclick="viewImg(this)"/>'
					 +'</div>');
		}
		else{
			$div.addClass('talk-left');
			$div.addClass('clearfix');
			$div.html('<div class="leftpart"><img src="'+doctorPhoto+'" /><p style="font-size: 13px; text-align: center;">'+ doctorName + '</p></div> '
			         +'<span class="talktime" style="width: 100%; left: 70px; top:-10px;">' + time + '</span>'
					 +'<div class="rightpart">'
					 +'	<s class="rightjt jt-left"><s></s></s>'+content
					 +'</div>');
		}
						
	} else {
		if(msgType == 2){
			$div.addClass('talk-right');
			$div.addClass('clearfix');
			$div.html('<div class="leftpart"><img src="'+patientPhoto+'" /></div> '
			         +'<span class="talktime" style="width: 100%; position:absolute; right:-45%; top:-10px; float: right;">'+time+'</span>'
				     +'<div class="rightpart">'										
				     +'	<img style="height: 150px; width: 100px;" src="'+getImgUrl(content)+'" onclick="viewImg(this)"/>'
					 +'</div>');
		}
		else{
			$div.addClass('talk-right');
			$div.addClass('clearfix');
			$div.html ('<div class="leftpart"><img src="' + patientPhoto + '" /></div>'
			         + '<span class="talktime" style="width: 100%; position:absolute; right:-45%; top:-10px; float: right;">' + time + '</span>'
					 + '<div class="rightpart">' +  content + '</div>');
		}				
	}
	$(".talk-box").append($div);
}
//向上拉取更多
function addReplyBefore(type, content, time, msgType, doctorName) {
	//time = time.substr(10);
	var doctorPhoto = doctorDefaultPhoto;
	var patientPhoto = defaultPhoto;
	var $div = $("<div></div>");
	if (type == 1) {
		if(msgType == 2){
			$div.addClass('talk-left');
			$div.addClass('clearfix');
			$div.html('<div class="leftpart"><img src="'+doctorPhoto+'" /><p style="font-size: 13px; text-align: center;">'+ doctorName + '</p></div> '
	                 +'<span class="talktime" style="width: 100%; left: 70px; top:-10px;">' + time+'</span>'
					 +'<div class="rightpart">'										
					 +'	<s class="rightjt jt-left"><s></s></s><img style="height: 150px; width: 100px;" src="'+content+'" onclick="viewImg(this)"/>'
					 +'</div>');
		}
		else{
			$div.addClass('talk-left');
			$div.addClass('clearfix');
			$div.html('<div class="leftpart"><img src="'+doctorPhoto+'" /><p style="font-size: 13px; text-align: center;">'+ doctorName + '</p></div> '
			         +'<span class="talktime" style="width: 100%; left: 70px; top:-10px;">' + time+'</span>'
					 +'<div class="rightpart">'
					 +'	<s class="rightjt jt-left"><s></s></s>'+content
					 +'</div>');
		}
						
	} else {
		if(msgType == 2){
			$div.addClass('talk-right');
			$div.addClass('clearfix');
			$div.html('<div class="leftpart"><img src="'+patientPhoto+'" /></div> '
			         +'<span class="talktime" style="width: 100%; position:absolute; right:-45%; top:-10px; float: right;">'+time+'</span>'
				     +'<div class="rightpart">'										
				     +'	<img style="height: 150px; width: 100px;" src="'+getImgUrl(content)+'" onclick="viewImg(this)"/>'
					 +'</div>');
		}
		else{
			$div.addClass('talk-right');
			$div.addClass('clearfix');
			$div.html ('<div class="leftpart"><img src="' + patientPhoto + '" /></div>'
			         + '<span class="talktime" style="width: 100%; position:absolute; right:-45%; top:-10px; float: right;">' + time + '</span>'
					 + '<div class="rightpart">' +  content + '</div>');
		}				
	}
	$(".talk-box").prepend($div);
}
//页面初始化
function getPage(t){
	var data = {};
	data.consult = consult;
	data.id = id;
	data.pagesize = pagesize;
	$.ajax(server + "patient/consult/loglist", {
		data: data,
		type: 'POST',
		dataType: 'json',
		beforeSend: function(request) {
            request.setRequestHeader("userAgent", userAgent);
        },
		error: function(res) {
			if(res.status == 999 || res.status == 998 || res.status == 997){
				loginUrl(res.status);
				return;
			}
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:"加载失败"}).show(); 
		},
		success: function(res) {
			if(res.status == 999 || res.status == 998 || res.status == 997){
				loginUrl(res.status);
			}
			else if (res.status == 200) {
				var list = res.list;
				if (list && list.length > 0) {
					id = list[list.length - 1].id;								
					for (var j = 0; j < list.length; j++) {									
						var reply = list[j];
						//type为1时，医生发的
						addReplyBefore(reply.type, reply.content, reply.time, reply.msgType, reply.doctorName);
					}
				}
				t.refresh();
			} else {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show(); 
			}					
		}
	});	
}
//结束咨询
function finish(){
	dialog({
        title:'提示',
        content:'您确定结束这次咨询之旅了吗？',
        ok: function (){
	        var params = {}
	        params.code = consult;		        		        
			//发送ajax请求， 查询设备列表信息
			sendPost("patient/consult/finish", params, "json", "post", submitFailed3,finish_Successs);
			function finish_Successs(res){
				if (res.status == 200) {
					window.history.go(-1);
					//window.location.href = "teachers-consulting-list.html";
				}
				else{
					submitFailed3(res);
				}
			}					
        },
        cancel: function () {
			return;
        }
	}).showModal();
}			
function submitFailed3(res) {
	if (res && res.msg) {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'操作失败'}).show();
	}
}
//查看图片
function viewImg(dom) {
	var $img = $(dom);
	var thissrc = $img.attr("src");
	var mWid = $(window).width();
	var mHei = $(window).height();
	var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
	$("body").append(nHtml);
	$(".delimgpop").click(function() {
		$(this).remove()
	});
}
//微信上传图片
var serverId = "";
var images = [];
function chooseImage(){
	wx.chooseImage({
		count: 3,
        success: function (res) {
	        for (var i in res.localIds) {
	        	images.push(res.localIds[i]);
			} 
			dd.showModal();
			uploadImage();
        }
    });
}
function uploadImage(){
	if (images.length == 0) {
		dd.close();
        return;
   }
    var i = 0, length = images.length;
    serverId = "";
    var faillength = 0 ;
    function upload() {
	     wx.uploadImage({
	        localId: images[i],
	        isShowProgressTips: 0,
	        success: function (res) {
	        	faillength= 0;
	        	dd.close();
		        i++;
		        if(serverId.length == 0){
		        	serverId = res.serverId;
		        }
		        else{
		        	serverId =serverId + "," + res.serverId;
		        }          
		        if (i < length) {
		        	upload();
		        }
		        if(i == images.length){
		        	sendImages();
		        }          
	        },
	        fail: function (res) {
	          dd.close();
	          faillength+=1;
	          if(faillength<=5){
	          //失败从传
	          	upload();
	          }else{
	          	 alert(JSON.stringify(res));
	          }
	        }
	    });
    }
    upload();
}
//保存图片
function sendImages(){
	var now = new Date();
	timeStr = "";
	if(now.getMonth()<9){
		//补0
		timeStr = now.getFullYear() + "-0"+ (now.getMonth()+1) + "-" +now.getDate() +' '
		+ now.getHours() + ":" +now.getMinutes() + ":" +now.getSeconds();
	}else{
		timeStr = now.getFullYear() + "-"+ (now.getMonth()+1) + "-" +now.getDate() +' '
		+ now.getHours() + ":" +now.getMinutes() + ":" +now.getSeconds();
	}	
	var data = {};
	data.consult = consult;
	data.content = "";
	data.mediaIds = serverId;
	data.type = 2;
	sendPost('patient/consult/append', data, 'json', 'post', submitFailed, submitImageSuccess);
}
function submitImageSuccess(res) {
	if (res.status == 200) {
		dd.close();
		var imageList = res.data.split(',');
		for(var i=0; i < imageList.length; i++){
			addReply(2, imageList[i], timeStr, 2, "");
		}		
		dialroll.refresh();
		dialroll.scrollTo(0, dialroll.maxScrollY);		
	} else {
		submitFailed(res);
	}
}

html/zxwz/js/online-consulting.js

@@ -0,0 +1,182 @@
var d = dialog({contentType:'load', skin:'bk-popup'});
var pagetype = 1;
$(function(){
	switchTab(".pt-tab li",".pt-tab-list",".pt-tab-a");
	checkUserAgent();
})
function queryInit(){	
	doctorList();	
}
//选择项切换
function switchTab(tab,con,a) {
    $(tab).click(function(){
        $(tab).removeClass("hit");
        $(this).addClass("hit");
        $(con).hide().eq($(this).index()).show();
        $(a).hide().eq($(this).index()).show();
    })
}
//跳转医生咨询
function doctorConsult(){
	checkSign(1);
}
//公共咨询和病友圈跳转
function jumpPage(type1){
	window.location.href = "public-patients-consult.html?type=" + type1;
}
//咨询记录
function doctorList(){	
	d.show();
	var data = {};
	var uid = "";
	var userAgent = window.localStorage.getItem(agentName);
	if(userAgent){
		var jsonstr = $.parseJSON(userAgent);
		uid = jsonstr.uid;
	}
	data.patient = uid;
	data.id = 0;
	data.pagesize = 10;
	sendPost('user/guaihao/appoDoctor', data, 'json', 'post', queryFailed, queryRecordSuccess1);
}
//咨询记录
function consultRecord(){
	var data = {};
	data.id = 0;
	data.pagesize = 10;
	sendPost('patient/consult/records', data, 'json', 'post', queryFailed, queryRecordSuccess);
}
function queryFailed(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
	}
}
function queryRecordSuccess1(res) {	
	if (res.status == 200) {
		if (res.list.length > 0) {
			var list = res.list;
			var $list = document.querySelector("#online_doc_list");
			for (var i = 0; i < list.length; i++) {
				var $li = document.createElement("li");
				var doctorCode = list[i].doctorCode;
				$li.setAttribute('data-code', doctorCode);  
				var content = '<div class="pic"><img style="border-radius: 100px;" src="../../../images/d-default.png"></div>';
	            content += '<p class="c-333 c-f15 pt5">' + list[i].doctorName + '</p>';
				$li.innerHTML = content;
				$list.appendChild($li);
			}
		} else {
			document.querySelector("#view_more_1").removeAttribute("style");
		}
		consultRecord();
	} else {
		queryFailed(res);
	}
}
function queryRecordSuccess(res) {	
	if (res.status == 200) {
		if (res.list.length > 0) {
			var list = res.list;
			var $list = document.querySelector("#divRecoder");
			for (var i = 0; i < list.length; i++) {
				var $li = document.createElement("div");
				var consultCode = list[i].code;
				var symptoms = list[i].symptoms;
				var type = list[i].type;
				var czrq = list[i].czrq;
				
				var typeName = "";
				switch (type) {
					case 1:
						typeName = "三师咨询";
						break;
					case 2:
						typeName = "家庭咨询";
						break;
					case 3:
						typeName = "图文咨询";
						break;
					case 4:
						typeName = "公共咨询";
						break;
					case 5:
						typeName = "病友圈";
						break;
					default:
						break;
				}
				
				$li.setAttribute('data-type', type);
				$li.setAttribute('data-code', consultCode);
				$li.className = "n-list c-border-b";
				var content = '<div class="n-list-li n-list-link ptb12">';
				content += '<div class="n-list-info">';
				content += '<h4 class="c-333 c-f17">'+ typeName + '</h4>';
				content += '<p class="c-nowrap c-909090 c-f15" style="word-break: break-word;">症&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp状：' + symptoms + '</p>';
				content += '<p class="c-909090 c-f15">咨询时间：' + czrq + '</p>';
				content += ' </div>';
				content += ' </div>';
				$li.innerHTML = content;
				$list.appendChild($li);
			}
			$(".n-list").click(function() {
				var code = this.getAttribute("data-code");
				var type = Number(this.getAttribute("data-type"));
				switch (type) {
					case 1:
						window.location.href = "consulting-doctor.html?consult=" + code;
						break;
					case 2:
						window.location.href = "consulting-doctor.html?consult=" + code;
						break;
					case 3:
						break;
					case 4:
						window.location.href = "public-consult-detail.html?code=" + code;
						break;
					case 5:
						window.location.href = "patients-consult-detail.html?code=" + code;
						break;
					default:
						break;
				}
			});
		} else {
			document.querySelector("#view_more").removeAttribute("style");
		}		
		d.close();
	} else {
		queryFailed(res);
	}
}
//查询更多约过的医生
function yueguoMore(){
	window.location.href = "yuyueguo-record-more.html";
}
//查询更多咨询记录
function recordMore(){
	window.location.href = "consult-record-more.html";
}
function notOnline(){
	dialog({
	  	title:'提示',
	  	skin:"ui-dialog ax-popup pror", 
	  	content:"该功能暂未上线", 
	  	ok: function (){}
	}).showModal();
}

html/zxwz/js/sanshitijiao.js

@@ -0,0 +1,346 @@
$(function(){
	//填充下拉框
	querySignType();
	/* 复选框兼容  */
	$(document).on("click", ".input-group-pack > input[type=checkbox]", function() {
		var $cpChk = $(this).parent();
		if ($(this).attr("checked") == "checked") {
			$cpChk.removeClass("checked");
			$(this).removeAttr("checked");
		} else {
			$cpChk.addClass("checked");
			$(this).attr("checked", true);
		}
	});
    //弹窗   
    $('.broadcast-icon').on('click',function(){
        $('.broadcast-shadow-panel').removeClass('c-hide');
    });
    $('.win-cancle').on('click',function(){
        $('.broadcast-shadow-panel').addClass('c-hide');
    });   
    
    //从后台那边获取签名等信息
	var params = {};
	params.pageUrl = server + "wx/html/zxwz/html/teachers-consult-commit.html";
	$.ajax(server + "weixin/getSign", {
		data: params,
		dataType: "json",
		type: "post",
		success: function(res){
			if (res.status == 200) {
				var t = res.data.timestamp;
				var noncestr = res.data.noncestr;
				var signature = res.data.signature;
				wx.config({		
//					debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
				    appId: appId, // 必填，公众号的唯一标识
				    timestamp: t, // 必填，生成签名的时间戳
				    nonceStr: noncestr, // 必填，生成签名的随机串
				    signature: signature,// 必填，签名，见附录1
				    jsApiList: [
				    	'chooseImage',
				        'uploadImage'
				    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
				});
			} 
			else{
				dialog({
				  	title:'提示',
				  	skin:"ui-dialog ax-popup pror", 
				  	content:"获取微信签名失败", 
				  	ok: function (){}
				}).showModal();
				window.location.href = "online-consulting.html";
			}
		}
	});
	//提交咨询
	$("#commit").click(function() {
		var data = {};
		data.when = $("#txtWhen").val();
		data.type = Number($("#txtTypeCode").val());
		if($("#txtContent").val() == null)
			data.symptoms = "";
		else
			data.symptoms = utf16toEntities($("#txtContent").val().replace(/\s+/g,""));
		data.voice = "";
		if (validate(data)) {
			//验证通过执行
			dd.showModal();
            var images = getImages();
            if(images.length == 0){
            	doSubmit(data);
            }
            else{
				uploadImage(data);
			}
		}
	});
});
//查询签约类别
function querySignType(){
	d.show();
    sendPost('patient/sign_status', {}, 'json', 'post', querySignTypeFailed, querySignTypeSuccess);
}
function querySignTypeFailed(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'获取签约类别失败'}).show(); 
	}
}
function querySignTypeSuccess(res) {
	if (res.status == 200) {
		var arr_key=[];
        var arr_value=[];
        var sign = Number(res.data);
        if(sign == 1){
        	arr_key=[1];
        	arr_value=['三师团队'];        	
        }
        else if(sign == 2){
        	arr_key=[2];
        	arr_value=['家庭医生'];
        }
        else if(sign == 3){
        	arr_key=[1,2];
        	arr_value=['三师团队', '家庭医生'];
        }
        else{
        	arr_key=[];
        	arr_value=[];
        }
        //签约类型
		var option1 = {
			theme: 'ios',
			lang: 'zh',
			formatValue: function(d) {
				return d.join(',');
			},
			customWheels: true,
			wheels: [
				[{
					keys: arr_key,
					values: arr_value
				}]
			],
			onSelect: function(valueText, inst) {
				var dd = eval("[" + valueText + "]");
				$('#txtTypeCode').val(dd[0].keys);
				$('#txtTypeName').val(dd[0].values);
				$('#lbl_doctor').html(getSignDoctor(res,dd[0].keys));
			}
		};
		$('#txtTypeName').mobiscroll(option1);
		$('#txtTypeCode').val(option1.wheels[0][0].keys[0]);
	    $('#txtTypeName').val(option1.wheels[0][0].values[0]);
	    $('#lbl_doctor').html(getSignDoctor(res,option1.wheels[0][0].keys[0]));
	    //选择发病时间
		$('li.ill-time').mobiscroll({
			theme: 'ios',
			lang: 'zh',
			formatValue: function(d) {
				return d.join(',');
			},
			customWheels: true,
			wheels: [
				[{
					keys: ['0', '1', '2', '3', '4', '5'],
					values: ['最近24小时', '最近一周', '最近三个月', '最近一年', '一年以上', '不清楚']
				}]
			],
			onSelect: function(valueText, inst) {
				var dd = eval("[" + valueText + "]");
				$('input[data-time=illTime]').val(dd[0].values);
			}
		});
		d.close();
	} else {
		querySignTypeFailed(res);
	}
}
//获取医生信息
function getSignDoctor(data,type){
	var doctor_name = "";
	var doctor_type = "";
	switch(Number(type))
	{
		case 1:	
		    doctor_type = data.teamDoctors;
			break;
		case 2:
			doctor_type = data.familyDoctors;
			break;
		default:
			break;
	}
	for(var i=0; i < doctor_type.length; i++){
		doctor_name += doctor_type[i] + ",";
	}
	if(doctor_name.length > 0){
		doctor_name = doctor_name.substring(0, doctor_name.length-1);
	}
	return doctor_name;
}
//验证信息
function validate(data) {	
	if (data.type == '') {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请选择签约类别'}).show();
		return false;
	}
	if (data.when == '') {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请选择发病时间'}).show();
		return false;
	}
	if (data.symptoms.length < 10) {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请至少用10个字描述您的症状'}).show();
		return false;
	}
	if (data.symptoms.length > 500) {
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请在500字以内完成您的症状描述'}).show();
		return false;
	}
	if(!$(".input-group-pack > input[type=checkbox]").attr("checked")){
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请勾选"我已阅读咨询说明"'}).show();
		return false;
	}
	return true;
}
var serverId = "";
function chooseImage(){
	wx.chooseImage({
		count: 9-getImages().length,
        success: function (res) {
	        for (var i in res.localIds) {
				appendFile(res.localIds[i]);
			}        
        }
    });
}
function uploadImage(data){
	var images = getImages();
	if (images.length == 0) {
      return;
    }
    var i = 0, length = images.length;
    serverId = "";
    function upload() {
      wx.uploadImage({
        localId: images[i],
        isShowProgressTips: 0,
        success: function (res) {
          i++;
          if(serverId.length == 0){
          	serverId = res.serverId;
          }
          else{
          	serverId =serverId + "," + res.serverId;
          }          
          if (i < length) {
            upload();
          }
          if(i == images.length){
          	doSubmit(data);
          }          
        },
        fail: function (res) {
          alert(JSON.stringify(res));
        }
      });
    }
    upload();
}
// 添加文件
function appendFile(p) {
	var amount = getImages().length;
	if (amount >= 8) {
		$("#add_img_li").hide();
	}
	if(amount < 9){
		var $li = $('<li>' + '   <img src="' + p + '" data-src="' + p + '" onclick="viewImg(this)">' + '  <a href="javascript:;" class="del-img" onclick="delImg(this)"><i class="iconfont icon-laji"></i></a>' + '</li>');
		var $add_img_li = $("#add_img_li");
		$add_img_li.before($li);
		$("#image_tips").text(getImages().length + "/9");
	}
}
//获取需要上传的图片
function getImages() {
	var images = [];
	$("#img_ul").find("img").each(function() {
		var imgSrc = $(this).attr("data-src");
		images.push(imgSrc);
	});
	return images;
}
//查看图片
function viewImg(dom) {
	var $img = $(dom);
	var thissrc = $img.attr("data-src");
	var mWid = $(window).width();
	var mHei = $(window).height();
	var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
	$("body").append(nHtml);
	$(".delimgpop").click(function() {
		$(this).remove()
	});
};
//删除图片
function delImg(dom) {
	var $li = $(dom).parent();
	$li.remove();
	$("#image_tips").text(getImages().length + "/9");
	var amount = getImages().length;
	if(amount <= 8){
		$("#add_img_li").show();
	}
	return;
}
//微信sdk配置出错
wx.error(function (res) {
  alert("wx.error:" + res.errMsg);
});
//提交咨询
function doSubmit(data) {
	data.mediaIds = serverId;
	sendPost('patient/consult/add', data, 'json', 'post', submitFailed, submitSuccess);
}
function submitFailed(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 submitSuccess(res) {
	if (res.status == 200) {
		dd.close();
		window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + appId + "&redirect_uri=http%3a%2f%2f" + weixinUrl + "%2f" + urlName + "%2fwx%2fhtml%2fzxwz%2fhtml%2fteachers-consulting-list.html&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect";
		//window.location.href = "vedio-consulting-commit-success.html?type=2";
	} else {
		submitFailed(res);
	}
}
//function voicePop(n) {
//	$(".win-broadcast,.win-broadcast-mb").show();
//	$("#voice-finish").click(function() {
//		$("#voice" + n).show();
//		$(".win-broadcast,.win-broadcast-mb").hide();
//	});
//}
//
//function voicePopClose() {
//	$(".win-broadcast,.win-broadcast-mb").hide();
//}

html/zxwz/js/shipintijiao.js

@@ -0,0 +1,313 @@
mui.plusReady(function() {
	var self = plus.webview.currentWebview();
	var doctorCode = self.doctorCode;
	var dept =self.dept;
	var name = self.name;
	var src = self.photo;
	if (name) {
		document.getElementById("doc_name").innerHTML = name + '<span class="level ml5"><img src="../images/x2.png"></span>';
	}
	if (dept) {
		document.getElementById("doc_dept").innerHTML = dept;
	}
	if (src) {
		document.getElementById("doc_img").src = getImgUrl(src);
	}			
	var userAgent = plus.storage.getItem(agentName);
	if(userAgent){
		var jsonstr = $.parseJSON(userAgent);
		var uid = jsonstr.uid;	
		var name = decodeURI(jsonstr.name);
		document.getElementById("labName").innerHTML = name;
//		var params = {};
//		params.code = uid;	
//		mui.ajax(server + "patient/info", {
//			data: params,
//			type: 'POST',
//			dataType: 'json',
//			error: function(res) {
//				mui.toast('用户获取失败');
//				plus.nativeUI.closeWaiting();
//			},
//			success: function(res) {
//				plus.nativeUI.closeWaiting();
//				if (res.status == 200) {								
//					var name = res.data.name;
//					document.getElementById("labName").innerHTML = name;
//				} else {
//					mui.toast('用户获取失败')
//				}
//			}
//		});			
	}
	document.querySelector("#commit").addEventListener("tap", function() {
		var data = {};
		data.doctor = doctorCode;
		data.content = $("#remark").val();
		data.scheduling = "";
		data.appo_date = "2016-05-09";
		data.appo_week = 1;
		data.hour_begin = "08:30:00";
		data.hour_end = "18:00:00";
		if (validate(data)) {
			//验证通过执行
			//upload(data);
			plus.nativeUI.closeWaiting();
			mui.openWindow({
				url: "vedio-consulting-commit-success.html",
				id: "vedio-consulting-commit-success",
				extras: {
					type: 1
				},
				waiting: {
					autoShow: false
				}
			});
		}
	});
})		
//验证信息
function validate(data) {
	if (data.content == '') {
	    plus.nativeUI.closeWaiting();
		mui.toast('请详细描述您的症状');
		return false;
	}
	if (data.content.length > 500) {
	    plus.nativeUI.closeWaiting();
		mui.toast('请用500字以内完成您的症状描述');
		return false;
	}
	return true;
}
// 上传文件
function upload(data) {
	plus.nativeUI.showWaiting();
	var files = getImages();
	if (files.length <= 0) {
		data.images = "";
		data.imageUrls = "";
		doSubmit(data);
	} else {
		var task = plus.uploader.createUpload(server + 'upload/image', {
				method: "POST"
			},
			function(t, status) { //上传完成
				if (status == 200) {
					var jsonstr = $.parseJSON(t.responseText);
					if(jsonstr.status == 200){
						data.images = jsonstr.images;
						data.imageUrls = jsonstr.urls;
						doSubmit(data);
					}
					else {								
						plus.nativeUI.closeWaiting();
						mui.toast(jsonstr.msg);
					}
				} else {
					plus.nativeUI.closeWaiting();
					mui.toast("上传失败：" + status);
				}
			}
		);
		task.addData("client", "HelloH5+");
		task.addData("uid", getUid());
		for (var i = 0; i < files.length; i++) {
			var f = files[i];
			task.addFile(f, {});
		}
		task.start();
	}
}
//提交咨询
function doSubmit(data) {
	sendPost('patient/consult_movi/add', data, 'json', 'post', submitFailed, submitSuccess);
}
function submitFailed(res) {
	plus.nativeUI.closeWaiting();
	if (res && res.msg) {
		plus.nativeUI.toast(res.msg);
	} else {
		plus.nativeUI.toast("提交失败");
	}
}
function submitSuccess(res) {
	plus.nativeUI.closeWaiting();
	if (res.status == 200) {
		mui.openWindow({
			url: "vedio-consulting-commit-success.html",
			id: "vedio-consulting-commit-success",
			extras: {
				type: 1
			},
			waiting: {
				autoShow: false
			}
		});
		mui.toast('提交成功');
	} else {
		submitFailed(res);
	}
}
function voicePop(n) {
	$(".win-broadcast,.win-broadcast-mb").show();
	$("#voice-finish").click(function() {
		$("#voice" + n).show();
		$(".win-broadcast,.win-broadcast-mb").hide();
	});
}
function voicePopClose() {
	$(".win-broadcast,.win-broadcast-mb").hide();
}
$(function() {
	$('.broadcast-icon').on('click',function(){
        $('.broadcast-shadow-panel').removeClass('c-hide');
    });
    $('.win-cancle').on('click',function(){
        $('.broadcast-shadow-panel').addClass('c-hide');
    });
    
	//显示隐藏选择图片按钮
	$(".add-btn").on("click", function() {
		//getImages();
		$(".over-lay").show();
		$(".ins-img-btn").show();
	});
	$("[data-btn=cancelOver]").on("click", function() {
		$(".over-lay").hide();
		$(".ins-img-btn").hide();
	});
});
//查看图片
function viewImg(dom) {
	var $img = $(dom);
	var thissrc = $img.attr("date");
	var mWid = $(window).width();
	var mHei = $(window).height();
	var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
	$("body").append(nHtml);
	$(".delimgpop").click(function() {
		$(this).remove()
	});
};
//删除图片
function delImg(dom) {
	var $li = $(dom).parent();
	$li.remove();
	return;
}
/* 复选框兼容  */
$(document).on("click", ".input-group-pack > input[type=checkbox]", function() {
	var $cpChk = $(this).parent();
	if ($(this).attr("checked") == "checked") {
		$cpChk.removeClass("checked");
		$(this).removeAttr("checked");
	} else {
		$cpChk.addClass("checked");
		$(this).attr("checked", true);
	}
});
// 拍照添加文件
function appendByCamera() {
	plus.camera.getCamera().captureImage(function(p) {
		//拍照完成，隐藏选择对话框
		hideImageChooseDialog();
		plus.io.resolveLocalFileSystemURL(p, function(entry) {
			var localurl = entry.toLocalURL();
			appendFile(localurl);
		});
	}, function(e) {
		//取消拍照，隐藏选择对话框
		hideImageChooseDialog();
	});
};
//隐藏图片方法
function hideImageChooseDialog() {
	$(".over-lay").hide();
	$(".ins-img-btn").hide();
};
// 从相册添加文件
function appendByGallery() {
	plus.gallery.pick(function(p) {
		appendFile(p);
	});
}
// 从相册中选择多张图片 
function galleryImgs() {
	// 从相册中选择图片
	plus.gallery.pick(function(e) {
		for (var i in e.files) {
			appendFile(e.files[i]);
		}
	}, function(e) {
		//取消拍照，隐藏选择对话框
		hideImageChooseDialog();
	}, {
		filter: "image",
		multiple: true
	});
}			
// 添加文件
function appendFile(p) {
	var $li = $('<li>' + '   <img src="' + p + '" date="' + p + '" onclick="viewImg(this)">' + '  <a href="javascript:;" class="del-img" onclick="delImg(this)"><i class="iconfont icon-laji"></i></a>' + '</li>');
	var $add_img_li = $("#add_img_li");
	$add_img_li.before($li);
	$(".over-lay").hide();
	$(".ins-img-btn").hide();
}
// 产生一个随机数
function getUid() {
	return Math.floor(Math.random() * 100000000 + 10000000).toString();
}
//获取需要上传的图片
function getImages() {
	var images = [];
	$("#img_ul").find("img").each(function() {
		var imgSrc = $(this).attr("src");
		images.push(imgSrc);
	});
	return images;
}
//字数限制
function statInputNum(textArea, numItem) {
	var $text = $(textArea);
	var max = numItem;
	$text.on("input propertychange", function() {
		var $curText = $(this);
		var $count = $curText.siblings(".word-count");
		var curLength = $curText.val().length;
		if (curLength >= max) {
			var num = $curText.val().substr(0, max - 1);
			$curText.val(num);
			$count.text(max + "/" + max + "个字");
		} else {
			$count.text(curLength + "/" + max + "个字");
		}
	});
};
$.event.special.valuechange = {
	teardown: function(namespaces) {
		$(this).unbind('.valuechange');
	},
	handler: function(e) {
		$.event.special.valuechange.triggerChanged($(this));
	},
	add: function(obj) {
		$(this).on('keyup.valuechange cut.valuechange paste.valuechange input.valuechange', obj.selector, $.event.special.valuechange.handler)
	},
	triggerChanged: function(element) {
		var current = element[0].contentEditable === 'true' ? element.html() : element.val(),
			previous = typeof element.data('previous') === 'undefined' ? element[0].defaultValue : element.data('previous')
		if (current !== previous) {
			element.trigger('valuechange', [element.data('previous')])
			element.data('previous', current)
		}
	}
}

html/zxwz/js/ui_search_one.js

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