html,body,ul,li,img,a,p,div,input,form,h1,h2,h3,h4,span,p{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

h2{
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	position: absolute;

}
h3{
	display: block;
	font-size: 1.17em;
	font-weight: bold;
}
body{
	font-family: 'Microsoft YaHei', Arial, sans-serif;
	font-size: 13px;
	background-color: #eee;
}
hr{
	border: none;
	outline: none;
	height: 1px;
	background-color: rgba(204, 204, 204, 0.5);
}
a{
	text-decoration: none;
	color: #666;
}
a:hover{
	color: #0f88eb;
	text-decoration: none;
	cursor: pointer;
}
label{
	cursor:text;
}
span{
	cursor: pointer;
}
ul{
	list-style: none;
	display: inline;
}

textarea,
input{
	outline: none;
	border: none;
	border: 1px solid #ccc;
	box-shadow:0px 0px 1px #ccc;
	padding: 10px;
	font-family: 'Yahei';
	font-size: 14px;
}
textarea:focus,
input:focus{
	border: 1px solid rgba(15,136,235,0.5);
	box-shadow:0px 0px 1px rgba(15,136,235,0.4);
}
.clearfix::before,
.clear::after{
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
	/* transform: rotate3d(0, 0, 0, angle) */
	transform: rotate(7deg)
}


.fl{
	float: left;
}
.fr{
	float: right;
}
.v-center{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.vBetween{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.center{
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	margin: auto;
}

.test1111{
	animation-duration: 0.9s;
}