/* 外层容器 */
.product-pagination {
    width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
    margin-top: 20px;
}

/* 分页区域容器 */
.pagination-area {
    width: 100%;
    text-align: center;
}

/* AspNetPager 生成的容器样式 */
.pagination-container {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: inline-block !important;
    text-align: center !important;
}

    /* 分页控件外层div */
    .pagination-container{
        width: auto !important;
        display: inline-block !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    /* 自定义信息区域 - 靠左对齐，增加右边距 */
    .pagination-container .pageinfo {
        display: inline-block !important;
        margin: 0 400px 0 0 !important; /* 增加右边距为50px，加大间距 */
        padding: 8px 0 !important;
        font-size: 14px !important;
        color: #666 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
        text-align: left !important;
        float: left !important;
    }

    /* 分页按钮区域 - 居中，增加左边距 */
    .pagination-container .pagination {
        display: inline-block !important;
        margin: 0 20px 0 30px !important; /* 增加左边距为30px */
        padding: 0 !important;
        vertical-align: middle !important;
        text-align: center !important;
        position: relative; /* 相对定位，为可能需要的小调整 */
        left: 20px; /* 再向右移动20px */
    }

    /* 分页按钮和链接 - 保持紧凑间距 */
    .pagination-container a,
    .pagination-container span {
        display: inline-block !important;
        min-width: 28px !important;
        height: 28px !important;
        line-height: 26px !important;
        margin: 0 1px !important;
        padding: 0 !important;
        text-align: center !important;
        border: 1px solid #ddd !important;
        background-color: #fff !important;
        color: #333 !important;
        text-decoration: none !important;
        font-size: 12px !important;
        border-radius: 3px !important;
        box-sizing: border-box !important;
        vertical-align: middle !important;
        transition: all 0.2s ease !important;
    }

        /* 当前页样式 */
        .pagination-container span.current-page,
        .pagination-container span.cpb {
            color: #0066cc !important;
            border-color: #0066cc !important;
            border-bottom: 2px solid #0066cc !important;
            background-color: #fff !important;
            font-weight: bold !important;
        }

    /* 链接样式 */
    .pagination-container a {
        color: #0066cc !important;
    }

        .pagination-container a:hover {
            background-color: #f0f8ff !important;
            border-color: #0066cc !important;
        }

        /* 首页、上一页、下一页、尾页样式 */
        .pagination-container a[title="首页"],
        .pagination-container a[title="上一页"],
        .pagination-container a[title="下一页"],
        .pagination-container a[title="尾页"] {
            min-width: 36px !important;
            font-size: 12px !important;
        }

/* 跳转页面区域 */
.p