<style>
#pageGro{ width:400px; height:25px; margin:0px auto; padding-top:60px;margin-bottom:74px;}
#pageGro div,#pageGro div ul li{ font-size:12px;color:#000; line-height:24px; float:left; margin-left:5px;}
#pageGro div ul li{ width:22px; text-align:center; border:1px solid #959595; cursor:pointer;}
#pageGro div ul li.on{ color:#fff; background:#3c90d9; border:1px solid #3c90d9;}
#pageGro .pageUp,#pageGro .pageDown{ width:63px; border:1px solid #999; cursor:pointer;text-align:center}
.downpage {
margin: 50px auto;
margin-bottom: 20px;
width: 78px;
height: 34px;
}
.downpage li:first-child {
margin-left: 0px;
}
.downpage li {
float: left;
margin-left: 10px;
}
.downpage li a.blue {
color: #0195ff;
}
.downpage li a {
float: left;
display: block;
color: #7e7b7b;
width: 32px;
text-align: center;
height: 32px;
line-height: 32px;
border: 1px solid #eee;
}
.clearfix{
display: block;
width: 0;
height: 0;
overflow: hidden;
clear: both;
}
*{margin: 0; padding: 0;}
body{
font-family: Arial,"Microsoft YaHei","微软雅黑",sans-serif;
background-color: #fff;
min-width:1080px;
}
li{list-style: none;}
a{text-decoration: none;}
</style>
</head><body>
<div class="downpage">
<ol>
<li>
<a href="culture.html" class="blue">1</a>
</li>
<li>
<a href="index.html">2</a>
</li>
</ol>
</div>
<div class="clearfix"></div>
</div>
</div>
<script type="text/javascript" src="js/pageGroup.js" ></script>
</body>
</html