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

html/zxyy/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/zxyy/html/choose-doctor1.html

@@ -0,0 +1,123 @@
<!doctype html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta charset="utf-8">
    <title>选择医生</title>
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/app.js" ></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    <script src="../../../js/waitdialog.js" type="text/javascript"></script>
    <script src="../../../js/jquery/jquery-1.6.4.min.js" type="text/javascript"></script>
    <link href="../../../css/dialogstyle.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../../../js/date_common.js" ></script>
</head>
<body>
	<div class="c-main">
		<!--<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1>我的三师</h1>
			</div>
		</div>-->
		<div id="divSanshi">
		    <ul id="ulList" class="n-list tinmper"></ul>
	    </div>
	</div>
</body>
<script>
	var d = dialog({contentType:'load', skin:'bk-popup'});
	var Request = new Object();
	Request = GetRequest();
	var orgCode = Request["orgCode"];
	var deptCode = Request["deptCode"];
	
	$(function () {			
		query();
	});
	
	//查询三师信息列表
	function query() {
		d.show();
		var data={};
		data.OrgCode = orgCode;
		data.DeptCode = deptCode;
		data.strStart = getNowDate();
		data.strEnd = getDateBefore(-6);
		sendPost('user/guaihao/GetRegDeptDoctorList', data, 'json', 'post', queryFailed, querySuccess);
	}
	
	function queryFailed(res) {
		d.close().remove();
		if (res && res.msg) {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
		}
	}
	
	function querySuccess(res) {
		if (res.status == 200) {			
			var list = res.data;
			if(list.length > 0){
				for(var i=0; i<list.length; i++){
				 	addRow(list[i]);				 	
				}
				$(".n-list-li").click(function() {
					var doctor = this.getAttribute("data-code");
					var name = encodeURI(this.getAttribute("data-name"));
					var tech = encodeURI(this.getAttribute("data-tech"));
					var orgname = encodeURI(this.getAttribute("data-orgname"));
					var sex = this.getAttribute("data-sex");
					var deptname = encodeURI(this.getAttribute("data-deptname"));
					var fee = this.getAttribute("data-fee");
					var params = "&doctor=" + doctor + "&name=" + name + "&tech=" + tech + "&orgname=" + orgname + "&sex=" + sex + "&fee=" + fee + "&deptname=" + deptname;
					window.location.href = "input-info.html?orgCode=" + orgCode + "&deptCode=" + deptCode + params;
				});
			}
			d.close().remove();
		} else{
			queryFailed(res);
		}
	}
	
	function addRow(list) {
		var li = document.createElement("li");
		li.className = "n-list-li n-list-link list-arrow-r ptb12";
	    li.setAttribute('data-code', list.code);
	    li.setAttribute('data-name', list.name);
	    li.setAttribute('data-tech', list.tech);
	    li.setAttribute('data-orgname', list.orgname);
	    li.setAttribute('data-sex', list.sex);
	    li.setAttribute('data-deptname', list.deptname);
	    li.setAttribute('data-fee', list.fee);
	    var imageUrl = "../../../images/d-male.png";
	    if(list.sex == "2") imageUrl = "../../../images/d-female.png";
	    var tech = list.tech;
	    var dept = list.deptname;
	    var info = list.introduce;
	    if(!tech) tech = "";
	    if(!dept) dept = "";
	    if(!info) info = "";
		var html = '<div class="n-list-value pr15"><div class="doc-avatar"><img src="' + getImgUrl(imageUrl) + '" alt=""/></div></div>'
		html += '<div class="n-list-info pr10">';
		html += '<h4 class="c-333 c-f18">';
		html += list.name;
		html += ' <span class="c-666 c-f18 mlr10">' + tech + '</span>';
		html += '</h4>';
		html += '<p class="c-666 c-f18">科室：' + dept + '</p>';	
		html += '<p class="c-nowrap c-666 c-f18">简介：' + info + '</p>';
		html += '</div>';
		html += '<div class="n-list-info c-t-right last"><div class="c-btn c-btn-tiny c-btn-radius c-btn-4dcd70">预约挂号</div></div>';
		li.innerHTML = html;
		document.querySelector("#ulList").appendChild(li);
	}	
</script>
</html>

html/zxyy/html/hospital-dept.html

