* {
	margin: 0;
	padding: 0
}
ul, ol, li {
	list-style: none
}
img {
	
}
input, select, textarea {
	outline: none;
	border: none;
	background: none;
	-webkit-appearance: none;
}
textarea {
	resize: none
}
a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}
* {
	font-family: Microsoft YaHei, 微软雅黑
}
img {
	width: 100%;
	vertical-align:middle;
	border: none
}
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	display: table;
	content: ""
}
.clearfix:after {
	clear: both
}
.fr {
	float: right;
	display: inline
}
.fl {
	float: left;
	display: inline
}
body{
	max-width: 16rem;
    min-width: 8rem;
    margin: 0 auto;
}
.pd20{padding:0.5rem;}
.slide{position:relative}
.slide .hd {
	position: absolute;
	bottom: 0.5rem;
	width: 100%;
	text-align: center;
}
.slide .hd ul {
	display: inline-block;
}
.slide .hd li {
	float: left;
	width: 0.4rem;
	height: 0.4rem;
	background: #fff;
	color: #fff;
	margin: 0 0.125rem;
	overflow: hidden;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	border-radius: 0.4rem;
	border: #373748 0.025em solid;
	cursor: pointer;
}
.slide .hd li.on {
	background: #373748;
	color: #373748;
}