_sort-pager.scss 1.52 KB
.sort-pager {
    height: 48px;
    background: #f5f7f6;
    line-height: 48px;
    margin: 10px 0;

    .sort-type,
    .checks {
        color: #ccc;
        font-size: 14px;
        padding: 0 10px;

        .iconfont {
            font-size: 14px;
        }

        &.active,
        &.checked {
            color: #000;
        }
    }

    .pager-wrap {
        float: right;
        padding: 15px 0;
    }

    .page-count {
        position: relative;
        height: 18px;
        float: left;
        font-size: 12px;
        line-height: 18px;

        > span {
            float: left;
            display: block;
            width: 42px;
            height: 10px;
            line-height: 10px;
            padding: 3px;
            border: 1px solid #ccc;
            color: #222;
            cursor: pointer;
            margin-right: 10px;
        }

        .iconfont {
            font-size: 14px;
            color: #ccc;
            float: right;
        }

        > ul {
            position: absolute;
            display: none;
            width: 42px;
            padding: 0 3px;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
        }

        li {
            border-bottom: 1px solid #ccc;
        }

        a {
            display: block;
            width: 100%;
        }
    }

    .pager {
        float: left;
        font-size: 14px;
        margin: -15px 20px 0;

        .dis-icon {
            color: #e6e6e6;
        }

        i {
            color: #f00;
        }
    }
}