.pagelist{margin:10px 0;text-align:center;line-height:30px;font-size:14px }
.pagelist a,.pagelist span{display:inline-block;margin:2px;padding:0 10px;border:1px solid #ccc;border-radius:3px;background-color:#fff;color:#666;font-size:15px;-webkit-user-select:none;user-select:none}
.pagelist em{padding-right:10px;color:#dd5114;font-style:normal}
.pagelist a,.pagelist b{color:#dd5114}
.pagelist a:active,.pagenum:active{border-color:#dd5114}
.pagelist select{padding: 6px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px;}
.pagelist{ display: none;}

@media screen and (max-width: 768px) {
.pagelist { display: block; }
ul.pagination { display: none  !important;}
}

ul.pagination::after {
  content: "";
  display: block;
  clear: both;
}

   ul.pagination {
    float: right;
    display: inline-block;
    margin:  10px 0;
    padding-right: 0;
    border-radius: 4px;
font-size: 14px;
clear: both;
}
ul.pagination + * {
  clear: both !important;
}


ul.pagination>li {
    display: inline
}

ul.pagination>li>a,ul.pagination>li>span {
    position: relative;
    float: left;
    margin-left: -1px;
    padding: 6px 9pt;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #444;
    text-decoration: none;
    line-height: 1.42857143
}

ul.pagination>li:first-child>a,ul.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

ul.pagination>li:last-child>a,ul.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

ul.pagination>li>a:focus,ul.pagination>li>a:hover,ul.pagination>li>span:focus,ul.pagination>li>span:hover {
    border-color: #ddd;
    background-color: #eee;
    color: #41a6e2
}

ul.pagination>.active>a,ul.pagination>.active>a:focus,ul.pagination>.active>a:hover,ul.pagination>.active>span,ul.pagination>.active>span:focus,ul.pagination>.active>span:hover {
    z-index: 2;
    border-color: #41a6e2;
    background-color: #41a6e2;
    color: #fff;
    cursor: default
}

ul.pagination>.disabled>a,ul.pagination>.disabled>a:focus,ul.pagination>.disabled>a:hover,ul.pagination>.disabled>span,ul.pagination>.disabled>span:focus,ul.pagination>.disabled>span:hover {
    border-color: #ddd;
    background-color: #fff;
    color: #777;
    cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 1pc;
    font-size: 18px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 9pt
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}