.mod-sc {
    display: none;
    position: absolute;
    right: 0rem;
    width: 28.38rem;/*24.38rem;*/
    color: var(--hd-color);
    background-color: var(--az-color);
}

.mod-sc.open {
    display: inline-block;
}

input[type="radio"]:checked {
    color: var(--af-color);
    background-color: var(--hd-color);
    accent-color: var(--af-color);
}

.msc-select {
    width: 100%;
    height: 2.94rem;
    line-height: 2.94rem;
    margin-top: 2.31rem;
}

.msc-select-btn {
    display: inline-block;
    width: 12.19rem;
    height: 2.94rem;
    background-color: var(--af-color);
    color: var(--az-color);
    cursor: pointer;
}

.msc-select-stair {
    margin-left: 1.25rem;
}

.msc-select-floor {
    margin-left: 1.44rem;
}

.select-btn-txt {
    display: inline-block;
    width: calc(100% - 4.49rem);
    height: 100%;
    margin: 0rem 0.63rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: sub;
}

.select-btn-ico {
    display: inline-block;
    width: 1.85rem;
    height: 1.85rem;
    background-repeat: no-repeat;
    vertical-align: super;
    margin-right: 1.38rem;
}

.msc-riser {
    width: 100%;
    height: 2.94rem;
    line-height: 2.94rem;
    margin-top: 1rem;
}

.msc-riser-lbl {
    display: inline-block;
    max-width: calc(100% - 6.06rem);
    margin: 0rem 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msc-riser-switch {
    display: inline-block;
    position: relative;
    width: 3.56rem;
    height: 1.94rem;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 1rem;
    box-sizing: border-box;
    vertical-align: super;
    cursor: pointer;
}

#riser-switch-btn {
    position: absolute;
    top: 0.1rem;
    left: 1.662rem;/*0.1rem;*/
    width: 1.69rem;
    height: 1.69rem;
    background-color: var(--af-color);
    border-radius: 1rem;
    cursor: pointer;
}

.riser-switch-txt {
    display: inline-block;
    width: calc(50% - 0.4rem);/*calc(100% - 2.69rem);*/
    height: 100%;
    line-height: 1.94rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 0.4rem;/*2rem;*/
    font-size: 0.66rem;
}

.msc-nosing {
    height: 3.38rem;
    margin: 1rem 0rem 0rem 1.25rem;
}

.msc-nosing-lbl {
    height: 40%;
}

.msc-nosing-line {
    height: 40%;
    margin-top: 1rem;
}

.nosing-line-rbtn {
    display: inline-block;
    width: 6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.msc-nosing-line label {
    font-size: 0.88rem;
    vertical-align: text-bottom;
    margin-left: 0.2rem;
    cursor: pointer;
}

.nosing-rbtn {
    display: inline-block;
    width: 1.16rem;
    height: 1.16rem;
    background-repeat: no-repeat;
    overflow: visible;
    vertical-align: sub;
}

.nosing-lbl {
    display: inline-block;
    font-size: 0.88rem;
    vertical-align: text-bottom;
    margin-left: 0.2rem;
    cursor: pointer;
}

.msb-btns>.mod-nb .btt-stair.first.act {
    border-top: 1px solid var(--af-color);
    border-right: 1px solid var(--af-color);
    border-top-right-radius: 1rem;
}

@media (orientation: portrait) and (max-width: 768px) and (max-height: 1280px) {
    .mod-sc {
        position: absolute;
        bottom: 2.9rem;
        width: 100%;
        height: 16.38rem;
        z-index: 22;
    }

    .msc-select {
        height: auto;
    }

    .msc-select-stair {
        margin-left: 0.75rem;
    }

    .msc-select-btn {
        width: 10.19rem;
    }

    .select-btn-txt {
        width: calc(100% - 3.49rem);
    }

    .select-btn-ico {
        margin-right: 0.38rem;
    }

    .msc-select-floor {
        margin-left: 0.44rem;
    }

}

@media (orientation: landscape) and (max-width: 915px) and (max-height: 480px) {
    .mod-sc {
        position: absolute;
        top: 0rem;
        width: calc(100% - 3.375rem);
        height: 100%;
        z-index: 21;
        background-color: var(--az-color);
    }

    .mod-ct {
        z-index: 22;
    }
}