<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#pc-search-box,
.pc-search-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.14rem;
}

#pc-search-box .search-container,
.pc-search-box .search-container{
    display: flex;
    align-items: center;
}

#pc-search-box .search-item,
.pc-search-box .search-item{
    position: relative;
    margin-left: 0.1rem;
}

#pc-search-box .search-item:first-child,
.pc-search-box .search-item:first-child{
    margin-left: 0;
}

#pc-search-box .search-item .search-box,
.pc-search-box .search-item .search-box{
    width: 1.6rem;
    height: 0.4rem;
    padding: 0 0.1rem;
    border: 0.01rem solid #DDDDDD;
    border-radius: 0.04rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#pc-search-box .search-item .order-search-box,
.pc-search-box .search-item .order-search-box{
    border: none;
    justify-content: flex-end;
}

#pc-search-box .search-item .search-box .input-box,
.pc-search-box .search-item .search-box .input-box{
    width: calc(100% - 0.2rem);
    cursor: pointer;
    display: flex;
    align-items: center;
}

#pc-search-box .search-item .order-search-box .input-box{
    width: revert;
    max-width: 1.2rem;
}

.pc-search-box .search-item .order-search-box .input-box{
    width: revert;
    max-width: 2rem;
}

#pc-search-box .search-item .search-box .price-range-text,
#pc-search-box .search-item .search-box .city-name-text,
#pc-search-box .search-item .search-box .bd-text,
#pc-search-box .search-item .search-box .hometype-name-text,
#pc-search-box .search-item .search-box .show-name-text,
#pc-search-box .search-item .search-box .data-name-text,
.pc-search-box .search-item .search-box .price-range-text,
.pc-search-box .search-item .search-box .city-name-text,
.pc-search-box .search-item .search-box .bd-text,
.pc-search-box .search-item .search-box .hometype-name-text,
.pc-search-box .search-item .search-box .show-name-text,
.pc-search-box .search-item .search-box .data-name-text{
    width: calc(100% - 0.16rem);
    word-wrap: break-word; /*å¼ºåˆ¶æ¢è¡Œ*/
    overflow: hidden; /*è¶…å‡ºéšè—*/
    text-overflow: ellipsis;/*éšè—åŽæ·»åŠ&nbsp;çœç•¥å·*/
    white-space: nowrap;/*å¼ºåˆ¶ä¸æ¢è¡Œ*/
}

#pc-search-box .search-item .order-search-box .show-name-text{
    width: revert;
    max-width: 1.2rem;
    color: var(--blue-color);
}

.pc-search-box .search-item .order-search-box .show-name-text{
    width: revert;
    max-width: 2rem;
    color: var(--blue-color);
}

#pc-search-box .search-item .search-box img,
.pc-search-box .search-item .search-box img{
    width: 0.2rem;
    height: 0.2rem;
}

#pc-search-box .search-item .search-box img.delete-icon,
.pc-search-box .search-item .search-box img.delete-icon{
    width: 0.16rem;
    height: 0.16rem;
}


/*ä»·æ&nbsp;¼ - start*/
#pc-search-box .price-dropdown,
#pc-search-box .city-dropdown,
#pc-search-box .bd-dropdown,
#pc-search-box .hometype-dropdown,
#pc-search-box .data-dropdown,
.pc-search-box .price-dropdown,
.pc-search-box .city-dropdown,
.pc-search-box .bd-dropdown,
.pc-search-box .hometype-dropdown,
.pc-search-box .data-dropdown{
    position: absolute;
    top: 0.44rem;
    left: 0;
    width: auto;
    padding: 0.1rem;
    background: #FFFFFF;
    border: 0.01rem solid #DDDDDD;
    border-radius: 0.04rem;
    z-index: 100;
}

.price-dropdown .price-input-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.price-dropdown .price-input-container input{
    width: 1.6rem;
    padding: 0 0.1rem;
    height: 0.4rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #DDDDDD;
}

.price-dropdown .price-input-container span{
    margin: 0 0.1rem;
}