@@ -0,0 +1,93 @@
<!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/style.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../zxwz/css/zx-style.css">
	</head>
	<body>
		<div class="c-main" id="index-defult">
			<!--<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>		
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<link rel="stylesheet" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" type="text/css" />
		<script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script type="text/javascript" src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css" />
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script type="text/javascript">
			var d = dialog({contentType:'load', skin:'bk-popup'});
			var Request = new Object();
			Request = GetRequest();
			var orgCode = Request["orgCode"];
			$(function() {
				query();
			})
			function query(){
				d.show();
				var data = {};
				data.orgCode = orgCode;
				sendPost('user/guaihao/GetDeptListByOrg', data, 'json', 'post', queryFailed, querySuccess);
			}
			//查询失败
			function queryFailed(res) {
				d.close().remove();
				if (res && res.msg) {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
				} else {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
				}
			}
			function querySuccess(res) {
				if (res.status == 200) {
					if (res.data.length > 0) {					
						var list = res.data;
						var $list = document.querySelector("#divRecoder");
						for (var i = 0; i < list.length; i++) {
							var $li = document.createElement("div");
							var deptCode = list[i].code;
							var name = list[i].name;
							$li.setAttribute('data-code', deptCode);
							$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-f18">'+ name + '</h4>';
							content += ' </div>';
							content += '<span class="list-icon arrow-right"></span>';
							content += ' </div>';
							$li.innerHTML = content;
							$list.appendChild($li);							
						}	
						$(".n-list").on("tap", function() {
							var code = this.getAttribute("data-code");
							window.location.href = "choose-doctor1.html?orgCode=" + orgCode + "&deptCode=" + code;
						})
					} 					
					d.close().remove();
				} else {
					//非200则为失败
					queryListFailed(res);
				}
			}	
		</script>
	</body>
</html>

html/zxyy/html/input-info.html

