/*reset*/ body{font-family: "microsoft yahei","微软雅黑";} body,ul,li,ol,img{margin: 0;padding: 0;} li{list-style: none;} /*example*/ .example{} .example ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;} .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;}