/* ============·­Ò³============== */

div#showpages {
clear:both;
padding:10px 0px;
margin:0px 0px 10px 0px;
width:100%;
height:auto;
background:#f7f7f7;
overflow:hidden;
}

div#pagesinfo {
color:#028B49;
float:left;
padding:3px 8px;
white-space: nowrap;
font-size:14px;
line-height:30px;  /* 增加行高与按钮匹配 */
background:#f7f7f7;
}

div#pages {
float:right;
padding-right:8px;
white-space: nowrap;
background:#f7f7f7;
}

div#pages ul{
margin:0;
padding:0;
float:right;
}

div#pages a:link,
div#pages a:visited,
div#pages a:active{
color:#028B49;
text-decoration: none;
font-size:14px;
display:inline-block;
line-height:28px;  /* 与按钮高度匹配 */
}

div#pages a:hover{
color:#ff0000;
text-decoration: none;
}

/* 统一所有按钮高度为28px (26px + 2px) */
div#pages li{
margin:3px;
padding:0px 8px;  /* 左右内边距稍微增加 */
list-style-type: none;
float:left;
background:#ffffff;
color:#028B49;
border:1px #FF6900 solid;
white-space: nowrap;
font-size:14px;
height:28px;  /* 从26px增加到28px */
line-height:26px;  /* 行高调整 (28px - 上下边框2px) */
box-sizing:border-box;
}

div#pages li.pagesnow{
color:#fff;
background-color:#FF6900;
white-space: nowrap;
border:1px #fff solid;
font-size:14px;
height:28px;  /* 从26px增加到28px */
line-height:26px;
box-sizing:border-box;
padding:0px 8px;
}

div#pages li.pbutton{
color:#028B49;
background-color:#fff;
padding:0px 8px;
white-space: nowrap;
border:1px #FF6900 solid;
font-size:14px;
height:28px;  /* 从26px增加到28px */
line-height:26px;
box-sizing:border-box;
}

div#pages li.opt{
color:#028B49;
padding:0px 4px;
white-space: nowrap;
border:0px;
font-size:14px;
height:28px;  /* 从26px增加到28px */
line-height:28px;  /* 行高与高度一致 */
box-sizing:border-box;
background:transparent;
display:flex;  /* 使用flex确保垂直居中 */
align-items:center;  /* 垂直居中 */
justify-content:center;  /* 水平居中 */
}

/* 下拉页数选择框样式 - 宽度140px，高度28px */
div#pages select {
width:110px;  /* 从100px增加到140px */
height:28px;  /* 从26px增加到28px */
font-size:14px;
padding:0px 8px;  /* 增加内边距 */
border:1px #FF6900 solid;
color:#028B49;
background-color:#fff;
vertical-align:middle;  /* 垂直居中 */
margin:0;  /* 移除外边距 */
box-sizing:border-box;
cursor:pointer;
/* 恢复小三角图标 */
-webkit-appearance:menulist;
-moz-appearance:menulist;
appearance:menulist;
/* 备选自定义小三角 */
background-repeat: no-repeat;
background-position: right 8px center;
background-size: 14px;
}

div#pages select option {
font-size:14px;
padding:5px;
}

/* 确保下拉框容器正确显示 */
div#pages li.opt select {
display:block;
margin:0 auto;
width:110px;  /* 确保宽度一致 */
height:28px;  /* 确保高度一致 */
}

/* 清除浮动容器 */
.clear {
clear:both;
height:0;
line-height:0;
font-size:0;
}