html,
body {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	font-family: "microsoft yahei","Droid Sans" "Helvetica Neue",Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    font-size: 62.5%;
  
	color: #888888;
}
* {
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
	text-decoration: none
}
a:link,
a:hover,
a:visited {
	color: inherit;
}

#app {
	width: 100%;
	height: 100%;
	max-width: 600px;
	margin: 0 auto;
	font-size: 14px;
}


em {
	font-style: normal;
}

body>div:nth-child(1) {
	height: 100%;
}

.page {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: auto;
	font-size: 1.6rem;
	max-width: 800px;
	-webkit-overflow-scrolling: touch;
	opacity: 0;
}

.inpage {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: rgba(255, 255, 255, 0.8);
	overflow: auto;
}

.flexcenter {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	/* 水平居中*/
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-pack: center;
	/* IE 10 */
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
	/* 垂直居中 */
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-align: center;
	/* IE 10 */
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}

.flexleft {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	/* 水平居中*/
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-pack: start;
	/* IE 10 */
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
	/* 垂直居中 */
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-align: center;
	/* IE 10 */
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}

.flexright {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	/* 水平居中*/
	-webkit-box-align: end;
	-moz-box-align: end;
	-ms-flex-pack: end;
	/* IE 10 */
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	justify-content: flex-end;
	/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
	/* 垂直居中 */
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-align: center;
	/* IE 10 */
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}


/*弹框*/

.fullmask {
	position: fixed;
	z-index: 101;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.7);
	display: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.inline {
	display: inline-block;
}

.block {
	display: block;
}

.cover {
	background-size: 100% 100%;
}

.fullmask {
	position: fixed;
	z-index: 101;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.7);
	display: none;
}

.walert {
	position: fixed;
	z-index: 101;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.7);
	display: none;
}

.fullmask>table {
	width: 90%;
	margin-left: 5%;
	height: 100%;
}

.fullmask img {
	width: 100%;
}

.alert {
	width: 80%;
	background-color: #FFFFFF;
	margin: 0 auto;
	font-size: 1.4rem;
	border-radius: 10px;
}

.tblank {
	width: 100%;
	height: 12rem;
}

.alerttitle {
	width: 100%;
	height: 6rem;
	line-height: 6rem;
	text-align: center;
	font-size: 1.6rem;
}

.alertcontent {
	width: 90%;
	min-height: 50px;
	padding: 10px 5% 20px 5%;
	text-align: center;
	font-size: 1.3rem;
}

.alertbtn {
	width: 100%;
	height: 6rem;
	line-height: 6rem;
	letter-spacing: 1rem;
	text-align: center;
	font-size: 1.6rem;
	background-color: #fff;
	color: #e60012;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-sizing: border-box;
	border-top: 1px solid #eeeeee;
}

.okBtn {
	width: 100%;
	height: 100%;
}

.confirmBtn {
	width: 48%;
	padding-left: 1%;
	float: left;
	height: 100%;
	height: 100%;
}

.cancelBtn {
	width: 48%;
	padding-right: 1%;
	float: left;
	height: 100%;
	height: 100%;
	border-bottom-right-radius: 10px;
	color: #888888;
}

.ded {
	width: 2%;
	float: left;
	height: 100%;
	color: #eeeeee;
}

.ded:after {
	content: "|";
}

.toast {
	width: 80%;
	position: fixed;
	bottom: 28rem;
	left: 10%;
	text-align: center;
	border-radius: 0.4rem;
	background-color: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	padding: 0.5rem;
	z-index: 999;
}

#loading{
	position: fixed;
	width: 10%;
	left: 45%;
	z-index: 100;
	top: 50%;
	animation:loading 1s linear infinite ;
	-webkit-animation:loading 1s linear infinite ;
	
	
}
#loading img{ width: 100%; background: #FFFFFF; border-radius: 50%;}

@keyframes loading{
	0%{transform: rotateZ(0deg);}
	50%{transform: rotateZ(180deg);}
	100%{transform: rotateZ(360deg);}
}
@-webkit-keyframes loading{
	0%{transform: rotateZ(0deg);}
	50%{transform: rotateZ(180deg);}
	100%{transform: rotateZ(360deg);}
}