@media screen and (max-width: 1420px) { body .page .custom-pagination { height: 2.5rem; font-size: 1rem; position: unset; display: flex; width: 100%; left: 0; margin: 0 !important; } body .page .custom-pagination a.prev-page, body .custom-pagination a.next-page { display: block; float: left; width: 4.2rem; height: 2.5rem; line-height: 2.5rem; background-color: #6c7586; border: 1px solid #f0f0f0; cursor: pointer; vertical-align: middle; color: #fff; text-decoration: none } body .page .custom-pagination ul{ height: unset; } body .page .custom-pagination ul li { display: inline-block; font-size: 1rem; min-width: 2rem; padding: 0 .5re; color: #666666; line-height: 2.5rem; margin-left: .5rem; cursor: pointer; vertical-align: top; /* width: 34px; */ height: 2.5rem; background-color: #ffffff; border: solid 1px #c6e0ec; } body .page .custom-pagination ul li.current-page { color: #fff; line-height: 2.5rem; background-color: #0084ce; border: solid 1px #c6e0ec; } body .page .custom-pagination a.prev-page { margin-right: 5px } body .page .custom-pagination a.next-page { margin-left: 5px } } .page { position: relative } .page .custom-pagination, .page.custom-pagination ul, .page .custom-pagination ul li, .page .custom-pagination .page-to input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box } .page .custom-pagination { height: 34px; color: #666; text-align: center; font-size: 14px; position: absolute; top: 0; left: 50% } .page .custom-pagination ul { float: left; height: 34px; list-style: none; padding: 0; margin: 0; font-size: 0; overflow: hidden; white-space: no-wrap } .page .custom-pagination ul li { display: inline-block; font-size: 16px; min-width: 30px; padding: 0 10px; color: #666666; line-height: 34px; margin-left: 10px; cursor: pointer; vertical-align: top; /* width: 34px; */ height: 34px; background-color: #ffffff; border: solid 1px #c6e0ec; } .page .custom-pagination ul li:first-child { margin-left: 0 } .page .custom-pagination ul li.current-page { color: #fff; line-height: 34px; background-color: #0084ce; border: solid 1px #c6e0ec; } .page .custom-pagination ul li:hover { background-color: #4596ce; color: #fff; background-color: #0084ce; border: solid 1px #c6e0ec; } .page .custom-pagination a.prev-page, .custom-pagination a.next-page { display: block; float: left; width: 70px; height: 32px; line-height: 32px; background-color: #6c7586; border: 1px solid #f0f0f0; cursor: pointer; vertical-align: middle; color: #fff; text-decoration: none } .page .custom-pagination a.prev-page { margin-right: 10px } .page .custom-pagination a.next-page { margin-left: 10px } .page .custom-pagination a.prev-page:hover, .page .custom-pagination a.next-page:hover { /* background-color: #4596ce; color: #fff */ } .page .custom-pagination ul li.ellipsis { background-color: transparent; border: 0; cursor: default; line-height: 18px; font-size: 20px } .page .custom-pagination ul li.ellipsis:hover { background-color: transparent; border: 0; cursor: default; line-height: 18px; font-size: 20px; color: #666 } .page .custom-pagination .page-to { width: 166px; height: 30px; line-height: 30px; float: left; margin-left: 20px } .page .custom-pagination .page-to input { display: inline-block; width: 40px; height: 30px; line-height: 28px; background-color: #fafafa; border: 0; border: 1px solid #f0f0f0; vertical-align: middle; margin: 0 10px; padding: 0 5px } .page .custom-pagination .page-to input:focus { outline: 0 } .page .custom-pagination .page-to span { vertical-align: middle; display: inline-block; width: 40px; height: 30px; line-height: 28px; background-color: #fafafa; border: 1px solid #f0f0f0; cursor: pointer; margin-left: 10px } .page .custom-pagination .page-to span:hover { background-color: #4596ce; color: #fff }