/* Shared Jieshun-style pagination for PB and Layui list pages. */
.site-pagebar,
.pages8:has(.page-status),
.search-pagebar:has(.page-status),
.solution-pagebar:has(.page-status),
.product-jieshun-pagebar:has(.page-status){
    display:flex!important;
    min-height:40px;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap;
    gap:0!important;
    padding:30px 0 40px!important;
    overflow:visible!important;
    box-sizing:border-box;
    color:#999!important;
    font-size:14px!important;
    line-height:40px!important;
}
.site-pagebar .page-status,
.site-pagebar .page-index,
.site-pagebar .page-last{display:none!important}
.site-pagebar .page-pre,
.site-pagebar .page-next,
.site-pagebar .page-numbar{display:inline-flex!important;align-items:center!important}
.site-pagebar .page-pre a,
.site-pagebar .page-next a,
.site-pagebar .page-num{
    display:inline-flex!important;
    width:52px!important;
    min-width:52px!important;
    height:40px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 8px 0 0!important;
    padding:0!important;
    border:1px solid #e5e5e5!important;
    border-radius:0!important;
    background:#fff!important;
    box-sizing:border-box!important;
    color:#666!important;
    font-size:14px!important;
    line-height:38px!important;
    transition:border-color .2s,background-color .2s,color .2s;
}
.site-pagebar .page-pre a,
.site-pagebar .page-next a{font-size:0!important}
.site-pagebar .page-pre a:before,
.site-pagebar .page-next a:before{
    font-family:Arial,sans-serif;
    font-size:20px;
    line-height:1;
}
.site-pagebar .page-pre a:before{content:'\2039'}
.site-pagebar .page-next a:before{content:'\203A'}
.site-pagebar .page-pre a:hover,
.site-pagebar .page-next a:hover,
.site-pagebar .page-num:hover{border-color:#2256e5!important;color:#2256e5!important}
.site-pagebar .page-num-current,
.site-pagebar .page-num-current:hover{
    border-color:#2256e5!important;
    background:#2256e5!important;
    color:#fff!important;
}
.site-pagebar .is-disabled a,
.site-pagebar .is-disabled a:hover{
    border-color:#e5e5e5!important;
    background:#fff!important;
    color:#d4d7dc!important;
    cursor:default!important;
    pointer-events:none!important;
}
.site-pagebar .page-none{color:#999}
.site-page-jump,
.site-pagebar .product-page-jump,
.site-pagebar .solution-page-jump{
    display:inline-flex!important;
    height:40px!important;
    align-items:center!important;
    margin-left:12px!important;
    color:#999!important;
    white-space:nowrap;
    line-height:40px!important;
}
.site-page-jump input,
.site-pagebar .product-page-jump input,
.site-pagebar .solution-page-jump input{
    width:50px!important;
    height:40px!important;
    margin:0 8px!important;
    padding:0 5px!important;
    border:1px solid #e5e5e5!important;
    border-radius:0!important;
    background:#fff!important;
    box-sizing:border-box!important;
    color:#333!important;
    text-align:center!important;
    line-height:38px!important;
    outline:none!important;
    -moz-appearance:textfield;
}
.site-page-jump input::-webkit-inner-spin-button,
.site-page-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.site-page-jump input:focus,
.site-pagebar .product-page-jump input:focus,
.site-pagebar .solution-page-jump input:focus{border-color:#2256e5!important}
.site-page-jump button,
.site-pagebar .product-page-jump button,
.site-pagebar .solution-page-jump button{
    height:34px!important;
    margin-left:2px!important;
    padding:0 14px!important;
    border:1px solid #2256e5!important;
    border-radius:0!important;
    background:#2256e5!important;
    box-sizing:border-box!important;
    color:#fff!important;
    cursor:pointer!important;
    line-height:32px!important;
}
.site-page-jump button:hover,
.site-pagebar .product-page-jump button:hover,
.site-pagebar .solution-page-jump button:hover{border-color:#1947c9!important;background:#1947c9!important}
.site-pagebar:has(.page-none) .site-page-jump,
.site-pagebar:has(.page-none) .product-page-jump,
.site-pagebar:has(.page-none) .solution-page-jump{display:none!important}

/* Pages rendered by layui on data/download views. */
.pages8:has(.layui-laypage){padding:30px 0 40px!important;overflow:visible!important}
.pages8 .layui-laypage{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap;
    margin:0!important;
    color:#999!important;
    font-size:14px!important;
}
.pages8 .layui-laypage>a,
.pages8 .layui-laypage>span:not(.layui-laypage-skip){
    display:inline-flex!important;
    width:52px!important;
    min-width:52px!important;
    height:40px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 8px 0 0!important;
    padding:0!important;
    border:1px solid #e5e5e5!important;
    border-radius:0!important;
    background:#fff!important;
    box-sizing:border-box!important;
    color:#666!important;
    line-height:38px!important;
}
.pages8 .layui-laypage .layui-laypage-first,
.pages8 .layui-laypage .layui-laypage-last{display:none!important}
.pages8 .layui-laypage .layui-laypage-prev,
.pages8 .layui-laypage .layui-laypage-next{font-size:0!important}
.pages8 .layui-laypage .layui-laypage-prev em,
.pages8 .layui-laypage .layui-laypage-next em{display:none!important}
.pages8 .layui-laypage .layui-laypage-prev:before{content:'\2039';font:20px/1 Arial,sans-serif}
.pages8 .layui-laypage .layui-laypage-next:before{content:'\203A';font:20px/1 Arial,sans-serif}
.pages8 .layui-laypage a:hover{border-color:#2256e5!important;color:#2256e5!important}
.pages8 .layui-laypage .layui-laypage-curr{border-color:#2256e5!important;background:#2256e5!important;color:#fff!important}
.pages8 .layui-laypage .layui-laypage-curr .layui-laypage-em{display:none!important}
.pages8 .layui-laypage .layui-laypage-curr em{position:static!important;color:#fff!important}
.pages8 .layui-laypage .layui-laypage-skip{
    display:inline-flex!important;
    height:40px!important;
    align-items:center!important;
    margin:0 0 0 12px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#999!important;
    line-height:40px!important;
}
.pages8 .layui-laypage .layui-laypage-skip input{
    width:50px!important;
    height:40px!important;
    margin:0 8px!important;
    padding:0 5px!important;
    border:1px solid #e5e5e5!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    text-align:center!important;
    line-height:38px!important;
}
.pages8 .layui-laypage .layui-laypage-skip button{
    height:34px!important;
    margin-left:2px!important;
    padding:0 14px!important;
    border:1px solid #2256e5!important;
    border-radius:0!important;
    background:#2256e5!important;
    color:#fff!important;
    line-height:32px!important;
}

@media screen and (max-width:768px){
    .pages8:has(.layui-laypage){padding:20px 0 30px!important}
    .site-pagebar{padding:20px 0 30px!important;font-size:12px!important;line-height:34px!important}
    .site-pagebar .page-pre a,
    .site-pagebar .page-next a,
    .site-pagebar .page-num,
    .pages8 .layui-laypage>a,
    .pages8 .layui-laypage>span:not(.layui-laypage-skip){width:38px!important;min-width:38px!important;height:34px!important;margin-right:4px!important;line-height:32px!important}
    .site-page-jump,
    .site-pagebar .product-page-jump,
    .site-pagebar .solution-page-jump,
    .pages8 .layui-laypage .layui-laypage-skip{height:34px!important;margin-left:6px!important;font-size:12px!important;line-height:34px!important}
    .site-page-jump input,
    .site-pagebar .product-page-jump input,
    .site-pagebar .solution-page-jump input,
    .pages8 .layui-laypage .layui-laypage-skip input{width:38px!important;height:34px!important;margin:0 4px!important;line-height:32px!important}
    .site-page-jump button,
    .site-pagebar .product-page-jump button,
    .site-pagebar .solution-page-jump button,
    .pages8 .layui-laypage .layui-laypage-skip button{height:32px!important;padding:0 9px!important;line-height:30px!important}
}