.comp-pagination{margin-top:40px;display:flex;position:relative;justify-content:center;overflow:visible;z-index:calc(var(--level-low) + 10)}@media (max-width: 600px){.comp-pagination{margin-top:20px}}.comp-pagination .page{display:flex;align-items:center}.comp-pagination .page .page-num+.page-num{margin-left:3px}.comp-pagination .page li{user-select:none;color:var(--color-label);text-align:center;font-size:14px;cursor:pointer;display:inline-block;min-width:30px;height:30px;line-height:30px;color:#282828}.comp-pagination .page li.active{color:var(--color-theme);font-weight:900;position:relative}.comp-pagination .page li.active::after{content:'';background:rgba(168,168,168,0.2);position:absolute;left:5px;top:4px;width:24px;height:24px}.pagination-popper{overflow-y:auto;max-height:200px;width:44px;box-shadow:0 2px 5px 0 rgba(0,10,30,0.1);border:solid 1px #ebecf1;background-color:#ffffff;cursor:pointer;font-size:14px}.pagination-popper::-webkit-scrollbar{width:4px}.pagination-popper::-webkit-scrollbar-thumb{display:block;background-color:#20243733;border-radius:6px;border:none;outline:none}.pagination-popper li{color:var(--color-label);text-align:center;display:block;height:40px;line-height:40px}.pagination-popper li:hover{background-color:#f5f6fa}.pagination-popper.template1 li:hover{background-color:#ececec}.comp-pagination.template1{margin-top:60px;--gap: var(--calc-gap, 15px)}.comp-pagination.template1 .page-num+.page-num{margin-left:var(--gap)}.comp-pagination.template1 li{border:solid 1px #d5d5d5}.comp-pagination.template1 li a{display:block}.comp-pagination.template1 li:hover{background-color:#ececec}.comp-pagination.template1 li.active{color:white;background-color:var(--color-theme);border-color:var(--color-theme)}.comp-pagination.template1 li.iconfont{font-size:18px;width:30px;height:30px;line-height:30px}.comp-pagination.template1 li.iconfont.page-left{transform:rotate(90deg);margin-right:var(--gap)}.comp-pagination.template1 li.iconfont.page-right{transform:rotate(-90deg);margin-left:var(--gap)}