.member-content-panel[data-panel="quick-select"] {
    background: #f8fbf7;
}

#memberQuickSelectMount {
    width: 100%;
    min-height: calc(100vh - 126px);
    color: #111111;
    font-size: 12px;
}

.huiyuan2-quickselect-layout {
    width: 100%;
    min-height: calc(100vh - 126px);
    padding: 4px;
    box-sizing: border-box;
    background: #f8fbf7;
}

.huiyuan2-quickselect-panel {
    width: 100%;
    margin: 0 0 12px;
    border: 1px solid #9ee79d;
    background: #ffffff;
    box-sizing: border-box;
}

.huiyuan2-quickselect-control-panel {
    margin-bottom: 28px;
}

.huiyuan2-quickselect-panel-head {
    height: 28px;
    display: flex;
    align-items: center;
    padding: 0 8px;
    border-bottom: 1px solid #9ee79d;
    background: #e4fcdc;
    color: #111111;
    font-size: 12px;
    font-weight: 700;
}

.huiyuan2-quickselect-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid #9ee79d;
}

.huiyuan2-quickselect-tab {
    height: 28px;
    border: 0;
    border-right: 1px solid #9ee79d;
    border-bottom: 1px solid #9ee79d;
    background: #ffffff;
    color: #111111;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.huiyuan2-quickselect-tab:nth-child(3n) {
    border-right: none;
}

.huiyuan2-quickselect-tab:nth-child(n + 4) {
    border-bottom: none;
}

.huiyuan2-quickselect-tab.is-active {
    background: #4f972b;
    color: #ffffff;
}

.huiyuan2-quickselect-form {
    width: 100%;
}

.huiyuan2-quickselect-split-title {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 1px solid #9ee79d;
    background: #ffffff;
}

.huiyuan2-quickselect-split-title-cell {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 2px 8px;
    box-sizing: border-box;
    border-right: 1px solid #9ee79d;
    font-size: 12px;
}

.huiyuan2-quickselect-split-title-cell:last-child {
    border-right: none;
}

.huiyuan2-quickselect-split-title-cell-quanzhuan {
    flex-wrap: wrap;
}

