.filter-row .right{
    display: flex;
    flex-wrap: wrap;
    gap: calc(10em / 16);
}

.filter-row {
    align-items: flex-start;
    padding-top: calc(10 * var(--rpx));
    padding-bottom: calc(10 * var(--rpx));
    border: none;
}

.filter-row .left{
    line-height: calc(30em / 16);
    padding-top: calc(10em / 16);
}

.filter-ctn{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;

    padding-top: calc(50 * var(--rpx));
    padding-bottom: calc(50 * var(--rpx));
}

.result-part .section-title{
    margin-bottom: calc(32 * var(--rpx));
}

section.main{
    padding-top: calc(160 * var(--rpx-50));
    padding-bottom: calc(200 * var(--rpx-50));
}

.result-ctn{
    display: flex;
    align-items: stretch;
    background-color: #fafbfd;
    padding-top: calc(52 * var(--rpx));
    padding-bottom: calc(52 * var(--rpx));
}

.result-ctn .col{
    width: calc(100% / 3);
    flex: 0 0 auto;
    padding-left: calc(40 * var(--rpx));
    padding-right: calc(40 * var(--rpx));
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.result-ctn .col:last-of-type{
    border-right: none;
}

.result-item{
    line-height: calc(24em / 16);
    padding-top: calc(8em / 16);
    padding-bottom: calc(8em / 16);
    font-weight: bold;
    color: var(--theme-navy);
    cursor: pointer;
    margin-bottom: calc(20em / 16);
}
.result-item:hover{
    text-decoration: underline;
}

.result-item:last-of-type{
    margin-bottom: 0;
}

@media (max-width: 750px) {
    .filter-row{
        display: flex;
        flex-direction: column;
        gap: calc(20 * var(--rpx));
    }
    .filter-row .left,
    .filter-row .right{
        width: 100%;
        padding-left: 0;
    }
    .filter-ctn{
        padding-top: calc(30 * var(--rpx));
        padding-bottom: calc(30 * var(--rpx));
    }

    .field-option{
        font-size: 0.875rem;
        height: calc(40em / 16);
        width: auto;
        padding-left: .75em;
        padding-right: .75em;
    }
    .field-option.mini{
        width: calc(40em / 16);
    }
    .filter-row .right{
        gap: calc(10 * var(--rpx));
    }
    .result-ctn{
        padding-top: calc(30 * var(--rpx));
        padding-bottom: calc(30 * var(--rpx));
        display: flex;
        flex-direction: column;
    }

    .result-ctn .col{
        width: 100%;
        height: auto;
        border-right: none;
        padding-left: calc(20 * var(--rpx));
        padding-right: calc(20 * var(--rpx));
    }
    .result-item,
    .result-item:last-of-type{
        margin-bottom: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    section.main{
        padding-top: calc(80 * var(--rpx));
        padding-bottom: calc(100 * var(--rpx));
    }
}