.ui-page-container {
    position: relative;overflow: hidden;height: 38px;margin: 10px auto 0 auto;text-align: center;
}
.ui-page-box {
    display: inline-block;
}
.ui-page-first,
.ui-page-last,
.ui-page-next,
.ui-page-prev {font-size: 12px;line-height: 38px;display: block;
    float: left;width: 38px;height: 38px;cursor: pointer;text-align: center;color: #203656;border-top: #e2e2e2 solid 1px;border-bottom: #e2e2e2 solid 1px;border-left: #e2e2e2 solid 1px;background-color: #fff;
}
.ui-page-first {
    border-radius: 6px 0 0 6px;
}
.ui-page-last {
    border-right: #e2e2e2 solid 1px;border-radius: 0 6px 6px 0;
}
.ui-page-first a,
.ui-page-last a,
.ui-page-next a,
.ui-page-prev a {line-height: 38px;
    display: block;width: 38px;height: 38px;
}
.ui-page-item {font-size: 12px;line-height: 38px;display: block;
    float: left;min-width: 38px;height: 38px;cursor: pointer;text-align: center;color: #203656;border-top: #e2e2e2 solid 1px;border-bottom: #e2e2e2 solid 1px;border-left: #e2e2e2 solid 1px;background-color: #fff;
}
.ui-page-item:hover {color: #000;
    box-shadow: rgba(0,0,0,.2) 0 0 10px inset;
}
.ui-page-first:hover,
.ui-page-last:hover {color: #000;
    box-shadow: rgba(0,0,0,.2) 0 0 10px inset;
}
.ui-page-next:hover,
.ui-page-prev:hover {color: #000;
    box-shadow: rgba(0,0,0,.2) 0 0 10px inset;
}
.ui-page-item.active {font-weight: 600;
    color: #000;
}
.ui-page-ellipsis {line-height: 38px;display: block;
    float: left;width: 38px;height: 38px;text-align: center;color: #8f9bad;border-top: #e2e2e2 solid 1px;border-bottom: #e2e2e2 solid 1px;border-left: #e2e2e2 solid 1px;background-color: #fff;
}