.filter {
    position: relative;
    height: 100vh;
}

.card-area {
    margin: 25.362rpx 23.551rpx;
}

.top-description {
    font-size: 27.174rpx;
}

.content {
    position: relative;
}

.fill-back-tips {
    padding: 36.232rpx 30.797rpx 54.348rpx;
    font-size: 28.986rpx;
    color: #333;
    line-height: 47.101rpx;
}

.fill-back-button {
    display: flex;
    padding: 0 30.797rpx 36.232rpx;
}

.fill-back-button button {
    width: 304.348rpx;
    margin: unset;
}

.fill-back-button button:first-child {
    margin-right: 32.609rpx;
}

.submit-panel {
    display: flex;
    padding: 18.116rpx 23.551rpx;
}

.submit-panel button {
    flex: auto;
    font-size: 28.986rpx;
    line-height: 68.841rpx;
    margin: unset;
}

.submit-panel button.submit,
.fill-back-button button  {
    background: #2772fb;
}

.submit-panel button.reset {
    margin-right: 21.739rpx;
}

.submit-panel button.custom-btn {
    height: 68.841rpx;
    line-height: 68.841rpx;
    margin-top: 0;
    font-size: 28.986rpx;
}

.custom-content {
    font-size: 25.362rpx;
    color: #999;
}

.custom-content-label {
    font-size: 25.362rpx;
    color: #999;
    flex-grow: 1;
}

.filter-checkbox-group {
    padding: 0 23.551rpx;
}

.filter-checkbox-default {
    height: auto;
    transition: height 1s;
}

.filter-checkbox-spread {
    height: 304.348rpx;
    overflow: hidden;
}

.scroll {
    max-height: 498.79rpx;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    box-sizing: border-box;
}

.custom-header {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 54.348rpx 23.551rpx 18.116rpx;
}

.custom-header:nth-child(1) {
    padding: 36.232rpx 23.551rpx 18.116rpx;
}

.custom-header.no-icon {
    justify-content: start;
    padding-left: 23.551rpx;
}

.marign-bottom {
    height: 54.348rpx;
}

.tips {
    padding: 10.87rpx 0 72.464rpx 0;
    text-align: center;
    font-size: 23.551rpx;
    color: #999;
}