﻿@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-objust:none;outline:0;}
::selection{background:rgba(0,0,0,0); }
::-moz-selection{background:rgba(0,0,0,0); }
::-webkit-selection{background:rgba(0,0,0,0);}

html{color:#292b33;overflow-y:scroll;font-size:100px;}
body,button,input,select,textarea,pre{font-family:/*"Microsoft Yahei",*/Arial,sans-serif,STHeiti;/*font-size:12px;*/ /*line-height:23px;*/background:#fff;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:500;}
address,cite,dfn,em,var{font-style:normal;}
small{font-size:12px;}
ul,ol{list-style:none outside none;}
li{vertical-align:top; list-style:none;}
a{color:#666;text-decoration:none;}
a:hover{/*color:#f60;transition:color 0.15s linear 0s,background-color 0.3s linear 0s;*/}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000000;}@charset "utf-8";
/* CSS Document */

fieldset,img{border:0 none;}
button,input,select,textarea{font-size:12px; vertical-align:middle; border:none;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:top;border:none;font-size:0.12rem;-webkit-touch-callout:none;}
textarea{resize:none;}
:focus{outline:0 none;}
.overflow{overflow:hidden;}
/*.hide{display:none;}*/
.inlineBlock{display:inline-block;}
.block{display:block;}
.inline{display:inline;}
.error{color:#f00; font-size:12px;}
button{cursor:pointer;}
i{font-style:normal;}

button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top; resize: none;}


.fl{float:left;}
.fr{float:right;}
input{border:none;}

.wrapper{width:100%;}
.wrap{width:320px;}

.tal,.tl{text-align: left;}
.tar,.tr{text-align: right;}
.tac,.tc{text-align: center;}


.hidden{overflow:hidden;}

.clearfix:after{ display:block;visibility:hidden;clear:both; height:0;content:".";}
/*.clearfix{display:inline-block;}*/
* html .clearfix{height:1%;}
/*.clearfix{ display:block;}*/


a {text-decoration:none; color:#666; cursor:pointer;}
a:hover {text-decoration: none; }

.pr{position:relative;}

.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs30{font-size: 30px;}


.m10{margin: 10px;}
.m20{margin: 20px;}
.m30{margin: 30px;}
.m40{margin: 40px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}


.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 30px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}


.p10{padding: 10px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p40{padding: 40px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}

.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt13{padding-top: 13px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 20px;}
.pt30{padding-top: 30px;}

.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb13{padding-bottom: 13px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}

.leixing-box li,.louling-box li{text-align:center;}

.price-box li,.huxing-box li{text-align:center;}

/* top */

.top-logo,.top-search,.top-name{float:left;}
.top-right{float:right;}
.ser-icon, .user-icon, .top-logo a i {
    display: inline-block;
    background: url(../img/list-icon.png) no-repeat;
    background-size: 0.26rem auto;
}

.top-box {
    padding: 0.12rem 0;
    overflow: hidden;
    background: #32dab9;
    position: relative;
}
.top-logo{width:16%;font-size:0.15rem;text-align:center;line-height:0.29rem;position:relative;z-index:10;}
/*.top-logo img{height:0.28rem;margin: 0 auto;}*/
.top-logo a,.top-logo a:visited,.top-logo a:link{color:#1c2627;}
.top-logo a i{display:block;width:0.3rem;height:0.3rem;background-position:0.16rem -1.07rem;}
.top-search{width:70%;font-size:0.12rem;background:#f4f5f7;padding:0.05rem 0.1rem;border-radius:16px;color:#a1a2a4;vertical-align:middle;}
.ser-icon{width:0.14rem;height:0.14rem;background-position:0 0;vertical-align:middle;margin-right:0.04rem;}

.top-name{font-size:0.16rem;text-align:center;width:70%;color:#fff;line-height:0.29rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top-right{width:14%;text-align:center;padding-top:0.05rem;}
.user-icon{width:0.2rem;height:0.2rem;display:block;background-position:0 -0.18rem;margin:0 auto;}

/*筛选*/

.filter-nav li,.zdy-inp,.zdy-btn,.area-tab,.area-con-box,.qu-nav,.weizhi-list,.more-con p{float:left;}

/*icon*/
.filter-nav li i,.top-close .close-icon{display:inline-block;background:url(../img/list-icon.png) no-repeat;background-size:0.26rem auto;}

/* 细边框 border */
/*
.er_box h2:after,.filter-nav li:after,.filter-con li:after,.zdy-inp:after,.qu-nav li:after,.area-box li:after,.ditie .qu-nav li:after,.sort-con li:after,.qingkong:after{content:'';position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:left top;transform-origin:left top;}

.qu-nav li:before{content:'';position:absolute;top:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:left top;transform-origin:right top;}

.er_box h2:after,.er_list li:after,.filter-nav:after,.filter-con li:after,.sort-con li:after{border-bottom:1px solid #e5e7ec;}
.filter-nav li:after,.qu-nav li:before{border-right:1px solid #dcdfe7;}
.zdy-inp:after,.qingkong:after{border-top:1px solid #dcdfe7;}
.qu-nav li:after,.ditie .qu-nav li:after{border-left:1px solid #dcdfe7;}

.top-box,.top-logo,.top-search,.top-right,.filter-nav,.filter-nav li,.zdy-inp .inp,.zdy-btn,.area-tab li,.weizhi-list li a{position:relative;}
.top-box,.top-logo,.top-search,.top-right{z-index:10;}
.filter-nav,.filter-nav li,.zdy-inp .inp,.zdy-btn,.area-tab li,.weizhi-list li a{z-index:42;}
*/
.filter-box{width:100%;box-shadow:0px 5px 15px -9px rgba(125,126,130,0.5);margin-bottom:0.09rem;}
.filter-box .cur,.filter-box .cur-con{color:#fdc915;}
.filter-box .cur a,.filter-box .cur-con a{color:#fdc915;}
/*.filter-mask,.mask{background:rgba(0,0,0,0.4);width:100%;height:100%;position:fixed;top:0;left:0;z-index:50;}*/
.mask{background:rgba(0,0,0,0.4);width:100%;height:100%;position:fixed;top:0;left:0;z-index:50;}
.filter-mask{position:absolute;top:0;left:0;z-index:40;}
.list-body{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;}

.filter-fixed{position:fixed;top:0;left:0;z-index:40;}

.filter-nav{overflow:hidden;background:#fff;box-shadow:0px 5px 15px -9px rgba(125,126,130,0.3)}
.filter-nav li{width:25%;line-height:100%;color:#292b33;font-size:0.14rem;text-align:center;margin:0.14rem 0;right:-1px;vertical-align:middle;}
.filter-nav li i{width:0.08rem;height:0.06rem;background-position:0 -0.44rem;margin-left:0.06rem;vertical-align:middle;}
.filter-nav li span{display:inline-block;max-width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;}
.filter-nav .cur i ,.filter-box .cur-con i{background-position:-0.12rem -0.44rem;}

.filter-con-box{height:100%;}
.gb_xiugai .filter-con-box{margin-top:-0.1rem;position:relative;z-index:10;}
.filter-con{font-size:0.13rem;background:#f7f7f7;display:none;position:relative;z-index:40;}
.filter-con ul{background:#fff;}
.filter-con li{line-height:0.4rem;position:relative;padding:0;color:#1c2627;}
.filter-con li a{color:#1c2627;position:relative;z-index:40;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.filter-con .house_gai li{padding:0 0.1rem}
.filter-con .area-tab{background:#f7f7f7}
.filter-con .area-tab li.cur{background:#fff;}
.qu-nav li span{display:block;border-bottom:1px solid #dcdfe7;}
/*.filter-con li:last-child a span{border-bottom:none;}*/
.filter-close{width:100%;height:100%;background:rgba(0,0,0,0.4);position:fixed;bottom:0;z-index:32;}

.weizhi-list li a,
.huxing-box li a,
.price-box li a,
.leixing-box li a,
.louling-box li a,
.ditie li span,
.quyu li span{border-bottom:1px solid #eaeaea;display:block;}

.weizhi-list li:last-child a,
.huxing-box li:last-child a,
.price-box li:last-child a,
.leixing-box li:last-child a,
.louling-box li:last-child a,
.ditie li:last-child span,
.quyu li:last-child span{border-bottom:none;}
.weizhi-list  li a:before{display:inline-block;text-align:left;background:url('../common/images/box_icon.png') no-repeat;background-size:100%;}
.weizhi-list  li a:before{content: "";float: left;width:0.13rem;height:0.13rem;background-position: 0 0;margin-right: 8px;margin-top: 13px;}
.tjbtnsty{background:#fff;position: relative;bottom: 0;clear:both;width: 100%;height:0.48rem;box-shadow: 0 2px 6px 0px rgba(170,170,170,0.4);}
.qyclear,.qytijiao{height:0.36rem;line-height:0.36rem;width:42%;margin-left:6%;text-align: center;float: left;margin-top:0.06rem;border-radius:5px;font-size: 0.15rem;}
.qyclear{background: #f7f7f7;color:#262e31;}
.qytijiao{background: #fdc915;color:#fff;}

.qu-nav.gai li span{border-bottom:none}

.filter-con .ditie ul.gai,.filter-con .house_gai .gai{background:#fff;}
.filter-con .house_gai .gai li span{border-bottom:1px solid #dcdfe7;}
.filter-con ul.gai{background:#f7f7f7;}
.filter-con .gai li.cur{background:#fff;}
.qu-nav li{padding-left:0.1rem;}

.weizhi-list  li.cur a:before{background-position: 0 -0.21rem;}

/*.filter-list{padding:0 0.2rem;}*/
.filter-list li:last-child:after{border-bottom:none;}
.zdy-box{height:0.48rem;background:#fff;}
.zdy-inp{width:66%;overflow:hidden;padding:0.1rem 0 0 0;position:relative;}
.zdy-inp .inp{width:0.7rem;height:0.3rem;background:#f4f5f7;border:none;text-align:center;border-radius:3px;}
.zdy-btn{width:34%;height:0.48rem;font-size:0.15rem;background:#fdc915;color:#262e31;}
.zdy-inp span{position:relative;z-index:1}
.zdy-inp .wz{padding-left:0.2rem;}
.price-box .filter-list{overflow-y:auto;}

.area-box{overflow:hidden;}
.area-tab{width:50%;}
.area-tab li{padding:0 0.1rem;}
.area-con-box{width:50%;position:relative;}
.area-con{height:3.19rem;}
.area-con li{position:relative;z-index:40;}/*text-align:center;*/
.qu-nav,.weizhi-list{height:3.19rem;overflow:auto;}
.qu-nav{width:100%;background:#fff;}

.area-on .area-tab{width:33%;}
.area-on .area-con-box{width:67%;}
.area-on .qu-nav,.weizhi-list{width:50%;}

.price-box{position:relative;z-index:40;}
.price-ab{width:100%;position:absolute;left:0;top:42px;}

.area-qu .area-con-box{width:100%;}
.area-on .area-qu .area-con-box{width:50%;}

.filter-uc{height:200px;overflow-y:auto;}
.filter-abs{position:absolute;}

.jjr-filter .filter-nav li,.filter-txq li{width:33.33%;}

/*更多*/
.more-box{height:auto;padding-bottom:0.9rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.more-list{height:100%;overflow-y:auto;}
.more-list li{padding:0 0.1rem 0.08rem 0.2rem;}
.more-list li:last-child:after{border-bottom:none;}
.more-list h3{position:relative;z-index:30;margin-top:0.04rem;}
.more-list h3 span{color:#a1a2a4;}
.more-con{overflow:hidden;position:relative;z-index:30;}
.more-con p{width:25%;padding:0 0.1rem 0.12rem 0;}
.more-con p a{display:block;line-height:0.24rem;font-size:0.12rem;text-align:center;position:relative;border-radius:3px;}
.more-con p a:after{content:'';position:absolute;top:0;left:0;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(0.5);transform: scale(0.5);-webkit-transform-origin:left top;transform-origin:left top;border:1px solid #dbdde2;border-radius:5px;}
.more-btn{width:100%;height:0.48rem;position:fixed;z-index:30;bottom:0;}
.more-btn button{height:0.48rem;font-size:0.15rem;text-align:center;float:left;position:relative;z-index:30;}
.qingkong{width:33%;}
.queding{width:67%;background:#fdc915;color:#262e31;}

.more-con .cur a{background:#fdc915;color:#1c2627;}
.more-con .cur a:after{border:1px solid #fdc915;color:#fdc915;}

/*排序*/
.mask{z-index:50;}
.sort-btn{width:0.54rem;height:0.54rem;background:url('../common/images/sort-icon.png')  no-repeat;background-size:100% auto;position:fixed;bottom:0.8rem;right:0.1rem;z-index: 30;}
.sort-con{width:100%;padding:0 0.2rem;position:fixed;bottom:0;left:0;background:#fff;z-index:50;}
.sort-con li{line-height:0.4rem;position:relative;padding:0 0.06rem;font-size:0.14rem;text-align:center;bottom:-1px;}
.sort-con li a{position:relative;z-index:50;}
.sort-con .cur a{color:#fdc915;}

/*hide show*/

.hide{display:none;}
.show{display:block;}

/* 改版 */
.gb_xiugai.filter-abs{background:#fff}
.gb_xiugai .filter-nav{margin-bottom:0.1rem;position:relative;z-index:50;}

@media all and (max-width:320px){
  .zdy-inp .inp{width:0.5rem;}
  /*.more-list{height:3.0rem;}*/
}

/*弹窗样式*/
.layer-box{background:rgba(0,0,0,0.6);position:fixed;left:0;top:0;width:100%;height:100%; z-index:50;}
.layer{position:absolute;left:50%;top:50%;border-radius:5px;background:#333;width:90%;line-height:0.3rem;margin-top:-0.3rem;margin-left:-45%;font-size:0.16rem;text-align:center;color:#fff;padding:0.1rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*详情页3d看房样式*/
/*.sd-icons{position:absolute;left:50%;top:50%;margin-top:-0.4rem;margin-left:-0.4rem;z-index:50;background:url(../img/sd.png) no-repeat center center;width:0.8rem;height:0.8rem;background-size:0.8rem 0.8rem;}*/

/*列表页3d看房样式*/
/*.er_list .img_left,.moduleList .img-box,.moduleList .imgbox{position:relative;}*/
/*.icon-3d{width:0.4rem;height:0.4rem;position:absolute;left:50%;top:50%;margin-left:-0.2rem;margin-top:-0.2rem;text-indent:-1000em;background: url(../img/sd.png) no-repeat;background-size:100% auto;}*/
/*3d看房详情头样式*/
.fanhui a{margin-top:0.02rem;background: url(../img/icons.png) no-repeat;background-size: 0.6rem auto;display: inline-block;width:0.14rem;height: 0.24rem;background-position:-0.35rem -3.88rem;text-indent:-99999px;}
.neirong{width:100%;}


/*down fixed*/

.download-box{width:100%;font-size:0.12rem;position:relative;overflow:hidden;background:#fff;padding:0.1rem;box-shadow:0 1px 8px rgba(0,0,0,0.1);}
.down-logo{float:left;width:0.4rem;height:0.4rem;float:left;background:url(../common/images/logo.png) no-repeat center center;background-size:100%;}
.down-con{margin-left:0.5rem;color:#a1a2a4;}
.down-name{font-size:0.14rem;color:#1c2627;}
.down-btn{position:absolute;background:#fdc915;color:#1c2627;font-size:0.14rem;}
.download-box .down-btn{right:10px;top:13px;border-radius:4px;padding:0.08rem 0.1rem;}

.down-fixed{width:100%;height:0.5rem;position:fixed;top:-0.5rem;left:0;font-size:0.12rem;overflow:hidden;background:rgba(0,0,0,0.7);z-index:20;padding:0 0 0 0.3rem;box-shadow:0 1px 8px rgba(0,0,0,0.1);}

.down-fixed .down-logo{width:0.3rem;height:0.3rem;margin-top:0.1rem;}
.down-close{position:absolute;top:0;left:0;padding:0.1rem;}
.down-close a{display:block;width:12px;height:12px;background:url(../common/images/icons.png) no-repeat 0 -4.81rem;text-indent:-1000rem;overflow:hidden;background-size:0.6rem auto;}
.down-fixed .down-btn{height:0.5rem;line-height:0.5rem;top:0;right:0;padding:0 0.14rem;}
.down-fixed .down-con{margin-left:0.4rem;}
.down-fixed .down-name{color:#fff;line-height:0.5rem;font-size:0.16rem;}

.down-show{-webkit-animation:downShow 0.5s ease forwards;-moz-animation:downShow 0.5s ease forwards;-o-animation:downShow 0.5s ease forwards;animation:downShow 0.5s ease forwards;}
.down-hide{-webkit-animation:downHide 0.5s ease forwards;-moz-animation:downHide 0.5s ease forwards;-o-animation:downHide 0.5s ease forwards;animation:downHide 0.5s ease forwards;}

@-webkit-keyframes downShow {
  from {
    top:-0.5rem;
  }
  to {
    top:0;
  }
}
@keyframes downShow {
  from {
    top:-0.5rem;
  }

  to {
    top:0;
  }
}

@-webkit-keyframes downHide {
  from {
    top:0;
  }
  to {
    top:-0.5rem;
  }
}

@keyframes downHide {
  from {
    top:0;
  }
  to {
    top:-0.5rem;
  }
}

/* 经纪人展位   */
.jjrZhanwei{background:#f8f8f8;width:100%;padding:0.15rem 0;}
.jjr_top a{margin:0 0.16rem;display:block;padding-bottom:0.15rem;border-bottom:1px solid #d8d8d8;}
.pho_Box{width:70%;float:left;}
.jjr_top p{color:#999;font-size:0.13rem;text-align: center;padding-bottom:0.1rem;}
.jjr_top p span{color:#1c2627;font-size:0.19rem;font-weight:bold;}
.p_Bg{background:url(../common/images/rightRow.png) no-repeat right top;background-size:0.09rem 0.16rem;}
.jjrPeo{overflow:hidden;margin:0.15rem 0.16rem 0 0.16rem;}
.jjr_photo{width:0.4rem;height:0.4rem;overflow: hidden;border-radius:100%;float:left;margin-right:0.15rem;}
.jjr_photo img{width:0.4rem;}
.jjr_tel{float:right;margin-top:0.05rem;}
.jjr_tel img{width:100%}
.jjr_tel a{display:block;}
.pName{float:left;line-height:0.4rem;}
.pName span{color:#232b2e;font-size:0.15rem;margin-right:0.05rem;}
.pName i{color:#999;font-size:0.12rem;}
.pName i,.pName span{float:left;}

.jjr_tel a{float:left;}
.broTel{float:left;width:0.2rem;height:0.2rem;background-size:0.2rem auto;background-position:0 bottom;text-indent:-9999em;}
.broAiLiao{float:left;width:0.2rem;height:0.2rem;background:url(../img/ailiao-icon.png) no-repeat;background-size:100% auto;text-indent:-9999em;}
.phone-ailiao .line{float:left;width:1px;height:0.2rem;background:#E8E9E8;font-size:0;margin:0 0.1rem;}

/*首页热门房产，列表页底部*/
.foot-link-box{width:100%;background:#3b3b3b;padding:0.16rem 0;position:relative;}

.foot-link{padding:0 0.15rem;font-size:0.12rem;color:#6b6b6b;position:relative;margin-bottom:0.15rem;}
.foot_box .foot-link:after,.link-tab:after{content:'';position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;border-bottom:1px solid rgba(80,80,80,0.5);}
.foot-link-box .foot-link{margin-bottom:0;}
.link-tab{position:relative;overflow:hidden;}
.link-tab li{float:left;position:relative;z-index:1;}
.link-tit{width:33%;overflow:hidden;}
.link-tit .f-hot-tit{float:left;font-size:0.14rem;padding:0.05rem 0.05rem 0.1rem 0.05rem;text-align:left;position:relative;}
.link-tit .arrow{float:left;position:relative;margin-left:0.14rem;}
.link-tit .arrow-down:after{content:"";position:absolute;right:0;top:0.12rem;border:5px solid transparent;border-top:5px solid #616161;}
.link-tit .arrow-up:after{content:"";position:absolute;right:0;top:0.06rem;border:5px solid transparent;border-bottom:5px solid #616161;}
.link-tit .hengxian{position:absolute;width:0.24rem;height:0.02rem;background:#575857;bottom:0;left:50%;margin-left:-0.12rem;}
.foot-link .link-cur{color:#a9a9ab;}
.foot-link .link-cur .hengxian{background:#a9a9ab;}

.link-con{line-height:0.22rem;padding:0.1rem 0;}
.link-con li{float:left;width:20%;height:0.22rem;position:relative;z-index:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:0.05rem;}
/*.link-con li a{display:inline-block;transform:scale(0.90);transform-origin:0 0;-ms-transform:scale(0.90);-ms-transform-origin:0 0;-webkit-transform:scale(0.90);-webkit-transform-origin:0 0;-moz-transform:scale(0.90);-moz-transform-origin:0 0;-o-transform:scale(0.90);-o-transform-origin:0 0;}*/
.link-con a i{display:inline-block;width:0.03rem;height:0.03rem;background:#6b6b6b;margin-right:0.03rem;border-radius:50%;vertical-align:middle;}

.foot-link-bot{position:fixed;bottom:0;z-index:10;}

@media all and (max-width:320px){
  .foot-link{padding:0 0.1rem;}
  .link-tab .link-tit h3{font-size:0.12rem;}
  .link-con li a{display:inline-block;transform:scale(0.80);transform-origin:0 0;-ms-transform:scale(0.80);-ms-transform-origin:0 0;-webkit-transform:scale(0.80);-webkit-transform-origin:0 0;-moz-transform:scale(0.80);-moz-transform-origin:0 0;-o-transform:scale(0.80);-o-transform-origin:0 0;width:112%;}
}

/*甄选房源图标*/
.zhenxuan{width:0.44rem;position:absolute;left:0;top:0;font-size:0.12rem;color:#fff;background:#f0c747;padding:0.03rem 0;line-height:100%;text-align:center;transform:scale(0.90);transform-origin:0 0;-ms-transform:scale(0.90);-ms-transform-origin:0 0;-webkit-transform:scale(0.90);-webkit-transform-origin:0 0;-moz-transform:scale(0.90);-moz-transform-origin:0 0;-o-transform:scale(0.90);-o-transform-origin:0 0;}

/*底部面包屑*/
.de-crumb{font-size:0.12rem;color:#a1a2a4;padding:0.12rem 0.14rem;line-height:0.2rem;}
.de-crumb a{color:#a1a2a4;}
.de-crumb span,.list-crumb span{padding:0 0.01rem;}
.de-crumb span:last-child,.list-crumb span:last-child{display:none;}

.list-crumb{font-size:0.12rem;padding:0 0 0.08rem 0.14rem;line-height:0.2rem;}


/*添加标签*/
.addTags{margin:5px 0;}
.addTags span{background:#f6f6f6;border-radius:3px;padding:4px 7px;color:#a8a8a8;margin-right:5px;}


fieldset,img{border:0 none;}
button,input,select,textarea{font-size:12px; vertical-align:middle; border:none;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:top;border:none;font-size:0.12rem;-webkit-touch-callout:none;}
textarea{resize:none;}
:focus{outline:0 none;}
.overflow{overflow:hidden;}
/*.hide{display:none;}*/
.inlineBlock{display:inline-block;}
.block{display:block;}
.inline{display:inline;}
.error{color:#f00; font-size:12px;}
button{cursor:pointer;}
i{font-style:normal;}

button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top; resize: none;}


.fl{float:left;}
.fr{float:right;}
input{border:none;}

.wrapper{width:100%;}
.wrap{width:320px;}

.tal,.tl{text-align: left;}
.tar,.tr{text-align: right;}
.tac,.tc{text-align: center;}


.hidden{overflow:hidden;}

.clearfix:after{ display:block;visibility:hidden;clear:both; height:0;content:".";}
/*.clearfix{display:inline-block;}*/
* html .clearfix{height:1%;}
/*.clearfix{ display:block;}*/


a {text-decoration:none; color:#666; cursor:pointer;}
a:hover {text-decoration: none; }

.pr{position:relative;}


.leixing-box li,.louling-box li{text-align:center;}

.price-box li,.huxing-box li{text-align:center;}



/*hide show*/

.hide{display:none;}
.show{display:block;}

@media all and (max-width:320px){
    .zdy-inp .inp{width:0.5rem;}
    /*.more-list{height:3.0rem;}*/
}

/*弹窗样式*/
.layer-box{background:rgba(0,0,0,0.6);position:fixed;left:0;top:0;width:100%;height:100%; z-index:50;}
.layer{position:absolute;left:50%;top:50%;border-radius:5px;background:#333;width:90%;line-height:0.3rem;margin-top:-0.3rem;margin-left:-45%;font-size:0.16rem;text-align:center;color:#fff;padding:0.1rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}


/*列表页3d看房样式*/
.er_list .img_left,.moduleList .img-box,.moduleList .imgbox{position:relative;}
/*.icon-3d{width:0.4rem;height:0.4rem;position:absolute;left:50%;top:50%;margin-left:-0.2rem;margin-top:-0.2rem;text-indent:-1000em;background: url(../img/sd.png) no-repeat;background-size:100% auto;}*/
.icon-3d{width:0.22rem;height:0.22rem;position:absolute;left:0.05rem;bottom:0.05rem;font-size:0.12rem;background:url(images/icon3d.png) no-repeat;background-size:100% auto;text-indent:-1000rem;-webkit-animation:icon-circle 3s linear infinite;-moz-animation:icon-circle 3s linear infinite;-o-animation:icon-circle 3s linear infinite;animation:icon-circle 3s linear infinite;}
.iconzx{width:0.22rem;height:0.22rem;position:absolute;left:0.05rem;bottom:0.05rem;font-size:0.12rem;background:url(images/iconzx.png) no-repeat;background-size:100% auto;text-indent:-1000rem;-webkit-animation:icon-circle 3s linear infinite;-moz-animation:icon-circle 3s linear infinite;-o-animation:icon-circle 3s linear infinite;animation:icon-circle 3s linear infinite;}

/*详情页3d看房样式*/
.sd-icons{position:absolute;left:50%;top:50%;width:0.8rem;height:0.8rem;margin-top:-0.4rem;margin-left:-0.4rem;z-index:50;font-size:0.12rem;background:url(images/detaildaicon3d.png) no-repeat center center;background-size:100% auto;text-indent:-1000rem;-webkit-animation:icon-circle 3s linear infinite;-moz-animation:icon-circle 3s linear infinite;-o-animation:icon-circle 3s linear infinite;animation:icon-circle 3s linear infinite;}
.swiper-container .iconzx{position:absolute;left:50%;top:50%;width:0.8rem;height:0.8rem;margin-top:-0.4rem;margin-left:-0.4rem;z-index:50;font-size:0.12rem;background:url(images/detaildaiconzx.png) no-repeat center center;background-size:100% auto;text-indent:-1000rem;-webkit-animation:icon-circle 3s linear infinite;-moz-animation:icon-circle 3s linear infinite;-o-animation:icon-circle 3s linear infinite;animation:icon-circle 3s linear infinite;}

/*3d看房详情头样式*/
.fanhui a{margin-top:0.02rem;background: url(../img/icons.png) no-repeat;background-size: 0.6rem auto;display: inline-block;width:0.14rem;height: 0.24rem;background-position:-0.35rem -3.88rem;text-indent:-99999px;}
.neirong{width:100%;}



/* 经纪人展位   */
.jjrZhanwei{background:#f8f8f8;width:100%;padding:0.15rem 0;}
.jjr_top a{margin:0 0.16rem;display:block;padding-bottom:0.15rem;border-bottom:1px solid #d8d8d8;}
.pho_Box{width:70%;float:left;}
.jjr_top p{color:#999;font-size:0.13rem;text-align: center;padding-bottom:0.1rem;}
.jjr_top p span{color:#1c2627;font-size:0.19rem;font-weight:bold;}
.p_Bg{background:url(../common/images/rightRow.png) no-repeat right top;background-size:0.09rem 0.16rem;}
.jjrPeo{overflow:hidden;margin:0.15rem 0.16rem 0 0.16rem;}
.jjr_photo{width:0.4rem;height:0.4rem;overflow: hidden;border-radius:100%;float:left;margin-right:0.15rem;}
.jjr_photo img{width:0.4rem;}
.jjr_tel{float:right;margin-top:0.05rem;}
.jjr_tel img{width:100%}
.jjr_tel a{display:block;}
.pName{float:left;line-height:0.4rem;}
.pName span{color:#232b2e;font-size:0.15rem;margin-right:0.05rem;}
.pName i{color:#999;font-size:0.12rem;}
.pName i,.pName span{float:left;}

.jjr_tel a{float:left;}
.broTel{float:left;width:0.2rem;height:0.2rem;background-size:0.2rem auto;background-position:0 bottom;text-indent:-9999em;}
.broAiLiao{float:left;width:0.2rem;height:0.2rem;background:url(../img/ailiao-icon.png) no-repeat;background-size:100% auto;text-indent:-9999em;}
.phone-ailiao .line{float:left;width:1px;height:0.2rem;background:#E8E9E8;font-size:0;margin:0 0.1rem;}

/*首页热门房产，列表页底部*/
.foot-link-box{width:100%;background:#3b3b3b;padding:0.16rem 0;position:relative;}

.foot-link{padding:0 0.15rem;font-size:0.12rem;color:#6b6b6b;position:relative;margin-bottom:0.15rem;}
.foot_box .foot-link:after,.link-tab:after{content:'';position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;border-bottom:1px solid rgba(80,80,80,0.5);}
.foot-link-box .foot-link{margin-bottom:0;}
.link-tab{position:relative;overflow:hidden;}
.link-tab li{float:left;position:relative;z-index:1;}
.link-tit{width:33%;overflow:hidden;}
.link-tit h3{float:left;font-size:0.14rem;padding:0.05rem 0.05rem 0.1rem 0.05rem;text-align:left;position:relative;}
.link-tit .arrow{float:left;position:relative;margin-left:0.14rem;}
.link-tit .arrow-down:after{content:"";position:absolute;right:0;top:0.12rem;border:5px solid transparent;border-top:5px solid #616161;}
.link-tit .arrow-up:after{content:"";position:absolute;right:0;top:0.06rem;border:5px solid transparent;border-bottom:5px solid #616161;}
.link-tit .hengxian{position:absolute;width:0.24rem;height:0.02rem;background:#575857;bottom:0;left:50%;margin-left:-0.12rem;}
.foot-link .link-cur{color:#a9a9ab;}
.foot-link .link-cur .hengxian{background:#a9a9ab;}

.link-con{line-height:0.22rem;padding:0.1rem 0;}
.link-con li{float:left;width:20%;height:0.22rem;position:relative;z-index:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:0.05rem;}
/*.link-con li a{display:inline-block;transform:scale(0.90);transform-origin:0 0;-ms-transform:scale(0.90);-ms-transform-origin:0 0;-webkit-transform:scale(0.90);-webkit-transform-origin:0 0;-moz-transform:scale(0.90);-moz-transform-origin:0 0;-o-transform:scale(0.90);-o-transform-origin:0 0;}*/
.link-con a i{display:inline-block;width:0.03rem;height:0.03rem;background:#6b6b6b;margin-right:0.03rem;border-radius:50%;vertical-align:middle;}

.foot-link-bot{position:fixed;bottom:0;z-index:10;}

@media all and (max-width:320px){
   .foot-link{padding:0 0.1rem;}
   .link-tab .link-tit h3{font-size:0.12rem;}
   .link-con li a{display:inline-block;transform:scale(0.80);transform-origin:0 0;-ms-transform:scale(0.80);-ms-transform-origin:0 0;-webkit-transform:scale(0.80);-webkit-transform-origin:0 0;-moz-transform:scale(0.80);-moz-transform-origin:0 0;-o-transform:scale(0.80);-o-transform-origin:0 0;width:112%;}
}


/*甄选房源图标*/
.zhenxuan{width:0.5rem;position:absolute;left:0.05rem;top:0.05rem;border-radius:0.05rem;font-size:0.12rem;color:#fff;padding:0.05rem 0;line-height:100%;text-align:center;transform:scale(0.90);transform-origin:0 0;-ms-transform:scale(0.90);-ms-transform-origin:0 0;-webkit-transform:scale(0.90);-webkit-transform-origin:0 0;-moz-transform:scale(0.90);-moz-transform-origin:0 0;-o-transform:scale(0.90);-o-transform-origin:0 0;background: -webkit-linear-gradient(45deg,#ffc20e ,#ffae01); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(45deg, #ffc20e ,#ffae01); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(45deg, #ffc20e ,#ffae01); /* Firefox 3.6 - 15 */
background: linear-gradient(45deg, #ffc20e ,#ffae01); /* 标准的语法（必须放在最后） */}


/*相寓*/
.xiangyu{width:0.5rem;position:absolute;left:0.05rem;top:0.05rem;border-radius:0.05rem;font-size:0.12rem;color:#fff;padding:0.05rem 0;line-height:100%;text-align:center;transform:scale(0.90);transform-origin:0 0;-ms-transform:scale(0.90);-ms-transform-origin:0 0;-webkit-transform:scale(0.90);-webkit-transform-origin:0 0;-moz-transform:scale(0.90);-moz-transform-origin:0 0;-o-transform:scale(0.90);-o-transform-origin:0 0;background: -webkit-linear-gradient(45deg,#C171FF ,#9271FF); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(45deg, #C171FF ,#9271FF); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(45deg, #C171FF ,#9271FF); /* Firefox 3.6 - 15 */
background: linear-gradient(45deg, #C171FF ,#9271FF); /* 标准的语法（必须放在最后） */}

/*底部面包屑*/
.de-crumb{font-size:0.12rem;color:#a1a2a4;padding:0.12rem 0.14rem;line-height:0.2rem;}
.de-crumb a{color:#a1a2a4;}
.de-crumb span,.list-crumb span{padding:0 0.01rem;}
.de-crumb span:last-child,.list-crumb span:last-child{display:none;}

.list-crumb{font-size:0.12rem;padding:0 0 0.08rem 0.14rem;line-height:0.2rem;}


/*添加标签*/
.addTags{margin:5px 0;}
.addTags span{background:#f6f6f6;border-radius:3px;padding:4px 7px;color:#a8a8a8;margin-right:5px;}

/*3d 动画*/
@-webkit-keyframes icon-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@-moz-keyframes icon-circle {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@-o-keyframes icon-circle {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes icon-circle {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
     transform: rotate(360deg)
  }
}

/* 底部漂浮的下载*/ 
.down_box{position:fixed;bottom:0;left:0;width:100%;z-index:30;}
.down_box img{width:100%;display: block;}
.close_down{position:absolute;top:0.07rem;left:0.02rem;}
.close_down a{display:block;width:0.14rem;height:0.14rem;background:url(../img/appclose.png) no-repeat;text-indent:-1000rem;background-size:100% auto;}

/*爱聊图片按钮*/
.mess_icon{width:0.6rem;height:0.6rem;position:fixed;right:0.08rem;bottom:1.35rem;z-index:30;}
.mess_bottom{bottom:0.7rem;}
.mess_botm{bottom:0.2rem;}
.mess_icon img{width:100%;}
.mess_icon span{position:absolute;padding:0.01rem 0.05rem;background:#ff0021;right:8px;top:0;font-size:0.12rem;border-radius:50%;color:#fff;}
/** 二手房租房 公用的样式 **/
/* 焦点图 */
/*----------- 焦点图查看大图 ------------*/
/*焦点图*/
#photos {
    width: 100%;
    text-align: center;
    cursor: pointer;
    position: relative
}

    #photos img {
        width: 100%;
    }

.swiper-container-horizontal > .swiper-pagination {
    width: auto;
    height: 0.25rem;
    line-height: 0.25rem;
    border-radius: 0.12rem;
    background: rgba(0,0,0,0.4);
    font-size: 0.14rem;
    color: #fff;
    text-align: center;
    left: 80%;
    padding: 0 0.1rem;
}

.my-gallery {
    width: 100%;
    float: left;
}

    .my-gallery img {
        width: 100%;
        height: auto;
    }

    .my-gallery figure {
        display: block;
        float: left;
        margin: 0 5px 5px 0;
        width: 1.5rem;
    }

    .my-gallery figcaption {
        display: none;
    }

.swiper-container {
    width: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 0.16rem;
    background: #fff;
    width: 100%;
    overflow: hidden;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .swiper-slide img {
        background: url(../img/house-z.png) no-repeat center center #f9f9f9;
        background-size: 30% auto;
    }

.houseid_sty {
    position: absolute;
    left: 0.2rem;
    color: #fff;
    bottom: 10px;
    font-size: 0.14rem;
    z-index: 10;
    line-height: 0.25rem;
}

.fenlei {
    position: absolute;
    width: 1.2rem;
    left: 50%;
    margin-left: -0.57rem;
    bottom: 10px;
    height: 0.25rem;
    line-height: 0.25rem;
    border-radius: 0.13rem;
    background: rgba(0,0,0,0.4);
    text-align: center;
    font-size: 0.14rem;
    z-index: 10;
    color: #fff;
}

.vr, .shinei, .huxing {
    float: left;
    width: 33.33%;
    border-radius: 0.12rem;
}

    /*.vr{left:1.4rem;}
.shinei{left:1.65rem;}
.huxing{left:2rem;}*/
    .vr.cur, .shinei.cur, .huxing.cur {
        background: -webkit-linear-gradient(left,#ffc20d,#ffad00);
        background: -o-linear-gradient(left, #ffc20d,#ffad00);
        background: -moz-linear-gradient(left, #ffc20d,#ffad00);
        background: linear-gradient(to right, #ffc20d,#ffad00);
    }

.swiper-pagination {
    transform: none;
    transition: none
}
/*把查看大图的关闭按钮放大*/
.pswp__top-bar {
    top: 0.2rem;
}

.pswp__button {
    background-size: 4rem 1.66rem;
    width: 30px;
    height: 30px;
}

.pswp__button--close {
    background-position: -18px -102px;
    margin-right: 0.2rem;
}

/** 房源列表  同什么房源 **/
.page-module {
    background: #fff;
    margin-top: 0.1rem;
}

.moduleTit {
    padding: 0 5%;
    height: 0.6rem;
    line-height: 0.6rem;
    position: relative;
    overflow: hidden;
}

    .moduleTit h2 {
        float: left;
        font-size: 0.16rem;
        color: #1c2627;
        font-weight: bold;
    }

    .moduleTit a {
        position: relative;
        z-index: 20;
        float: right;
        color: #757980;
        font-size: 0.14rem;
    }

        .moduleTit a i {
            background: url(../img/right_2.png) no-repeat;
            background-size: 15px 15px;
            display: inline-block;
            width: 0.15rem;
            height: 0.15rem;
            background-position: 0 bottom;
            margin-left: 0.1rem;
            vertical-align: middle;
            float: none;
            margin-top: -4px;
        }

            .moduleTit a i.xy-righticons {
                background: url(../img/x_right_2.png) no-repeat;
                background-size: 15px 15px;
            }

.moduleList {
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 0.1rem 0.2rem 0.2rem;
    font-size: 0.12rem;
}

    .moduleList li {
        width: 45%;
        margin-bottom: 0.1rem;
        display: inline-block;
        margin-right: 0.11rem;
        position: relative;
    }

        .moduleList li a {
            display: block;
            box-shadow: 0 0.01rem 0.16rem 0 rgba(0,0,0,0.1);
            border-radius: 0.08rem;
            padding-bottom: 0.08rem;
        }

        .moduleList li img {
            width: 100%;
            display: block;
            border-top-left-radius: 0.05rem;
            border-top-right-radius: 0.05rem;
        }

    .moduleList p {
        color: #a1a2a4;
        font-size: 0.14rem;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 0 0.1rem 0.05rem 0.1rem;
    }

    .moduleList h3 {
        color: #1c2627;
        font-size: 0.16rem;
        font-weight: normal;
        font-size: 0.14rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 0 0.1rem 0.05rem 0.1rem;
        margin-top: 0.05rem;
    }

        .moduleList h3 a {
            color: #1c2627;
            font-size: 0.16rem;
        }

    .moduleList p span {
        color: #ff4444;
        font-size: 0.16rem;
        margin-right: 0.05rem;
        font-weight: bold;
    }

    .moduleList p em {
        font-size: 0.12rem;
    }

.img-box {
    display: block;
    width: 100%;
    overflow: hidden;
}

/*----------- 房源特色 -----------*/
.huose_box {
    padding: 0 5%;
}

    .huose_box li {
        padding: 0.1rem 0;
        border-bottom: 1px solid #e5e7ec;
    }

        .huose_box li:nth-child(3) {
            border-bottom: none;
        }

    .huose_box .huose-tit {
        padding: 0.05rem 0;
        line-height: 0.22rem;
    }

    .huose_box li p {
        color: #1c2627;
        font-size: 0.14rem;
        padding: 0.05rem 0;
        line-height: 0.22rem;
    }

    .huose_box .huose-tit i {
        display: block;
        width: 0.14rem;
        height: 0.13rem;
        float: left;
        margin-top: 0.04rem;
        margin-right: 0.05rem;
    }

    .huose_box h3 {
        color: #1c2627;
        font-size: 0.15rem;
        color: #797A7C;
    }

    .huose_box .huose-tit .t01 {
        background-position: 0 0;
    }

    .huose_box .huose-tit .t02 {
        background-position: 0 -0.13rem;
    }

    .huose_box .huose-tit .t03 {
        background-position: 0 -0.29rem;
    }

    .huose_box .huose-tit .t04 {
        background-position: 0 -0.44rem;
    }

    .huose_box .huose-tit .t05 {
        background-position: 0 -0.61rem;
    }

    .huose_box .huose-tit .t06 {
        background-position: 0 -0.76rem;
    }

    .huose_box .huose-tit .t07 {
        background-position: 0 -0.93rem;
    }

    .huose_box .huose-tit .t08 {
        background-position: 0 -1.07rem;
    }

/*----------- 带看记录 -----------*/
.lookList {
    background: #fff;
    padding: 0.2rem;
}

    .lookList dd {
        width: 49%;
        float: left;
        text-align: center;
    }

        .lookList dd p {
            line-height: 0.3rem;
            color: #a1a2a4;
            font-size: 0.14rem;
        }

            .lookList dd p strong {
                font-size: 0.25rem;
                color: #2C2F38;
            }

            .lookList dd p span {
                font-size: 0.16rem;
                color: #2C2F38;
            }

/*----------- 位置及周边 -----------*/
.moduleMap_box {
    background: #fff;
    padding: 0 0.2rem 0.2rem 0.2rem;
    position: relative;
}

    .moduleMap_box p {
        font-size: 0.14rem;
        color: #1c2627;
        padding-bottom: 0.2rem;
    }

        .moduleMap_box p img {
            width: 0.12rem;
            float: left;
            margin-right: 0.05rem;
            margin-top: 0.02rem;
        }

        .moduleMap_box p span {
            color: #807F85;
            padding-right: 0.05rem;
        }

.moduleMap {
    padding: 0 5%;
}

    .moduleMap img {
        width: 100%;
    }

.mb45 {
    margin-bottom: 0.45rem;
}

#allmap {
    border-radius: 0.09rem;
    overflow: hidden;
}

.mapinfo {
    position: absolute;
    height: 0.4rem;
    line-height: 0.4rem;
    padding: 0 0.1rem;
    width: calc(100% - 0.6rem);
    font-size: 0.14rem;
    border-bottom-left-radius: 0.09rem;
    border-bottom-right-radius: 0.09rem;
    bottom: 0.2rem;
    left: 0.2rem;
    background: rgba(0,0,0,0.4);
}

.mapinfo_left, .mapinfo_right {
    width: 50%;
    color: #fff;
}

    .mapinfo_left span, .mapinfo_right span {
        color: #FFB200;
        font-weight: bold;
        padding-left: 0.05rem;
    }

/**房屋信息**/
.huose_det_box {
    background: #fff;
}


.huose_mess {
    background: #fff;
    padding: 0.15rem 5%;
}

    .huose_mess h1 {
        color: #1c2627;
        font-size: 0.2rem;
    }

.pri {
    color: #1c2627;
    font-size: 0.14rem;
    padding: 0.06rem 0;
}

    .pri span {
        color: #ff4444;
        font-size: 0.2rem;
        margin-right: 0.05rem;
    }

.h_tags {
    font-size: 0.12rem;
    margin: 0.1rem 0;
    position: relative;
}

    .h_tags em {
        color: #878b90;
        font-size: 0.12rem;
    }

    .h_tags span {
        display: inline-block;
        font-size: 0.12rem;
        background: #EBF5F6;
        margin-right: 0.05rem;
        margin-bottom: 0.05rem;
        padding: 0.03rem 0.05rem;
        color: #94ADB4;
        border-radius: 0.03rem;
    }
/*.h_tags .tag01{border-color:#ea7648;}
.h_tags .tag02{border-color:#f19838;}
.h_tags .tag03{border-color:#f6bb09;}
.h_tags .tag04{border-color:#f4de22;}*/

.house_con {
    padding: 0.16rem 0;
    background: #fff;
    margin-top: 0.1rem;
}

    .house_con li {
        width: 50%;
        float: left;
        font-size: 0.14rem;
    }

        .house_con li div {
            width: 100%;
            text-align: center;
        }

        .house_con li i {
            display: inline-block;
            margin-right: 0.04rem;
            vertical-align: middle;
        }
    /*.house_con .h01{width:0.15rem;height:0.15rem;background-position:0 0;}*/
    .house_con .h02, .house_con .h03 {
        background: url(../img/er-icon.png) no-repeat;
        background-size: 0.36rem auto;
    }

    .house_con .h02 {
        width: 0.36rem;
        height: 0.36rem;
        background-position: 0 0;
    }

    .house_con .h03 {
        width: 0.36rem;
        height: 0.36rem;
        background-position: 0 -0.52rem;
    }

    .house_con li span {
        display: inline-block;
        color: #878b90;
        font-size: 0.13rem;
    }

    .house_con li .hx {
        color: #1c2627;
        font-size: 0.17rem;
        padding-left: 0.06rem;
    }

.hx-box {
    border-right: 1px solid #eeeff4;
}

.house_Dmain {
    padding: 0 5% 0.15rem 5%;
    background: #fff;
}

    .house_Dmain li, .house_Dmain li a {
        width: 50%;
        float: left;
        color: #1c2627;
        font-size: 0.14rem;
        line-height: 0.35rem;
    }

        .house_Dmain li a {
            display: block;
            width: 100%;
            background: url(../img/right.png) no-repeat right center;
        }

    .house_Dmain span {
        color: #a1a2a4;
        margin-right: 0.1rem;
    }

    .house_Dmain .cLi {
        width: 100%;
    }

.houseinfo_tit {
    overflow: hidden;
    padding: 0.1rem 0;
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    margin-top: 0.2rem;
}

    .houseinfo_tit li {
        text-align: center;
        float: left;
        width: 33%;
        border-right: 1px solid #EAEAEA;
    }

        .houseinfo_tit li:last-child {
            border-right: none;
        }

        .houseinfo_tit li p {
            font-size: 0.16rem;
            color: #FF562B;
            margin: 0.05rem 0;
        }

            .houseinfo_tit li p:nth-child(2) {
                font-size: 0.14rem;
                color: #C4C4C4;
            }

            .houseinfo_tit li p i {
                font-size: 0.14rem;
            }

            .houseinfo_tit li p span {
                font-weight: bold;
            }

.house_Dmain li a i {
    color: #FAB30C;
}

.adr_icon {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #EAEAEA;
}

.house_Dmain li.adr_icon a {
    display: block;
    background: url(../img/map_icon.png) no-repeat right center;
    background-size: 0.3rem 0.3rem;
    float: right;
    width: 0.3rem;
    height: 0.3rem;
    margin-top: 0.03rem;
}

/* 推荐经纪人 */
.tui_broker_box {
}

.tui_list_box {
    padding: 0 0.14rem;
}

.tui_broker_list {
    overflow: hidden;
    padding-bottom: 0.2rem;
}

.tui_borker_head {
    float: left;
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 50%;
    overflow: hidden;
}

    .tui_borker_head a {
        display: block;
    }

    .tui_borker_head img {
        width: 100%;
        height: auto;
    }

.tui_borker_com {
    padding-left: 0.7rem;
    position: relative;
}

.qy_com {
}

.js_com {
    color: #8A8A8E;
    font-size: 0.12rem;
    padding: 0.02rem 0;
}

    .js_com em {
        display: inline-block;
        width: 0.02rem;
        height: 0.02rem;
        border-radius: 50%;
        background: #8A8A8E;
        vertical-align: middle;
        margin: 0 0.05rem;
    }

.mz_com {
    overflow: hidden;
    font-size: 0.14rem;
    padding-bottom: 0.05rem;
}

.mz_name {
    color: #1F2328;
    font-size: 0.16rem;
    float: left;
}

.kapian {
    float: left;
    width: 0.25rem;
    height: 0.18rem;
    margin: 0.02rem 0.05rem 0 0.05rem;
    background: url(../img/xinxika-icon.png) no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
}

.pingfen {
    float: left;
    margin-top: 0.05rem;
    font-size: 0.12rem;
}

    .pingfen span {
        color: #8A8A8E;
        margin-left: 0.05rem;
    }

        .pingfen span i {
            color: #1F2328;
        }

.tsmore-box {
    font-size: 0.14rem;
    padding: 0.2rem;
    text-align: center;
}

.tsMore {
    color: #5688FF;
    display: inline-block;
}

.kapian_img {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 60;
}

.kapian_con {
    width: 60%;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30%;
}

    .kapian_con img {
        width: 100%;
        border-radius: 8px;
    }

.kapian-close {
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    left: 50%;
    margin-left: -0.15rem;
    background: url(../img/xxk-close.png) no-repeat;
    background-size: 100% auto;
    bottom: 10%;
}

.gt_box {
    position: absolute;
    right: 0;
    top: 0;
}

    .gt_box a {
        float: left;
    }

    .gt_box .tel img, .gt_box .liao img {
        width: 0.3rem;
        height: 0.3rem;
    }

    .gt_box .liao {
        margin-left: 0.15rem;
    }
/* 业主自评 */
.yzzp_box {
    padding: 0.15rem 5%;
    font-size: 0.14rem;
    overflow: hidden;
}

.p_head {
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 50%;
    overflow: hidden;
}

    .p_head img {
        width: 100%;
        height: auto;
    }

.p_com {
    width: calc(100% - 0.56rem);
    position: relative;
}

.kailong {
    position: absolute;
    right: 94%;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #F7F7F7;
}

.p_com_nei {
    width: calc(95% - 0.4rem);
    padding: 0.2rem;
    float: right;
    background: #F7F7F7;
    border-radius: 0.05rem;
}

    .p_com_nei p {
        word-wrap: break-word
    }

/*.cssline {max-height: 0.98rem;}*/
.cssline p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.bor-bottom {
    border-bottom: 1px solid #F7F7F7;
    padding-bottom: 0.2rem;
}

.p_com_bottom {
    padding-top: 0.15rem;
    border-top: 1px solid #ECECEC;
    margin-top: 0.15rem;
}

.p_com_name {
}

    .p_com_name p {
        font-size: 0.14rem;
        color: #78787A;
    }

    .p_com_name .names {
        color: #191B1E;
        padding-bottom: 0.05rem;
    }

        .p_com_name .names strong {
            font-size: 0.16rem;
        }

.p_com_j a {
    float: right;
}

.p_com_j .liao {
    margin-left: 0.1rem;
}

    .p_com_j .tel img, .p_com_j .liao img {
        width: 0.24rem;
        height: 0.24rem;
    }

.p_com_j .liao {
}

.bortop {
    border-top: 1px solid #ECECEC;
}

.mt10 {
    margin-top: 0.15rem;
}

.borright {
    border-right: 1px solid #ECECEC;
}

.appbtn {
    border-top: 1px solid #ECECEC;
    width: calc(100% - 0.4rem);
    margin: 0 auto;
    padding: 0.2rem 0;
}

    .appbtn a {
        background: -webkit-linear-gradient(left,#ffc20d,#ffad00);
        background: -o-linear-gradient(left, #ffc20d,#ffad00);
        background: -moz-linear-gradient(left, #ffc20d,#ffad00);
        background: linear-gradient(to right, #ffc20d,#ffad00);
        font-weight: bold;
        display: block;
        border-radius: 0.05rem;
        line-height: 0.4rem;
        color: #fff;
        font-size: 0.16rem;
        text-align: center;
        margin-top: 0.15rem;
    }

    .appbtn p {
        font-size: 0.14rem;
        color: #7F7E83;
        text-align: center;
    }

/*-------- 小区 -----------*/
.housing_box {
    background: #fff;
}

.housTit {
    background: #fff;
    height: 0.6rem;
    line-height: 0.6rem;
}

    .housTit a {
        display: block;
        padding: 0 5%;
    }

    .housTit h2 {
        float: left;
        font-size: 0.16rem;
        color: 1c2627;
    }
    /*.housTit span i{display:block;float:left;margin-top:0.24rem;margin-right:0.06rem;width:0.15rem;height:0.14rem;background-postion:0 -1.23rem;}*/
    .housTit i {
        float: left;
        width: 0.04rem;
        height: 0.14rem;
        background: #fdc915;
        margin-right: 0.09rem;
        margin-top: 0.23rem;
    }

    .housTit em {
        width: 0.08rem;
        height: 0.14rem;
        background-size: 0.36rem 0.57rem;
        background-position: -0.04rem -0.4rem;
        display: block;
        float: right;
        margin-top: 0.23rem;
    }

.house_main {
    padding: 0 5% 0.2rem 5%;
    background: #fff;
}

    .house_main li {
        width: 50%;
        float: left;
        color: #1c2627;
        font-size: 0.14rem;
        line-height: 0.3rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .house_main span {
        color: #a1a2a4;
        margin-right: 0.1rem;
    }

    .house_main .zhenghang {
        width: 100%;
    }

.t_community {
    padding: 0 0.2rem 0.1rem 0.2rem;
}

.t_coummunity_pri {
    color: #86858A;
    font-size: 0.16rem;
    line-height: 0.3rem;
}

    .t_coummunity_pri i {
        vertical-align: middle;
        background: #86858A;
        display: inline-block;
        width: 0.03rem;
        height: 0.03rem;
        border-radius: 50%;
        margin: 0 0.05rem;
    }

.t_coummunity_com {
    overflow: hidden;
    padding-top: 0.1rem;
}

    .t_coummunity_com p {
        float: left;
        width: 50%;
        color: #86858A;
        font-size: 0.14rem;
    }

        .t_coummunity_com p strong {
            font-size: 0.16rem;
        }

        .t_coummunity_com p strong, .t_coummunity_com p span {
            color: #FF4F2C;
        }

/* 底部按钮 */
.lxBtn {
    width: calc(80% - 0.2rem);
    padding-right: 0.2rem;
    float: left;
    font-size: 0.16rem;
    text-align: center;
    color: #fff;
    display: block;
    position: relative;
    z-index: 20;
}

.btntel {
    height: 0.35rem;
    line-height: 0.35rem;
    margin-top: 0.07rem;
    border-radius: 0.05rem;
    background: -webkit-linear-gradient(left,#ffc20d,#ffad00);
    background: -o-linear-gradient(left, #ffc20d,#ffad00);
    background: -moz-linear-gradient(left, #ffc20d,#ffad00);
    background: linear-gradient(to right, #ffc20d,#ffad00);
}

    .btntel.xybtn {
        background: -webkit-linear-gradient(left,#BC71FF,#9471FF);
        background: -o-linear-gradient(left, #BC71FF,#9471FF);
        background: -moz-linear-gradient(left, #BC71FF,#9471FF);
        background: linear-gradient(to right, #BC71FF,#9471FF);
    }

/* 联系经济人弹窗 */
.vrTan, .broTan {
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}

.broMain {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 5px;
    background: #fff;
    width: 90%;
    height: 3.02rem;
    margin-top: -1.51rem;
    margin-left: -45%;
}

    .broMain.hang {
        height: 3.9rem;
        margin-top: -1.95rem;
    }

    .broMain dl {
        border-bottom: 1px solid #e5e7ec;
    }

        .broMain dl:last-child {
            border-bottom: none;
        }

.closeBtn {
    position: absolute;
    left: 50%;
    margin-left: -0.15rem;
    bottom: 10%;
    text-indent: -99999px;
    display: block;
    background: url(../detail/images/close.png) no-repeat center center;
    background-size: 0.3rem 0.3rem;
    width: 0.3rem;
    height: 0.3rem;
}

.broker_name dd i {
    padding-left: 0.1rem;
}

.broker_name .daikan i {
    display: block;
    padding-left: 0;
}

.mtb30 {
    margin-bottom: 50px
}



.pad-bot {
    padding-bottom: 0.5rem;
}

/*二维码*/
.code-mask {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 50;
}

.code-btn {
    position: absolute;
    width: 0.22rem;
    height: 0.22rem;
    background: url(../detail/images/code-icon.png) no-repeat center center;
    background-size: 100% auto;
    right: 15px;
    top: 15px;
    z-index: 2;
}

.code-box {
    width: 72%;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.4rem 0 0.25rem 0;
    text-align: center;
    position: fixed;
    top: 20%;
    left: 50%;
    margin-left: -36%;
}

    .code-box img {
        width: 60%;
        margin: 0 auto;
    }

    .code-box p {
        font-size: 0.14rem;
        color: #262e31;
        margin-top: 0.25rem;
    }

.code-close {
    position: fixed;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../detail/images/code-close-btn.png) no-repeat center center;
    background-size: 100% auto;
    left: 50%;
    margin-left: -0.15rem;
    bottom: 12%;
}

/*无经纪人弹窗*/
.bro-no {
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}

.bro-no-con {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 5px;
    background: #fff;
    width: 90%;
    height: 0.6rem;
    line-height: 0.6rem;
    margin-top: -0.3rem;
    margin-left: -45%;
    font-size: 0.16rem;
    text-align: center;
    color: #1c2627;
}

/*地图弹窗*/
.map-box {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
}

.map-con-box {
    width: 100%;
    height: 2.6rem;
    position: fixed;
    top: 50%;
    margin-top: -1.3rem;
    left: 0;
    background: #eee;
}

.map-con {
    width: 100%;
    height: 2.6rem;
}

    .map-con img {
        width: 100%;
    }

.map-close {
    position: absolute;
    left: 50%;
    margin-left: -0.15rem;
    bottom: -0.4rem;
    background: url(../detail/images/close.png) no-repeat;
    background-size: 0.3rem 0.3rem;
    width: 0.3rem;
    height: 0.3rem;
}

/*核验编码*/
.heyan-code {
    width: 100%;
    text-align: center;
    width: 100%;
    font-size: 0.14rem;
    line-height: 0.5rem;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0.5rem;
}

    .heyan-code:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        border-top: 1px solid #e5e7ec;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

.pad-bot2 {
    padding-bottom: 1rem;
}

/*举报电话  */
.report {
    background: #eeeff4;
    padding: 0.15rem 0.2rem;
}

    .report p {
        color: #c6c7cb;
        font-size: 0.12rem;
        overflow: hidden;
    }

        .report p span {
            font-size: 0.14rem;
            padding-bottom: 0.1rem;
        }

.reptit {
    float: left;
    color: #656559;
}

.repBtn {
    float: right;
    color: #4584cb;
}

.repT {
    z-index: 50;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
}

.repMain {
    background: #fff;
    height: 0.6rem;
    line-height: 0.6rem;
    width: 80%;
    position: absolute;
    border-radius: 0.09rem;
    left: 50%;
    top: 50%;
    margin-left: -40%;
    margin-top: -0.3rem;
}

.repLeft {
    width: 75%;
    text-align: center;
    color: #6e635c;
    font-size: 0.15rem;
    float: left;
}

    .repLeft strong {
        color: #5c5e5e;
        padding-left: 0.05rem;
    }

.repRight {
    width: 25%;
    float: right;
    border-left: 1px solid #dde0e3;
    margin-left: -1px;
    padding: 0.05rem 0;
    margin-top: 0.1rem;
}

    .repRight a {
        margin: 0 auto;
        width: 0.3rem;
        display: block;
    }

        .repRight a img {
            width: 0.3rem;
            height: 0.3rem;
        }

/*经纪人信息卡*/
.xinxika {
    margin: 0.02rem 0 0 0.07rem;
}

.xxk-icon {
    display: block;
    width: 0.25rem;
    height: 0.18rem;
    background: url(../img/xinxika-icon.png) no-repeat;
    background-size: 100% auto;
}

.xxk-no {
    display: none;
}

.xxk-show .xxk-icon {
    background-position: 0 0;
}

.xxk-layer {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 60;
}

.xxk-con {
    width: 60%;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30%;
}

    .xxk-con img {
        width: 100%;
        border-radius: 8px;
    }

.xxk-close {
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    left: 50%;
    margin-left: -0.15rem;
    background: url(../img/xxk-close.png) no-repeat;
    background-size: 100% auto;
    bottom: 10%;
}

/*----------- 经纪人房评 -----------*/
.broker_box {
    background: #fff;
}

    .broker_box p {
        color: #1c2627;
        font-size: 0.14rem;
        padding: 0.15rem 5%;
        line-height: 0.25rem;
    }

.broker_name {
    padding: 0.2rem 5% 0 5%;
    position: relative;
}

.broTel {
    width: 0.2rem;
    height: 0.2rem;
    background-size: 0.2rem auto;
    background-position: 0 bottom;
    text-indent: -9999px;
}

.broker_name dt {
    width: 0.6rem;
    height: 0.6rem;
    float: left;
    overflow: hidden;
    border-radius: 50%;
}

    .broker_name dt img {
        width: 100%;
    }

.broker_name dd {
    font-size: 0.12rem;
    color: #a1a2a4;
    padding-left: 0.7rem;
}

    .broker_name dd span {
        color: #1c2627;
        font-size: 0.16rem;
    }

    .broker_name dd:first-of-type {
        margin-top: -0.01rem;
    }

.broker_name .sqname {
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.broker_name .note {
    height: 0.44rem;
}

.phone-ailiao {
    position: absolute;
    top: 0.3rem;
    right: 5%;
    padding: 0;
}

.broTel {
    float: left;
    width: 0.2rem;
    height: 0.2rem;
    background-size: 0.2rem auto;
    background-position: 0 bottom;
    text-indent: -9999em;
}

.broAiLiao {
    float: left;
    width: 0.2rem;
    height: 0.2rem;
    background: url(../img/ailiao-icon.png) no-repeat;
    background-size: 100% auto;
    text-indent: -9999em;
}

.phone-ailiao .line {
    float: left;
    width: 1px;
    height: 0.2rem;
    background: #E8E9E8;
    font-size: 0;
    margin: 0 0.1rem;
}



/* 地图 周边信息 */
.wapMapBox {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.1);
}

.mapTagBox {
    position: fixed;
    z-index: 20;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.6rem;
    background: #fff;
    box-shadow: 0px -2px 8px 3px rgba(170,170,170,0.2);
    padding-top: 0.1rem;
}

    .mapTagBox ul {
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0.14rem;
    }

        .mapTagBox ul li {
            width: 0.52rem;
            margin: 0 0.01rem;
            font-size: 0.14rem;
            display: inline-block;
            color: #7D7E82;
        }

    .mapTagBox .icon {
        width: 0.32rem;
        height: 0.32rem;
        background-size: 0.32rem 0.32rem;
        margin: 0 auto 0.05rem auto;
    }

    .mapTagBox .text {
        text-align: center;
    }

.icon_1 {
    background: url(../img/map_1.png) no-repeat center center;
}

.icon_2 {
    background: url(../img/map_2.png) no-repeat center center;
}

.icon_3 {
    background: url(../img/map_3.png) no-repeat center center;
}

.icon_4 {
    background: url(../img/map_4.png) no-repeat center center;
}

.icon_5 {
    background: url(../img/map_5.png) no-repeat center center;
}

.icon_6 {
    background: url(../img/map_6.png) no-repeat center center;
}

.icon_7 {
    background: url(../img/map_7.png) no-repeat center center;
}

.mapTagBox li.cur {
    color: #292B33;
}

    .mapTagBox li.cur .icon_1 {
        background: url(../img/map_1_cur.png) no-repeat center center;
        background-size: 0.32rem 0.32rem;
    }

    .mapTagBox li.cur .icon_2 {
        background: url(../img/map_2_cur.png) no-repeat center center;
        background-size: 0.32rem 0.32rem;
    }

    .mapTagBox li.cur .icon_3 {
        background: url(../img/map_3_cur.png) no-repeat center center;
        background-size: 0.32rem 0.32rem;
    }

    .mapTagBox li.cur .icon_4 {
        background: url(../img/map_4_cur.png) no-repeat center center;
        background-size: 0.32rem 0.32rem;
    }

    .mapTagBox li.cur .icon_5 {
        background: url(../img/map_5_cur.png) no-repeat center center;
        background-size: 0.32rem 0.32rem;
    }

    .mapTagBox li.cur .icon_6 {
        background: url(../img/map_6_cur.png) no-repeat center center;
        background-size: 0.32rem 0.32rem;
    }

    .mapTagBox li.cur .icon_7 {
        background: url(../img/map_7_cur.png) no-repeat center center;
        background-size: 0.32rem 0.32rem;
    }
.Map_ZhouBian .appbar_left {
    left: 0;
}

.Map_ZhouBian .appbar_make {
    width:45px;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .Map_ZhouBian .appbar_make a {
        display: flex;
    }

.Map_ZhouBian .appbar_right {
    right: 0;
}

.Map_ZhouBian .appbar_icon {
    width: 30px;
    height:30px;
}

.Map_ZhouBian .top-box {
    height: .5rem;
    padding: 0;
}

.Map_ZhouBian .top-name {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.Map_ZhouBian .location-text {
    font-size: .32rem;
    color: #3e4a59;
    width: auto;
    text-align: center;
    direction: ltr;
    white-space: nowrap;
    position: absolute;
}

    .Map_ZhouBian .location-text p {
        position: relative;
        padding: .05rem .1rem;
        font-size: .16rem;
        color: #ffffff;
        background: #0079fe;
        border-radius: 4px;
        z-index: 99;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    }

    .Map_ZhouBian .location-text .ico-point {
        position: absolute;
        display: block;
        width: .15rem;
        height: .15rem;
        margin: 0 auto;
        background: #0079fe;
        top: .2rem;
        left: 50%;
        margin-left: -.06rem;
        transform: rotate(45deg);
        z-index: 98;
    }

    .Map_ZhouBian .location-text .project-pos {
        margin: 0 auto;
        position: absolute;
        top: .4rem;
        left: 50%;
        width: .26rem;
        height: .45rem;
        display: block;
        color: rgba(72,179,226,.9);
        background-position: -1.5rem -.5rem;
        margin-left: -.13rem;
    }

.Map_ZhouBian .m-icon-bg1 {
    background-image: url('../../../../Content/Wap/img/m-icon-bg1.png');
    background-repeat: no-repeat;
    background-size: 2rem 3.5rem;
}