.slick-pager { width: 100%; height: 30px; border-top: 0; vertical-align: middle; font-size: 12px; } .slick-pager .slick-pager-nav { float: right; height: 30px; } .slick-pager .slick-pager-nav>button { text-decoration: none; display: inline-block; overflow: hidden; border-width: 0; cursor: pointer; outline: none; text-align: center; line-height: 30px; color: #1890ff; background: transparent; background-repeat: repeat-x; background: none; background-repeat: repeat-x; margin: auto 5px; } .slick-pager .slick-pager-nav>span { margin: auto 5px; } .slick-pager .slick-pager-allPage { font-weight: bold; } span.slick-pager-currentPage { color: #4886cd; } .slick-pager .slick-pager-settings { display: block; float: right; padding: 2px; } .slick-pager .slick-pager-settings * { vertical-align: middle; } .slick-pager .slick-pager-settings a { padding: 2px; text-decoration: underline; cursor: pointer; } .slick-pager-text { line-height: 30px; float: right; color: rgba(0, 0, 0, 0.65); margin-right: 5px; } .slick-pager-text .slick-pager-pageNumber, .slick-pager-allNum { color: #1890ff; } /* .slick-pager-text .slick-pager-pagination { width: 30px; } */ .slick-pager-nav input { position: relative; display: inline-block; min-width: 0; color: rgba(0, 0, 0, .65); line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; -webkit-transition: all .3s; transition: all .3s; width: 40px; margin: 0 6px; outline-width: 0; } .slick-pager-nav input:hover, .slick-pager-nav input:focus { border-color: #40a9ff; border-right-width: 1px !important; } .slick-pager-nav .slick-pager-currentBox { line-height: 30px; display: inline-block; }