.c999{
    color: #999;
}
.division-box{
    width: 7.5rem;
    height: 0.2rem;
    background-color: #F4F4F4;
}
/* 小区列表 */
.jjs-cont{
    height: 100%;
    position: relative;
}
.wrapper-box {
    position: relative;
    z-index: 20;
    margin-top:0;
    box-sizing: border-box;
    padding-top: 2.92rem;
    min-height: 100%;
}
section{
    font-size: 0.24rem;
}
.data-box ul.select-box .dpdown-toggle{
    width: 20%;
    padding-left:0;
}
.nodpdown{
    float: left;
    width: 20%;
    height: 0.88rem;
    text-align: center;
    padding: 0.2rem 0.1rem 0.2rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size:0.28rem;
}
.nodpdown.curr {
    color: #e03236!important;
}
.data-box ul.select-box .dpdown-toggle span{
    font-size:0.28rem;
}
.sort-block:before{
    background: transparent;
}
.filter-panel-single.scroll{
    height: auto;
    max-height: 6.8rem;
}
.filter-panel3{
    height: auto !important;
}

/* 小区详情 */
/*.title-wrap .esf-title{*/
/*    padding-bottom: 0;*/
/*    padding-right: 0;*/
/*}*/
.title-wrap p{
    font-size: 0.28rem;
    line-height: 0.4rem;
    color: #9B9B9B;
    padding-top: 0.16rem;
    padding-bottom: 0.28rem;
}
ul.floor-orientation li{
    padding-top: 0.3rem;
}
ul.floor-orientation li .title em{
    /*letter-spacing: 0.1rem;*/
}
.feature-info p{
    position: static;
    padding-bottom: 0;
    margin-bottom: 0.1rem;
}
.feature-info p.clamp{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-align: justify;
}
.feature-info .info-more{
    font-size: 0.32rem;
    color: #4A90E2;
}
.price-info{

}
.area-price ul li{
    width: 30%;
}
.area-price ul li:first-child{
    width: 40%;
}
.price-info .price-info-txt{
    padding: 0.3rem 0;
    overflow: hidden;
}
.price-info .price-w50{
    float: left;
    width: 50%;
    padding: 0 0.3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.price-info .price-txt{
    width: 100%;
    height: 1.8rem;
    padding: 0.24rem 0;
    background: #F8F8F8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.price-info .price-txt p{
    color: #9B9B9B;
    text-align: center;
}
.price-info .price-txt p.price-num{
    font-weight: 700;
    font-size: 0.36rem;
    line-height: 0.36rem;
    color: #DF3031;
    padding: 0.16rem 0;
}
.price-info .price-txt .up{
    font-size: 0.2rem;
    color: #D92227;
}
.price-info .price-txt .down{
    font-size: 0.2rem;
    color: #2E9D00;
}
.price-info .price-txt i{
    position: relative;
    top: -0.02rem;
}
.price-info-chart{
    height: 6rem;
}
.more{
    font-size: 0.28rem;
    line-height: 0.48rem;
    color: #9b9b9b;
}
.more i{
    margin-right: -0.12rem;
    margin-top: 0.02rem;
}
.position-environ .position-info{
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.position-info .info-detail{
    margin-bottom: 0.4rem;
}
.position-info .info-detail .content span{
    margin-bottom: 0.2rem;
}
.position-info .info-detail .content span:last-child{
    margin-bottom: 0;
}
.tip{
    font-size: 0.22rem;
    line-height: 0.6rem;
    color: #9B9B9B;
    text-align: center;
    background: #F7F5F5;
}
.dialog-agent-list li{
    padding:0.36rem 0.3rem
}


.grap-btn,
.contact-agent{
    width: 42.5%;
}
.flex-btn{
    width:3.4rem;
}
.flex-btn .im-btn,
.flex-btn .contact-agent{
    width:48% !important;
    margin:0;
}
.contact-agent i {
    background: url(../../images/houses/button-zixun.png) no-repeat;
    background-size: 0.4rem 0.4rem;
}

.anchorBL{
    display: none;
}

ul.floor-orientation li.ditie .content,
ul.floor-orientation li.jiaoyu .content{
    white-space: normal;}

/* 2018-07-04 */
.strategy-box{
    padding-top: 0.3rem;
    background: #ffffff;
}


border-bottom-efe {
    border-bottom: 1px solid #efeeee;
}

.loupan-name-wrap {
    position: relative;
    padding-bottom: .2rem;
    /*border-bottom: 1px solid #e7e7e7 !important;*/
}

.title-wrap .esf-title {
    padding-bottom: .2rem;
    padding-right: 0;
    font-size: 0.48rem;
}

.title-wrap .loupan-alias {
    margin-bottom: .30rem;
    font-size: .28rem;
    color: #81868C;
}

.title-wrap .loupan-tag-item {
    padding: .02rem .12rem;
    margin: 0 .14rem .14rem 0 ;
    font-size: .24rem;
    background: #f1f3f8;
    color: #5064A3
}

.huxing {
    position: relative;
    padding-bottom: .5rem;
}

.huxing-swiper-container {
    /*height: 5.12rem;*/
    padding: 0 .2rem;
    z-index: 0;
}

.huxing-swiper-container .swiper-slide,
.zsfy-container .swiper-slide,
.zzfy-container .swiper-slide,
.pqzs-container .swiper-slide{
    width: 4.2rem;
    height: 100%;
}

.huxing-swiper-container .img-wrap {
    overflow: hidden;
    height: 3.2rem;
}

.huxing-swiper-container .img-wrap img {
    /*width: 100%;*/
    /*height: 100%;*/
}

.huxing-swiper-container .huxing-desc {
    font-size: .34rem;
    color: #2F343A;
    margin-top: .3rem;
}

.huxing-swiper-container .huxing-desc.huxing-area {
    margin-top: .12rem
}

.huxing-swiper-container  .price {
    margin-top: .12rem;
}

.huxing-swiper-container  .total-price {
    font-size: .3rem;
    color: #F54949;
    font-weight: bold;
    margin-right: .08rem;
}

.huxing-swiper-container  .unit-price {
    font-size: .26rem;
    color: #81868C;
}

.link-huxing {
    margin-top: 0.22rem;
    width: 4rem;
    height: 0.8rem;
    background-color: #FFEBE9;
    border-radius: 0.08rem;
    font-size: 0.32rem;
    font-weight: 600;
    color: #E03236;
    line-height: 0.8rem;
    text-align: center;
}

ul.safety-index-list {
    overflow: hidden;
    text-align: center;
    margin-top: .2rem;
    margin-bottom: .3rem;
}

li.safety-index-list-item {
    float: left;
    width: 25%;
}

.safety-index-val {
    font-size: .4rem;
    color: #2F343A;
    margin: .2rem 0;
}

.safety-index-type {
    font-size: .24rem;
    color: #81868C;
}

.my-tips {
    text-align: center;
    margin: 0 .4rem;
    background: #F4F4F4;
    border-radius: .22rem;
    font-size: .24rem;
    color: #CACACA;
    line-height: 1.8;
}

.big-btn-wrapper{
    padding: 0 .3rem;
}

.xq-hangpai .toApp-btn {
    margin-top: 0;
}

.edu-swiper-container {
    /*height: 3.48rem;*/
    padding: 0 .2rem;
    margin-bottom: .14rem;
    z-index: 0;
}

.edu-swiper-container .img-wrap {
    height: 2.24rem;
}

.edu-swiper-container  .edu-school {
    font-size: .34rem;
    color: #2F343A;
    margin-top: .16rem;
}

.edu-swiper-container .edu-school-pos {
    margin-top: .08rem;
    font-size: .26rem;
    color: #81868C;
}

.link-school{
    margin-left: 0.32rem;
    margin-top: 0.35rem;
    width: 6.86rem;
    height: 0.8rem;
    background-color: #FFEBE9;
    border-radius: 0.08rem;
    font-size: 0.32rem;
    font-weight: 600;
    color: #E03236;
    line-height: 0.8rem;
    text-align: center;
}

.wenda-list-item {
    padding: .3rem .2rem;
}

.wenda-question-tag.fl {
    background: #F54949;
    border-radius: .02rem;
    color: #fff;
    padding: 0 .06rem;
    line-height: .36rem;
}

span.wenda-question.fl {
    font-size: .3rem;
    color: #2F343A;
    font-weight: bold;
    margin-left: .16rem;
    line-height: .36rem;
}

span.fr.wenda-answer-count {
    font-size: .28rem;
    color: #81868C;
    line-height: .36rem;
}

.wenda-question {
    margin-bottom: .16rem;
}

.wenda-top-answer.clear {
    padding-left: .54rem;
}

span.caina-tag.fl {
    color: #FFFFFF;
    background: #6679B3;
    border-radius: .02rem;
    padding: .02rem .06rem;
}

span.fl.answer {
    font-size: .26rem;
    color: #81868C;
    /*margin-left: .16rem;*/
    line-height: .36rem;
}
.my-border-bottom {
    position: relative;
}
.my-border-bottom::after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    transform: scaleY(0.5);
}
.wenyiwen-wrap {
    margin: .4rem .3rem .2rem;
    /* padding: 0 .3rem; */
    text-align: center;
}

a.wenyiwen-btn {
    display: block;
    width: 2.8rem;
    height: .64rem;
    margin: 0 auto .16rem;
    background-image: linear-gradient(-161deg, #FC8686 0%, #E82C26 100%);
    border-radius: .32rem;
    line-height: .64rem;
    font-size: .32rem;
    color: #FFFFFF;
}

.wenda {
    font-size: .24rem;
    color: #81868C;
    /*padding-bottom: .2rem;*/
}

.wenda.recommend:after {
    display: none;
}

.price-summary {
    padding: .48rem 0;
}

.price-summary .avg-price {
    width: 50%;
    padding-left: .6rem;
    border-right: .02rem solid #E8E8E8;
    box-sizing: border-box;
}

.price-summary .color-gray {
    margin-bottom: .08rem;
    font-size: .24rem;
    color: #A0A3A7;

}

.price-summary .summary-val {
    font-size: .24rem;
    color: #2F343A;
    margin-bottom: .1rem;
}

.price-summary strong {
    font-size: .52rem;
    color: #2F343A;
}

.price-summary .red {
    font-size: .24rem;
    color: #F54949;
}

.price-chart-canvas {
    height: 8rem;
    z-index: 1;
}

.button-block {
    z-index: 100;
}

.price-chart-tip {
    padding: .2rem 0 .4rem;
    font-size: .24rem;
    color: #A0A3A7;
    text-align: center;
}

.zsfy-container,
.zzfy-container,
.pqzs-container{
    padding: 0 .2rem;
}

.zsfy-container  .img-wrapper,
.zzfy-container  .img-wrapper,
.pqzs-container  .img-wrapper{
    overflow: hidden;
    height: 3.2rem;
}

.zsfy-container .layout-info,
.zzfy-container .layout-info,
.pqzs-container .layout-info{
    margin: .24rem 0 .08rem;
    font-size: .34rem;
    color: #2F343A;
}

.zsfy-container  .price-info,
.zzfy-container  .price-info{
    margin-bottom: .5rem;
    font-size: .26rem;
    color: #81868C;
}

.pqzs-container  .price-info{
    margin-bottom: .37rem;
    font-size: .26rem;
    color: #81868C;
}

.zsfy-container .jxhf{
    font-size: .22rem;
    color: #FFF8E9;
    line-height: .22rem;
    background: #E03236;
    padding: .06rem .1rem;
    float: right;
    margin-top: .08rem;
}

.zzfy-container .jxhf{
    font-size: .22rem;
    color: #FFF8E9;
    line-height: .22rem;
    background: #E03236;
    padding: .06rem .1rem;
    float: right;
    margin-top: .08rem;
}

.zsfy-container  strong.red,
.zzfy-container  strong.red,
.pqzs-container  strong.red {
    margin-right: .1rem;
    font-size: .34rem;
    color: #F54949;
}

header .title {
    width: -webkit-calc(100% - 3.2rem);
    width: calc(100% - 3.2rem);
    margin-left: .8rem;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

header.head-detail .xq-head-share {
    background: url(../../images/houses/share@2x.png) no-repeat center center;
    background-size: 100% 100%;
}

header .head-share.xq-head-collection {
    right: 1rem;
    background: url(../../images/collect2.png) no-repeat center center;
    background-size: 100%;
    width: 0.64rem;
    height: 0.64rem;
}

header.head-detail  .xq-head-collection,
header.head-detail  .head-share.xq-head-collection.collected {
    background: url(../../images/houses/collection@2x.png) no-repeat center center;
    background-size: 100%;
    width: 0.64rem;
    height: 0.64rem;
    margin-top: 0;
}

header.head-detail  .head-share.xq-head-collection.collected,
header .head-share.xq-head-collection.collected {
    background: url(../../images/collected2.png) no-repeat center center;
    background-size: 100%;
}

/*header.head-detail  .xq-head-msg {*/
/*    right: 1.44rem;*/
/*    background: url(../../images/houses/collection@2x.png) no-repeat center center;*/
/*    background-size: 100%;*/
/*}*/


@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    header.head-detail .xq-head-share {
        background: url(../../images/houses/share@3x.png) no-repeat center center;
        background-size: 100% 100%;
    }


    /*header.head-detail  .xq-head-msg {*/
    /*    background: url(../../images/houses/collection@3x.png) no-repeat center center;*/
    /*    background-size: 100% 100%;*/
    /*}*/
}



.head-bottom-btns {
    position: absolute;
    bottom: .3rem;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.xq-head-vr,
.xq-head-img-btn {
    display: inline-block;
    padding: 0 .2rem;
    background: #FFFFFF;
    border: 0 solid #E2E0D9;
    border-radius: .22rem;
    font-size: .24rem;
    color: #2F343A;
    line-height: .44rem;
}
.xq-head-vr.active,
.xq-head-img-btn.active {
    color: #fff;
    background-color: #f71a1a;
}

.xq-head-vr {
    margin-right: .2rem;
}

.toApp-btn {
    background-image: linear-gradient(172deg, #FC8686 0%, #E82C26 100%);
}

.arrow-right-white {
    position: absolute;
    top: 0.25rem;
    margin-left: .1rem;
    display: inline-block;
    width: .16rem;
    height: .26rem;
    background-size: 100%;
    background-image: url("../../images/houses/arrow-right-white@2x.png");
}

@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    .arrow-right-white {
        position: absolute;
        top: 0.25rem;
        margin-left: .1rem;
        display: inline-block;
        width: .16rem;
        height: .26rem;
        background-size: 100%;
        background-image: url(../../images/houses/arrow-right-white@3x.png);
    }
}

.xq-hangpai .toApp-btn {
    font-size: .3rem;
    color: #E03236
}

.xq-hangpai .toApp-btn {
    background: rgba(224,50,54,0.08);
}


.hangpai-icon {
    display: inline-block;
    width: .58rem;
    height: .36rem;
    margin-top: .2rem;
    margin-right: .1rem;
    background-size: 100%;
    background-image: url("../../images/houses/esf_hangpai@2x.png");
}

@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    .hangpai-icon {
        background-image: url("../../images/houses/esf_hangpai@3x.png");
    }
}

span.icon-xqbd {
    display: inline-block;
    width: .38rem;
    height: .44rem;
    margin-top: .16rem;
    margin-right: .1rem;
    background-size: 100%;
    background-image: url(../../images/houses/esf_xiaoqubaodian@2x.png);
}

@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    .icon-xqbd  {
        background-image: url("../../images/houses/esf_xiaoqubaodian@3x.png");
    }
}

.big-btn-wrapper .toApp-btn,
.xq-hangpai .toApp-btn {
    padding: 0 .3rem;
    box-sizing: border-box;
}

.big-btn-wrapper.xq-video {
    padding: 0;
}

.big-btn-wrapper .left-wrap,
.xq-hangpai .left-wrap {
    font-size: .34rem;
}

.xq-video .left-wrap {
    font-size: inherit;
}
.xq-hangpai .left-wrap {
    color: #2F343A;
}

.big-btn-wrapper .icon-arrow-right-white.fr,
.xq-hangpai .icon-arrow-right-white {
    padding-right: .24rem;
}

.big-btn-wrapper  .icon-arrow-right-white.fr::after {
    content: '';
    display: block;
    position: absolute;
    right: .28rem;
    top: .26rem;
    width: .16rem;
    height: .26rem;
    background-size: 100%;
    background-image: url(../../images/houses/arrow-right-white@2x.png);
}

.xq-hangpai  .fr.arrow-right-red {
    padding-right: .2rem;
}

.xq-hangpai  .fr.arrow-right-red::after {
    display: block;
    content: '';
    position: absolute;
    right: .28rem;
    top: .28rem;
    width: .16rem;
    height: .16rem;
    border-top: .04rem solid #E03236;
    border-right: .04rem solid #E03236;
    transform: rotate(45deg);

}

@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    .big-btn-wrapper  .icon-arrow-right-white.fr::after  {
        background-image: url(../../images/houses/arrow-right-white@3x.png);
    }
}

