@charset "UTF-8"; .list-pagination { padding-top: 50px; } .list-pagination ul { padding-left: 0; } .list-pagination ul li { position: relative; display: inline-block; margin-right: 5px; } .list-pagination ul li a { position: relative; display: block; line-height: 50px; font-size: 16px; width: 50px; height: 50px; color: #777777; font-weight: 500; text-align: center; background: #f4f4f4; border-radius: 4px; transition: all 500ms ease; } .list-pagination ul li input { height: 50px; width: 60px; padding: 10px 20px; font-size: 15px; line-height: 26px; color: #777777; font-weight: 400; background: #ffffff; border: 1px solid #ececec; } .list-pagination ul li input:focus { color: #212529; background-color: #fff; border-color: #ffe480; outline: 0; } .list-pagination div{height: 50px; line-height: 50px} .list-pagination ul li a.prev, .pagination ul li a.next { font-size: 18px; } .list-pagination ul li a:hover, .pagination ul li a.active { color: #ffffff; background: #F59C1A; transition: all 500ms ease; }