.pages {
    margin: 20px auto;
    clear: both;
    width: 100%;
    text-align: center;
    text-align: center;
    font-size: 12px;
}

    .pages ul {
        display: flex;
        margin: 0 auto;
        align-items:center;
        justify-content:center;
        height:34px;
        line-height:34px;
    }

    .pages li {
        display: flex;
        margin: 0 6px;
        width: 34px;
        height:34px;
        align-items:center;
        justify-content:center;
    }

    .pages a {
        border-radius: 100%;
        background-color: #d9d9d7;
        border: #d9d9d7 1px solid;
        color: #fff;
        text-decoration: none;
        width: 32px;
        height:32px;
        display: flex;
        justify-content:center;
        align-items:center;
    }

        .pages a:hover, li.current a {
            background-color: #336eaf;
            color: #FFFFFF;
            border: #336eaf 1px solid;
            text-decoration: none;
        }