.price-chart .up {
    margin-left:0.1rem;
    color: #F54949;
}

.price-chart .icon-up,
.price-chart .icon-down {
    position: relative;
    top: -.04rem;
}

.price-chart .down {
    margin-left:0.1rem;
    color: #2E9D01;
}



.loupan-summary .toApp-btn.border:after,
.position-environ:before,
.xq-hangpai .toApp-btn.border:after,
.recommend:before {
    display: none;
}

.position-environ,
.recommend {
    margin-top: 0;
}

.contact-online .telephone-contact,
.contact-online .contact-agent {
    font-size: .3rem;
    line-height: 1 !important;
}

.contact-online .telephone-contact {
    position: relative;
    margin-left: 0;
    color: #fff;
    background: #E03236;
    border: none;
    text-align: center;
    border-radius: .08rem;
}
.contact-online .telephone-contact a{
    color: #fff;
}
.contact-online.button-block {
    display: flex;
    justify-content: space-between;
    height:1.4rem;
    padding: .2rem .3rem;
}

.contact-online.button-block .telephone-contact,
.contact-online.button-block .contact-agent{
    width: calc(50% - .15rem);
}
.contact-online.button-block .im-btn{
    background: #FF9E00;
    flex:1;
}
.contact-online.button-block .im-btn img{
    display: inline-block;
    width:0.6rem;
    height:0.6rem;
    margin-right:0.1rem;
    vertical-align: middle;
}
.contact-online.button-block .im-btn span{
    vertical-align: middle;
}
.contact-online.button-block .telephone-contact {
    max-width: 1.82rem;
    margin-left: 0.2rem;
    height:1rem
}

