@charset "utf-8";
* {
	margin: 0;
	outline: 0;
	padding: 0;
	font-size: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);
	color: #777;
	font-size: 14px;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:focus {
	outline: none
}
a:hover, a:active {
	outline: none
}
:focus {
	outline: none
}
a:link {
	color: #777;
}
a:visited {
	color: #777;
}
a:hover {
	color: #777;
}
a:active {
	color: #777;
}
img {
	outline: none;
	vertical-align: top;
}
html {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body, .submit {
	font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;
	color: #777;
	font-size: 14px;
}
html, body {
	background: #fff;
	max-width: 800px;
	margin: auto
}
.center{
	min-width:320px;
	max-width:800px;
	margin:auto;
}
ul, li {
	list-style: none;
	outside: none;
}
em, i {
	font-style: normal
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none;
}
h1, h2, h3, h4, h5, h6, em, i {
	font-style: normal;
	font-weight: normal;
}
.clear {
	clear: both;
	height: 0
}
a,a:hover,li,li:hover{
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	*zoom: 1;
}
.clearfix {
	display: block;
}
.dis_none {
	display: none;
}
.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.center {
	max-width: 800px;
	margin: 0 auto;
}
.wrapper{
	padding: 0 3%;
}
.f-l {
	float: left
}
.f-r {
	float: right
}

.img img{
	width: 100%;
}