/*新增 物业租售*/



.wyzs_search{padding-top: 60px;}
.wyzs_search .box{width: 60%;max-width: 750px;margin: 0 auto;position: relative;}
.wyzs_search .box::before{content: '';position: absolute;width: 20px;height: 20px;left: 20px;top: 50%;transform: translateY(-50%);background: url(/cn/images/wyzs_search_icon.png)no-repeat center;background-size: 18px auto}
.wyzs_search .box .text{width: 100%;line-height: 44px;height: 44px;border: 2px solid #e60012;border-radius: 5px;padding: 0 110px 0 50px;color: #333}
.wyzs_search .box .btn{position: absolute;width: 110px;height: 100%;right: 0;top: 0;background:#e60012 ;border-radius: 5px;color: #fff;letter-spacing: 4px;border: 0;line-height: 42px;cursor: pointer}
.wyzs_search .box .text::-webkit-input-placeholder{color: #bfbfbf;}   
.wyzs_search .box .text::-moz-placeholder{color: #bfbfbf;}   
.wyzs_search .box .text:-ms-input-placeholder {color: #bfbfbf;}   

@media(max-width:1024px){
    .wyzs_search .box{width: 100%;}
}




.wyzs_screen {padding-top: 40px}
.wyzs_screen .w1400{background: #f8f9fa;padding: 30px;}
.wyzs_screen .box dl{display: flex;align-items: flex-start}
.wyzs_screen .box dl:not(:last-child){margin-bottom: 10px}
.wyzs_screen .box dl dt{color: #333;margin-right: 24px;line-height: 24px;flex: 0 0 auto;min-width: 96px}
.wyzs_screen .box dl dd {display: flex;flex-wrap: wrap}
.wyzs_screen .box dl dd a{color: #333;line-height: 22px;border-radius: 36px;padding: 0 12px;border: 1px solid transparent;margin-bottom: 10px}
.wyzs_screen .box dl dd a.on{color:#e60012;border-color: #e60012 }
.wyzs_screen .box dl dd a:hover{color:#e60012;}

.wyzs_screen .box2{display: flex;padding-top: 20px;margin-top: 20px;border-top: 1px dashed #e0e0e0;}
.wyzs_screen .box2 .tit{color: #333;margin-right: 24px;line-height: 34px;flex: 0 0 auto;min-width: 96px}
.wyzs_screen .box2 .con{display: flex;align-items: center;}
.wyzs_screen .box2 .con .text{width: 100px;height: 34px;border: 1px solid #d6d6d6;text-align: center;border-radius: 5px;color: #333}
.wyzs_screen .box2 .con .text::-webkit-input-placeholder{color: #ccc;}   
.wyzs_screen .box2 .con .text::-moz-placeholder{color: #ccc;}   
.wyzs_screen .box2 .con .text:-ms-input-placeholder {color: #ccc;} 

.wyzs_screen .box2 .con i {margin: 0 12px;color: #333;line-height: 10px} 
.wyzs_screen .box2 .con .btn{width: 66px;height: 34px;line-height: 32px;background:#e60012 ;color: #fff;border-radius: 5px;margin-left: 20px;border: 0;} 

@media(max-width:1024px){
    .wyzs_screen .w1400{padding: 20px;}
    .wyzs_screen .box dl{display: block;}
    .wyzs_screen .box dl dt{margin-bottom: 5px}
    
    .wyzs_screen .box2{display: block;}
}



.wyzs_tip_left {display: flex;align-items: center;flex-wrap: wrap;gap: 30px;padding: 20px 0;}
.sort-label {color: #333;cursor: pointer;transition: all 0.3s ease;display: inline-flex;align-items: center;}
.sort-label.active {color: #e60012;font-weight: bold;}
.sort-controls {display: flex;align-items: center;}
.sort-arrows {display: flex;flex-direction: column;margin-left: 5px;cursor: pointer;margin-top: 3px;}
.sort-arrow {width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;margin: 1px 0;transition: border-color 0.2s;}
.sort-arrow-up {border-bottom: 5px solid #bfbfbf;}
.sort-arrow-up:hover,
.sort-arrow-up.active {border-bottom-color: #e60012;}
.sort-arrow-down {border-top: 5px solid #bfbfbf;}
.sort-arrow-down:hover,
.sort-arrow-down.active {border-top-color: #e60012;}

.wyzs_tip_right{color: #333;}
.wyzs_tip_right span{color: #e60012;}

@media(min-width:1025px){
    .wyzs_tip .w1400{display: flex;justify-content: space-between;align-items:center}
    
}
@media(max-width:1024px){
    .wyzs_tip_right{margin-bottom: 20px}
}




.wyzs_list ul{display: flex;flex-wrap: wrap;}
.wyzs_list li {width: 23.5%;margin-right: 2%;margin-bottom: 2%}
.wyzs_list li:nth-child(4n){margin-right: 0}
.wyzs_list li a{display: flex;flex-direction: column;position: relative}
.wyzs_list li a .pic{position: relative;height: 60%;}
.wyzs_list li a .pic figure{padding-bottom: 75.99%;background-size: cover;background-position: center;background-repeat: no-repeat;transition: all .5s ease}
.wyzs_list li a .pic .tip1{position: absolute;left: 3%;top: 3%;z-index: 10;width: 100%}
.wyzs_list li a .pic .tip1 span{font-size: .6771vw;color: #fff;border-radius: 36px;padding: 1.676% 3%;display: inline-block;margin-right: 1%;line-height: 1;margin-bottom: 2%}
.wyzs_list li a .pic .tip1 span:nth-child(1){background: rgba(243,61,74,.8);}
.wyzs_list li a .pic .tip1 span:nth-child(2){background: rgba(246,140,61,.8);}
.wyzs_list li a .pic .tip1 span:nth-child(3){background: rgba(37,184,169,.8);}
.wyzs_list li a .pic .tip1 span:nth-child(4){background: rgba(243,61,74,.8);}
.wyzs_list li a .pic .tip1 span:nth-child(5){background: rgba(246,140,61,.8);}
.wyzs_list li a .pic .tip1 span:nth-child(6){background: rgba(37,184,169,.8);}
.wyzs_list li a .pic .tip1 span:nth-child(7){background: rgba(243,61,74,.8);}
.wyzs_list li a .pic .tip1 span:nth-child(8){background: rgba(246,140,61,.8);}
.wyzs_list li a .pic .tip1 span:nth-child(9){background: rgba(37,184,169,.8);}
.wyzs_list li a .pic .tip2{position: absolute;left: 0;bottom: 0;z-index: 10;background: rgba(0,151,230,.7);padding: 1.07% 4%;display: block;color: #fff}
.wyzs_list li a .pic .tip3 {position: absolute;right: 0;bottom: 0;display: flex;align-items: center}
.wyzs_list li a .pic .tip3 span{padding: .183vw .58vw;color: #fff;}
.wyzs_list li a .pic .tip3 span.b1{background: #27c210}
.wyzs_list li a .pic .tip3 span.b2{background: #e60012}

.wyzs_list li a .txt{background: #f8f9fa;padding: 22px;}
.wyzs_list li a .txt .it{height: 46px;overflow: hidden;color: #333;line-height:22px;}
.wyzs_list li a .txt .ip{color: #666;}
.wyzs_list li a .txt .ip .ipp{line-height: 2;}
.wyzs_list li a .txt .ip .ipp span{color: #e60012;font-weight:bold;}
.wyzs_list li a .txt .hits{color: #666;line-height: 2;transition: all .5s ease;height: 0;opacity: 0}
.wyzs_list li:hover a .pic figure{padding-bottom: calc(75.99% - 2em)}
.wyzs_list li:hover a .txt .hits{height: 2em;opacity: 1}

@media(max-width:1024px){
    .wyzs_list li {width: 49%;}
    .wyzs_list li:nth-child(2n){margin-right: 0}
    .wyzs_list li a .txt{padding: 20px 15px;}
}

<!--0.00013113021850586-->