.contact-online .contact-agent {
    margin-left: 0;
}

.contact-online .btn-sub-text {
    display: block;
    font-size: .24rem;
    margin-top: .1rem;
}

a.consultation {
    /*position: relative;*/
    /*top: -.08rem;*/
    padding: .16rem .24rem;
    border-radius: .08rem;
    background: red;
    color: #fff;
    font-size: .24rem;

}
#contact-agent-list .operation-wrapper.telephone-contact-wrapper .consultation {
    display: none;
}
#contact-agent-list .operation-wrapper .operation {
    display: none;
}
#contact-agent-list .operation-wrapper.telephone-contact-wrapper .operation {
    display: inline-block;
}

.border-bottom:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #E8E8E8;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.price-chart-title {
    display: block;
}
.xq-guide .recommend-title .title,
.recommend .recommend-title .title {
    font-size: 0.32rem;
    line-height: 0.48rem;
    font-weight: bold;
    color: #515151;
}

.xqzs .recommend-title::after ,
.xqzz .recommend-title::after,
.tpqzs .recommend-title::after,
.xq-video .toApp-btn.border:after{
    display: none;
}

/*.price-chart  .vs {*/
/*    margin-top: 0.08rem;*/
/*    font-size: 0.24rem;*/
/*    color: #999999;*/
/*    line-height: 1;*/
/*}*/

