body {
	font-family: microsoft yahei, 微软雅黑
}

body,
ul,
li,
ol,
img {
	margin: 0;
	padding: 0
}

li {
	list-style: none
}

body>h5 {
	margin-left: 20px
}

.example {}

.example ol {
	position: relative;
	width: 80px;
	height: 20px;
	top: -30px;
	left: 47%
}

.example ol li {
	float: left;
	width: 10px;
	height: 10px;
	margin: 5px;
	background: #fff
}

.example ol li.seleted {
	background: #007ddd;
}

.example1 {}

.example1 ol {
	position: relative;
	width: 80px;
	height: 20px;
	top: -30px;
	left: 60px
}

.example1 ol li {
	float: left;
	width: 10px;
	height: 10px;
	margin: 5px;
	background: #fff
}

.example1 ol li.seleted {
	background: #1aa4ca;
}

.example2 {}

.example2 ol {
	position: relative;
	width: 80px;
	height: 20px;
	top: -30px;
	left: 60px
}

.example2 ol li {
	float: left;
	width: 10px;
	height: 10px;
	margin: 5px;
	background: #fff
}

.example2 ol li.seleted {
	background: #1aa4ca;
}