.page-box .total-items{color:#696b6f;margin-right:10px}.page-box .total-items span{display:inline-block;margin:0 5px}.page-box .total-items:hover span{color:#696b6f}.page-box ul li{font-size:14px}.page-box ul li:hover span{color:#fff}.page-box ul li.page-size{align-items:center;border:1px solid #d1d5db;color:#696b6f;display:flex;height:30px;margin-right:10px;padding:0;position:relative}.page-box ul li.page-size select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:none;cursor:pointer;height:100%;line-height:30px;outline:none;padding:0 40px 0 20px;text-align:left;width:100%}.page-box ul li.page-size select::-ms-expand{display:none}.page-box ul li.page-size:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #696b6f;content:"";height:0;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0}.page-box ul li.keep-color:hover span{color:rgb(55 65 81/var(--tw-text-opacity,1))}.page-box ul .page-btn{display:block;height:30px;width:30px}.page-box .goto{color:#696b6f;line-height:30px;margin-left:10px}.page-box .goto input{border:1px solid #ccc;color:#696b6f;display:inline-block;height:30px;margin:0 3px;max-width:60px;outline:none;padding:0 10px;text-align:center;text-overflow:ellipsis}.page-box .goto input:focus{outline:none}@media(max-width:560px){.page-box{align-items:baseline;flex-direction:column;gap:10px;text-align:left}.page-box,.page-box .goto,.page-box .total-items{width:100%}}