.disclaimerBox{
    padding:0;
}
.disclaimerBox .inner{
    padding:0.4rem 0.3rem;
    background: #F8F8F8;
}
.disclaimerBox .tit{
    font-size: 0.24rem;
    font-weight: bold;
    color: #333333;
    line-height:0.3rem;
}
.disclaimerBox .cont{
    margin-top:0.16rem;
    font-size:0.2rem;
    color: #C2C2C2;
    line-height: 0.28rem;
}


/* 房源卡片 */
.sell-card{
    margin: 0.2rem 0.30rem 0.30rem;
    box-shadow: 0.02rem 0.02rem 0.1rem 0rem rgba(0, 0, 0, 0.05);
    padding: 0.2rem 0.32rem 0.24rem 0.32rem;
    border-radius: 0.08rem;
    background: #fff;
}

.sell-card .card-top{
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
}

.sell-card .card-money{
    font-size: 0.54rem;
    color: #E03236;
    font-weight: 600;
    line-height: 0.75rem;
    height: 0.75rem;
    width: 4.56rem;
}

.sell-card .card-compare{
    display: flex;
    align-items: center;
    flex: 1;
}

.sell-card .compare-text{
    color: #666666;
    font-size: 0.22rem;
    height: 0.3rem;
    font-weight: 400;
    line-height: 0.3rem;
    margin-right: 0.07rem;
}

