@charset "utf-8";
.page_div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; 
    margin-top: 0.5rem;
    padding: 0.1rem 0; 
}

/* 文本样式统一 */
.page_div span {
    font-size: 0.18rem;
    color: #707070; 
    white-space: nowrap; 
}

/* 基础按钮样式 */
.page_div button {
    min-width: 0.48rem; 
    height: 0.48rem;
    padding: 0 0.12rem; 
    font-size: 0.18rem;
    text-align: center;
    background: #fff;
    border: 1px solid #707070; 
    border-radius: 4px;
    cursor: pointer; 
    transition: all 0.2s;
    color: #707070;
}
.page_div button {}
/* 上/下页按钮特殊样式 */
#nextPage, #prePage {
    min-width: 0.8rem;
    /* margin-left: .3rem; */
}
#prePage {
    /* margin-left: .3rem; */
}

/* 当前页按钮样式 */
.page_div .current {
    background: #851321;
    color: #fff;
    border-color: #851321;
    font-weight: bold;
}

/* 输入框样式优化 */
.page_div input {
    width: 0.6rem; 
    height: 0.48rem;
    padding: 0 0.1rem;
    font-size: 0.18rem;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 4px;
    box-sizing: border-box; 
    outline: none; 
    color: #707070;
}

.page_div input:focus {
    border-color: #851321; 
}

/* 省略号样式 */
.page_div .ellipsis {
    margin: 0 .3rem; 
}

/* 禁用状态样式 */
.page_div button:disabled {
    cursor: not-allowed; 
}

/* 按钮悬停效果（非禁用状态） */
.page_div button:not(:disabled):hover {
    border-color: #851321;
    color: #851321;
    background:#fff
}

/* 跳转按钮特殊样式 */
#jump {
    background: #f8f9fa;
    font-weight:bold;
    
}

#jump:not(:disabled):hover {
    background: #851321;
    color:#fff;
}

div#wp_paging_w6 {
    display: none;
}

.page_div span.white {
    border: 1px solid #707070;
    border-radius: 4px;
    width:.48rem;
    height:.48rem;
    text-align: center;
    line-height: .48rem;
    }

@media screen and (max-width: 999px) {
 .page_div span,.page_div input,button#jump{
    display: none ! important;
}

}
@media screen and (max-width: 479px) {
 #nextPage, #prePage{width: .8rem;height: .4rem;margin: 0;line-height: .4rem;padding: 0;min-width: 0;}
.page_div button{border: 1px solid #b5b5b5;height: .4rem;line-height: .4rem;width: .4rem;flex: none;min-width: 0.4rem;padding: 0;}
    .page_div{gap:2px}
}