.pagebar{
    float: left;
    height: 40px;
}

.pagebar span {
    float: left;
    border: 1px solid #f2f2f2;
    border-right: 0;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #2e2e33;
    cursor: pointer;
}


span.p_next_d.p_fun_d {
    border-right: none;
    background: url(../img/Ic_arrow_right_gray.png) no-repeat center / 20px 20px;
    border-right: 1px solid #f2f2f2;
    color: transparent;
}

span.p_prev.p_fun {
    background-image: url(../img/Ic_arrow_left_black.png);
    background-color: #fff;
    cursor: not-allowed;
    color: transparent;
}
span.p_prev.p_fun {
    background: url(../img/Ic_arrow_left_black.png) no-repeat center / 20px 20px;
}

span.p_last_d.p_fun_d {
    display: none;
}

span.p_first.p_fun {
    display: none;
}

span.p_next.p_fun {
    border-right: none;
    background: url(../img/Ic_arrow_right_black.png) no-repeat center / 20px 20px;
    border-right: 1px solid #f2f2f2;
color: transparent;
}

span.p_next.p_fun:hover {background-color: #f7f7fa;background-image: url(../img/Ic_arrow_right_yellow.png);}
span.p_prev.p_fun:hover {background-color: #f7f7fa;background-image: url(../img/Ic_arrow_left_orange.png);}
span.p_no_d {
    background-color: #fea500;
    color: #fff;
}

span.p_no:hover {
    color: #fea500;
}

span.p_pages {
    width: auto;
}

span.p_prev_d.p_fun_d {
    background-image: url(../img/Ic_arrow_left_gray.png);
    background-color: #fff;
    cursor: not-allowed;
    color: transparent;
}

span.p_prev_d.p_fun_d {
    background: url(../img/Ic_arrow_left_gray.png) no-repeat center / 20px 20px;
}

span.p_no span.p_no_d {
    float: left;
    height: 40px;
}


span.p_first_d.p_fun_d {
    display: none;
}

span.p_last.p_fun {
    display: none;
}