.price-dropdown-options{
    /*margin-top: 0.1rem;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.price-dropdown-options .price-dropdown-col{
    display: none;
    width: calc((100% - 0.4rem) / 2);
    background: #FFFFFF;
}

.price-dropdown .dropdown-list li,
.city-dropdown .dropdown-list li,
.hometype-dropdown .dropdown-list li,
.data-dropdown .dropdown-list li{
    margin-top: 0.1rem;
    cursor: pointer;
    white-space: nowrap;
}

.price-dropdown .dropdown-list li:first-child,
.city-dropdown .dropdown-list li:first-child,
.hometype-dropdown .dropdown-list li:first-child,
.data-dropdown .dropdown-list li:first-child{
    margin-top: 0;
}


.dropdown-list li:hover{
    color: #4d65c2;
}

.price-dropdown .search-btn,
.bd-dropdown .search-btn{
    margin-top: 0.1rem;
    width: 100%;
    height: 0.4rem;
    background: #4d65c2;
    color: #FFFFFF;
}

/*ä»·æ&nbsp;¼ - end*/

/*æˆ·åž‹ - start*/
.bd-dropdown-header{
    font-weight: bold;
}

.dropdown-list-bedroom,
.dropdown-list-bathroom {
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    margin-top: 0.06rem;
}

.dropdown-list-bedroom{
    margin-bottom: 0.06rem;
}

.dropdown-list-bedroom li,
.dropdown-list-bathroom li {
    border: 0.01rem solid #DDDDDD;
    width: 0.4rem;
    height: 0.4rem;
    text-align: center;
    line-height: 0.4rem;
    cursor: pointer;
}

.dropdown-list-bedroom li:first-child,
.dropdown-list-bathroom li:first-child{
    border-radius: 0.04rem 0 0 0.04rem;
}

.dropdown-list-bedroom li:last-child,
.dropdown-list-bathroom li:last-child{
    border-radius: 0 0.04rem 0.04rem 0;
}

.dropdown-list-bedroom li.active,
.dropdown-list-bathroom li.active{
    color: var(--blue-color);
    border: 0.01rem solid var(--blue-color);
}
/*æˆ·åž‹ - end*/

/*æ›´å¤š*/
.pc-search-box .more-dropdown{
    position: absolute;
    top: 34px;
    right: 0;
    width: 250px;
    padding: 10px;
    background: #FFFFFF;
    border: 0.01rem solid #DDDDDD;
    border-radius: 4px;
    z-index: 100;
}

.pc-search-box .more-dropdown .hometype-container,
.pc-search-box .more-dropdown .constructionStatus-container,
.pc-search-box .more-dropdown .sellingStatus-container,
.pc-search-box .more-dropdown .groupType-container,
.pc-search-box .more-dropdown .more-search-box{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.pc-search-box .more-dropdown .constructionStatus-container,
.pc-search-box .more-dropdown .sellingStatus-container,
.pc-search-box .more-dropdown .groupType-container,
.pc-search-box .more-dropdown .more-search-box{
    margin-top: 15px;
}

.pc-search-box .more-dropdown select{
    max-width: 90px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
}

.pc-search-box .more-dropdown select:focus{
    border: 1px solid #333333;
}

.pc-search-box .more-dropdown .more-search-box button{
    width: 67px;
    height: 30px;
    border-radius: 4px;
}

.pc-search-box .more-dropdown .more-search-box button.reset-btn{
    border: 1px solid #6785FD;
    color: #6785FD;
}

.pc-search-box .more-dropdown .more-search-box button.search-btn{
    color: #FFFFFF;
    background: #6785FD;
}



@media screen and (max-width:768px){
    #pc-search-box, .pc-search-box{
        font-size: 12px;
        margin-top: 10px;
    }

    #pc-search-box .search-container, .pc-search-box .search-container{
        width: 100%;
        align-items: center;
        /*justify-content: space-between;*/
    }

    #pc-search-box .search-item, .pc-search-box .search-item{
        margin-left: 8px;
        width: calc((100% - 30px) / 4);
    }

    #pc-search-box .search-item .search-box, .pc-search-box .search-item .search-box{
        width: 100%;
        height: 30px;
        padding: 0 4px;
        border-radius: 4px;
    }

    #pc-search-box .search-item .search-box .input-box, .pc-search-box .search-item .search-box .input-box{
        width: 100%;
    }

    #pc-search-box .search-item .search-box .price-range-text,
    #pc-search-box .search-item .search-box .city-name-text,
    #pc-search-box .search-item .search-box .bd-text,
    #pc-search-box .search-item .search-box .hometype-name-text,
    #pc-search-box .search-item .search-box .show-name-text,
    #pc-search-box .search-item .search-box .data-name-text,
    .pc-search-box .search-item .search-box .price-range-text,
    .pc-search-box .search-item .search-box .city-name-text,
    .pc-search-box .search-item .search-box .bd-text,
    .pc-search-box .search-item .search-box .hometype-name-text,
    .pc-search-box .search-item .search-box .show-name-text,
    .pc-search-box .search-item .search-box .data-name-text{
        width: calc(100% - 12px);
    }

    #pc-search-box .search-item .search-box img.delete-icon, .pc-search-box .search-item .search-box img.delete-icon{
        width: 12px;
        height: 12px;
    }

    #pc-search-box .search-item .search-box img, .pc-search-box .search-item .search-box img{
        display: none;
    }

    #pc-search-box .price-dropdown,
    #pc-search-box .city-dropdown,
    #pc-search-box .bd-dropdown,
    #pc-search-box .hometype-dropdown,
    #pc-search-box .data-dropdown,
    .pc-search-box .price-dropdown,
    .pc-search-box .city-dropdown,
    .pc-search-box .bd-dropdown,
    .pc-search-box .hometype-dropdown,
    .pc-search-box .data-dropdown{
        top: 34px;
        padding: 10px;
        border-radius: 4px;
    }
    .pc-search-box .bd-dropdown{
        left: -60px;
    }
    .price-dropdown .dropdown-list,
    .price-dropdown .dropdown-list li,
    .city-dropdown .dropdown-list li,
    .hometype-dropdown .dropdown-list li,
    .data-dropdown .dropdown-list li{
        margin-top: 10px;
    }

    .price-dropdown .price-input-container input{
        width: 110px;
        height: 30px;
        padding: 0 4px;
        border-radius: 4px;
    }

    .price-dropdown .price-input-container span{
        margin: 0 4px;
    }

    .price-dropdown .search-btn, .bd-dropdown .search-btn{
        margin-top: 10px;
        height: 30px;
    }

    .dropdown-list-bedroom, .dropdown-list-bathroom{
        margin-top: 6px;
    }

    .dropdown-list-bedroom{
        margin-bottom: 6px;
    }

    .dropdown-list-bedroom li, .dropdown-list-bathroom li{
        width: 40px;
        height: 30px;
        line-height: 30px;
    }
}</pre></body></html>