.sell-card .compate-img{
    width: 0.22rem;
    height: 0.22rem;
}


.sell-card .compare-num{
    height: 0.3rem;
    font-size: 0.22rem;
    font-weight: 500;
    line-height: 0.3rem;
    margin-left: 0.03rem;
}

.sell-card .green{
    color: #02B50D;
}

.sell-card .red{
    color: #E03236;

}

.sell-card .card-money .card-unit{
    font-size: .25rem;
    color: #f03636;
}
.sell-card .card-tip{
    font-size: 0.22rem;
    color: #666;
    height: 0.3rem;
    line-height: 0.3rem;
    font-weight: 400;
}

.sell-card .card-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.29rem;
}

.sell-card .sell-num{
    font-size: 0.54rem;
    color: #000;
    font-weight: 600;
    height: 0.75rem;
    line-height: 0.75rem;
}

.sell-card .sell-unit{
    height: 0.33rem;
    line-height: 0.33rem;
    font-size: 0.24rem;
    font-weight: 400;
    color: #000000;
    margin-left: 0.08rem;
}
.sell-card .sell-icon{
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 0.03rem;
    margin-bottom: 0.03rem;
}

.sell-card .sell-type{
    font-size: 0.22rem;
    height: 0.3rem;
    line-height: 0.3rem;
    font-weight: 500;
    color: #999;
    margin-right: 0.03rem;
    display: flex;
    align-items: center;
}