.huiyuan2-quickselect-quanzhuan-inline {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.huiyuan2-quickselect-quanzhuan-inline[hidden] {
    display: none;
}

.huiyuan2-quickselect-position-compact {
    min-height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border-bottom: 1px solid #9ee79d;
    background: #ffffff;
}

.huiyuan2-quickselect-position-pair {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.huiyuan2-quickselect-position-pair label {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: #111111;
    font-size: 12px;
    font-weight: 700;
}

.huiyuan2-quickselect-position-pair .huiyuan2-quickselect-input {
    width: 82px;
}

.huiyuan2-quickselect-hefen-compact {
    min-height: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 4px 0;
    border-bottom: 1px solid #9ee79d;
    background: #ffffff;
    box-sizing: border-box;
}

.huiyuan2-quickselect-hefen-line {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 3px;
    min-width: 150px;
    color: #111111;
    font-size: 12px;
    font-weight: 700;
}

.huiyuan2-quickselect-hefen-line .huiyuan2-quickselect-input {
    width: 82px;
}

.huiyuan2-quickselect-filter-compact {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #9ee79d;
    background: #ffffff;
}

.huiyuan2-quickselect-filter-line {
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    padding: 2px 8px;
    border-bottom: 1px solid #9ee79d;
    box-sizing: border-box;
    color: #111111;
    font-size: 12px;
    font-weight: 700;
}

.huiyuan2-quickselect-filter-line:last-child {
    border-bottom: none;
}

.huiyuan2-quickselect-option-inline-row {
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 2px 8px;
    border-bottom: 1px solid #9ee79d;
    background: #ffffff;
    box-sizing: border-box;
    color: #111111;
    font-size: 12px;
    font-weight: 700;
}

.huiyuan2-quickselect-inline-option {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
}

.huiyuan2-quickselect-siding-line {
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    padding: 2px 8px;
    border-bottom: 1px solid #9ee79d;
    background: #ffffff;
    box-sizing: border-box;
    color: #111111;
    font-size: 12px;
    font-weight: 700;
}

.huiyuan2-quickselect-siding-line-title {
    min-height: 20px;
    padding-bottom: 0;
    border-bottom: none;
}

.huiyuan2-quickselect-siding-line .huiyuan2-quickselect-input {
    width: 86px;
}

.huiyuan2-quickselect-siding-line .huiyuan2-quickselect-mini-input {
    width: 68px;
}

.huiyuan2-quickselect-xian-peishu-title,
.huiyuan2-quickselect-xian-peishu-inputs {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 2px 8px;
    border-bottom: 1px solid #9ee79d;
    background: #ffffff;
    box-sizing: border-box;
    color: #111111;
    font-size: 12px;
    font-weight: 700;
}

.huiyuan2-quickselect-xian-peishu-inputs .huiyuan2-quickselect-mini-input {
    width: 94px;
}

.huiyuan2-quickselect-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid #9ee79d;
}

.huiyuan2-quickselect-row--wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.huiyuan2-quickselect-row--single {
    grid-template-columns: minmax(0, 1fr);
}

.huiyuan2-quickselect-cell {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 6px;
    box-sizing: border-box;
    border-right: 1px solid #9ee79d;
    background: #ffffff;
    color: #111111;
    font-size: 12px;
}

.huiyuan2-quickselect-row .huiyuan2-quickselect-cell:last-child,
.huiyuan2-quickselect-row--wide .huiyuan2-quickselect-cell:last-child,
.huiyuan2-quickselect-row--single .huiyuan2-quickselect-cell:last-child {
    border-right: none;
}

.huiyuan2-quickselect-row--single .huiyuan2-quickselect-cell,
.huiyuan2-quickselect-row--wide .huiyuan2-quickselect-cell {
    justify-content: flex-start;
}

.huiyuan2-quickselect-cell-stack {
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

.huiyuan2-quickselect-cell-top,
.huiyuan2-quickselect-cell-bottom,
.huiyuan2-quickselect-hefen-extra-row {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    flex-wrap: wrap;
}

.huiyuan2-quickselect-section-title {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 6px;
    border-bottom: 1px solid #9ee79d;
    background: #ffffff;
    box-sizing: border-box;
}

.huiyuan2-quickselect-label {
    color: #c6002b;
    font-weight: 700;
}

.huiyuan2-quickselect-muted,
.huiyuan2-quickselect-checkbox-line,
.huiyuan2-quickselect-numbers {
    color: #111111;
    font-weight: 700;
}

.huiyuan2-quickselect-inline-note,
.huiyuan2-quickselect-hefen-note {
    color: #0b63c9;
    font-weight: 700;
}

.huiyuan2-quickselect-input,
.huiyuan2-quickselect-mini-input,
.huiyuan2-quickselect-send-input {
    height: 22px;
    border: 1px solid #999999;
    background: #ffffff;
    padding: 0 4px;
    box-sizing: border-box;
    font-size: 12px;
    color: #111111;
}

.huiyuan2-quickselect-input {
    width: 92px;
}

.huiyuan2-quickselect-mini-input {
    width: 48px;
}

.huiyuan2-quickselect-mini-input.huiyuan2-quickselect-quanzhuan-input {
    width: 70px;
}

.huiyuan2-quickselect-checkbox-line,
.huiyuan2-quickselect-radio-group {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.huiyuan2-quickselect-radio-box {
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.huiyuan2-quickselect-radio-box input {
    width: 12px;
    height: 12px;
    margin: 0;
    cursor: pointer;
}

.huiyuan2-quickselect-actions {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 10px 0;
    background: #ffffff;
}

.huiyuan2-quickselect-action-button,
.huiyuan2-quickselect-send-button {
    min-width: 40px;
    height: 24px;
    padding: 0 10px;
    border: 1px solid #0f84c8;
    border-radius: 3px;
    background: #159bea;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.huiyuan2-quickselect-left-body {
    min-height: 126px;
    background: #ffffff;
    color: #111111;
    overflow: auto;
}

.huiyuan2-quickselect-empty {
    min-height: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    font-size: 12px;
}

.huiyuan2-quickselect-empty-error {
    color: #c6002b;
}

.huiyuan2-quickselect-result-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(54px, 1fr));
    border-top: 1px solid #9ee79d;
    border-left: 1px solid #9ee79d;
    box-sizing: border-box;
}

.huiyuan2-quickselect-result-cell {
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #9ee79d;
    border-bottom: 1px solid #9ee79d;
    background: #ffffff;
    color: #111111;
    font-size: 12px;
}

.huiyuan2-quickselect-send-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46%;
    min-height: 42px;
    background: #ffffff;
}

.huiyuan2-quickselect-send-left {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 4px;
    box-sizing: border-box;
}

.huiyuan2-quickselect-send-label {
    color: #111111;
    font-size: 14px;
    font-weight: 700;
}

.huiyuan2-quickselect-send-input {
    width: 70px;
    height: 28px;
    font-size: 14px;
}

.huiyuan2-quickselect-send-right {
    display: grid;
    grid-template-rows: 1fr 1fr;
    border-left: 1px solid #9ee79d;
}

.huiyuan2-quickselect-send-stat {
    display: flex;
    align-items: center;
    padding: 0 8px;
    border-bottom: 1px solid #9ee79d;
    font-size: 12px;
    color: #111111;
}

.huiyuan2-quickselect-send-stat:last-child {
    border-bottom: none;
}

@media (max-width: 640px) {

    #memberQuickSelectMount,
    .huiyuan2-quickselect-layout,
    .huiyuan2-quickselect-panel,
    .huiyuan2-quickselect-form {
        max-width: 100%;
        overflow-x: hidden;
    }

    .huiyuan2-quickselect-layout {
        padding: 4px;
    }

    .huiyuan2-quickselect-cell,
    .huiyuan2-quickselect-filter-line,
    .huiyuan2-quickselect-option-inline-row,
    .huiyuan2-quickselect-siding-line,
    .huiyuan2-quickselect-hefen-extra-row,
    .huiyuan2-quickselect-xian-peishu-inputs {
        flex-wrap: wrap;
        gap: 3px;
        padding-left: 4px;
        padding-right: 4px;
        min-width: 0;
    }

    .huiyuan2-quickselect-position-pair {
        gap: 3px;
    }

    .huiyuan2-quickselect-input,
    .huiyuan2-quickselect-siding-line .huiyuan2-quickselect-input,
    .huiyuan2-quickselect-position-pair .huiyuan2-quickselect-input,
    .huiyuan2-quickselect-hefen-line .huiyuan2-quickselect-input {
        width: 72px;
        max-width: 100%;
        min-width: 0;
        flex: 0 1 72px;
    }

    .huiyuan2-quickselect-mini-input,
    .huiyuan2-quickselect-siding-line .huiyuan2-quickselect-mini-input,
    .huiyuan2-quickselect-mini-input.huiyuan2-quickselect-quanzhuan-input,
    .huiyuan2-quickselect-xian-peishu-inputs .huiyuan2-quickselect-mini-input {
        width: 50px;
        max-width: 100%;
        min-width: 0;
        flex: 0 1 50px;
    }

    .huiyuan2-quickselect-inline-option,
    .huiyuan2-quickselect-checkbox-line,
    .huiyuan2-quickselect-radio-group {
        flex: 0 0 auto;
    }

    .huiyuan2-quickselect-hefen-line {
        min-width: 0;
        width: 100%;
        justify-content: center;
    }

    .huiyuan2-quickselect-result-grid {
        grid-template-columns: repeat(6, minmax(48px, 1fr));
    }
}