/*reset*/


/*example*/
.example{}
.example ol{position:relative;width: 80px;height: 20px;top:-25px;left:180px;}
.example ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;border-radius: 10px;}
.example ol li.seleted{background: #1AA4CA;}

.example1{}
.example1 ol{position:relative;width: 80px;height: 20px;}
.example1 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;border-radius: 10px;}
.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;}


.example12{}

.example12 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;border-radius: 10px;}
.example12 ol li.seleted{background: #1AA4CA;}