/*pagination*/
#pagination {
    display: inline-block;
}

.m-pagination {
    padding: 15px;
}

.m-pagination li {
    float: left;
    margin: 3px;
    height: 28px;
    font-size: 14px;
}

.m-pagination li a {
    display: block;
    padding: 0 10px;
    line-height: 26px;
    border: 1px solid #ccc;
    font-size: 14px;
    background: #fff;
}

.m-pagination li.u-redirect {
    line-height: 28px;
}

.m-pagination li.u-redirect input {
    padding: 0 5px;
    vertical-align: middle;
    width: 42px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    margin: -2px 0 0 3px;
    *margin: -2px 0 0 3px;
    _margin: -2px 0 0 3px;
}

.m-pagination li.active a, .m-pagination li a:hover {
    background: #0262d6;
    border: 1px solid #0262d6;
    color: #fff;
}

.m-pagination li.page-info a, .m-pagination li.page-info a:hover {
    border: 1px solid #ccc;
    cursor: default;
    color: #666;
    background: #fff;
}

.m-pagination li.disabled a, .m-pagination li.disabled a:hover {
    background: #eee;
    border: 1px solid #ccc;
    cursor: default;
    color: #666;
}


.f-clearfix:after {
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
    content: " ";
    clear: both;
}

* html .f-clearfix {
    zoom: 1;
}

*:first-child + html .f-clearfix {
    zoom: 1;
}


.flex-container {
    display: flex;
    justify-content: center; /* 主轴对齐 */
    /* 可选附加属性 */
    align-items: center; /* 交叉轴对齐 */
    flex-wrap: wrap; /* 允许换行 */
}