.search-bar{padding: 12px 24px;background-color: #f7f8fa;}
.search-item-box {width: 1150px; margin: 0 auto;}
.search-item {height: auto;line-height: 20px;padding: 1px 0;}
.search-item strong {float: left;margin: 1px 8px 0 0; line-height:30px;padding-right: 4px; font-size:14px; color:#555555;}


.sub {max-width:980px;padding:4px 9px;margin:7px 0 0 50px;background:#e5e5e5;border-radius:5px;}
.sub li {padding:6px 11px;float:left;border-radius:3px;font-size:13px;}
.sub li.active,.sub li.active a {color:#459DF5;}
.sub a {color:#777;font-size:13px;}



.param-links {overflow: hidden;zoom: 1;padding: 1px 2px;line-height:30px;}
.param-links a{ display: inline-block;margin-right: 12px;padding-right: 5px;color: #666;font-size: 14px;}
.param-links a:hover{ color:#FF6500;}
.param-links a.on,.param-links a.current{ color:#ff9000;}
.param-links .input{width: 50px; height: 24px; line-height: 24px; color: #333;text-align: center;/*border: 1px solid #E4E4E4;*/}

a.btn-a {width:50px;height: 26px;/*border: 1px solid #ddd;*/background: #302F35;cursor: pointer; text-align:center; line-height:26px;    display: inline-block;margin-right: 12px; padding-right:0;color: #fff;font-size: 14px; border-radius:3px;}

.search_tj{ line-height:30px;}
.search_tj span{margin-left:10px;font-weight:bold;}
a.selected  {height: 16px;position: relative;cursor: pointer;padding:4px 18px 4px 4px;line-height: 16px;border: 1px dashed #e5ceb9;;background-color: #fff;color: #666; text-decoration:none; border-radius:3px;}
a.selected:hover {background-color: #fff2d7;color: #333;}
a.selected i {width: 12px;height: 12px;position: absolute;right: 3px;top:6px;background:url(../img/exit-icon-gray.png) no-repeat 0 0px;}


.left-container {width:900px;}
 .house-sort-box {width:900px;height:48px;line-height:48px;background:#fff;border-bottom:1px solid #f2f2f2;padding-right:10px;}
 .house-sort-box .result {display:inline-block;font-size:26px;color:#333;width:auto;font-weight:700;}
.house-sort-box .result .result-num {color:#FF6600;}


.list-container .list-item {padding:20px;cursor:pointer;border-bottom:1px solid #f4f4f4;display: flex;-webkit-transition:opacity .7s,top .2s linear,-webkit-box-shadow .3s linear;transition:opacity .7s,box-shadow .3s linear,top .2s linear;}

.list-container .list-item:hover{/*box-shadow: 0 3px 10px #555;*/box-shadow:1px 4px 10px 2px #ccc;-webkit-transition:top .2s linear,-webkit-box-shadow .3s linear;transition:box-shadow .3s linear,top .2s linear;background:#f4f4f4}

.list-container .list-item .fl {font-weight:700;color:#333;line-height:1.3;max-width:210px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;word-break:break-all}
.list-container .list-item .fl i {margin-right:10px}
.list-container .list-item .desc {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;word-break:break-all;color:#9399a5;line-height:1.3;margin-top:10px;margin-left:24px}
.list-container .list-item__selected .fl,.list-container .list-item__selected i {color:#399ede}


.list-item  .show-img {display:block;width:auto;margin-right:30px;overflow:hidden;border-radius: 5px;}
.list-item .image-view-container {width:185px;overflow:hidden;position:relative;font-size:0;}

.list-item .text-detail {width:90%;position:relative;}
.text-detail p {margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;word-break:break-all;}
.text-detail .title {color:#333;font-size:22px;font-weight:700;line-height:1.2;display:inline-block;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-detail p span.text {color:#555965;font-size:14px;display:inline-block;}
.text-detail p:last-child {margin-bottom:0;}

.text-detail .characteristic span {
    display: inline-block;
    min-width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #6a8ea7;
    background: #edf3fc;
    padding: 0 10px;
    font-size: 12px!important;
    border-radius: 4px;
}

.price-details {width:180px;text-align:right;}
.price-details p{width: 100%;}
.price-details .price {color:#fe615a;font-size:30px;font-weight:700;}
.price-details .price .unit {font-size:12px;font-weight:400;}

.right-container{width: 99%;margin-left:30px;}
.rightTitle {
    font-size: 16px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    margin-top: 10px;
}
.rightHot{margin-top: 20px;}
.rightHot li {display:block;padding-bottom:10px}
.rightHot li:last-child {padding-bottom:0}
.rightHot li img {display:inline-block;width:88px;height:66px;border-radius:5px;float:left}
.rightHot-con {display:inline-block;padding-left:10px;}
.rightHot-con .p1 {display:block;height:24px;line-height:24px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;margin-top:-4px;height:24px;width:100%;color:#333}
.rightHot-con .p2 {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:2px;color:#979fa8;height:22px;width:100%;line-height:22px}
.rightHot-con .p2 i {display:inline-block;color:#f73a3a;font-weight:700;padding-right:5px;font-size:16px}
.rightHot-con .p3 {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:2px;color:#3f454b;font-size:12px;height:22px;line-height:22px;width:100%}
.rightHot li:hover .rightHot-con .p1 {color:#f90}
.rightPhone {margin-top:10px}



/************loupan detail*************/

.hot-loupan li{width:24%;margin-right:1.3333%;margin-bottom:1.5%;}
.hot-loupan li:nth-child(4n){margin-right: 0;}
.hot-loupan:after {/*content:"";width:270px;*/}/*防止对不齐*/
.hot-loupan li img {width:100%;height:210px;}
.hot-loupan .desc-box {text-align:left;padding-top:10px;background-color:#fff;}
.hot-loupan .gardens-name {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;word-break:break-all;font-size:18px;font-weight:700;color:#262626;}
.hot-loupan .gardens-desc {font-size:14px;color:#979da8;line-height:1.5;margin-top: 5px;}
.hot-loupan .gardens-price {font-size:12px;}
.hot-loupan .price {font-size:18px;font-weight:700;color:#fe615a}

.chuzu-other{font-size: 14px;}
.chuzu-other li{margin-bottom: 10px;}
.chuzu-other li a{color:#666;}
.chuzu-other li a .title{width:75%;}
.chuzu-other li a .mianji{width:25%;color:#ff6600;text-align: right;}



.loupan-nav{margin: 22px 0 20px;font-size: 12px;color: #979da8;position: relative;}
.loupan-nav .nav-item {margin: 0 2px;color: #dcdee2;}
.title-h2{}
.title-h2 h1{font-size: 22px;font-weight: bold;}
.loupan-main .image-swiper {width:710px;min-height:400px;}
.detail-slide{width:710px;height:400px;cursor:pointer;}
.detail-img-box img {width:710px;height:auto;cursor:pointer;}
.show-img-type {position:absolute;z-index:1000;top:358px;left:10px;color:#fff;background-color:rgba(0,0,0,.4);padding:10px;}



/*
.gallery-thumbs {box-sizing:border-box;padding:0 38px !important;margin-top:10px}
.gallery-thumbs .swiper-slide {width:109px;height:85px;overflow:hidden;position:relative;margin-right:10px}
.gallery-thumbs .swiper-slide:last-child {margin-right:0}
.gallery-thumbs .custom-active .thumbs-desc {background:#00a0e9}
.swiper-btn {position:absolute;top:0;width:30px;height:85px;line-height:85px;text-align:center;background-color:#232836;z-index:9;cursor:pointer}
.swiper-btn.swiper-btn-prev {left:0}
.swiper-btn.swiper-btn-next {right:0}
.swiper-btn .iconfont-sbwl {font-weight:700}
.swiper-btn.disable {background:#9f9f9f;cursor:no-drop}
.show-img-type {position:absolute;z-index:1000;top:358px;left:10px;color:#fff;background-color:rgba(0,0,0,.4);padding:10px}
.img-shooting {display:inline-block;width:660px;height:495px;overflow:hidden}
.img-shooting .img-error-text span {left:44%}
 .ivu-modal-mask {background-color:rgba(0,0,0,.8)}
 .preview-modal .ivu-modal-content {background:transparent;box-shadow:none;color:#fff}
 .preview-modal .ivu-modal-close .ivu-icon-ios-close {color:#fff;font-size:60px}
 .preview-modal .ivu-modal-header {border:none}
 .preview-modal .swiper-container {height:85%}
 .preview-modal .gallery-top-preview .image-view-container {display:inline-block;height:100%;margin:0 auto;text-align:center}
 .preview-modal .gallery-top-preview .swiper-slide {text-align:center;opacity:0!important}
 .preview-modal .gallery-top-preview .swiper-slide-active {opacity:1!important}
 .preview-modal .gallery-top-preview .swiper-slide-active .show-img-preview-type {display:block}
 .preview-modal .gallery-thumbs-preview {position:absolute;left:50%;bottom:15px;width:392px;height:40px;margin-left:-170px}
 .preview-modal .gallery-thumbs-preview .swiper-slide {width:50px;height:100%;opacity:.4;overflow:hidden}
 .preview-modal .gallery-thumbs-preview .swiper-slide-thumb-active {opacity:1}*/


.loupan-main .m-right{margin-left: 30px;flex: 1;}
.price-container{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f5f5f6;
    padding-bottom: 15px;

}


.info-container {display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #f5f5f6;padding:17px 0 0}

.info-container .label-text{font-size: 14px;margin-bottom: 10px;}
.info-container .label-text .item{width:80px;height: 20px;color: #979da8;}
.info-container .label-text .text{text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;word-break: break-all;}


.location-container {border-bottom:1px solid #f5f5f6;padding:16px 0;color:#394043;font-weight:400;}
.location-container .location-text {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;word-break:break-all;line-height:1.4;margin-top:-1px;}
.consult-container .consult-title {font-size:24px;font-weight:700;}
.consult-container .consult-tip {color:#9399a5;font-weight:400;margin-top:10px;margin-bottom:20px;}
.consult-container .consult-button {display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;}
.consult-container .consult-button .left {display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;width:108px;height:48px;background:#00a0e9;color:#fff;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.consult-container .consult-button .right {display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;min-width:154px;height:48px;border:1px solid #00a0e9;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#00a0e9;font-weight:700;font-size:18px;padding:0 10px;}
.xcx-container .qr-xcx {color:#b6b6b6;font-size:12px;}
.xcx-container .qr-xcx .qr {width:116px;height:116px;margin-bottom:6px;}


.w-710 {width: 710px;}
.d-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #333;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;padding-bottom:20px;border-bottom: 1px solid #f5f5f6;
}

.content {}
.item-info{display: flex;}
.item-info .name {width:125px;display:inline-block;text-align:left;font-size:14px;color:#979da8;line-height:20px}
.item-info .info {float:left;width:100%;display:inline-block;font-size:14px;color:#333;text-align:left;margin-bottom:14px;border-bottom:1px solid #f5f5f6}
.item-info .info .item-row {min-height:30px;position:relative;margin-left:0;margin-right:0;zoom:1;display:block;}
.ivu-col-span-12 {float:left;flex:0 0 auto;display:block;width:50%;}
.content .label-text {display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;line-height:20px;margin-bottom:14px;margin-left:60px;}
.content .label-text .title {float:left;height:20px;color:#979da8;}
.content .label-text .title:after {display:inline-block;width:100%;content:"";}
.content .tip-box .tip,.tip-box {display:inline-block;width:16px;}
.content .tip-box {flex:0 0 16px;margin-top:-1px;}
.content .label-text .text {display:inline-block;margin-left:12px;color:#394043;}



.zu_guwen{width: calc(100% - 735px);}

/*.price-box{width:140px;float:right;text-align:left}
.blue{color:#009bda}
.pink{color:#fe615a}
.price{position:relative;}

.del{text-decoration:line-through;color:#9399a5}
.load-more{display:block;width:320px;height:50px;margin:40px auto 0;text-align:center;border-radius:2px;border-color:#ededed;color:#333;font-size:14px}
.load-more:hover {color:#009bda;border-color:#009bda}*/

.zu_list{}
.zu_list a{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #dadada;}
.zu_list a .img{width: 120px;height:80px;margin-right: 10px;border-radius: 5px;overflow: hidden;max-height: 90px;}
.zu_list a .img img{width: 100%;}
.zu_list a .title{flex: 1;}


.img-box{position:relative;width:100px;height:70px;margin:0 auto}
.img-box .rent{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(46,46,46,.42)}
.img-box .rent .rent-tag{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg);width:54px;height:24px;line-height:24px;border:1px solid #fff}
.img-box .good-tag,.img-box .rent .rent-tag{position:absolute;color:#fff;font-weight:700}
.img-box .good-tag{top:3px;left:-3px;width:60px;height:26px;font-size:12px;line-height:22px;text-align:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAaCAMAAADc189rAAAA81BMVEUAAAD/AAD/VQD/gCr/gDP/dif/ZiL/di7/dCf/eSb/ZyT7dif7cyj8div8YyT9dyr9biXbPgr9YSP9dSj9dSn9dyr+dij+aST+YSL+dir8din9din9din9ZiP9dij9dCj9dyn9ZCP9cCf9din9YyP9dincPgn9Vh/9Vx/9WB/9WCD9WSD9WiD9WyD9WyH9XCH9XSH9XiH9XiL9XyL9YCL9YSL9YiL9YiP9YyP9ZCP9ZSP9ZST9ZiT9ZyT9aCT9aCX9aSX9aiX9ayX9ayb9bCb9bSb9bib9byf9cCf9cSf9cif9cij9cyj9dCj9dSj9dSn9dinXLiQ8AAAAJnRSTlMAAQMGCg0PHCEoKkFHVFV0e4CLi5afq6+9vsbO1tjp7PHz/Pz+/vmnAaAAAAFLSURBVDjLpdTneoIwFIDhdO9h996lLAs4ihSoYlGxop77v5qGBCggq3r+vw/fQ3KC3jKHZVmO4wVBEEWx+i5JkiwrSr3eaFwsI39yKMvx1FY9G9Bm8+MoH0epSKms1KhV1Zf9HMxmFnu01dIetzNxXrFHtU/9dj0dp9Ja5LOabhjm+VIKLizWdN0wO5Z9OIsp5SmNF6t+sWG0Lbs3eNpN4MJij351ur2+M3TvN6M49Xhmi7t2fzAcuZPp9SrKKJZSi01S7Izc8RQATlH+8QRWixUTCnCCSlyoRPF4QihcraDcFcgsxnO34f2wEhcKF1vfmIbFAM87+KjKFzt/xXgOEMGlLhQ5nvCzAGfkepYt/olSuFkji1G4AvR4osUAD1t0Jf9fDPC65z8GxSvgJCjAcfAMlViBWDGey/ABrDAMg+aeyiIYa7SInhf+AkuT+z71q7VvAAAAAElFTkSuQmCC) no-repeat 0 0}
.img-box .good-tag,.img-box .video-tag{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;word-break:break-all}
.img-box .video-tag{position:absolute;bottom:3px;left:5px;width:14px;height:16px;color:#fff;font-weight:700}


/*经纪人*/
.broker-list .item {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:22px 0;border-bottom:1px solid #f5f5f5}
.broker-list .item:first-child {padding-top:0}
.broker-list .photo {height:60px;border-radius:50%}
.broker-list .info {flex:1;margin-left:15px}
.broker-list .info p+p {margin-top:8px}
.broker-list .info .name {font-size:22px;color:#333;font-weight:700}
.broker-list .info .name:hover {color:#399ede;text-decoration:underline}
.broker-list .info .logo {padding:4px;margin:0 5px 0 9px;background-color:#f7f7f9;border-radius:2px;color:#99a1af}
.broker-list .info .rate {color:#99a1af}
.broker-list .info .text {color:#9399a5}
.broker-list .info .phone-box {color:#009fe9;font-weight:700;font-size:20px;font-family:DINOT}
.broker-list .advisory {width:70px;height:30px;line-height:30px;padding:0;text-align:center;background:#009fe9;color:#fff;border:none;font-size:14px;border-radius:4px}
 .img-error-text i {font-size:12px}
 .img-error-text span {margin-left:0}
.qr-box {position:absolute;top:0;right:88px;width:156px;height:160px;padding-top:15px;background:#fff;color:#b6b6b6;box-shadow:1px 2px 8px 0 hsla(0,0%,83.1%,.7);border-radius:2px;text-align:center;font-size:12px;z-index:1}
.qr-box .qr {width:120px;height:120px;margin:0 auto 6px}





/*地图*/
.map-box{position: relative;}
.baidu{width: 100%;height: 450px;overflow: hidden;
    position: relative;
    z-index: 0;
    background-color: rgb(243, 241, 236);
    color: rgb(0, 0, 0);
    text-align: left;}
.zbweizhi{margin-left:30px;position:relative;width:1140px;height:450px;}
.wznav{position:absolute;top:15px;right:15px;height:30px;line-height:28px;border:1px solid #ececec;z-index:99;overflow: hidden;background:#fff;}
.wznav span{width:50px;text-align:center;color:#535d6a;font-size:12px;float:left;cursor: pointer;}
.wznav span.activetxt{color:#FF6600;}
.wznav span label{border-bottom:2px solid #FF6600;width:30px;display:block;margin-left:10px;}
.modules{position:absolute;top:45px;right:15px;width:300px;border:1px solid #ebebeb;height:400px;background:#fff;z-index:100;}
.modules .toptxt{height:30px;line-height:30px;background:#f8f8f8;border-bottom:1px solid #ebebeb;text-align: center;color:#FF6600;font-size:12px;}

.moducont{height:368px;}
.moducont ul{margin-top:5px;}
.moducont ul li{margin:20px 10px;padding-bottom:20px;border-bottom: 1px solid #e6e6e6;}
.hang1{line-height:25px;}
.hang1 span{background:#fff;border:1px solid #e0e0e0;width:25px;height:25px;font-size:12px;color:#fff;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;display:inline-block;margin-right:8px;}
.hang1 span label{background:#e74057;width:21px;height:21px;line-height:21px;font-size:12px;color:#fff;-moz-border-radius:21px;-webkit-border-radius:21px;border-radius:21px;display:inline-block;margin:2px;text-align: center;}
.hangtxt{line-height:21px;color:#5c7596;font-size:12px;margin-left:45px;}




/* 出租 */

.desc-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f5f5f6;
    padding: 24px 0;
}
.desc-container .tip{
    color: #979da8;
    margin-top: 12px;
}


.chuzu-item{}
.chuzu-item li{width: 50%;margin-bottom: 10px;font-size: 14px;}
.chuzu-item li.right{width: 50%;padding-left: 10px;}
.chuzu-item li.w100{width: 100%;}
.chuzu-item li span{min-width:70px;color: rgba(0,0,0,.5);margin-right: 10px;text-align: justify;text-align-last: justify}