/*
 * fansala_main.css 分页相关样式提取
 * 提取自：/Users/new_kidd/Documents/myproject/jds/public/static/module/index/default/css/fansala_main.css
 * 相关HTML文件：/Users/new_kidd/Documents/myproject/jds/template/index/default/list/list_jds.html
 */

/* ===== 分页基础样式 ===== */
.pagination {
    padding-left: 0;
    margin: 1.5rem 0;
    list-style: none;
    color: #999;
    text-align: center;
}

.pagination:before,
.pagination:after {
    content: " ";
    display: table;
}

.pagination:after {
    clear: both;
}

.pagination>li {
    display: inline-block;
}

.pagination>li>a {
    position: relative;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    line-height: 1.2;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 5px;
    margin-right: 5px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    margin-right: 0;
}

.pagination>li>a:hover,
.pagination>li>a:focus {
    background-color: #eee;
}

/* ===== 禁用状态样式 ===== */
.pagination .disabled {
    position: relative;
    padding: .5em 1em;
    text-decoration: none;
    line-height: 1.2;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 5px;
    margin-right: 5px;
}

.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
    pointer-events: none;
}

/* ===== 激活状态样式 ===== */
.pagination .active {
    position: relative;
    padding: .5em 1em;
    text-decoration: none;
    line-height: 1.2;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 5px;
    margin-right: 5px;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus {
    z-index: 2;
    color: #fff;
    background-color: #ef7d7d;
    text-decoration: none;
    line-height: 1.2;
    border-color: #fff;
    padding: .5em 1em;
    cursor: default;
}

/* ===== 分页导航按钮样式 ===== */
.pagination .pagination-prev {
    float: left;
}

.pagination .pagination-prev a {
    border-radius: 0;
}

.pagination .pagination-next {
    float: right;
}

.pagination .pagination-next a {
    border-radius: 0;
}

/* ===== 分页对齐样式 ===== */
.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

/* ===== 分页区块样式 ===== */
.pagination-block {
    /* 分页区块容器样式 */
}

.pagination-block ul.pagination {
    /* 分页列表样式 */
}

/* ===== 响应式分页样式 ===== */
@media (max-width: 767px) {
    .pagination>li {
        margin-bottom: 5px;
    }
    
    .pagination>li>a {
        padding: .3em .8em;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .pagination>li {
        display: block;
        margin-bottom: 3px;
    }
    
    .pagination>li>a {
        display: block;
        width: 100%;
        margin-right: 0;
    }
}