迅睿cms 通用分页样式代码分享，复制粘帖即可
{module catid=$catid order=updatetime page=1 join=1_news_category_data on=id}
<div class="swiper-slide" style="width: 25%;">
<div class="img">
<img src="{dr_thumb($t.thumb)}" alt="">
<div class="hide">
<div class="hide-1">{$t.jiancheng}</div>
<div class="hide-2">{$t.title}</div>
<div class="hide-3">{$t.yingwenming}</div>
<div class="hide-4"><a href="{$t.url}">查看更多</a></div>
</div>
</div>
</div>
{/module}html页面：
/*分页*/
.pager {text-align: center; margin: 20px 0;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; margin: 15px 5px; border: #dddddd solid 1px; display: inline-block;}
.pager ul li a:hover {border: #3ea8e2 solid 1px; color: #3ea8e2}
.pager ul .active a {border: #3ea8e2 solid 1px; display: inline-block; background-color: #3ea8e2; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px;}
.pager ul .active a:hover {color: #fff; border: #3ea8e2 solid 1px !important;}css页面：