body{background: #f5f5f5;}

.flexbox{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.flex-grow{-webkit-flex-grow: 1;flex-grow: 1;}
.flex-sub-center{-webkit-align-items:center;align-items:center}
.flex-main-center{-webkit-justify-content:center;justify-content:center}
.flexbox .box_col{display: block;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}

.ui-panel .ui-panel-hd .title{font-size: 18px;font-weight: 800;color: #333;line-height: 1.2;}
.ui-panel .ui-panel-hd .more,.ui-panel .ui-panel-hd .more>*{color:#999;font-size:12px;}

.house_lists .lists{padding-left: 15px;font-size:12px;}
.house_lists .lists .pictext{padding:15px 15px 15px 0;position: relative;}
.house_lists .lists .pictext:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;box-sizing: border-box;-webkit-transform: scaleY(.5);transform: scaleY(.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;background: #e9e9e9;}
.mod_media{position: relative;width: 120px;height: 90px;text-align: center;}
.media_main img{width:100%;height:100%;border-radius:5px;}
.pictext .item_list{display: block;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;padding-left: 15px;overflow: hidden;}
.pictext .item_main{margin-bottom: 8px;line-height: 20px;height:40px;overflow: hidden;font-size: 16px;color: #394043;}
.house_lists .item_minor,.house_lists .item_other{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.house_lists .item_minor.text_cut, .house_lists .item_other.text_cut{display: block;}
.pictext .item_minor, .pictext .item_other{line-height: 1;color: #999;font-size: 14px;overflow: hidden;white-space: nowrap;}
.house_lists .item_minor .price_total, .house_lists .item_other .price_total{color: #fa5741;font-size: 15px;font-weight: 600;white-space: nowrap;}
.pictext .item_main>*, .pictext .item_minor>*, .pictext .item_other>*{vertical-align: middle;margin-right: 5px;}
.house_lists .item_minor{align-items: flex-end;}
.house_lists .item_minor .unit_price{color: #9c9fa1;font-size:12px;}
.pictext .item_other{margin-bottom: 10px;}
.house_lists .tag_box{line-height: 15px;margin-top: 0;height: 16px;margin-top:10px;}
.house_lists .tag_box>.tag{margin: 0 5px 0 0;line-height: 1;vertical-align: top;background: #d8f9f4;color:#3eb3bd;}

.search-body{display:flex;background-color: #fff;overflow: hidden;padding:12px 15px;align-items: center;}
.search-body .text-body{display: flex; -webkit-box-flex: 1; flex: 1; border-radius: 17px; background-color: #f5f5f5; box-sizing: border-box;}
.search-body .text-body .search-ipt{display: block; -webkit-box-flex: 1; flex: 1; padding: 12px 0 10px 15px; font-size: 14px; line-height: 14px; color: #333; border: none; background-color: transparent;}
.search-body .text-body .icon{color:#999;font-size:18px;background: none;padding:0 15px;}

.tab_bar{height: 45px;line-height: 45px;background-color: #fff;}
.tab_bar .tab_tit{position: relative;text-align: center;font-size: 14px;overflow: hidden;}
.tab_bar .tab_tit>.tit{display: inline-block;vertical-align: middle;overflow: hidden;}
.icon_triangle_down{width: 9px;height: 8px;background-position-y: -133px;display: inline-block;}
.icon_triangle_down{-webkit-transform: translate3D(5px,-2px,0);transform: translate3D(5px,-2px,0);}
.tab_bar .tab_tit .icon_triangle_down{color: gray;vertical-align: middle;}
.tab_bar .tab_tit.active, .tab_bar .tab_tit.active .icon_triangle_down {background-position-y: -124px;color: #f35257;}

.filter_box .content{position: fixed; background: #fff; top: 2.8125rem; width: 100%; color: #394043;}
.filter_box .filter_item{position: absolute; background: #fff; top: 0; left: 0; right: 0; -webkit-transition: -webkit-transform .5s ease; -moz-transition: transform .5s ease,-moz-transform .5s ease; -o-transition: transform .5s ease,-o-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease,-webkit-transform .5s ease,-moz-transform .5s ease,-o-transform .5s ease; -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); opacity: 0; z-index: 1;}
.filter_box .filter_item.active{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; z-index: 2;}
.filter_box .filter_item li{font-size:15px; line-height: 50px; overflow: hidden; white-space: nowrap;}
.filter_box .filter_item li.active a{color: #FF725C; -webkit-tap-highlight-color: transparent;}
.filter_box .filter_item ul{width: 100%; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.filter_box .filter_item li{height: 50px; line-height: 50px; border-bottom: 1px solid #f1f1f1; overflow: hidden; white-space: nowrap;}
.layer_fixed{position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 1000;}
.layer_fixed, body.filter_show{top: 0; left: 0; overflow: hidden; bottom: 0; right: 0;}
.layer_fixed .content a{color: #394043; line-height: 50px; display: block;}
.filter_box .tab_bar{position: relative; z-index: 10;}
.filter_box .tab_bar, .layer_fixed .content .li a, .layer_fixed .lists li{border-bottom: 1px solid #eee;}
.flex_grow{-webkit-flex-grow: 1; flex-grow: 1;}



.tag-container{display: flex;flex-flow: row nowrap;font-size: 12px;color: #999;margin-left: 15px;margin-right: 15px;background: #fff;}
.tag-container a{color:inherit;flex:1 1 20%;text-decoration: none;text-align: center;background-color: #eeeeee;height: 30px;line-height: 30px;position: relative;display: inline-block;border-radius: 3px;}
.tag-container a.active{color:#f35257;background: #f9d8d9;}
.tag-container a+a{margin-left: 8px;}

.jjr_lists,.shop_lists{background: #fff;}
.jjr_lists .item,.shop_lists .item .inner{display: flex;align-items: center;padding:15px;position: relative;overflow: hidden;}
.jjr_lists .item+.item:after,.shop_lists .item+.item:after{content: "";position: absolute;left: 15px;top: 0;width: 100%;height: 1px;box-sizing: border-box;-webkit-transform: scaleY(.5);transform: scaleY(.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;background: #e9e9e9;}
.jjr_lists .item .avatar{margin-right:15px;width:60px;height: 60px;border-radius: 50%;overflow: hidden;}
.jjr_lists .item .avatar img{width:60px;height: auto;}
.jjr_lists .item .info{flex:1;line-height: 18px;font-size:14px;color:#666;}
.jjr_lists .item .info .name{font-size:16px;color:#333;}
.jjr_lists .item .info .company{margin:3px 0;}
.jjr_lists .item .info .addtime{color:#999;}

.shop_lists .item{position: relative;}
.shop_lists .item .avatar{margin-right: 15px;width:64px;height: 64px;}
.shop_lists .item .info{font-size:14px;line-height: 1;}
.shop_lists .item .info .title{font-size:18px;}
.shop_lists .item .info .area{color: #999;margin: 5px 0;line-height: 18px;}
.shop_lists .item .info .area .icon {font-size: 12px;color: #ccc;margin-right: 5px;}
.shop_lists .item .info .region {margin-right: 15px;color: #6b7072;}
.shop_lists .item .info .count{color:#999;}
.shop_lists .item .info .count em{color:#f35257;}
.shop_lists .item .info .count span+span:before{content:'/';display: inline-block;margin:0 6px;}


.btn-wrap{font-size: 0;display: flex;padding-left:15px;}
.btn-wrap .ui-circle_chat{width: 32px;height: 32px;line-height: 32px;border-radius: 50%;border: 1px solid transparent;background: #dbf1e6;margin-right:10px;display: flex;align-items: center;justify-content: center;padding:0;}
.btn-wrap .ui-circle_chat:after{content:'';display: inline-block;width:19px;height: 16px;background: url('http://wx-img.jhrx.cn/fw2019/card/loupan/ico-hd_wechat.png') no-repeat;background-size: 19px 16px;}
.btn-wrap .ui-circle_tel{width: 32px;height: 32px;border-radius: 50%;border: 1px solid transparent;background: #e5f1ff;display: flex;align-items: center;justify-content: center;}
.btn-wrap .ui-circle_tel:after{content:'';width:19px;height: 16px;display: inline-block;background: url('http://wx-img.jhrx.cn/fw2019/card/loupan/ico-hd_tel.png') no-repeat;background-size: 19px 16px;}

.brokers-shop{padding-bottom:60px;}
.mod-box{display: flex;overflow: hidden;padding:15px;align-items: center;}
.mod-box .avatar{width:60px;height: 60px;border-radius: 50%;overflow: hidden;margin-right:15px;}
.mod-box .avatar .img{width:60px;height: auto;}
.mod-box .thumb{width:64px;height: 64px;margin-right:15px;}
.mod-box .thumb .img{width:64px;height: 64px;}
.mod-box .info{flex:1;line-height: 18px;font-size:14px;color:#666;}
.mod-box .info .name{font-size:16px;color:#333;}
.mod-box .info .title{font-size:18px;color:#333;}
.mod-box .info .company{margin:3px 0;}
.mod-box .info .addtime{color:#999;}
.mod-box .info .area{color:#666;margin:4px 0 3px;}
.mod-box .btn-group{display: flex;}
.mod-box .btn-group button+button{margin-left:20px;}
.mod-box .btn-group button{display: flex;align-items: center;flex-direction: column;justify-content: center;background: none;}
.mod-box .btn-group button span{font-size:10px;margin-top:3px;}


.count-box{display: flex;align-items: center;justify-content: space-around;padding:0 15px 20px;}
.count-box .items{display: flex;flex-direction: column;position: relative;flex:1;align-items: center;}
.count-box .items+.items{padding-left:5%;}
.count-box .items+.items:before{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;box-sizing: border-box;-webkit-transform: scaleX(.5);transform: scaleX(.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;background: #ddd;}
.count-box .text{padding-right: 5px; font-size: 20px; font-weight: 700; color: #f35257; line-height: 1.2;}
.count-box .label{margin-top: 5px; font-size: 12px; color: #999; line-height: 1.2;}

.jingjiren-list{height: 192px;overflow: hidden;padding:15px 0;}
.jingjiren-list li{float: left;text-align: center;padding:20px;background: #fafafa;margin-left:15px;}
.jingjiren-list li .avatar{margin:0 auto;}
.jingjiren-list li .avatar,.jingjiren-list li .avatar img{width:60px;height: 60px;border-radius: 50%;}
.jingjiren-list li .info{margin:6px 0;line-height: 22px;}
.jingjiren-list li .name{font-size:16px;}
.jingjiren-list li .poster{font-size:14px;color:#999;}
.jingjiren-list li .btn{padding:0 15px;height: 36px;line-height: 36px;background: #f9d8d9;color:#f35257;display: block;}


.footer-fixed{position: fixed;right: 0;bottom: 0;left: 0;z-index: 500;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: end;justify-content: flex-end;padding: 0 15px;height: 60px;background-color: #fff;box-shadow: 0 -2px 10px rgba(0,0,0,.06);}
.footer-fixed .broker-info{display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;position: relative;width:34%;}
.footer-fixed .portrait-box{display: block;overflow: hidden;}
.footer-fixed .portrait{display: block;width: 40px;height: 40px;margin-right: 10px;border-radius: 50%;-o-object-fit: contain;object-fit: contain;margin-right: 5px;}
.footer-custom{justify-content: space-around;}
.footer-fixed .text-box{overflow: hidden;}
.footer-fixed .name-box{display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;overflow: hidden;}
.footer-fixed .font-size-custom{font-size: 12px;font-size: 10px;color: #888;line-height: 1.2;}
.footer-fixed .btn-phone,.footer-fixed .btn-sign{flex: 2;width: 145px;height: 44px;margin-left: 8px;border-radius: 5px;background: #f35257;text-align: center;font-size: 16px;letter-spacing: -.19px;line-height: 44px;color: #FFF;}
.footer-fixed .btn-sign{background:#00ae66;}