.pages02 {
    font-size: 0;
    text-align: center;
    padding: 40px 0 86px
}

.pages02-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px
}

.pages02-item a {
    text-align: center;
    display: block;
    font-size: 16px;
    padding: 0 12px;
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    color: #767676
}

.pages02-item.turn a {
    padding: 0 15px
}

.pages02-item span {
    margin-top: 3px;
    display: block;
    color: grey;
    font-size: 16px
}

.pages02-item a:hover,
.pages02-item.on a {
    background-color: #7f8c8d;
    color: #fff
}

@media only screen and (max-width:767px) {
    .pages02 {
        padding: 10px 0 30px
    }
    .pages02-item {
        display: none
    }
    .pages02-item.on,
    .pages02-item.turn {
        display: inline-block
    }
}