@@ -0,0 +1,642 @@
<!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/style.css" type="text/css" />
	</head>
	<body>
		<div class="c-main">
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>填写信息</h1>
				</div>
			</div>-->
			<div class="doc-suggst c-border-b">
				<ul>
					<li class="s-nolink">
						<div class="doc-avatar"><img id="photo" src="" alt=""></div>
						<div class="doc-info pr10">
							<h4><span class="c-333 c-f18 mr10" id="name"></span><span id="jobname"></span></h4>
							<p class="c-nowrap"><label id="hospital"></label><i class="ml10" id="deptname"></i></p>
							<p class="c-nowrap">挂号费：<i class="c-ff8100" id="fee"></i></p>
						</div>
					</li>
					<!--<li class="doc-suggst-charge">
						<div class="charge-mess">
							<p class="c-nowrap"><i class="c-666">账号余额：</i><i class="c-ff8100">20元</i></p>
							<p class="c-nowrap"><i class="c-ff8100">您的账户余额不足请及时补足余额</i></p>
						</div>
						<div class="charge-link"><i class="c-007cd9 c-f15">充值</i></div>
						<span class="arrow-right"></span>
					</li>-->
				</ul>
			</div>
			<div class="mess-form c-border-tb mt10 c-f15">
				<ul>
					<li>
						<div class="mform-tit" onClick="timeChoo(this);">
							<h4 class="c-909090">就诊时间</h4>
							<input type="text" class="form-control width-100 no-border" placeholder="请选择就诊时间" id="jiuzhenrq" readonly="readonly">
							<input type="text" id="section_type" style="display: none;">
							<div id="date" class="mtmess"></div>
							<i class="arrow-right seljt"></i>
						</div>
						<div class="mform-con c-hide">
							<div class="mform-time c-f12 c-666">
								<div class="mtleft">
									<dl>
										<dt class="go-left" onClick="timeGoLeft();"><span><i class="arrow-right"></i></span></dt>
										<dd>
											<label>上<br />午</label>
											<label>下<br />午</label>
											<label>晚<br />上</label>
										</dd>
									</dl>
								</div>
								<div class="mtmid clearfix" id="time-hold">
									<div id="divpaiban" class="c-position-a" id="time-list"></div>
								</div>
								<div class="mtright">
									<dl>
										<dt class="go-right" onClick="timeGoRight();"><span><i class="arrow-right"></i></span></dt>
										<dd>
											<label></label>
											<label></label>
											<label></label>
										</dd>
									</dl>
								</div>
							</div>
							<!--<div class="mt-filter">
								<div class="input-group-checkbox">
									<div>
										<div class="input-group-pack" data-checked="true">
											<input type="checkbox">
											<span class="tick"></span>
										</div>
										只显示可约日期
									</div>
								</div>
							</div>-->
						</div>
					</li>
					<li>
						<div class="mform-tit" onClick="numChoo();">
							<h4 class="c-909090">选择号源</h4>
							<input type="text" class="mtmess" id="num-value" placeholder="请选择就诊号源" readonly="readonly"/>
							<i class="iconfont icon-haoyuan"></i>
						</div>
					</li>
					<li>
						<div class="mform-tit">
							<h4 class="c-909090">就诊人</h4>
							<span class="mtmess"><input type="text" id="human-value" placeholder="请填写就诊人姓名" value="" /></span>
							<!--<span class="mtmess" id="human-value"></span>-->
							<!--<i class="iconfont icon-jiuzhenren"></i>-->
						</div>
					</li>
					<li>
						<div class="mform-tit">
							<h4 class="c-909090">联系手机</h4>
							<span class="mtmess"><input type="text" id="mobile" maxlength="11" placeholder="请填写手机号码" value="" /></span>
						</div>
					</li>
					<li>
						<div class="mform-tit">
							<h4 class="c-909090">证件类型</h4>
							<span class="mtmess">身份证</span>
							<!--<label class="mtmess">
                    	    <select class="mf-select"><option>身份证</option><option>学生证</option></select>
                    	    <i class="iconfont icon-zhengjianleixing"></i>
                            </label>-->
						</div>
					</li>
					<li>
						<div class="mform-tit">
							<h4 class="c-909090">证件号码</h4>
							<span class="mtmess"><input type="text" id="idcard" maxlength="18" placeholder="请填写证件号码" value=""/></span>
						</div>
					</li>
					<li>
						<div class="mform-tit">
							<h4 class="c-909090">就诊卡号</h4>
							<span class="mtmess"><input type="text" placeholder="请填写就诊卡号" value="" id="ssc"/></span>
						</div>
					</li>
				</ul>
			</div>
			<div class="notice-box mt15 c-border-tb">
			<div class="nb-tit c-f18">
				<div class="input-group-checkbox">
					<div>
						<div class="input-group-pack checked">
							<input type="checkbox" checked="checked">
							<span class="tick"></span>
						</div>
						我已了解并同意以下规则
					</div>
				</div>
				<span class="arrow-right"></span>
			</div>
			<div class="nb-con c-f16 c-666" style="height: auto;">
				预约限制：每个用户每天只能预约三次，取消预约三次，若超过三次，当天就不能再预约和取消预约。 预约登记： 医保卡或市民健康卡（长期）要核对患者与提供的卡主名字是否相符。
			</div>
		</div>
		<div class="plr10 mt20 pb20">
			<a id="app_commit" class="c-btn c-btn-full c-btn-4dcd70 c-f18 border-radius-rounded">提交预约订单</a>
		</div>
		</div>
		<!--选择号源-->
		<div class="choosepop" id="numchoo">
			<span class="c-add">就诊时间  -  选择号源<i class="c-close" onClick="numclose()"></i></span>
			<div id="num-hold">
				<ul id="ulhaoyuan">					
				</ul>
			</div>
		</div>
		<!--就诊人-->
		<div class="choosepop" id="humanchoo">
			<span class="c-add">选择就诊人<i class="c-close" onClick="numclose()"></i></span>
			<div id="human-hold">
				<ul>
					<li onclick="humanValue(this)">李碧玉</li>
					<li onclick="humanValue(this)">杨旭</li>
					<li onclick="humanValue(this)">杨天琪</li>
					<li onclick="humanValue(this)">杨慧琳</li>
				</ul>
			</div>
			<div class="human-add"><a href="add-patient.html">添加就诊人</a></div>
		</div>
		<div class="choosepop-mb c-hide" onClick="numclose();"></div>
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.min.js"></script>
		<link rel="stylesheet" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css" type="text/css" />
		<script type="text/javascript" src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script type="text/javascript" src="../../../js/date_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">
			var d = dialog({contentType:'load', skin:'bk-popup'});
			var dd = dialog({contentType:'load', skin:'bk-popup', content:'预约中...'});
			var Request = new Object();
			Request = GetRequest();
			var orgCode = Request["orgCode"];
			var deptCode = Request["deptCode"];
			var doctor = Request["doctor"];
			var doctorname = decodeURI(Request["name"]);
			var tech = decodeURI(Request["tech"]);
			var orgname = decodeURI(Request["orgname"]);
			var sex = Request["sex"];
			var deptname = decodeURI(Request["deptname"]);
			var fee = Request["fee"];
			var srctime, srcnum, srchuman;
			var patient = "";
			var jsonStr = "";
			$(function() {				
				//显示医生信息
				if (doctorname) {
					document.getElementById("name").innerText = doctorname;
				}
				if (orgname) {
					document.getElementById("hospital").innerText = orgname;
				}
				if (sex) {
					if(sex == "1"){
						document.getElementById("photo").src = "../../../images/d-male.png";
					}
					else{
						document.getElementById("photo").src = "../../../images/d-female.png";
					}
				}
				if(deptname){
					document.getElementById("deptname").innerText = deptname;
				}
				if(tech){
					document.getElementById("jobname").innerText = tech;
				}
				if(fee){
					document.getElementById("fee").innerText = fee + "元";
				}		
				
				//须知
				$(".nb-tit").click(function() {
					var arrow = $(this).find(".arrow-right");
					if (arrow.hasClass("nhide")) {
						arrow.removeClass("nhide");
						$(this).find(".input-group-pack").addClass("checked").find("input").attr("checked", "true");
						$(this).siblings(".nb-con").show();
						var aT = $(".nb-tit").offset().top;
						$("body").scrollTop(aT);
					} else {
						arrow.addClass("nhide");
						$(this).find(".input-group-pack").removeClass("checked").find("input").removeAttr("checked");
						$(this).siblings(".nb-con").hide();
					}
				});
				//单选
				$(".input-group-radio").click(function() {
					$(this).siblings(".input-group-radio").find(".input-group-pack").removeClass("checked").find("input").removeAttr("checked");
					$(this).find(".input-group-pack").addClass("checked").find("input").attr("checked", "true");
				});
				//复选
				$(".input-group-checkbox").click(function() {
					if ($(this).find(".input-group-pack").attr("data-checked") == "true") {
						if ($(this).find(".input-group-pack").hasClass("checked")) {
							$(this).find(".input-group-pack").removeClass("checked").find("input").removeAttr("checked");
						} else {
							$(this).find(".input-group-pack").addClass("checked").find("input").attr("checked", "true");
						}
					}
				});
				//$('#jiuzhenrq').val(getNowDate());
				
				//查询当前预约患者信息
				var userAgent = window.localStorage.getItem(agentName);
				if(userAgent){
					var jsonstr = $.parseJSON(userAgent);
					patient = jsonstr.uid;
				}
				queryPatient();
				//提交预约
				document.querySelector("#app_commit").addEventListener("tap", function() {
					var data = {};
					data.patient = patient;
					data.name = document.getElementById("human-value").value;
					data.idcard = document.getElementById("idcard").value;
					data.ssc = document.getElementById("ssc").value;
					data.mobile = document.getElementById("mobile").value;
					data.section_type = $("#section_type").val();
					data.start_time = $("#jiuzhenrq").val() + " " + $("#num-value").val().split(" - ")[0];
					data.org_code = orgCode;
					data.org_name = orgname;
					data.dept_code = deptCode;
					data.dept_name = deptname;
					data.doctor_code = doctor;
					data.doctor_name = doctorname;
					data.doctor_photo = "";
					data.doctor_job = tech;
					if (validate(data)) {
						//验证通过执行
						dd.showModal();
			            doSubmit(data);
					}
				});
			});
			
			//验证信息
			function validate(data) {	
				if (data.section_type == '') {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请选择就诊时间'}).show();
					return false;
				}
				if (data.start_time == '') {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请选择号源'}).show();
					return false;
				}
				if (data.name == '') {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入就诊人姓名'}).show();
					return false;
				}
				if (data.mobile == '') {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入就诊人手机号'}).show();
					return false;
				}
				if (!isphone(data.mobile)) {
				    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'手机号格式不正确'}).show();
					return false;
				}
				if (data.idcard == '') {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入就诊人证件号'}).show();
					return false;
				}
				if (!isIdcard(data.idcard)) {
				    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'身份证格式不正确'}).show();
					return false;
				}
				if (data.ssc == '') {
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入就诊人医保卡号'}).show();
					return false;
				}
				if (!isSsc(data.ssc)) {
				    dialog({contentType:'tipsbox', skin:'bk-popup' , content:'医保卡号格式不正确'}).show();
					return false;
				}	
				if(!$(".input-group-pack > input[type=checkbox]").attr("checked")){
					dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请勾选"我已了解并同意以下规则"'}).show();
					return false;
				}
				return true;
			}
			
			function queryPatient(){
				d.show();
				var data = {};
				sendPost('patient/baseinfo', 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) {
					patient = res.data.code;
					var patientname = res.data.name;
					var mobile = res.data.mobile;
					var idcard = res.data.idcard;
					var ssc = res.data.ssc;
					if(patientname){
						document.getElementById("human-value").value = patientname;
					}
					if(mobile){
						document.getElementById("mobile").value = mobile;
					}
					if(idcard){
						document.getElementById("idcard").value = idcard;
					}
					if(ssc){
						document.getElementById("ssc").value = ssc;
					} 					
					d.close();
				} else {
					//非200则为失败
					queryFailed(res);
				}
			}
			//就诊时间
			function timeChoo(nth) {
				srctime = new IScroll('#time-hold', {
					eventPassthrough: true,
					scrollX: true,
					scrollY: false,
					preventDefault: false,
					click: true
				}),
				srcnum = new IScroll('#num-hold', {
					click: true
				}),
				srchuman = new IScroll('#human-hold', {
					click: true
				});
				var mc = $(nth).siblings(".mform-con");
				if (mc.is(":hidden")) {
					document.getElementById("divpaiban").innerHTML = "";
					paiban();
					mc.slideDown(200);
					var totH = $(window).width();
					var dlL = $("#time-list dl").length;
					$("#time-list dl").css("width", (totH - 80) / 4);
					$("#time-list").width((totH - 80) / 4 * dlL);
					srctime.refresh();
				} else {
					mc.slideUp(200);
				}							
			}
			
			function paiban(){
				d.show();
				var data = {};
				data.OrgCode = orgCode;
				data.DeptCode = deptCode;
				data.DocCode = doctor;
				data.strStart = getNowDate();
				data.strEnd = getDateBefore(-6);
				sendPost('user/guaihao/GetRegDeptDoctorSectionList', data, 'json', 'post', queryFailed, querySuccess2);
				function querySuccess2(res){
					if (res.status == 200) {						
						var list = res.data;
						if(list.length > 0){
							jsonStr = JSON.stringify(list);	
							for(var i=0; i < list.length; i++){
								var val = list[i];
								var dd = val.date;
								var d2 = val.date;
								var week = "";
								if(d){
									d2 = d2.split(" ")[0];
									week = new Date(d2).getDay();
									d2 = d2.substr(5,5);
								}
								var weekName = "";
								switch (week) {
									case "1":
										weekName = "周一";
										break;
									case "2":
										weekName = "周二";
										break;
									case "3":
										weekName = "周三";
										break;
									case "4":
										weekName = "周四";
										break;
									case "5":
										weekName = "周五";
										break;
									case "6":
										weekName = "周六";
										break;
									case "7":
										weekName = "周日";
										break;
									default:
										break;
								}
								var max = val.max;
								var time1 = val.time;
								var used = val.used;
								var sstatus = val.status;
								var dl = document.createElement("dl");
								var html = "";
								html += '<dt>' + d2 + '<br />' + week + '</dt>';
								html += '<dd>';
								if(sstatus == "1"){
									if(time1 == "a"){
										html += '<label><a href="javascript:;" class="mt-open" onClick="chooClose(this,\'' + dd + '\',\'' + time1 + '\')">预约</a></label>';
										html += '<label></label>';
										html += '<label></label>';
									}
									else{
										html += '<label></label>';
										html += '<label><a href="javascript:;" class="mt-open" onClick="chooClose(this,\'' + dd + '\',\'' + time1 + '\')">预约</a></label>';
										html += '<label></label>';
									}
								}
								else if(sstatus == "2"){
									if(time1 == "a"){
										html += '<label><a href="javascript:;" class="mt-full">约满</a></label>';
										html += '<label></label>';
										html += '<label></label>';
									}
									else{
										html += '<label></label>';
										html += '<label><a href="javascript:;" class="mt-full">约满</a></label>';
										html += '<label></label>';
									}
								}
								else{
									if(time1 == "a"){
										html += '<label><a href="javascript:;" class="mt-full">已过期</a></label>';
										html += '<label></label>';
										html += '<label></label>';
									}
									else{
										html += '<label></label>';
										html += '<label><a href="javascript:;" class="mt-full">已过期</a></label>';
										html += '<label></label>';
									}
								}
								html += '</dd>';
								dl.innerHTML = html;
								document.querySelector("#divpaiban").appendChild(dl);
							}							
						}
						d.close();				
					} else {
						//非200则为失败
						queryFailed(res);
					}
				}	
			}
			function timeGoLeft() {
				var divL = srctime.x;
				var srcW = Math.abs(divL) - $(window).width() + 80;
				if (srcW > 0) {
					srctime.scrollTo(-srcW, 0, 300);
				} else {
					srctime.scrollTo(0, 0, 300);
				}
			}
			function timeGoRight() {
				var divL = srctime.x;
				var srcW = $(window).width() - 80 + Math.abs(divL);
				if (Math.abs(srcW) > Math.abs(srctime.maxScrollX)) {
					srctime.scrollTo(srctime.maxScrollX, 0, 300);
				} else {
					srctime.scrollTo(-srcW, 0, 300);
				}
			}
			//关闭
			function chooClose(nth, dd, time1) {
				setTimeout(function() {
					$(nth).parents(".mform-con").slideUp(200);
				}, 300);
				haoyuan(dd);
				$("#jiuzhenrq").val(dd.split(" ")[0]);
				$("#section_type").val(time1);
				return false;
			}
			
			function haoyuan(h){
				document.getElementById("ulhaoyuan").innerHTML = "";
				$("#num-value").val("");
				var json1 = eval("(" + jsonStr + ")");
				if(json1.length > 0){
					for(var i=0; i < json1.length; i++){
						var list = json1[i];
						if(h == list.date){
							var sectionsList = list.sections;
							if(sectionsList.length > 0){
								for(var j=0; j < sectionsList.length; j++){
									var section = sectionsList[j];
									var start_time = section.start_time;
									var max = Number(section.max);
									var end_time = section.end_time;
									var used = Number(section.used);
									if(max == used) continue;
									var li = document.createElement("li");
									var html = start_time.split(" ")[1] + ' - ' + end_time.split(" ")[1];
									li.innerHTML = html;
									document.querySelector("#ulhaoyuan").appendChild(li);
								}
								$("#ulhaoyuan li").click(function() {
									numValue(this);
								});
							}
							break;
						}
					}
				}
			}
			
			//选择号源
			function numChoo() {
				var totH = $(window).height();
				$("body").height(totH).css("overflow", "hidden");
				$(".choosepop-mb,#numchoo").show();
				$("#num-hold").css("max-height", totH / 2 - 40);
				srcnum.refresh();
			}
			//选择
			function numValue(nth) {
				numclose();
				$("#num-value").val($(nth).html());
			}
			//选择就诊人源
			function humanChoo() {
				var totH = $(window).height();
				$("body").height(totH).css("overflow", "hidden");
				$(".choosepop-mb,#humanchoo").show();
				$("#human-hold").css("max-height", totH / 2 - 95);
				srchuman.refresh();
			}
			//选择
			function humanValue(nth) {
				numclose();
				$("#human-value").val($(nth).html());
			}
			//取消
			function numclose() {
				$(".choosepop-mb,.choosepop").hide();
				$("body").height("auto").css("overflow", "auto");
			}
			
			//提交咨询
			function doSubmit(data) {	
				sendPost('user/guaihao/WebRegisterVerify', 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) {
					window.location.href = "../../grzx/html/my-appointment.html";
				} else {
					submitFailed(res);
				}
			}
			
		</script>
	</body>
</html>