.link-chart{
    width: 6.86rem;
    margin: 0.32rem;
    height: 0.8rem;
    background-color: #FFEBE9;
    border-radius: 0.08rem;
    font-size: 0.32rem;
    font-weight: 600;
    color: #E03236;
    line-height: 0.8rem;
    text-align: center;
}

.link-more{
    margin-top: 0.32rem;
    width: 6.86rem;
    height: 0.8rem;
    background-color: #FFEBE9;
    border-radius: 0.08rem;
    font-size: 0.32rem;
    font-weight: 600;
    color: #E03236;
    line-height: 0.8rem;
    text-align: center;
}

/* 小区专家 */
/* .xq-expert{
    margin: 0 0.1rem;
} */

.xq-expert .expert-tip{
    padding-left: 0.32rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    font-weight: bold;
    color: #515151;
}

.xq-expert .expert-list{
    padding: 0rem 0.32rem;
    margin-bottom: 0.08rem;

}

.xq-expert .expert-list-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.44rem 0rem;
    border-bottom: 1px solid #eee;
}

.xq-expert .expert-list-item:last-child{
    border-bottom: none;
}

.xq-expert .expert-left{
    width: 5rem;
}
.xq-expert .expert-link{
    display: flex;
    align-items: center;
}

.xq-expert .expert-info{
    margin-left: 0.24rem;
}

.xq-expert .info-content{
    margin-bottom: 0.02rem;
    display: flex;
    align-items: center;
}

.xq-expert .info-name{
    font-size: 0.32rem;
    font-weight: 600;
    /* width: 1rem; */
    /* display: block; */
    height: 0.45rem;
    color: #000;
    line-height: 0.45rem;
    margin-right: 0.16rem;
}

.xq-expert .info-score{
    color: #F58E17;
    font-size: 0.24rem;
    height: 0.33rem;
    font-weight: 600;
    line-height: 0.33rem;
}

.xq-expert .info-card{
    width: 0.36rem;
    height: 0.24rem;
    background: url(../../images/houses/card_icon.png) no-repeat;
    background-size: 0.36rem 0.24rem;
    margin-left: 0.15rem;
}

.xq-expert .info-branch{
    color: #999999;
    font-size: 0.24rem;
    height: 0.33rem;
    line-height: 0.33rem;
    font-weight: 400;
}

.xq-expert .expert-chart{
    background: url("../../images/ysl_sb/detail/message.png") no-repeat;
    background-size: 0.76rem;
    width: 0.76rem;
    height: 0.76rem;
    margin-right: 0.48rem;
}

.xq-expert .expert-tel{
    background: url("../../images/ysl_sb/detail/phone.png") no-repeat;
    background-size: 0.76rem;
    width: 0.76rem;
    height: 0.76rem;
}

