@charset "utf-8";
.page_div{margin: 0.6rem 0 0;color: #666666;text-align: center;display: flex;font-size: 0.18rem;font-family: "΢ÈíÑźÚ";align-items: center;justify-content: center;}
.page_div button{display:inline-block;width: 0.4rem;height: 0.4rem;cursor:pointer;color:#666;font-size: var(--titleSize);line-height: 0.4rem;text-align:center;margin: 0 0.04rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;/* font-weight: bold; *//* border-radius: 0.04rem; */background: none;border: none;float: none;}
#nextPage,#prePage{width: 0.42rem;height: 0.42rem;border: 1px solid #CCCCCC;display: flex;align-items: center;justify-content: center;}
#nextPage svg, #prePage svg{
    width: 0.1rem;
    height: .23rem;
}
#nextPage svg *, #prePage svg *{
    fill:#666
}
#nextPage:hover svg *, #prePage:hover svg *{
    fill:var(--mainColor)
}
.page_div .current{background-color: #fff;color: var(--mainColor);}
.totalPages{margin:0 10px}
.totalPages span,.totalSize span{color:#465ea5;margin:0 5px}
.page_div button:disabled{/* opacity:.5; */cursor:no-drop;color: #666;}
.totalNum,.totalList,#firstPage,#lastPage{display: none;}
#page{margin-top: 0.6rem;margin-bottom:0.75rem;}
.page_div .white {
    margin: 0 0.04rem;
    width: 0.42rem;
    line-height: 0.42rem;
    display: inline-block;
    border-radius: 0.04rem;
    border: 1px solid #cccccc;
    text-align: center;
    background: #fff;
    font-size: 0.185rem;
    color: #666;
}

#prePage {
    margin-left: 0.3rem;
}

button#jump {
    width: 0.42rem;
    height: 0.42rem;
    background-color: transparent;
    border-color: #ccc;
    color: #666;
    border: 1px solid #ccc;
    margin-left: 0.06rem;
    font-family: '΢ÈíÑźÚ';
}
div#wp_paging_w6 {
    display: none;
}
@media screen and (max-width: 999px) {
 .page_div span,.page_div input,button#jump{

}
.page_div .spag{width:100%}
 .page_div{
    margin-bottom: 30px;    flex-wrap: wrap;
}
    #firstPage, #lastPage, #nextPage, #prePage{
    /* width: 0.9rem; */
    /* height: 0.7rem; */
    /* line-height: 0.7rem; */
}
.page_div button{line-height: 0.7rem;height: 0.7rem;width: 0.7rem;margin: 0 2px;}
}
@media screen and (max-width: 479px) {
 #nextPage, #prePage{
    width: 28px;
    /* padding: 0 5px; */
    /* line-height: 27px; */
    height: 28px;
}
#prePage {
    margin-left: 0;
}
.page_div button{border: 1px solid #b5b5b5;height: 27px;line-height: 27px;width: 30px;flex: none;}
.page_div .white{width:30px;line-height:30px;}
button#jump {
    width: 60px;
    height: 30px;
    margin: 15px 4px;}
}