@charset "utf-8";
ul,li{list-style: none;}
#wp_pager .pages{display: flex;padding: 30px 0 20px;min-height: auto;justify-content: center;align-items: center;}
#wp_pager .pages li a{display: inline-block;overflow: hidden;margin: 0 4px;padding: 0;width: 40px;height: 40px;border: 2px solid transparent;border-radius: 4px;background-color: #f1f1f1;color: #333;text-align: center;line-height: 36px;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
#wp_pager .pages li a:hover{background-color: #3f7ecd;color: #fff;}
#wp_pager .pages li a.pgCurrent{border: 2px solid #3f7ecd;background-color: #fff;color: #3f7ecd;font-weight: bold;}
#wp_pager .pages li a.pgNext{padding: 0 8px;width: auto;}



/*pagebar可改为自定义名称*/

/*公共样式 字体，行高，字体颜色等*/
.pagebar {
display: flex;
    padding: 30px 0 20px;
    min-height: auto;
    justify-content: center;
    align-items: center;
}

/*去掉a链接的下划线*/
.pagebar a{
    text-decoration: none;
}

/*按钮和页码的外观*/
.pagebar .p_fun_d, .pagebar .p_no_d,.pagebar .p_fun a, .pagebar .p_no a{
        display: inline-block;
    overflow: hidden;
    margin: 0 4px;
    padding: 0;
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: #f1f1f1;
    color: #333;
    text-align: center;
    line-height: 36px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    -ms-transition: .3s all ease;
}


/*无链接的字体颜色*/
.pagebar .p_fun_d, .pagebar .p_no_d{
    display: inline-block;
    overflow: hidden;
    margin: 0 4px;
    padding: 0;
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: #f1f1f1;
    color: #333;
    text-align: center;
    line-height: 36px;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    -ms-transition: .3s all ease;
}


/*鼠标移上时有链接按钮的外观*/
.pagebar .p_no a:hover,.pagebar .p_fun a:hover, .pagebar .p_goto a:hover{
        background-color: #3f7ecd;
    color: #fff;
}


/*页码省略号...的外观*/
.pagebar .p_dot {
    margin-left:4px;
    margin-right:-4px;
    color:#222;
}

/*当前页码的外观*/
.pagebar .p_no_d {
    border: 2px solid #3f7ecd;
    background-color: #fff;
    color: #3f7ecd;
    font-weight: bold;
}

/*按钮控制*/

/*控制是否显示 "首页" "尾页" */
.pagebar .p_first,.pagebar .p_first_d,.pagebar .p_last,.pagebar .p_last_d{
    display:none;
}

/*控制是否显示 "上页" "下页"*/
.pagebar .p_prev,.pagebar .p_next,.pagebar .p_prev_d,.pagebar .p_next_d{
    /*display:none;*/
}

/*控制是否显示无链接的 "首页" "上页" "下页" "尾页"*/
.pagebar .p_first_d,.pagebar .p_prev_d,.pagebar .p_next_d,.pagebar .p_last_d{
    display:none;
}

.pagebar .p_first a,.pagebar .p_prev a,.pagebar .p_next a,.pagebar .p_last a,.pagebar .p_first_d,.pagebar .p_prev_d,.pagebar .p_next_d,.pagebar .p_last_d{
    padding: 0 8px;
    width: auto;
}

/*控制是否显示页码*/
.pagebar .p_no,.pagebar .p_no_d,.pagebar .p_dot{
    /*display:none;*/
}
