.lofty-profile-page{width:100%;padding:40px 50px}.lofty-detail-title{margin-top:40px;font-family:var(--lofty-font-play-bold);font-size:34px}@media (max-width: 600px){.lofty-detail-title{margin-top:15px;font-size:20px}}@media (max-width: 600px){.lofty-profile-page{padding:0}#lofty-app{padding-left:15px;padding-right:15px}}.lofty-rate-stars{display:flex}.lofty-rate-stars .lofty_iconfont.lofty-icon-star-fill{cursor:pointer;color:#dadada}.lofty-rate-stars .lofty_iconfont.active{color:#ffa600}.note-pop-container{width:700px;background:#fff}@media (max-width: 600px){.note-pop-container{width:350px;margin:0 auto}}.note-pop-container .note-title{font-size:16px;height:50px;font-family:var(--lofty-font-bold);color:#191919;border-bottom:rgba(218,218,218,.5) solid 1px;padding-left:20px;padding-top:16px;position:relative}.note-pop-container .note-title .lofty-icon-close{position:absolute;right:20px;top:15px;cursor:pointer}.note-pop-content{padding:20px 30px 30px}@media (max-width: 600px){.note-pop-content{padding:20px}}.note-pop-content .house-info{height:120px;background:#edeff6;display:flex;position:relative}@media (max-width: 600px){.note-pop-content .house-info{flex-wrap:wrap;height:fit-content;background:#fff}}.note-pop-content .house-info>img{width:190px}@media (max-width: 600px){.note-pop-content .house-info>img{width:100%;height:120px}}.note-pop-content .house-info .lofty-status-tag{position:absolute;left:10px;top:10px;height:22px;padding:0 6px;border-radius:2px;color:#fff;font-size:12px;font-weight:400;line-height:22px;text-align:center;margin:0}.note-pop-content .house-info .house-base-info{padding:15px;width:310px}@media (max-width: 600px){.note-pop-content .house-info .house-base-info{width:210px;padding:10px 0 0}}.note-pop-content .house-info .house-base-info .house-address{font-size:16px;line-height:24px;font-family:var(--lofty-font-regular);display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}@media (max-width: 600px){.note-pop-content .house-info .house-base-info .house-address{font-size:14px}}.note-pop-content .house-info .house-base-info .house-basic{font-size:14px;color:#505050;margin-top:20px;font-family:var(--lofty-font-regular)}@media (max-width: 600px){.note-pop-content .house-info .house-base-info .house-basic{margin-top:10px;font-size:12px}}.note-pop-content .house-info .house-base-info .house-basic span+span{padding-left:7px}.note-pop-content .house-info .house-base-info .house-basic span+span:before{content:"|";margin-right:10px}.note-pop-content .house-info .house-price{position:absolute;top:20px;right:20px;color:#111;font-size:20px;font-family:var(--lofty-font-bold)}@media (max-width: 600px){.note-pop-content .house-info .house-price{top:130px;right:0}}.note-write{margin-top:30px}.note-write .note-title{display:flex;color:#191919;font-size:18px;font-family:var(--lofty-font-bold)}.note-write .note-title .note-share{font-family:var(--lofty-font-regular);margin-left:auto;color:#505050;font-size:14px}.note-write .note-text{margin-top:10px;font-size:14px;line-height:21px;color:#555;font-family:var(--lofty-font-regular)}.note-write textarea{width:100%;min-height:120px;padding:10px;margin-top:10px;font-size:14px;border:rgb(218,218,218) solid 1px;border-radius:0;font-family:var(--lofty-font-regular);outline:none;transition:border-color .3s ease;resize:none}.note-write textarea:focus{border-color:#111}.note-footer{display:flex;align-items:center;margin-top:15px}.note-footer .note-date{font-size:12px;color:#a8a8a8;font-family:var(--lofty-font-regular)}.note-footer .lofty_iconfont{font-size:16px;cursor:pointer;width:24px;height:24px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#505050}.note-footer .lofty_iconfont:hover{background:#dadada4d}.note-footer .lofty-icon-edit_01{margin-left:auto;margin-right:4px}.note-footer .lofty-icon-delete:hover{color:#f0454c}.note-footer .lofty-btn{width:80px;margin-left:auto}.house-rate-note{position:absolute;left:10px;bottom:10px;gap:5px;width:84%}.house-rate-note .rate-star-wrap{height:20px;line-height:20px;padding:0 5px 0 10px;background:#191919;width:fit-content}.house-rate-note .rating-button{display:flex;align-items:center;cursor:pointer;position:relative;color:#fff;background:#191919;padding:1px 8px;font-size:12px;height:20px;width:fit-content;max-width:100%}.house-rate-note .rating-button span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:fit-content;max-width:100%}.house-rate-note .rating-button:after{content:"";position:absolute;width:100%;height:100%;background:#ffffff1a;left:0;top:0;display:none}.house-rate-note .rating-button:hover:after{display:block}.house-rate-note .rating-button .lofty_iconfont{font-size:12px;margin-right:4px}.house-rate-note .rating-button .lofty_iconfont.lofty-icon-star{color:#fff}.house-rate-note .rating-panel{width:164px;height:80px;padding:10px;background:#fff}.house-rate-note .rating-panel .rating-panel-title{margin-bottom:20px;font-size:15px}.save-result{min-height:300px;position:relative}.recommend-title{margin-top:80px}@media (max-width: 600px){.recommend-title{margin-top:40px}}img.lofty-house-skeleton{width:100%}.search-result-container{border-bottom:rgb(218,218,218) solid 1px;padding-bottom:60px;margin-bottom:60px}@media (max-width: 600px){.search-result-container{padding-bottom:30px;margin-bottom:30px}}.search-result-container .search-title{display:flex;align-items:center;color:#191919;font-size:18px;font-family:var(--lofty-font-bold)}.search-result-container .search-title .lofty-icon-delete{display:inline-block;text-align:center;line-height:24px;margin-left:6px;width:24px;height:24px;cursor:pointer}.search-result-container .search-title .lofty-icon-delete:hover{color:#f0454c;background:#dadada4d}.search-result-container .search-title .search-date{margin-left:auto;color:#a8a8a8;font-family:var(--lofty-font-regular);font-size:14px}.search-result-container .search-title .alert-select{margin-left:20px}.search-result-container .search-title .alert-select .mail-label{font-size:14px;font-family:var(--lofty-font-mon-regular);color:#a8a8a8;font-weight:500}.search-result-container .search-title .alert-select .mail-value{font-size:14px;font-family:var(--lofty-font-mon-medium);font-weight:500;color:#191919;margin:0 6px}.search-tag-list{margin-top:30px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:5px}@media (max-width: 600px){.search-tag-list{margin-top:15px;margin-bottom:10px}}.search-tag-list .tag{padding:6px 8px;background:#797e8b1a;font-size:14px}.search-tag-list .tag label{color:#505050;font-family:var(--lofty-font-regular)}.search-tag-list .tag .value{font-family:var(--lofty-font-bold);color:#191919;font-weight:700}.view-all-listing{margin:40px auto 0;width:400px;height:50px;cursor:pointer;border:solid 1px rgb(17,17,17);display:flex;align-items:center;justify-content:center;font-family:var(--lofty-font-mon-regular);font-size:16px}.view-all-listing:hover{background:#0000001a}@media (max-width: 600px){.view-all-listing{margin:20px auto 0;width:100%}}.search-result-container:last-child{border-bottom:none}.lofty-detail-title{margin-bottom:40px}@media (max-width: 600px){.lofty-detail-title{margin-bottom:20px}}.lofty-listing{display:flex;gap:16px;flex-wrap:wrap}@media (max-width: 600px){.lofty-listing{flex-wrap:wrap;gap:20px}}@media (max-width: 600px){.lofty-listing .list-card{width:100%}}@media (min-width: 900px) and (max-width: 1480px){.list-card{width:calc((100% - 32px) / 3)}}@media (min-width: 1481px){.list-card{width:calc((100% - 48px)/4)}}.no-favorite-listing{margin:auto;width:fit-content;text-align:center}@media (max-width: 600px){.no-favorite-listing img{width:180px;height:180px}}.no-favorite-listing .tip{margin-top:20px;margin-bottom:20px;font-size:18px;font-family:var(--lofty-font-bold);color:#191919}@media (max-width: 600px){.no-favorite-listing .tip{font-size:16px;margin-bottom:10px}}.no-favorite-listing .desc{font-size:14px;color:#a8a8a8;font-family:var(--lofty-font-regular)}.no-favorite-listing .get-start{margin:30px auto;width:200px;height:50px;cursor:pointer;border:solid 1px rgb(17,17,17);color:#111;display:flex;align-items:center;justify-content:center}@media (max-width: 600px){.no-favorite-listing .get-start{margin-top:15px}}.no-favorite-listing{margin-bottom:20px}.lofty-form-panel{display:flex;flex-wrap:wrap;margin-top:30px;gap:20px}.lofty-form-panel .info-form{width:calc(50% - 10px)}@media (max-width: 600px){.lofty-form-panel .info-form{width:100%}}.lofty-form-panel .form-title{font-size:18px;font-family:var(--lofty-font-regular);font-weight:600;margin-bottom:20px}@media (max-width: 600px){.lofty-form-panel .form-title{margin-bottom:15px}}.lofty-form-panel .form-wrap{background:#dadada4d;height:270px;padding:40px}@media (max-width: 600px){.lofty-form-panel .form-wrap{height:fit-content;padding:20px}}.lofty-form-panel .form-wrap>input{display:block;width:100%}.lofty-form-panel .form-wrap input{width:100%;height:50px;border:rgb(218,218,218) solid 1px;border-radius:0;padding-left:10px;font-size:16px;color:#191919;font-family:var(--lofty-font-regular);outline:none;transition:border-color .3s ease}.lofty-form-panel .form-wrap input:focus{border-color:#111}.lofty-form-panel .form-wrap input::placeholder{color:#a8a8a8;font-size:14px}.lofty-form-panel .form-wrap input[readonly]{background-color:#f0f0f0;color:#949494;cursor:no-drop}.lofty-form-panel .form-wrap input.error{border-color:#fb4444}.lofty-form-panel .form-wrap input.error+span{color:#fb4444;font-size:12px}.lofty-form-panel .form-name{display:flex;flex-wrap:wrap;gap:10px}.lofty-form-panel .form-name .input-wrapper{flex:1}@media (max-width: 600px){.lofty-form-panel .form-name .input-wrapper{width:100%;flex:unset}}.lofty-form-panel .mt20{margin-top:20px}.update-button{margin:40px auto;width:400px;height:50px;font-size:16px;line-height:50px!important;font-family:var(--lofty-font-mon-regular)}@media (max-width: 600px){.update-button{width:100%;margin-top:20px}}.lofty-logout-button{display:flex;align-items:center;padding:0 15px;font-size:14px;font-weight:400;border:solid 1px rgba(218,218,218,.5);cursor:pointer;height:30px;width:100px;margin-left:auto}@media (max-width: 600px){.lofty-logout-button{margin:20px 0}}.lofty-logout-button span{color:#191919;margin-left:6px}.lofty-logout-button .lofty_iconfont{font-size:14px}.lofty-logout-button:hover{border-color:#111}.account-login-form{margin:auto}
