.page-division{background-color:#fff;flex-flow:wrap;justify-content:space-between;align-items:center;margin-top:10px;padding:15px;display:flex}.page-division .per-page{flex-direction:row;align-items:center;display:flex}.page-division .per-page span{color:#333;margin:0 5px;font-size:14px}.page-division .per-page .input-item-per-page{text-align:center;color:#333;border:1px solid #ddd;border-radius:4px;width:70px;height:26px;margin:0 0 0 10px;padding:0 5px}.page-division .page-number{flex-direction:row;align-items:center;gap:2px;display:flex}.page-division .page-number .text-blur{color:#999;background-color:#fff;justify-content:center;align-items:center;margin:0 2px;font-size:14px;display:flex}.page-division .page-number .page-index{color:#333;margin:0 16px;font-weight:500}.page-division .page-number .input-go-to-page{color:#333;text-align:center;border:1px solid #ddd;border-radius:4px;width:40px;height:28px;margin:0 0 0 2px;padding:0 5px}.page-division .page-number .page-button{cursor:pointer;color:#333;background-color:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;height:28px;margin:0 2px;padding:3px 10px;font-size:14px;transition:all .2s;display:flex}.page-division .page-number .page-button:hover:not(:disabled){background-color:#f3f4f6}.page-division .page-number .page-button:disabled{opacity:.5;cursor:not-allowed}.page-division .page-number .page-button.page-button-primary{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.page-division .page-number .page-button.page-button-primary:hover{background-color:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.page-division .page-number .page-button.page-button-outline{color:#333;background-color:#fff;border:1px solid #ddd}.page-division .page-number .page-button.page-button-outline:hover{background-color:#f3f4f6}.page-division .page-number .page-button.page-button-ghost{color:#333;background-color:#0000;border:1px solid #0000;margin:0 2px;padding:3px 10px}.page-division .page-number .page-button.page-button-ghost:hover:not(:disabled){background-color:#f3f4f6}.page-division .page-number .page-button.page-button-ghost:disabled{color:#999}.not-page-size{justify-content:center}@media only screen and (max-width:768px){.page-division{flex-direction:column;gap:12px;padding:12px 8px}.page-division .per-page{flex-wrap:wrap;justify-content:center;gap:5px;width:100%}.page-division .per-page span{margin:0 3px;font-size:12px}.page-division .per-page .input-item-per-page{width:60px;height:28px;margin-left:5px;font-size:12px}.page-division .page-number{flex-wrap:wrap;justify-content:center;gap:4px;width:100%}.page-division .page-number .text-blur{margin:0 1px;font-size:12px}.page-division .page-number .page-index{margin:0 8px;font-size:12px}.page-division .page-number .input-go-to-page{width:35px;height:28px;margin-left:1px;font-size:12px}.page-division .page-number .page-button{min-width:32px;height:32px;margin:0 1px;padding:4px 8px;font-size:12px}.page-division .page-number .page-button.page-button-ghost{padding:4px 6px}}@media only screen and (max-width:480px){.page-division{padding:10px 4px}.page-division .per-page span{font-size:11px}.page-division .per-page .input-item-per-page{width:50px;height:26px;font-size:11px}.page-division .page-number{gap:3px}.page-division .page-number .text-blur:not(.page-index),.page-division .page-number .page-button-outline:nth-child(n+6){display:none}.page-division .page-number .page-button{min-width:28px;height:28px;padding:4px 6px;font-size:11px}.page-division .page-number .page-index{margin:0 4px;font-size:11px}.page-division .page-number .input-go-to-page{width:30px;height:26px;font-size:11px}}