.comp-pagination{margin-top:40px}@media(max-width: 600px){.comp-pagination{margin-top:20px}}.comp-pagination{display:flex;position:relative;justify-content:center;overflow:visible;z-index:calc(var(--level-low) + 10)}.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,.2);position:absolute;left:0;top:0;width:100%;height:100%}.pagination-popper{overflow-y:auto;width:44px;box-shadow:0 2px 5px 0 rgba(0,10,30,.1);border:solid 1px #ebecf1;background-color:#fff;cursor:pointer;font-size:14px}.pagination-popper::-webkit-scrollbar{width:4px}.pagination-popper::-webkit-scrollbar-thumb{display:block;background-color:rgba(32,36,55,.2);border-radius:6px;border:none;outline:none}.pagination-popper a,.pagination-popper span{color:var(--color-label);text-align:center;display:block;height:40px;width:100%;line-height:40px;cursor:pointer}.pagination-popper a:hover,.pagination-popper span:hover{background-color:#f5f6fa}.pagination-popper.template1 a:hover,.pagination-popper.template1 span: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 .page li{border:solid 1px #d5d5d5}.comp-pagination.template1 .page li a,.comp-pagination.template1 .page li span{display:block;cursor:pointer}.comp-pagination.template1 .page li:hover{background-color:#ececec}.comp-pagination.template1 .page li.active{color:#fff;background-color:var(--color-theme);border-color:var(--color-theme)}.comp-pagination.template1 .page li.iconfont{font-size:18px;width:30px;height:30px;line-height:30px}.comp-pagination.template1 .page li.iconfont.page-left{transform:rotate(90deg);margin-right:var(--gap)}.comp-pagination.template1 .page li.iconfont.page-right{transform:rotate(-90deg);margin-left:var(--gap)}
.comp-pagination{margin-top:40px}@media(max-width: 600px){.comp-pagination{margin-top:20px}}.comp-pagination{display:flex;position:relative;justify-content:center;overflow:visible;z-index:calc(var(--level-low) + 10)}.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,.2);position:absolute;left:0;top:0;width:100%;height:100%}.pagination-popper{overflow-y:auto;width:44px;box-shadow:0 2px 5px 0 rgba(0,10,30,.1);border:solid 1px #ebecf1;background-color:#fff;cursor:pointer;font-size:14px}.pagination-popper::-webkit-scrollbar{width:4px}.pagination-popper::-webkit-scrollbar-thumb{display:block;background-color:rgba(32,36,55,.2);border-radius:6px;border:none;outline:none}.pagination-popper a,.pagination-popper span{color:var(--color-label);text-align:center;display:block;height:40px;width:100%;line-height:40px;cursor:pointer}.pagination-popper a:hover,.pagination-popper span:hover{background-color:#f5f6fa}.pagination-popper.layout1 a:hover,.pagination-popper.layout1 span:hover{border:1px solid var(--g-primary-color)}.comp-pagination.layout1{--gap: var(--calc-gap, 15px)}.comp-pagination.layout1:not(.showMap){margin-bottom:80px}@media(max-width: 800px){.comp-pagination.layout1:not(.showMap){margin-bottom:40px}}.comp-pagination.layout1 .page-num+.page-num{margin-left:var(--gap)}.comp-pagination.layout1 .page li{color:var(--g-text-color);border:1px solid var(--g-tip-color)}.comp-pagination.layout1 .page li a,.comp-pagination.layout1 .page li span{display:block;cursor:pointer}.comp-pagination.layout1 .page li:hover{border:1px solid var(--g-primary-color)}.comp-pagination.layout1 .page li.active{color:var(--g-primary-color);border:1px solid var(--g-primary-color)}.comp-pagination.layout1 .page li.active::after{display:none}.comp-pagination.layout1 .page li.iconfont{font-size:12px;width:30px;height:30px;line-height:30px}.comp-pagination.layout1 .page li.iconfont.page-left{transform:rotate(90deg);margin-right:var(--gap)}.comp-pagination.layout1 .page li.iconfont.page-right{transform:rotate(-90deg);margin-left:var(--gap)}
.comp-pagination{margin-top:40px}@media(max-width: 600px){.comp-pagination{margin-top:20px}}.comp-pagination{display:flex;position:relative;justify-content:center;overflow:visible;z-index:calc(var(--level-low) + 10)}.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,.2);position:absolute;left:0;top:0;width:100%;height:100%}.pagination-popper{overflow-y:auto;width:44px;box-shadow:0 2px 5px 0 rgba(0,10,30,.1);border:solid 1px #ebecf1;background-color:#fff;cursor:pointer;font-size:14px}.pagination-popper::-webkit-scrollbar{width:4px}.pagination-popper::-webkit-scrollbar-thumb{display:block;background-color:rgba(32,36,55,.2);border-radius:6px;border:none;outline:none}.pagination-popper a,.pagination-popper span{color:var(--color-label);text-align:center;display:block;height:40px;width:100%;line-height:40px;cursor:pointer}.pagination-popper a:hover,.pagination-popper span:hover{background-color:#f5f6fa}.pagination-popper.broker a:hover,.pagination-popper.broker span:hover{background-color:#ececec}.comp-pagination.broker{--gap: var(--calc-gap, 15px)}.comp-pagination.broker .page-num+.page-num{margin-left:var(--gap)}.comp-pagination.broker .page li{background:#f3f3f3;color:#505050;border-radius:5px}.comp-pagination.broker .page li a,.comp-pagination.broker .page li span{display:block;cursor:pointer}.comp-pagination.broker .page li:hover{background-color:#ececec}.comp-pagination.broker .page li.active{color:#fff;background-color:var(--color-theme)}.comp-pagination.broker .page li.iconfont{font-size:12px;width:30px;height:30px;line-height:30px}.comp-pagination.broker .page li.iconfont.page-left{transform:rotate(90deg);margin-right:var(--gap)}.comp-pagination.broker .page li.iconfont.page-right{transform:rotate(-90deg);margin-left:var(--gap)}
.comp-pagination{margin-top:40px}@media(max-width: 600px){.comp-pagination{margin-top:20px}}.comp-pagination{display:flex;position:relative;justify-content:center;overflow:visible;z-index:calc(var(--level-low) + 10)}.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,.2);position:absolute;left:0;top:0;width:100%;height:100%}.pagination-popper{overflow-y:auto;width:44px;box-shadow:0 2px 5px 0 rgba(0,10,30,.1);border:solid 1px #ebecf1;background-color:#fff;cursor:pointer;font-size:14px}.pagination-popper::-webkit-scrollbar{width:4px}.pagination-popper::-webkit-scrollbar-thumb{display:block;background-color:rgba(32,36,55,.2);border-radius:6px;border:none;outline:none}.pagination-popper a,.pagination-popper span{color:var(--color-label);text-align:center;display:block;height:40px;width:100%;line-height:40px;cursor:pointer}.pagination-popper a:hover,.pagination-popper span:hover{background-color:#f5f6fa}.pagination-popper.fashion{font-size:16px}.comp-pagination.fashion .page li{font-size:16px}.comp-pagination.fashion .page li a,.comp-pagination.fashion .page li span{display:block;cursor:pointer}.comp-pagination.fashion .page li.page-num{width:35px}.comp-pagination.fashion .page li.icon-arrow-up{padding:0 10px;font-size:18px;font-weight:600}.comp-pagination.fashion .page li.icon-arrow-up.page-left{transform:rotate(-90deg)}.comp-pagination.fashion .page li.icon-arrow-up.page-right{transform:rotate(90deg)}
.comp-pagination{margin-top:40px}@media(max-width: 600px){.comp-pagination{margin-top:20px}}.comp-pagination{display:flex;position:relative;justify-content:center;overflow:visible;z-index:calc(var(--level-low) + 10)}.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,.2);position:absolute;left:0;top:0;width:100%;height:100%}.pagination-popper{overflow-y:auto;width:44px;box-shadow:0 2px 5px 0 rgba(0,10,30,.1);border:solid 1px #ebecf1;background-color:#fff;cursor:pointer;font-size:14px}.pagination-popper::-webkit-scrollbar{width:4px}.pagination-popper::-webkit-scrollbar-thumb{display:block;background-color:rgba(32,36,55,.2);border-radius:6px;border:none;outline:none}.pagination-popper a,.pagination-popper span{color:var(--color-label);text-align:center;display:block;height:40px;width:100%;line-height:40px;cursor:pointer}.pagination-popper a:hover,.pagination-popper span:hover{background-color:#f5f6fa}.comp-pagination.standard{margin-top:60px}.comp-pagination.standard .page{border:solid 1px #e1e2e6;border-radius:4px}.comp-pagination.standard .page li{color:#515666;min-width:32px}.comp-pagination.standard .page li a,.comp-pagination.standard .page li span{display:block;cursor:pointer}.comp-pagination.standard .page li:hover{background-color:#f8f9fd}.comp-pagination.standard .page li.page-left,.comp-pagination.standard .page li.page-right{width:52px;height:36px;line-height:36px}.comp-pagination.standard .page li.disabled{cursor:initial}.comp-pagination.standard .page li.disabled .iconfont{color:#dbdde2}.comp-pagination.standard .page-left{border-right:solid 1px #e1e2e6;border-radius:4px 0 0 4px}.comp-pagination.standard .page-left .icon-arrow-down{display:inline-block;transform:rotate(90deg)}.comp-pagination.standard .page-right{border-left:solid 1px #e1e2e6;border-radius:0 4px 4px 0}.comp-pagination.standard .page-right .icon-arrow-down{display:inline-block;transform:rotate(-90deg)}
