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

.project

@@ -0,0 +1,88 @@
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
	<name>厦门i健康（改版）</name>
	<comment>Create By HBuilder</comment>
	<projects>
	</projects>
	<buildSpec>
		<buildCommand>
			<name>com.pandora.projects.ui.MKeyBuilder</name>
			<arguments>
			</arguments>
		</buildCommand>
		<buildCommand>
			<name>com.aptana.ide.core.unifiedBuilder</name>
			<arguments>
			</arguments>
		</buildCommand>
	</buildSpec>
	<natures>
		<nature>com.pandora.projects.ui.MKeyNature</nature>
		<nature>com.aptana.projects.webnature</nature>
	</natures>
	<filteredResources>
		<filter>
			<id>1469583559246</id>
			<name></name>
			<type>10</type>
			<matcher>
				<id>org.eclipse.ui.ide.orFilterMatcher</id>
				<arguments>
					<matcher>
						<id>org.eclipse.ui.ide.multiFilter</id>
						<arguments>1.0-projectRelativePath-matches-false-false-bin</arguments>
					</matcher>
					<matcher>
						<id>org.eclipse.ui.ide.multiFilter</id>
						<arguments>1.0-projectRelativePath-matches-false-false-setting</arguments>
					</matcher>
				</arguments>
			</matcher>
		</filter>
		<filter>
			<id>1494213197448</id>
			<name></name>
			<type>26</type>
			<matcher>
				<id>org.eclipse.ui.ide.multiFilter</id>
				<arguments>1.0-name-matches-false-false-node_modules</arguments>
			</matcher>
		</filter>
		<filter>
			<id>1496799493701</id>
			<name></name>
			<type>26</type>
			<matcher>
				<id>org.eclipse.ui.ide.multiFilter</id>
				<arguments>1.0-name-matches-false-false-node_modules</arguments>
			</matcher>
		</filter>
		<filter>
			<id>1509086609964</id>
			<name></name>
			<type>26</type>
			<matcher>
				<id>org.eclipse.ui.ide.multiFilter</id>
				<arguments>1.0-name-matches-false-false-node_modules</arguments>
			</matcher>
		</filter>
		<filter>
			<id>1511748742815</id>
			<name></name>
			<type>26</type>
			<matcher>
				<id>org.eclipse.ui.ide.multiFilter</id>
				<arguments>1.0-name-matches-false-false-node_modules</arguments>
			</matcher>
		</filter>
		<filter>
			<id>1526524027113</id>
			<name></name>
			<type>26</type>
			<matcher>
				<id>org.eclipse.ui.ide.multiFilter</id>
				<arguments>1.0-name-matches-false-false-node_modules</arguments>
			</matcher>
		</filter>
	</filteredResources>
</projectDescription>

css/doc-style(--).css

@@ -0,0 +1,5367 @@
@charset "utf-8";
/* CSS Document */
body,
html {
	width: 100%;
	height: 100%;
	background: #f3f3f3;
	font-size: 13px;
	color: #333;
}
/*居民管理*/
/*copy*/
.bgc-dblue {
	background: #0171ee;
}
.bgc-orange {
	background-color: #ff9600;
}
.bgc-blue {
	background-color: #37a6ed;
}
.bgc-green {
	background-color: #2ccd5d;
}
.font-shadow {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.ls4 {
	letter-spacing: 4px;
}
.icon-link-box {
	padding: 10px;
	background: #fff;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
}
.icon-link {
	display: inline-block;
	text-align: center;
}
.icon-link span {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	position: relative;
}
.icon-link i.iconfont {
	color: #fff;
	font-size: 20px;
	line-height: 20px;
}
.icon-link em {
	display: inline-block;
	width: 100%;
	clear: both;
	margin-top: 5px;
	color: #5b5b5b;
	font-size: 12px;
}
.icon-link i.sub {
	position: absolute;
	display: inline-block;
	left: 32px;
	top: 0;
	color: #fff;
	text-align: center;
	height: 7px;
	width: 7px;
	background: #f00;
	border-radius: 50%;
}
.patient-face {
	width: 40px;
	height: 40px;
	margin: 12px 15px;
	position: relative;
}
.patient-face img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.patient-face em {
	position: absolute;
	display: inline-block;
	left: 32px;
	top: -4px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	height: 16px;
	line-height: 14px;
	min-width: 16px;
	background: #f00;
	border-radius: 16px;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 3px;
}
.patient-type span em {
	position: absolute;
	display: inline-block;
	color: #fff;
	text-align: center;
	height: 7px;
	width: 7px;
	background: #f00;
	border-radius: 50%;
	right: -4px;
	top: -5px;
}
.patient-type {
	width: 100%;
	padding: 15px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: box;
	display: -webkit-box;
	border-bottom: 1px solid #f1f1f1;
}
.patient-type h3 {
	display: -webkit-box;
	display: box;
	-webkit-box-flex: 1;
	box-flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}
.patient-type span,
.patient-type .arrow {
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}
.patient-type .arrow {
	margin-right: 6px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.patient-type .arrow .ui-arrow-r {
	border-left-color: #cdcdcd;
}
.patient-type span {
	position: relative;
	font-size: 12px;
	color: #909090;
}
.patient-list.current .patient-type .arrow {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 5px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.patient-list .c-list {
	display: none;
	border-bottom: 1px solid #f1f1f1;
}
.patient-list.current .c-list {
	display: block;
}
.my-patients {
	color: #5b5b5b;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
}
.my-patients span {
	color: #909090;
	padding-left: 5px;
}
/**/
.title-box {
	position: relative;
	min-height: 40px;
	margin: 0 15px;
}
.title-box h4 {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.patient-list.current .c-list {
	display: none;
}
.ss-secflo .patient-type {
	padding-left: 35px;
}
.ss-secflo ul.c-list li {
	padding-left: 55px !important;
	background: #f9f9f9;
}
.patient-list.current .patient-type .arrow {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	margin-top: 5px;
}
.patient-list.current .patient-type .arrow.open {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 5px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.patient-list .patient-type .arrow.open {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 5px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.title-box {
	min-height: 30px;
}
.ss-secflo.c-list .c-list-info > h4 em {
	color: #ff8100;
}
/*CSX*/
.main {
	height: 100%;
}
.ptb12 {
	padding-top: 12px;
	padding-bottom: 12px;
}
.word-bread {
	white-space: pre-wrap;
	word-wrap: break-word;
	word-wrap: break-all;
}
.c-ff5bd3 {
	color: #ff5bd3;
}
.c-ff8100 {
	color: #ff8100;
}
.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-u:after {
	right: 13px;
	margin-top: -2px;
	-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-title {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-pack: start;
	-moz-box-pack: start;
	box-pack: start;
}
.n-list-key,
.n-list-info {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
}
.n-list-info {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}
.n-list-flex {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}
.n-list > .n-list-function {
	border-top: none;
	padding-right: 0;
}
.n-list > .n-list-function .n-list-flex {
	border-top: 1px solid #f1f1f1;
}
.n-list > .n-list-function:first-child .n-list-flex {
	border-top: none;
}
.n-list > li:first-child,
.n-list > .n-list-function:first-child,
.n-list > .n-list-function:first-child .n-list-info,
.n-list > div:first-child {
	border: 0;
}
.n-list > .n-list-label {
	border-top: none;
	padding-right: 0;
}
.n-list .n-list-img {
	width: 100px;
	height: 68px;
	overflow: hidden;
	position: relative
}
.n-list .n-list-img img {
	width: 100%;
	height: auto;
}
.required {
	position: relative;
}
.required:before {
	content: "*";
	position: absolute;
	color: #f00;
	font-size: 14px;
	height: 12px;
	line-height: 12px;
	vertical-align: middle;
	left: -10px;
	top: 50%;
	margin-top: -5px;
}
.n-avatar-s,
.n-avatar-m,
.n-avatar-l {
	width: 26px;
	height: 26px;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}
.n-avatar-m {
	width: 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%;
}
/*健康历程*/
.health-course {
	position: relative;
	min-height: 100%;
	padding: 0 15px;
	z-index: 100;
}
.health-course:after {
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	background: #37a6ec;
	top: 0;
	left: 37px;
	z-index: 101;
}
.course-year {
	position: relative;
	z-index: 200;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 15px;
}
.course-year i {
	display: inline-block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background: #37a6ec;
}
.course-date-list {
	padding-bottom: 5px;
}
.course-date-list li {
	position: relative;
	padding-left: 40px;
	z-index: 200;
	margin-bottom: 15px;
}
.course-date-list li:after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #37a6ec;
	top: 30px;
	left: 17px;
	z-index: 201;
}
.coruse-date {
	height: 20px;
	font-size: 13px;
	color: #909090;
	padding-left: 1em;
}
.coruse-con {
	position: relative;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 7px 10px;
}
.coruse-con:after {
	position: absolute;
	top: 10px;
	left: -6px;
	content: "";
	width: 10px;
	height: 10px;
	border: 1px solid #e1e1e1;
	border-width: 0 0 1px 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.coruse-con p {
	font-size: 13px;
	color: #5b5b5b;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-wrap: break-all;
	padding: 3px 0;
}
.coruse-con p span {
	color: #333;
	padding-right: 5px;
}
/*随访*/
.doc-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}
.doc-avatar img {
	width: 100%;
	height: 100%;
}
.addp-list .input-group-addon {
	min-width: 100%;
	width: 90px;
	text-align: right;
}
.mem-top {
	background-color: #fafafa;
	position: relative;
}
.sffs-list li {
	position: relative;
}
.sffs-list .bgc-1 {
	background: #1fc1fd;
}
.sffs-list .bgc-2 {
	background: #ff9530;
}
.sffs-list .bgc-3 {
	background: #4ed964;
}
.sffs-list li .c-avatar-s {
	position: relative;
	overflow: inherit;
	vertical-align: middle;
}
.sffs-list li .c-list-action {
	top: 0px;
}
.mlnum {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 12px;
	height: 12px;
	background: #ec4300;
	text-align: center;
	line-height: 12px;
	font-size: 8px;
	color: #fff;
}
.sffs-list li .iconfont {
	font-size: 18px;
	color: #fff;
}
.sffs-list li .qytimes {
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -10px;
	font-size: 12px;
	color: #fff;
}
.sf-list-title {
	padding: 10px 15px;
	border-bottom: 1px solid #f1f1f1;
	font-size: 15px;
	color: #909090;
}
/*健康干预*/
.common-title {
	font-size: 13px;
	padding: 8px 15px;
	color: #5b5b5b;
}
.gy-list li {
	padding-top: 12px;
	padding-bottom: 12px;
}
.gy-list .n-list-key {
	padding: 0 15px 0px 0;
}
.gy-list .n-avatar-m {
	border-radius: 50%;
	overflow: hidden;
}
.bottom-btn {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 10px 15px;
	background: #f3f3f3;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gy-course-list {
	padding: 0 15px;
}
.gy-course-list li {
	position: relative;
	padding-left: 25px;
	z-index: 200;
	margin-bottom: 15px;
}
.gy-course-list li:after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #4dcd70;
	top: 10px;
	left: 0;
	z-index: 201;
}
.gy-con {
	position: relative;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 7px 10px;
}
.gy-con:after {
	position: absolute;
	top: 10px;
	left: -6px;
	content: "";
	width: 10px;
	height: 10px;
	border: 1px solid #e1e1e1;
	border-width: 0 0 1px 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.gy-con p {
	font-size: 13px;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-wrap: break-all;
	padding: 3px 0;
}
.dis-more span.rotate:after {
	top: 8px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
/*网络诊室*/
.pt-tab {
	font-size: 13px;
}
.pt-tab li.hit {
	border-bottom: 3px solid #4dcd70;
}
.pt-tab li a {
	color: #909090;
}
.pt-tab li.hit a {
	color: #4dcd70;
}
.wlzs-list li {
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	font-size: 13px;
	color: #5b5b5b;
	background: #fff;
	margin-top: 15px;
}
.wlzs-list li:first-child {
	border-top: none;
	margin-top: 0;
}
.icon-nan.fk,
.icon-nv.fk {
	background: #00acee;
	font-size: 14px;
	color: #fff;
	padding: 2px;
	border-radius: 2px;
}
.icon-nv.fk {
	background: #ff5bd3;
}
/*曲线*/
.curve-box {
	padding: 10px 0;
	background: #fff;
}
.curve-charts {
	width: 100%;
	height: 320px;
}
.chart-zt {
	text-align: right;
	padding: 10px 15px;
}
.chart-zt li {
	display: inline-block;
	margin-left: 15px;
}
.chart-zt li i {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.chart-title {
	text-align: center;
	padding: 10px 15px;
}
.chart-title li {
	display: inline-block;
	margin-right: 15px;
}
.chart-title li i {
	display: inline-block;
	width: 16px;
	height: 4px;
	margin-bottom: 3px;
}
.bgc-0ad800 {
	background: #0ad800;
}
.bgc-f00 {
	background: #f00;
}
.bgc-0ad800 {
	background: #0ad800;
}
.bgc-f00 {
	background: #f00;
}
.bgc-b6a2de {
	background: #b6a2de;
}
.bgc-5dd1d2 {
	background: #5dd1d2;
}
/*统计*/
.trend-tab li {
	height: 60px;
	padding-top: 10px;
}
.trend-tab li a {
	height: 38px;
	line-height: 20px;
	font-size: 13px;
	color: #333;
}
.trend-tab li a b {
	display: inline-block;
	width: 100%;
	clear: both;
	font-size: 18px;
}
.tj-title {
	font-size: 13px;
	color: #5b5b5b;
	padding: 10px 15px;
	background: #fff;
	border-bottom: 1px dotted #e1e1e1;
	border-top: 1px solid #e1e1e1;
}
.p-his-chart {
	position: relative;
}
.p-his-con {
	width: 100%;
	height: 360px;
}
.p-his-title {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	font-size: 15px;
	color: #333;
	text-align: center;
}
.cs-list li {
	position: relative;
	padding: 5px 0 5px 10px;
	font-size: 13px;
}
.cs-list li:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #666;
}
/* 对话 */
.my-team-top {
	width: 100%;
	height: 79px;
	background: #fff;
	border-bottom: 1px solid #e1e1e1;
	overflow-x: auto;
	overflow-y: hidden;
}
.my-team-top ul {
	height: 79px;
	width: 100%;
}
.my-team-top li {
	float: left;
	width: 33.33%;
	height: 70px;
	padding-top: 9px;
	text-align: center;
	color: #666;
	font-size: 13px;
}
.my-team-top li img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}
.advis-dialog-box {
	overflow-y: auto;
}
.advis-dialog .ditime {
	text-align: center;
	font-size: 12px;
	color: #aeaeae;
	line-height: 18px;
	padding-bottom: 8px;
}
.advis-dialog .ditime:before,
.advis-dialog .ditime:after {
	content: "";
	display: inline-block;
	width: 50px;
	height: 4px;
	background: transparent;
	margin: 0 10px;
	border-top: 1px solid #e6e4e1;
}
.dial-left .dialog {
	padding: 0 0 0 55px;
	position: relative;
	overflow: hidden;
}
.dial-left .dihead {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	overflow: hidden;
}
.dial-left .dihead img {
	width: 100%;
	height: 100%;
}
.dial-left .dicon {
	font-size: 13px;
	background: #fff;
	border: 1px solid #e1e1e1;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #333;
	float: left;
	word-break: break-all;
}
.dial-left .dicon:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 50px;
	width: 10px;
	height: 10px;
	border: 1px solid #e1e1e1;
	border-width: 0 0 1px 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.dial-right .dialog {
	padding: 0 55px 0 0;
	position: relative;
	overflow: hidden;
}
.dial-right .dihead {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
}
.dial-right .dihead img {
	width: 40px;
	height: 40px;
}
.dial-right .dicon {
	font-size: 13px;
	background: #bce0ff;
	border: 1px solid #81bdf7;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #5b5b5b;
	float: right;
	word-break: break-all;
}
.dial-right .dicon:before {
	position: absolute;
	content: "";
	top: 13px;
	right: 50px;
	width: 10px;
	height: 10px;
	border: 1px solid #81bdf7;
	border-width: 1px 1px 0 0;
	background: #bce0ff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.advis-end {
	background: #e6eef9;
	line-height: 20px;
	text-align: center;
}
.advis-end i {
	font-size: 18px;
	color: #ff8100;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.advis-end a {
	font-size: 14px;
	color: #157efb;
}
.advis-bot {
	width: 100%;
	height: 63px;
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 14px 93px 0 15px;
}
.advis-bot a {
	display: block;
	position: absolute;
	right: 15px;
	top: 14px;
	color: #333;
	font-size: 14px;
	padding: 0 18px;
	height: 33px;
	line-height: 33px !important;
	background: #f5f5f5;
	border: 1px solid #bebebe;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.advis-bot .askbtn {
	width: 100%;
	height: 35px;
	line-height: normal;
	border: 1px solid #bebebe;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 10px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
}
.chat-form {
	height: 45px;
	padding-left: 10px;
	padding-right: 10px;
}
.nopos {
	position: relative;
	bottom: auto;
	left: auto;
}
.chat-form .ui-col-0 {
	width: 44px;
	text-align: center;
}
.chat-form .ui-col-0 a {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	position: relative;
	top: 8px;
	color: #808080;
}
.chat-form .ui-col-0 a .iconfont {
	font-size: 30px;
	line-height: 30px;
}
.chat-input {
	height: 22px;
	font-size: 13px;
	line-height: 22px;
	border: 0;
	border-bottom: #4dcd70 1px solid;
	position: relative;
	top: 14px;
}
.chat-pictures-wrap {
	height: 100%;
	z-index: 2323;
	top: 0;
	left: 0;
	display: none;
}
.chat-pictures-bg {
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}
.chat-pictures-btn {
	bottom: 10px;
	left: 0
}
.chat-pictures-a {
	overflow: hidden
}
.chat-pictures-a a {
	height: 45px;
	line-height: 45px;
	display: block;
	font-size: 15px;
	color: #00a1d8;
	text-align: center;
	width: 100%;
	background-color: #fff;
	border-bottom: #e1e1e1 1px solid
}
.chat-pictures-a a:last-child {
	border-bottom: 0
}
.chat-pictures-a a em {
	display: inline-block;
	border: #00a1d8 1px solid;
	border-radius: 50%;
	line-height: 12px;
	position: relative;
	top: -2px
}
.chat-pictures-a a i.iconfont {
	font-size: 18px;
	margin-right: 5px;
}
.chat-form .ui-col-0 a.chat-send {
	display: inline-block;
	width: 44px;
	height: 31px;
	line-height: 31px;
	background: #4dcd70;
	text-align: center;
	font-size: 13px;
	color: #fff;
	border: none;
	border-radius: 3px;
	float: left;
}
.view-more {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 15px 0 10px 0;
}
.view-more a {
	/*color: #5b5b5b;*/
	color: #17b3ec;
}
/*YXQ*/
/* 居民详情-体重趋势 */
.patient-image {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}
.patient-image img {
	width: 100%;
	height: 100%;
}
.r-list-value {
	line-height: 60px;
}
.group-p {
	position: absolute;
	right: 15px;
	top: 16px;
}
.l-h33 {
	line-height: 33px;
}
.outer-box {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	border: 1px solid #e7e7e7;
}
.inside-box {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 45px;
	top: 2px;
	left: 2px;
	position: absolute
}
.inside-box i,
iconfont {
	font-size: 20px;
}
.bgc-4dcd70 {
	background-color: #4dcd70
}
.tit01 {
	position: absolute;
	bottom: -9px;
	left: 14px;
}
.inside-icon {
	position: absolute;
	top: -5px;
	left: 16px;
}
.bgc-37a6ec {
	background-color: #37a6ec
}
.dis-block {
	display: inline-block
}
/* 体征lab2--------*/
.sign-lab {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	background: #fff;
}
.sign-lab 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;
}
.sign-lab li:first-child {
	border-left: none;
}
.sign-lab 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;
}
.sign-lab li:first-child a {
	border-left: none;
}
.sign-lab li.hit {
	border-bottom: 3px solid #37a6eb;
}
.sign-lab li.hit a {
	color: #37a6eb;
}
/* 随访信息 */
.p-r {
	position: absolute;
	right: 0
}
.c-4ed964 {
	color: #4ed964
}
.c-1fc1fd {
	color: #1fc1fd
}
.c-ff9530 {
	color: #ff9530
}
.c-list i.iconfont {
	font-size: 18px;
}
.visit-list {
	width: 26px;
	height: 26px;
	border-radius: 4px;
	line-height: 25px;
	text-align: center;
	display: inline-block
}
.bgc-1fc1fd {
	background-color: #1fc1fd
}
.bgc-ff9530 {
	background-color: #ff9530
}
.bgc-4ed964 {
	background-color: #4ed964
}
/*用药历史*/
.d-health-table-blue {
	background: #7ecef4;
	color: #fff;
	overflow: hidden;
}
.d-bg-fff {
	background-color: #fff;
}
.d-c-btn-37a6ed {
	background-color: #37a6ed
}
/*历史数据*/
.b-b-f1f1f1 {
	border-top: 1px solid #f1f1f1
}
.c-fff100 {
	color: #fff100
}
.th-right {
	border-right: 1px solid #7ecef4
}
.d-table tr:last-child td {
	border-bottom: 0
}
.c-37a6ec {
	color: #37a6ec
}
.d-table {
	width: 100%;
	border-collapse: collapse
}
.d-table th {
	font-weight: 700;
}
.d-table td {
	border-bottom: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	text-align: center;
	padding: 10px;
}
.d-table th {
	text-align: center;
	padding: 10px;
}
/*2015.10.11YY*/
/* 个人中心 */
.addp-list .input-group-addon {
	min-width: 100%;
	width: 90px;
	text-align: right;
}
.mem-top {
	background-color: #fafafa;
	position: relative;
}
.men-list li {
	position: relative;
}
.men-list .mltb1 {
	background: #34aadc;
}
.men-list .mltb2 {
	background: #4fdb67;
}
.men-list .mltb3 {
	background: #ff9501;
}
.men-list .mltb4 {
	background: #017aff;
}
.men-list .mltb5 {
	background: #49cc6d;
}
.men-list .mltb6 {
	background: #ff6600;
}
.men-list .mltb7 {
	background: #4579f0;
}
.men-list .mltb8 {
	background: #ff9501;
}
.men-list .mltb9 {
	background: #2caddf;
}
.men-list .mltb10 {
	background: #f39800;
}
.men-list li .c-avatar-s {
	position: relative;
	overflow: inherit;
	vertical-align: middle;
}
.men-list li .c-list-action {
	top: 0px;
}
.mlnum {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 12px;
	height: 12px;
	background: #ec4300;
	text-align: center;
	line-height: 12px;
	font-size: 8px;
	color: #fff;
}
.men-list li .iconfont {
	font-size: 18px;
	color: #fff;
}
.men-list li .qytimes {
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -10px;
	font-size: 12px;
	color: #fff;
}
/*我的名片*/
.doc-mycarder .c-avatar-m {
	width: 46px;
	height: 46px;
}
#ewm-boxer img {
	max-width: 230px;
}
.ax-popup.px-popup .ui-dialog-body {
	padding: 10px 15px 15px;
}
.doc-myevalu li .c-list-info {
	padding-top: 8px;
	padding-bottom: 8px;
}
.doc-myevalu li:first-child {
	padding: 8px 15px 8px 0;
}
/*随访计划*/
.examination_event {
	width: 100%;
	position: relative;
	background: #fff;
	margin-bottom: 10px;
}
.exam_first {
	padding: 10px 15px;
	box-sizing: border-box;
}
.exam_first .c-avatar-m {
	text-align: center;
	line-height: 40px;
	float: left;
}
.exam_first .word {
	-webkit-box-flex: 1;
	box-flex: 1;
	padding-right: 15px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	line-height: 42px;
	padding-left: 17px;
	color: #bfbfbf;
	font-size: 14px;
}
.exam_first span {
	position: absolute;
	right: 15px;
	top: 27px;
}
.exam_second .sec_left,
.exam_second .sec_right {
	box-sizing: border-box;
	float: left;
	padding: 13px;
	text-align: left;
	height: 100%;
	width: 50%
}
.exam_second {
	display: none;
	position: relative;
}
.exam_second .tit {
	font-size: 14px;
	color: #5b5b5b;
	margin-bottom: 10px;
}
.sec_left p {
	color: #909090;
	font-size: 12px;
}
.exam_second .input-group-radio {
	width: 100%;
	margin: 6px 0;
}
.exam_second label {
	font-size: 14px;
	color: #333333;
}
.health-border-8 {
	border-color: #acacac;
}
.physic_index .input-group-checkbox {
	padding: 9px 0;
}
.choose_signs_boxer .input-group-checkbox .input-group-pack .tick {
	margin: 10px 0 0 9px;
}
.exam_second:before {
	content: "";
	display: block;
	width: 50%;
	border-right: 1px solid #dddddd;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
.follow_up_plan {
	padding-bottom: 80px;
}
.dis-more span {
	display: inline-block;
	position: relative;
	padding-right: 20px;
}
.dis-more span:after {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 2px;
	content: "";
	width: 8px;
	height: 8px;
	border: solid #157efb;
	border-width: 2px 2px 0 0;
	cursor: pointer;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.c5b {
	color: #5b5b5b;
}
.exam_first span {
	position: absolute;
	right: 15px;
	top: 27px;
}
.arrow-down,
.arrow-up {
	display: inline-block;
	width: 8px;
	height: 8px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	cursor: pointer;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.arrow-up {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.exam_second .input-group {
	box-sizing: border-box;
	position: relative;
}
.input-group .form-textarea {
	line-height: 1.7em;
}
.exam_second .input-group span.words_math {
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 80px;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #dddddd;
}
.in_text {
	padding: 10px 15px;
}
.line_radio .input-group-radio {
	width: 48%;
	float: left;
}
.in_text.exam_second:before {
	display: none;
}
.exam_second .input-group {
	box-sizing: border-box;
	position: relative;
}
.exam_second .input-group span.words_math {
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 80px;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #dddddd;
}
.health-border-1 {
	border: 1px solid #ff9806;
}
.health-border-2 {
	border: 1px solid #ff0606;
}
.health-border-3 {
	border: 1px solid #4dcd70;
}
.health-border-4 {
	border: 1px solid #ea68a2;
}
.health-border-5 {
	border: 1px solid #1dbdbf;
}
.health-border-6 {
	border: 1px solid #37a6ed;
}
.health-border-7 {
	border: 1px solid #ae5da1;
}
@media screen and (max-width:320px) {
	.tz-list .c-avatar-m {
		font-size: 12px;
	}
	.health-border-1,
	.health-border-2,
	.health-border-3,
	.health-border-4,
	.health-border-5,
	.health-border-6,
	.health-border-7 {
		font-size: 12px;
	}
}
/* 签约管理 */
.res-info .c-list-key,
.res-info-txt .c-list-key {
	min-width: 5em;
}
.res-info-txt {
	padding: 10px 0;
}
.res-info-txt li.c-list-text {
	border: none;
	padding: 5px 15px 5px 0;
}
.res-b-box {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	padding: 8px 15px;
	background: #fff;
	clear: both;
	overflow: hidden;
}
.res-b-box .c-btn {
	width: 48%;
	color: #37a6ec;
	padding: 8px 0;
	border: 1px solid #e1e1e1;
	border-radius: 6px;
}
.res-b-box .c-btn i {
	margin-right: 5px;
}
.res-b-box .c-btn em {
	padding: 0 4px;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	border-radius: 30px;
	margin-left: 5px;
}
.res-index-list {
	clear: both;
	padding-top: 55px;
}
.res-index-list .c-list .c-list-badge {
	right: 20px;
}
.index-letter {
	position: fixed;
	top: 45px;
	right: 0;
	z-index: 200;
	width: 20px;
	height: 100%;
	text-align: center;
	padding-top: 53px;
}
.index-letter ul {
	width: 100%;
	height: 100%;
	background: #fff;
}
.index-letter li {
	width: 100%;
	height: 3.4%;
}
.index-letter li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	font-weight: 700;
	color: #007cd9;
	cursor: pointer;
	font-size: 12px;
}
.index-letter li a:hover:after {
	position: absolute;
	right: 40px;
	top: -16px;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	content: attr(value);
	font-size: 30px;
	color: #fff;
	border-radius: 50%;
	background: rgba(0, 0, 0, .4);
}
.signed-box {
	background: #fff;
	text-align: center;
	padding: 15px;
	clear: both;
}
.signed-box p {
	line-height: 1.2em;
}
.signed-box p .iconfont {
	line-height: 40px;
}
.sign-img img {
	width: 70%;
	height: auto;
	max-width: 640px;
}
.g-l {
	font-size: 48px;
	color: #4cd964;
}
.sf-b-box .c-btn {
	width: 48%;
}
.add-resident {
	margin: 35px 25px 0 25px;
	border-radius: 6px;
	background: #fff;
}
.add-qr-code {
	padding: 15px 0;
}
.add-qr-code img {
	width: 78%;
	height: auto;
	max-width: 640px;
}
.pop-txt {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ui-dialog-content {
	display: block;
}
.over-lay,
.over-lay[id] {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3000;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
}
.signed-pop {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 3100;
	width: 100%;
	background: #f0f0f0;
}
.signed-btn {
	clear: both;
	padding: 12px 22px;
}
.signed-btn a {
	text-align: center;
	display: inline-block;
}
.signed-btn .r-l,
.signed-btn .b-l,
.signed-btn .y-l {
	display: inline-block;
	width: 50px;
	font-size: 24px;
	color: #fff;
	background: #44a8ee;
	border-radius: 10px;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.signed-btn .r-l {
	background: #f95556
}
.signed-btn .y-l {
	background: #f0f0f0;
	border: 1px solid #ccc;
}
.signed-btn .r-l .iconfont,
.signed-btn .b-l .iconfont,
.signed-btn .y-l i {
	line-height: 50px;
	font-size: 24px;
}
.signed-btn .y-l i {
	color: #5b5b5b;
	font-size: 18px;
}
.signed-btn a p {
	padding-top: 8px;
}
.res-index-list .c-avatar-m {
	border-radius: 50%;
	overflow: hidden;
}
.res-index-list .c-avatar-m img {
	width: 40px;
	height: 40px;
}
.res-index-list .c-list-function .list-icon {
	right: 25px;
	top: 27px;
}
.res-index-list .c-avatar-m i.icon-star {
	color: #ff8100;
}
.res-index-list .c-list-function .tit {
	display: -webkit-box;
	position: relative;
}
.res-index-list .family {
	width: 100%;
	box-sizing: border-box;
}
.res-index-list .c-list-function.out {
	display: block;
}
.res-index-list ul.family {
	display: none;
}
.res-index-list .family li .c-list-info {
	border-top: 1px solid #e1e1e1 !important;
}
.res-index-list .family li {
	margin-left: 0;
}
.res-index-list .c-list h4 span {
	font-size: 12px;
}
.res-index-list .c-list .c-list-info > h4 {
	font-size: 15px;
}
.c-list h4 span {
	margin-left: 5px;
	color: #909090;
}
.manage-lab {
	top: 0;
	left: 0;
	z-index: 11
}
.new-manage-list {
	padding-top: 0;
}
.manage-btn a,
.manage-btn a span {
	display: block;
}
.manage-btn a em {
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 5px
}
.manage-btn a em i {
	color: #fff;
	font-size: 20px;
}
.manage-btn a em s {
	text-decoration: none;
	top: -8px;
	right: -10px;
	display: inline-block;
	width: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	background-color: #f00;
	color: #fff;
	border-radius: 50%;
	border: 1px #fff solid;
}
.bgc-ffb400 {
	background-color: #ffb400;
}
/*-----------------------------------------------------------------------------*/
.c-lab-mor2 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	background: #fff;
}
.c-lab-mor2 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-mor2 li:first-child {
	border-left: none;
}
.c-lab-mor2 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;
}
.c-lab-mor2 li:first-child a {
	border-left: none;
}
.c-lab-mor2 li.hit {
	border-bottom: 3px solid #37a6eb;
}
.c-lab-mor2 li.hit a {
	color: #37a6eb;
}
.sf-img {
	width: 45%;
	max-width: 480px;
	margin: 15% auto 0 auto;
}
.sf-img img {
	width: 100%;
	height: auto;
}
.arrow-top {
	display: block;
	width: 8px;
	height: 8px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.c-fcc1c1c1 {
	color: #c1c1c1;
}
.c-fc5b5b5b {
	color: #5b5b5b;
}
.signed-btn .x-l {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 1.2em;
	font-size: 15px;
	color: #666;
	background: #f0f0f0;
	border-radius: 10px;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 6px;
}
.signed-btn .x-l {
	background: #f0f0f0;
	border: 1px solid #ccc;
}
.curve-box {
	padding: 10px 0;
}
.curve-charts {
	width: 100%;
	height: 320px;
}
.curve-box .swiper-container {
	padding-bottom: 30px;
}
/* 暂无信息 */
.nomess {
	text-align: center;
	line-height: 30px;
	padding: 100px 0 100px 0;
	color: #5b5b5b;
}
.nomess i {
	display: block;
	width: 90px;
	height: 90px;
	background-position: -1px -30px;
	margin: 0 auto;
}
.icon {
	background: url(../images/icon.png) no-repeat;
	background-size: 250px 250px;
	-webkit-background-size: 250px 250px;
	-moz-background-size: 250px 250px;
	-ms-background-size: 250px 250px;
}
/*糖尿病随访模板*/
.bottom-btn-box {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 15px;
	background: #fff;
	z-index: 3000;
}
.bp-temp-page {
	padding-bottom: 60px;
}
.bp-temp {
	padding: 5px 0 5px 15px;
}
.bp-temp h3 {
	font-size: 15px;
	color: #333;
	padding: 10px 0;
}
.bp-temp h3 em {
	color: #f58100;
	margin-right: 5px;
}
.bp-temp-con {
	font-size: 12px;
	color: #5b5b5b;
	padding: 10px 15px;
}
.zz-list {
	overflow: hidden;
}
.zz-list li {
	width: 33.3333%;
	float: left;
}
@media screen and (min-width:320px) and (max-width:360px) {
	.zz-list li:last-child {
		width: 50%;
		float: left;
	}
}
.zz-tab {
	width: 100%;
}
.zz-tab td,
.zz-tab th {
	vertical-align: middle;
	padding: 5px 0;
}
.zz-tab th {
	width: 9em;
}
.zz-tab2 th {
	width: 6em;
}
.zz-tab th em {
	color: #f58100;
}
.i-unit {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 4px;
}
.width-16 {
	width: 16%;
}
.bp-temp h3 i {
	width: 24px;
	height: 24px;
	border-radius: 24px;
	border: 1px solid #37a6ec;
	display: block;
	text-align: center;
	line-height: 24px;
	margin-right: 15px;
	color: #37a6ec;
}
/*单选框和复选框*/
.c-radio,
.c-check {
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	margin: 7px 0;
}
.c-radio .disc,
.c-check .tick {
	display: block;
	position: relative;
	width: 26px;
	height: 26px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #e1e1e1;
	border-radius: 50%;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 2;
}
.c-check .tick {
	border-radius: 6px;
}
.c-radio > input,
.c-check > input {
	display: inline-block;
	vertical-align: baseline;
	position: absolute;
	z-index: 3;
	width: 26px;
	height: 26px;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: 0;
}
.c-radio > input:checked + .disc:after,
label.checked .disc:after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #4dcd70;
	left: 6px;
	top: 6px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.c-check > input:checked + .tick:after,
label.checked .tick:after {
	position: absolute;
	content: "";
	width: 13px;
	height: 8px;
	border: solid #4dcd70;
	border-width: 0 0 2px 2px;
	left: 5px;
	top: 5px;
	-webkit-transform: rotate(-45deg);
}
.c-radio > input:disabled + .disc,
.c-check > input:disabled + .tick {
	background: #f0f0f0;
}
.c-radio > input:disabled,
.c-check > input:disabled {
	cursor: auto;
}
.c-radio .txt,
.c-check .txt {
	display: inline-block;
	position: absolute;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	top: 0;
	left: 32px;
}
/*下拉选框*/
.c-select {
	display: block;
	position: relative;
	height: 36px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
}
.c-select:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	border: solid #e1e1e1;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	right: 15px;
	top: 50%;
	margin-top: -7px;
}
.c-select > select {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 36px;
	color: #909090;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	border: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 0 25px 0 10px;
}
.c-select > select:focus {
	color: #4d5a5e;
	outline: 0;
}
.c-input {
	position: relative;
	display: inline-block;
	min-width: 40px;
	height: 36px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
}
.c-input > input {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 36px;
	color: #80989f;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	border: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 6px 12px;
}
.c-input > input:focus {
	color: #4d5a5e;
	outline: 0;
}
.c-textarea {
	position: relative;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
}
.c-textarea > textarea {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	z-index: 2;
	width: 100%;
	color: #80989f;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	border: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 6px 12px;
}
.c-textarea > textarea:focus {
	color: #4d5a5e;
	outline: 0;
}
.chat-hass {
	padding: 0 87px 0 0;
}
.insert-send {
	position: absolute;
	display: block;
	width: 45px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	top: 7px;
	right: 10px;
	border: none;
	border-radius: 3px;
	background: #37a6ed;
}
.c-btn-37a6ec {
	background-color: #37a6ec;
}
.c-btn-37a6ec:hover {
	background-color: #3195d4;
}
.redpoint {
	position: absolute;
	width: 8px;
	height: 8px;
	background: #f00;
	top: 2px;
	left: 32px;
	border-radius: 50%;
	border: 1px solid #fff;
}
.sf-list .redpoint {
	top: 8px;
	left: 30px;
}
.curve-box .swiper-container {
	width: 100% !important;
}
.curve-box .swiper-pagination {
	clear: both;
}
.curve-box .swiper-container {
	width: 100% !important;
}
.curve-box .swiper-pagination {
	clear: both;
}
/*药单详情*/
.c-block {
	display: block
}
.bgc-fba {
	background: #fbac01;
}
.ptb3 {
	padding-top: 3px;
	padding-bottom: 3px;
}
.ptb1 {
	padding-top: 1px;
	padding-bottom: 1px;
}
.c-80 {
	color: #808080
}
.c-ls25 {
	letter-spacing: 27px
}
.c-ls11 {
	letter-spacing: 11px;
}
.n-avatar-a {
	width: 65px
}
.prescription-list li {
	padding-top: 5px;
	padding-bottom: 5px;
}
.yf-list {
	display: -webkit-box;
	display: box;
	box-pack: center;
}
.yf-list span {
	display: block;
	display: -webkit-block;
	display: -moz-block;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	width: 0px;
}
.prescription-btn {
	display: box;
	display: -webkit-box;
}
.prescription-btn a {
	-webkit-box-flex: 1;
	box-flex: 1;
	display: block;
	display: -webkit-block;
}
.prescription-btn a.c-btn-radius {
	border-radius: 6px;
}
.bgc-17b3ec {
	background: #17b3ec;
}
.c-border-17b {
	border: 1px solid #17b3ec
}
.c-17b {
	color: #17b3ec
}
.c-w0 {
	width: 0px;
}
/*处方管理-全部处方*/
.prescription-tab a span i {
	position: absolute;
	top: -10px;
	right: -15px;
	border: 1px solid #fff;
	background: #ff3824;
	color: #fff;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: block;
}
.ml7 {
	margin-left: 7px
}
.c-323232 {
	color: #323232
}
.c-06bf04 {
	color: #06bf04
}
/*我的工作组*/
.c-ser-hold {
	width: 100%;
	height: 43px;
	background-color: #e8e8e8;
	padding: 6px 10px 0 10px;
}
.c-ser-into {
	background: #fff;
	height: 28px;
	line-height: 28px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	font-size: 15px;
	color: #8e8e93;
	text-align: center;
}
.c-serdet {
	display: -webkit-box;
	display: box;
	padding: 7px 10px 0 10px;
}
.ser-icon {
	position: relative;
	display: inline-block;
	width: 13px;
	height: 13px;
	font-size: 1px;
	background: none;
}
.ser-icon:before,
.ser-icon:after {
	content: "";
	position: absolute;
	left: 0;
	background: transparent;
	font-size: 1px;
}
.ser-icon-search:before {
	left: 10%;
	top: 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;
}
.prescription-tab.c-lab-mor li a {
	color: #909090
}
.patient-list .n-list {
	display: none;
	border-bottom: 1px solid #f1f1f1;
}
.my-work.c-ser-hold {
	background: #fff;
}
.my-work .c-ser-input,
.my-work .c-ser-main {
	background: #f2f2f2;
}
.my-work .c-ser-input {
	font-size: 12px;
}
.my-work-secflo .patient-type {
	position: relative;
	padding-left: 15px;
}
.my-work-secflo ul.c-list li {
	padding-left: 15px !important;
	background: #f9f9f9;
}
.my-work-secflo .patient-type .arrow {
	position: absolute;
	right: 5px;
	top: 25px;
}
.my-work-secflo .patient-face {
	margin: 12px 10px 12px 0px;
	position: relative;
}
.c-f10 {
	font-size: 10px
}
.c-ccc {
	color: #ccc;
}
.my-work .c-ser-main i {
	top: 3px;
}
.my-work .c-ser-btn a {
	font-size: 12px;
}
.my-work-secflo .patient-list.current .patient-type .arrow {
	top: 15px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: 5px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
/*我的居民*/
.bgc-ff4c4c {
	background-color: #ff4c4c;
}
.bgc-ffa54b {
	background: #ffa54b;
}
.c-inblock {
	display: inline-block;
}
.bgc-4bbe4d {
	background: #4bbe4d;
}
/*新增选择居民*/
.pa-icon-dagou {
	width: 20px;
	height: 20px;
	font-size: 13px;
	display: block;
	text-align: center;
	border-radius: 100%;
	border: 1px solid #e1e1e1;
}
.pa-icon-dagou.on {
	background: #17b3ec;
	color: #fff;
}
/*个人中心*/
/*底部导航*/
#navFooter .iconfont {
	font-size: 22px;
	line-height: 1em;
}
nav {
	display: -webkit-box;
	position: fixed;
	bottom: 0;
	background: #fefefe;
	border-top: 1px solid #cbcbcb;
	font-size: 12px;
	width: 100%;
	text-align: center;
	color: #3d3d3d;
	height: 50px;
	z-index: 999;
}
nav a {
	color: #3d3d3d;
	color: inherit;
}
nav > div {
	-webkit-box-flex: 1;
	width: 0;
	padding-top: 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	background: #fefefe;
	z-index: 1000;
}
nav div.curr {
	color: #17b3ec;
}
nav > div:first-child {
	border-left: none;
}
nav .haslist {
	position: absolute;
	display: block;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: dashed;
	border-width: 6px;
	border-left-color: #dddddd;
	border-left-style: solid;
	right: -2px;
	bottom: -5px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1000;
}
nav .nav-list {
	width: 106%;
	position: absolute;
	left: -3%;
	bottom: 52px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	display: none;
}
nav .nav-list a {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	border-top: 1px solid #e1e1e1;
	background: #fff;
	color: #3d3d3d;
	font-size: 15px;
}
nav .nav-list a:first-child {
	border-top: none;
}
nav div .icon-tag {
	width: 38px;
	margin: 0 auto;
}
nav div .icon-num {
	position: absolute;
	top: -2px;
	right: 0;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
}
nav .icon-num-red {
	background-color: #ff3824;
}
nav .curr .icon-tongjibaobiao:before {
	content: "\e605";
}
nav .curr .icon-kehuguanli:before {
	content: "\e606";
}
nav .curr .icon-xingdongrizhi:before {
	content: "\e607";
}
nav .curr .icon-wo:before {
	content: "\e602";
}
.nav-mb {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	position: fixed;
	left: 0;
	bottom: 0px;
	z-index: 998;
	display: none;
}
.grzx-img {
	position: relative;
}
.grzx-list {
	background: #fff;
}
.grzx-list li {
	display: block;
	width: 33.33%;
	height: 65px;
	float: left;
	border-left: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.grzx-list li a {
	display: block;
	width: 100%;
	height: 100%;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	text-align: center;
	color: #333;
	font-size: 14px;
}
.grzx-top {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 20px;
	text-align: center;
	color: #fff;
}
.grzx-top-head {
	display: inline-block;
	width: 66px;
	height: 66px;
	background: rgba(255, 255, 255, .7);
	border-radius: 50%;
	padding: 2px;
	margin-bottom: 3px;
}
.grzx-top-head img {
	width: 66px;
	height: 66px;
	border-radius: 50%;
}
.sex-nv {
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 2px;
}
.grzx-set {
	width: 20px;
	height: 20px;
	background: url(../images/settb.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 10px;
	top: 10px;
}
.lih35 {
	line-height: 35px;
}
.totle-num {
	background: #fff;
	border-top: 1px solid #f2f2f2;
}
.totle-num li {
	text-align: center;
	border-left: 1px solid #f2f2f2;
	padding: 10px 0;
}
.totle-num li:first-child {
	border-top: none;
}
.grzx-list li.c-50 {
	width: 50%;
}
/*居民信息*/
.archives-message .pic {
	margin: 0 auto;
	width: 40px;
	height: 40px;
	float: none;
}
.archives-message .pic img {
	width: 100%;
	height: auto;
}
.archives-message p {
	font-size: 12px;
	color: #808080;
	text-align: center;
	padding-top: 10px;
}
.arch-hdflexbox {
	display: -webkit-box;
	display: box;
	box-sizing: border-box;
}
.arch-hdflexbox .pic {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 40px;
}
.arch-hdflexbox .pic img {
	width: 40px;
	height: 40px;
}
.arch-hdflexbox .mz-reboxer {
	-webkit-box-flex: 1;
	box-flex: 1;
}
.c-4fcd6e {
	color: #4fcd6e
}
/*居民信息*/
.n-search-list.n-list > .n-list-cover {
	padding-left: 0px;
}
/*居民分组管理*/
.bgc-ecf3f5 {
	background: #ecf3f5;
}
.c-group-list a {
	padding: 0px 10px 0px 10px;
	color: #808080;
	font-size: 10px;
	text-align: center;
	display: inline-block;
}
.c-group-list a .iconfont {
	font-size: 18px;
}
.c-group-list a .icon-bianji {
	font-size: 14px;
}
.demo-comtop {
	z-index: 1;
}
.bgc-f2f4f6 {
	background: #f2f4f6;
}
.bgc-fbac01 {
	background: #fbac01;
}
.bgc-f77462 {
	background: #f77462;
}
.bgc-4fcd6f {
	background: #4fcd6f;
}
/************YMH*************/
.wait-jt {
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../images/tjbg.png) no-repeat 0 0;
	background-size: 100% auto;
}
.tel-tx {
	position: absolute;
	top: 18%;
	width: 100%;
	text-align: center;
}
.tel-tx b {
	font-size: 20px;
	color: #fff;
	font-weight: normal;
}
.tel-tx span {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7)
}
.tel-age {
	display: inline-block;
	background: rgba(0, 0, 0, .5);
	padding: 5px 10px;
	margin-left: 15px;
	border-radius: 4px;
}
.tel-off {
	position: absolute;
	bottom: 16%;
	display: block;
	width: 80%;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	font-size: 16px;
	text-align: center;
	left: 10%;
	background: #f63749;
	color: #fff;
	border-radius: 6px;
}
.referral-pop {
	width: 250px;
	position: fixed;
	left: 50%;
	margin-left: -125px;
	top: 50%;
	margin-top: -80px;
	z-index: 600;
}
.referral-pop-hold {
	position: relative;
	z-index: 631;
	background: #fff;
	overflow: hidden;
	border-radius: 7px;
}
.referral-pop-hold a {
	display: block;
	line-height: 55px;
	text-align: center;
	color: #666;
	border-bottom: 1px solid #f2f2f2;
	font-size: 16px;
}
.referral-pop-hold a.cancle {
	color: #999;
	border-bottom: none;
}
.referral-pop-mb {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 600;
}
.juris-close {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	left: 0;
	top: 0;
	z-index: 600;
	color: #fff;
	text-align: center;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	font-size: 18px;
}
.seval-hold {
	position: relative;
	padding-left: 33px;
	font-size: 12px;
	color: #999;
	margin-top: 6px;
}
.seval-tit {
	position: absolute;
	left: 0;
	top: 5px;
}
.seval-con {
	background: #eee;
	padding: 7px 10px;
	border-radius: 5px;
}
.star-img {
	vertical-align: middle;
	margin-bottom: 4px;
}
.h45 {
	height: 45px;
}
.demo-comtop {
	width: 100%;
	height: 45px;
	line-height: 44px;
	background: #fff;
	color: #333;
	text-align: center;
	font-size: 16px;
	padding-left: 45px;
	padding-right: 45px;
	position: fixed;
	z-index: 9999;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1;
}
.demo-comtop .mui-action-back {
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	left: 0;
	top: 0;
}
.demo-comtop .mui-action-back:before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border: solid #17b3ec;
	border-width: 1px 1px 0 0;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	position: absolute;
	left: 18px;
	top: 16px;
}
.demo-comtop h1 {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #17b3ec;
}
.header-tabs {
	margin: 5px 30px 0;
}
.header-tabs .c-lab-les {
	border-radius: 5px;
}
.header-tabs .c-lab-les li {
	width: 0;
}
.header-menu-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
}
.header-menu,
.header-people,
.header-group,
.header-link {
	position: absolute;
}
.header-menu,
.header-people,
.header-group {
	right: 10px;
	top: 50%;
	margin-top: -9px;
}
.header-menu a.menu img {
	width: 20px;
	height: 17px;
}
.header-people a.people img {
	width: 20px;
	height: 20px;
}
.header-group a.group img {
	width: 27px;
	height: 20px;
}
.header-tipBox {
	width: 100px;
	position: absolute;
	right: 5px;
	top: 29px;
}
.header-tipBox .bd {
	background: #fff;
	border-color: #e1e1e1;
}
.header-tipBox .hd .ui-arrow {
	left: auto;
	right: 10px;
}
.header-a-list li {
	border-bottom: 1px solid #e1e1e1;
	line-height: 36px;
}
.header-a-list li:last-child {
	border-bottom: 0;
}
.header-link {
	top: 0px;
	right: 10px;
}
.header-link a.link {
	color: #17b3ec;
}
.textarea-noborder {
	padding: 0;
	margin: 0;
	border: 0 none;
	resize: none;
}
.doc-tag {
	display: inline-block;
	padding: 0 6px;
	height: 16px;
	line-height: 16px;
	color: #fff;
	font-size: 12px;
	background-color: #fbac01;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.my-work.c-ser-hold {
	background: #fff;
}
.my-work .c-ser-input,
.my-work .c-ser-main {
	background: #f2f2f2;
}
.my-work .c-ser-input {
	font-size: 12px;
}
.my-work-secflo .patient-type {
	position: relative;
	padding-left: 15px;
}
.my-work-secflo ul.c-list li {
	padding-left: 15px !important;
	background: #f9f9f9;
}
.my-work-secflo .patient-type .arrow {
	position: absolute;
	right: 5px;
	top: 20px;
}
.my-work-secflo .patient-face {
	margin: 12px 10px 12px 0px;
	position: relative;
}
.my-work .c-ser-main i {
	top: 3px;
}
.my-work .c-ser-btn a {
	font-size: 12px;
}
.my-work-secflo .patient-list.current .patient-type .arrow {
	top: 10px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: 5px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
/* 按钮样式 */
.c-btn {
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.c-btn-a {
	background: #5fa413;
	border-radius: 3px;
}
.c-btn-a:hover {
	background: #559311;
}
.c-btn-e {
	background: #01a5e0;
	border-radius: 3px;
}
.c-btn-e:hover {
	background: #06a1d9;
}
.c-btn-b {
	background: #fff;
	color: #909090;
	border: 1px solid #eaeaea;
	border-radius: 3px;
}
.c-btn-b:hover {
	background: #e5e5e5;
}
.c-btn-c {
	background: #fff;
	color: #5fa413;
	border-radius: 3px;
}
.c-btn-c:hover {
	background: #f7f7f7;
}
.c-btn.c-btn-full {
	padding-left: 0;
	padding-right: 0;
}
.c-btn-d {
	background: #FF8100;
	border-radius: 3px;
}
.c-btn-d:hover {
	background: #f67e03;
}
.c-btn-macro {
	padding: 3px 10px;
}
.vam {
	vertical-align: middle;
}
.word-bread {
	/*white-space: pre-wrap;*/
	word-wrap: break-word;
	word-wrap: break-all;
}
/*************LJ**************/
.sign-comonhd {
	display: -webkit-box;
	display: box;
	box-sizing: border-box;
}
.sign-comonhd .sanp-flex {
	-webkit-box-flex: 1;
	box-flex: 1;
	text-align: center;
	padding-bottom: 10px;
}
.sanp-flex .pic {
	width: 26px;
	height: 26px;
	background: url(../images/hd-grey-bg.png) no-repeat left top;
	overflow: hidden;
	margin: 0 auto;
	background-size: cover;
	margin-bottom: 2px;
}
.sanp-flex.curr .pic {
	width: 26px;
	height: 26px;
	background: url(../images/hd-blue-bg.png) no-repeat left top;
	overflow: hidden;
	margin: 0 auto;
	background-size: cover;
	margin-bottom: 2px;
}
.sanp-flex .pic.p-01 {
	background-position: 0 0;
}
.sanp-flex .pic.p-02 {
	background-position: 0 -27px;
}
.sanp-flex .pic.p-03 {
	background-position: 0 -53px;
}
.sanp-flex .pic.p-04 {
	background-position: 0 -79px;
}
.sign-comonhd .sanp-flex.curr {
	border-bottom: 2px solid #1ca3e7;
	color: #1ca3e7;
}
.sign-comonhd .sanp-flex {
	color: #808080;
}
.posater-oper li {
	padding: 10px 0;
}
.c-btn-1ca3e7 {
	background: #1ca3e7;
}
.posater-oper.c-list .c-list-info > h4 span.c-909090 {
	color: #909090 !important;
	font-size: 12px;
	margin-left: 10px;
}
.posater-oper.c-list .c-list-info > p {
	font-size: 13px;
}
.posater-oper.c-list .c-list-action {
	right: 10px;
}
.qy-jjboxer .input-group .form-textarea {
	border-radius: 0;
}
.c-btn.c-btn-fff.unbjy {
	color: #f65252;
}
.posater-oper.c-list .c-list-info {
	padding-right: 60px !important;
}
.c-main {
	max-width: 640px;
	margin: 0 auto;
}
.search-tb {
	width: 45px;
	height: 45px;
	position: absolute;
	right: 0;
	top: 0;
}
.search-tb:before {
	content: '';
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	border: 1px solid #49bdee;
	border-radius: 50%;
	left: 13px;
	top: 15px;
}
.search-tb:after {
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 1px;
	background: #49bdee;
	left: 23px;
	top: 30px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.index-list {
	border-top: 1px solid #f2f2f2;
}
.index-list:first-child {
	border-top: none;
}
.index-list .index-list-tit {
	font-size: 14px;
	color: #999;
	padding: 0 15px;
	line-height: 20px;
}
.index-list li {
	display: block;
	width: 25%;
	height: 90px;
	float: left;
	color: #808080;
}
.index-list li a {
	display: block;
	width: 100%;
	height: 90px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	text-align: center;
	color: #333;
	font-size: 13px;
}
.index-list li a i {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/indextb.png) no-repeat;
	background-size: 574px 40px;
	margin-bottom: 5px;
}
.index-list li a i.icon-indextb1 {
	background-position: 0 0;
}
.index-list li a i.icon-indextb2 {
	background-position: -41px 0;
}
.index-list li a i.icon-indextb3 {
	background-position: -82px 0;
}
.index-list li a i.icon-indextb4 {
	background-position: -123px 0;
}
.index-list li a i.icon-indextb5 {
	background-position: -163px 0;
}
.index-list li a i.icon-indextb6 {
	background-position: -205px 0;
}
.index-list li a i.icon-indextb7 {
	background-position: -246px 0;
}
.index-list li a i.icon-indextb8 {
	background-position: -287px 0;
}
.index-list li a i.icon-indextb9 {
	background-position: -328px 0;
}
.index-list li a i.icon-indextb10 {
	background-position: -369px 0;
}
.index-list li a i.icon-indextb11 {
	background-position: -410px 0;
}
.index-list li a i.icon-indextb12 {
	background-position: -451px 0;
}
.index-list li a i.icon-indextb13 {
	background-position: -492px 0;
}
.index-list li a i.icon-indextb14 {
	background-position: -533px 0;
}
.index-top {
	position: relative;
}
.index-top-img {
	width: 100%;
	vertical-align: bottom;
}
.sertb {
	width: 15px;
	height: 15px;
	background: url(../images/sertb.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 10px;
	top: 10px;
}
.tag-1 {
	display: block;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-size: 12px;
	border-radius: 2000px;
}
.bgc-ffa54b {
	background: #ffa54b;
}
.bgc-ff4c4c {
	background: #ff4c4c;
}
.bgc-4bbe4d {
	background: #4bbe4d;
}
.c-ffa54b {
	color: #ffa54b;
}
.c-ff4c4c {
	color: #ff4c4c;
}
.c-fbac01 {
	color: #FBAC01;
}
.c-f77462 {
	color: #f77462;
}
.c-4fcd6f {
	color: #4fcd6f;
}
.c-4bbe4d {
	color: #4bbe4d;
}
.index-top .ui-col-1 {
	position: relative;
}
.index-top .num {
	/*text-align: center;*/
	margin: auto auto;
	position: absolute;
	width: 100%;
	top: 30%;
	/*left: 20%;*/
}
.pati-color {
	/*content: "";*/
	margin: auto auto;
	width: 50%;
	height: 1px;
	/*border-color: red;*/
	/*margin: 0px auto;*/
	/*padding: 0px;/*/
	/*background-color: #D5D5D5;*/
	overflow: hidden;
}
/***LQK**
/*病历夹*/
.medic-record {}
.medic-record li {
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
}
.medic-record li .mr-tit {
	line-height: 40px;
	padding: 0 10px;
	font-size: 14px;
}
.medic-record li .arrow-right {
	position: absolute;
	right: 10px;
	top: 13px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.medic-record li .arrow-right.ashow {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 17px;
}
.medic-record li .mr-detail {
	padding: 0 15px 20px 15px;
	border-top: 1px solid #f2f2f2;
	line-height: 1.6;
}
.mr-detail-img img {
	width: 70px;
	height: 70px;
	margin-left: 15px;
	margin-bottom: 5px;
}
.mr-detail-img img:first-child {
	margin-left: 0;
}
/*图片放大*/
.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%;
}
.ax-popup.dr-jj .ui-dialog-body {
	padding-top: 0;
}
/* 新增记录 */
.medic-add-top {
	line-height: 30px;
	font-size: 14px;
	padding: 0 10px;
}
.medic-add-mess {
	padding: 10px 10px 20px 10px;
	background: #fff;
	line-height: 1.6;
}
.madd-top {
	line-height: 37px;
	margin: 0 10px;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
	padding-left: 10px;
}
.madd-top:before {
	content: '';
	display: block;
	width: 3px;
	height: 19px;
	background: #17b3ec;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
}
.madd-top .iconfont {
	color: #808080;
	position: absolute;
	right: 0;
	top: 1px;
	font-size: 18px;
}
.madd-texa {
	width: 100%;
	height: 100px;
	padding: 10px;
	border: none;
}
.medic-add-btn {
	padding: 0 10px 20px 10px;
	overflow: hidden;
	text-align: center !important;
}
.medic-add-btn a {
	display: block;
	width: 45%;
	float: right;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #17b3ec;
	border: 1px solid #17b3ec;
	/*text-align: center;*/
	font-size: 15px;
	border-radius: 4px;
}
.medic-add-btn a.addfrag-btn {
	color: #17b3ec;
	background: none;
	float: left;
}
.add-part {
	max-height: 200px;
	overflow: auto;
	font-size: 14px;
	color: #333;
}
.add-part ul {
	margin: 0 auto !important;
	border-top: 1px solid #f2f2f2;
}
.add-part li {
	margin: 0 auto !important;
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
	line-height: 25px;
	padding: 10px 0;
}
.add-part-top {
	line-height: 25px;
	padding: 10px 0;
	font-weight: bold;
}
.add-part-input {
	border-bottom: 1px solid #f2f2f2;
}
.add-part-input input {
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
.add-part-add {
	width: 90%;
	height: 32px;
	line-height: 32px;
	background: #fff;
	border: 1px solid #e1e1e1;
	text-align: center;
	margin: 10px auto;
	border-radius: 5px;
}
.total-frag {
	display: block;
}
.tfrag-name {
	padding: 13px 30px 13px 10px;
	line-height: 19px;
	background: #fff;
	position: relative;
}
.tfrag-del {
	position: absolute;
	width: 16px;
	height: 16px;
	background: #fe0000;
	border-radius: 50%;
	right: 10px;
	top: 50%;
	margin-top: -8px;
}
.tfrag-del-2 {
	position: absolute;
	width: 16px;
	height: 16px;
	background: #fe0000;
	border-radius: 50%;
	right: 10px;
	top: 12%;
	margin-top: -8px;
}
.tfrag-del:before {
	content: '';
	display: block;
	width: 8px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 4px;
	top: 7px;
}
.tfrag-del-2:before {
	content: '';
	display: block;
	width: 8px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 4px;
	top: 7px;
}
/* 首页病历夹 */
.bor-f2-t {
	border-top: 1px solid #f2f2f2;
}
.blj-search {
	background: #fff;
}
.blj-search .c-ser-main {
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
}
.blj-search .c-ser-input {
	background: #f2f2f2;
}
.blj-search i.icon-sousuo {
	top: 2px;
}
/* 咨询记录 */
.ask-record {}
.ask-record li {
	background: #fff;
	position: relative;
	padding: 10px 35px 10px 45px;
	border-top: 1px solid #f2f2f2;
	color: #909090;
}
.ask-record-2 li {
	background: #fff;
	position: relative;
	padding: 10px 35px 10px 15px;
	border-top: 1px solid #f2f2f2;
	color: #909090;
}
.ask-record li .ar-check {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -10px;
}
.ask-record li .ar-check i {
	display: block;
	width: 18px;
	height: 18px;
	border: 1px solid #e1e1e1;
	border-radius: 50%;
}
.ask-record li .ar-check i.checked {
	background: #17b3ec;
	border: 1px solid #17b3ec;
}
.ask-record li .ar-check i.checked:before {
	content: "\d61a";
	position: absolute;
	top: -1px;
	left: 3px;
	color: #fff;
	font-size: 14px;
}
.ask-record li .arrow-right {
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -6px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transition: all .3s ease;
}
.ask-record li .arrow-right.ashow {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin-top: -3px;
}
.ask-record-2 li .arrow-right {
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -6px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transition: all .3s ease;
}
li .arrow-right.ashow {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin-top: -3px;
}
.ar-mess-con {
	line-height: 1.6;
	margin-top: 5px;
}
.medic-add-choo {
	display: box;
	display: -webkit-box;
	height: 45px;
	line-height: 45px;
	background: #fff;
	padding: 0 10px;
}
.medic-add-choo .mch-tit {
	box-flex: 0;
	-webkit-box-flex: 0;
	width: 57px;
	color: #909090;
	font-size: 14px;
}
.medic-add-choo .mch-text {
	box-flex: 1;
	-webkit-box-flex: 1;
}
.medic-add-choo .mch-text input {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}
.medic-add-choo .mch-link {
	display: block;
	box-flex: 0;
	-webkit-box-flex: 0;
	width: 45px;
	text-align: right;
	font-size: 16px;
	color: #17b3ec;
}
.medic-add-look a {
	font-size: 16px;
	color: #17b3ec;
	text-decoration: underline;
}
/*头部*/
.h45 {
	height: 45px;
}
.header-comtop {
	width: 100%;
	height: 45px;
	line-height: 44px;
	background: #fff;
	color: #333;
	text-align: center;
	font-size: 16px;
	padding-left: 45px;
	padding-right: 45px;
	position: fixed;
	z-index: 9999;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1;
}
.header-comtop .mui-action-back {
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	left: 0;
	top: 0;
}
.header-comtop .mui-action-back:before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border: solid #17b3ec;
	border-width: 1px 1px 0 0;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	position: absolute;
	left: 18px;
	top: 16px;
}
.header-comtop h1 {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #17b3ec;
}
/*图文咨询*/
.m10 {
	margin: 10px;
}
.avatar-40 {
	width: 40px;
	height: 40px;
}
.avatar-25 {
	width: 25px;
	height: 25px;
}
.avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.mod-article {
	color: #333;
	font-size: 12px;
	background: #fff;
}
.mod-article li {
	border-bottom: 1px solid #e1e1e1;
	padding: 0 15px 20px;
}
.mod-article > div {
	padding-bottom: 20px;
}
.mod-article li:last-child {
	border-bottom: 0;
}
.mod-article .person-info {
	display: -webkit-box;
	display: box;
	-webkit-box-align: center;
	box-align: center;
	padding: 8px 0;
	font-size: 14px;
	color: #808080;
	position: relative;
}
.mod-article .avatar {
	margin-right: 15px;
}
.mod-article .num {
	width: 35px;
	height: 15px;
	border-radius: 5px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	background: #17b3ec;
	display: inline-block;
	line-height: 15px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -8px;
}
.mod-article .article-title {
	font-size: 14px;
	padding: 5px 0 10px;
}
.search-input {
	height: 27px;
	border-radius: 5px;
	background: #e8e8e8;
	width: 100%;
	line-height: 27px;
	text-align: center;
	color: #8e8e93;
}
.search-input .iconfont {
	font-size: 14px;
}
/*图文详情 评论*/
.mod-comment .hd {
	font-size: 14px;
	border-bottom: 1px solid #dcdcdc;
	padding: 8px 0 13px;
}
.mod-comment .hd span {
	border-bottom: 3px solid #17b3ec;
	padding-bottom: 13px;
}
.list-comment li {
	padding: 10px 0 18px;
	border-bottom: 1px solid #e1e1e1;
}
.list-comment .person-info {
	display: -webkit-box;
	display: box;
	-webkit-box-align: center;
	box-align: center;
	color: #808080;
}
.list-comment .avatar {
	margin-right: 5px;
}
.list-comment .comment {
	padding: 5px 0 0 30px;
}
.add-comment {
	width: 61px;
	height: 61px;
	border-radius: 50%;
	background: #ffd429;
	position: fixed;
	right: 12px;
	bottom: 35px;
}
.add-comment:before,
.add-comment:after {
	content: "";
	position: absolute;
	background: #fff;
	top: 50%;
	left: 50%;
	border-radius: 6px;
}
.add-comment:before {
	content: "";
	width: 27px;
	height: 4px;
	margin: -2px 0 0 -14px;
}
.add-comment:after {
	content: "";
	width: 4px;
	height: 27px;
	margin: -14px 0 0 -2px;
}
/*图文详情 回答评论*/
.icon-del {
	background: #e83434;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	position: relative;
}
.icon-del:before {
	content: "";
	background: #fff;
	position: absolute;
	width: 12px;
	height: 2px;
	left: 50%;
	top: 50%;
	margin: -1px 0 0 -6px;
}
.box-comment {
	padding: 0 10px 19px;
}
.btn-blue-l {
	background: #17b3ec;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #fff;
	display: inline-block;
	width: 100%;
	text-align: center;
	border-radius: 5px;
}
.box-comment textarea {
	border: 0;
	padding: 10px 0;
	width: 100%;
	resize: none;
}
.add-img li {
	margin-right: 20px;
	display: inline-block;
	position: relative;
}
.add-img li:last-child {
	margin-right: 0;
}
.add-img img,
.add-img .add {
	width: 68px;
	height: 68px;
	vertical-align: bottom;
}
.add-img .add {
	border: 1px solid #dcdcdc;
	position: relative;
	box-sizing: border-box;
}
.add-img .add:before,
.add-img .add:after {
	content: "";
	position: absolute;
	background: #dcdcdc;
	top: 50%;
	left: 50%;
	border-radius: 6px;
	display: inline-block;
}
.add-img .add:before {
	content: "";
	width: 38px;
	height: 3px;
	margin: -2px 0 0 -19px;
}
.add-img .add:after {
	content: "";
	width: 3px;
	height: 38px;
	margin: -19px 0 0 -2px;
}
.add-img .icon-del {
	position: absolute;
	top: -6px;
	right: -8px;
}
/* css ui-arrow
-----------------------------------------------------------------------------*/
.ui-arrow,
.ui-arrow s {
	position: relative;
	display: block;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: dashed;
	border-width: 5px;
}
.ui-arrow-r,
.ui-arrow-r s {
	border-left-color: #aaa;
	border-left-style: solid;
}
.ui-arrow-r s {
	border-left-color: #fff;
	position: absolute;
	left: -7px;
	top: -5px;
}
.ui-arrow-l,
.ui-arrow-l s {
	border-right-color: #aaa;
	border-right-style: solid;
}
.ui-arrow-l s {
	border-right-color: #fff;
	position: absolute;
	right: -7px;
	top: -5px;
}
.ui-arrow-t,
.ui-arrow-t s {
	border-bottom-color: #aaa;
	border-bottom-style: solid;
}
.ui-arrow-t s {
	border-bottom-color: #fff;
	position: absolute;
	left: -5px;
	top: -3px;
}
.ui-arrow-b,
.ui-arrow-b s {
	border-top-color: #aaa;
	border-top-style: solid;
}
.ui-arrow-b s {
	border-top-color: #fff;
	position: absolute;
	left: -5px;
	bottom: -3px;
}
.ui-arrow-circle {
	line-height: 100%;
	overflow: hidden;
	font-family: Tahoma, Helvetica;
	font-size: 18px;
	color: #aaa;
}
.tipBox {
	width: 200px;
	margin-top: 10px;
}
.tipBox .hd {
	height: 5px;
	position: relative;
}
.tipBox .hd .ui-arrow {
	position: absolute;
	top: -5px;
	left: 10px;
}
.tipBox .hd .ui-arrow s {
	top: -4px;
}
.tipBox .bd {
	border: 1px solid #aaa;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tipBoxA .ui-arrow s {
	border-bottom-color: #f6f6f6;
}
.tipBoxA .bd {
	background: #f6f6f6;
}
.h45 {
	height: 45px;
}
.demo-comtop {
	width: 100%;
	height: 45px;
	line-height: 44px;
	background: #fff;
	color: #333;
	text-align: center;
	font-size: 16px;
	padding-left: 45px;
	padding-right: 45px;
	position: fixed;
	z-index: 9999;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1;
}
.demo-comtop .mui-action-back {
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	left: 0;
	top: 0;
}
.demo-comtop .mui-action-back:before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border: solid #17b3ec;
	border-width: 1px 1px 0 0;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	position: absolute;
	left: 18px;
	top: 16px;
}
.demo-comtop h1 {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #17b3ec;
}
.header-tabs {
	margin: 5px 30px 0;
}
.header-tabs .c-lab-les {
	border-radius: 5px;
}
.header-tabs .c-lab-les li {
	width: 0;
}
.header-menu-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
}
.header-menu,
.header-people,
.header-group,
.header-link {
	position: absolute;
}
.header-menu,
.header-people,
.header-group {
	right: 10px;
	top: 50%;
	margin-top: -9px;
}
.header-menu a.menu img {
	width: 20px;
	height: 17px;
}
.header-people a.people img {
	width: 20px;
	height: 20px;
}
.header-group a.group img {
	width: 27px;
	height: 20px;
}
.header-tipBox {
	width: 100px;
	position: absolute;
	right: 5px;
	top: 29px;
}
.header-tipBox .bd {
	background: #fff;
	border-color: #e1e1e1;
}
.header-tipBox .hd .ui-arrow {
	left: auto;
	right: 10px;
}
.header-a-list li {
	border-bottom: 1px solid #e1e1e1;
	line-height: 36px;
}
.header-a-list li:last-child {
	border-bottom: 0;
}
.header-link {
	top: 0px;
	right: 10px;
}
.header-link a.link {
	color: #17b3ec;
}
.bl-edit-text {
	width: 100%;
	resize: none;
	border: none;
}
.c-808080 {
	color: #808080;
}
/* 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;
}
.ui-col-2 {
	-webkit-box-flex: 2;
	box-flex: 2;
}
.ui-col-3 {
	-webkit-box-flex: 3;
	box-flex: 3;
}
.ui-col-4 {
	-webkit-box-flex: 4;
	box-flex: 3;
}
.ui-col-5 {
	-webkit-box-flex: 5;
	box-flex: 5;
}
.ui-col-6 {
	-webkit-box-flex: 6;
	box-flex: 6;
}

css/iscroll.css

@@ -0,0 +1,135 @@
@charset "utf-8";
		#wrapper {
				position: absolute;
				z-index: 1;
				top: 0px;
				bottom: 0px;
				left: 0;
				width: 100%;
				overflow: hidden;
			}
			#wrapper1,#wrapper2,#wrapper3,#wrapper4 {
				position: absolute;
				z-index: 1;
				top: 0px;
				bottom: 0px;
				left: 0;
				width: 100%;
				overflow: hidden;
			}
			
			#wrapper5,#wrapper6,#wrapper7 {
				position: absolute;
				z-index: 1;
				top: 50px;
				bottom: 0px;
				left: 0;
				width: 100%;
				overflow: hidden;
			}
			
			#header {
				position:absolute;
				z-index:2;
				top: 82px;
				left:0;
				width:100%;
				height: 58px;
				line-height: 58px;
				background-color: #ffffff;
				background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(0.05, #fff), color-stop(1, #fff));
				background-image:-moz-linear-gradient(top, #fe96c9, #d51875 5%, #7b0a2e);
				background-image:-o-linear-gradient(top, #fe96c9, #d51875 5%, #7b0a2e);
				padding:0;
				color:#eee;
				font-size:20px;
				text-align:center;
			}
			
			
			.iScroller {
				position: absolute;
				z-index: 1;
				-webkit-tap-highlight-color: rgba(0,0,0,0);
				width: 100%;
				-webkit-transform: translateZ(0);
				-moz-transform: translateZ(0);
				-ms-transform: translateZ(0);
				-o-transform: translateZ(0);
				transform: translateZ(0);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				-webkit-text-size-adjust: none;
				-moz-text-size-adjust: none;
				-ms-text-size-adjust: none;
				-o-text-size-adjust: none;
				text-size-adjust: none;
			}
			
			
			/**
			 *
			 * Pull down/up styles
			 *
			 */
			.pullDown, .pullUp {
				background: transparent;
				height:40px;
				line-height:40px;
				padding:5px 10px;
				/* border-bottom:1px solid #ccc; */
				font-weight:bold;
				color: #888;
				margin-top:0;
				white-space: nowrap;
				font-size:14px;
				display: none;
			}
			
			.pullDown.scrolledUp{
				margin-top:-51px;	/* Should match the totalt height (i.e. height + paddings + borders) of #pullDown set above */
			}
			.pullDown .pullDownLabel, .pullUp .pullUpLabel  {	
				margin: 0 5px;
			}
			.pullDown .pullDownIcon, .pullUp .pullUpIcon  {	
				display: inline-block; 
				width:40px; height:40px;
				background:url(../images/pull-icon@2x.png) 0 0 no-repeat;
				-webkit-background-size:40px 80px; background-size:40px 80px;
				-webkit-transition-property:-webkit-transform;
				-webkit-transition-duration:250ms;
				vertical-align: middle;
				margin: 0 5px;
			}
			.pullDown .pullDownIcon {
				-webkit-transform:rotate(0deg) translateZ(0);
			}
			.pullUp .pullUpIcon  {
				-webkit-transform:rotate(-180deg) translateZ(0);
			}
			.pullDown.flip .pullDownIcon {
				-webkit-transform:rotate(-180deg) translateZ(0);
			}
			.pullUp.flip .pullUpIcon {
				-webkit-transform:rotate(0deg) translateZ(0);
			}
			.pullDown.loading .pullDownIcon, .pullUp.loading .pullUpIcon {
				background-position:0 100%;
				-webkit-transform:rotate(0deg) translateZ(0);
				-webkit-transition-duration:0ms;
			
				-webkit-animation-name:loading;
				-webkit-animation-duration:2s;
				-webkit-animation-iteration-count:infinite;
				-webkit-animation-timing-function:linear;
			}
			@-webkit-keyframes loading {
				from { -webkit-transform:rotate(0deg) translateZ(0); }
				to { -webkit-transform:rotate(360deg) translateZ(0); }
			}
			.iScrollVerticalScrollbar{width:5px;}

css/mui-pull.css

@@ -0,0 +1,131 @@
.mui-scroll-wrapper {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    /*height: -moz-calc(100% +45px);
    height: -webkit-calc(100% +45px);
    height: calc(100% + 45px);*/
}
.mui-scroll {
    position: absolute;
    z-index: 1;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.mui-scrollbar {
    position: absolute;
    z-index: 9998;
    overflow: hidden;
    -webkit-transition: 500ms;
    transition: 500ms;
    transform: translateZ(0px);
    pointer-events: none;
    opacity: 0;
}
.mui-scrollbar-vertical {
    top: 0;
    right: 1px;
    bottom: 2px;
    width: 4px;
}
.mui-scrollbar-indicator {
    position: absolute;
    display: block;
    box-sizing: border-box;
    -webkit-transition: .01s cubic-bezier(.1, .57, .1, 1);
    transition: .01s cubic-bezier(.1, .57, .1, 1);
    transform: translate(0px, 0) translateZ(0px);
    border: 1px solid rgba(255, 255, 255, .80196);
    border-radius: 2px;
    background: rgba(0, 0, 0, .39804);
}
.mui-scrollbar-vertical .mui-scrollbar-indicator {
    width: 100%;
}
.mui-pull-top-tips {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -25px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    z-index: 3;
}
/*.mui-pull-top-tips {
    top: 24px;
}*/
.mui-pull-top-wrapper {
    width: 42px;
    height: 42px;
    display: block;
    text-align: center;
    background-color: #efeff4;
    border: 1px solid #ddd;
    border-radius: 25px;
    background-clip: padding-box;
    box-shadow: 0 4px 10px #bbb;
    overflow: hidden;
}
.mui-pull-top-tips.mui-transitioning {
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}
.mui-pull-top-tips .mui-pull-loading {
    /*-webkit-backface-visibility: hidden;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;*/
    
    margin: 0;
}
.mui-pull-top-wrapper .mui-icon,
.mui-pull-top-wrapper .mui-spinner {
    margin-top: 7px;
}
.mui-pull-top-wrapper .mui-icon.mui-reverse {
    /*-webkit-transform: rotate(180deg) translateZ(0);*/
}
.mui-pull-bottom-tips {
    text-align: center;
    background-color: #f2f4f6;
    font-size: 15px;
    line-height: 40px;
    color: #777;
}
.mui-pull-top-canvas {
    overflow: hidden;
    background-color: #fafafa;
    border-radius: 40px;
    box-shadow: 0 4px 10px #bbb;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}
.mui-pull-top-canvas canvas {
    width: 40px;
}
/* 任务#996 【医生端与居民端-水印-前端】增加健康之路水印 */
.mui-pull-top-canvas {
	position: absolute;
    content: '';
    width: 32px;
    height: 32px;
    background: url(../images/loading2.gif) no-repeat;
    background-size: 32px;
    border-radius: initial;
    box-shadow: none;
    transform: initial;
    animation: initial;
    margin: 0;
    top: 7px;
	left: 4px;
}
.mui-pull-top-canvas canvas {
	display: none !important;
}

css/mui.poppicker.css

@@ -0,0 +1,72 @@
.mui-poppicker {
	position: fixed;
	left: 0px;
	width: 100%;
	z-index: 999;
	background-color: #eee;
	border-top: solid 1px #ccc;
	box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: .3s;
	bottom: 0px;
	-webkit-transform: translateY(300px);
}
.mui-poppicker.mui-active {
	-webkit-transform: translateY(0px);
}
.mui-android-5-1 .mui-poppicker {
	bottom: -300px;
	-webkit-transition-property: bottom;
	-webkit-transform: none;
}
.mui-android-5-1 .mui-poppicker.mui-active {
	bottom: 0px;
	-webkit-transition-property: bottom;
	-webkit-transform: none;
}
.mui-poppicker-header {
	padding: 6px;
	font-size: 14px;
	color: #888;
}
.mui-poppicker-header .mui-btn {
	font-size: 12px;
	padding: 5px 10px;
}
.mui-poppicker-btn-cancel {
	float: left;
}
.mui-poppicker-btn-ok {
	float: right;
}
.mui-poppicker-clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
}
.mui-poppicker-body {
	position: relative;
	width: 100%;
	height: 200px;
	border-top: solid 1px #ddd;
	/*-webkit-perspective: 1200px;
	perspective: 1200px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
}
.mui-poppicker-body .mui-picker {
	width: 100%;
	height: 100%;
	margin: 0px;
	border: none;
	float: left;
}
.mui-picker-col-name{
	text-align: center;
	padding: 10px 0;
	border-bottom: 2px solid #17b3ec;
	margin: 0 5px;
	font-size: 16px;
}

css/mui.previmg.css

@@ -0,0 +1,151 @@
.mui-preview-image.mui-fullscreen {
				position: fixed;
				z-index: 10001;
				background-color: #000;
			}
			.mui-preview-header,
			.mui-preview-footer {
				position: absolute;
				width: 100%;
				left: 0;
				z-index: 10;
			}
			.mui-preview-header {
				height: 0;
				top: 0;
			}
			.mui-preview-footer {
				height: 50px;
				bottom: 0px;
			}
			.mui-preview-header .mui-preview-indicator {
				display: block;
				line-height: 25px;
				color: #fff;
				text-align: center;
				margin: 15px auto 4;
				width: 70px;
				background-color: rgba(0, 0, 0, 0.4);
				border-radius: 12px;
				font-size: 16px;
			}
			.mui-preview-image {
				display: none;
				-webkit-animation-duration: 0.5s;
				animation-duration: 0.5s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
			}
			.mui-preview-image.mui-preview-in {
				-webkit-animation-name: fadeIn;
				animation-name: fadeIn;
			}
			.mui-preview-image.mui-preview-out {
				background: none;
				-webkit-animation-name: fadeOut;
				animation-name: fadeOut;
			}
			.mui-preview-image.mui-preview-out .mui-preview-header,
			.mui-preview-image.mui-preview-out .mui-preview-footer {
				display: none;
			}
			.mui-zoom-scroller {
				position: absolute;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				left: 0;
				right: 0;
				bottom: 0;
				top: 0;
				width: 100%;
				height: 100%;
				margin: 0;
				-webkit-backface-visibility: hidden;
			}
			.mui-zoom {
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}
			.mui-slider .mui-slider-group .mui-slider-item img {
				width: auto;
				height: auto;
				max-width: 100%;
				max-height: 100%;
			}
			.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
				width: 100%;
			}
			.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
				display: inline-table;
			}
			.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
				display: table-cell;
				vertical-align: middle;
			}
			.mui-preview-loading {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				display: none;
			}
			.mui-preview-loading.mui-active {
				display: block;
			}
			.mui-preview-loading .mui-spinner-white {
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: -25px;
				margin-top: -25px;
				height: 50px;
				width: 50px;
			}
			.mui-preview-image img.mui-transitioning {
				-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
				transition: transform 0.5s ease, opacity 0.5s ease;
			}
			@-webkit-keyframes fadeIn {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@keyframes fadeIn {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@-webkit-keyframes fadeOut {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			@keyframes fadeOut {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			p img {
				max-width: 100%;
				height: auto;
			}

css/ss-style.css

@@ -0,0 +1,692 @@
/*---------cross.ui-------------------------*/
/* buttons color
-----------------------------------------------------------------------------*/
.c-btn-087eff { background-color: #087eff; }
.c-btn-087eff:hover { background-color: #0771e5; }
.c-btn-588cd5 { background-color: #588cd5; }
.c-btn-588cd5:hover { background-color: #4680d0; }
.c-btn-37a6ec { background-color: #37a6ec; }
.c-btn-37a6ec:hover { background-color: #3195d4; }
.c-btn-4dcd70 { background-color: #4dcd70; }
.c-btn-4dcd70:hover { background-color: #45b865; }
.c-btn-4db944 { background-color: #4db944; }
.c-btn-4db944:hover { background-color: #45a63d; }
.c-btn-309765 { background-color: #309765; }
.c-btn-309765:hover { background-color: #2b885b; }
.c-btn-ff9600 { background-color: #ff9600; }
.c-btn-ff9600:hover { background-color: #e58700; }
.c-btn-ff8100 { background-color: #ff8100; }
.c-btn-ff8100:hover { background-color: #e57400; }
.c-btn-fc6155 { background-color: #fc6155; }
.c-btn-fc6155:hover { background-color: #e2574c; }
.c-btn-ff3b2f { background-color: #ff3b2f; }
.c-btn-ff3b2f:hover { background-color: #e5352a; }
.c-btn-f9f9f9 { background-color: #f9f9f9; color: #087eff; border: #c0c0bc 1px solid; }
.c-btn-f9f9f9:hover { background-color: #e0e0e0; }
.c-btn-ffffff { background-color: #ffffff; color: #4dcd70; border: #e1e1e1 1px solid; }
.c-btn-ffffff:hover { background-color: #e5e5e5; }
.c-btn-fff { background-color: #ffffff; color: #999999; border: #e1e1e1 1px solid; }
.c-btn-fff:hover { background-color: #e5e5e5; }
.c-btn-ff3 { background-color: #ffffff; color: #ff3b2d; border: #e1e1e1 1px solid; }
.c-btn-ff3:hover { background-color: #e5e5e5; }
/**************************************************/
/* 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: 17px; 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: 18px; line-height: 20px }
.c-list .c-list-info > p { font-size: 16px; line-height: 20px; color: #909090; }
.c-list .c-list-label { font-size: 16px !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: 45px; height: 45px; }
.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; }
.c-border, .c-border-t, .c-border-b, .c-border-l, .c-border-r, .c-border-tb { border-color: #e1e1e1; border-style: solid; }
.ui-grid { display: -webkit-box; display: box; }
.ui-col-0 { -webkit-box-flex: 0; box-flex: 0; }
.ui-col-1 { -webkit-box-flex: 1; box-flex: 1; }
.ui-arrow, .ui-arrow s { position: relative; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 5px; }
.ui-arrow-r, .ui-arrow-r s { border-left-color: #aaa; border-left-style: solid; }
.ui-arrow-r s { border-left-color: #fff; position: absolute; left: -7px; top: -5px; }
.c-btn-4dcd70 { background-color: #4dcd70; }
.c-btn-74bf00 { background-color: #74BF00; }
.c-btn-4dcd70:hover { background-color: #45b865; }
.c-btn-fff { background-color: #ffffff; color: #999999; border: #e1e1e1 1px solid; }
.c-btn-fff:hover { background-color: #e5e5e5; }
body, html { width: 100%; height: 100%; background: #f2f4f6; }
/* 健康管理师 */
.sdoc-top { height: 180px; background: url(../images/banner1.jpg) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; text-align: center; padding: 20px 15px 0 15px; font-size: 12px; color: #fff; text-shadow: 0px 0px 2px rgba(0,0,0,0.6); line-height: 23px; position: relative; }
.sdoc-top .sdimg { display: block; margin: 0 auto 10px auto; width: 60px; height: 60px; padding: 1px; background-color: rgba(250,250,250,.75); border-radius: 50%; }
.sdoc-top.smil { padding: 38px 15px 36px; height: 100px; background: url(../images/p-bg-top.png) no-repeat; background-size: 100% 100%; }
.sdoc-top.smil.short { height: 60px; }
.sdoc-top.smil .sdimg { margin: 0; width: 56px; height: 56px; border-radius: 56px; overflow: hidden; padding: 0; background: rgb(250,250,250);}
.sdoc-top.smil .sdimg img { width: 56px; height: 56px; }
.ff6600 { color: #ff6600; }
.pb60 { padding-bottom: 60px; }
.slider-detail h2 { color: #333333; }
.slider-detail p { color: #888888; }
.slider-detail li { padding: 10px 0 12px 0; position: relative; border-bottom: 1px solid #e1e1e1; }
.slider-detail li:last-child { border: none; }
.slider-detail li span { position: absolute; bottom: 0px; right: 15px; }
.slider-detail p.show { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.arrow-down, .arrow-up { display: inline-block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; cursor: pointer; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }
.arrow-up { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.line-click { width: 100%; height: 15px; position: relative; }
.menu-boxer span { width: 60px; height: 60px; text-align: center; color: #fff; line-height: 60px; display: block; border-radius: 60px; margin: 15px auto 0; }
.menu-boxer span i { font-size: 40px; }
.menu-boxer p { color: #666666; font-size: 14px; text-align: center; padding-top: 5px; }
.menu-boxer span.green-bg { background: #38e4a5; }
.menu-boxer span.red-bg { background: #f2417f; }
.menu-boxer span.org-bg { background: #ffb30f; }
.menu-boxer span.blue-bg { background: #32a7f9; }
/*提交成功*/
.data-noticebox { padding-top: 15%; text-align: center; }
.data-noticebox i { color: #4dcd70; font-size: 80px; line-height: 80px; }
.data-noticebox p { padding-left: 48px; padding-right: 48px; }
.data-noticebox p span { color: #333333; }
.data-noticebox .bottom-box { padding: 30px 15px 0; }
.bottom-box a.c-btn { width: 45%; padding: 12px 30px; }
.bottom-box { box-sizing: border-box; }
.bottom-box a { box-sizing: border-box; }
.ts-boxer { max-width: 320px; width: 40%; margin: 0 auto; }
.ts-noti { background: url(../images/pingjia.png) no-repeat center center; height: 0; background-size: 100% auto; width: 100%; padding-bottom: 100%; display: block; }
/*评价*/
.evaluation-boxer { }
.evaluation-boxer .scoresr { padding: 6px 15px; color: #666666; line-height: 36px; }
.evaluation-boxer .scoresr i { font-size: 24px; color: #c5c3c3; }
.evaluation-boxer .scoresr li.checked i { color: #ff7200; }
.scoresr li { float: left; width: 31.4px; height: 24px; }
.words-box textarea { border: none; box-sizing: border-box; padding: 10px 15px; font-size: 14px; }
.com-bottom { padding: 0 15px; }
.ti-star { margin-top: 7px; background: url(../images/tip-star.png) no-repeat; text-align: left; width: 157px; height: 22px; background-size: cover; overflow: hidden; background-position: 0 -22px; }
.ti-star ul { background: url(../images/tip-star.png) no-repeat; width: 157px; height: 22px; background-size: cover; overflow: hidden; background-position: 0 -22px; }
.ti-star ul.one { background-position: -134px 0; }
.ti-star ul.two { background-position: -101px 0; }
.ti-star ul.three { background-position: -67px 0; }
.ti-star ul.four { background-position: -34px 0; }
.ti-star ul.five { background-position: 0 0; }
/*csx*/
.ptb12 { padding-top: 12px; padding-bottom: 12px; }
.n-list { background-color: #fff; }
.n-list > li, .n-list > .n-list-li { position: relative; display: -webkit-box; display: box; box-pack: center; padding-right: 15px; margin-left: 15px; border-top: 1px solid #f1f1f1; clear: both; }
.n-list > li:first-child, .n-list > .n-list-li:first-child { border-top: none; }
.n-list > .n-list-link:active { background-color: #f7f7f7; padding-left: 15px; margin-left: 0 }
.n-list > .n-list-cover { padding-left: 15px; margin-left: 0; }
.n-list > .list-arrow-r, .n-list > .list-arrow-d, .n-list > .list-arrow-u { padding-right: 30px }
.n-list > .list-arrow-r:after, .n-list > .list-arrow-d:after, .n-list > .list-arrow-u:after { position: absolute; top: 50%; right: 15px; margin-top: -5px; content: ""; display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.n-list > .list-arrow-d:after { right: 13px; margin-top: -8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.n-list > .list-arrow-u:after { right: 13px; margin-top: -2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.n-list-title { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; }
.n-list-key, .n-list-info { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; }
.n-list-info { display: -webkit-box; display: -moz-box; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
.n-list-flex { display: -webkit-box; display: -moz-box; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
.n-list > .n-list-function { border-top: none; padding-right: 0; }
.n-list > .n-list-function .n-list-flex { border-top: 1px solid #f1f1f1; }
.n-list > .n-list-function:first-child .n-list-flex { border-top: none; }
.n-list > li:first-child, .n-list > .n-list-function:first-child, .n-list > .n-list-function:first-child .n-list-info, .n-list > div:first-child { border: 0; }
.n-list > .n-list-label { border-top: none; padding-right: 0; }
.n-list .n-list-img { width: 100px; height: 68px; overflow: hidden; position: relative }
.n-list .n-list-img img { width: 100%; height: auto; }
.required { position: relative; }
.required:before { content: "*"; position: absolute; color: #f00; font-size: 14px; height: 12px; line-height: 12px; vertical-align: middle; left: -10px; top: 50%; margin-top: -5px; }
.n-avatar-s, .n-avatar-m, .n-avatar-l { width: 26px; height: 26px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }
.n-avatar-m { width: 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%; }
/* 填写信息 */
.edit-info>li .n-list-key:first-child { width: 4em; color: #333; }
.edit-info>li .n-list-info { color: #5b5b5b; }
.add-member { color: #5b5b5b; line-height: 24px; vertical-align: middle; }
.add-member .iconfont { font-size: 24px; line-height: 24px; margin-left: 5px; }
.sel-sex li { display: inline-block; line-height: 24px; vertical-align: middle; margin-right: 30px; }
.sel-sex li i { font-family: "iconfont" !important; font-size: 24px; line-height: 24px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; color: #dfdfdf; margin-right: 5px; }
.sel-sex li i.sex-male:before { content: "\d607"; }
.sel-sex li i.sex-female:before { content: "\d608"; }
.sel-sex li.selected i.sex-male:before { color: #4dcd70; content: "\d60a"; }
.sel-sex li.selected i.sex-female:before { color: #ee90ff; content: "\d60b"; }
.doc-avatar { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; }
.doc-avatar img { width: 100%; height: 100%; }
/*投诉*/
.ts-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0; border: none; }
.upload-img { overflow: hidden; display: inline-block; }
.upload-img ul li { position: relative; display: inline; float: left; width: 76px; height: 76px; padding: 0 10px 10px 0; }
.upload-img ul li img { width: 100%; height: 100%; }
.add-btn { position: relative; display: block; width: 74px; height: 74px; font-size: 0; color: #b8b8b8; border: 1px dashed #a0a0a0; background: #fff; }
.add-btn:before { content: ""; display: block; position: absolute; top: 34px; left: 22px; width: 30px; height: 2px; background: #a0a0a0; }
.add-btn:after { content: ""; display: block; position: absolute; top: 20px; left: 36px; width: 2px; height: 30px; background: #a0a0a0; }
.doc-tab li { width: 50%; }
.doc-tab li.hit { border-bottom: 3px solid #4dcd70; }
.doc-tab li.hit a { color: #4dcd70; }
.doc-list-sm { padding: 10px 15px; }
.doc-list-sm span { color: #666; }
.doc-list-sm b { color: #333; font-weight: normal; }
.delimgpop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; text-align: center; z-index: 2200; }
.del-img-box { width: 100%; height: 100%; display: table; }
.del-img-con { display: table-cell; vertical-align: middle; }
.del-img-con img { width: auto; height: auto; }
.del-img-con p { position: relative; display: inline-block; min-width: 100px; text-align: center; }
.del-img-box p:after { position: absolute; top: 0; left: 0; content: ""; background: rgba(255,255,255,.6); width: 100%; height: 40px; z-index: 10; }
.del-img-btn { display: inline-block; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; z-index: 20; padding: 0 15px; text-align: right; color: #000; }
.del-img-btn .iconfont { font-size: 20px; margin-right: 4px; }
/*2015.10.9*/
.w4em { width: 4em; }
.c-ff5bd3 { color: #ff5bd3; }
.c-images-cycle { border-radius: 50%; overflow: hidden; }
.word-bread { white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; }
/*健康指导*/
.histroy-title { padding: 8px 15px; color: #5b5b5b; font-size: 13px; }
.histroy-title .iconfont { color: #c5c5c5; }
.doctor-talk { padding: 6px 15px; font-size: 13px; }
.doctor-talk .iconfont { color: #37a6ed; font-size: 20px; }
/*已建档*/
.common-title { font-size: 13px; padding: 8px 15px; color: #5b5b5b; }
.tz-record-list .n-list-key { padding: 12px 20px 12px 0; }
.tz-record-list .n-avatar-m { font-size: 13px; border-radius: 50%; overflow: hidden; text-align: center; }
.tz-record-list .n-list-flex { padding: 12px 0; }
.tz-record-list .n-list-info { padding-right: 25px; }
.tz-record-list .n-list-info p { font-size: 13px; color: #909090; white-space: pre-wrap; word-wrap: break-word; }
.doctor-zd-list .n-list-key { padding: 12px 20px 12px 0; }
.doctor-zd-list .n-avatar-m { border-radius: 50%; overflow: hidden; }
.doctor-zd-list .n-list-flex { padding: 12px 0; }
.doctor-zd-list .n-list-info p { font-size: 13px; color: #909090; white-space: pre-wrap; word-wrap: break-word; }
.health-border-1 { border: 1px solid #ff9806; }
.health-border-2 { border: 1px solid #ff0606; }
.health-border-3 { border: 1px solid #4dcd70; }
.health-border-4 { border: 1px solid #ea68a2; }
.health-border-5 { border: 1px solid #1dbdbf; }
.health-border-6 { border: 1px solid #37a6ed; }
.health-border-7 { border: 1px solid #ae5da1; }
.dis-more-box { background: #fff; border-top: 1px solid #f1f1f1; }
.dis-more { display: block; padding: 10px 15px; }
.dis-more span { position: relative; color: #007cd9; font-size: 13px; display: inline-block; padding-right: 20px; }
.dis-more span:after { display: inline-block; position: absolute; right: 0; top: 2px; content: ""; width: 8px; height: 8px; border: solid #007cd9; border-width: 2px 2px 0 0; cursor: pointer; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); transition: all 0.5s; -webkit-transition: all 0.5s; }
.dis-more span.rotate:after { top: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.5s; -webkit-transition: all 0.5s; }
.no-data { width: 100%; font-size: 13px; color: #909090; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.no-data-img { width: 40%; max-width: 320px; margin: 0 auto; }
.no-zhidao-icon { width: 100%; height: 0; padding-bottom: 100%; background: url(../images/no-zhidao.png) no-repeat 0 0; background-size: 100% auto; }
.no-data p { padding-top: 10px; }
/*曲线*/
.curve-tab { padding: 10px 7px; background: #f2f4f6; overflow: hidden; }
.curve-tab li { float: left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; }
.curve-tab li a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 28px; line-height: 28px; font-size: 14px; border-radius: 3px; text-align: center; color: #333; border: 1px solid #e1e1e1; background: #fff; }
.curve-tab li.current a { background: #4dcd70; border: 1px solid #4dcd70; color: #fff; }
.curve-box {padding: 0px;}
.curve-charts { width: 100%;height: 220px;}
.curve-box .swiper-container {padding-bottom: 40px;}
.chart-zt { text-align: right;padding: 0px 15px;font-size: 13px;}
.chart-zt li { display: inline-block; margin-left: 15px; }
.chart-zt li i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
.chart-title { text-align: center;padding: 0px;font-size: 13px;}
.chart-title li { display: inline-block; margin-right: 15px; }
.chart-title li i { display: inline-block; width: 16px; height: 4px; margin-bottom: 3px; }
.bgc-0ad800 { background: #0ad800; }
.bgc-f00 { background: #f00; }
.bgc-0ad800 { background: #0ad800; }
.bgc-f00 { background: #f00; }
.bgc-b6a2de { background: #b6a2de; }
.bgc-5dd1d2 { background: #5dd1d2; }
/*健康头条*/
.news-list li { padding-top: 12px; padding-bottom: 12px; }
.news-pic { width: 60px; height: 60px; border-radius: 4px; overflow: hidden; }
.news-pic img { width: 100%; height: 100%; }
.pull-more { display: block; text-align: center; color: #5b5b5b; font-size: 14px; padding: 10px 0; }
.pull-more:active { background: rgba(0,0,0,.05); }
.art-detil { padding: 15px; }
.art-detil h1 { font-size: 18px; line-height: 30px; color: #333; }
.art-detil a { color: #137bf2; }
.art-detil img { max-width: 100%; display: block; margin: 10px auto; }
.art-con p { color: #666; font-size: 14px; line-height: 1.5em; padding: 5px 0; text-indent: 2em; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; }
.art-con a { display: block; clear: both; color: #137bf2; }
/* 个人中心 */
.addp-list .input-group-addon { min-width: 100%; width: 90px; text-align: right; }
.mem-top { background-color: #fafafa; position: relative; }
.men-list li { position: relative; }
.men-list .icon-wodesuifang1, .men-list .icon-wodeziliao { color: #cf678c;}
.men-list .icon-wodejiating, .men-list .icon-jiankangzhishi { color: #a8db5c;}
.men-list .icon-yongyaojilu, .men-list .icon-yongyaojilu { color: #f05b1a;}
.men-list .icon-jiankangguanli { color: #4eb5ce;}
.men-list .icon-wodeyuyue { color: #e7674e;}
.men-list .icon-wodezixun,.men-list .icon-jiankangzhibiao{ color: #ee9d34;}
.men-list .icon-shipinwenzhenjilu { color: #7fc541;}
.men-list .icon-jiankangjilu { color: #46b4f9;}
.men-list .icon-shebeibangding { color: #ea7a28;}
.men-list .icon-binglibaogaoshangchuan { color: #5897cc;}
.men-list .icon-dianzijiankangdangan { color: #e67b85;}
.men-list .icon-yishengzhidao { color: #a37cab;}
.men-list li .c-avatar-s { position: relative; overflow: inherit; vertical-align: middle;}
.men-list .c-list-function {  border-top: 1px solid #f1f1f1;}
.men-list .c-list-function .c-list-info { border-top: none;}
.men-list li .c-list-action { top: 0px; }
.mlnum { position: absolute; top: -4px; right: -4px; width: 12px; height: 12px; background: #ec4300; text-align: center; line-height: 12px; font-size: 8px; color: #fff; }
.men-list li .iconfont { font-size: 26px; display: inline-block; margin: 5px 10px 5px 0;}
.men-list li .qytimes { display: block; position: absolute; right: 15px; top: 50%; margin-top: -10px; font-size: 12px; color: #fff; }
.btn-white-l { background: #fff; color: #f75a53; font-size: 15px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 15px 0; width: 100%; display: block; text-align: center;}
/*健康历程*/
.health-course { position: relative; min-height: 100%; padding: 0 15px; z-index: 100; }
.health-course:after { position: absolute; content: ""; width: 2px; height: 100%; background: #4dcd70; top: 0; left: 36px; z-index: 101; }
.course-year { position: relative; z-index: 200; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; }
.course-year i { display: inline-block; width: 46px; height: 46px; line-height: 46px; font-size: 14px; text-align: center; color: #fff; border-radius: 50%; background: #4dcd70; }
.course-date-list { padding-bottom: 5px; }
.course-date-list li { position: relative; padding-left: 40px; z-index: 200; margin-bottom: 15px; }
.course-date-list li:after { position: absolute; content: ""; width: 12px; height: 12px; border-radius: 50%; background: #4dcd70; top: 30px; left: 16px; z-index: 201; }
.coruse-date { height: 20px; font-size: 13px; color: #909090; padding-left: 1em; }
.coruse-con { position: relative; background: #fff; border: 1px solid #e1e1e1; border-radius: 4px; padding: 7px 10px; }
.coruse-con:after { position: absolute; top: 10px; left: -6px; content: ""; width: 10px; height: 10px; border: 1px solid #e1e1e1; border-width: 0 0 1px 1px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.coruse-con p { font-size: 13px; color: #5b5b5b; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; padding: 3px 0; }
.coruse-con p span { color: #333; padding-right: 5px; }
/*门诊详情*/
.outp-details-top { position: fixed; width: 100%; top: 0; left: 0; background: #fff; height: 72px; border-bottom: 1px solid #e1e1e1; color: #333; font-size: 14px; padding: 8px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; }
.outp-details-top li { width: 50%; height: 28px; line-height: 28px; float: left; padding-right: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.outp-details-top li span { margin-right: 5px; }
.outp-details-top:before { position: absolute; top: 72px; left: 0; content: ""; width: 100%; height: 15px; background: #f2f4f6; border-bottom: 1px solid #e1e1e1; }
.outp-details-top:after { position: absolute; top: 88px; left: 0; content: ""; width: 100%; height: 10px; background: #fff; }
.outp-details-box { padding: 0 15px 30px 15px; background: #fff; margin-top: 97px; }
.outp-details-con { width: 100%; }
.outp-details-con dl { padding-bottom: 10px; }
.outp-details-con dl dt { position: relative; color: #333; font-size: 15px; padding-left: 15px; }
.outp-details-con dl dt:before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #4dcd70; top: 50%; left: 0; margin-top: -4px; }
.outp-details-con dl dd { color: #666; font-size: 13px; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; }
.outp-doctor-info { color: #5b5b5b; font-size: 14px; padding-top: 15px; margin-top: 5px; border-top: 1px dotted #e1e1e1; }
.outp-doctor-info span { color: #333; margin-right: 10px; }
.outp-doctor-info .iconfont { color: #007cd9; margin-right: 5px; }
/*我的圈子*/
.quanzi-top { position: fixed; width: 100%; top: 0; left: 0; background: #fff; height: 75px; border-bottom: 1px solid #e1e1e1; color: #333; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; }
.quanzi-top li { width: 50%; height: 75px; padding-top: 12px; text-align: center; font-size: 15px; color: #5b5b5b; float: left; border-right: 1px solid #e1e1e1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.quanzi-top li:last-child { border-right: none; }
.quanzi-top li .iconfont { font-size: 30px; line-height: 30px; color: #4dcd70; }
.quanzi-top li:last-child .iconfont { color: #37a6ec; }
.quanzi-top:before { position: absolute; top: 75px; left: 0; content: ""; width: 100%; height: 15px; background: #f2f4f6; border-bottom: 1px solid #e1e1e1; }
.quanzi-box { background: #fff; margin-top: 90px; }
.quanzi-list .n-list-key { padding: 12px 20px 12px 0; }
.quanzi-list .n-avatar-m { border-radius: 50%; overflow: hidden; }
.quanzi-list .n-list-flex { padding: 12px 0; }
.quanzi-list .n-list-info { padding-right: 15px; }
/*体重*/
ul.fosx-li .input-group .form-select-arrow { top: 17px; right: 0; }
ul.fosx-li .form-control { text-align: left; padding-right: 30px; }
.ptb8 { padding-top: 8px; padding-bottom: 8px; }
.input-group.bor-radius-tic .form-control { border-radius: 0; }
.no-border { border: none !important; }
.patient-list .form-control { font-size: 17px !important; }
.dwfl { min-width: 53.33px !important; }
.patient-list input { color: #5b5b5b !important; }
.wis-fix .c-list .c-list-value { min-width: 65px; }
.c5b { color: #5b5b5b; }
.c-table.pos td, .c-table.pos th { border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; text-align: center; padding: 5px; font-weight: normal; }
/*体重历史*/
.health-table-blue { background: #32aa6d; color: #fff; overflow: hidden; }
.bg-fff { background-color: #fff; }
.bg-32aa6d { background: #32aa6d; }
.c-333 { color: #333 !important; }
.ptb8 { padding-top: 8px; padding-bottom: 8px; }
/*选择医生*/
.c-ser-into { border: none; }
.hd85 { height: 85px; }
.sarea-box { width: 100%; height: 40px; line-height: 40px; background: #fff; position: fixed; left: 0; top: 0; padding: 0 15px; z-index: 800; }
.sarea-box i.icon-ditudingwei { font-size: 22px; vertical-align: middle; margin: 0 0 4px 0; color: #888; }
.sarea-box i.icon-dingwei { font-size: 22px; vertical-align: middle; margin: 0 0 4px 0; color: #007cd9; }
.sarea-box .list-icon { display: inline-block; vertical-align: middle; margin: 0 0 7px 5px; position: relative; left: 0; top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.sarea-box .arrow-right { border-color: #cbcbcb; }
.sseach-box { width: 100%; height: 45px; background: #fff; position: fixed; left: 0; top: 40px; padding: 0px 15px 0 15px; z-index: 800; }
.shcom-list ul li .c-list-img { width: 50px; height: 50px; border-radius: 50px; overflow: hidden; }
.shcom-list ul li .c-list-img img { width: 50px; height: 50px; }
.shcom-list ul li .c-list-info { padding-right: 30px; }
.r-15 { right: 15px; }
.c-ccc { color: #ccc; }
.pl25 { padding-left: 25px; }
.c888 { color: #888; }
.c-000 { color: #000; }
.list-icon { height: 8px; width: 8px; position: absolute; display: inline-block; margin-top: -4px; top: 50%; }
.serch-hold { width: 100%; height: 66px; background: #fff; position: fixed; left: 0; top: 0; z-index: 600; padding: 15px 15px 0 15px; display: box; display: -webkit-box; }
.ser-box { border: 1px solid #e1e1e1; border-radius: 4px; height: 36px; font-size: 13px; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; padding: 0 10px; position: relative; }
.ser-box a.s-initial { display: block; line-height: 34px; /*color:#dfdfdf;*/ position: relative; }
.ser-box .ser-icon { position: absolute; /*right:15px;*/ top: 50%; margin-top: -8px; }
.ser-box .ser-icon:before { content: ""; position: absolute; background: transparent; font-size: 1px; left: 1px; top: 0px; width: 10px; height: 10px; border: 2px solid #ccc; border-radius: 50%; }
.ser-box .ser-icon:after { content: ""; position: absolute; background: transparent; font-size: 1px; left: 11px; top: 12px; width: 6px; height: 2px; background: #ccc; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.ser-box .input-clear { position: absolute; right: 6px; top: 9px; background: #7e7e7e; border-radius: 50%; width: 16px; height: 16px; text-align: center; }
.ser-box .input-clear .close { position: relative; display: inline-block; width: 10px; height: 10px; overflow: hidden; top: -2px; }
.ser-box .input-clear .close:before, .ser-box .input-clear .close:after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0px; margin-top: -1px; background: #fff; border-radius: 6px; }
.ser-box .input-clear .close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.ser-box .input-clear .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.ser-text { width: 100%; height: 34px; line-height: normal; }
.s-cancle { display: inline-block; box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; width: 40px; line-height: 40px; text-align: right; color: #007cd9; font-size: 14px; }
.disa-space { width: 100%; background: #eff1f3; height: 10px; position: fixed; left: 0; top: 66px; z-index: 500; }
.disea-div { width: 100%; height: 100%; position: fixed; left: 0; top: 0; padding-top: 76px; z-index: 10; }
.disea-first { width: 32%; height: 100%; background: #f5f5f5; border-top: 1px solid #e1e1e1; float: left; }
.disea-first li a { display: block; height: 50px; line-height: 50px; padding-left: 15px; color: #333; position: relative; font-size: 14px; }
.disea-first li a.hit { background: #fff; color: #4dcd70; }
.disea-first li a .arrow { position: absolute; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 6px; right: 0; top: 50%; margin-top: -6px; border-right-color: #ebebeb; border-right-style: solid; }
.disea-first li a.hit .arrow { border-right-color: #fff; }
.disea-sec { width: 68%; height: 100%; background: #fff; border-top: 1px solid #e1e1e1; float: left; padding: 0 0 0 20px; }
.disea-sec li a { display: block; height: 43px; line-height: 43px; color: #666; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; border-bottom: 1px solid #f2f2f2; position: relative; font-size: 14px; }
.result-list { }
.result-list li { line-height: 40px; border-top: 1px solid #f2f2f2; background: #fff; padding: 0 15px; }
.result-list li:first-child { border-top: none; }
.result-list li a { display: block; color: #666; font-size: 14px; }
.no-serch { text-align: center; line-height: 23px; padding: 0 15px; }
.icon-noserch { display: inline-block; width: 110px; height: 110px; background: url(../images/noser.png) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; margin: 40px 0 5px 0; }
.doc-choo .c-avatar-m { margin: 10px 10px 10px 0; }
/*2015.10.10*/
/*个人中心-选择联系人*/
.ql-boxer { position: fixed; top: 0; width: 100%; left: 0; }
.ql-boxer .c-serdet { padding: 7px 15px 0 15px; }
.choose-chat li i { display: block; width: 20px; height: 20px; }
.choose-chat li i.circ { border: 1px solid #d3d3d3; }
.choose-chat { padding-top: 43px; }
.choose-chat li { position: relative; }
.choose-chat li input { display: none; }
.choose-chat li .c-avatar-m { overflow: hidden; padding-left: 32px; }
.choose-chat li .c-avatar-m img { border-radius: 50%; overflow: hidden; }
.choose-chat li i { position: absolute; width: 20px; height: 20px; top: 18px; left: 15px; border-radius: 20px; }
.choose-chat li i.icon-dagou { text-align: center; color: #fff; background: #4dcd70; line-height: 22px; width: 22px; height: 22px; }
.ts-noda { background: url(../images/no-search.png) no-repeat center center; height: 0; background-size: 100% auto; width: 100%; padding-bottom: 100%; display: block; }
.c-dcdcdc { color: #dcdcdc; }
.choose-chat .search-li li .c-avatar-m { padding-left: 0 }
.c-888 { color: #888888; }
a.a-more { color: #007cd9; display: block; width: 100%; text-align: center; padding: 10px 0; color: #007cd9; font-size: 12px;/* border-top: 1px solid #f1f1f1; */ }
/* 对话 */
.my-team-top { width: 100%; height: 79px; background: #fff; border-bottom: 1px solid #e1e1e1; overflow-x: auto; overflow-y: hidden; }
.my-team-top ul { height: 79px; width: 100%; }
.my-team-top li { float: left; width: 33.33%; height: 70px; padding-top: 9px; text-align: center; color: #666; font-size: 13px; }
.my-team-top li img { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; }
.advis-dialog-box { overflow-y: auto; }
.advis-dialog .ditime { text-align: center; font-size: 12px; color: #aeaeae; line-height: 18px; padding-bottom: 8px; }
.advis-dialog .ditime:before, .advis-dialog .ditime:after { content: ""; display: inline-block; width: 50px; height: 4px; background: transparent; margin: 0 10px; border-top: 1px solid #e6e4e1; }
.dial-left .dialog { padding: 0 0 0 55px; position: relative; overflow: hidden; }
.dial-left .dihead { width: 40px; height: 40px; position: absolute; left: 0; top: 5px; border-radius: 50%; overflow: hidden; }
.dial-left .dihead img { width: 100%; height: 100%; }
.dial-left .diname { display:block; font-size:12px; color:#909090; width:100%; height:20px;}
.dial-left .dicon { font-size: 13px; background: #fff; border: 1px solid #e1e1e1; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #333; float: left; word-break: break-all; }
.dial-left .dicon:before { position: absolute; content: ""; top: 30px; left: 50px; width: 10px; height: 10px; border: 1px solid #e1e1e1; border-width: 0 0 1px 1px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.dial-right .dialog { padding: 0 55px 0 0; position: relative; overflow: hidden; }
.dial-right .dihead { width: 40px; height: 40px; position: absolute; right: 0; top: 5px; }
.dial-right .dihead img { width:100%; height:100%; }
.dial-right .diname { display:block; text-align:right; font-size:12px; color:#909090; width:100%; height:20px;}
.dial-right .dicon { font-size: 13px; background: #bce0ff; border: 1px solid #81bdf7; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #5b5b5b; float: right; word-break: break-all; }
.dial-right .dicon:before { position: absolute; content: ""; top: 30px; right: 50px; width: 10px; height: 10px; border: 1px solid #81bdf7; border-width: 1px 1px 0 0; background: #bce0ff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.dicon img{ max-height:120px; max-width:120px;}
.advis-end { background: #e6eef9; line-height: 20px; text-align: center; }
.advis-end i { font-size: 18px; color: #ff8100; vertical-align: middle; margin: 0 5px 0 0; }
.advis-end a { font-size: 14px; color: #157efb; }
.advis-bot { width: 100%; height: 63px; background: #fff; position: fixed; left: 0; bottom: 0; padding: 14px 93px 0 15px; }
.advis-bot a { display: block; position: absolute; right: 15px; top: 14px; color: #333; font-size: 14px; padding: 0 18px; height: 33px; line-height: 33px !important; background: #f5f5f5; border: 1px solid #bebebe; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.advis-bot .askbtn { width: 100%; height: 35px; line-height: normal; border: 1px solid #bebebe; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff; }
.chat-form { height: 45px; padding-left: 10px; padding-right: 10px; }
.nopos { position: relative; bottom: auto; left: auto; }
.chat-form .ui-col-0 { width: 44px; text-align: center; }
.chat-form .ui-col-0 a { display: inline-block; height: 30px; width: 30px; line-height: 30px; position: relative; top: 8px; color: #808080; }
.chat-form .ui-col-0 a .iconfont { font-size: 30px; line-height: 30px; }
.chat-input { height: 22px; font-size: 13px; line-height: 22px; border: 0; border-bottom: #4dcd70 1px solid; position: relative; top: 14px; }
.chat-pictures-wrap { height: 100%; z-index: 2323; top: 0; left: 0; display: none; }
.chat-pictures-bg { height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.chat-pictures-btn { bottom: 10px; left: 0 }
.chat-pictures-a { overflow: hidden }
.chat-pictures-a a { height: 45px; line-height: 45px; display: block; font-size: 15px; color: #00a1d8; text-align: center; width: 100%; background-color: #fff; border-bottom: #e1e1e1 1px solid }
.chat-pictures-a a:last-child { border-bottom: 0 }
.chat-pictures-a a em { display: inline-block; border: #00a1d8 1px solid; border-radius: 50%; line-height: 12px; position: relative; top: -2px }
.chat-pictures-a a i.iconfont { font-size: 18px; margin-right: 5px; }
.chat-form .ui-col-0 a.chat-send { display: inline-block; width: 44px; height: 31px; line-height: 31px; background: #4dcd70; text-align: center; font-size: 13px; color: #fff; border: none; border-radius: 3px; float: left; }
.view-more { display: inline-block; width: 100%; text-align: center; color: #5b5b5b; padding: 15px 0 10px 0; }
.c-ser-main.onlytext { background-color: transparent; border: 1px solid transparent; color: #5b5b5b; padding-left: 0; }
.curve-box .swiper-container { width:100% !important;}
.curve-box .swiper-pagination{ clear:both;}
/* 暂无信息 */
.nomess{ text-align:center; line-height:30px; padding:120px 0 60px 0; color:#5b5b5b;}
.nomess i{ display:block; width:90px; height:90px; background-position:-1px -30px; margin:0 auto;}
.icon{ background:url(../images/icon.png) no-repeat; background-size:250px 250px; -webkit-background-size:250px 250px; -moz-background-size:250px 250px; -ms-background-size:250px 250px;}
/*2015.11.24*/
.edit-info.registered>li .n-list-key:first-child{width:5em;}
.fi-btnbox{bottom:0;left:0;width:100%;padding:5px 15px;box-sizing:border-box;background:#e1e1e1;}
.bottom-box.fi-btnbox a.c-btn{padding:12px 16px;}
.pb47{padding-bottom:47px;}
.getmore{ width:100%;}
.getmore a{ display:block; width:100%; line-height:40px; color:#5b5b5b; text-align:center; font-size:14px; background:#f2f4f6;}
/*2015.12.25*/
.sigl-up .n-list-key{width:6.5em !important;}
.sigl-up .n-list-key i.iconfont{color:#4dcd70;}
.c-btn-fff.c-333{color:#333;}
/******2016 5.6*******/
.header-person { background: url("../images/header-person.jpg") no-repeat 0 0; height: 150px; background-size: 100% 100%; color: #fff; text-align: center;}
.header-person .doc-avatar { display: inline-block; margin-top: 20px; width: 68px; height: 68px;}
.header-person .icon-nv { color: #f73a5c;}
.header-person .name { font-size: 15px;}
.box-kv { background: #fff; padding: 12px 10px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; font-size: 15px;}
.box-kv .value input { font-size: 12px; text-align: right;}
/*表单模块*/
.mod { background:#fff; font-size: 15px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.mod input { border:0; height: 31px; width:100%;}
.mod .hd { border-bottom: 1px solid #e1e1e1; color:#333;}
.mod .hd .right{ color: #ccc; float: right;}
.mod .hd , .mod .bd { padding: 12px 10px; }
.mod textarea { width:100%; border:0; color:#333; resize: none; word-break: break-all; font-size: 12px;}
.mod input::-webkit-input-placeholder,.mod-info .content .list li textarea::-webkit-input-placeholder { color:#bfbfbf;}
.add-img  li { display: inline-block; width: 70px; height: 70px; position: relative; margin-right: 5px;}
.add-img img { width: 100%; height: 100%; vertical-align: inherit;}
.add-img .add-item {  border: 1px dashed #bebebe; box-sizing: border-box;}
.add-img .add-item:before { content:"";position: absolute; width: 28px; height: 2px; top: 50%; left: 50%; margin: -1px 0 0 -14px; background: #b8b8b8;}
.add-img .add-item:after { content:"";position: absolute; width: 2px; height: 28px; top: 50%; left: 50%; margin: -14px 0 0 -1px; background: #b8b8b8;}
.add-img .del-item .icon-laji { position: absolute; top: 0; right: 2px; color: #fff; font-size: 14px;}
.add-img .del-item:before { content: ""; background: rgba(0,0,0,.5); width: 25px; height: 25px; display: block; top: 0; right: 0; position: absolute; border-bottom-left-radius: 100%;}
.readed-explain { font-size: 13px; color: #777; text-align: center;}
.readed-explain a { color: #0574dd;}
.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; }
.over-lay, .over-lay[id] { position: fixed; top: 0; left: 0; z-index: 3000; width: 100%; height: 100%; background: rgba(0,0,0,.7); }
/*2016.5.4录音*/
.mod-record .broadcast { height: 35px; border-top: 1px solid #e1e1e1; text-align: center; position: relative;}
.mod-record .broadcast-icon { width: 40px; height: 40px; border-radius: 50%; display: inline-block; background: #37a6ed; text-align: center; margin-top: 7px; position: relative; bottom: -13px; z-index: 10;}
.mod-record .broadcast-icon .iconfont { color: #fff; font-size: 26px;}
.mod-record .bg { width: 56px; height: 56px; border-radius: 50%; display: inline-block; position: absolute; top: 50%; left: 50%; border: 1px solid #e1e1e1; background: #fff; margin: -7px 0 0 -29px; clip: rect(36px,58px,60px,0px);}
.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:fixed;overflow:hidden;z-index:10;top:0;background-color: rgba(0,0,0,.35);top:0;bottom:0;left:0;right:0}
/*动画*/
.win-broadcast .broadcast
{
    animation: broadcast 2s infinite;
    -webkit-animation: broadcast 2s infinite;  /* Safari 和 Chrome */
}
@-webkit-keyframes broadcast
{
    0%   { background-color:#ccf5ff;box-shadow: 0 0 0 0px #ccf5ff,0 0 0 0 #c3e9f2, 0 0 0  0px #e9fffe,0 0 0 0 #ddf5f4;}
    25%  { background-color:#ccf5ff;box-shadow: 0 0 0 5px #ccf5ff,0 0 0 1px #c3e9f2, 0 0 0 20px #e9fffe,0 0 0 1px #ddf5f4;}
    50%  { background-color:#ccf5ff;box-shadow: 0 0 0 10px #ccf5ff,0 0 0 1px #c3e9f2, 0 0 0 25px #e9fffe,0 0 0 1px #ddf5f4;}
    100% { background-color:#ccf5ff;box-shadow: 0 0 0 15px #ccf5ff,0 0 0 1px #c3e9f2, 0 0 0 30px #e9fffe,0 0 0 1px #ddf5f4;}
}
/* 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); }
/**/
.c-b3b3b3 { color: #b3b3b3; }
.c-25aadf { color: #25aadf; }
.tinmper .c-btn-tiny { padding: 6px 8px; }
.tinmper .n-list-info.last { width: 65px; -webkit-box-flex: 0; box-flex: 0; }
.timpers-banner img { width: 100%; }
.timpers-sec-box .c-blocks-2 div, .timpers-sec-box .c-blocks-4 div { float: none; }
.timpers-sec-box .c-blocks-2 li { box-sizing: border-box; display: -webkit-box; display: box; height: 100px; padding: 0 10px; }
.timpers-sec-box .c-blocks-2 li .tim-pic, .timpers-sec-box .c-blocks-2 li .tim-word { display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.timpers-sec-box .c-blocks-2 li .tim-pic { text-align: center; -webkit-box-flex: 1; box-flex: 1; }
.timpers-sec-box .c-blocks-2 li .tim-word { -webkit-box-flex: 4; box-flex: 4; }
.timpers-sec-box .c-blocks-2 li .tim-pic img { width: 55px; }
.timpers-sec-box .c-blocks-4 li { box-sizing: border-box; height: 100px; padding-top: 18px; }
.timpers-sec-box .c-blocks-4 li .tim-pic-min { width: 40px; margin: 0 auto; }
.timpers-sec-box .c-blocks-4 li .tim-pic-min img { width: 100%; }
.timper-cell .tit { margin: 0 0 0 10px; padding: 10px 0; color: #25aadf; }
.timper-inline-hd { height: 170px; }
.timper-inline-hd li.first { box-sizing: border-box; display: -webkit-box; display: box; -webkit-box-orient: vertical; -webkit-box-pack: center; text-align: center; height: 170px; }
.timper-inline-hd li.sec { box-sizing: border-box; display: -webkit-box; display: box; -webkit-box-orient: vertical; -webkit-box-pack: center; text-align: center; height: 85px; float: left; }
.timper-inline-hd li.sec .pic-01 { width: 40px; height: 32.5px; margin: 0 auto; }
.timper-inline-hd li.sec .pic-02 { width: 40px; height: 35px; margin: 0 auto; }
.timper-inline-hd li.sec .pic-01 img, .timper-inline-hd li.sec .pic-02 img { width: 100%; }
.timper-inline-hd li.first .pic { width: 60px; height: 78px; margin: 0 auto; }
.timper-inline-hd li.first .pic img { width: 100%; }
.timper-inline-hd .c-blocks-2 div { float: none; }
.timper-inline-hd li .sim { box-sizing: border-box; display: -webkit-box; display: box; height: 85px; width: 100%; padding: 0 10px; }
.timper-inline-hd li .sim .pic, .timper-inline-hd li .sim .words { display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.timper-inline-hd li .sim .words { -webkit-box-flex: 1; box-flex: 1; }
.timper-inline-hd li .sim .pic { -webkit-box-flex: 0; box-flex: 0; width: 45px; padding-right: 10px; }
.timper-inline-hd li .sim .pic img { width: 45px; height: 50px; }
.timper-search .c-ser-hold { background: #fff; }
.timper-search .c-ser-main, .timper-search .c-ser-input { background: #f2f2f2; border: none; }
.banner img { height: 67px; width: 100%; }
.swiper-pagination-bullet-active { opacity: 1; background: #4dcd70 !important; }
.tabs.timper .hd ul { width: 60%; }
.tabs.timper .hd ul li { width: 50%; float: left; text-align: center; padding: 5px; color: #333; font-size: 14px; box-sizing: border-box; }
.pt-tab-list.hit { display: block; }
.pt-tab-list { display: none; }
.tabs.timper .hd ul li.hit { display: block; color: #4dcd70; border-bottom: 2px solid #4dcd70; }
.da-doclist .c-blocks-4 div { float: none; }
.da-doclist li { text-align: center; padding: 12px 0 0; }
.da-doclist li .pic { width: 40px; height: 40px; border-radius: 50%; margin: 0 auto; }
.da-doclist li .pic img { width: 100%; }
.pt6 { padding-top: 6px; }
.c-4dcd70 { color: #4dcd70; }
/*底部导航*/
#navFooter .iconfont { font-size: 20px; line-height: 1em; }
nav { display: -webkit-box; position: fixed; bottom: 0; background: #fefefe; border-top: 1px solid #cbcbcb; font-size: 12px; width: 100%; text-align: center; color: #3d3d3d; height: 50px; z-index: 999; }
nav a { color: #3d3d3d; color: inherit; }
nav > div { -webkit-box-flex: 1; width: 0; padding-top: 8px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; background: #fefefe; z-index: 1000; }
nav div.curr { color: #17b3ec; }
nav > div:first-child { border-left: none; }
nav .haslist { position: absolute; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 6px; border-left-color: #dddddd; border-left-style: solid; right: -2px; bottom: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 1000; }
nav .nav-list { width: 106%; position: absolute; left: -3%; bottom: 52px; box-shadow: 0 0 10px rgba(0,0,0,.2); display: none; }
nav .nav-list a { display: block; width: 100%; height: 45px; line-height: 45px; border-top: 1px solid #e1e1e1; background: #fff; color: #3d3d3d; font-size: 15px; }
nav .nav-list a:first-child { border-top: none; }
nav div .icon-tag { width: 38px; margin: 0 auto; }
nav div .icon-num { position: absolute; top: -2px; right: 0; width: 17px; height: 17px; border-radius: 50%; font-size: 12px; color: #fff; }
nav .icon-num-red { background-color: #ff3824; }
nav .curr .icon-tongjibaobiao:before { content: "\e605"; }
nav .curr .icon-kehuguanli:before { content: "\e606"; }
nav .curr .icon-xingdongrizhi:before { content: "\e607"; }
nav .curr .icon-wo:before { content: "\e602"; }
.nav-mb { width: 100%; height: 100%; background: rgba(0,0,0,0); position: fixed; left: 0; bottom: 0px; z-index: 998; display: none; }
/*续方*/
.c-999999 { color: #999; }
.ax-popup.pror .ui-dialog-content { width: 100%; }
.c-lab-mor li.hit { border-bottom: 3px solid #4dcd70; }
.c-lab-mor li.hit a { color: #4dcd70; }
.rp-list li { padding: 5px 10px; border-bottom: 1px solid #dcdcdc; line-height: 20px; }
.rp-list li:last-child { border-bottom: 0 none; }
.c-808080 { color: #808080; }
.fox-timper.c-list .c-list-label{border-top:1px solid #e1e1e1 !important;}
.fox-timper .c-list-label div{display: box;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-pack: center;-webkit-box-flex: 1;box-flex: 1;}
.c-btn-DDF5F4{background-color:#DDF5F4;}
.c-4dcd70{color:#4dcd70;}
.c-btn-aee9ff{background-color:#aee9ff;}
.c-17b3ec{color:#17b3ec;}
.zx-timper.c-list .c-avatar-m{margin:5px 15px 5px 0;border-radius:50% !important;}
.zx-timper .c-list-label{display:block;border-top: 1px solid #e1e1e1 !important;}
.zx-timper .c-list-label p{line-height:1.5em;}
.c-ser-hold{background-color: #f8f8f8;}
.timper-addfix{position:fixed;right: 30px;bottom: 30px;background:#4dcd70;width:48px;height:48px;border-radius:50%;text-align:center;line-height:48px;}
.timper-addfix i.icon-jia{color:#fff;font-size:20px;}
.bor-topnone{border-top:none !important;}
.zx-timper .c-btn-tiny{padding: 6px 15px;}
.c-list-label.c-333{color:#333 !important;}
.discus.c-list > li.c-list-label{margin-left:70px;border-top:none !important;padding: 0 15px 10px 0!important;border-bottom: 1px solid #e1e1e1 !important;}
.discus .c-avatar-m{border-radius:50% !important;}
.zx-timper .c-list-label img{width:60px;height:60px;margin:0 5px;}
.advis-dialog .dial-right .icon-yuyinku{color:#fff;font-size:18px;}
.advis-dialog .dial-left .icon-yuyinku{color:#17b3ec;font-size:18px;}
.c-list-label .timper-picer{display:inline-block;}
.c-list-label i.iconfont{color:#9f9fa4;}
/*图片缩放弹框样式*/
.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; right: 0; 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%; }
/*头部*/
.h45{ height:45px;}
.header-comtop{ width:100%; height:45px; line-height:44px; background:#fff; color:#333; text-align:center; position:fixed; z-index:9999; box-sizing:border-box;  border-bottom:1px solid #e1e1e1;}
.header-comtop .mui-action-back{ display: block; width:45px; height:45px; position:absolute; left:0; top:0;}
.header-comtop .mui-action-back:before{ content:''; display: block; width: 12px; height: 12px; border: solid #17b3ec; border-width: 1px 1px 0 0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);position:absolute; left:18px; top:16px;}
.header-comtop h1{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: inline-block; font-size: 16px;}
.header-comtop .operate { color: #058ae8; position: absolute; right: 10px;}
/*我的设备*/
.mr80 { margin-right: 80px;}
.btn-green-l { height: 45px; line-height: 45px; text-align: center; font-size: 16px; background: #4dcd70; border-radius: 6px; color: #fff; display: inline-block; width: 100%;}
.icon-del { background:#e83434; width: 18px; height: 18px; border-radius: 50%; position: relative; display: inline-block; vertical-align: middle;}
.icon-del:before { content:""; background: #fff; position: absolute; width: 10px; height: 2px; left: 50%; top: 50%; margin: -1px 0 0 -5px;}
/*注册*/
.m15 { margin: 15px;}
.c-999 { color: #999;}
.form-register.edit-info.registered > li { height: 45px; line-height: 45px;}
.form-register .iconfont { font-size: 26px; color: #727272; vertical-align: middle;}
/*提示*/
.mod-warn { height: 150px; background: #fff; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 0 15px; box-sizing: border-box; color: #666;}
.mod-warn .iconfont { font-size: 62px; display: block; text-align: center;}
/*用户协议*/
.user-pact { font-size: 15px; margin: 20px 15px 0;}
.user-pact h1 {font-size: 20px; font-weight: bold; text-align: center;}
.user-pact .second-title { font-weight: bold;}

html/404/404.html

@@ -0,0 +1,164 @@
<!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" />
	</head>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0
		}
		
		html,
		body {
			min-height: 100%;
		}
		
		html {
			font-size: 20px;
			font-family: sans-serif;
			-ms-text-size-adjust: 100%;
			-webkit-text-size-adjust: 100%;
		}
		
		body {
			position: relative;
			font-size: .6rem;
			line-height: 1.5;
		}
		
		@media only screen and (min-width: 360px) {
			html {
				font-size: 22.5px;
			}
		}
		
		@media only screen and (min-width: 375px) {
			html {
				font-size: 23.5px;
			}
		}
		
		@media only screen and (min-width: 400px) {
			html {
				font-size: 25px;
			}
		}
		
		@media only screen and (min-width: 414px) {
			html {
				font-size: 25.875px;
			}
		}
		
		.c-t-center {
			text-align: center;
		}
		
		.c-nomess {
			padding: 2.5rem .75rem;
		}
		
		.c-nomess .no-mess {
			position: relative;
			background: #dfdfdf;
			width: 90px;
			height: 90px;
			border-radius: 50%;
			margin: 0 auto 5px auto;
		}
		
		.c-nomess .no-mess:after {
			position: absolute;
			content: "";
			background: #fff;
			width: 45px;
			height: 45px;
			top: 23px;
			left: 23px;
			border-radius: 3px;
		}
		
		.c-nomess p {
			text-align: center;
			font-size: .7rem;
			color: #666;
			line-height: 1rem;
			padding: .25rem 0;
		}
		
		.c-nomess a {
			color: #007cd9;
			margin-left: .1rem;
		}
		
		.c-failstate {
			padding: 4.5rem .75rem 1.5rem .75rem;
			font-size: .7rem;
			color: #999;
			line-height: 1rem;
		}
		
		.c-failstate a {
			color: #007cd9;
			margin-left: .1rem;
		}
		
		.c-failstate a.c-btn {
			color: #fff;
		}
		
		.icon-norefresh {
			display: inline-block;
			width: 5.55rem;
			height: 4.55rem;
			background: url(http://f1.yihuimg.com/concat/mobile/cross/images/norefresh.png) no-repeat;
			background-size: 100% 100%;
			margin-bottom: .5rem;
		}
		
		.icon-nointer {
			display: inline-block;
			width: 6rem;
			height: 6rem;
			background: url(http://f1.yihuimg.com/concat/mobile/cross/images/nointer.png) no-repeat;
			background-size: 100% 100%;
			margin-bottom: .5rem;
		}
		
		@media (orientation: landscape) {
			.c-nomess {
				padding: 2.5rem .75rem 1rem .75rem;
			}
			.c-failstate {
				padding: 2rem .75rem .5rem .75rem;
			}
		}
		
		.demo-input-merge {
			min-width: 100%;
			width: 100px;
			text-align: left;
			font-family: "Microsoft Yahei";
		}
	</style>
	<body>
		<div class="demo-input-merge">
			<div class="">
				<div class="c-failstate c-t-center"> <i class="icon-norefresh"></i>
					<p>您请求的页面不存在,点击<a href="javascript:;" onclick="window.history.go(-1)">返回</a></p>
				</div>
			</div>
		</div>
	</body>
</html>

html/browser/html/browser.html

@@ -0,0 +1,118 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>加载外链的页面</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
        <link rel="stylesheet" href="../../../common/cross/css/cross.css">
        <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css">
        <style type="text/css">
            .mui-icon-left-nav{
                display: block;
                width: 45px;
                height: 45px;
                position: absolute;
                left: 0;
                top: 0;
            }
            .demo-comtop .mui-icon-left-nav:before {
                content: '';
                display: block;
                width: 12px;
                height: 12px;
                border: solid #fff;
                border-width: 1px 1px 0 0;
                transform: rotate(-135deg);
                -webkit-transform: rotate(-135deg);
                -moz-transform: rotate(-135deg);
                -ms-transform: rotate(-135deg);
                position: absolute;
                left: 18px;
                top: 16px;
            }
            .mui-icon-right-nav{
                position: absolute;
                top: 0;
                right: 0;
                width: 45px;
                height: 45px;
            }
            .mui-icon-right-nav img{
                vertical-align: middle;
            }
        </style>
    </head>
    <body>
        <header class="h45">
            <div class="demo-comtop">
                <a class="mui-icon-left-nav" id="go_back"></a>
                <a class="mui-icon-right-nav c-hide" id="close"><img src="../../../common/images/close.png" width="17"></i></a>
                <h1 id="title"></h1>
            </div>
        </header>
        <script src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            var url = "",
                subWebview = null;
            mui.init();
            mui.plusReady(function() {
                var self = plus.webview.currentWebview();
                url = self.url;
                
                var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
                var objExp=new RegExp(reg);
                if(url && !objExp.test(url)){
                    url = "http://"+url;
                }
                subWebview = plus.webview.create(url, "sub", {
                    top: "45px",
                    bottom: 0
                });
                
                subWebview.addEventListener( "titleUpdate", function(e){
                    console.log(e);
                    $("#title").text(e.title);
                    subWebview.canBack(function(event){
                        var canback = event.canBack;
                        if(canback){
                            $("#close").show();
                        }else{
                            $("#close").hide();
                        }
                    });
                }, false );
                self.append(subWebview);
                
                /*
                 * evalJS,在ios系统，只有在loaded事件后才能触发
                 */
                subWebview.addEventListener('loaded', function() {
                    subWebview.evalJS('$("body").css("max-width","none")');
                });
                
                /**
                 * 监听子窗口对象是否可后退
                 * http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.canBack
                 */
                
                document.getElementById("go_back").addEventListener("tap", function() {
                    subWebview.canBack(function(event) {
                        var canBack = event.canBack;
                        if(canBack) {
                            subWebview.back();
                        } else {
                            mui.back();
                        }
                    });
                });
                
                document.getElementById("close").addEventListener("tap", function() {
                    mui.back(); 
                });
            });
            
        </script>
    </body>
</html>

html/contact/css/contacts.css

@@ -0,0 +1,140 @@
@font-face {
    font-family: Muiicons;
    font-weight: 400;
    font-style: normal;
    src: url('../../../fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('../../../fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../../../fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../../../fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../../../fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../../../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
}
.mui-slider .mui-slider-group .mui-slider-item img{
    width: auto;
}
.lin-search{
    height: 45px;
    padding: 8px 10px;
    background-color: #fff;
}
.lin-search img{
    width: 29px;
}
.lin-search div{
    text-align: center;
    border-radius: 5px;
    line-height: 29px;
    background-color: #f2f4f6;
    color: #999;
}
.mui-segmented-control .mui-control-item{
    height: 45px;
    line-height: 43px;
    position: relative;
    font-size: 16px;
    color: #323232;
}
.mui-segmented-control .mui-control-item:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    right: 0;
    top: 50%;
    margin-top: -10px;
    background-color: #e1e1e1;
}
.mui-segmented-control .mui-control-item:last-child:after{
    width: 0;
}
.mui-fullscreen .mui-segmented-control~.mui-slider-group{
    top: 45px;
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    border-bottom: 2px solid #17b3ec;
}
.fa-caret-down,
.fa-caret-up{
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    color: #ccc;
    font-size: 20px;
}
.mui-navigate-right:after{
    font-size: 20px;
    color: #ccc;
}
.mui-table-view-cell.mui-collapse>.mui-navigate-right:after, .mui-table-view-cell.mui-collapse>.mui-push-right:after{
    content: '\f0d7'
}
.mui-table-view-cell.mui-collapse.mui-active>.mui-navigate-right:after, .mui-table-view-cell.mui-collapse.mui-active>.mui-push-right:after{
    content: '\f0d8'
}
.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell{
    padding-left: 21px;
    background-position: 21px 100%;
}
.mui-table-view-cell:after{
    left: 0;
}
.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after{
    left: 20px;
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
    border-color: #e1e1e1;
}
.mui-table-view-cell.mui-active{
    background-color: #fff;
}
.mui-table-view:after{
    background-color: #e1e1e1;
}
.mui-table-view-cell.mui-active>a:not(.mui-btn){
    border-bottom: 1px solid #e1e1e1;
    /*color: #17B3EC;*/
}
.lin-search-ipt{
    padding: 8px 10px;
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
.lin-search-ipt .div-input{
    border-radius: 5px;
    line-height: 29px;
    background-color: #f2f4f6;
    color: #999;
    text-align: left;
    -webkit-box-flex: 1;
}
.lin-search-ipt input{
    background-color: #f2f4f6;
    border-radius: 5px;
    height: 30px;
    color: #999;
    text-align: left;
    padding-left: 30px;
    background: url(../../../images/sousuo_icon.png) no-repeat;
    background-size: 30px 30px;
    width: 100%;
}
.lin-search-ipt a{
    display: block;
    -webkit-box-flex: 0;
    font-size: 16px;
    width: 32px;
    color: #17b3ec;
    margin-left: 10px;
}
.search_suggest_text{
    padding: 8px 15px;
    color: #17b3ec;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: none;
}

html/contact/html/contacts-zk.html

@@ -0,0 +1,117 @@
<!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="../../../fonts/font-awesome/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
        <link rel="stylesheet" href="../css/contacts.css" type="text/css" />
    </head>
    <body>
        <div class="h45">
            <div class="demo-comtop">
                <h1>通讯录</h1>
                <div class="header-link c-hide">
                    <a class="c-fff c-f16" href="javascript:;">工作报告</a>
                </div>
            </div>
        </div>
        <div class="lin-search c-border-b">
            <div>
                <img src="../../../images/sousuo_icon.png" />搜索医生
            </div>
        </div>
        <div id="slider" class="mui-slider mui-fullscreen" style="top: 90px;">
            <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted bgc-fff">
                <a href="#item1" class="mui-control-item mui-active">团队</a>
                <!--<a href="#item2" class="mui-control-item">专项</a>-->
                <a href="#item3" class="mui-control-item">院内</a>
            </div>
            <div class="mui-slider-group">
                <div id="item1" class="mui-slider-item mui-control-content">
                    <div class="mui-scroll-wrapper" style="bottom: 90px;">
                        <div class="mui-scroll">
                            <ul class="bgc-fff" id="teamList">
                                
                            </ul>
                            <div class="no-result-wrapper c-hide">
                                <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
                                <div class="c-f14 c-333 c-t-center">暂无团队成员</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--<div id="item2" class="mui-slider-item mui-control-content">
                    <div class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            
                        </div>
                    </div>
                </div>-->
                <div id="item3" class="mui-slider-item mui-control-content">
                    <div class="mui-scroll-wrapper" id="memberScroller" style="bottom: 90px;">
                        <div class="mui-scroll">
                            <ul class="mui-table-view mui-table-view-chevron" id="hosDocList">
                                
                            </ul>
                            <div class="no-result-wrapper c-hide">
                                <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
                                <div class="c-f14 c-333 c-t-center">抱歉，暂未找到符合条件的结果。</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <script type="text/html" id="team-tmp">
            <li class="ptb10 plr10 c-border-b" data-id="{{adminTeam.id}}">
                <img src="../../tuandui/images/tuanduquanliao_icon.png" width="25" height="25" class="mr10">
                <span class="c-f16 c-333">{{adminTeam.name}}团队</span>
            </li>
            {{each member as it}}
            <li class="ui-grid ui-grid-middle ptb10 plr15 c-border-b t-doctor" data-code="{{it.code}}">
                <!--<div class="ui-grid ui-grid-middle">-->
                    <div class="ui-col-0 mr10">
                        <img src="{{it.photo | getPhoto}}" class="c-images-cycle" width="50" height="50">
                    </div>
                    <div class="ui-col-1">
                        <div class="c-f16 c-333">{{it.name}}<span class="c-f12 c-909090 ml10">（{{it.dept_name}}）</span></div>
                        <div class="c-f14 c-909090">{{it.job_name}}</div>
                    </div>
                <!--</div>-->
            </li>
            {{/each}}
        </script>
        <script type="text/html" id="member-tmp">
            {{each list as it}}
            <li class="ui-grid ui-grid-middle ptb10 plr15 c-border-b t-doctor" data-code="{{it.code}}">
                <!--<div class="ui-grid ui-grid-middle">-->
                    <div class="ui-col-0 mr10">
                        <img src="{{it.photo | getPhoto}}" class="c-images-cycle" width="50" height="50">
                    </div>
                    <div class="ui-col-1">
                        <div class="c-f16 c-333">{{it.name}}<span class="c-f12 c-909090 ml10">（{{it.dept_name}}）</span></div>
                        <div class="c-f14 c-909090">{{it.job_name}}</div>
                    </div>
                <!--</div>-->
            </li>
            {{/each}}
        </script>
        <script src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../js/mui.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/contacts-zk.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

html/contact/html/contacts.html

@@ -0,0 +1,104 @@
<!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="../../../fonts/font-awesome/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
        <link rel="stylesheet" href="../css/contacts.css" type="text/css" />
    </head>
    <body>
        <div class="h45">
            <div class="demo-comtop">
                <a class="mui-action-back"></a>
                <h1>通讯录</h1>
                <div class="header-link c-hide">
                    <a class="c-fff c-f16" href="javascript:;">工作报告</a>
                </div>
            </div>
        </div>
        <div class="lin-search c-border-b">
            <div>
                <img src="../../../images/sousuo_icon.png" />搜索医生
            </div>
        </div>
        <div id="slider" class="mui-slider mui-fullscreen" style="top: 90px;">
            <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted bgc-fff">
                <a href="#item1" class="mui-control-item mui-active">团队</a>
                <a href="#item2" class="mui-control-item">专项</a>
                <a href="#item3" class="mui-control-item">社区中心</a>
            </div>
            <div class="mui-slider-group">
                <div id="item1" class="mui-slider-item mui-control-content">
                    <div class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            <ul class="mui-table-view mui-table-view-chevron" id="teamList">
                                
                            </ul>
                        </div>
                    </div>
                </div>
                <div id="item2" class="mui-slider-item mui-control-content">
                    <div class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            
                        </div>
                    </div>
                </div>
                <div id="item3" class="mui-slider-item mui-control-content">
                    <div class="mui-scroll-wrapper" id="memberScroller">
                        <div class="mui-scroll">
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <script type="text/html" id="team-tmp">
            {{each list as it}}
            <li class="mui-table-view-cell mui-collapse">
                <a class="mui-navigate-right c-f16 c-323232 team-expand" href="#" data-code="{{it.id}}" data-leader="{{it.isTeamOwner}}">{{it.name}}</a>
                <ul class="mui-table-view mui-table-view-chevron" id="team_{{it.id}}">
                    <li class="mui-table-view-cell link-team-chart" data-code="{{it.id}}" data-name="{{it.name}}">
                        <a class="mui-navigate-right c-f16 c-333"><img src="../../tuandui/images/tuanduquanliao_icon.png" width="25" height="25" class="mr10">团队群聊</a>
                    </li>
                </ul>
            </li>
            {{/each}}
        </script>
        <script type="text/html" id="member-tmp">
            {{each list as it}}
            <li class="mui-table-view-cell t-doctor" data-code="{{it.code}}" data-team="{{teamCode}}" data-leader="{{isTeamOwner}}">
                {{if isTeamOwner && it.level != 1}}
                <div class="mui-slider-right mui-disabled">
                    <a class="mui-btn mui-btn-yellow zyjm" data-level="{{it.level}}">转移<br>居民</a>
                </div>
                {{/if}}
                <div class="mui-slider-handle ui-grid ui-grid-middle">
                    <div class="ui-col-0 mr10"><img src="{{it.photo | getPhoto}}" class="c-images-cycle" width="50" height="50"></div>
                    <div class="ui-col-1">
                        <div class="c-f16 c-333">{{it.name}}<span class="c-f12 c-909090 ml10">{{it.jobName}}</span></div>
                        <div class="c-f14 c-909090">{{it.level | getLevelName}}</div>
                    </div>
                </div>
            </li>
            {{/each}}
        </script>
        <script src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../js/mui.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/contacts.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

html/contact/html/doctor-info.html

@@ -0,0 +1,140 @@
<!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" type="text/css" href="../../../css/mui.min.css"/>
		<link rel="stylesheet" href="../../../common/cross/css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
	</head>
	<body>
		<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1>医生资料</h1>
			</div>
		</div>
		<div id="doc_detail_info">
		</div>
		
		<div class="send-w c-hide" >
			<div class="send-c">发消息</div>
		</div>
		
		<script type="text/html" id="detail_info_tmpl">
			<div class="bgc-fff mt10 c-border-tb plr15 ptb10 ui-grid ui-grid-middle">
			    <div class="ui-col-0 mr15">
			        <img src="{{photo,sex | setDocPic}}" width="50" height="50" class="c-images-cycle">
			    </div>
			    <div class="ui-col-1">
			        <div class="c-f16 c-323232">{{name}}
			            {{if sex == 1}}
			            <img src="../../mine/images/man.png" width="20" class="ml5">
			            {{else}}
			            <img src="../../mine/images/woman.png" width="20" class="ml5">
			            {{/if}}
			        </div>
			        <div class="c-f14 c-909090">{{deptName}}&nbsp;&nbsp;&nbsp;{{jobName}}</div>
			        <div class="c-f14 c-909090">{{hospitalName}}</div>
			    </div>
			</div>
			
			<div class="bgc-fff mt10 c-border-tb ptb10 plr15 ui-grid">
			    <div class="ui-col-0 c-f14">手机号码</div>
			    <div class="ui-col-1 c-f14 c-909090 c-t-right"><a href="tel://{{mobile}}">{{mobile}}</a></div>
			</div>
			
			{{if signCount}}
			<div class="bgc-fff mt10 c-border-tb ptb10 plr15 ui-grid">
			    <div class="ui-col-0 c-f14">签约居民(家庭)</div>
			    <div class="ui-col-1 c-f16">{{signCount}}人</div>
			</div>
			{{/if}}
			
			<div class="bgc-fff mt10 c-border-tb plr15">
			    <div class="ui-grid ptb10 plr15">
			        <div class="ui-col-0 mr10 c-f14">擅长：</div>
			        <div class="ui-col-1 c-909090 c-f14">{{expertise}}</div>
			    </div>
			    <div class="ui-grid c-border-t ptb10 plr15">
			        <div class="ui-col-0 mr10 c-f14">简介：</div>
                    <div class="ui-col-1 c-909090 c-f14">{{introduce}}</div>
			    </div>
			</div>
		</script>
		<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/template.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/common_http.js"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			var docCode, docInfo, curDoc, self;
			//获取医生信息
			mui.plusReady(function() {
				curDoc = JSON.parse(plus.storage.getItem("docInfo"));
				self = plus.webview.currentWebview();
				
				docCode = self.docCode;
				plus.nativeUI.showWaiting();
				var p = {doctor: docCode}
				sendGet("doctor/team/info", p, queryFailed, success);
			});
			function success(res) {
				if (res.status == 200) {
					docInfo = res.data;
					var html = template("detail_info_tmpl", docInfo);
					$('#doc_detail_info').html(html);
					plus.nativeUI.closeWaiting();
				} else {
					mui.toast(res.msg);
					plus.nativeUI.closeWaiting();
				}
			};
			function queryFailed(res) {
				if (res && res.msg) {
					plus.nativeUI.toast(res.msg);
				} else {
					plus.nativeUI.toast("数据加载失败");
				}
				plus.nativeUI.closeWaiting();
			};
			
			$('#doc_detail_info').on('tap', '#signPatient', function(){
				if(self.isTeamOwner)
					mui.openWindow({
						id: "qianyuejumin",
						url: "../../tuandui/html/qianyuejumin.html",
						extras: {
							docCode: docCode,
							teamCode: self.teamCode,
							level: docInfo.level
						}
					})
			})
			
			$('.send-c').on('tap', function(){
				mui.openWindow({
					id: "p2p",
					url: "../../message/html/p2p.html",
					extras: {
						otherCode: docCode,
						otherName: docInfo.name,
						otherPhoto: docInfo.photo,
						otherSex: docInfo.sex
					}
				})
			})
		</script>
	</body>
</html>

html/contact/html/search-doctor.html

@@ -0,0 +1,58 @@
<!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="../../../fonts/font-awesome/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
        <link rel="stylesheet" type="text/css" href="../css/contacts.css"/>
    </head>
    <body>
        <div class="lin-search-ipt">
            <div class="div-input">
                <input id="searchPut" placeholder="搜索"/>
            </div>
            <a href="#" class="cancel-btn">取消</a>
        </div>
        <div class="search_suggest_text">搜索：aa</div>
        <div id="search_result" class="mui-scroll-wrapper c-hide" style="top: 46px;">
            <div class="mui-scroll">
                <ul class="c-list mt10 c-border-tb" id="docList">
                </ul>
                <div class="no-result-wrapper c-hide">
                    <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
                    <div class="c-f14 c-333 c-t-center">抱歉，暂未找到符合条件的结果。</div>
                </div>
            </div>
        </div>
        
        <script type="text/html" id="member-tmp">
            {{each list as it}}
            <li class="c-list-cover ptb10" data-code="{{it.code}}">
                <div class="c-list-key">
                    <img src="{{it.photo | getPhoto}}" width="50" class="c-images-cycle">
                </div>
                <div class="c-list-info">
                    <div class="c-f16 c-333">{{it.name}}<span class="c-f12 c-909090 ml10">（{{it.dept_name}}）</span></div>
                    <div class="c-f14 c-909090">{{it.job_name}}</div>
                </div>
            </li>
            {{/each}}
        </script>
        <script src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../js/mui.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/search-doctor.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

html/contact/js/contacts-zk.js

@@ -0,0 +1,167 @@
var scrollers = [],
    page = 1,
    pageSize = 10,
    docInfo;
    
mui.init();
mui.plusReady(function(){
    docInfo = JSON.parse(plus.storage.getItem("docInfo"));
    
    getTeamMembers();
    initScroller();
    bindEvents();
    templateHelper();
    mui('#slider').slider().setStopped(true);
})
function getTeamMembers(){
    var url = "/doctor/specialist/findDoctorTeamMenmber",
        params = {
            doctor: docInfo.code
        };
    plus.nativeUI.showWaiting();
    sendGet(url, params, null, function(res){
        if(res.status == 200){
            if(res.data.member.length == 0){
                $("#teamList").hide();
                $("#item1 .no-result-wrapper").show();
            }else{
                var html = template("team-tmp", res.data);
                $("#teamList").empty().append(html);
            }
            plus.nativeUI.closeWaiting();
        }else{
            plus.nativeUI.closeWaiting();
            mui.toast(res.msg);
        }
    }, true);
}
function getHospitalDoctorList(isInit){
    if(isInit){
        page = 1;
    }
    var url = "/doctor/specialist/getDoctorInHospital",
        params = {
            doctor: docInfo.code,
            page: page,
            size: pageSize
        };
    plus.nativeUI.showWaiting();
    sendGet(url, params, null, function(res){
        if(res.status == 200){
            var list = res.data;
            if(list.length == 0){
                if(isInit){
                    $("#hosDocList").hide();
                    $("#hosDocList").siblings().show();
                }else{
                    scrollers[1].endPullupToRefresh(true);
                }
            }else{
                var html = template("member-tmp", {list: list});
                if(isInit){
                    $("#hosDocList").empty().append(html);
                }else{
                    $("#hosDocList").append(html);
                }
                
                if(list.length < pageSize){
                    scrollers[1].endPullupToRefresh(true);
                }else{
                    page ++;
                    scrollers[1].endPullupToRefresh(false);
                }
            }
            plus.nativeUI.closeWaiting();
        }else{
            plus.nativeUI.closeWaiting();
            mui.toast(res.msg);
        }
    }, true);
}
function bindEvents(){
    $(".mui-control-item").on('tap', function(){
        var $this = $(this),
            index = $this.index();
        console.log(index);
        if(index == 1 && $("#hosDocList li").length == 0){
            getHospitalDoctorList(true);
        }
    });
    
    //查看团队成员信息
    $("#slider").on('tap', ".t-doctor", function(){
        var oCode = $(this).attr("data-code");
        
        openWebview("doctor-info.html", {docCode: oCode});
    });
    
    $(".lin-search").on('tap', function(){
        openWebview("search-doctor.html");
    })
}
function templateHelper(){
    template.helper("getPhoto", function(str){
        return getImgUrl(str);
    });
    
    template.helper("getLevelName", function(level){
        switch(parseInt(level)){
            case 1:
                return "专科医生";
                break;
            case 2:
                return "全科医生";
                break;
            case 3:
                return "健康管理师";
                break;
            default:
                return "";
                break;
        }
    })
}
function initScroller(){
    var deceleration = mui.os.ios?0.003:0.0009;
    mui('.mui-scroll-wrapper').scroll({
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    
    $.each(document.querySelectorAll('.mui-slider-group .mui-scroll-wrapper'), function(index, pullRefreshEl){
        //目前只有第3个tab的院内的医生需要分页，其他两个tab的页面不分页
        var scroller;
        if(index != 1){
            scroller = mui(pullRefreshEl).pullRefresh({
                down: {
                    callback: function(){
                        getTeamMembers();
                        this.endPulldownToRefresh();
                    }
                },
            });
        }else{
            scroller = mui(pullRefreshEl).pullRefresh({
                down: {
                    callback: function(){
                        getHospitalDoctorList(true);
                        this.endPulldownToRefresh();
                    }
                },
                up: {
                    callback: function(){
                        var self = this;
                        getHospitalDoctorList(false);
                    }
                }
            })
        }
        scrollers.push(scroller);
    })
}

html/contact/js/contacts.js

@@ -0,0 +1,207 @@
var scrollers = [],
    teamInfo,
    docInfo,
    isTeamLeader;
mui.init();
mui.plusReady(function(){
    docInfo = JSON.parse(plus.storage.getItem("docInfo"));
    getTeamInfo();
    
    initScroller();
    bindEvents();
    getTemplateHelper();
})
function getTeamInfo(){
    var info = JSON.parse(plus.storage.getItem("teamInfo"));
    teamInfo = _.map(info.data, function(o){
        if(o.leaderCode == docInfo.code){
            //是团队长
            isTeamLeader = true;
            o.isTeamOwner = 1;
        }else{
            o.isTeamOwner = 0;
        }
        return o;
    });
    
    if(isTeamLeader){
        $(".header-link").show();
    }
    
    var html = template("team-tmp", {list: teamInfo});
    $("#teamList").append(html);
}
function getTeamMembers(id, isLeader){
    plus.nativeUI.showWaiting();
    var url = "/doctor/admin-teams/"+ id +"/members";
    sendGet(url, {}, null, function(res){
        plus.nativeUI.closeWaiting();
        if(res.status == 200){
            var html = template("member-tmp", {list: res.data, teamCode: id, isTeamOwner: isLeader});
            $("#team_"+id).append(html);
            $(".team-expand[data-code="+id+"]").attr("showed", "1");
        }else{
            mui.toast(res.msg);
        }
    }, true);
}
function bindEvents(){
    $(".lin-search").on('tap', function(){
        //跳转去搜索页面
        openWebview("search-doctor.html");
    });
    
    document.querySelector('.mui-slider').addEventListener('slide', function(event) {
        if(event.detail.slideNumber != 0){
            $(".header-link").hide();
        }else{
            if(isTeamLeader){
                $(".header-link").show();
            }
        }
    });
    
    $("#teamList").on('tap', ".team-expand", function(){
        var $this = $(this),
            teamCode = $this.attr("data-code"),
            isTeamOwner = $this.attr("data-leader");
        if($this.attr("showed")){
            return false;
        }else{
            getTeamMembers(teamCode, isTeamOwner);
        }
    });
    
    //团队群聊
    $("#teamList").on('tap', ".link-team-chart", function(){
        var teamCode = $(this).attr("data-code"),
            teamName = $(this).attr("data-name");
        mui.openWindow({
            url: "../../message/html/tuanduiqunliao.html",
            id: "tuanduiqunliao.html",
            extras: {
                info: {
                    teamCode: teamCode,
                    teamName: teamName,
                    code: teamCode
                }
            }
        })
    });
    
    //查看团队成员信息
    $("#teamList").on('tap', ".t-doctor", function(){
        var oCode = $(this).attr("data-code"),
            teamCode = $(this).attr("data-team"),
            isLeader = $(this).attr("data-leader");
                
        mui.openWindow('../../mine/html/zuyuanziliao.html', 'zuyuanziliao', {
            extras: {
                docCode: oCode,
                teamCode: teamCode,
                isTeamOwner: isLeader
            }
        });
    });
    
    //转移居民
    $("#teamList").on('tap', ".zyjm", function(e){
        e.stopPropagation();
        var $this = $(this),
            $li = $(this).parent().parent(),
            level = $this.attr("data-level"),
            code = $li.attr("data-code"),
            teamId = $li.attr("data-team");
        if(level == 3){
            mui.openWindow({
                id: "zhuanyijumin",
                url: "../../search/html/zhuanyijumin.html",
                extras: {
                    level: level,
                    teamCode: teamId,
                    docCode: code,
                    type:'转移'
                }
            });
        } else {
            mui.openWindow({
                id: "zyjm-layer.html",
                url: "../../tuandui/html/zyjm-layer.html",
                styles: {
                    background: 'transparent'
                },
                show:{aniShow: "none"},
                waiting:{autoShow: false},
                extras: {
                    teamCode: teamId,
                    docCode: code,
                    type:'转移'
                }
            })
        }
    })
}
function getTemplateHelper(){
    template.helper("getPhoto", function(str){
        return getImgUrl(str);
    });
    
    template.helper("getLevelName", function(level){
        switch(parseInt(level)){
            case 1:
                return "专科医生";
                break;
            case 2:
                return "全科医生";
                break;
            case 3:
                return "健康管理师";
                break;
            default:
                return "";
                break;
        }
    })
}
function initScroller(){
    var deceleration = mui.os.ios?0.003:0.0009;
    mui('.mui-scroll-wrapper').scroll({
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    
    $.each(document.querySelectorAll('.mui-slider-group .mui-scroll-wrapper'), function(index, pullRefreshEl){
        //目前只有第3个tab的社区中心的医生需要分页，其他两个tab的页面不分页
        var scroller;
        if(index != 2){
            scroller = mui(pullRefreshEl).pullRefresh({
                down: {
                    callback: function(){
                        this.endPulldownToRefresh();
                    }
                },
            });
        }else{
            scroller = mui(pullRefreshEl).pullRefresh({
                down: {
                    callback: function(){
                        this.endPulldownToRefresh();
                    }
                },
                up: {
                    callback: function(){
                        var self = this;
                    }
                }
            })
        }
        scrollers.push(scroller);
    })
}

html/contact/js/search-doctor.js

@@ -0,0 +1,125 @@
var page = 1,
    pageSize = 10,
    docInfo;
mui.init();
mui.plusReady(function(){
    docInfo = JSON.parse(plus.storage.getItem("docInfo"));
    initScroller();
    bindEvents();
})
function getDoctorList(isInit){
    if(isInit){
        page = 1;
    }
    var url = "/doctor/specialist/getDoctorInHospital",
        params = {
            doctor: docInfo.code,
            page: page,
            size: pageSize,
            name: $("#searchPut").val()
        };
    plus.nativeUI.showWaiting();
    sendGet(url, params, null, function(res){
        $(".mui-scroll-wrapper").show();
        if(res.status == 200){
            var list = res.data;
            if(list.length == 0){
                if(isInit){
                    $("#docList").hide();
                    $("#docList").siblings().show();
                }else{
                    mui('.mui-scroll-wrapper').pullRefresh().endPullupToRefresh(true);
                }
            }else{
                $("#docList").show();
                $("#docList").siblings().hide();
                var html = template("member-tmp", {list: list});
                if(isInit){
                    $("#docList").empty().append(html);
                }else{
                    $("#docList").append(html);
                }
                
                if(list.length < pageSize){
                    mui('.mui-scroll-wrapper').pullRefresh().endPullupToRefresh(true);
                }else{
                    page ++;
                    mui('.mui-scroll-wrapper').pullRefresh().endPullupToRefresh(false);
                }
            }
            plus.nativeUI.closeWaiting();
        }else{
            plus.nativeUI.closeWaiting();
            mui.toast(res.msg);
        }
    }, true);
}
function bindEvents(){
    $("#searchPut").on("input", function(e){
        var $this = $(this); 
        //解决在ios设备中compositionend在input事件后执行的问题
        setTimeout(function(){
            if($this.prop("comstart")){
                return false;
            }
            var text = $.trim($this.val());
            if(text.length > 0){
                $(".search_suggest_text").show();
                $(".mui-scroll-wrapper").hide();
                $(".search_suggest_text").text("搜索："+text);
            }else{
                $(".search_suggest_text").hide();
    //          getDoctorList(true);
            }
        }, 0);
    }).on('compositionstart', function(){
        $(this).prop('comstart', true);
//        console.log('中文输入：开始');
    }).on('compositionend', function(){
        $(this).prop('comstart', false);
//        console.log('中文输入：结束');
    })
    
    $(".search_suggest_text").on('click', function(){
        $(this).hide();
        getDoctorList(true);
    })
    
    $(".cancel-btn").on('click', function(){
        mui.back();
    });
    
    template.helper("getPhoto", function(str){
        return getImgUrl(str);
    });
    
    //查看团队成员信息
    $("#docList").on('tap', "li", function(){
        var oCode = $(this).attr("data-code");
        openWebview("doctor-info.html", {docCode: oCode});
    });
}
function initScroller(){
    var deceleration = mui.os.ios?0.003:0.0009;
    mui('.mui-scroll-wrapper').scroll({
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    mui('.mui-scroll-wrapper').pullRefresh({
        down: {
            callback: function(){
                getDoctorList(true);
                this.endPulldownToRefresh();
            }
        },
        up: {
            callback: function(){
                getDoctorList(false);
            }
        }
    })
}

html/css/chatroom.css

@@ -0,0 +1,757 @@
html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
.c-tips{
	display: inline-block;
	margin-right: 5px
}
.c-tips:before{
	content: "!";
	background: red;
	color: #fff;
	font-size: 14px;
	width: 20px;
	height: 20px;
	display: block;
	border-radius: 50%;
	text-align: center;
}
.time-tips div{
	background: #E1E1E1;
	display: inline-block;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 7px;
}
.time-tips a{
	margin-left: 10px;
}
.time-tips span{
	padding: 2px 10px;
	border-radius: 15px;
	color: #aaa;
	/*background-color: #E1E1E1;*/
	font-size: 12px;
}
.chat-left, .chat-right {
	display: -webkit-box;
	clear: both;
	overflow: hidden;
	padding: 10px 0;
}
.chat-right{
	-webkit-box-direction: reverse;
}
.chat-left > dt{
	float: none;
}
.chat-right > dt {
	float: none;
}
.chat-right .word-bread{
	white-space: pre-wrap;
	word-wrap: break-word;
	position: relative;
	min-height: 18px;
	font-size: 15px;
	display: inline-block;
	max-width: 82%;
	background: #17b3ec;
	border: 1px solid #17b3ec;
	border-radius: 6px;
	padding: 8px 15px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	text-align: left;
}
.new-messg{
	margin-bottom: 4px;
	display: flex;
	display: -webkit-flex;
	width: 100%;
}
.new-messg .new-mess-p{
	padding: 1px 10px 1px 26px;
	border-radius: 20px;
	color: #fff;
	background: url('../message/images/xitongtixing_im_icon.png') no-repeat;
	background-color: #17B3EC!important;
	background-position:8px center;
	background-size:14px 14px;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}
.chat-right .new-messg{
	justify-content: flex-end;
	-webkit-justify-content:flex-end;
}
.word-bread.new-sty{
	background: #fff!important;
	border-color:#17b3ec!important;
}
a.view-detail{
	float:right;
	text-decoration: none!important;
	color:#17b3ec!important;
}
.xf-word{
	word-break: break-all;
}
.word-bread.new-sty:after{
	background: #fff!important;
	border-color:#17b3ec!important;
}
.chat-right .word-bread.word-article{background: #fff;}
/*链接类消息显示*/
.chat-right .word-article{
    width: 82%;
    text-align: left;
}
.chat-left .word-article{
    width: 82%;
    text-align: left;
}
.chat-right > div.c-content{
	-webkit-box-flex: 1;
	text-align: right;
}
.chat-right .word-bread:after{
	content: "";
	position: absolute;
	top: 5px;
	right: -5px;
	display: block;
	width: 8px;
	height: 8px;
	background: #17b3ec;
	border-color: #17b3ec;
	border-style: solid;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.chat-right .word-bread.word-article:after{background: #fff;}
.chat-left .word-bread{
	/*float: left;*/
	white-space: pre-wrap;
	word-wrap: break-word;
	
	position: relative;
	min-height: 18px;
	font-size: 15px;
	display: inline-block;
	max-width: 82%;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	padding: 8px 15px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}
.word-bread-img {
	padding: 2px!important;
}
.word-bread-img img{
	position: relative;
	z-index: 2;
	border-radius: 6px;
}
.chat-left > div.c-content{
	-webkit-box-flex: 1;
	text-align: left;
}
.chat-left .word-bread:after{
	content: "";
	position: absolute;
	top: 5px;
	left: -5px;
	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-left span.name, .chat-right span.name{
	display: block;
	height: 24px;
}
.time-tips span:before, .time-tips span:after{
	height: 0!important;
}
.zi2{
	z-index: 2;	
}
.doc-name {
	font-size: 15px;
}
/*#contain{position: absolute; width: 95%; top:45px; bottom: 52px; overflow-y: auto;}*/
@media only screen and (max-width: 640px) {
	.doc-name {
		font-size: 13px; 
	}
}
.chat-right.checkbox:after, .chat-left.checkbox:before{
	display: block;
	content: '\e472';
	line-height: 22px;
	width: 22px;
	height: 22px;
	border: 1px solid #ccc;
	border-radius: 50%;
	margin-right: 10px;
	color: #f2f4f6;
	text-align: left;
	font-size: 22px;
	box-sizing: border-box;
	font-family: Muiicons;
}
.chat-right.checked:after, .chat-left.checked:before{
	background: #17b3ec;
	border: none;
}
.log-oper{
	position: absolute;
	background: rgba(20, 20, 20, .8);
	border-radius: 8px;
	color: #fff;
	z-index: 10000;
	display: -webkit-box;
	display: none;
}
.log-oper li{
	margin: 8px 0px;
	padding: 0px 8px;
	font-size: 14px;
	border-right: 1px solid #fff;
}
.log-oper li:last-child{
	border-right:none ;
}
.log-oper div{
	position: absolute;
	/*width: 10px;
	height: 10px;
	background: transparent;*/
	/*-webkit-transform: rotate(45deg);*/
	top: 37px;
	
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid rgba(20, 20, 20, .8);
	border-bottom: 8px solid transparent;
}
.xzzd{
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	position: fixed;
	/*border-top-width: 1px;
	border-color: #e1e1e1;
	border-style: solid;
	background-color: #fff;
	display: block;*/
	padding: 8px 10px;
	text-align: center;
	/*margin: 0px 10px 7px 10px;*/
	font-size: 16px;
	/*border-radius: 8px;*/
}
.xzzd span{
    border:1px solid #e1e1e1;
    background-color: #fff;
    display: block;
    padding: 8px 10px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 2px 2px 4px #e1e1e1;
}
.footer-bar{
	z-index: 3;
	bottom: 0;
	left: 0;
	width: 100%;
	position: fixed;
	border-top-width: 1px;
	border-color: #e1e1e1;
	border-style: solid;
	background-color: #fff;
	display: -webkit-box;
}
.c-hide{
	display: none;	
}
.footer-bar li{
	margin: 10px 0px;
	-webkit-box-flex: 1;
	text-align: center;
	line-height: 27px;
	font-size: 16px;
	color: #333;
}
.footer-bar li:first-child{
	border-right: 1px solid #e1e1e1;	
}
.footer-bar li > img{
	width: 22px;
	margin-right: 10px;
}
.header-group{
	line-height: 20px;
}
.btn-cancel{
	color: #fff;
	font-size: 16px;
	display: none;
}
.tw-add, .yy-add{
	width: 50px;
	margin: 3px 5px 3px 0;
	text-align: center;
}
.input-group input{
	margin-bottom: 0;
}
.topmsg{
	z-index: 4;
	background: #E1E1E1;
	line-height: 30px;
	position: fixed;
	top: 45px;
	width: 100%;
	text-align: center;
	color: #909090;
}
.topmsg a{
	text-decoration: underline;
	color: #17b3ec;
	margin-left: 20px;
}
.chat-left .urlMatch, .word-bread a{
	color: #17b3ec;
	text-decoration: underline;
}
.chat-right .urlMatch, .word-bread a{
	color: #063B52;
	text-decoration: underline;
}
.chat-right .article-content{
	-webkit-box-direction: normal;
	display: -webkit-box;
	height: 80px;
	font-size: 16px;
	padding: 5px 0px;
	overflow: hidden;
}
.chat-right .article-content>img{
	width: 60px;
	height: 60px;
	margin-top: 3px;
}
.chat-right .article-content>div{
	-webkit-box-flex: 1;
	overflow: hidden;
	padding: 1px 0px 0px 10px;
}
.chat-left .article-content{
	-webkit-box-direction: reverse;
	display: -webkit-box;
	height: 80px;
	padding: 5px 0px;
	overflow: hidden;
}
.chat-left .article-content>img{
	width: 60px;
	height: 60px;
	margin-top: 3px;
}
.chat-left .article-content>div{
	-webkit-box-flex: 1;
	overflow: hidden;
	padding: 1px 0px 0px 5px;
}
.forward{
	position: fixed;
	top: 95px;
	right: 40px;
	width: 60px;
	height: 60px;
	background: #444;
	color: #fff;
	z-index: 8;
	border-radius: 50%;
	text-align: center;
	padding: 9px;
	font-size: 16px;
	line-height: 20px;
	display: none;
}
.yy-hold{
	background: #ccc;
}
.rprogress {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 140px;
	height: 140px;
	margin-left: -70px;
	margin-top: -70px;
	/*background-image: url(../images/arecord.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 30px;*/
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 5px;
	display: none;
	-webkit-transition: .15s;
	z-index: 100;
}
.rschedule {
	background-color: rgba(0, 0, 0, 0);
	border: 5px solid rgba(0, 183, 229, 0.9);
	opacity: .9;
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-radius: 50px;
	box-shadow: 0 0 15px #2187e7;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	-webkit-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
				0% {
					-webkit-transform: rotate(0deg);
				}
				100% {
					-webkit-transform: rotate(360deg);
				}
			}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.r-sigh{
	display: none;
	border-radius: 50px;
	box-shadow: 0 0 15px #2187e7;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	text-align: center;
	line-height: 46px;
	font-size: 40px;
	font-weight: bold;
	color: #2187e7;
}
.rprogress-sigh{
	background-image: none !important;
}
.rprogress-sigh .rschedule{
	display: none !important;
}
.rprogress-sigh .r-sigh{
	display: block !important;
}
.rsalert {
	font-size: 12px;
	color: #bbb;
	text-align: center;
	position: absolute;
	border-radius: 5px;
	width: 130px;
	margin: 5px 5px;
	padding: 5px;
	left: 0px;
	bottom: 0px;
}
.chat-right .audio{
	padding: 8px 0;
	padding-right: 30px;
	background: url("../message/images/yuyin4_icon.png") no-repeat -20px 0 #17b3ec;
	background-size: 18px;
	-webkit-background-size: 18px;
	-moz-background-size: 18px;
	-o-background-size: 18px;
	background-position:  90% 50%;
}
.chat-right .audio.active{
	background: url("../message/images/yuyin3.gif") no-repeat -20px 0 #17b3ec;
	background-size: 18px;
	-webkit-background-size: 18px;
	-moz-background-size: 18px;
	-o-background-size: 18px;
	background-position:  90% 50%;
}
.chat-right .soundWav{
	/*height: 20px;display: -webkit-box;-webkit-box-direction: normal;*/
	height: 20px;
	display: -webkit-box;
	-webkit-box-direction: normal;
	min-width: 30px;
	-webkit-box-pack: end;
	padding-right: 5px;
}
.chat-right .soundWavT{
	display: block;margin-left: 10px;
}
.chat-right .soundWav img{
	position: relative;
	width: 40px;
	height: 30px;
	top: -5px;
}
.chat-left .audio{
	padding: 8px 0;
	padding-left: 30px;
	background: url("../message/images/yuyin_icon.png") no-repeat #fff;
	background-size: 18px;
	-webkit-background-size: 18px;
	-moz-background-size: 18px;
	-o-background-size: 18px;
	background-position:  10% 50%;
}
.chat-left .audio.active{
	background: url("../message/images/yuyin-2.gif") no-repeat #fff;
	background-size: 18px;
	-webkit-background-size: 18px;
	-moz-background-size: 18px;
	-o-background-size: 18px;
	background-position:  10% 50%;
}
.chat-left .soundWav{
	/*height: 20px;display: -webkit-box;-webkit-box-direction: reverse;*/
	height: 20px;
	display: -webkit-box;
	-webkit-box-direction: normal;
	min-width: 30px;
	-webkit-box-pack: start;
	padding-left: 5px;
}
.chat-left .soundWavT{
	display: block;margin-right: 10px;
}
.chat-left .soundWav img{
	position: relative;
	width: 40px;
	height: 30px;
	top: -5px;
}
.volumn {
    display: inline-block;
    height: 30px;
    line-height: 40px;
    text-align: center;
    position: relative;
    vertical-align: bottom;
    left: 84px;
	top: 60px;
}
.volumn div {
    height: 3px;
    margin-bottom: 0;
    background-color: white;
    margin-right: -12px;
    margin-bottom: 6px;
}
.volumn .line1 {
	width: 10px;
    -webkit-animation: line1 2s infinite ease-in-out alternate;
}
.volumn .line2 {
	width: 14px;
    -webkit-animation: line2 2s infinite ease-in-out alternate;
}
.volumn .line3 {
	width: 18px;
    -webkit-animation: line3 2s infinite ease-in-out alternate;
}
.volumn .line4 {
	width: 22px;
    /*-webkit-animation: line 0.6s infinite 1.8s ease-in-out alternate;*/
    /*-webkit-animation-delay: 3.6s;*/
}
@-webkit-keyframes line1 {
    0% {
         opacity: 0;
    }
    41%{
    	 opacity: 0;
    }
    42%{
    	 opacity: 1;
    }
    55% {
         opacity: 1;
    }
    56% {
         opacity: 0;
    }
    100% {
         opacity: 0;
    }
}
@-webkit-keyframes line2 {
    0% {
         opacity: 0;
    }
    27%{
    	 opacity: 0;
    }
    28%{
    	 opacity: 1;
    }
    73% {
         opacity: 1;
    }
    74% {
         opacity: 0;
    }
    100% {
         opacity: 0;
    }
}
@-webkit-keyframes line3 {
    0% {
         opacity: 0;
    }
    13%{
    	 opacity: 0;
    }
    14%{
    	 opacity: 1;
    }
    84% {
         opacity: 1;
    }
    85% {
         opacity: 0;
    }
    100% {
         opacity: 0;
    }
}
.input-msg{
    min-height: 32px;
    width: 100%;
    line-height: 22px;
    overflow-x: hidden;
    overflow-y: auto;
    /*_overflow-y: visible;
    _height: 32px;*/
    max-height: 120px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e1e1e1;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 4px;
    -webkit-user-select: auto;
    user-modify: read-write-plaintext-only;
    -webkit-user-modify: read-write-plaintext-only
}
.preview-video{padding: 6px 0px;max-height: 100px;position: relative;}
.preview-video .video-img-right{width: 135px;height: 100px;border-radius: 15px;border-bottom-right-radius: 0px;border-top-right-radius: 0px;}
.preview-video .video-img-left{width: 135px;height: 100px;border-radius: 15px;border-bottom-left-radius: 0px;border-top-left-radius: 0px;}
.preview-video .bofang-icon-right{position: absolute;right: 65px;bottom: 50%;width: 25px;height: 25px;margin-right: -12px;top: 40px;z-index: 100;}
.preview-video .bofang-icon-left{position: absolute;left: 65px;bottom: 50%;width: 25px;height: 25px;margin-right: -12px;top: 40px;z-index: 100;}
.preview-video .shichang-time-right{position: absolute;right: 27px;bottom: 50%;width: auto;height: 18px;margin-right: -12px;top: 82px;font-size: 12px;color: #fff;}
.preview-video .shichang-time-left{position: absolute;left: 5px;bottom: 50%;width: auto;height: 18px;margin-left: 90px;top: 82px;font-size: 12px;color: #fff}
.preview-video .jianjiao-icon-right{top: 6px;z-index: 20;position: absolute;right: 12px;width: 20px;height: 100px;margin-right: -12px;}
.preview-video .jianjiao-icon-left{top: 6px;z-index: 20;position: absolute;left: 12px;width: 20px;height: 100px;margin-left: -12px;}
.yidu{margin-right: 5px;color: #666;font-size: 14px;}
.yidu1{position: absolute;left: -37px;top: 40px;}
.yidu2{position: absolute;right: 110px;top: 40px;width: 28px;}

html/css/select-committee.css

@@ -0,0 +1,70 @@
.mui-popover .mui-scroll-wrapper,.mui-popover.mui-popover-action .mui-table-view{
    margin: 0px;
    border-radius: 0px;
}
.md-title{
    font-size: 16px;
    color: #333333;
    padding: 10px 0px;
    text-align: center;
}
.md-wrapper{
    top: 74px;
}
.md-tag{
    display: -webkit-box;
    height: 30px;
    border-bottom: solid 1px #d8d8d8;   
}
.md-tag li{
    width: 33.3333333333333%;
    font-size: 14px;
    color: #333333;
    border-bottom: solid 1px transparent;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.md-tag li.active{
    color: #37a6ec;
    border-bottom-color:#37a6ec;
}
.mui-popover.mui-popover-action .mui-table-view{
    background-color: #fff;
    font-size: 14px;
    color: #999;
}
.mui-popover.mui-popover-action .mui-table-view li{
    height: 40px;
    line-height: 40px;
    border-bottom: solid 1px #dcdcdc;
}
.mui-popover.mui-popover-action .mui-table-view li:last-child{
    border-bottom: none;
}
.mui-popover.mui-popover-action .mui-table-view li:active{
    background-color: #e5e6e7;
}
.mui-popover.mui-popover-action .mui-table-view li.active{
    color: #37a6ec;
}
.md-bttn-true{
    font-size: 14px;
    color: #37a6ec;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 44px;
    padding-right: 10px;
    display: none;
}
.md-bttn-false{
    font-size: 14px;
    color: #999;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 44px;
    padding-right: 10px;
}

html/data/zkys1.json

@@ -0,0 +1,5 @@
[
	{"id":"1","imgUrl":"../../../images/d-default.png","title":"黄小致（全）李民民(健)1","addr":"湖里区陆玲玲社区医疗服务中心","size":"23","totalcontract":"1820"},
	{"id":"2","imgUrl":"../../../images/d-default.png","title":"黄小致（全）李民民(健)2","addr":"湖里区陆玲玲社区医疗服务中心","size":"23","totalcontract":"1820"},
	{"id":"3","imgUrl":"../../../images/d-default.png","title":"黄小致（全）李民民(健)3","addr":"湖里区陆玲玲社区医疗服务中心","size":"21","totalcontract":"1810"}
]

html/data/zkys2.json

@@ -0,0 +1 @@
{"id":"1","name":"张三","imgUrl":"../../../images/d-default.png","type":"专科医生","docsum":"293","doc_day":"24"}

html/data/zkys3.json

@@ -0,0 +1,18 @@
[
	{"id":"1","name":"王医生","hospital":"福建某某医院","check":"true"},
	{"id":"2","name":"李医生","hospital":"福建某某医院","check":"false"},
	{"id":"3","name":"陈医生","hospital":"福建某某医院","check":"false"},
	{"id":"4","name":"吴医生","hospital":"福建某某医院","check":"false"},
	{"id":"5","name":"王医生","hospital":"福建某某医院","check":"false"},
	{"id":"6","name":"李医生","hospital":"福建某某医院","check":"false"},
	{"id":"7","name":"陈医生","hospital":"福建某某医院","check":"false"},
	{"id":"8","name":"吴医生","hospital":"福建某某医院","check":"false"},
	{"id":"9","name":"王医生","hospital":"福建某某医院","check":"false"},
	{"id":"10","name":"李医生","hospital":"福建某某医院","check":"false"},
	{"id":"11","name":"陈医生","hospital":"福建某某医院","check":"false"},
	{"id":"12","name":"吴医生","hospital":"福建某某医院","check":"false"},
	{"id":"13","name":"王医生","hospital":"福建某某医院","check":"false"},
	{"id":"14","name":"李医生","hospital":"福建某某医院","check":"false"},
	{"id":"15","name":"陈医生","hospital":"福建某某医院","check":"false"},
	{"id":"16","name":"吴医生","hospital":"福建某某医院","check":"false"}
]

html/device/css/animate.css

@@ -0,0 +1,3340 @@
@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

html/device/css/common.css

@@ -0,0 +1,352 @@
.c-12b7f5{
    color: #12b7f5;
}
.c-17b3ec{
    color: #17b3ec;
}
.c-4ecd70{
    color: #4ecd70;
}
.c-323232{
    color: #323232;
}
.c-19d5c5{
    color: #19d5c5;
}
.c-999999{
	color: #999999;
}
.c-ffc800{
    color: #ffc800;
}
.c-w-33{
    width: 33%;
}
.info-icon{
    vertical-align: middle;
    margin-bottom: 5px;
}
.information{
    background-color: rgba(0,0,0,0.5);
    font-size: 14px;
    color: #fff;
}
.information .ui-col-0{
    width: 40px;
    text-align: center;
}
.location-div{
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}
.location-div img{
    vertical-align: text-bottom;
}
.choose-label{
    color: #17B3EC;
    display: inline-block;
    max-width: 100%;
    _width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.blue-column{
    display: inline-block;
    width: 4px;
    height: 12px;
    background-color: #12b7f5;
}
.date-tag{
    display: inline-block;
    text-align: center;
    width: 50px;
    padding: 5px 0;
    font-size: 14px;
    color: #17b3ec;
    border: 1px solid #17b3ec;
}
.date-tag:first-child{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.date-tag:nth-child(2){
    border-right: 0;
    border-left: 0;
}
.date-tag:nth-child(3){
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.date-tag.active{
    background-color: #17b3ec;
    color: #fff;
}
.area-tab-panel{
    display: -webkit-box;
    height: 45px;
    line-height: 45px;
    margin: 0 10px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0px 0px 1px #ccc;
}
.area-tab{
    -webkit-box-flex: 1;
    text-align: center;
    position: relative;
}
.area-tab .border-line-right{
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 20px;
    right: 0;
    top: 50%;
    margin-top: -10px;
    background-color: #e1e1e1;
}
.area-tab span{
    display: inline-block;
    height: 45px;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    color: #323232;
    padding: 0 10px;
}
.area-tab.active span{
    color: #17b3ec;
    border-bottom: 2px solid #17b3ec;
}
.bottom-list-table{
    background-color: #fff;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.bottom-list-table thead{
    height: 40px;
    background-color: #f2f4f6;
    border-bottom: 1px solid #e1e1e1;
    color: #909090;
}
.bottom-list-table thead tr{
    height: 40px;
}
.bottom-list-table td,
.bottom-list-table th{
    text-align: center;
    vertical-align: middle;
}
.bottom-list-table .c-t-left {
	text-align: left;
}
.bottom-list-table td{
    padding: 10px 0;
}
.bottom-list-table tbody>tr{
    border-bottom: 1px solid #e1e1e1;
}
/*.bottom-list-table tbody>tr:first-child{
    border-top: 0;
}*/
.bottom-list-table tbody tr td.area-name{
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    
}
@media only screen and (max-width: 320px) {
    .bottom-list-table tbody tr td.area-name{
        max-width: 125px;
    }
}
@media only screen and (min-width: 321px) and (max-width: 414px) {
    .bottom-list-table tbody tr td.area-name{
        max-width: 180px;
    }
}
@media only screen and (min-width: 414px) and (max-width: 640px) {
    .bottom-list-table tbody tr td.area-name{
        max-width: 200px;
    }
}
.bottom-list-table .fa{
    font-size: 18px;
    color: #909090;
}
.ranking{
    width: 28px;
    height: 26px;
    font-size: 12px;
    text-align: center;
    margin-right: 5px;
    line-height: 26px;
    -webkit-box-flex: 0;
}
.ranking1{
    background: url(../images/paiming01_icon.png) no-repeat center 0;
    background-size: 24px 22px;
}
.ranking2{
    background: url(../images/paiming02_icon.png) no-repeat center 0;
    background-size: 28px 26px;
}
.ranking3{
    background: url(../images/paiming03_icon.png) no-repeat center 0;
    background-size: 28px 26px;
}
.modal-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
}
.modal-overlay.modal-overlay-visible{
    visibility: visible;
    opacity: 1;
}
.modal-content {
    height: 400px;
    position: absolute;
    width: 80%;
    z-index: 9999;
    top: 50%;
    left: 50%;
    margin-left: -40%;
    margin-top: -200px;
    display: none;
}
.div-header-title {
    height: 80px;
    background: #17B3EC;
    width: 100%;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.div-close {
    width: 26px;
    height: 26px;
    background: url(../images/tankuang_guanbi_icon.png) no-repeat center top;
    background-size: 26px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.div-overlay-img {
    width: 170px;
    height: 53px;
    background: url(../images/tankuang_bg_img.png) no-repeat center top;
    background-size: 170px 53px;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -85px;
}
.div-overlay-title {
    position: absolute;
    top: 38px;
    left: 40%;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.div-overlay-content {
    height: 320px;
    background: #fff;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.div-jf-title2{
    position: absolute;
    font-size: 14px;
    top: 50%;
    width: 100%;
    margin-top: -21px;
}
/*总体分析页面样式*/
.l-banner{
    display: -webkit-box;
    height: auto;
    margin-bottom: 10px;
    padding: 0 10px;
}
.l-banner li{
    -webkit-box-flex: 0;
    text-align: center;
    margin-left: 10px;
    background: #fff;
    border-radius: 5px;
    width: calc((100% - 20px) / 3);
    padding: 10px 0;
    border: 1px solid #E1E1E1;
    /*border-bottom: 5px solid transparent;*/
    position: relative;
}
.l-banner li:first-child{
    margin-left: 0;
}
.l-banner li .l-name{
    color: #909090;
}
.l-banner li.active,
.l-banner li.active .l-name
{
    color: #17b3ec;
}
.l-banner li.active:after{
    content: "";
    width: 100%;
    height: 5px;
    background-color: #17b3ec;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.blur-cycle-box{
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    margin-top: -35px;
    left: 50%;
    margin-left: -35px;
    /*z-index: 2;*/
    background-color: #17b3ec;
    border-radius: 50%;
    text-align: center;
}
.position-center-text{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    text-align: center;
    margin-top: -10px;
}
.w-45 {
	width: 45%;
}

html/device/css/device-management.css

@@ -0,0 +1,162 @@
/*@font-face {
    font-family: Muiicons;
    font-weight: 400;
    font-style: normal;
    src: url('../../../fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('../../../fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../../../fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../../../fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../../../fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../../../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
}*/
@font-face {
    font-family: Muiicons;
    font-weight: normal;
    font-style: normal;
    src: url('../../../fonts/mui.ttf') format('truetype');
}
.c-999{color: #999;}
.c-17b3ec{color: #17b3ec;}
.c-btn-17b3ec{
    background-color: #17b3ec;
    font-size: 14px;
    border-radius: 5px;
    padding: 10px 15px;
}
.filter-label{
    color: #999;
    display: inline-block;
    position: relative;
    padding: 0 10px;
}
.filter-label:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    top: 50%;
    margin-top: -7px;
    right: 0;
    background-color: #e1e1e1;
}
.filter-label:last-child:after{
    width: 0;
}
.fa-angle-right{
    font-size: 20px;
    color: #909090;
}
.list-item{
    background-color: #fff;
    padding: 10px 15px;
    border-bottom: 1px solid #e1e1e1;
}
.c-checkbox, .c-radio{
    position: relative;
    width: 26px;
    height: 26px;
    display: inline-block;
}
.c-checkbox input[type=checkbox], 
.c-radio input[type=radio]{
    position: absolute;
    width: 26px;
    height: 26px;
    right: 0;
    top: 0;
    display: inline-block;
    border: 0;
    outline: 0!important;
    background-color: transparent;
    -webkit-appearance: none;
}
.c-checkbox input[type=checkbox]:before, 
.c-radio input[type=radio]:before{
    font-family: Muiicons;
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    color: #ccc;
    border-radius: 0;
    background: 0 0;
    -webkit-font-smoothing: antialiased;
}
.c-checkbox input[type=checkbox]:before{
    content: '\e411';
}
.c-checkbox input[type=checkbox]:checked:before, 
.c-radio input[type=radio]:checked:before{
    color: #17b3ec;
}
.c-checkbox input[type=checkbox]:checked:before{
    content: '\e442';
}
.check-all{
    display: inline-block;
    position: relative;
    width: 21px;
    height: 21px;
    background: url(../images/weixuanzhe_icon.png) no-repeat;
    background-size: 21px 21px;
    top: 7px;
    margin-right: 10px;
}
.check-all.checked{
    background: url(../images/queren_icon.png) no-repeat;
    background-size: 21px 21px;
}
.mui-popover.mui-popover-action .mui-table-view{
    color: #666;
    font-size: 14px;
}
.mui-popover.mui-popover-action .mui-table-view a:hover{
    color: #17b3ec;
}
.mui-table-view-cell>a.active{
    color: #17b3ec;
}
.header-link.disabled{
    opacity: 0.6;
}
.device-card{
    position: relative;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    box-pack: center;
    box-align: center;
    
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    background-color: #fff;
    margin-top: 10px;
    padding: 15px 10px 15px 15px;
}
.img-box{
    width: 80px;
    height: 80px;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    padding: 2px;
}
.img-box>img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.flag-box{
    position: absolute;
    top: 0;
    left: 0;
}
.flag-box>img{
    width: 30px;
}
/*选择提醒居民*/
.item-li{
    margin-top: 10px;
}
.item-li:first-child{
    margin-top: 0;
}

html/device/css/device-physical-records.css

@@ -0,0 +1,79 @@
.c-17b3ec{
    color: #17b3ec;
}
.c-ccc{
    color: #ccc;
}
.c-red{
    color: #ff5e6c;
}
.c-green{
    color: #06bf04;
}
.arrow{
    width: 20px;
    height: 10px;
    background: url(../images/xiazhan_icon.png) 100% 100% no-repeat;
    background-size: 20px 10px;
}
.month-panel{
    background-color: #fff;
    margin-top: 10px;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}
.month-panel:first-child{
    margin-top: 0;
}
.month,
.date{
    display: -webkit-box;
    display: box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    box-pack: center;
    box-align: center;
    padding: 10px 15px;
    /*border-bottom: 1px solid #e1e1e1;*/
}
.date-panel{
    border-bottom: 1px solid #e1e1e1;
}
.date-panel:last-child{
    border-bottom: 0;
}
.date-list{
    display: none;
    border-top: 1px solid #e1e1e1;
}
.fa-angle-down,.fa-angle-up{
    color: #ccc;
    font-size: 20px;
}
.record-list{
    display: none;
    border-top: 1px solid #e1e1e1;
}
.record{
    display: -webkit-box;
    display: box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    box-pack: center;
    box-align: center;
    padding: 10px 0px;
    border-bottom: 1px solid #e1e1e1;
    
    font-size: 14px;
    color: #323232;
}
.record:last-child{
    border-bottom: 0;
}
.no-record{
    text-align: center;
    padding: 10px;
    font-size: 14px;
    color: #666;
    display: none;
}

html/device/css/filter.css

@@ -0,0 +1,52 @@
.bgc-17b3ec{
    background-color: #17b3ec;
}
.c-999{color: #999;}
.footer{
    position:fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.footer div{
    width: 50%;
    float: left;
    font-size: 17px;
    text-align: center;
    padding: 10px 0;
}
.cancel-btn{
    border-top: 1px solid #e1e1e1;
    background-color: #fff;
    color: #666;
}
.confirm-btn{
    border-top: 1px solid #17b3ec;
    background-color: #17b3ec;
    color: #fff;
}
.tag{
    display: inline-block;
    min-width: 84px;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #e1e1e1;
    border-radius: 15px;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 14px;
    color: #333;
}
.tag.active{
    background-color: #17b3ec;
    color: #fff;
    border-color: #17b3ec;
}
.reset-btn{
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 17px;
    color: #17b3ec;
    font-weight: 600;
}

html/device/css/manager.css

@@ -0,0 +1,672 @@
.l-liri{
	position: relative;
	top: -5px;
	height: 30px;
	width: 30px;
	float: left;
	margin-right: 16px;
	/*background: url(../images/rili.png) no-repeat;
	background-size: 30px 30px;*/
}
.time-sel-input{
	height: 48px; background-color: #FFFFFF; padding: 14px 20px;
	padding-right: 10px;
	/*font-size: .8rem;*/
}
.l-arrow-right {
	display: block;
	width: 14px;
	height: 14px;
	border: solid #cdcdcd;
	border-width: 3px 3px 0 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: 2px;
}
.l-arrow-left {
	display: block;
	width: 14px;
	height: 14px;
	border: solid #cdcdcd;
	border-width: 0 0 3px 3px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: 2px;
}
.l-qytj-barner{
	display: -webkit-box;
	/*height: 60px;*/
	height: auto;
	margin-bottom: 10px;
	/*background-color: #fff;*/
}
.l-qytj-barner li{
	-webkit-box-flex: 1;
	text-align: center;
	margin-left: 10px;
	background: #fff;
	border-radius: 10px;
}
.l-qytj-barner li.l-over{
	border-bottom: 8px solid #17B3EC;
	color: #17b3ec;
}
.l-qytj-barner li.l-last{
	margin-right: 10px;
}
.l-qytj-val {
	padding-top: 10px;
	/*font-size: 1.1rem;*/
}
.l-qytj-name{
	/*font-size: 0.8rem;*/
	/*padding-top: 2px;*/
	padding-top: 10px;
    padding-bottom: 10px;
}
.l-qytj-img{
	height: 78px;
	padding-top: 18px;
}
.l-qytj-barner div.back-img{
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
	margin-left: auto;
	margin-right: auto;
}
.l-qytj-barner div.qianyue{
	background: url(../images/qianyue.png);
}
.l-qytj-barner li.over div.qianyue{
	background: url(../images/qianyue_over.png);
}
.l-qytj-barner div.jieyue{
	background: url(../images/jieyue.png);
}
.l-qytj-barner li.over div.jieyue{
	background: url(../images/jieyue_over.png);
}
.l-qytj-barner div.jiandang{
	background: url(../images/jiandang.png);
}
.l-qytj-barner li.over div.jiandang{
	background: url(../images/jiandang_over.png);
}
.l-qytj-barner div.zixun{
	background: url(../images/zixun.png);
}
.l-qytj-barner li.over div.zixun{
	background: url(../images/zixun_over.png);
}
.l-qytj-barner div.suifang{
	background: url(../images/suifang.png);
}
.l-qytj-barner li.over div.suifang{
	background: url(../images/suifang_over.png);
}
.l-qytj-barner div.zhidao{
	background: url(../images/zhidao.png);
}
.l-qytj-barner li.over div.zhidao{
	background: url(../images/zhidao_over.png);
}
.l-qytj-name2{
	color: #888;
	font-size: 14px;
}
.l-qytj-barner li.over div.l-qytj-name2{
	color: #17b3ec;
}
.l-zxt{
	padding: 10px;
	height: 250px;
	background-color: #fff;
	margin-top: 2px;
	margin-bottom: 10px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
.l-zxt-con{
	width: 100%;
	height: 100%;
	/* background-color: #f1f4fb; */
	overflow: hidden;
}
/*.l-zxt-inner{
	width: 122%;
	height: 116%;
	position: relative;
	top: -4%;
	left: -76px;
}*/
/*.l-zxt-inner div:first-child{
	left: -7%;
}*/
.l-bar-title{
	height: 2.3rem;
	padding: 0.3rem 0.7rem;
	font-size: 1rem;
	color: #666;
	background-color: #fff;
	
}
.l-bar-title div{
	background: url(../images/quyu.png) no-repeat;
	background-size: 1.6rem 1.6rem;
	height: 100%;
	padding: 0.2rem 2rem;
}
.mui-backdrop {
	height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
    background-color: rgba(0,0,0,.3);
}
.l-gq-list{
	background-color: #fff;
}
.l-gq-list li{
    height: 70px;
    /* padding: 0.6rem 0; */
    border-top: 1px solid #e1e1e1;
    margin: 0 0.6rem;
    position: relative;
}
.l-gq-list li:first-child{
    border-top: none;
}
.l-gq-bg{
    position: relative;
    height: 60px;
    width: 40%;
    border-radius: 8px;
    background-color: #17b3ec;
    opacity: 0.4;
    z-index: 1;
    top: 5px;
}
.l-gq-name{
    position: relative;
    top: -70%;
    left: 5px;
    color: #333333;
}
.l-gq-arrow{
    position: relative;
    top: -42%;
    float: right;
    right: 10px;
    border: solid #17b3ec;
    border-width: 3px 3px 0 0;
}
.l-gq-sj{
    position: relative;
    top: -60%;
    left: 5px;
    color: #005f99;
    /*font-size: .8rem;*/
}
.l-time-sel-box{
    background-color: #fff;
    font-size: 1rem;
    width: 100%;
    color: #555;
}
.l-time-sel-box ul{
	padding: 0rem 1.25rem;
}
.l-time-sel-box ul li{
	height: 3rem;
	border-top: 1px solid #ccc;
	line-height: 3rem;
}
.l-time-sel-box ul li.l-over{
	background: url(../images/checked.png) no-repeat;
	background-position: right;
	background-size: 1.8rem 1.8rem;
}
.l-time-sel-custom{
	margin: 0rem 1.25rem;
	border-top: 1px solid #ccc;
	line-height: 3rem;
}
.l-btn-arr{
    border-top: 1px solid #ccc;
    height: 3rem;
    font-size: 1.3rem;
}
.l-btn-arr div{
	float: left;
    width: 50%;
    text-align: center;
    line-height: 3rem;
}
.l-btn-cancel{
    
}
.l-btn-ok{
    color: #fff;
    background-color: #17b3ec;
}
.l-date-form{
	height: 66px;
	padding: 0 1.25rem;
	display: none;
}
.l-date-form input{
	color: #17b3ec;
}
.l-date-start{
    font-size: 1rem;
    color: #888;
    width: 50%;
    float: left;
}
.l-date-start input{
    border: none;
    margin-bottom: 0px;
    padding-left: 0px;
}
.l-date-end{
    text-align: right;
    width: 50%;
    float: right;
    font-size: 1rem;
    color: #888;
}
.l-date-end input{
    border: none;
    margin-bottom: 0px;
    text-align: right;
    padding-right: 0;
}
.l-jmfx{
    position: relative;
    z-index: 999;
    color: #17b3ec;
    top: 0rem;
    height: 0;
    right: 2rem;
    display: none;
    font-size: 0.8rem;
}
.l-jmfx img{
    width: .8rem;
    height: .7rem;
    margin-left: 6px;
    margin-top: 0.35rem;
}
.l-refresh{
    float: right;
    position: relative;
    top: -37px;
    height: 30px;
    right: -26px;
}
.l-refresh img{
	width: 26px;
	height: 26px;
}
.l-legend{
    position: relative;
    top: 1rem;
    left: 12%;
    height: 0;
    z-index: 999;
    width: 200px;
}
.l-legend ul{
    display: -webkit-box;
    /*height: 0;*/
    font-size: 0.8rem;
    color: #ccc;
}
.l-legend li{
    -webkit-flex: 1;
    margin-left: 10px;
}
.l-legend label{
    float: left;
    width: 16px;
    height: 12px;
    border-radius: 5px;
    background: #ccc;
    margin-top: 4px;
    margin-right: 3px;
}
.l-legend li.l-over{
    color: #17b3ec;
}
.l-legend li.l-over label{
    background: #17b3ec;
}
.l-times{
    position: relative;
    top: 1.6rem;
    font-size: 0.6rem;
    height: 0px;
    background: red;
    left: 8%;
    width: 0px;
}
.f-dn{display: none;}
.div-lv{display: box; display: -webkit-box; display: -moz-box;/*background: #ffffff; padding-top: 8px;*/height: 162px;background: #ffffff;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;margin-bottom: 10px;padding-bottom: 10px;}
.div-lv .wrap{width: 50%;text-align: center;margin-top: 6px;}
.div-lv .wrap p{line-height: 1.5;}
.height-12{height: 12px;}
.wrap canvas{width: 76px;height: 76px;}
.f-fs16{font-size: 16px;}
.f-fr{float:right}
.mui-switch.mui-active:before {
	right: auto;
	left: 10px;
	content: '日';
	color: #fff
}
.mui-switch:before {
	font-size: 13px;
	position: absolute;
	top: 3px;
	right: 11px;
	content: '周';
	text-transform: uppercase;
	color: #fff
}
.mui-switch.mui-active {
	border-color: #0068a9;
	background-color: #0068a9
}
.mui-switch{
	border: 2px solid #0068a9;
	background-color: #0068a9;
	z-index: 100;
	width:60px;
}
.mui-switch .mui-switch-handle{left: -1px;}
.div-ranking{position: absolute;top: 42%;right: 32px;z-index: 10;padding: 2px 4px;border-radius: 10px;color: #fff;/*font-size: 14px;*/}
.c-EA5B3A{color: #EA5B3A;}
.cb-EA5B3A{background: #EA5B3A;}
.cb-FF8746{background: #FF8746;}
.cb-69CA2E{background: #69CA2E;}
.cb-3DA9CE{background: #3DA9CE;}
.canvas-wc{width:100%; height:190px; margin: 37px 7px;position: absolute;top:0;left:0;display: none;background: #17B3EC;z-index: 10;}
.div-switch{position: absolute;top: 37px;left: 10px;display: none;}
.div-danwei{position: absolute;right: 10px;top: 40px;z-index: 100;color: #ffffff;}
.div-mbl{ position: absolute;  right: 13px;  top: 54px;  z-index: 100;  color: #ffffff; }
.div-layer{width: 100%;  height: 200px;  margin: 33px 5px;  position: absolute;  top: 0;  left: 0; background: #17B3EC; z-index: 5;border-radius: 10px;}
.div-btn-group{ position: absolute;  top: 37px;  left: 10px;z-index: 100;}
.div-btn-group .div-btn{width: 40px;height: 20px; line-height: 20px; background: #0068A9;text-align: center;border-radius: 10px;color: #fff;float: left;margin-right: 5px;}
.div-btn-group .div-btn.active{background: #90D5FF; color: #0068a9;}
.div-header{height: 73px;}
.div-header-item{width: 25%;float: left;text-align: center;padding-top: 10px;}
.c-ec5317{color: #ec5317;}
.f-fs13{font-size: 13px;}
.f-fs14{font-size: 14px;}
.icon-remark{width: 25px;height: 25px;background: url(../images/wenhao_icon.png) no-repeat center top;background-size: 25px;position: absolute;  top: 10px;  right: 10px;}
.modal-overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 9999;visibility: hidden;opacity: 0;-webkit-transition-duration: 400ms;transition-duration: 400ms;}
.modal-overlay.modal-overlay-visible{ visibility: visible;opacity: 1;}
.c-ti2 {text-indent: 2em;}
.c-fwb { font-weight: bold;}
.pl14{padding-left: 14px;}
.pr14{padding-right: 14px;}
.c-333333{color:#333333}
.f-f14{font-size: 14px;}
.modal-content{height: 400px;position: absolute;width: 80%;border-radius: 20px;z-index: 9999;top: 50%;left: 50%;margin-left: -40%;margin-top: -199px;display: none;}
.div-header-title{height: 80px;background: #17B3EC;width: 100%;position: relative;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.div-close{width: 26px;height: 26px;background: url(../images/tankuang_guanbi_icon.png) no-repeat center top;background-size: 26px;position: absolute;  top: 10px;  right: 10px;}
.div-overlay-img{width: 170px;height: 53px;background: url(../images/tankuang_bg_img.png) no-repeat center top;background-size: 170px 53px;position: absolute;  top: 15px;  left:50%;margin-left: -85px;}
.div-overlay-title{position: absolute;top: 38px;left:40%;color: #fff;font-weight: bold;font-size: 18px;}	
.div-overlay-content{height: 320px;background: #fff;width: 100%;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.div-list,.div-list0,.div-list1,.div-list2{width: 100%;height: auto;position: relative;background: #fff;}
.div-left-content{width: 100%;position: absolute;left: 0;top:60px;z-index: 10;}
.div-right-data-content{width: 50%;position: absolute;right: -10px;top:60px;z-index: 20;}
.div-ranking-top{padding: 4px 10px; border-radius: 10px;  color: #fff;   font-size: 10px; width: auto; float: left; margin-left: 5px; margin-top: 15px;}
.div-left-title{line-height: 55px;display: -moz-box;display: -webkit-box;font-size: 12px;overflow: hidden; -webkit-line-clamp: 2;    -webkit-box-orient: vertical; color:#323232;word-break: break-all; width: 50px;float: left; margin-left: 5px;text-align: center;}
.div-left-title1{line-height: 25px;display: -moz-box;display: -webkit-box;font-size: 12px;overflow: hidden; -webkit-line-clamp: 2;    -webkit-box-orient: vertical; color:#323232;word-break: break-all; width: 50px;float: left; margin-left: 5px;text-align: center;}
.div-left-title2{line-height: 19px;display: -moz-box;display: -webkit-box;font-size: 12px;overflow: hidden; -webkit-line-clamp: 3;    -webkit-box-orient: vertical; color:#323232;word-break: break-all; width: 50px;float: left; margin-left: 5px;text-align: center;}
.div-right-danwei{position: absolute;right: 0;top: 48px;color: #cccccc;}
.div-right-content,.div-right-team-content{width:100%;height: 30px;line-height: 30px;/*position: absolute;right: 0;top:35px;*/}
.div-right-team-content{padding-left: 80px;}
.f-fs10{font-size:10px}
.qyl{width: 15px;height: 15px;background: #a0dc28;margin-left: 10px;}
.rks{width: 15px;height: 15px;background: #ffc149;margin-left: 10px;margin-top: 10px;}
.mbl{width: 15px;height: 15px;background: #17b3ec;margin-left: 10px;margin-top: 10px;}
.qylv{width:15px;height: 2px;background: red;margin-top: 10px;margin-left: 10px;}
.mblv{width:15px;height: 2px;background: #925cfe;margin-top: 10px;margin-left: 10px;}
.qyl-td{width: 15px;height: 15px;background: #17B3EC;margin-left: 10px;}
.icon-refresh{width: 25px;height: 25px;background: url(../images/qiehuan_icon.png) no-repeat center top;background-size: 25px;position: absolute;  top: 10px;  right: 10px;}
.h62{height: 62px;}
.h58{height: 58px;}
.h66{height: 66px;}
.h68{height: 68px;}
.h54{height: 54px;}
.mt20{margin-top:20px}
.mt10{margin-top:10px}
.div-top{width:1rem;color:#fff;margin-top: 17px;text-align: center;border-radius: 5px;float:left;margin-left: 5px;}
.div-name,.div-amount{text-align: center;width:50px;float: left;margin-left: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;word-break: break-word;}
.c-a0dc28{color:#a0dc28;}
.c-17b8ec{color:#17b8ec}
.list-ul li{height: 63px;}
.div-shujujz{height: 38px;line-height: 38px;text-align: left;color: #909090;margin-left: 10px;}
.div-shujujz .text-box span{display: inline-block;vertical-align: middle;}
.div-shujujz .text-box .title{max-width: 50%;height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.scroll-wrapper{top: 45px;}
.pullDown, .pullUp{background: #f2f4f6;}
.pullDown.scrolledUp {margin-top: -51px;}
.pullUp,.pullUpLabel{display: none;}
.lin-sel-group{
	position: absolute;
	top: 45px;
	background: #fff;
	width: 100%;
	z-index: 11;
	display: none;
}
.lin-sel-group li{
	text-align: center;
	color: #17b3ec;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-bottom: 1px solid #f2f4f6;
}
.lin-sel-group img{
	width: 20px;
	margin: 10px;
	display: none;
}
.lin-sel-group li.checked img{
	display: inline;
}
.lin-mask{
	position: absolute;
	top: 45px;
	height: 100%;
	width: 100%;
	/*background: #000;*/
	height: 100%;
	z-index: 10;
	display: none;
	background-color: rgba(0,0,0,0.5);
}
.lin-down-arrow{
    position: relative;
    top: -2px;
    left: 5px;
    height: 10px;
    width: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    display: inline-block;
    transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 		/* Opera */
	zoom: 1;
	box-sizing: border-box;
}
.color-block{
    display: inline-block;
    width: 0.625rem;
    height: 0.625rem;
    margin-bottom: -2px;
}
.bgc-a0dc28{background-color: #a0dc28;}
.bgc-ffc149{background-color: #ffc149;}
.bgc-17b3ec{background-color: #17b3ec;}
.bgc-925cfe{background-color: #925cfe;}
.bgc-17B3EC{background-color: #17B3EC;}
.bgc-EA5B3A{background-color: #EA5B3A;}
.color-line{
    display: inline-block;
    width: 0.625rem;
    height: 2px;
    margin-bottom: 4px;
}
.c-17b3ec{color: #17b3ec;}
.c-4ECD70{color: #4ECD70;}
.bor-bom{border-bottom: 1px solid #dcdcdc;}
.bor-top{border-top: 1px solid #dcdcdc;}
.zongzixun-ul.l-qytj-barner li:not(.zongzixun-li){background-color: #efeff4;}
.c-efeff4{color: #efeff4;}
.c-top25{top:25%}
.c-top55{top:-55%}
.div-data-list{background: #fff;}
.choose-label{
    font-size: 14px;
    color: #17b3ec;
    margin: 0;
    padding-right: 10px;
    float: right;
    width: 33%;
    height: 38px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.div-shujujz img{
    width: 0.6rem;
    height: .6rem;
    background-size: .6rem;
    vertical-align: middle;
    margin-right: 5px;
}
.text-box{
    width: 67%;
    height: 38px;
    line-height: 38px;
    float: left;
    margin:0;
}
.info-icon{
    vertical-align: middle;
    margin-bottom: 5px;
}
.information{
    background-color: rgba(0,0,0,0.5);
    font-size: 14px;
    color: #fff;
}
.information .ui-col-0{
    width: 40px;
    text-align: center;
}

html/device/html/choose-patient.html

@@ -0,0 +1,164 @@
<!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="../../../fonts/font-awesome/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
        <link rel="stylesheet" type="text/css" href="../css/device-management.css"/>
    </head>
    <body>
        <div class="h45">
            <div class="demo-comtop">
                <a class="mui-action-back"></a>
                <h1>选择提醒居民</h1>
                <div class="header-link disabled c-fff c-f16">发送消息</div>
            </div>
        </div>
        <div class="ui-grid ui-grid-middle list-item">
            <div class="ui-col-0 c-f17 c-333 mr10">未测量时间</div>
            <div class="ui-col-1 mr10 c-t-right c-f14 c-999" id="dateName">全部</div>
            <div class="ui-col-0"><i class="fa fa-angle-right"></i></div>
        </div>
        <div class="ui-grid ui-grid-middle list-item">
            <div class="ui-col-0 c-f17 c-333 mr10">绑定状态</div>
            <div class="ui-col-1 mr10 c-t-right c-f14 c-999" id="statusName">全部</div>
            <div class="ui-col-0"><i class="fa fa-angle-right"></i></div>
        </div>
        <div class="ui-grid ui-grid-middle list-item">
            <div class="ui-col-0 c-f17 c-333 mr10">设备类型</div>
            <div class="ui-col-1 mr10 c-t-right c-f14 c-999" id="typeName">全部</div>
            <div class="ui-col-0"><i class="fa fa-angle-right"></i></div>
        </div>
        <div class="plr15" style="height: 40px; line-height: 40px;">
            <div class="c-checkbox mr5" style="top: 7px;">
                <input type="checkbox" name="checkAll" id="chooseAll">
            </div>
            <label for="chooseAll" class="c-f14 c-999">批量选择</label>
            <span class="c-f14 c-17b3ec ml5">提示：提醒将发送给设备登记居民</span>
        </div>
        <div class="mui-scroll-wrapper" style="top: 224px;">
            <div class="mui-scroll">
                <ul class="plr15" id="result_wrapper">
                    
                </ul>
                <div id="no_result_wrap" class="c-hide" style="margin-top: 50px;">
                    <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
                    <div class="c-f14 c-333 c-t-center">抱歉，暂未找到符合条件的结果。</div>
                </div>
            </div>
        </div>
        
        <div id="dateSheet" class="mui-popover mui-popover-bottom mui-popover-action">
            <!-- 可选择菜单 -->
            <ul id="" class="mui-table-view">
                <li class="mui-table-view-cell date-item" data-val="1">
                    <a href="javascript:;">今日未测量</a>
                </li>
                <li class="mui-table-view-cell date-item" data-val="2">
                    <a href="javascript:;">七日未测量</a>
                </li>
                <li class="mui-table-view-cell date-item" data-val="3">
                    <a href="javascript:;">本月未测量</a>
                </li>
                <li class="mui-table-view-cell date-item" data-val="4">
                    <a href="javascript:;">超过一个月未测量</a>
                </li>
            </ul>
            <!-- 取消菜单 -->
            <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <a class="zy-alert" href="#dateSheet">取消</a>
                </li>
            </ul>
        </div>
        
        <div id="statusSheet" class="mui-popover mui-popover-bottom mui-popover-action">
            <!-- 可选择菜单 -->
            <ul id="" class="mui-table-view">
                <li class="mui-table-view-cell status-item" data-val="">
                    <a href="javascript:;">全部</a>
                </li>
                <li class="mui-table-view-cell status-item" data-val="1">
                    <a href="javascript:;">已绑定</a>
                </li>
                <li class="mui-table-view-cell status-item" data-val="2">
                    <a href="javascript:;">居民解绑</a>
                </li>
            </ul>
            <!-- 取消菜单 -->
            <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <a class="zy-alert" href="#statusSheet">取消</a>
                </li>
            </ul>
        </div>
        
        <div id="typeSheet" class="mui-popover mui-popover-bottom mui-popover-action">
            <!-- 可选择菜单 -->
            <ul id="" class="mui-table-view">
                <li class="mui-table-view-cell type-item" data-val="">
                    <a href="javascript:;">全部</a>
                </li>
                <li class="mui-table-view-cell type-item" data-val="1">
                    <a href="javascript:;">血糖仪</a>
                </li>
                <li class="mui-table-view-cell type-item" data-val="2">
                    <a href="javascript:;">血压计</a>
                </li>
            </ul>
            <!-- 取消菜单 -->
            <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <a class="zy-alert" href="#typeSheet">取消</a>
                </li>
            </ul>
        </div>
        
        <!--居民列表模板-->
        <script type="text/html" id="li-tmp">
            {{each list as it index}}
            <li class="ui-grid ui-grid-middle item-li">
                <div class="ui-col-0 mr10">
                    <div class="c-checkbox">
                        <input type="checkbox" name="patient" data-json="{{it | getJsonStr}}">
                    </div>
                </div>
                <div class="ui-col-1 device-card" style="margin-top: 0;">
                    <div class="ui-col-0 mr15">
                        <div class="img-box">
                            <img src="{{it.photo | getPhoto}}">
                        </div>
                    </div>
                    <div class="ui-col-1">
                        <div class="c-f17">{{it.name}}</div>
                        <div class="mt5 c-f14 c-999">{{it.category_code | getCategoryName}} - {{it.device_name}}</div>
                        <div class="mt5 c-f14 c-999">&bull; 登记时间：{{it.create_time | formatDate}}</div>
                    </div>
                    {{if it.operate_code == 1}}
                    <div class="flag-box"><img src="../images/bangdi_icon.png"></div>
                    {{else}}
                    <div class="flag-box"><img src="../images/jiebang_icon.png"></div>
                    {{/if}}
                </div>
            </li>
            {{/each}}
        </script>
        <script src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../js/mui.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/templateHepler.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/choose-patient.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

html/device/html/device-data.html

@@ -0,0 +1,252 @@
<!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="../../../fonts/font-awesome/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css" />
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css"/>
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
        <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    </head>
    <body>
        <div class="h45">
            <div class="demo-comtop">
                <a class="mui-action-back"></a>
                <h1>智能设备分析</h1>
                <a class="header-link">
                    <img src="../images/shoumiao_icon.png" width="25" class="mt10">
                </a>
            </div>
        </div>
        <div class="mui-scroll-wrapper" style="top: 46px">
            <div class="mui-scroll">           
                <!-- 位置信息 start -->
                <div class="ui-grid ui-grid-middle location-div">
                    <div class="ui-col-0 text-box c-f13 c-nowrap"  style="max-width:50%;">
                        <img src="../images/weizhi_icon.png" width="12">
                        <span id="areaTitle" class="title c-666 c-f13 ml5"></span>
                    </div>
                    <div class="ui-col-0">
                        <span class="jiezhi-time c-f13"></span>
                    </div>
                    <div class="ui-col-1 c-t-right">
                    	<span class="select-label c-666 c-f13">所有设备</span>
                    	<span class="select-label-btn c-12b7f5">筛选</span>
                    </div>
                </div>
                <!-- 位置信息 end -->
                
                <div class="bgc-fff c-border-tb">
                	<div class="pl10">
                        <h3 class="ptb10 c-323232 c-bold c-f16 c-border-b">设备情况</h3>
                    </div>
                    <div class="ui-grid ui-grid-middle c-position-r c-f14">
	                    <div class="ui-col-1">
	                        <div class="round-chart" id="roundChart" style="height: 150px;"></div>
	                    	<div class="clearfix">
	                    		<div class="fl clearfix pl20">
		                    		<em class="fl" style="width: 6px; height: 42px; border-radius: 3px; background: #DDDDDD;"></em>
		                    		<div class="fl mlr10">
		                    			<p class="c-323232"><span class="device-buy">0</span>台</p>
		                    			<p class="c-999999">采购量</p>
		                    		</div>
		                    	</div>
		                    	<div class="fl clearfix">
		                    		<em class="fl" style="width: 6px; height: 42px; border-radius: 3px; background: #39f;"></em>
		                    		<div class="fl mlr10">
		                    			<p class="c-323232"><span class="device-push">0</span>台</p>
		                    			<p class="c-999999">发放量</p>
		                    		</div>
		                    	</div>
	                    	</div>
	                    </div>
	                    <div class="ui-col-1">
	                        <div class="round-chart" id="roundChart1" style="height: 150px;"></div>
	                    	<div class="clearfix">
	                    		<div class="fl clearfix pl20">
		                    		<em class="fl" style="width: 6px; height: 42px; border-radius: 3px; background: #DDDDDD;"></em>
		                    		<div class="fl mlr10">
		                    			<p class="c-323232"><span class="device-push">0</span>台</p>
		                    			<p class="c-999999">发放量</p>
		                    		</div>
		                    	</div>
		                    	<div class="fl clearfix">
		                    		<em class="fl" style="width: 6px; height: 42px; border-radius: 3px; background: #39f;"></em>
		                    		<div class="fl mlr10">
		                    			<p class="c-323232"><span class="device-bind">0</span>台</p>
		                    			<p class="c-999999">绑定量</p>
		                    		</div>
		                    	</div>
	                    	</div>
	                    </div>
	                </div>
	                <div class="ptb10 mt20 c-border-t">
	                	<div class="ui-grid ui-grid-middle c-position-r c-f14">
	                		<div class="ui-col-0 w-45 pl20">
	                			<p class="clearfix">
	                				<em class="fl mr5" style="width: 6px; height: 20px; border-radius: 3px; background: #DDDDDD;"></em>设备发放量
	                			</p>
	                			<p class="c-323232 mt5 c-t-center"><span class="device-push">0</span>台</p>
	                			<p class="clearfix mt10">
	                				<em class="fl mr5" style="width: 6px; height: 20px; border-radius: 3px; background: #39f;"></em>本周设备使用台数
	                			</p>
	                			<p class="c-323232 mt5 c-t-center"><span class="device-use">0</span>台</p>
	                		</div>
	                		<div class="ui-col-1">
	                			<div class="round-chart" id="roundChart2" style="height: 160px;"></div>
	                		</div>
	                	</div>
	                	<div class="ui-grid ui-grid-middle c-position-r c-f14">
	                		<div class="ui-col-0 w-45 pl20">
	                			<p class="clearfix">
	                				<em class="fl mr5" style="width: 6px; height: 20px; border-radius: 3px; background: #DDDDDD;"></em>体征异常监测量
	                			</p>
	                			<p class="c-323232 mt5 c-t-center"><span class="device-dif">0</span>次</p>
	                			<p class="clearfix mt10">
	                				<em class="fl mr5" style="width: 6px; height: 20px; border-radius: 3px; background: #39f;"></em>体征干预指导数
	                			</p>
	                			<p class="c-323232 mt5 c-t-center"><span class="device-del">0</span>次</p>
	                		</div>
	                		<div class="ui-col-1">
	                			<div class="round-chart" id="roundChart3" style="height: 160px;"></div>
	                		</div>
	                	</div>
	                </div>
                </div>
                <div class="mt10 bgc-fff c-border-tb pb10">
                	<div class=" plr10">
                        <h3 class="ptb10 c-323232 c-bold c-f16 c-border-b">设备登记趋势</h3>
                    </div>
                    <div class="ui-grid ui-grid-middle">
                        <div class="ui-col-1 c-t-center pt10 pb5">
                            <span class="date-tag active" data-type="1">日</span><!--
                            --><span class="date-tag" data-type="2">周</span><!--
                            --><span class="date-tag" data-type="3">月</span>
                        </div>
                    </div>
                    <div class="clearfix mt5 plr10">
                        <div class="fl c-f12 c-909090"><span id="startValue"></span> ~ <span id="endValue"></span>数据</div>
                        <div class="fr c-f12 c-909090">单位：台</div>
                    </div>
                    <div class="line-chart plr10" id="lineChart" style="height: 250px"></div>
                </div>
                <!--<div class="mt10 bgc-fff">
                    <div class="plr10">
                        <h3 class="ptb10 c-323232 c-bold c-f16 c-border-b">社区排名</h3>
                    </div>
                    <table class="bottom-list-table mb20" id="listTable">
                    </table>
                </div>-->
                <div class="mt10">
                    <div class="area-tab-panel">
                        <div class="area-tab active" data-val="4"><span>各区</span><i class="border-line-right"></i></div>
                        <div class="area-tab" data-val="3"><span>社区</span><i class="border-line-right"></i></div>
                        <div class="area-tab" data-val="2"><span>团队</span></div>
                    </div>
                    <table class="bottom-list-table mb20" id="listTable">
                    </table>
                </div>
            </div>
        </div>
        
        <!-- 团队信息模块 -->
        <div class="modal-overlay"></div>
        <div class="modal-content">
            <div class="div-header-title">
                <div class="div-close"></div>
                <div class="div-overlay-img"></div>
                <div class="div-overlay-title">团队详情</div>
            </div>
            <div class="div-overlay-content">
                <div class="pt15" id="teamInfoBox">
                    
                </div>
            </div>
        </div>
        
        <script type="text/html" id="data-list">
            <thead>
                <tr>
                    <th class="c-t-left pl10">排名</th>
                    <th>发放量</th>
                    <th>绑定量</th>
                    <th>绑定率</th>
                    {{if level>2 && lowLevel != 1}}
                    <th width="20"></th>
                    {{/if}}
                </tr>
            </thead>
            <tbody>
                {{each list as v i}}
                <tr class="data-row" data-name="{{v.name}}" data-code="{{v.code}}" data-type="">
                    <td class="area-name">
                        {{if v.top == 1}}
                        <div class="ranking ranking1">{{v.top}}</div>
                        {{else if v.top == 2}}
                        <div class="ranking ranking2">{{v.top}}</div>
                        {{else if v.top == 3}}
                        <div class="ranking ranking3">{{v.top}}</div>
                        {{else}}
                        <div class="ranking">{{v.top}}</div>
                        {{/if}}
                        <div class="ui-col-1 c-nowrap-multi">{{v.name}}</div>
                    </td>
                    <td>{{v.allNum}}</td>
                    <td>{{v.bindingNum}}</td>
                    <td>{{v.rate}}%</td>
                    {{if level>2 && lowLevel != 1}}
                    <td><i class="fa fa-angle-right"></i></td>
                    {{/if}}
                </tr>
                {{/each}}
            </tbody>
        </script>
        
        <!-- 团队信息模板 -->
        <script type="text/html" id="teamInfo">
            <div class="plr15 pb20">
                <span class="c-f14 c-bold c-333">团队名称：</span>
                <span class="c-f14 c-333">{{team.name}}</span>
            </div>
            <div class="plr15 pb20">
                <span class="c-f14 c-bold c-333">所在社区：</span>
                <span class="c-f14 c-333">{{team.hospitalName}}</span>
            </div>
            <div class="plr15 pb20">
                <span class="c-f14 c-bold c-333">团队长：</span>
                <span class="c-f14 c-333">{{team.leaderName}}</span>
            </div>
            <div class="plr15 pb20">
                <span class="c-f14 c-bold c-333">团队成员(<span class="span-team-count">{{memberLength}}</span>人)：</span>
                <p class="c-f14 c-333 mt10">
                    {{each members as member index}}
                    {{if index == 0}}
                        {{member.name}}
                    {{else if index < 20}}
                        、{{member.name}}
                    {{else if index == 20}}
                    、{{member.name}}等
                    {{/if}}
                    {{/each}}
                </p>
            </div>
        </script>
        <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <!--<script src="../../../widget/echarts/3.0/js/echarts.min.js" type="text/javascript" charset="utf-8"></script>-->
        <script src="../js/echarts.common.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/device-data.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

html/device/html/device-management.html

@@ -0,0 +1,89 @@
<!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="../../../fonts/font-awesome/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
        <link rel="stylesheet" type="text/css" href="../css/device-management.css"/>
    </head>
    <body>
        <div class="h45">
            <div class="demo-comtop">
                <a class="mui-action-back"></a>
                <h1>设备管理</h1>
                <!--<div class="header-link">
                    <img src="../images/shoumiao_icon.png" width="23" class="mt10">
                </div>-->
            </div>
        </div>
        <div class="plr15 ptb10 c-border-b bgc-fff ui-grid ui-grid-middle">
            <div class="ui-col-1 c-f17">居民设备使用情况<span class="c-f14 c-909090 ml10" id="count">(0)</span></div>
            <div class="ui-col-0"><a class="c-btn c-btn-17b3ec" id="remindBtn">提醒测量</a></div>
        </div>
        <div class="plr15 ptb10 bgc-fff c-border-b ui-grid ui-grid-middle">
            <div class="ui-col-1 c-f14">过滤条件：
                <span class="filter-label">全部</span><!--
                --><span class="filter-label">全部</span><!--
                --><span class="filter-label">全部</span>
            </div>
            <div class="ui-col-0" id="filterBtn">
                <img src="../images/saixuan_icon.gif" width="22">
            </div>
        </div>
        <div class="mui-scroll-wrapper" style="top: 148px;">
            <div class="mui-scroll">
                <ul class="plr15" id="result_wrapper">
                </ul>
                <div id="no_result_wrap" class="c-hide">
                    <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
                    <div class="c-f14 c-333 c-t-center">抱歉，暂未找到符合条件的结果。</div>
                </div>
            </div>
        </div>
        
        <script type="text/html" id="li-tmp">
            {{each list as it}}
            <li class="ptb10 device-card" data-json="{{it | getJsonStr}}">
                <div class="ui-col-0 mr15">
                    <div class="img-box">
                        <img src="{{it.photo | getPhoto}}">
                    </div>
                </div>
                <div class="ui-col-1">
                    <div class="c-f17">{{it.name}}</div>
                    <div class="mt5 c-f14 c-999">{{it.category_code | getCategoryName}} - {{it.device_name}}</div>
                    {{if it.operate_code == 1}}
                    <div class="mt5 c-f14 c-999">&bull; 登记时间：{{it.create_time | formatDate}}</div>
                    {{/if}}
                    {{if it.operate_code == 2}}
                    <div class="mt5 c-f14 c-999">&bull; 解绑时间：{{it.create_time | formatDate}}</div>
                    {{/if}}
                </div>
                <div class="ui-col-0"><i class="fa fa-angle-right"></i></div>
                {{if it.operate_code == 1}}
                <div class="flag-box"><img src="../images/bangdi_icon.png"></div>
                {{else}}
                <div class="flag-box"><img src="../images/jiebang_icon.png"></div>
                {{/if}}
            </li>
            {{/each}}
        </script>
        <script src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../js/mui.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/templateHepler.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/device-management.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

html/device/html/device-physical-records.html

@@ -0,0 +1,99 @@
<!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="../../../fonts/font-awesome/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
        <link rel="stylesheet" type="text/css" href="../css/device-physical-records.css"/>
    </head>
    <body>
        <div class="h45">
            <div class="demo-comtop">
                <a class="mui-action-back"></a>
                <h1 id="title"></h1>
                <div class="header-link">
                    <img src="../images/jumingxinxi_icon.png" width="23" class="mt10">
                </div>
            </div>
        </div>
        <div id="content">
            
        </div>
        <!--获取月份模本-->
        <script type="text/html" id="month-tmp">
            {{each list as it}}
            <div class="month-panel">
                <div class="month" data-val="{{it}}">
                    <div class="ui-col-1">
                        <img src="../images/yuefen_icon.png" width="20" class="mr10"><!--
                        --><span class="c-f17 c-17b3ec">{{it}}</span>
                    </div>
                    <div class="ui-col-0"><i class="fa fa-angle-down"></i></div>
                </div>
                <div class="date-list" id="{{it}}">
                    <div class="no-record">当月无测量数据</div>
                </div>
            </div>
            {{/each}}
        </script>
        <!--日期的模板-->
        <script type="text/html" id="date-tmp">
            {{each list as it}}
            <div class="date-panel">
                <div class="date" data-val="{{it}}">
                    <div class="ui-col-1">
                        <img src="../images/icon_shijian.png" width="14" class="mr10"><!--
                        --><span class="c-f14 c-909090">{{it}}</span>
                    </div>
                    <div class="ui-col-0"><i class="fa fa-angle-down"></i></div>
                </div>
                <ul class="record-list plr15" data-date="{{it}}">
                </ul>
            </div>
            {{/each}}
        </script>
        <!--记录模板-->
        <script type="text/html" id="record-tmp">
            {{each list as it}}
            <li class="record">
                <div class="ui-col-0 mr30">{{it.time | getTime}}</div>
                <div class="ui-col-1">{{it.gi_type | getTypeName}}</div>
                <div class="ui-col-0">{{#it.gi,it.gi_type | getXTValue}}</div>
            </li>
            {{/each}}
        </script>
        <script type="text/html" id="record2-tmp">
            {{each list as it}}
            <li class="record">
                <div class="ui-col-0 mr30">{{it.time | getTime}}</div>
                <div class="ui-col-1">
                    <div class="ui-grid c-border-b pb5">
                        <div class="ui-col-1">收缩压</div>
                        <div class="ui-col-0">{{#it.sys,1 | getXYValue}}</div>
                    </div>
                    <div class="ui-grid pt5">
                        <div class="ui-col-1">舒张压</div>
                        <div class="ui-col-0">{{#it.dia,2 | getXYValue}}</div>
                    </div>
                </div>
            </li>
            {{/each}}
        </script>
        <script src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../js/mui.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/device-physical-records.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

html/device/html/filter.html

@@ -0,0 +1,54 @@
<!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="../../../fonts/font-awesome/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
        <link rel="stylesheet" type="text/css" href="../css/filter.css"/>
    </head>
    <body class="bgc-fff">
        <div class="reset-btn">重置数据</div>
        <div class="plr15 ptb15">
            <div class="c-999 c-f14 mb5">未测量时间</div>
            <div>
                <span class="tag date-tag" data-type="date" data-val="">全部</span>
                <span class="tag date-tag" data-type="date" data-val="1">今日未测量</span>
                <span class="tag date-tag" data-type="date" data-val="2">七日未测量</span>
                <span class="tag date-tag" data-type="date" data-val="3">本月未测量</span>
                <span class="tag date-tag" data-type="date" data-val="4">超过1个月未测量</span>
            </div>
            <div class="c-999 c-f14 mt15 mb5">设备绑定状态</div>
            <div>
                <span class="tag status-tag" data-type="status" data-val="">全部</span>
                <span class="tag status-tag" data-type="status" data-val="1">已绑定</span>
                <span class="tag status-tag" data-type="status" data-val="2">居民解绑</span>
            </div>
            <div class="c-999 c-f14 mt15 mb5">设备类型</div>
            <div>
                <span class="tag type-tag" data-type="type" data-val="">全部</span>
                <span class="tag type-tag" data-type="type" data-val="1">血糖仪</span>
                <span class="tag type-tag" data-type="type" data-val="2">血压计</span>
            </div>
        </div>
        <div class="footer">
            <div class="cancel-btn">取消</div>
            <div class="confirm-btn">过滤</div>
        </div>
        
        <script src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../js/mui.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/filter.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

html/device/html/patient-device-list.html

@@ -0,0 +1,80 @@
<!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="../../../fonts/font-awesome/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
        <style>
            .img-div{
                width: 80px;
                height: 80px;
                object-fit: contain;
            }
            .img-div>img{
                width: 100%;
                height: 100%;
            }
            .device-box{
                background-color: #fff;
                padding: 10px;
                border-radius: 8px;
                margin-top: 10px;
            }
            .device-box:first-child{
                margin-top: 0px;
            }
        </style>
    </head>
    <body>
        <div class="h45">
            <div class="demo-comtop">
                <a class="mui-action-back"></a>
                <h1>设备管理</h1>
                <div class="header-link">
                    <img src="../images/shoumiao_icon.png" width="23" class="mt10">
                </div>
            </div>
        </div>
        <div class="mui-scroll-wrapper" style="top: 45px;">
            <div class="mui-scroll">
                <div class="plr10 ptb10" id="deviceList">
                </div>
                <div id="no_result_wrap" class="c-hide">
                    <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
                    <div class="c-f14 c-333 c-t-center">抱歉，暂未找到符合条件的结果。</div>
                </div>
            </div>
        </div>
        
        <script type="text/html" id="device-tmp">
            {{each list as it}}
            <div class="ui-grid ui-grid-middle device-box" data-json="{{it | getJsonStr}}">
                <div class="ui-col-0 mr10 img-div">
                    <img src="{{it.devicePhoto | getPhoto}}">
                </div>
                <div class="ui-col-1">
                    <div class="c-f16 c-bold c-333">{{it.deviceName}}</div>
                    <div class="c-909090 c-f14 mt5">&bull; 绑定时间：{{it.czrq}}</div>
                    <div class="c-909090 c-f14 mt5">&bull; 绑定人： {{it | getBindUser}}</div>
                </div>
            </div>
            {{/each}}
        </script>
        <script src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../js/mui.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/patient-device-list.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

html/device/html/shaixuan.html

@@ -0,0 +1,130 @@
<!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="../../../common/iconfont/iconfont.css">
        <link rel="stylesheet" href="../../../common/cross/css/cross.css" />
        <link rel="stylesheet" href="../../../common/cross/css/ui.all.min.css" />
        <link rel="stylesheet" href="../../../common/css/pull-up-down.css" type="text/css"/>
        <style>
            .c-323232{color: #323232;}
            #footer {  position: absolute; bottom: 0;width: 100%;}
            .cb-17B3EC {background:#17B3EC;}
            .cb-ffffff {background:#ffffff;}
            .c-border-top{border-top:1px solid #DCDCDC;}
            .height-50 { height: 50px; }
            .lheight-50 { line-height: 50px; }
            .c-50{width: 50% !important;margin-left: 0 !important;float: left;}
            .c-000{color:#000}
            .c-tac { text-align: center; }
            .line{
                height:1px;
                background-color: #e1e1e1;
            }
            .tag{
                float: left;
                border: 1px solid #e1e1e1;
                padding: 0 10px;
                border-radius: 5px;
                height: 34px;
                line-height: 34px;
                margin: 3px 10px 3px 0;
                color: #909090;
                font-size: 14px;
            }
            .tag.active{
                color:#fff;
                border:1px solid #17B3EC;
                background: #17B3EC;
            }
        </style>    
    </head>
    <body>
        <div id="wrapper1">
            <div class="scroll-wrapper" id="total_wrapper" style="bottom: 52px;">
                <div class="iScroller">
                    <div class="mlr10 mt20">
                        <div class="div-content">
                            <div class="c-f16 c-333">设备类型</div>
                            <div class="c-row mt10 mb20" id="signYear">
                                <div class="tag c-t-center active" data-tag="year" data-val=""><span>所有设备</span></div>
                                <div class="tag c-t-center" data-tag="year" data-val="1"><span>血压计</span></div>
                                <div class="tag c-t-center" data-tag="year" data-val="2"><span>血糖仪</span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div id="footer">
            <div class="c-row btn-wrap c-border-top">
                 <div class="c-tac height-50 lheight-50 cb-17B3EC div-confirm-btn">
                     <a href="#" class="c-fff f-fs16">确定</a>
                 </div>
            </div>
        </div>
        <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/iscroll-probe.js"></script>
        <script src="../../../js/iscroll-pull-up-down.js"></script>
        <script src="../../../js/pull-up-down.js"></script>
        <script type="text/javascript">
            var showType, noYear, deviceCode;
            mui.init();
            mui.plusReady(function(){
                var self = plus.webview.currentWebview();
                showType = self.showType;
                noYear = self.noYear;
                deviceCode = self.deviceCode;
                
                if(showType == 1){
                    $(".type-panel").show();
                    if(deviceCode){
                        $(".type-panel .tag").removeClass("active");
                        $(".type-panel .tag[data-val="+deviceCode+"]").addClass("active");
                    }
                }
                
                bindEvents();
            });
            
            function bindEvents(){
                $(".tag").on("tap", function(){
                    var $this = $(this);
                    if($this.hasClass("active")){
                        return;
                    }else{
                        var tag = $this.attr("data-tag");
                        $(".tag[data-tag="+tag+"]").removeClass("active");
                        $this.addClass("active");
                    }
                });
                
                $(".div-confirm-btn").on('tap', function(){
                    var opener = plus.webview.currentWebview().opener();
                    //获取选中的年份和维度信息
                    var deviceCode = $(".tag.active[data-tag=year]").attr("data-val");
                    mui.fire(opener, "refresh", {deviceCode: deviceCode});
                    mui.fire(opener, "hideShaiXuan");
                });
            }
            
            mui.back = function(){
                var self = plus.webview.currentWebview(),
                    opener = self.opener();
                mui.fire(opener, "hideShaiXuan");
            }
        </script>
    </body>
</html>

html/device/js/choose-patient.js

@@ -0,0 +1,262 @@
var page = 1,
    pageSize = 10,
    dateVal,
    statusVal,
    typeVal,
    scroller;
mui.init();
mui.plusReady(function(){
    var self = plus.webview.currentWebview();
    dateVal = self.dateVal || 1;
    statusVal = self.statusVal;
    typeVal = self.typeVal;
    
    if(self.dateName == "全部"){
        self.dateName = "今日未测量"; 
    }
    $("#dateName").text(self.dateName);
    $("#statusName").text(self.statusName);
    $("#typeName").text(self.typeName);
    
    if(dateVal){
        $("#dateSheet li[data-val="+dateVal+"]").find("a").addClass("active");
    }else{
        $("#dateSheet li").eq(0).find("a").addClass("active");
    }
    
    if(statusVal){
        $("#statusSheet li[data-val="+statusVal+"]").find("a").addClass("active");
    }else{
        $("#statusSheet li").eq(0).find("a").addClass("active");
    }
    if(typeVal){
        $("#typeSheet li[data-val="+typeVal+"]").find("a").addClass("active");
    }else{
        $("#typeSheet li").eq(0).find("a").addClass("active");
    }
    
    getData(true);
    bindEvents();
    initScroller();
})
//获得居民列表
function getData(isInit){
    if(isInit){
        page = 1;
    }
    var url = "doctor/device/getDevicesList",
        params = {
            noGaugeDay: dateVal,//未测量天数(1今日为测量 2七天未测量 3本月未测量 4超过一个月未测量)
            isBinding: statusVal, //是否绑定(1绑定 2解绑)
            categoryCode: typeVal, //设备类型(1血糖仪 2血压计)
            isSend: 1, //今日是否已发送提醒消息(1已发送)
            page: page,
            pageSize: pageSize
        };
    
    plus.nativeUI.showWaiting();
    sendGet(url, params, null,function(res){
        if(res.status == 200){
            $("#count").text("（"+res.data.tatalCount+"）");
            var list = res.data.data;
            if(list.length == 0){
                if(isInit){
                    $("#result_wrapper").hide();
                    $("#no_result_wrap").show();
                }else{
                    scroller.endPullupToRefresh(true);
                }
            }else{
                $("#result_wrapper").show();
                $("#no_result_wrap").hide();
                
                var html = template("li-tmp", {list: list});
                if(isInit){
                    $("#result_wrapper").empty().append(html);
                }else{
                    $("#result_wrapper").append(html);
                }
                
                if(list.length < pageSize){
                    scroller.endPullupToRefresh(true);
                }else{
                    page ++;
                    if(isInit){
                        scroller.refresh(true);
                    }else{
                        scroller.endPullupToRefresh(false);
                    }
                }
            }
        }else{
            mui.toast(res.msg);
        }
        plus.nativeUI.closeWaiting();
    }, true);
}
//发送消息
function sendMessage(){
    var data = [],
        $inputs = $("input[name=patient]:checked"),
        len = $inputs.length;
    for(i=0; i<len; i++){
        var obj = $($inputs[i]).data("json");
        data.push({
            patient: obj.patient,
            deviceSn: obj.device_sn,
            deviceName: obj.device_name,
            categoryCode: obj.category_code
        });
    }
    var url = "doctor/device/sendDeviceWxMessage",
        params = {
            data: JSON.stringify(data),
        };
    plus.nativeUI.showWaiting();
    sendPost(url, params, null, function(res){
        plus.nativeUI.closeWaiting();
        if(res.status == 200){
            mui.toast(res.msg);
            scroller.scrollTo(0,0,100);
            getData(true); //刷新页面数据
        }else{
            mui.toast(res.msg);
        }
    })
}
function bindEvents(){
    $("#dateName").on('click', function(){
        mui('#dateSheet').popover('toggle');
    });
    $("#statusName").on('click', function(){
        mui('#statusSheet').popover('toggle');
    });
    $("#typeName").on('click', function(){
        mui('#typeSheet').popover('toggle');
    });
    $("#patientNumber").on('click', function(){
        mui('#numberSheet').popover('toggle');
    })
    //选择日期选项
    $(".date-item").on('tap', function(){
        var $this = $(this),
            value = $this.attr("data-val"),
            text = $this.find("a").text();
        
        if(value == dateVal){
            mui('#dateSheet').popover('toggle');
            return false;
        }
        dateVal = value;
        $this.find("a").addClass("active");
        $("#dateName").text(text);
        mui('#dateSheet').popover('toggle');
        scroller.scrollTo(0, 0, 500);
        getData(true);
    });
    
    //选择状态
    $(".status-item").on('tap', function(){
        var $this = $(this),
            value = $this.attr("data-val"),
            text = $this.find("a").text();
        
        if(value == statusVal){
            mui('#dateSheet').popover('toggle');
            return false;
        }
        statusVal = value;
        $("#statusName").text(text);
        mui('#statusSheet').popover('toggle');
        scroller.scrollTo(0, 0, 500);
        getData(true);
    });
    
    //选择设备类型
    $(".type-item").on('tap', function(){
        var $this = $(this),
            value = $this.attr("data-val"),
            text = $this.find("a").text();
        
        if(value == typeVal){
            mui('#dateSheet').popover('toggle');
            return false;
        }
        typeVal = value;
        $("#typeName").text(text);
        mui('#typeSheet').popover('toggle');
        scroller.scrollTo(0, 0, 500);
        getData(true);
    });
    
    //复选框点击事件
    $("input[name=checkAll]").on('change', function(){
        var $this = $(this);
        if($this.prop("checked")){
            $("input[name=patient]").prop("checked", true);
        }else{
            $("input[name=patient]").prop("checked", false);
        }
        checkSendBtnEnable();
    });
    
    $("#result_wrapper").on('change', "input[name=patient]", function(){
        var $checkedList = $("input[name=patient]:checked"),
            len = $checkedList.length,
            $allInputs = $("input[name=patient]"),
            allLen = $allInputs.length;
    
        if(len == allLen){
            $("input[name=checkAll]").prop("checked", true);
        }else{
            $("input[name=checkAll]").prop("checked", false);
        }
        checkSendBtnEnable();
    });
    
    //发送消息
    $(".header-link").on('click', function(){
        if($(this).hasClass("disabled")){
            return false;
        }
        sendMessage();
    })
}
function checkSendBtnEnable(){
    var $checkedList = $("input[name=patient]:checked"),
        len = $checkedList.length;
    
    if(len > 0){
        $(".header-link").removeClass("disabled");
    }else{
        $(".header-link").addClass("disabled");
    }
}
function initScroller(){
    //阻尼系数
    var deceleration = mui.os.ios?0.003:0.0009;
    mui('.mui-scroll-wrapper').scroll({
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    
    scroller = mui(".mui-scroll-wrapper").pullRefresh({
        down:{
            callback: function(){
                getData(true);
                this.endPulldownToRefresh();
            }
        },
        up: {
            callback: function(){
                getData(false);
            }
        }
    })
}

html/device/js/device-data.js

@@ -0,0 +1,808 @@
var self,
    initLevel, 
    type, 
    level, 
    area, 
    title, 
    startDate = '', 
    endDate = '',
    lowLevel,
    lowCode = '',
    deviceCode = "", // kong所有设备，1血压计，2血糖仪
    dateType = 1, //折线图坐标值1-日，2-周，3-月
    areaType; //标记底部区域选中的tab的值， 4 - 各区， 3 - 社区， 2 - 团队
    
var userRole;
var CITY_CODE = "350200";//默认厦门市
var reqParam = []; //请求参数
var reqList = []; //请求的链接数据，根据这些信息后退的时候使用
//定义年份
var chooseYear;
var now = new Date();
if(now.getMonth() >= 6){
    chooseYear = now.getFullYear();
}else{
    chooseYear = now.getFullYear() - 1;
}
mui.plusReady(function(){
    var self = plus.webview.currentWebview();
    userRole = plus!=null ? JSON.parse(plus.storage.getItem("selectedRole")) : {};
    initLevel = userRole.code == CITY_CODE  ? 4 : userRole.code.length==6 ? 3 : 2;
    level = initLevel;
    area = userRole.code;
    title = userRole.name;
    startDate = getStartDate();
    endDate = getEndDate();
    //初始默认选中的时间和类型
    $("#areaTitle").text(title);
    
    //控制底部各区等tab的显示
    showTabs();
    
    initReqParams(); //现获得页面请求的接口参数
    //记录返回链接信息
    reqList.push({
        level: level,
        lowLevel: lowLevel,
        area: area,
        title: title,
        lowCode: lowCode,
        req: reqParam
    });
    loadData([0,1]); //现获得页面请求的接口参数
    
    initScroller();
    shaixuanInit(self);
    bindEvents();
});
//获得页面请求的接口参数
function initReqParams(){
    var topIndex = {"4": "29", "3": "44", "2": "43"}, //顶部区域对应的level ： index 
        bottomIndex = {"4": "44", "3": "43", "2": "42"}; //与选中的当前底部区域tab的值有关 areaType
    
    if(lowCode && lowCode != "0"){
        var topIndex = {"4": "51", "3": "54", "2": "53"}, //顶部区域对应的level ： index 
        bottomIndex = {"4": "54", "3": "53", "2": "52"}; //与选中的当前底部区域tab的值有关 areaType
    }
    
    var index = "85,86",
        bIndex = bottomIndex[areaType];
    reqParam = [{
        url: "/statistics/lowlevel_device",
        reqType: 'get',
        data: {level: level, area: area, sort: 1, deviceType: deviceCode}
    },{
        url: "/statistics/interval_total",
        reqType: 'get',
        data: {level: level, area: area, startDate: startDate, endDate: endDate, interval: dateType, index: index, lowCode: deviceCode}
    }];
    if(lowLevel){
        reqParam[0].data.lowLevel = lowLevel;
    }
}
/*
 * 加载页面数据
 * @param loadArr array 记录需要请求的区域0-顶部，1-中间，2-底部
 */
function loadData(loadArr){
    plus.nativeUI.showWaiting();
    getJieZhiTime();
    
    var reqPromise = [];
    for(var i=0; i<loadArr.length; i++){
        var j = loadArr[i];
        reqPromise.push(reqParam[j]);
    }
    getReqPromises(reqPromise, true).then(function(ress){
        var res1, res2;
        for(var i=0; i<loadArr.length; i++){
            var j = loadArr[i] + 1;
            if(j == 1){
                res1 = ress[i];
            }
            if(j == 2){
                res2 = ress[i];
            }
        }
        
        if(res1 && res1.status == 200){
            handleTopData(res1.data);
            listHandle(res1.data.list)
        }
        if(res2 && res2.status == 200){
            handleSecondPanelData(res2.data);
        }
        plus.nativeUI.closeWaiting();
    });
}
/*
 * 加载数据截止时间
 */
function getJieZhiTime(){
    sendPost("/statistics/time",null,function(res){
    },function(res){
        if(res.status=="200"){
            var date = (res.data && res.data.substring(11,16)) || "";
            $(".jiezhi-time").html("（"+date+"）");
        }
    });
}
/*
 * 圆饼图
 */
var roundCharts = echarts.init(document.getElementById('roundChart')),
	roundCharts1 = echarts.init(document.getElementById('roundChart1')),
	roundCharts2 = echarts.init(document.getElementById('roundChart2')),
	roundCharts3 = echarts.init(document.getElementById('roundChart3'));
function handleTopData(res){
	$(".device-buy").html(res.totalAll);
	$(".device-push").html(res.totalGrant);
	$(".device-bind").html(res.totalBinding);
	$(".device-use").html(res.totalUse);
	$(".device-dif").html(res.totalAnomaly);
	$(".device-del").html(res.totalIntervene);
	var labelTop = {
	    normal : {
	        label : {
	            show : true,
	            position : 'center',
	            formatter : '{b}',
	            textStyle: {
	                baseline : 'bottom',
	                fontSize: "16",
	                color: "#8f8f94"
	            }
	        },
	        labelLine : {
	            show : false
	        }
	    }
	};
	var labelFromatter = {
	    normal : {
	        label : {
	            formatter : function (params){
	                return  res.totalGrantRange
	            },
	            textStyle: {
	                baseline : 'top',
	                fontSize: "18",
	                color: "#39f"
	            }
	        }
	    },
	},
	labelFromatter1 = {
	    normal : {
	        label : {
	            formatter : function (params){
	                return  res.totalBindingRange
	            },
	            textStyle: {
	                baseline : 'top',
	                fontSize: "18",
	                color: "#39f"
	            }
	        }
	    },
	},
	labelFromatter2 = {
	    normal : {
	        label : {
	            formatter : function (params){
	                return  res.totalUseRange
	            },
	            textStyle: {
	                baseline : 'top',
	                fontSize: "24",
	                color: "#39f"
	            }
	        }
	    },
	},
	labelFromatter3 = {
	    normal : {
	        label : {
	            formatter : function (params){
	                return  res.totalInterveneRange
	            },
	            textStyle: {
	                baseline : 'top',
	                fontSize: "24",
	                color: "#39f"
	            }
	        }
	    },
	}
	var labelBottom = {
	    normal : {
	        color: '#ccc',
	        label : {
	            show : true,
	            position : 'center'
	        },
	        labelLine : {
	            show : false
	        }
	    }
	};
	var radius = [45, 55],
		radius2 = [60, 70];
	var options = {
	    legend: {
	        x : 'center',
	        y : 'center'
	    },
	    series : [
	        {
	            type : 'pie',
	            radius : radius,
	            x: '0%', // for funnel
	            itemStyle : labelFromatter,
	            data : [
	                {value: res.totalAll - res.totalGrant, itemStyle: labelBottom},
	                {name:'设备发放率', value: res.totalGrant, itemStyle: labelTop}
	            ]
	        }
	    ],
	    color: ["#39f", "#ddd"]
	},
	options1 = {
		legend: {
	        x : 'center',
	        y : 'center'
	    },
	    series : [
	        {
	            type : 'pie',
	            radius : radius,
	            x: '0%', // for funnel
	            itemStyle : labelFromatter1,
	            data : [
	                {value: res.totalGrant - res.totalBinding, itemStyle: labelBottom},
	                {name:'设备绑定率', value: res.totalBinding, itemStyle: labelTop}
	            ]
	        }
	    ],
	    color: ["#39f", "#ddd"]
	},
	options2 = {
		legend: {
	        x : 'center',
	        y : 'center'
	    },
	    series : [
	        {
	            type : 'pie',
	            radius : radius2,
	            x: '0%', // for funnel
	            itemStyle : labelFromatter2,
	            data : [
	                {value: res.totalGrant - res.totalUse, itemStyle: labelBottom},
	                {name:'每周使用率', value: res.totalUse, itemStyle: labelTop}
	            ]
	        }
	    ],
	    color: ["#39f", "#ddd"]
	},
	options3 = {
		legend: {
	        x : 'center',
	        y : 'center'
	    },
	    series : [
	        {
	            type : 'pie',
	            radius : radius2,
	            x: '0%', // for funnel
	            itemStyle : labelFromatter3,
	            data : [
	                {value: res.totalAnomaly - res.totalIntervene, itemStyle: labelBottom},
	                {name:'体征异常24h\n干预指导率', value: res.totalIntervene, itemStyle: labelTop}
	            ]
	        }
	    ],
	    color: ["#39f", "#ddd"]
	};
	roundCharts.setOption(options);
	roundCharts1.setOption(options1);
	roundCharts2.setOption(options2);
	roundCharts3.setOption(options3);
}
/*
 * 处理中间折线图数据
 */
function handleSecondPanelData(data){
        var xData = _.map(data.index_85.data, function(o){
            return o.range;
        });
        var yData = _.map(data.index_85.data, function(o){
            return o.amount;
        });
        var yData2 = _.map(data.index_86.data, function(o){
            return o.amount
        });
        var lastIndex = yData.length % 10;
        if(yData.length >10 ){  
            var dataZoom_end = 100-(9/yData.length)*100;  
        }else{  
            var dataZoom_end = 0;  
        }  
        //初始给定第一版页面中时间区间
        var d1 = xData[yData.length - lastIndex],
            d2 = xData[yData.length -1];
        if(!d1 || !d2) {
        	$("#startValue").text("暂无");
//      	$("#startValue").hide()
            $("#endValue").text("暂无");
        }else if(dateType == 3){
            $("#startValue").text(d1.substr(0,4)+"年"+d1.substr(5,2)+"月");
            $("#endValue").text(d2.substr(0,4)+"年"+d2.substr(5,2)+"月");
        } else {
            $("#startValue").text(d1);
            $("#endValue").text(d2);
        }
        var lineCharts = echarts.init(document.getElementById('lineChart'));
        var options = {
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                top: 'bottom',
                data:['设备发放量','设备绑定量']
            },
            grid: {
                left: '10px',
                right: '10px',
                bottom: '30px',
                top: '10px',
                containLabel: true
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: xData,
                axisLabel: {
                    interval:0,//横轴信息全部显示  
                    formatter: function (value, index) {
                        if(dateType == 1 || dateType == 2){
                            if(index == 0){
                                $("#startValue").text(value ? value : "暂无");
                                return value.substr(5,2)+"月"+value.substr(8,2);
                            }else{
                                if(index == 10){
                                    $("#endValue").text(value ? value : "暂无");
                                }
                                return value.substr(8,2);
                            }
                        }else if(dateType == 3){
                            var val = value.substr(5,2)+"月"
                            if(index == 0){
                                $("#startValue").text(value.substr(0,4)+"年"+val);
                            }else{
                                if(index == 9){
                                    $("#endValue").text(value.substr(0,4)+"年"+val);
                                }
                            }
                            return val;
                        }
                    }
                }
            },
            yAxis: {
                type: 'value',
                axisPointer: {
                    snap: true
                },
                scale: true,
                minInterval: 1,
                min: 0,
                boundaryGap: ['0%', '30%']
            },
            dataZoom: [{//给x轴设置滚动条  
                show: false,
                start: dataZoom_end,
                end: 100,
                type: 'slider',
                zoomLock: true,
            },{ //下面这个属性是内容区域配置
                start: dataZoom_end,
                end: 100,
                type: 'inside',
                zoomLock: true,
            }],
            series: [{
                name: '设备发放量',
                type: 'line',
                smooth: true,
                data: yData,
                lineStyle:{
                    normal: {
                        color: 'rgba(66, 188, 254, 1)'
                    }
                },
                itemStyle:{
                    normal: {
                    	areaStyle: {
                    		type: 'default'
                    	},
                        color: 'rgba(66, 188, 254, 1)'
                    }
                }
            },
            {
                name: '设备绑定量',
                type: 'line',
                smooth: true,
                data: yData2,
                lineStyle:{
                    normal: {
                        color: 'rgba(120, 150, 254, 1)'
                    }
                },
                itemStyle:{
                    normal: {
                    	areaStyle: {
                    		type: 'default'
                    	},
                        color: 'rgba(120, 150, 254, 1)'
                    }
                }
            }]
        };
        lineCharts.clear();
        lineCharts.setOption(options);
}
/*
 * 处理底部区域数据
 */
function listHandle(res){
    var list = res;
    var topArr = soreRank(amountArr(list));
    
    list = _.map(list, function(o, index){
        o.top = topArr[index];
        o.rate = parseFloat(o.rate).toFixed(2);
        return o;
    })
    
    var html = template("data-list", {list: list, level: level, lowLevel: lowLevel});
    $("#listTable").empty().append(html);
}
/*
 * 控制底部各区等tab的显示，根据level来控制
 */
function showTabs(){
    $(".area-tab").removeClass("active");
    switch(level){
        case 4:
            $(".area-tab").show();
            $(".area-tab").eq(0).addClass("active");
            areaType = "4";
            break;
        case 3:
            $(".area-tab").eq(0).hide();
            $(".area-tab").eq(1).show();
            $(".area-tab").eq(1).addClass("active");
            areaType = "3";
            break;
        case 2:
            $(".area-tab").eq(0).hide();
            $(".area-tab").eq(1).hide();
            $(".area-tab").eq(2).addClass("active");
            areaType = "2";
            break;
    }
}
/*
 * 初始化scroller
 */
function initScroller(){
    //阻尼系数
    var deceleration = mui.os.ios?0.003:0.0009;
    mui('.mui-scroll-wrapper').scroll({
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    mui('.mui-scroll-wrapper').pullRefresh({
        down: {
            callback: function() {
                var self = this;
                setTimeout(function() {
                    initReqParams();
                    loadData([0,1]);
                    self.endPulldownToRefresh();
                }, 1000);
            }
        }
    });
}
/**
 * 初始化筛选事件
 */
function shaixuanInit(main){
    var shaixuan = plus.webview.getWebviewById('shaixuan.html');
    if(!shaixuan){
        shaixuan = mui.createWindow({
                id: 'shaixuan.html',
                url: 'shaixuan.html',
                styles: {
                    top: 0,
                    bottom: 0,
                    left: '20%',
                    width: '80%',
                    scorllIndicator: "none"
                },
                show:{
                  aniShow: "slide-in-right",
                  duration: "400"
                },
                extras:{
                }
           });
    }
    window.addEventListener("hideShaiXuan",function(){
        main.setStyle({mask:"none"});
        shaixuan.hide();
    }, false);
    
    window.addEventListener("showShaiXuan", function() {
        shaixuan.show();
        main.setStyle({mask:"rgba(0,0,0,0.5)"});
        main.addEventListener("maskClick",function(){
            main.setStyle({mask:"none"});
            shaixuan.hide();
        }, false);
    });
}
function bindEvents(){
    $(".header-link").on("tap", function() {
    	// 跳转
    	openWebview("../../wdsb/html/scan2.html", {isManage: 1});
    })
    //左滑筛选区域的数据
    $('.select-label-btn').on("tap", function(){
        var self = plus.webview.currentWebview();
        mui.fire(self, "showShaiXuan", {deviceCode: deviceCode});
    })
    //日、周、月按钮切换
    $(".date-tag").on("tap",function(){
        dateType = $(this).attr("data-type");
        $(".date-tag").removeClass("active");
        $(this).addClass("active");
        
        initReqParams();
        loadData([1]); //只加载中间区域的数据
    });
    //底部各区等区域的tab切换
    $(".area-tab").on('tap', function(){
        var $this = $(this),
            type = $this.attr("data-val"); //4 - 各区， 3 - 社区， 2 - 团队
        
        if($this.hasClass("active")){
            return false;
        }
        $(".area-tab").removeClass("active");
        $this.addClass("active");
        
        if(type == "4"){
            lowLevel = 0;
        }else if(type == "3"){
            lowLevel = 2;
        }else{
            lowLevel = 1;
        }
        initReqParams();
        loadData([0]);
    });
    //底部每条记录的点击事件
    $("#listTable").on('tap', ".data-row", function(){
        var $this = $(this),
            name = $this.attr("data-name"),
            code = $this.attr("data-code"),
            $selectTab = $(".area-tab.active");
        
        if($selectTab.attr("data-val") == "2"){ //获得团队信息，弹框显示数据
            showTeamInfo(code);
            return false;
        }
        
        title = name;
        
        area = code;
        var newlevel = level - 1;
        //如果是市级管理员，先点击“社区”tab后再往下看下一级的数据，需要将level再-1
        if(newlevel == 3 && lowLevel == 2){
            newlevel -- ;
        }
        lowLevel = '';
        level = newlevel;
        $("#areaTitle").text(title);
        
        //判断当前tab的位置
        var top = $(".area-tab-panel").offset().top;
        if(top < 0){
            mui(".mui-scroll-wrapper").scroll().scrollTo(0, -(parseInt(initTabOffsetTop)/2), 500);
        }
        
        showTabs();
        initReqParams();
        //记录返回链接信息
        reqList.push({
            level: level,
            lowLevel: lowLevel,
            area: area,
            title: title,
            lowCode: lowCode,
            req: reqParam
        });
        loadData([0,1]);
    });
    //弹出遮罩
    $(".icon-remark").on("click", function(e) {
        $(".modal-overlay").addClass("modal-overlay-visible");
        setTimeout(function(){
            $(".modal-content").show();
        },50)
    });
    
    $(".div-close,.modal-overlay").on("click",function(){
        $(".modal-overlay").removeClass("modal-overlay-visible");
        $(".modal-content").hide();
    });
    //添加页面监听
    window.addEventListener("refresh", function(e){
        lowCode = e.detail.lowCode || lowCode;
        deviceCode = e.detail.deviceCode;
        var name = e.detail.name;
        if (deviceCode == 2) {
        	$(".select-label").html("血糖仪")
        } else if (deviceCode == 1) {
        	$(".select-label").html("血压计")
        } else {
        	$(".select-label").html("所有设备")
        }
        //重置变量值
        level = level;
        area = area;
        title = title;
        lowLevel = lowLevel;
        startDate = getStartDate();
        endDate = getEndDate();
        
        $("#areaTitle").text(title);
        $(".choose-label").text(name);
        
        initReqParams();
        
        //清空请求数组
        if(reqList.length == 2) {
        	reqList.splice(1, 1);
        } else {
        	reqList.splice(0, reqList.length)
        }
        //记录返回链接信息
        reqList.push({
            level: level,
            lowLevel: lowLevel,
            area: area,
            title: title,
            lowCode: lowCode,
            req: reqParam
        });
        loadData([0,1]);
    });
}
function getStartDate(){
    return chooseYear+'-07-01';
}
//获取结束时间
function getEndDate(){
    var nowdate = new Date();
    var year = nowdate.getFullYear();
    var month = nowdate.getMonth() + 1;
    var day = nowdate.getDate();
    var endDate = new Date((parseInt(chooseYear)+1) + '-06-30');
    var now = new Date();
    
    if(now <= endDate){
        return now.format("yyyy-MM-dd");
    }else{
        return (parseInt(chooseYear)+1) + '-06-30';
    }
}
//续签量数据集合
function amountArr(list){
    var amountArr = [];
    for(var k in list){
        amountArr.push(list[k].rate);
    }
    
    return amountArr;
}
//排名方法
function soreRank(arr){
    var temp = [];
    var lis = [];
    for(var i=0;i<arr.length;i++){
        lis.push(arr[i]);
    }
    lis = _.uniq(lis);
    for(var i=0;i<arr.length;i++){
        temp[i] = lis.indexOf(arr[i])+1;
    }
    
    return temp;
}
/*
 * 获得团队信息
 */
function showTeamInfo(teamId){
    var url = "/doctor/admin-teams/teams/info",
        params = {
            teamId: teamId
        };
    plus.nativeUI.showWaiting();
    sendGet(url, params, null, function(res){
        if(res.status == 200){
            var data = res.data;
            data.memberLength = data.members.length;
            var html = template("teamInfo", data);
            $("#teamInfoBox").empty().append(html);
            $(".modal-overlay").addClass("modal-overlay-visible");
            setTimeout(function(){
                $(".modal-content").show();
            },50)
        }else{
            mui.toast(res.msg);
        }
        plus.nativeUI.closeWaiting();
    }, true);
}
//返回事件 
var old_back = mui.back;
mui.back = function(){
    if(reqList.length == 1){
        old_back();
    } 
    else{
        var preInfo = reqList[reqList.length - 1];
        if(preInfo.level == level && preInfo.lowLevel == lowLevel){
            reqList.pop();
            var info = reqList[reqList.length - 1];
        }else{
            info = preInfo;
        }
        
        level = info.level;
        area = info.area;
        title = info.title;
        lowLevel = info.lowLevel;
        sumType = info.sumType;
        tagCode = info.tagCode;
        
        $("#areaTitle").html(title);
		showTabs();
        initReqParams();
        loadData([0,1]);
    }
}

html/device/js/device-management.js

@@ -0,0 +1,192 @@
var page = 1,
    pageSize = 10,
    dateVal = '',
    statusVal = '',
    typeVal = '';
var scroller;
mui.init();
mui.plusReady(function(){
    var self = plus.webview.currentWebview();
    
    getData(true);
    
    bindEvents();
    initFilterPage(self);
    initScroller();
})
function getData(isInit){
    if(isInit){
        page = 1;
    }
    var url = "doctor/device/getDevicesList",
        params = {
            noGaugeDay: dateVal,//未测量天数(1今日为测量 2七天未测量 3本月未测量 4超过一个月未测量)
            isBinding: statusVal, //是否绑定(1绑定 2解绑)
            categoryCode: typeVal, //设备类型(1血糖仪 2血压计)
            isSend: '', //今日是否已发送提醒消息(1已发送)
            page: page,
            pageSize: pageSize
        };
    
    plus.nativeUI.showWaiting();
    sendGet(url, params, null,function(res){
        if(res.status == 200){
            $("#count").text("（"+res.data.tatalCount+"）");
            var list = res.data.data;
            if(list.length == 0){
                if(isInit){
                    $("#result_wrapper").hide();
                    $("#no_result_wrap").show();
                }else{
                    scroller.endPullupToRefresh(true);
                }
            }else{
                $("#result_wrapper").show();
                $("#no_result_wrap").hide();
                
                var html = template("li-tmp", {list: list});
                if(isInit){
                    $("#result_wrapper").empty().append(html);
                }else{
                    $("#result_wrapper").append(html);
                }
                
                if(list.length < pageSize){
                    scroller.endPullupToRefresh(true);
                }else{
                    page ++;
                    if(isInit){
                        scroller.refresh(true);
                    }else{
                        scroller.endPullupToRefresh(false);
                    }
                }
            }
        }else{
            mui.toast(res.msg);
        }
        plus.nativeUI.closeWaiting();
    }, true);
}
function bindEvents(){
    $(".header-link").on('click', function(){
        openWebview("../../wdsb/html/scan2.html");
    });
    
    //提醒测量
    $("#remindBtn").on('click', function(){
        openWebview("choose-patient.html", {
            dateVal: dateVal,
            statusVal: statusVal,
            typeVal: typeVal,
            dateName: $(".filter-label:eq(0)").text(),
            statusName: $(".filter-label:eq(1)").text(),
            typeName: $(".filter-label:eq(2)").text()
        })
    });
    
    //左滑筛选区域的数据
    $('#filterBtn').on("tap", function(){
        var self = plus.webview.currentWebview();
        mui.fire(self, "showShaiXuan");
    });
    
    //点击患者查看患者设备列表
    $("#result_wrapper").on('tap', "li", function(){
        var $this = $(this),
            jsonObj = $this.data("json");
        
        openWebview("device-physical-records.html", {
            patiCode: jsonObj.patient,
            deviceSn: jsonObj.device_sn,
            type: jsonObj.category_code,
            deviceName: jsonObj.device_name
        })
    });
    
    window.addEventListener("setFilterData", function(arg){
        var info = arg.detail;
        
        dateVal = info.date;
        statusVal = info.status;
        typeVal = info.type;
        
        scroller.scrollTo(0, 0, 500);
        getData(true);
        
        $(".filter-label:eq(0)").text(info.dateName);
        $(".filter-label:eq(1)").text(info.statusName);
        $(".filter-label:eq(2)").text(info.typeName);
    })
}
function initFilterPage(main){
    var shaixuan = plus.webview.getWebviewById('filter.html');
    if(!shaixuan){
        shaixuan = mui.createWindow({
            id: 'filter.html',
            url: 'filter.html',
            styles: {
                top: 0,
                bottom: 0,
                left: '20%',
                width: '80%',
                scorllIndicator: "none"
            },
            show:{
              aniShow: "slide-in-right",
              duration: "400"
            },
            extras:{
                dateVal : dateVal,
                statusVal : statusVal,
                typeVal : typeVal
            }
       });
    }
    window.addEventListener("hideShaiXuan",function(){
        main.setStyle({mask:"none"});
        shaixuan.hide();
    }, false);
    
    window.addEventListener("showShaiXuan", function() {
        mui.fire(shaixuan, "setTagActive", {
            dateVal : dateVal,
            statusVal : statusVal,
            typeVal : typeVal
        });
        shaixuan.show();
        main.setStyle({mask:"rgba(0,0,0,0.5)"});
        main.addEventListener("maskClick",function(){
            main.setStyle({mask:"none"});
            shaixuan.hide();
        }, false);
    });
}
function initScroller(){
    //阻尼系数
    var deceleration = mui.os.ios?0.003:0.0009;
    mui('.mui-scroll-wrapper').scroll({
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    
    scroller = mui(".mui-scroll-wrapper").pullRefresh({
        down:{
            callback: function(){
                getData(true);
                this.endPulldownToRefresh();
            }
        },
        up: {
            callback: function(){
                getData(false);
//              this.endPullupToRefresh();
            }
        }
    })
}

html/device/js/device-physical-records.js

@@ -0,0 +1,269 @@
var now = new Date(),
    patiCode,
    deviceSn,
    type,
    unit;
mui.init();
mui.plusReady(function(){
    var self = plus.webview.currentWebview();
    
    patiCode = self.patiCode;
    deviceSn = self.deviceSn;
    type = self.type;
    
    $("#title").text(self.deviceName);
    if(type == 1){
        unit = "mmol/L";
    }else if(type == 2){
        unit = "mmHg";
    }
    
    //获取近半年的月份信息
    getMonth();
    bindEvents();
    templateHelper();
});
function getMonth(){
    var list = [];
    for(i=0; i<6; i++){
        var d = new Date();
        d.setMonth(now.getMonth() - i);
        list.push(d.format("yyyy-MM"));
    }
    var html = template("month-tmp", {list: list});
    $("#content").empty().append(html);
}
function getMonthDate(month){
    var lastDate = getMonthLastDate(month),
        days = lastDate.getDate(),
        dateList = [];
    
    if(now.getMonth() == lastDate.getMonth()){
        var days2 = now.getDate();
        for(i=0; i<days2; i++){
            var e = new Date(month);
            e.setDate(now.getDate() - i);
            dateList.push(e.format("yyyy-MM-dd"));
        }
    }else{
        for(i=0; i<days; i++){
            var e = new Date(month);
            e.setDate(lastDate.getDate() - i);
            dateList.push(e.format("yyyy-MM-dd"));
        }
    }
    var html = template("date-tmp", {list: dateList});
    $("#"+month).empty().append(html);
}
//获取当月的天数
function getMonthLastDate(month){
    var d = new Date(month),
        year = d.getFullYear(),
        month = d.getMonth() + 1;
    var d2 = new Date(year, month, 0);
    return d2;
}
function getMonthDateData(month){
    var url = "doctor/health_index/getHealthDateAll",
        params = {
            patientCode: patiCode,
            deviceSn: deviceSn,
            choseMonth: month,
            type: type
        };
        
    plus.nativeUI.showWaiting();
    sendGet(url, params, null, function(res){
        if(res.status == 200){
            var list = res.data;
            if(list.length == 0){
                $("#"+month+" .no-record").show();
            }else{
                $("#"+month+" .no-record").hide();
                var html = template("date-tmp", {list: list});
                $("#"+month).append(html);
            }
        }else{
            mui.toast(res.msg);
        }
        plus.nativeUI.closeWaiting();
    }, true);
}
function getDateRecords(date){
    var url = "doctor/health_index/patientHealthIndexByDateAndDeviceSn",
        params = {
            patientCode: patiCode,
            deviceSn: deviceSn,
            choseDay: date,
            type: type
        };
    
    plus.nativeUI.showWaiting();
    sendGet(url, params, null, function(res){
        if(res.status == 200){
            var list = res.data,
                $ul = $(".record-list[data-date="+date+"]");
            if(list.length == 0){
                $ul.find(".no-record").show();
            }else{
                $ul.find(".no-record").hide();
                var html = "";
                if(type == "1"){
                    html = template("record-tmp", {list: list, unit: unit});
                }else if(type == "2"){
                    html = template("record2-tmp", {list: list, unit: unit});
                }
                $ul.append(html);
            }
            plus.nativeUI.closeWaiting();
        }else{
            plus.nativeUI.closeWaiting();
            mui.toast(res.msg);
        }
    }, true);
}
function bindEvents(){
    $("#content").on('click', ".month", function(){
        var $this = $(this),
            month = $this.attr("data-val");
        if($this.hasClass("active")){
            $this.removeClass("active");
            $this.find(".fa").removeClass("fa-angle-up").addClass("fa-angle-down");
            $this.parent().find(".date-list").hide();
            return false;
        }
        var $activeMonth = $(".month.active");
        if($activeMonth.length > 0){
            $activeMonth.removeClass("active");
            $activeMonth.find(".fa").removeClass("fa-angle-up").addClass("fa-angle-down");
            $activeMonth.parent().find(".date-list").hide();
        }
        $this.addClass("active");
        $this.find(".fa").removeClass("fa-angle-down").addClass("fa-angle-up");
        $this.parent().find(".date-list").show();
        
        if($this.parent().find(".date-panel").length > 0){
            return false;
        }
        getMonthDateData(month);
    });
    
    $("#content").on('click', ".date", function(){
        var $this = $(this),
            date = $this.attr("data-val");
        
        if($this.hasClass("active")){
            $this.removeClass("active");
            $this.find(".fa").removeClass("fa-angle-up").addClass("fa-angle-down");
            $this.parent().find(".record-list").hide();
            return false;
        }
        var $activeDate = $this.parent().parent().find(".date.active");
        if($activeDate.length > 0){
            $activeDate.removeClass("active");
            $activeDate.find(".fa").removeClass("fa-angle-up").addClass("fa-angle-down");
            $activeDate.parent().find(".record-list").hide();
        }
        $this.addClass("active");
        $this.find(".fa").removeClass("fa-angle-down").addClass("fa-angle-up");
        $this.parent().find(".record-list").show();
        if($this.parent().find(".record").length > 0){
            return false;
        }
        getDateRecords(date);
    });
    
    $(".header-link").on('click', function(){
        openWebview("../../huanzhe/html/huanzhexinxi.html",{
            patiCode: patiCode
        });
    })
}
function templateHelper(){
    template.helper("getTime", function(str){
        var s = str.replace(/\-/g, "/");
        var d = new Date(s);
        return d.format("hh:mm");
    });
    
    template.helper("getTypeName", function(gi_type){
        switch(gi_type){
            case "1":
                return "早餐前";
                break;
            case "2":
                return "早餐后";
                break;
            case "3":
                return "午餐前";
                break;
            case "4":
                return "午餐后";
                break;
            case "5":
                return "晚餐前";
                break;
            case "6":
                return "晚餐后";
                break;
            case "7":
                return "睡前";
                break;
        }
    });
    
    template.helper("getXTValue", function(val, type){
        val = parseFloat(val);
        var min = 0,
            max = 0;
        switch(type){
            case "1":
            case "3":
            case "5":
            case "7":
                min = 4,
                max = 7;
                break;
            case "2":
            case "4":
            case "6":
                min = 4,
                max = 11.1;
                break;
        }
        if(val < min){
            return '<i class="fa fa-long-arrow-down c-green"></i><span class="c-green ml10">'+val+unit+'</span>';
        }else if(val > max){
            return '<i class="fa fa-long-arrow-up c-red"></i><span class="c-red ml10">'+val+unit+'</span>';
        }else{
            return val+unit;
        }
    });
    
    template.helper("getXYValue", function(val, type){
        val = parseFloat(val);
        var min, max;
        if(type = 1){
            min = 90;
            max = 140;
        }else{
            min = 60;
            max = 90;
        }
        if(val < min){
            return '<i class="fa fa-long-arrow-down c-green"></i><span class="c-green ml10">'+val+unit+'</span>';
        }else if(val > max){
            return '<i class="fa fa-long-arrow-up c-red"></i><span class="c-red ml10">'+val+unit+'</span>';
        }else{
            return val+unit;
        }
    })
    
}

html/device/js/filter.js

@@ -0,0 +1,97 @@
mui.init();
var initDate,
    initStatus,
    initType;
mui.plusReady(function(){
    var self = plus.webview.currentWebview();
    
    initDate = self.dateVal || '';
    initStatus = self.statusVal || '';
    initType = self.typeVal || '';
    
    setTagActive();
    
    bindEvents();
})
function setTagActive(){
    $(".tag").removeClass("active");
    if(initDate){
        $(".date-tag[data-val="+initDate+"]").addClass("active");
    }else{
        $(".date-tag").eq(0).addClass("active");
    }
    if(initStatus){
        $(".status-tag[data-val="+initStatus+"]").addClass("active");
    }else{
        $(".status-tag").eq(0).addClass("active");
    }
    if(initType){
        $(".type-tag[data-val="+initType+"]").addClass("active");
    }else{
        $(".type-tag").eq(0).addClass("active");
    }
}
function bindEvents(){
    $(".confirm-btn").on('click', function(){
        var self = plus.webview.currentWebview(),
            opener = self.opener();
        
        var $date = $(".date-tag.active"),
            $status = $(".status-tag.active"),
            $type = $(".type-tag.active");
        
        var date = $date.attr("data-val"),
            dateName = $date.text(),
            status = $status.attr("data-val"),
            statusName = $status.text(),
            type = $type.attr("data-val"),
            typeName = $type.text();
        
        mui.fire(opener, "setFilterData", {
            date: date,
            dateName: dateName,
            status: status,
            statusName: statusName,
            type: type,
            typeName: typeName
        });
        
        mui.fire(opener, "hideShaiXuan");
    });
    
    $(".cancel-btn").on('click', function(){
        var self = plus.webview.currentWebview(),
            opener = self.opener();
        
        mui.fire(opener, "hideShaiXuan");
    });
    
    $(".tag").on('click', function(){
        var $this = $(this),
            value = $this.attr("data-val"),
            name = $this.attr("data-type");
        if($this.hasClass("active")){
            return false;
        }
        
        $("."+name+"-tag").removeClass("active");
        $this.addClass("active");
    });
    
    $(".reset-btn").on('click', function(){
        initDate = '';
        initStatus = '';
        initType = '';
        setTagActive();
    });
    
    window.addEventListener("setTagActive", function(arg){
        initDate = arg.detail.dateVal;
        initStatus = arg.detail.statusVal;
        initType = arg.detail.typeVal;
        
        setTagActive();
    })
}

html/device/js/l-picker.js

@@ -0,0 +1,324 @@
$(function(){
	var html = 
		'<div id="datePick" class="l-time-sel-box">' +
			'<ul>' +
				'<li class="l-over">全部</li>' +
				'<li>最近一周</li>' +
				'<li>最近一月</li>' +
//				'<li>过去365天</li>' +
			'</ul>' +
			
			'<div class="l-time-sel-custom">' +
				'自定义' +
				'<div style="float: right; margin-top: .5rem;">' +
					'<div id="lpSwitch" class="mui-switch mui-switch-mini">' +
					  '<div class="mui-switch-handle"></div>' +
					'</div>' +
				'</div>' +
			'</div>' +
			
			'<div class="l-date-form">' +
				'<div class="l-date-start">' +
					'开始于:<br>' +
					'<input id="l-p-from" readonly="readonly" type="text" class="mui-input-clear" >' +
				'</div>' +
				
				'<div class="l-date-end">' +
					'结束于:<br>' +
					'<input id="l-p-to" readonly="readonly" type="text" class="mui-input-clear" >' +
				'</div>' +
				
			'</div>' +
			'<div class="l-btn-arr">' +
				'<div class="l-btn-cancel">取消</div>' +
				'<div class="l-btn-ok">确定</div>' +
			'</div>' + 
		'</div>';
	
	var options = {
		_el: undefined,
		mask: undefined,
		type: 1,              //类型 1选项，  2自定义
		onCheck: undefined,
		old: {type: 1, val: 0}               //就值， 用于还原
	};
	
	function Lpicker(){
		var g= this;
		g.options = {};
	}
	
	Lpicker.prototype.toggle = function(){
		var g=this, p=g.options;
		if(p.mask){
			g.close();
		}else
			g.show();
	}
	
	Lpicker.prototype.close = function(t){
		var g=this, p=g.options;
		p._el.hide();
		if(!t)
			p.mask.close();
		p.mask = undefined;
	}
	
	Lpicker.prototype.show = function(){
		var g=this, p=g.options;
//		if(!p.mask){
			p.mask = mui.createMask(function(){
				g.reset();
				g.close(1);
			});
			p.mask.show();
			p._el.show();
//		}
	}
	
	function getPreDate(pre){
		var c = new Date();
		c.setDate(c.getDate() - pre);
		return formatDate(c);
	}
	
	function formatDate(d){
		return d.getFullYear() + "-" + getMonth(d.getMonth()) + "-" + getDay(d.getDate());
	}
	
	Lpicker.prototype.getValue = function(){
		var g=this, p=g.options;
		var from, to;
		if(p.type == 1){
			var i =$('.l-time-sel-box li.l-over', p._el).index() + 1;
			switch(i){
				case 1: from = "";  break;
				case 2: from = getPreDate(6); break;
				case 3: from = getPreDate(29); break;
			}
			to = getPreDate(0);
			
		}
		else{
			from = $("#l-p-from").val();
			to = $("#l-p-to").val();
		}
		
		return {from: from, to: to};
	}
	
	Lpicker.prototype.getChecked = function(){
		var g=this, p=g.options;
		
		return $('.l-time-sel-box li.l-over', p._el).index();
	}
	
	/**
	 * 设值
	 * @param {Object} from 可是开始时间 或选择类型
	 * @param {Object} to
	 */
	Lpicker.prototype.setValue = function(from, to){
		var g=this, p=g.options;
		if(to){
			$('#lpSwitch').addClass('mui-active');
			mui('#lpSwitch')['switch']();
			g.selectCustom({from: from, to: to});
			p.old = {type: 2, val: {from: from, to: to}};
		} else {
			g.selectItem($('.l-time-sel-box li', p._el).eq(from));
			p.old = {type: 1, val: from};
		}
	}
	
	Lpicker.prototype.reset = function(){
		var g=this, p=g.options;
		var old = p.old;
		if(!old)
			return;
		if(old.type == 1){
			g.selectItem($('.l-time-sel-box li', p._el).eq(old.val));
		}else{
			$('#lpSwitch').empty().append('<div class="mui-switch-handle"></div>').addClass('mui-active');
			mui('#lpSwitch')['switch']();
			g.selectCustom(old.val);
//			$("#l-p-from").val(old.val.from);
//			$("#l-p-to").val(old.val.to);
		}
	}
	
	function isSwitchOpened(){
		return document.getElementById("lpSwitch").classList.contains("mui-active");
	}
	
	
	Lpicker.prototype.init = function(_el, opts){
		var g= this;
		var p = g.options = $.extend(true, options, opts);
		_el.hide();
		_el.append(html);
		
		//取消按钮
		$('.l-btn-cancel', p._el).on("tap", function(){
			g.close();
//			alert(1)
//			g.reset();
		})
		//确认按钮
		$('.l-btn-ok', p._el).on("tap", function(){
			p.old = {};
			p.old.type = p.type;
			if(p.type==1)
				p.old.val = $('.l-time-sel-box li.l-over', p._el).index();
			else
				p.old.val = g.getValue();
			g.close();
			if(p.onCheck) p.onCheck.call(g);
		})
		
		//选项点击事件
		var items = $('.l-time-sel-box li', p._el);
		items.on("tap", function(){
			g.selectItem($(this));
		})
		
		//自定义按钮
		document.getElementById("lpSwitch").addEventListener("toggle",function(event){
			
			if(event.detail.isActive){
				var tim = $('#lpSwitch').data('time');
				if(tim){
					$('#lpSwitch').removeData('time');
					g.selectCustom(tim);
				} else
					g.selectCustom();
			}else{
				$('.l-date-form', p._el).hide();
				if($('.l-time-sel-box li.l-over', p._el).length==0){
					p.type = 1;
					$('.l-time-sel-box li:first', p._el).addClass("l-over");
				}
			}
		})
		
		//开始日期
		$('#l-p-from').on("tap", function(){
			var self = $(this);
			var v = self.val().split('-');
			var dDate = new Date();
			dDate.setFullYear(parseInt(v[0]), parseInt(v[1]) - 1, parseInt(v[2]));
			
			var minDate = new Date();
			minDate.setFullYear(2016, 7, 1);
			
			var maxDate = new Date();
			var to = $('#l-p-to').val();
			if(to){
				to = to.split("-");
				maxDate.setFullYear(parseInt(to[0]), parseInt(to[1])-1, parseInt(to[2]));
			} else 
				maxDate.setDate(maxDate.getDate());
				
			
			
			plus.nativeUI.pickDate(function(e) {
				var d = e.date;
				self.val(formatDate(d));
			}, function(e) {
				
			}, {
				title: "请选择开始日期",
				date: dDate,
				minDate: minDate,
				maxDate: maxDate
			});
		})
		
		//结束日期
		$('#l-p-to').on("tap", function(){
			var self = $(this);
			var v = self.val().split('-');
			var dDate = new Date();
			dDate.setFullYear(parseInt(v[0]), parseInt(v[1]) - 1, parseInt(v[2]));
			
			var minDate = new Date();
			var from = $('#l-p-from').val();
			if(from){
				from = from.split("-");
				minDate.setFullYear(parseInt(from[0]), parseInt(from[1])-1, parseInt(from[2]));
			} else 
				minDate.setFullYear(1990, 0, 1);
				
			var maxDate = new Date();
			maxDate.setDate(maxDate.getDate());
			
			plus.nativeUI.pickDate(function(e) {
				var d = e.date;
				self.val(formatDate(d));
			}, function(e) {
				info.innerText = "您没有选择日期";
			}, {
				title: "请选择结束日期",
				date: dDate,
				minDate: minDate,
				maxDate: maxDate
			});
		})
	}
	
	Lpicker.prototype.selectItem = function(el){
		var g= this, p= g.options;
		p.type = 1;
		$('.l-time-sel-box li', p._el).removeClass("l-over");
		$(el).addClass("l-over");
		
		if(isSwitchOpened()){
		  mui("#lpSwitch").switch().toggle();
		}
	}
	
	Lpicker.prototype.selectCustom = function(v){
		var g= this, p= g.options;
		var v = v || g.getValue();
		if(v.from=='')
			v.from = getPreDate(6);
		p.type = 2;
		$('.l-time-sel-box li', p._el).removeClass("l-over");
		$('#l-p-from').val(v.from);
		$('#l-p-to').val(v.to);
		$('.l-date-form', p._el).show();
	}
	
	function getMonth(m){
		m++;
		if(m<10)
			return "0" + m.toString();
		return m.toString();
	}
	
	function getDay(m){
		if(m<10)
			return "0" + m.toString();
		return m.toString();
	}
	
	$.fn.lpicker = function (opts) {
		this.css("position", "fixed");
		this.css("width", "100%");
		this.css("z-index", "1000");
		this.css("top", "0");
		this.css("left", "0");
		opts = opts || {};
		opts._el = $(this);
		var o = new Lpicker();
		o.init(this, opts);
		this.data("Lpicker", o);
		return o;
    };
    
    $.fn.getLpicker = function () {
		return this.data("Lpicker");
    };
})

html/device/js/patient-device-list.js

@@ -0,0 +1,123 @@
var page = 1,
    pageSize = 100,
    patientCode;
mui.init();
mui.plusReady(function(){
    var self = plus.webview.currentWebview();
    patientCode = self.patientCode;
    
    getPatientDeviceList(true);
    initScroller();
    bindEvents();
})
function getPatientDeviceList(isInit){
    if(isInit){
        page = 1;
    }
    var url = "doctor/device/PatientDeviceList",
        params = {
            page: page,
            pagesize: pageSize,
            patient: patientCode
        };
    
    plus.nativeUI.showWaiting();
    sendGet(url, params, null, function(res){
        plus.nativeUI.closeWaiting();
        if(res.status == 200){
            var list = res.data;
            if(list.length == 0){
                if(isInit){
                    $("#deviceList").empty().hide();
                    $("#no_result_wrap").show();
                }else{
                    mui(".mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
                }
            }else{
                $("#deviceList").show();
                $("#no_result_wrap").hide();
                var html = template("device-tmp", {list: list});
                if(isInit){
                    $("#deviceList").empty().append(html);
                }else{
                    $("#deviceList").append(html);
                }
                
                if(list.length < pageSize){
                    mui(".mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
                }else{
                    mui(".mui-scroll-wrapper").pullRefresh().endPullupToRefresh(false);
                }
            }
        }else{
            mui.toast(res.msg)
        }
    }, true);
}
function bindEvents(){
    template.helper("getBindUser", function(obj){
        if(obj.doctor){
            return obj.doctorName;
        }else{
            return "患者绑定";
        }
    });
    
    template.helper("getJsonStr", function(obj){
        return JSON.stringify(obj);
    });
    
    template.helper("getPhoto", function(str){
        return getImgUrl(str);
    });
    
    $("#deviceList").on('tap', ".device-box", function(){
        var $this = $(this),
            jsonObj = $this.data("json");
        if(jsonObj.type==1){
            mui.openWindow('../../wdsb/html/view-xuetangyi.html', 'view-xuetangyi.html', {
                extras: {
                    deviceId: jsonObj.deviceId,
                    dataId: jsonObj.code,
                    patient: patientCode,
                    role: jsonObj.role
                }
            })  
        }else if(jsonObj.type==2){
            mui.openWindow('../../wdsb/html/view-xueyaji.html', 'view-xueyaji.html', {
                extras: {
                    deviceId: jsonObj.deviceId,
                    dataId: jsonObj.code,
                    patient: patientCode,
                    role: jsonObj.role
                }
            })
        }
    })
}
function initScroller(){
    //阻尼系数
    var deceleration = mui.os.ios?0.003:0.0009;
    mui('.mui-scroll-wrapper').scroll({
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    
    mui(".mui-scroll-wrapper").pullRefresh({
        down:{
            callback: function(){
                getPatientDeviceList(true);
                this.endPulldownToRefresh();
            }
        },
        up: {
            callback: function(){
                getPatientDeviceList(false);
            }
        }
    })
}

html/device/js/templateHepler.js

@@ -0,0 +1,21 @@
template.helper("getPhoto", function(str){
    return getImgUrl(str);
});
template.helper("getCategoryName", function(cid){
    if(cid == "1"){
        return "血糖仪";
    }else if(cid == "2"){
        return "血压计";
    }
});
template.helper("formatDate", function(timestamp){
    var time = parseInt(timestamp),
        d = new Date(time);
    return d.format("yyyy-MM-dd hh:mm");
});
template.helper("getJsonStr", function(obj){
    return JSON.stringify(obj);
})

html/device/js/wc-motion-chart.js

@@ -0,0 +1,892 @@
(function ($) {
    function WcChart(config) {
        this.init(config);
    }
    WcChart.prototype = {
        /**
         * margin of chart
         */
        margin: 10,
        /**
         * Initial width
         * @type {number}
         */
        width: 0,
        /**
         * Initial height
         * @type {number}
         */
        height: 0,
        /**
         * Is data has loaded
         * @type {false}
         */
        isDataLoad: false,
        /**
         * Initial of chart data
         * @type {Array}
         */
        data: null,
        /**
         * data format, it will be init by init function
         * @type {Array}
         */
        points: [],
        /**
         * font family
         * @type {String}
         */
        fontFamily: 'sans-serif,arial',
        /**
         * Initial end day
         * @type {Date}
         */
        day: null,
		dateArr:[],
		dateType:null,
        /**
         * Initial of chart y-axis limit
         * @type {number}
         */
        yAxis: 16000,
        /**
         * Initial of chart y-axis increase unit
         * @type {number}
         */
        yAxisIc: 4000,
        /**
         * Background quad angle radius
         * @type {number}
         */
        quadRadius: 10,
        /**
         * head left text
         * @type {String}
         */
        headText: "",
        /**
         * chart font size
         * @type {Number}
         */
        chartFontSize: 10,
        /**
         * 10 thousand y-axis height
         * @type {Number}
         */
        chartMeanLine : 0,
        /**
         * rank reference, a json object
         * - null: means never mind it
         * - normal json data
         *   - { height: 30, avatar: Image, title : 'xxx get first', url: 'http://'}
         * @type {Object}
         */
        rankRef: null,
        rankPadding: 5,
        rankImgPattern: null,
        /**
         * rectangles
         * - {x: 0, y: 0, width: 0, height: 0}
         * @type {Object}
         */
        rectHead: {x: 0, y: 0, width: 0, height: 0},
        rectChart: {x: 0, y: 0, width: 0, height: 0},
        rectChartCenter: {x: 0, y: 0, width: 0, height: 0},
        rectRank: {x: 0, y: 0, width: 0, height: 0},
        rectRankAvatar: {x: 0, y: 0, width: 0, height: 0},
        rectRankBtn: {x: 0, y: 0, width: 0, height: 0},
        rectRankText: {x: 0, y: 0, width: 0, height: 0},
        /**
         * This is the only required option. It should be from 0.0 to 1.0
         * @type {number}
         */
        value: 1,
        /**
         * Fill of the arc. You may set it to:
         *   - solid color:
         *     - { color: '#3aeabb' }
         *     - { color: 'rgba(255, 255, 255, .3)' }
         *   - linear gradient (left to right):
         *     - { gradient: ['#3aeabb', '#fdd250'], gradientAngle: Math.PI / 4 }
         *     - { gradient: ['red', 'green', 'blue'], gradientDirection: [x0, y0, x1, y1] }
         *   - image:
         *     - { image: 'http://i.imgur.com/pT0i89v.png' }
         *     - { image: imageObject }
         *     - { color: 'lime', image: 'http://i.imgur.com/pT0i89v.png' } - color displayed until the image is loaded
         */
        fill: {
            gradient: ['#3aeabb', '#fdd250']
        },
        /**
         * Animation config (see jQuery animations: http://api.jquery.com/animate/)
         */
        animation: {
            duration: 400,
            easing: 'wcChart'
        },
        /**
         * Default animation starts at 0.0 and ends at specified `value`. Let's call this direct animation.
         * If you want to make reversed animation then you should set `animationStartValue` to 1.0.
         * Also you may specify any other value from 0.0 to 1.0
         * @type {number}
         */
        animationStartValue: 0.0,
        /**
         * @type {number}
         */
        animationPoint: null,
        /**
         * Constructor of wechat chart
         */
        constructor: WcChart,
        /**
         * Container element. Should be passed into constructor config
         * @type {jQuery}
         */
        el: null,
        /**
         * Canvas element.
         * @type {HTMLCanvasElement}
         */
        canvas: null,
        /**
         * 2D-context of the canvas
         * @protected
         * @type {CanvasRenderingContext2D}
         */
        ctx: null,
        /**
         * Fill of the background
         * @type {string|CanvasGradient|CanvasPattern}
         */
        fillPattern: null,
        /**
         * Last rendered frame value
         * @type {number}
         */
        lastFrameValue: 0.0,
        /**
         * Init/re-init the widget
         * @param {object} config Config
         */
        init: function (config) {
            $.extend(this, config);
            if (config.data) {
                this.isDataLoad = true;
            }
            this.initWidget();
            this.initRect();
            this.initData();
            this.initRank();
            this.initFill();
            this.draw();
            if(this.event == 'tap'){
                this.el.on('tap', this.clickFuc);
            }else{
                this.el.click(this.clickFuc);
            }
        },
        /**
         * Init widget
         * @protected
         */
        initWidget: function () {
            var jEl = $(this.el),
                canvas = this.canvas = this.canvas || jEl[0];
            canvas.width = this.width = this.width == 0 ? jEl.width() : this.width;
            canvas.height = this.height = this.height == 0 ? jEl.height() : this.height;
            this.ctx = canvas.getContext('2d');
        },
        /**
         * Init rectangles
         */
        initRect: function () {
            var margin = this.margin;
            var titleHeight = 35;
            var rankHeight = 0;
            if (this.rankRef) {
                rankHeight = this.rankRef.height;
            }
            this.rectHead = {x: 0, y: 0, width: this.width, height: titleHeight};
            this.rectChart = {
                x: margin, y: titleHeight,
                width: this.width - 2 * margin,
                height: this.height - titleHeight - rankHeight
            };
            this.rectChartCenter = {
                x: this.rectChart.x,
                y: this.rectChart.y + this.chartFontSize * 2.5,
                width: this.rectChart.width - this.chartFontSize * 0.8,
                height: this.rectChart.height - this.chartFontSize * 5,
            };
            this.rectRank = {
                x: margin, y: this.height - rankHeight,
                width: this.width - 2 * margin,
                height: rankHeight
            };
            this.rectRankAvatar = {
                x: this.rectRank.x,
                y: this.rectRank.y,
                width: this.rectRank.height,
                height: this.rectRank.height
            };
            this.rectRankBtn = {
                x: this.rectRank.width - this.rectRank.height,
                y: this.rectRank.y,
                width: this.rectRank.height,
                height: this.rectRank.height
            };
            this.rectRankText = {
                x: this.rectRankAvatar.x + this.rectRankAvatar.width,
                y: this.rectRank.y,
                width: this.rectRank.width - 2 * this.rectRank.height,
                height: this.rectRank.height
            };
        },
        /**
         * init all data
         */
        initData: function () {
		
            if (!$.isArray(this.data) || this.isDataLoad == false) {
                this.data = [0, 0, 0, 0, 0, 0];
            }
            if (this.day == null) {
                this.day = new Date();
            }
            /* get limit and last data */
            var maxData = Math.max.apply(Math, this.data),
			itrDay = this.day,
			yMaxUint = maxData <= this.yAxis ? this.yAxis :
			   Math.ceil((maxData - this.yAxis) / this.yAxisIc) * this.yAxisIc + this.yAxis;
			var interval = this.rectChartCenter.width / (this.data.length - 1);
			if(this.data.length==1){//只有一条数据时，点居中显示
				interval = this.rectChartCenter.width/2;
			}
            /* init begin date and prepare for iteration */
          // itrDay.setDate(this.day.getDate() - this.data.length + 1);
			/* find out y-axis point of 10 thousand unit line */
           this.chartMeanLine = this.rectChartCenter.y + this.rectChartCenter.height
                - this.yAxis * this.rectChartCenter.height / yMaxUint;
            /* transfer data into points */
			var textStr  = "";
            for (var i = 0; i < this.data.length; i++) {
            	if(this.dateType=="3"){//月
            		if(this.dateArr.length>0){
            			var month = parseInt(this.dateArr[i].split("-")[0]);
            			 textStr =  month+ "月";
            		}
            	}else{//日、周
            		if(this.dateArr.length>0){
						var month="",day="";
						if(i==0){
							month = parseInt(this.dateArr[0].split("-")[0]);
							day = parseInt(this.dateArr[0].split("-")[1]);
						}else{
							month = parseInt(this.dateArr[i].split("-")[0]);
							day = parseInt(this.dateArr[i].split("-")[1]);
						}
						 textStr =  i == 0 ? month+ "月" + day: day;
					}else{
						 textStr =  i == 0 ? (itrDay.getMonth() + 1) + "月" + itrDay.getDate() : itrDay.getDate();
					}
            	}
				
               var x = this.rectChartCenter.x + interval * i;
				if(this.data.length==1){//只有一条数据时，点居中显示
					x = interval;
				}
                this.points[i] = {
                    x: x,
                    y: this.rectChartCenter.y + this.rectChartCenter.height
                        - this.data[i] * this.rectChartCenter.height / yMaxUint,
                    value: this.data[i],
                    text:textStr,
                    radius: 6,
                    textAlign: i == 0 ? 'left' : 'center',
                    rect: {x: this.rectChartCenter.x + interval * (i - 0.5), y: this.rectChart.y,
                        width: interval, height: this.rectChart.height}
                };
                itrDay.setDate(itrDay.getDate() + 1);
            }
        },
        /**
         * init rank params
         */
        initRank: function () {
            if (this.rankRef == null) {
                return;
            }
            if (this.rankRef.avatar) {
                var img = this.rankRef.avatar;
                img.height = this.rankRef.height - this.rankPadding * 2;
                img.width = img.height;
                this.rankImgPattern = this.ctx.createPattern(this.rankRef.avatar, 'no-repeat');
                /* redraw when image load in same case */
                var instance = this;
                this.rankRef.avatar.onload = function() {
                    instance.draw();
                }
            }
        },
        /**
         * Init fill pattern
         * It could do this async (on image load)
         */
        initFill: function () {
            var self = this,
                fill = this.fill,
                ctx = this.ctx,
                width = this.width,
                height = this.height;
            if (!fill)
                throw Error("The fill is not specified!");
            if (fill.color)
                this.fillPattern = fill.color;
            if (fill.gradient) {
                var gr = fill.gradient;
                if (gr.length == 1) {
                    this.fillPattern = gr[0];
                } else if (gr.length > 1) {
                    var ga = fill.gradientAngle || 0, // gradient direction angle; 0 by default
                        gd = fill.gradientDirection || [
                                width / 2 * (1 - Math.cos(ga)), // x0
                                height / 2 * (1 + Math.sin(ga)), // y0
                                width / 2 * (1 + Math.cos(ga)), // x1
                                height / 2 * (1 - Math.sin(ga))  // y1
                            ];
                    var lg = ctx.createLinearGradient.apply(ctx, gd);
                    for (var i = 0; i < gr.length; i++) {
                        var color = gr[i],
                            pos = i / (gr.length - 1);
                        if ($.isArray(color)) {
                            pos = color[1];
                            color = color[0];
                        }
                        lg.addColorStop(pos, color);
                    }
                    this.fillPattern = lg;
                }
            }
        },
        draw: function () {
            if (this.animation)
                this.drawAnimated(this.value);
            else
                this.drawFrame(this.value);
        },
        /**
         * draw a frame
         * @param {number} v Frame value
         */
        drawFrame: function (v) {
            this.lastFrameValue = v;
            //this.ctx.clearRect(0, 0, this.width, this.height);
            this.ctx.fillStyle = "white";
            this.ctx.strokeStyle="white";
            this.drawBack();
            this.drawHead();
            this.drawChart();
            this.drawStep(v);
            this.drawRank();
        },
        /**
         * draw background
         */
        drawBack: function () {
            var ctx = this.ctx;
            ctx.save();
            ctx.fillStyle = this.fillPattern;
            ctx.globalAlpha = 1;
            ctx.roundRect(0, 0, this.width-5, this.height, this.quadRadius, true, false);
            ctx.restore();
        },
        /**
         * draw head
         */
        drawHead: function () {
            var fontSize = 25,
                ctx = this.ctx;
            /* draw text of head */
            ctx.save();
            ctx.globalAlpha = 1;
            ctx.font = fontSize + "px " + this.fontFamily;
            ctx.fillStyle = "white";
            ctx.fillText(this.headText, this.rectHead.x, this.rectHead.y + fontSize + this.margin,
                this.rectHead.width);
            ctx.textAlign = "center";
            ctx.fillText("",//单位/人
                this.rectHead.x + this.rectHead.width,
                this.rectHead.y + fontSize + this.margin);
            /* draw a split line 
            ctx.beginPath();
            ctx.globalAlpha = 0.8;
            ctx.moveTo(this.rectHead.x, this.rectHead.y + this.rectHead.height);
            ctx.lineTo(this.rectHead.x + this.rectHead.width, this.rectHead.y + this.rectHead.height);
            ctx.stroke();*/
            ctx.restore();
        },
        /* draw chart */
        drawChart: function () {
            var ctx = this.ctx;
            ctx.save();
            ctx.fillStyle = "white";
            /* draw 10 thousand line of x-axis */
            ctx.globalAlpha = 1;
            ctx.font =  "12px " + this.fontFamily;
//          ctx.fillText(this.yAxis, this.rectChartCenter.x + this.rectChartCenter.width-30,
//              this.chartMeanLine + this.chartFontSize / 2.8);
            ctx.fillText(this.yAxis, 0,
                this.chartMeanLine + this.chartFontSize / 2.8);
            ctx.beginPath();
            ctx.lineWidth = 1;
            ctx.dashedLineTo(this.rectChartCenter.x+35, this.chartMeanLine,
                this.rectChartCenter.x + this.rectChartCenter.width+10, this.chartMeanLine, [7, 4]);
            ctx.stroke();
            /* draw x-axis text and point */
            ctx.font = this.chartFontSize + "px " + this.fontFamily;
            for (var i = 0; i < this.points.length; i++) {
                /* draw text */
               var xPos = i==0? this.points[i].x-10: this.points[i].x;
                ctx.textAlign = this.points[i].textAlign;
                ctx.globalAlpha = i == this.points.length - 1 ? 1 :
                    i == this.animationPoint ? 1 : 0.8;
                ctx.fillText(this.points[i].text, xPos,
                    this.rectChartCenter.y + this.rectChartCenter.height + 1.5 * this.chartFontSize);
            }
            /* out if data unload */
            if (this.isDataLoad == false) {
                ctx.restore();
                return;
            }
            /* draw points and lines */
            for (i = 0; i < this.points.length; i++) {
                /* draw point */
                ctx.globalAlpha = 1;
                ctx.beginPath();
                ctx.arc(this.points[i].x, this.points[i].y, this.points[i].radius, 0, 2 * Math.PI);
                ctx.fill();
                /* draw line */
                if (i != 0) {
                    ctx.save();
                    ctx.beginPath();
                    ctx.lineWidth = 2;
                    ctx.moveTo(this.points[i - 1].x, this.points[i - 1].y);
					ctx.lineTo(this.points[i].x, this.points[i].y);
                    /*if (this.points[i - 1].value != 0) {
                        ctx.lineTo(this.points[i].x, this.points[i].y);
                    } else {
                        ctx.globalAlpha = 0.5;
                        ctx.dashedLineTo(this.points[i-1].x, this.points[i-1].y,
                            this.points[i].x, this.points[i].y, 7);
                    }*/
                    ctx.stroke();
                    ctx.restore();
                }
            }
            /* draw a shadow */
            ctx.beginPath();
            ctx.moveTo(this.points[0].x, this.points[0].y);
            for (i = 1; i < this.points.length; i++) {
                ctx.lineTo(this.points[i].x, this.points[i].y);
            }
            ctx.lineTo(this.rectChartCenter.x + this.rectChartCenter.width,
                this.rectChartCenter.y + this.rectChartCenter.height);
            ctx.lineTo(this.rectChartCenter.x, this.rectChartCenter.y + this.rectChartCenter.height);
            ctx.lineTo(this.points[0].x, this.points[0].y);
            ctx.fillStyle="white";
            ctx.globalAlpha = 0.1;
            ctx.fill();
            ctx.restore();
        },
        /* draw animation step */
        drawStep: function(v) {
            if (this.animationPoint == null || this.animationPoint < 0
                || this.animationPoint >= this.points.length
                || this.isDataLoad == false) {
                return;
            }
            var ctx = this.ctx,
                point = this.points[this.animationPoint],
                lastY = this.rectChartCenter.y - this.chartFontSize * 1.3,
                beginY = point.y,
                textY = (1 - v) * Math.abs(beginY - lastY) + lastY,
                beginAlpha = 0.4,
                endAlpha = 0.8,
                alpha = v * (endAlpha - beginAlpha) + beginAlpha;
            /* draw step number */
            ctx.save();
            ctx.font = 'bold ' + this.chartFontSize + "px " + this.fontFamily;
            ctx.textAlign = this.animationPoint == this.points.length - 1 ? 'right' : point.textAlign;
            ctx.fillStyle = "white";
            ctx.globalAlpha = alpha;
            ctx.fillText(point.value.toString(), point.x, textY);
            ctx.restore();
        },
        /* draw rank */
        drawRank: function () {
            if (this.rankRef == null) {
                return;
            }
            var ctx = this.ctx,
                padding = 20,
                imageRect = {
                    x: this.rectRankAvatar.x + padding,
                    y: this.rectRankAvatar.y + padding,
                    width: this.rectRankAvatar.width - 2 * padding,
                    height: this.rectRankAvatar.height - 2 * padding
                },
                imageRadius = imageRect.width / 2,
                rankRef = this.rankRef;
            /* draw a line */
            ctx.save();
            ctx.beginPath();
            ctx.moveTo(this.rectRank.x, this.rectRank.y);
            ctx.lineTo(this.rectRank.x + this.rectRank.width , this.rectRank.y);
            ctx.moveTo(this.rectRank.x, this.rectRank.y + this.rectRank.height);
            ctx.lineTo(this.rectRank.x + this.rectRank.width , this.rectRank.y + this.rectRank.height);
            ctx.fillStyle = "white";
            ctx.lineWidth = 1;
            ctx.globalAlpha = 0.8;
            ctx.stroke();
            ctx.restore();
            /* draw customer avatar image */
            ctx.save();
            ctx.beginPath();
            ctx.strokeStyle = "#ffffff";
            ctx.lineWidth = 2;
            ctx.globalAlpha = 0.5;
            ctx.arc(imageRect.x + imageRadius, imageRect.y + imageRadius, imageRadius, 0, 2 * Math.PI, true);
            ctx.stroke();
            ctx.restore();
            ctx.save();
            ctx.clip();
            ctx.globalAlpha = 1;
            ctx.drawImage(rankRef.avatar, imageRect.x, imageRect.y, imageRect.width, imageRect.height);
            ctx.restore();
            /* draw text */
            ctx.save();
            var fontSize = 36;
            ctx.font = fontSize + "px " + this.fontFamily;
            ctx.fillStyle = "white";
            ctx.globalAlpha = 0.5;
            ctx.fillText(this.rankRef.title, this.rectRankText.x + this.margin,
                this.rectRankText.y + (this.rectRankText.height + fontSize * 3 / 4) / 2,
                this.rectRankText.width);
            ctx.stroke();
            ctx.restore();
            /* draw a arrows button */
            ctx.save();
            var btnPadding = 50,
                btnSmall = {
                    x: this.rectRankBtn.x + 1.6 * btnPadding,
                    y: this.rectRankBtn.y + btnPadding,
                    width: this.rectRankAvatar.width - 2 * btnPadding,
                    height: this.rectRankAvatar.height - 2 * btnPadding
                };
            ctx.fillStyle = "white";
            ctx.beginPath();
            ctx.moveTo(btnSmall.x, btnSmall.y);
            ctx.lineTo(btnSmall.x + btnSmall.width / 2, btnSmall.y + btnSmall.height / 2);
            ctx.lineTo(btnSmall.x, btnSmall.y + btnSmall.height);
            ctx.lineWidth = 5;
            ctx.globalAlpha = 0.6;
            ctx.stroke();
            ctx.restore();
        },
        /**
         * Draw with animate
         * @param {number} v Value
         */
        drawAnimated: function (v) {
            var self = this,
                el = this.el;
            el.trigger('motion-animation-start');
            $(this.canvas)
                .stop(true, true)
                .css({animationProgress: 0})
                .animate({animationProgress: 1}, $.extend({}, this.animation, {
                    step: function (animationProgress) {
                        var stepValue = self.animationStartValue * (1 - animationProgress) + v * animationProgress;
                        self.drawFrame(stepValue);
                        el.trigger('motion-animation-step', [animationProgress, stepValue]);
                    },
                    complete: function () {
                        el.trigger('motion-animation-end');
                    }
                }));
        },
        /**
         * click function of this element
         * @param e event of click
         */
        clickFuc: function (e) {
            var dataName = 'motion';
            var el = $(this),
                instance = el.data(dataName),
                offset = el.offset(),
                point;
            
            if(e.type == "tap"){
                var touch = e.originalEvent.detail.touches[0];
                point = {x: touch.pageX - offset.left, y: touch.pageY - offset.top};
            }else{
                point = {x: e.pageX - offset.left, y: e.pageY - offset.top};
            }
            if (instance.isPointInRect(instance.rectChart, point)) {
                if (instance.isDataLoad) {
                    /* click in chart */
                    var points = instance.points;
                    for(var i = 0; i < points.length; i++) {
                        if (instance.isPointInRect(points[i].rect, point)) {
                            instance.animationPoint = i;
                            if (instance) {
                                instance.draw();
                            }
                            break;
                        }
                    }
                }
            } else if (instance.isPointInRect(instance.rectRank, point)) {
                /* click in rank */
                if (instance.rankRef) {
                    location.href = instance.rankRef.url;
                }
            }
        },
        /**
         * check point is in rect, return true when point in rect
         * @param rect Object {x, y, width, height}
         * @param point Object {x, y}
         */
        isPointInRect: function(rect, point) {
            return point.x >= rect.x && point.x <= rect.x + rect.width
                && point.y >= rect.y && point.y <= rect.y + rect.height;
        }
    };
    /*-------------------------------------------- Initiating jQuery plugin ------------------------------------------*/
    $.wcChart = {
        defaults: WcChart.prototype
    };
    /**
     * Add a customer easing, in effect, it is a easeOutCirc (see easing http://easings.net/zh-cn)
     */
    $.easing.wcChart = function (x, t, b, c, d) {
        return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
    };
    /**
     * Draw animated circular progress bar.
     *
     * Appends <canvas> to the element or updates already appended one.
     *
     * If animated, throws 3 events:
     *
     *   - motion-animation-start(jqEvent)
     *   - motion-animation-step(jqEvent, animationProgress, stepValue) - multiple event;
     *                                                                        animationProgress: from 0.0 to 1.0;
     *                                                                        stepValue: from 0.0 to value
     *   - motion-animation-end(jqEvent)
     *
     * @param config Example: { value: 0.75, width: 920, height: 600, animation: false };
     *                you may set any of public options;
     *                `animation` may be set to false;
     */
    $.fn.wcChart = function (config) {
        var dataName = 'motion';
        if (config == 'widget') {
            var data = this.data(dataName);
            return data && data.canvas;
        }
        var el = $(this),
            instance = el.data(dataName),
            cfg = $.isPlainObject(config) ? config : {};
        if (instance) {
            instance.init(cfg);
        } else {
            cfg.el = el;
            instance = new WcChart(cfg);
            el.data(dataName, instance);
        }
        return this;
    };
    /**
     * Add a round rect draw in the 2D context
     * @param x number, begin of x-axis
     * @param y number, begin of y-axis
     * @param width number,
     * @param height number
     * @param radius number, radius of quad curve
     * @param fill bool, fill
     * @param stroke bool, stroke
     */
    CanvasRenderingContext2D.prototype.roundRect = function (x, y, width, height, radius, fill, stroke) {
        stroke = typeof  stroke == "undefined" ? true : stroke;
        stroke = typeof  stroke == "undefined" ? true : stroke;
        radius = typeof  radius == "undefined" ? 5 : radius;
        this.beginPath();
        this.moveTo(x + radius, y);
        this.lineTo(x + width - radius, y);
        this.quadraticCurveTo(x + width, y, x + width, y + radius);
        this.lineTo(x + width, y + height - radius);
        this.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
        this.lineTo(x + radius, y + height);
        this.quadraticCurveTo(x, y + height, x, y + height - radius);
        this.lineTo(x, y + radius);
        this.quadraticCurveTo(x, y, x + radius, y);
        this.closePath();
        if (stroke) {
            this.stroke();
        }
        if (fill) {
            this.fill();
        }
    };
    /**
     *
     * @param fromX number, x-axis
     * @param fromY number,
     * @param toX number,
     * @param toY number,
     * @param pattern deltay
     */
    CanvasRenderingContext2D.prototype.dashedLineTo = function (fromX, fromY, toX, toY, pattern) {
        var interval = 0, padding = 0;
        if (typeof pattern === "undefined") {
            padding = 5;
            interval = 5;
        } else {
            if (pattern.constructor === Array) {
                padding = pattern[0];
                interval = pattern[1];
            } else {
                padding = interval = pattern;
            }
        }
        /* calculate the delta x and delta y */
        var dx = (toX - fromX);
        var dy = (toY - fromY);
        var distance = Math.floor(Math.sqrt(dx * dx + dy * dy));
        var unitLength = padding + interval;
        var dashLineInterval = (unitLength <= 0) ? distance : Math.floor(distance / unitLength);
        var deltaPaddingY = (dy / distance) * padding;
        var deltaPaddingX = (dx / distance) * padding;
        var unitLengthX = (dx / distance) * unitLength;
        var unitLengthY = (dy / distance) * unitLength;
        /* draw dash line */
        var x = fromX, y = fromY;
        for (var dl = 0; dl < dashLineInterval; dl++) {
            this.moveTo(x, y);
            this.lineTo(x + deltaPaddingX, y + deltaPaddingY);
            x += unitLengthX;
            y += unitLengthY;
        }
    };
	
})(jQuery);

html/error/css/error.css

@@ -0,0 +1,2 @@
#error_img { width: 100%; }
.c-47a8ef { color: #47A8EF;  }

html/error/html/error.html

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<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="../../../common/cross/css/cross.css">
		<link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" href="../css/error.css" type="text/css" />
	</head>
	<body>
		<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1></h1>
			</div>
		</div>
		<img id="error_img" src="../../../images/quesheng_img.png"></img>
		<div id="error_msg_box" class="c-909090 c-f14 c-t-center">
			
		</div>
		<div id="retry_btn" class="c-47a8ef c-f14 c-t-center">点击屏幕重试</div>
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/template.js"></script>
		<script src="../../../js/app.js"></script>
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/error.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>

html/error/js/error.js

@@ -0,0 +1,49 @@
var oldBack = null;
var errorMsg = "";
mui.plusReady(function() {
	plus.nativeUI.closeWaiting();
	oldBack = mui.back;
	var self = plus.webview.currentWebview();
	errorMsg = self.errorMsg||"";
	$('#error_msg_box').text(errorMsg);
	mui.back = function() {
		
		var wv = plus.webview.currentWebview(),
		opener = wv.opener(),
		preOpener = opener && opener.opener();
		if(opener && opener.id=="main") {
			mui.fire(opener,"refresh");
			opener.reload();
			oldBack();
		} else if(preOpener && preOpener.id == "main") {
			opener && opener.reload();
			mui.fire(opener,"refresh");
			oldBack();
		} else {
			if(preOpener) {
				preOpener.reload();
				mui.fire(preOpener,"refresh");
				preOpener.show();
				setTimeout(function() {
					wv.close();
					opener.close();
				},0);
			}
		}
		
	}
});
/*刷新事件*/
window.addEventListener("refresh", function refresh(e) {
	errorMsg = e.detail.errorMsg;
	$('#error_msg_box').text(errorMsg);
});
	
$('#retry_btn').on('tap',function() {
	var wv = plus.webview.currentWebview(),
		opener = wv.opener();
		opener && opener.reload();
		oldBack();
});

html/forgetpwd/css/forget.css

@@ -0,0 +1,44 @@
/*.mui-content-padded{
	margin-top: 30px;
	text-align: center;
}*/
#forget_verify{
	position: absolute;
	top: 44px;
	right: 5px;
	width: auto;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	background: #dd524d;
	border: none;
	padding: 0 10px;
}
.mui-content-padded {
	font-size:14px; 
	color: #17b3ec;
}
.mui-content-padded #time{
	/*font-size: 16px;
	margin-right:10px ;
	border: 1px double ;
	padding: 2px 4px;
	border-radius: 5px;*/
	float: right;
	display: block;
	padding: 5px 10px;
	margin-top:-5px ;
}
.mui-btn-block{
	height: 44px;
}
.mui-bar-footer{
	height: 54px;
}

html/forgetpwd/html/forget-1phone.html

@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>忘记密码手机验证</title>
		<script src="../../../js/mui.min.js"></script>
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/forget.css" />
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">忘记密码</h1>
		</header>
		<div class="mui-bar mui-bar-footer">
			<button type="button" class="mui-btn mui-btn-blue mui-btn-block" id="forget_next">下一步</button>
		</div>
		<div class="mui-content">
			<form class="mui-input-group mui-card">
				<div class="mui-input-row">
					<label><span class="mui-icon mui-icon-phone"></span>手机号</label>
					<input type="text" class="mui-input-clear" maxlength="11" placeholder="请输入手机号码" autofocus="">
				</div>
			</form>
		</div>
	</body>
	<!--===================================================================-->
	<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="UTF-8">
		mui.init();
		var postUrl = "common/captcha";
		document.getElementById("forget_next").addEventListener('tap', function() {
			var phone = document.querySelector("input").value.trim();
			if (phone && phone.length == 11) {
				sendPost(postUrl, {
					mobile: phone,
					type: 3
				}, null, function(res) {
					if (res.status == 200) {
						mui.openWindow({
							url: "forget-2vertify.html",
							id: "forget-2vertify",
							extras: {
								mobile: phone
							}
						});
					}
//					mui.toast(res.msg);
				});
			} else {
				mui.toast("请输入有效的手机号码");
			}
		});
	</script>
</html>

html/forgetpwd/html/forget-2vertify.html

@@ -0,0 +1,98 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="../../../js/mui.min.js"></script>
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/forget.css" />
		<script type="text/javascript" charset="UTF-8">
			mui.init();
		</script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">手机验证</h1>
		</header>
		<div class="mui-bar mui-bar-footer">
			<button type="button" class="mui-btn mui-btn-blue mui-btn-block" id="forget_next">确  定</button>
		</div>
		<div class="mui-content">
			<div class="mui-content-padded">
				系统已经发送验证码到您的手机<span id="number"></span>,请查收
			</div>
			<form class="mui-input-group mui-card">
				<div class="mui-input-row">
					<label><span class="mui-icon mui-icon-reload"></span>验证码</label>
					<input type="text" class="mui-input-clear" placeholder="请输入验证码">
				</div>
			</form>
			<div class="mui-content-padded">
				<button type="button" class="mui-btn" id="time" disabled="">60  秒</button>
			</div>
		</div>
	</body>
	<!--================================================================-->
	<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>
	<script type="text/javascript" charset="UTF-8">
		mui.init();
		var time = 60;
		var postUrl = "common/check_captcha";
		countTime(); //计时方法
		mui.plusReady(function() {
			var self = plus.webview.currentWebview();
			self.opener().close("none");
			var phone = self.mobile;
			document.getElementById("number").innerText = phone;
			/*
			 * 提交验证码验证，跳转
			 */
			document.getElementById("forget_next").addEventListener('tap', function() {
				var verify = document.querySelector("input").value.trim();
				if (verify.length == 0) {
					mui.toast("请输入验证码");
					return
				}
				sendPost(postUrl, {
					mobile: phone,
					type: 3,
					captcha: verify
				}, null, function(res) {
					if (res.status == 200) {
						mui.openWindow('forget-3newpwd.html', 'forget-3newpwd', {
							extras: {
								mobile: phone,
								verifyCode: verify
							}
						});
					}
				});
			});
			/*
			 * 重新获取验证码
			 */
			document.getElementById("time").addEventListener("tap", function() {
				var captchaUrl = "common/captcha";
				sendPost(captchaUrl, {
					mobile: phone,
					type: 3
				}, null, function(res) {
					if (res.status == 200) {
						time = 60;
						document.querySelector("input").value = "";
					}
					mui.toast(res.msg);
				});
			});
		});
	</script>
</html>

html/forgetpwd/html/forget-3newpwd.html

@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="../../../js/mui.min.js"></script>
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/forget.css" />
		<script type="text/javascript" charset="UTF-8">
			mui.init();
		</script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">设置新密码</h1>
		</header>
		<div class="mui-bar mui-bar-footer">
			<button type="button" class="mui-btn mui-btn-blue mui-btn-block" id="forget_next">完成提交</button>
		</div>
		<div class="mui-content">
			<form class="mui-input-group mui-card">
				<div class="mui-input-row">
					<label><span class="mui-icon mui-icon-locked"></span>新密码</label>
					<input type="password" class="mui-input-password" placeholder="请输入新密码">
				</div>
			</form>
		</div>
	</body>
	<!--==================================================================-->
	<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
	<!--<script src="../js/forgetpwd.js" type="text/javascript" charset="utf-8"></script>-->
	<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="UTF-8">
		var key, mobile, verifyCode;
		mui.plusReady(function() {
			var self = plus.webview.currentWebview();
			self.opener().close("none");
			mobile = self.mobile;
			verifyCode = self.verifyCode;
			var encryURL = "login/public_key";
			RSAUtils.getKeyFromServer(encryURL, function(res) {
				if (res.status) {
					var mod = res.data.modulus;
					var exp = res.data.exponent;
					key = RSAUtils.getKeyPair(exp, "", mod);
				}
			});
			/*
			 * 点击提交
			 */
			document.getElementById("forget_next").addEventListener('tap', function() {
				var pwd = document.querySelector("input").value.trim();
				if (pwd && pwd.length >= 6) {
					var encryedPwd = RSAUtils.encryStr(key, pwd);
					sendPost("login/forgetpwd", {
						type: 2,
						idcard: "",
						mobile: mobile,
						captcha: verifyCode,
						newpwd: pwd
					}, null, function(res) {
						if (res.status == 200) {
							mui.toast("密码已修改，请用新密码登录");
							mui.later(function() {
								mui.back();
							}, 1000)
						};
					});
				} else {
					mui.toast("请输入不少于6位密码");
				}
			});
		});
	</script>
</html>

html/forgetpwd/js/forgetpwd.js

@@ -0,0 +1,94 @@
function send2Server(url, phone, func) {
	mui.ajax(url, {
		data: {
			moblie: phone,
			type: 3
		},
		dataType: 'json', //服务器返回json格式数据
		type: 'post', //HTTP请求类型
		timeout: 10000, //超时时间设置为10秒；
		success: function(data) {
			var status = data.status;
//			if (status == 200) {
				//				mui.openWindow({
				//					url: "forget-2vertify.html",
				//					id: "forget-2vertify",
				//					waiting: {
				//						autoShow: false
				//					},
				//					extras: {
				//						mobile: phone
				//					}
				//				});
				func;
//			} else {
				mui.toast(data.msg);
//			}
		},
		error: function(xhr, type, errorThrown) {
			mui.toast(type);
		}
	});
}
/*
 * 计时
 */
function countTime() {
	var timer = "";
	timer = setInterval(function() {
		time--;
		if (time < 10) {
			time = "0" + time;
		}
		var oBtn = document.getElementById("time");
		oBtn.innerText = time + " 秒";
		if (time <= 0) {
			clearInterval(timer);
			oBtn.disabled = false;
			oBtn.innerText = "重新发送";
		}
	}, 1000)
}
/*
 * 验证完成后，跳转
 */
var verifiedToNext = function(phone,verify) {
	mui.openWindow('forget-3newpwd.html', 'forget-3newpwd', {
		extras: {
			mobile: phone,
			verifycode: verify
		}
	});
//	if (timer==null) {
//		clearInterval(timer);
//	}
}
function resetPwd(url, phone, verifyCode, pwd) {
	mui.ajax(url, {
		data: {
			type: 2,
			mobile: phone,
			captcha: verifyCode,
			newpwd: pwd
		},
		dataType: 'json', //服务器返回json格式数据
		type: 'post', //HTTP请求类型
		timeout: 10000, //超时时间设置为10秒；
		success: function(data) {
//			if (data.status == 200) {
				mui.toast(data.msg);
				setTimeout(function() {
					mui.back();
				}, 1500);
//			} else {
//				mui.toast(data.msg);
//			}
		},
		error: function(xhr, type, errorThrown) {
		mui.toast(err.message);
		}
	});
}

html/fybj/css/chanjianjieguo.css

@@ -0,0 +1,30 @@
body{background-color: #f3f3f3;color: #333;}
.cj-main .h1{height: 50px;line-height: 50px;text-align: center;font-size: 16px;}
.cj-section{background-color: #fff;margin-bottom: 10px;}
.cj-section .up{border-top: solid 1px #ededed;border-bottom: solid 1px #ededed;height: 45px;display: -webkit-box;-webkit-box-align: center;padding: 0px 10px;}
.cj-section .up .img{width: 24px;height: 45px;background: url(../images/icon_yujianka.png) no-repeat;background-position: center;background-size:16px 20px;margin-right: 6px;}
.cj-section .up .img2{width: 24px;height: 45px;background: url(../images/icon_fuchajieguo.png) no-repeat;background-position: center;background-size:16px 17px;margin-right: 6px;}
.cj-section .up .text{font-size: 15px;}
.cj-section .down{padding-top: 10px;border-bottom: solid 1px #ededed;}
.cj-flex-1{display: -webkit-box;padding: 0px 10px 10px 10px;font-size: 14px;}
.cj-flex-1 div:nth-child(1){width: 80px;}
.cj-flex-1 div:nth-child(2){width: calc(100% - 80px);text-align: right;color: #666;}
.cj-flex-1.wid100{display: -webkit-box;padding: 0px 10px 10px 10px;font-size: 14px;}
.cj-flex-1.wid100 div:nth-child(1){width: 110px;}
.cj-flex-1.wid100 div:nth-child(2){width: calc(100% - 110px);text-align: right;color: #666;}
.cj-section .up.icon{background: url(../images/icon_shangla.png) no-repeat;background-position: calc(100% - 10px) center;background-size: 14px 7px;}
.cj-section.active .up.icon{background: url(../images/icon_xiala.png) no-repeat;background-position: calc(100% - 10px) center;background-size: 14px 7px;}
.cj-section.active .down{display: block;}
.cj-position-1{position: relative;font-size: 14px;height: 32px;margin: 0px 10px;background: url(../images/line.png) repeat-x;background-size: 54px 3px;background-position: left 11px;}
.cj-position-1 div:nth-child(1){background-color: #fff;position: absolute;top: 0px;left: 0px;padding-right: 10px;}
.cj-position-1 div:nth-child(2){background-color: #fff;position: absolute;top: 0px;right: 0px;color: #666;padding-left: 10px;}
.cj-other{display: -webkit-box;padding: 0px 10px 10px 10px;font-size: 14px;}
.cj-other div:nth-child(1){width: 50px;}
.cj-other div:nth-child(2){width: calc(100% - 50px);color: #666;}
.cj-small-tit{font-size: 14px;margin-bottom: 6px;color:#555;}
.cj-menu{width: 60px;height: 60px;background: url(../images/icon-zhankai.png) no-repeat;background-position: center;background-size: contain;position: fixed;z-index: 9;right: 20px;top: 68px;}
.mui-content{background-color: #f3f3f3;}
.mui-off-canvas-right{width: 200px;background-color: #fff;text-align: center;border-left: solid 1px #ededed;}
.cj-li{height: 60px;line-height: 59px;border-bottom:solid 1px #ededed;font-size: 16px;color: #333;}
.cj-li.active{color: #17B3EC;}
.mui-inner-wrap{height: calc(100% - 45px)!important;}

html/fybj/css/mianyijihua.css

@@ -0,0 +1,40 @@
body{background-color: #f2f4f6;color: #333;font-size: 14px;}
div,span{font-size: 14px;}
.my-nav.mui-scroll-wrapper{position: fixed;z-index: 999;top: 45px;bottom: 0;left: 0;overflow: hidden;width: 100%;height: 90px;background-color:#f2f4f6;padding-left: 15px;padding-top: 7px;border-bottom:solid 1px #dcdcdc;box-sizing: border-box;}
.my-nav.mui-scroll-wrapper .mui-scroll{position: absolute;width: auto;z-index: 99;white-space: nowrap;-webkit-transform: translateZ(0);transform: translateZ(0);}
.my-nav.mui-scroll-wrapper .mui-scroll .mui-control-item{display: inline-block;margin-right: 15px;-webkit-user-select: none;vertical-align: middle;text-align: center;}
.my-nav.mui-scroll-wrapper img{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;border:solid 1px #dcdcdc;}
.my-nav.mui-scroll-wrapper .name{font-size: 12px;color: #333;line-height: 20px;}
.mui-control-item.active img{width:55px;height:55px;}
.mui-control-item.active .name{font-size:14px;line-height:23px;}
.my-section{position: absolute;top: 135px;bottom: 0px;left: 0px;right: 0px;overflow-y:auto;}
.my-head .up{display: -webkit-box;-webkit-box-align: center;}
.my-head .up .left{margin-left:5px;width: 70px;height: 70px;overflow: hidden;margin-right: 15px;border-radius: 50%;border: solid 1px #ededed;}
.my-head .up .left img{width: 100%;min-height: 70px;}
.my-head .up .right{width: calc(100% - 90px);font-size: 14px;color: #333;}
.my-head .up .right div{margin-bottom: 6px;}
.my-head .down{margin-top: 2px;}
.my-head .down div{font-size: 14px;color: #333;margin-bottom: 6px;}
.my-head .down div:last-child{margin-bottom: 0px;}
.my-head{background-color: #fff;padding: 10px 10px;border-bottom: solid 1px #ededed;margin-bottom: 10px;}
.cj-section{background-color: #fff;margin-bottom: 10px;}
.cj-section .up{border-top: solid 1px #ededed;border-bottom: solid 1px #ededed;height: 45px;display: -webkit-box;-webkit-box-align: center;padding: 0px 10px;}
.cj-section .up .img{width: 24px;height: 45px;background: url(../images/bidayimiao_icon.png) no-repeat;background-position: center;background-size:20px 20px;margin-right: 6px;}
.cj-section .up .img1{width: 24px;height: 45px;background: url(../images/feibidayimiao_icon.png) no-repeat;background-position: center;background-size:20px 20px;margin-right: 6px;}
.cj-section .up .text{font-size: 15px;}
.cj-section .down{border-bottom: solid 1px #ededed;padding: 2px 10px 2px 10px;}
.cj-flex-1{display: -webkit-box;height:40px;font-size: 14px;line-height: 40px;}
.cj-flex-1 div:nth-child(1){width: 80px;}
.cj-flex-1.icon div:nth-child(2){padding-right: 18px;}
.cj-flex-1 div:nth-child(2){width: calc(100% - 80px);text-align: right;color: #666;}
.cj-flex-1 div.red{color: #FF4C4C;}
.cj-flex-1 div.blue{color: #17B3EC;}
.cj-flex-1 div.gray{color: #909090;}
.my-line.active .cj-flex-1.icon{background: url(../images/shangjiantou_zhankai_icon.png) no-repeat;background-position: right center;background-size: 10px 7px;}
.cj-flex-1.icon{background: url(../images/xiajiantou_shousuo_icon.png) no-repeat;background-position: right center;background-size: 10px 7px;}
.my-line.active .my-icon-down{display: block;}
.cj-position-1{position: relative;font-size: 14px;height: 40px;margin: 0px 0px 0px 5px;}
.cj-position-1 div:nth-child(1){background-color: #fff;position: absolute;top: 9px;left: 0px;color: #666;padding-right: 3px;}
.cj-position-1 div:nth-child(2){background-color: #fff;position: absolute;top: 9px;left: 52px;color: #666;padding:0px 3px;}
.cj-position-1 div:nth-child(3){background-color: #fff;position: absolute;top: 9px;left: 112px;color: #666;padding:0px 3px;}
.cj-position-1 div:nth-child(4){background-color: #17B3EC;position: absolute;top: 7px;right: 0px;color: #fff;padding:2px 5px;border-radius: 5px;}

html/fybj/css/yimiaoxiangqing.css

@@ -0,0 +1,21 @@
body{background-color: #f2f4f6;color: #333;}
div,span{font-size: 14px;}
.ym-head{margin-top: 10px;margin-bottom:10px;border-top: solid 1px #ededed;border-bottom:solid 1px #ededed;display: -webkit-box;background-color: #fff;-webkit-box-align: center;height: 40px;padding: 0px 10px;}
.ym-section{border-bottom: solid 1px #ededed;border-top: solid 1px #ededed;background-color: #fff;padding: 0px 10px;}
.ym-section .head{display: -webkit-box;border-bottom: solid 1px #ededed;}
.ym-section .head:last-child{border-bottom: none}
.ym-section .head .red{color: #ff4c4c;}
.ym-section .head .gray{color: #999!important;}
.ym-section .head div:nth-child(2){text-align: right;color: #666;}
.ym-section .head div{width: 50%;height: 40px;line-height: 40px;font-size: 14px;color: #333;}
.my-head .up{display: -webkit-box;-webkit-box-align: center;}
.my-head .up .left{margin-left:5px;width: 70px;height: 70px;overflow: hidden;margin-right: 15px;border-radius: 50%;border: solid 1px #ededed;}
.my-head .up .left img{width: 100%;min-height: 70px;}
.my-head .up .right{width: calc(100% - 90px);font-size: 14px;color: #333;}
.my-head .up .right div{margin-bottom: 6px;}
.my-head .down{margin-top: 2px;}
.my-head .down div{font-size: 14px;color: #333;margin-bottom: 6px;}
.my-head .down div:last-child{margin-bottom: 0px;}
.my-head{background-color: #fff;padding: 10px 10px;border-bottom: solid 1px #ededed;margin-bottom: 10px;}
.jz-one .title{border-bottom: solid 1px #ededed;font-size: 15px;height: 40px;line-height: 40px;padding-left: 10px;box-sizing: border-box;}
.jz-one .ym-section{border-top: none;background-color: #fff;}

html/fybj/css/yunjianjihua.css

@@ -0,0 +1,50 @@
body{background-color: #f3f3f3;color: #333;}
.noChildSec{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: url(../images/icon_wenben.png) no-repeat;background-size: cover;background-position:top center;}
.noChildSec .bttn{background-color:#ff9f00 ;color: #fff;font-size: 16px;height: 45px;line-height: 45px;text-align: center;position: fixed;bottom: 20px;left: 15px;right: 15px;border-radius: 5px;z-index: 9;}
.hasChildSec{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: url(../images/icon_zhuangshi.png) no-repeat;background-size: cover;background-position:top center;}
.hasChildSec .bttn{background-color:#ff9f00 ;color: #fff;font-size: 16px;height: 45px;line-height: 45px;text-align: center;position: fixed;bottom: 20px;left: 15px;right: 15px;border-radius: 5px;}
.yj-nav li{width: 80px;height: 40px;border: solid 1px #dcdcdc;text-align: center;line-height: 39px;border-radius: 5px;margin-right: 10px;font-size: 14px;color: #333;}
.yj-nav{background-color: #fff;display: -webkit-box;padding: 10px;}
.yj-nav li:last-child{margin-right: 0px;}
.yj-nav li.active{background-color: #17B3EC;color: #fff;border-color:#17B3EC;}
.mui-segmented-control.mui-scroll-wrapper{height: 62px;background-color: #fff;border-bottom: solid 1px #dcdcdc;}
.yj-nocard .img{width: 280px;margin: 20px auto;height: 312px;background: url(../images/icon_peitu.png) no-repeat;background-size: contain;}
.yj-nocard .bttn{width: 150px;height: 40px;margin:0 auto; border: solid 1px #dcdcdc;border-radius: 18px;text-align: center;font-size: 16px;line-height: 39px;background-color: #fff;}
.yj-nocard .time{position: absolute;top: 103px;left: 75px;color: #6db806;font-size: 16px;}
.yj-nocard{position: relative;padding-bottom: 76px;padding-top: 80px;width: 280px;margin: 0 auto;}
.footbtn{position: fixed;z-index:10;width: 100%;left: 0px;bottom: 0px;padding: 10px 15px;background-color: #fff;border-top: solid 1px #dcdcdc;}
.footbtn div{width: 100%;height: 45px;text-align: center;background-color: #17B3EC;color: #fff;font-size: 16px;border-radius: 5px;line-height: 45px;}
.yj-content{padding: 61px 0px 71px 0px;}
.yj-content .header{background-color: #fff;font-size: 14px;color: #333;padding: 10px;position: relative;border-bottom: solid 1px #dcdcdc;}
.yj-content .header .p1{padding-left: 27px;position: relative;display: inline-block;vertical-align: middle;width: 100%;margin-bottom: 10px;}
.yj-content .header .p1:before{display: block; content:' ';width: 7px;height: 7px;border-radius: 50%;background-color: #48a8ef;position: absolute;top: 12px;left: 5px;}
.yj-content .header .p1 span{display: inline-block;padding: 2px 3px;color: #48a8ef;font-size: 18px;font-weight: bold;}
.yj-content .header .p1 span.red{color: #ff4c4c;}
.yj-content .header .p2{padding-left: 27px;position: relative;display: inline-block;vertical-align: middle;width: 100%;color: #909090;}
.yj-content .header .p2:before{display: block; content:' ';width: 7px;height: 7px;border-radius: 50%;background-color: #48a8ef;position: absolute;top: 8px;left: 5px;}
.yj-content .header .line{width: 1px;height: 82px;background-color: #48a8ef;position: absolute;top: 24px;left: 18px;}
.check-plan .title div:nth-child(1){width: 30px;height: 30px;border-radius: 50%;background: url(../images/icon_daichangjianjihua.png) no-repeat;background-color:#48a8ef;background-position: center;background-size:14px 17px;margin-right: 10px;}
.check-plan .title{display: -webkit-box;-webkit-box-align: center;font-size: 16px;padding:10px;border-bottom: solid 1px #ededed;}
.check-plan{margin-top: 10px;border-top: solid 1px #dcdcdc;background-color: #fff;}
.yj-section .one{border-bottom:solid 1px #ededed;padding: 0px 10px;}
.yj-section .one .up{height: 40px;line-height: 40px;font-size: 16px;color:#74BF00;background: url(../images/icon_shangla.png) no-repeat;background-size: 14px 7px;background-position: right center;}
.yj-section .one .flex{display: -webkit-box;font-size: 14px;color: #323232;margin-bottom: 8px;}
.yj-section .one .flex div:nth-child(1){/*width: 80px;*/}
.yj-section .one .flex div:nth-child(2){width: calc(100% - 80px);}
.yj-section .one .notice{font-size: 12px;color: #909090;margin-bottom:8px;}
.yj-section .one.active .up{background: url(../images/icon_xiala.png) no-repeat;background-size: 14px 7px;background-position: right center;}
.yj-section .one.active .down{display: block;}
.yj-section .one .down{display: none;}
.btn-group{display: -webkit-box;-webkit-box-flex: 1;padding: 10px;position: fixed;width: 100%;left: 0px;bottom: 0px;background-color: #fff;border-top: solid 1px #dcdcdc;z-index: 99;}
.btn-group div{display: -webkit-box;-webkit-box-flex: 1;-webkit-box-pack: center;height: 40px;line-height: 40px;margin-right: 10px;color: #fff;font-size: 16px;border-radius: 5px;}
.btn-group div:last-child{margin-right: 0px;}
.c-ff9527{background-color: #ff9527;}
.c-74bf00{background-color: #74bf00;}
.c-47a8ef{background-color: #47a8ef;}
.yj-fixed{position: fixed;top: 46px;left: 0px;width: 100%;z-index: 99;}
.yj-section .one:last-child{border-bottom:solid 1px #dcdcdc;}
.noword{text-align: center;font-size: 16px;color: #666;}
.uncheck-remind,.remindAgain{float: right;padding: 3px 14px;text-align: center;font-size: 14px;margin-top:-15px;color: #fff;font-weight: bold;border-radius: 5px}
.remindAgain{margin-top: -40px;}
.remind-false{background-color: #CCCCCC;}
.remind-true{background-color: #17B3EC;}

html/fybj/html/chanjianjieguo.html

@@ -0,0 +1,55 @@
<!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/mui.min.css" type="text/css" />
		<link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../common/cross/css/cross.ui.css">
		<link rel="stylesheet" href="../css/chanjianjieguo.css" />
	</head>
	<body>
		<div class="h45">		
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1>产检结果</h1>
			</div>
		</div>
		<!-- 侧滑导航根容器 -->
		<div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
			<aside class="mui-off-canvas-right">
		    	<div id="nav_text" class="mui-scroll-wrapper">
		    		<div class="mui-scroll">
		        		<div data-num="0" class="cj-li active">初检检查</div>
		        		<div data-num="1" class="cj-li">复检结果</div>
		        		<div data-num="2" class="cj-li">初检询问</div>
		        		<!--<div data-num="3" class="cj-li">妊娠图</div>-->
		     		</div>
		    	</div>
			</aside>
		  	<!-- 主页面容器 -->
		  	<div class="mui-inner-wrap">
		  		<div id="main_text" class="mui-scroll-wrapper mui-content">
		    		<div class="mui-scroll" id="viewContain" ms-controller="template">
				    	
				    </div>
				</div>
				<div class="mui-off-canvas-backdrop"></div>
				<div class="cj-menu"></div>
		  	</div>
		</div>
		
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js" ></script>
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../huanzhe/js/avalon.modern.js"></script>
		<script src="../js/avalon-help.js"></script>
		<script src="../js/chanjianjieguo.js"></script>
	</body>
</html>

html/fybj/html/jiezhongjilu.html

@@ -0,0 +1,101 @@
<!doctype html>
<html>
	<head>
	    <meta charset="utf-8" />
	    <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/mui.min.css" type="text/css" />
	    <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
		<link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" href="../css/yimiaoxiangqing.css" type="text/css" />
	</head>
	<body>
		<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1>接种记录</h1>
			</div>
		</div>
		<div class="ym-main">
			<div class="my-head">
				<div class="up">
					<div class="left"><img src="../../../images/p-female.png" alt="" /></div>
					<div class="right">
						<div>姓名：<span>张三</span></div>
						<div>性别：<span>男</span></div>
						<div>出生日期：<span>2017-03-19</span></div>
						<div>年龄：<span>二月零28天</span></div>
					</div>
				</div>
				<div class="down">
					<div>新生儿条形码：0019284475</div>
					<div>身份证号：350400201609090909</div>
				</div>
			</div>
			<div class="ym-section">
				<div class="head">
					<div>接种疫苗</div>
					<div>乙肝</div>
				</div>
				<div class="head">
					<div>需接种针次</div>
					<div>三次</div>
				</div>
			</div>
			<div class="jz-one">
				<div class="title">第一次</div>
				<div class="ym-section">
					<div class="head">
						<div>接种时间</div>
						<div>2017-03-01</div>
					</div>
					<div class="head">
						<div>接种医生</div>
						<div>李四</div>
					</div>
					<div class="head">
						<div>接种方式</div>
						<div>口服</div>
					</div>
				</div>
			</div>
			<div class="jz-one">
				<div class="title">第二次</div>
				<div class="ym-section">
					<div class="head">
						<div>接种时间</div>
						<div>2017-03-01</div>
					</div>
					<div class="head">
						<div>接种医生</div>
						<div>李四</div>
					</div>
					<div class="head">
						<div>接种方式</div>
						<div>口服</div>
					</div>
				</div>
			</div>
			<div class="jz-one">
				<div class="title">第三次</div>
				<div class="ym-section">
					<div class="head">
						<div>接种时间</div>
						<div class="gray">未到年龄</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	
	<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/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/template.js" ></script>
	<script type="text/javascript" src="../js/yimiaoxiangqing.js" ></script>
</html>