/*reset*/
body{
	margin: 0px;
}
ul,li,ol,img{margin: 0;padding: 0;}
li{list-style: none;}



/*example*/
.example{
	height: 490px;
	width: 1010px;
}
.example ol{
	position:absolute;
	width: 1010px;
	height: 20px;
	top:460px;
	left:0px;
	margin-right: auto;
	margin-left: auto;
	
	display: flex;
    justify-content: center;
    align-items: center;
}
.example ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example ol li.seleted{background: #1AA4CA;}

.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;}