.page .be, .page .tt, .page .num {
    font-size: 12px;
    color: #4c4c4c;
}
.page .be, .page .ud, .page .num {
    display: inline-block;
    margin-left: 2px;
    line-height: 24px;
    border: 1px solid #ddeef7;
}
.page .be, .page .arrow, .page .tt, .page .num, .page .ud {
    height: 24px;
    background: #ddeef7;
}
.page .be {
    width: 58px;
}
.page .arrow {
    display: inline-block;
    width: 26px;
    vertical-align: top;
    background: #f2fbff;
}
.page .arrow img {
    vertical-align: middle;
}
.page .tt {
    display: inline-block;
    width: 57px;
}
.page .num {
    width: 24px;
}
.page .num:hover, .page .num.cur, .page .be:hover, .page .be.cur {
    color: #fff;
    border-color: #0594e6;
    background: #0594e6;
}
.page .ud:hover {
    border-color: #0594e6;
}