.xq-expert .expert-right{
    display: flex;
}

.xq-expert .expert-img{
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    overflow: hidden;
}

.xq-expert .expert-img img{
    width: 100%;
    display: block;
    border: 0;
}

/* 价格走势 */
.price-trend{

}
.price-trend .trend-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0rem 0.3rem;
}

.price-trend .trend-tip{
    font-size: 0.32rem;
    line-height: 0.48rem;
    font-weight: bold;
    color: #515151;
}

.price-trend .trend-type{
    display: flex;
}

.price-trend .type-item{
    display: flex;
    align-items: center;
    color: #666;
    font-size: 0.22rem;
    line-height: 0.3rem;
    font-weight: 400;
}

.price-trend .type-item:first-child{
    margin-right: 0.44rem;
}

.price-trend .type-icon{
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.14rem;
}

.price-trend .trend-text{
    margin-left: 0.32rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.3rem;
    height: 0.3rem;
    font-size: 0.2rem;
}

.price-trend .item span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 4px;
}

.no-chart{
    color: #999999;
    font-weight: 400;
    font-size: 0.3rem;
    margin: 0.32rem auto 0.4rem auto;
    height: 0.42rem;
    line-height: 0.42rem;
    text-align: center;
}

/* 小区攻略 */
.xq-guide{

}

.xq-guide .guide-top{
    display: flex;
    align-items: center;
}

/* .xq-guide .guide-card{
    height: 1.96rem;
    background: #FFFFFF;
    margin: 0.32rem 0rem;
    box-shadow: 0rem 0.04rem 0.2rem 0rem rgba(0, 0, 0, 0.05);
    border-radius: 0.16rem;
    border: 0.01rem solid #EEEEEE;
} */

.xq-guide .read-text{
    width: 4.05rem;
    height: 0.84rem;
    font-size: 0.36rem;
    font-weight: 600;
    color: #000000;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.xq-guide .read-people{
    font-weight: 400;
    color: #666666;
    height: 0.3rem;
    line-height: 0.35rem;
    font-size: 0.2rem;
}

.xq-guide .guide-wrap{
    width:100%;
    overflow-x: auto;
}
.xq-guide .guide-wrap::-webkit-scrollbar {
    display: none;
}

.xq-guide .guide-bottom{
    /* display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0; */
    display: flex;
    flex-wrap: nowrap;
    margin-left: 0.32rem;
    margin-bottom: 0.52rem;
    height: 1.18rem;
}

.xq-guide .guide-rank{
    display: inline-block;
    flex:0 0 1.3rem;
    width: 1.3rem;
    height: 1.18rem;
    border-radius: 0.04rem;
    border: 0.02rem solid #E03026;
    text-align: center;
    margin-right: 0.2rem;
    box-sizing: border-box;
}

.xq-guide .rank-name{
    color: #E03026;
    font-size: 0.24rem;
    font-weight: 400;
    height: 0.33rem;
    line-height: 0.33rem;
    padding-top: 0.18rem;
}

.xq-guide .rank-num{
    color: #E03026;
    font-weight: 600;
    font-size: 0.38rem;
    height: 0.53rem;
    line-height: 0.53rem;
}

.xq-guide .guide-info{
    display: block;
    flex:0 0 2.5rem;
    width: 2.5rem;
    height: 1.18rem;
    background: #F7F7F7;
    border-radius: 0.04rem;
    padding: 0.21rem 0.18rem 0.24rem 0.18rem;
    margin-right: 0.2rem;
    box-sizing: border-box;
}

.xq-guide .info-tip{
    height: 0.37rem;
    font-size: 0.26rem;
    font-weight: 600;
    color: #000000;
    line-height: 0.37rem;
    margin-bottom: 0.06rem;
}

.xq-guide .info-text{
    height: 0.3rem;
    font-size: 0.22rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.3rem;
}

