_order-area.css 1.84 KB
.order-area {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #878787;
    font-weight: 700;

    .order {
        display: inline-block;
        margin: 14px 15px;
        height: 24px;
        line-height: 24px;
        cursor: pointer;
    }

    .dest {
        display: inline-block;
        position: relative;
        width: 15px;
        height: 24px;
        line-height: 24px;
        margin: 14px 15px;
        margin-left: -10px;
        margin-bottom: -10px;
        cursor: pointer;

        .iconfont {
            display: block;
            font-size: 12px;
            height: 12px;
            line-height: 12px;
            position: absolute;
        }

        .iconfont.selected {
            color: #1b1b1b;
        }

        .iconfont.up {
            top: -2px;
        }

        .iconfont.down {
            top: 8px;
        }
    }

    .order.selected {
        color: #1b1b1b;
    }

    .order-page {
        height: 24px;
        line-height: 24px;
        margin-top: 14px;
        float: right;

        label {
            line-height: 24px;
            color: #1b1b1b;
            font-weight: 700;
            display: inline-block;
        }

        label.page-info {
            margin: 0 25px;
        }

        .page {
            color: #1b1b1b;
            font-weight: 700;
            border: 2px solid #1b1b1b;
            width: 24px;
            height: 24px;
            line-height: 24px;
            display: inline-block;
            font-size: 14px;
            text-align: center;
            margin-right: 8px;
            cursor: pointer;
        }

        .page.disable {
            color: #878787;
            border: 2px solid #878787;
        }

        .page.page-next {
            line-height: 20px;
        }

        .page.page-pre {
            line-height: 20px;
        }
    }
}