.pagination-box{padding:1rem 0;margin-top:1rem;display:flex;justify-content:flex-end}.pagination-box .pagination-total{display:inline-block;vertical-align:middle;line-height:calc(2rem + 4px);margin-right:1rem}.pagination-box .pagination-wrap{display:inline-block;vertical-align:middle;line-height:calc(2rem + 2px)}.pagination-box .pagination-wrap ul{border-radius:.35rem;overflow:hidden;width:auto;display:inline-flex;justify-content:flex-end;border-left:1px solid #eee;margin-bottom:0;vertical-align:middle}.pagination-box .pagination-wrap ul li{position:relative;border:1px solid #eee;border-left:none}.pagination-box .pagination-wrap ul li a{width:2em;line-height:2em;height:2em;text-align:center;display:block;color:#ff6644b3}.pagination-box .pagination-wrap ul li a:hover{color:#c1c6cd;border-color:transparent}.pagination-box .pagination-wrap ul li a:hover em{background:#c1c6cd}.pagination-box .pagination-wrap ul li a.active{background-color:#f64;color:#fff}.pagination-box .pagination-wrap ul li a em{position:absolute;left:50%;top:50%;width:6px;height:6px;background:#000;transition:all .3s}.pagination-box .pagination-wrap ul li a em:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-4px 0 0 -2px;background:#fff;transform:rotate(0)}.pagination-box .pagination-wrap ul li.first em{margin:-3px 0 0 -2px;transform:rotate(45deg)}.pagination-box .pagination-wrap ul li.last em{margin:-3px 0 0 -4px;transform:rotate(225deg)}.pagination-box .pagination-wrap ul li.disabled em{background:#c1c6cd}.__mobile .pagination-box .pagination-wrap ul{font-size:12px}