/* app链接 */
.link-app-content{
    background-color: #fff;
    position: relative;
    top:-0.02rem;
    padding: 0.07rem 0rem 0.6rem 0rem;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.link-app{
    display: block;
    width: 3.48rem;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    background: #E03236;
    border-radius: 0.04rem;
    font-weight: 500;
    font-size: 0.26rem;
    color: #FFFFFF;
}

/*附近小区*/
.xq-nearby{

}

.xq-nearby .nearby-content{
    margin: 0.06rem 0.32rem 0rem 0.32rem;
}

.nearby-content .nearby-item a{
    display: flex;
    padding: 0.36rem 0rem;
    border-bottom: 1px solid #eee;
}

.nearby-content .nearby-item:first-child{
   padding-top: 0.06rem;
}

.nearby-content .nearby-item:last-child{
    border-bottom:none;
}

.nearby-content .nearby-img{
    width: 2.1rem;
    height: 1.6rem;
    margin-right: 0.24rem;
}

.nearby-content .info-title{
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.32rem;
    font-weight: 600;
    color: #333333;
    margin-bottom: 0.08rem;
}

.nearby-content .area-text{
    height: 0.33rem;
    line-height: 0.33rem;
    font-size: 0.24rem;
    font-weight: 400;
    color: #999999;
    margin-right: 0.2rem;
}

.info-area .area-text:last-child{
    margin-right: unset;
}

.info-source .area-text:last-child{
    margin-right: unset;
}

.nearby-content .info-area{
    margin-bottom: 0.08rem;
}

.nearby-content .info-source{
    margin-bottom: 0.1rem;
}

.nearby-content .price-num{
    font-size: 0.32rem;
    font-weight: 600;
    color: #E03236;
    margin-right: 0.02rem;
}

.nearby-content .info-price{
    font-size: 0.24rem;
    font-weight: 600;
    color: #E03236;
}
.pad-box{
    height: auto;
    width: 100%;
    padding: .16rem .32rem;
    box-sizing: border-box;
}
.leaderboard{
    width: 100%;
    height: .76rem;
    padding: 0 .22rem 0 .18rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 158, 0, .1);
    border-radius: 0.08rem;
}
.leaderboard .leaderboard-l{
    font-size: 0.28rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #CF923E;
    line-height: 0.4rem;
    letter-spacing: 1px;
    display: flex;
}
.leaderboard .leaderboard-l img{
    height: .34rem;
    width: .34rem;
    margin-right: .19rem;
}
.leaderboard .leaderboard-r .arrow-r{
    height: .23rem;
    width: .23rem;
}

.new-dialog .new-dialog-tips{
    margin-top: 0.2rem;
    color:#999;
    font-size: 0.28rem;
    line-height: 0.42rem;
}
.new-dialog .coll-phone{
    width:100%;
    margin-top:0.4rem;
    padding:0.2rem;
    border-radius: 0.04rem;
    border:1px solid #D4D4D4;
    font-size:0.3rem;
    line-height: 0.42rem;
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
.new-dialog .sub-btn{
    width:100%;
    height:0.8rem;
    font-size:0.3rem;
    line-height: 0.8rem;
    background: #F4C2C2;
    text-align: center;
    border-radius: 0.08rem;
    margin-top: 0.48rem;
    color:#fff;
}
.new-dialog .phone-error{
    display: none;
    color:#E03236;
    font-size:0.24rem;
    line-height: 0.36rem;
    margin-top:0.16rem;
}
.show-error .phone-error{
    display: block;
}
.show-error .coll-phone{
    border:1px solid #E03236;
}
.tips-dialog{
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: auto;
    font-size:0.28rem;
    background: rgba(0, 0, 0, 0.5) center center no-repeat;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.tips-dialog .tips-dialog-content{
    width:calc(100% - 1.9rem);
    position: absolute;
    top:50%;
    left:50%;
    background: #fff;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border-radius: 0.08rem;
    box-sizing: border-box;
}
.tips-dialog .tips-dialog-content .p{
    padding:0.48rem;
}
.tips-dialog .tips-dialog-title{
    font-size: 0.36rem;
    line-height: 0.5rem;
    color:#333;
    font-weight: bold;
    text-align: center;
}
.tips-dialog .tips-dialog-tips{
    font-size: 0.28rem;
    line-height: 0.42rem;
    color:#333;
    text-align: center;
    margin-top:0.2rem;
}
.tips-dialog .tips-dialog-know{
    font-size:0.32rem;
    line-height: 0.46rem;
    padding:0.2rem;
    position: relative;
    text-align: center;
}
.tips-dialog .tips-dialog-know:before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background:#D4D4D4;
    transform: scaleY(0.5);
    cursor: pointer;
}
.tips-dialog.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    touch-action: none;
}
.tips-dialog .i-know{

}