*按钮和页码的外观*/
.pager .p_fun_d, .pager .p_no_d,.pager .p_fun a, .pager .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;}

/*文字对齐样式*/
.pager .p_t{
    line-height:12px;
    margin:0px;
    padding:0px;
    display:inline-block;
    vertical-align:middle;}

/*无链接的字体颜色*/
 .pagebar .p_no_d{
    border: 2px solid #3f7ecd;
    background-color: #fff;
    color: #3f7ecd;
    font-weight: bold;
    display: inline-block;
    overflow: hidden;
    margin: 0 4px;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;}

/*链接字体颜色*/
.pager .p_fun a, .pager .p_no a{
    color: #222;}

/*鼠标移上时有链接按钮的外观*/
.pager .p_no a:hover,.pager .p_fun a:hover, .pager .p_goto a:hover{
    background-color: #f5f5f5;}


/*页码省略号...的外观*/
.pager .p_dot {
    margin-left:4px;
    margin-right:-4px;
    color:#222;}

/*当前页码的外观*/
.pager .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_first,.pagebar .p_last,{
    display:none;}
.pagebar .p_first_d,.pagebar .p_last_d,.pagebar .p_prev_d,.pagebar .p_next_d{
    display: inline-block;
    overflow: hidden;
    margin: 0 4px;
    padding: 0 8px;
    width: auto;
    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;}

/*控制是否显示 "上页" "下页"*/
.pager .p_prev,.pager .p_prev_d.pager .p_next,.pager .p_next_d{}

/*控制是否显示无链接的 "首页" "上页" "下页" "尾页"*/
.pager .p_first_d,.pager .p_prev_d,.pager .p_next_d,.pager .p_last_d{}

/*控制是否显示页码*/
.pager .p_no,.pager .p_no_d,.pager .p_dot{}

/*跳转到页码输入框的外观*/
.pager .p_goto input {
    font-family: SimSun;
    font-size:12px;

    border: 1px solid #aaa;
    height:22px;
    line-height:20px;
    box-sizing:border-box;
    vertical-align:middle;

    outline-width:thin;
    outline-color:#258CFF;
    
    margin:0px 2px;
    padding:0px 1px;

    width:22px;
    text-align:center;}

/*跳转到页码输入框  鼠标移上及输入时的外框颜色*/
.pager .p_goto input:hover, .pager .p_goto input:focus{
    border: 1px solid #258CFF;}

/*跳转按钮的外观*/
.pager .p_goto a{
    border: 1px solid #ccc;
    padding: 5px 6px;
    color: #222;

    margin:0px;

    height:24px;
    -height:auto;
    
    line-height:12px;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:middle;}