phpcms修改分页样式

<div class="pagination">
    <ul>
        {pc:content action="lists" catid="{$catid}" order="id DESC" num="20" page="$page"}
        {loop $data $r}
            <li><a href="{$r['url']}">{$r['title']}</a></li>
        {/loop}
        {/pc}
    </ul>
</div>

<div class="pagination">
    <ul>
        {pc:content action="lists" catid="{$catid}" order="id DESC" num="20" page="$page"}
        {loop $data $r}
            <li><a href="{$r['url']}">{$r['title']}</a></li>
        {/loop}
        {/pc}
    </ul>
</div>

.pagination {
    text-align: center;
    margin-top: 20px;
}

.pagination ul {
    list-style: none;
    padding: 0;
}

.pagination li {
    display: inline-block;
    margin-right: 10px;
}

.pagination a {
    text-decoration: none;
    color: #333;
    padding: 5px 10px;
    border: 1px solid #ccc;
}

.pagination a:hover {
    background-color: #f0f0f0;
}