﻿.container{
    /*max-width:100%;*/
    /*min-width:320px;*/
    width: 100%;
    margin:auto;
    position:relative;
    z-index: 21;
    box-shadow: 0 0.08rem 0.2rem 0 rgba(0,0,0,0.1);
}
@font-face{font-family:Muiicons;src:url(./fonts/mui.ttf) format('truetype');}

/*百度标记*/
.BMap_Marker img{width:40px;height:40px;}

/*alert*/
#alertFram{position:fixed;width:200px;min-height:30px;padding:10px;text-align:center;line-height:30px;z-index:9999999;background-color:#444444;top:40%;left:50%;margin-left:-100px;opacity:0;font-size:15px;color:#fff;transform:scale(0.5,0.5);-webkit-transform:scale(0.5,0.5);-webkit-transition:all 0.3s linear;border-radius:.2rem;}

/*ajax loading style*/
@-webkit-keyframes rotation{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(359deg);}
}
@keyframes rotation{
	from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	to{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
#ajax_shield{position:absolute;left:0;top:0;width:100%;text-align:center;z-index:100;opacity:1;}
.ajax_loading{display:none;height:40px;width:40px;position:fixed;margin:-20px 0 0 -20px;left:50%;top:50%;z-index:1989102211;-webkit-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:4px solid rgba(255,132,0,.15);border-right:4px solid rgba(255,132,0,.15);border-bottom:4px solid rgba(255,132,0,.15);border-top:4px solid rgba(255,132,0,1);border-radius:100%;-webkit-transform-origin:center!important;}

/* 头部app下载提示 */
.down-app-top{height:1.66rem;width:100%;background:#FFFFFF;box-shadow:0 .02rem .2rem 0 rgba(0,0,0,0.1);overflow:hidden;z-index: 102;position: relative;transition: all .5s ease;}
.app-down-logo-top{float:left;width:1.06rem;height:1.66rem;background:url(../../images/base/app-down-logo.png) no-repeat center center;background-size:1.06rem 1.06rem;margin:0 .2rem 0 .4rem;}
.down-app-top span{color:#333333;font-size:.36rem;line-height:.4rem;margin-top:.45rem;float:left;font-weight: bold}
.down-app-top strong{color:#878787;font-weight:normal;font-size:.20rem;}
.app-down-link-top{float:right;width:2rem;height:.6rem;text-align:center;line-height:.6rem;background-color:#ff8400;color:#fff;font-size:.3rem;border-radius:.02rem;margin:.52rem .4rem 0 0;}

/* 内页公用头部 */
.user-center-header-box{background-color:#FFFFFF;height:1.06rem;text-align:center;font-size:.32rem;line-height:1.06rem;color:#333333;width:100%;box-shadow: 0 0.02rem 0.2rem 0 rgba(0,0,0,0.1);font-weight: bold}
/*.user-center-back-arrow-btn{position:absolute;color:#ffffff;left:.05rem;font-family:Muiicons;height:1.06rem;opacity:.7;font-size:.28rem;}
.user-center-back-arrow-btn:before{content:'\e471';font-size:.36rem;}*/

.user-center-back-arrow-btn{
    height: 0.75rem;
    width: 0.75rem;
    display: block;
    background: url(../../images/page/list/back.png) no-repeat;
    background-size: 0.35rem 0.35rem;
    background-position: left;
    position: absolute;
    top: 0.2rem;
    left: 0.3rem;
}
.subScribe-center-header-box{background-color:#2A2B4D;height:.8rem;text-align:center;font-size:.32rem;line-height:.8rem;color:#ffffff;width:100%;z-index:999;}
.user-center-back-btn{position:absolute;left:0;width:.8rem;height:.8rem;background:url(../../images/base/home-btn.png) no-repeat center center;background-size:.38rem;}

/* 悬浮头部app下载提示 */
.down-app-fixed{position:fixed;left:0;right:0;bottom:0;width:100%;height:1rem;background:#fff;overflow:hidden;line-height:1rem;z-index:199;-webkit-transform:translateY(100%);transform:translateY(100%);}
.down-app-fixed-shadow{box-shadow:0 .05rem .1rem rgba(0,0,0,.15);}
.down-logo-fixed{float:left;width:.55rem;height:1rem;background:url(../../images/base/app-down-logo.png) no-repeat center center;background-size:.55rem .55rem;margin:0 .24rem 0 .55rem;}
.down-app-fixed span{float:left;font-size:0.3rem;color:#333;font-weight:bold;}
.close-app-btn{ position: absolute; width: .5rem; height: 1rem; background: url(../../images/base/close-app-btn.png)no-repeat center .12rem; background-size: .15rem .15rem; top: 0; right: 0; z-index: 1; }

.app-down-link-fixed{float:right;width:2rem;height:.6rem;text-align:center;line-height:.6rem;color:#fff;background:#FF8400;border-radius:.08rem;font-size:.3rem;margin:.19rem .5rem 0 0;}

/*0.5的上下线*/
.border-top-bottom-e4e4e4{position:relative;}
.border-top-bottom-e4e4e4:after{position:absolute;content:'';width:100%;left:0;bottom:0;height:1px;background-image:-webkit-linear-gradient(90deg,#e7e7e7 50%,transparent 50%);background-image:linear-gradient(0deg,#e7e7e7 50%,transparent 50%);will-change:transform;}
.border-top-bottom-e4e4e4:before{position:absolute;content:'';width:100%;left:0;top:0;height:1px;background-image:-webkit-linear-gradient(90deg,#e7e7e7 50%,transparent 50%);background-image:linear-gradient(0deg,#e7e7e7 50%,transparent 50%);will-change:transform;}

/*0.5的线*/
.border-bottom-e7e7e7{position:relative;}
.border-bottom-e7e7e7:before{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;background-image: linear-gradient(0deg, transparent 50%, #eee 50%)}
.border-top-e7e7e7{position:relative;}
.border-top-e7e7e7:before{position:absolute;content:"";left:0;top:0;width:100%;height:1px;background-image:-webkit-linear-gradient(90deg,#e7e7e7 50%,transparent 50%);background-image:linear-gradient(0deg,#e7e7e7 50%,transparent 50%);will-change:transform;}
.border-right-e7e7e7{position:relative;}
.border-right-e7e7e7:before{position:absolute;content:'';width:1px;right:0;bottom:0;height:100%;background-image:-webkit-linear-gradient(180deg,#e7e7e7 50%,transparent 50%);background-image:linear-gradient(90deg,#e7e7e7 50%,transparent 50%);will-change:transform;}
.border-left-e7e7e7{position:relative;}
.border-left-e7e7e7:before{position:absolute;content:'';width:1px;left:0;bottom:0;height:100%;background-image:-webkit-linear-gradient(180deg,#e7e7e7 50%,transparent 50%);background-image:linear-gradient(90deg,#e7e7e7 50%,transparent 50%);will-change:transform;}
.border-bottom-eeeeee{position:relative;}
.border-bottom-eeeeee:after{position:absolute;content:'';width:100%;left:0;bottom:0;height:1px;background-image:-webkit-linear-gradient(90deg,#eeeeee 50%,transparent 50%);background-image:linear-gradient(0deg,#eeeeee 50%,transparent 50%);will-change:transform;}
/*1px border*/
.border {
    position: relative;
    border: 0;
}
.border::after {
    content: "";
    display: block;
    position: absolute;
    width: 200%;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    visibility: visible;
    background: #eee;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*房屋列表展示 */
.list-item{margin:auto;display:block;height:2.4rem;color:#333333;position:relative;}
.list-left{width:2.1rem;height:2.1rem;float:left;margin:.2rem 0 0 .29rem;position:relative;overflow:hidden;}
.list-left img{height:100%;margin:auto;}
.list-right{float:left;margin:.18rem 0 0 .21rem;width:4.1rem;line-height:normal!important;position:relative;}
.list-right b{font-size:.3rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:4.7rem;}
.list-right .title span{float: left }
.p1{top:.45rem;}
.sumy-list{font-size:.22rem;display:block;position:absolute;color:#999999;}
.p2{top:.85rem;color:#878787;}
.agency-list{color:#878787;font-size:.22rem;display:block;position:absolute;top:0.85rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 4.7rem}
.price{ position:absolute;top:1.3rem;display: block;height: 0.28rem}
.cost-price{
    height: 0.28rem;
    line-height: 0.28rem;
    color:#999999;
    float: left;
    font-size: .2rem;
    margin-right: 0.05rem;
    text-decoration:line-through;
}
.price-drop{
    height: 0.3rem;
    line-height: 0.3rem;
    margin-right: 0.1rem;
    background: #87BC5F;
    color: #FFFFFF;
    display: inline-block;
    font-size: 0.2rem;
    padding:0 0.05rem 0 0.08rem;
    float: left;
}
.tag-box{position:absolute;top:1.7rem;height:.35rem;overflow:hidden;width:4.7rem}
.tag-box .address-tag{border-radius:.06rem;color:#333333;padding:0 .05rem 0 .4rem;background:#efefef url(../../images/base/location-icon.png) no-repeat 0 0;background-size:.34rem .32rem;}
.tag-box span{height:.32rem;display:inline-block;line-height:.32rem;font-size:.2rem; margin: 0 .02rem;padding: 0 0.11rem;}
.border-border-a9a9a9{background-color:#eee;}
.time-tag{color:#333333;padding:0 .11rem;}
.price-box{position:absolute;right:.3rem;top:.75rem;}
.price-title{color:#FF8400;font-size:.34rem;font-weight:bold;display:block;text-align:right;float: left;height: 0.28rem;line-height: 0.28rem;margin-right: 0.04rem}
.avg-price{display:block;color:#878787;font-size:.2rem;height: 0.28rem;line-height: 0.28rem}
/*.agency-list img{width:.2rem;height:.2rem;vertical-align:middle;display:inline-block; margin: 0 .02rem;}*/
.pop-layer{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.65);z-index:6;display:none;}
.price-title strong{font-size:.2rem;font-weight:normal;float: right}
.avg-price{display:block;color:#878787;font-size:.2rem;float: left}
.ext-pos{position:absolute;width:1.08rem;height:1.08rem;top:.1rem;left:.1rem;z-index:9;}
.price-ext{background:url(../../images/base/1001.png) no-repeat 0 0;background-size:1.08rem;}
.area-ext{background:url(../../images/base/1003.png) no-repeat 0 0;background-size:1.08rem;}
.time-ext{background:url(../../images/base/1002.png) no-repeat 0 0;background-size:1.08rem;}

/*推荐经纪人列表*/
.medi-phone-list li{width:100%;min-height:1.3rem;overflow: hidden;padding-bottom: .25rem;}
.medi-left-box{float:left;margin:.25rem 0 0 .3rem;width:60%;position:relative}
.medi-left-box .mede-icon{position:absolute;width:.83rem;height:.39rem;left:-.05rem;top:.31rem;border:none}
.medi-left-box img{width:.7rem;height:.7rem;float:left;border:solid 1px #efefef;border-radius:.1rem}
.medi-left-box .broker-pic{display: block;width: .7rem; height: .7rem; float: left; border: solid 1px #efefef;border-radius: .1rem;}
.medi-list-title{float:left;width:80%;margin-left:.1rem}
.medi-name{float:left;color:#292929;font-size:.245rem;width:100%}
.medi-defend{float:left;font-size:.18rem;color:#878878;margin-left:.15rem;width:100%}
.medi-price{float:left;font-size:.24rem;line-height:normal;margin-left:.15rem;color:#FF8400;margin-top:.05rem}
.medi-price strong{color:#ff8400;font-size:.28rem}
.medi-phone-icon{float: right;margin-top: .25rem;height:1.3rem;width:1rem;background:url(../../images/base/phone_logo.png) no-repeat center 0;background-size:.7rem .7rem;}
.medi-phone-icon span{display: block;font-size:.18rem;color:#878787;position:absolute;width:100%;text-align:center;bottom:0;top: .75rem;}
.qualifi {height:.8rem;width:1.3rem;background:url(../../images/base/license_logo.png) no-repeat center 0;float:right;margin-top:.25rem;background-size:.7rem .7rem;position:relative;}
.qualifi span {
    font-size:.18rem;color:#878787;position:absolute;width:100%;text-align:center;bottom:0;left: 0;top: .75rem;
}
.look-all-box{height:1.6rem;text-align:center}
.look-all-info{color:#333;font-size:.22rem;margin:.4rem 0 .12rem;display:inline-block;width:100%}
.look-all-logo{display:inline-block;width:100%}
.look-all-logo img{width:.2rem;height:.2rem;vertical-align:middle;display:inline-block}
.look-all-icon{width:.4rem;height:.6rem;position:absolute;right:.1rem;top:.5rem}
/*css3 GUP加速*/
.test {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/*底部通栏*/
.footer-box{
    width: 100%;
    /*padding: .2rem 1.5%;*/
    background-color: #2d2d2d;
}
.footer-fixed{
    position: fixed;
    bottom: 0;
    left:0;
}
.nav-box{
    width: 100%;
    overflow: hidden;
    color: #999;
    padding: .1rem .4rem 0 .4rem;
    text-align: left;
}
.nav-box a{
    display: inline-block;
    color: #999;
}
.footer-box .com-bottom-line {
    margin-top: .1rem;
    width: 100%;
    padding: 0 .4rem;
}
.footer-box .com-bottom-line p {
    width: 100%;
    height: 1px;
    background-color: #474747;
}
.bottom-box{
    width: 100%;
    overflow: hidden;
}
.bottom-box .left-box{
    float: left;
    overflow: hidden;
    margin-top: .2rem;
}
.bottom-box .left-box:nth-child(1) .img{
    margin-left: -3px;
}
.bottom-box .left-box:nth-child(1) {
    margin-right: 2px;
}
.left-box .img{
    float: left;
    width: 26px;
    height: 26px;
}
.left-box .img img{
    width: 100%;
}
.left-box .left-p{
    float: left;
}
.left-box p{
    font-size: .16rem;
    color: #606060;
}
.bottom-box .right-box{
    float: right;
}
.bottom-box .right-box p{
    margin-top: .2rem;
    text-align: right;
    font-size: .14rem;
    color: #606060;
}
.bottom-box .right-box p:last-child{
    margin-top: .15rem;
}

.img-full{
    width: 100%;
    height: 100%;
}

/*溢出隐藏*/
.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.ellipsis-2{
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*区块分割线*/
.separation-line{
    width: 100%;
    height: .15rem;
    background: #f9f9f9;
}

/*下拉选择调整样式开始*/
.screen{height: .9rem;width: 100%;background: #FFFFFF;padding:0 .3rem;z-index:100;position: relative;transition: all .5s ease}
.screen .screen_back{ height: 0.75rem; width: 0.75rem; display: block; background: url(../../images/page/list/back.png) no-repeat; background-size: 0.35rem 0.35rem; background-position: left; position: absolute; top: 0.1rem; left: 0.3rem; }
.screen .screen_house{width: 40%; height: .9rem; line-height: .9rem; text-align: center; margin: 0 auto;}
.screen .screen_house div.screen_select{ width: 90%; height:.9rem; position: relative; margin: auto; font-size: 0.32rem;}
.screen .screen_house .screen_select  h1 { font-weight: normal; }
.screen .screen_house .screen_sel{ font-weight: bold;font-size: 0.32rem; color: #333333; height: .9rem; line-height: .94rem; position: relative; display: inline-block; }
.more_0 ,.more_1 ,.more_2 ,.more_3 ,.more_4 ,.more_5 ,.more_6 ,.more_7 ,.more_01 ,.more_02{ float: left; height: .6rem; width: 92%; margin: 0.2rem 4% 0 4%; border:1px dashed #BBBBBB; background: #F9F9F9; font-size: .24rem; color:#999999; line-height: .6rem; text-align: center; display: none; }
.screen .triangle_b{ width: 0.2rem; height: 0.1rem; display: inline-block; background: url("../../images/page/list/triangle_b.png") no-repeat; background-size: 100% 100%; margin: .4rem 0 0 .12rem; vertical-align: top; }
.screen .triangle_t{ width: 0.2rem; height: 0.1rem; display: inline-block; background: url("../../images/page/list/triangle_t.png") no-repeat; background-size: 100% 100%; margin: .4rem 0 0 .12rem; vertical-align: top; }
.drop_down{
    width: 2rem;
    background: #FFFFFF;
    position: absolute;
    top: .8rem;
    z-index: 11;
    border-radius: 5px;
    display: none;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
}
.drop_down li{ width: 100%; height: 0.92rem; text-align: center; border-bottom: 1px solid #EFEFEF; }
.drop_down li a{ display: block; width: 100%; height: 100%; font-size: 0.28rem; color: #333333; }
/*下拉选择调整样式结束*/

/*列表页卡片*/
.card{
    display: block;
    width: 6.9rem;
    height: 2.7rem;
    margin: 0 auto;
    margin-top: .2rem;
    background: #FFFFFF;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,0.10);
    margin-bottom: .4rem;
}
.card-type-4{
    padding: .6rem .2rem .6rem .2rem;
}
.card-type-4 .icon{
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    border: 1px solid #eeeeee;
}
.card-type-4 .icon img{
    position: absolute;
    top:0;left: 0;right: 0;bottom: 0;
    margin: auto;
    width: 100%;
    height: auto;
}
.card-type-4 .text{
    display: inline-block;
    margin-right: .6rem;
    margin-left: .2rem;
}
.card-type-4 .text h3{
    font-family: PingFangSC-Medium;
    font-size: .28rem;
    color: #333333;
    margin-bottom: .1rem;
}
.card-type-4 .text span{
    width: 2.7rem;
    display: block;
    font-family: PingFangSC-Regular;
    font-size: .20rem;
    color: #333333;
}
.card-type-4 .tel{
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background: url('../../images/page/list/listTel.png') no-repeat center center;
    background-size: 100% auto;
    display: inline-block;

}
.card-type-6{
    padding: .45rem 0.35rem .5rem;
}
.card-type-6 img{
    float: left;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #ddd;
}
.card-type-6 div>div{
    float: left;
}
.card-type-6 h3{
    font-family: PingFangSC-Medium;
    font-size: .28rem;
    color: #333333;
    text-align: center;
    margin-left: .1rem;
}
.card-type-6 h3>span{
    width: .2rem;
    height: .04rem;
    background-image: linear-gradient(-135deg, #FF8400 0%, #FF4100 100%);
    display: inline-block;
    vertical-align: middle;
}
.card-type-6 h2{
    font-family: PingFangSC-Medium;
    font-size: .44rem;
    color: #FF8400;
    letter-spacing: .024rem;
    margin: .1rem 0 0 .5rem;
}
.card-type-6 h3.jjr{
    height: .65rem;
    width: 100%;
    line-height: .65rem;
    text-align: center;
    font-size: .46rem;
    margin: 0;
}
.card-type-6 h2.yc_jjr{
    height: .33rem;
    line-height: .33rem;
    width: 100%;
    text-align: center;
    font-size: .24rem;
    margin: 0.14rem 0 0;
    font-family:PingFangSC-Regular;
    color:rgba(153,153,153,1);
}
.card-type-6 .jjr_{
    width: 100%;
}
.card-type-6 button{
    border: 1px solid #DDDDDD;
    border-radius: 1rem;
    background: #FFF;
    width: 1.4rem;
    height: .4rem;
    color: #999;
    margin: 0 auto;
    display: block;
    line-height: .35rem;
    margin-top: .2rem;
    font-size: 0.2rem;

}
.card-type-6 button.search{
    width: 1.5rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    border-radius: 100px;
    font-size: .22rem;
    color:rgba(255,255,255,1);
    background-image: linear-gradient(-135deg,#FF8400 0%,#FF8400 100%);
}
.card-type-5{
    padding: .31rem 0 .4rem;
}
.card-type-5 h2{
    font-family: PingFangSC-Medium;
    font-size: .4rem;
    color: #333333;
    text-align: center;
    margin-bottom: .28rem;
}
.card-type-5 h2>span{
    width: .36rem;
    height: .04rem;
    background-image: linear-gradient(-135deg, #FF8400 0%, #FF4100 100%);
    display: inline-block;
    vertical-align: middle;
}
.card-type-5 li{
    float: left;
    width: 1.5rem;
    height: .5rem;
    text-align: center;
    line-height: .5rem;
    background: #F5F5F5;
    margin-left: .19rem;
    margin-bottom: .2rem;
}
.card-type-5 li>a{
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 0.2rem;
}

/*房屋描述 查看来源*/
.fix{
    height: 100%;
    overflow: hidden;
}
.broker-mask-layer {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    z-index: 200;
    display: none;
}

.feedback-main-mask {
    width: 90%;
    height: 360px;
    position: absolute;
    left: 5%;
    top: 20%;
    border-radius: 3px;
    background-color: #ffffff;
    border-color: #FFFFFF;
}

.feedback-main-mask .header {
    width: 100%;
    height: 50px;
    background: #FF8400;
    padding: 13px 0 12px 20px;
    color: #FFFFFF;
    font-size: 16px;
}

.feedback-main-mask .header .close{
    height: 25px;
    width: 25px;
    display: inline-block;
    float: right;
    margin-right: 20px;
    text-align: center;
    font-size: 25px;
    line-height: 25px;
}

.feedback-main-mask .content {
    width: 100%;
    padding: 20px 20px 0 20px;
}

.content .content_url {
    width: 90%;
    height: 196px;
    padding: 12px 10px 0 14px;
    background: #F7F7F7;
    border:none;
    color: #999999;
    font-size: 16px;
}

.content .copy_url {
    width: 140px;
    height: 40px;
    line-height: 40px;
    color: #999999;
    font-size: 14px;
    display: block;
    margin-left: 10px;
}
.details-msg-center .viewSource{
    color: #ff8400;
    float: right;
}
.upSilde{
    transition: all .3s ease;
}
.downSilde{
    transition: all .3s ease-in;
}
.tags-name{
    position:absolute;
    bottom:0;
    width:100%;
    height:.4rem;
    line-height:.4rem;
    text-align:center;
    background:#FF8400;
    color:#FFFFFF;
    display: block;
    font-size: .22rem;
}
/*顶部动画*/
/*.header-top{
    position: fixed;
    top:0;
    width: 100%;
    z-index:8;
    overflow: hidden;
}*/
.top{
    top:-3.5rem;
}

.list-head-box{
    display: none;
}
.header_search_btn{
    position: absolute;
    right: .2rem;
    top:0.1rem;
    background: url(../../images/page/search/search-icon.png) no-repeat;
    background-size: 0.35rem 0.35rem;
    background-position: center;
    height: 0.75rem;
    width: 0.75rem;
    display: block;

}
/*2017-12-21*/
.down-app-top{
    display: none;
}
/*推荐房源标题样式3.2.0*/
.headline h3{
    margin-top: .2rem;
    line-height: .3rem;
    font-size: .36rem;
    color: #333;
    margin-left: .29rem;
}

.headline h3 span{
    width: .06rem;
    height: .3rem;
    background: #ff8400;
    display: inline-block;
    vertical-align: bottom;
    margin-right: .2rem;
}
.line-clamp{
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.por{
    position: relative;
}
/* 广告标签 */
.ad-tags{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: .7rem;
    font-size: .2rem;
    height: .3rem;
    color: rgba(255,255,255, .75);
    line-height: .35rem;
    text-align: center;
    background: rgba(0,0,0,.12);
}

/* 切换城市列表 */
.change-city-box {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    top: 0;
    z-index: 2005;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    display: none;
}

.change-city-title-box {
    background-color: #f7f7f7;
    height: .7rem;
    position: relative;
    z-index: 11;
    font-size: .22rem;
    text-align: center;
    line-height: .7rem;
    color: #545454;
}

.change-city-close-btn {
    color: #a9a9a9;
    display: inline-block;
    line-height: .69rem;
    font-family: Muiicons;
    margin-left: .1rem;
    position: absolute;
    left: 0;
}

.change-city-close-btn:before {
    content: '\e582';
    font-size: .5rem;
}

.change-city-content-box {
    position: absolute;
    top: .7rem;
    bottom: 0;
    width: 100%;
    overflow: auto;
}

.change-city-content-title-box {
    height: .91rem;
}

.change-city-content-title-box span {
    color: #545454;
    font-size: .26rem;
    border-left: solid .05rem #FA891B;
    padding-left: .2rem;
    line-height: .91rem;
    margin-left: .2rem;
}

.change-city-list {
    float: right;
    width: 98%;
}

.change-city-list .hover {
    color: #FF8400;
}

.change-city-list li {
    height: .91rem;
    font-size: .26rem;
    line-height: .91rem;
    padding-left: .1rem;
}

.change-city-list li a {
    color: #545454;
    display: block;
}

.change-city-list .is-open {
    color: #dcdcdc;
}

.search-fixed {
    position: fixed;
    top: .1rem;
    left: .3rem;
    right: 0;
    width: 6rem;
    height: .8rem;
    background-color: #F5F5F5;
    box-shadow:none;
    z-index: 999;
}
.search-fixed .changecity-box{
    height: .8rem;
    line-height: .8rem;
}
.search-fixed .changecity-box::before{
    top: .2rem;
}
.search-fixed .changecity-box::after{
    top: .35rem;
}
.search-fixed .search-icon{
    margin-top: .15rem;
}
.search-fixed .search-input{
    line-height: .8rem;
    height: .8rem;
}
.head_back {
    position:fixed;
    display:block;
    top:0;
    left:0;
}




/*用户中心头部样式*/
.personal_center_heard{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    background: #fff;
    border-bottom:1px solid  #EFEFEF;
    z-index: 10;
}

.personal_center_heard_top {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: .88rem;
    padding: .2rem 0;

}
 .personal_center_heard_top .back_ico{
    position: absolute;
    left: .4rem;
    top:.3rem;
    width: .35rem;
    height: .25rem;
    background: url(../../images/page/userCenter/back.png) no-repeat;
    background-size: .35rem .25rem;
}
 .personal_center_heard_top .title{
    flex: 1;
    font-size: .34rem;
    color: #333333;
    line-height: .48rem;
    height: .48rem;
    font-weight: 600;
    text-align: center;
}

.personal_center_heard_tab {
    width: 100%;
    height: .88rem;
    box-sizing: border-box;
    display: flex;
    padding: 0 .5rem;
}

.personal_center_heard_tab .cursor_pointer{
    flex: auto;
    text-align: center;
    position: relative;
    font-size: .28rem;
    color: #BBBBBB;
    line-height: .48rem;
    font-weight: 600;
}

.personal_center_heard_tab .cursor_pointer span {
    display: inline-block;
    padding: .19rem 0;
}
.personal_center_heard_tab .action span {
    border-bottom: solid #000 2px;
}

.personal_center_heard_tab .action{
    color: #333333;
}
.usercenter-enter{
    width: .54rem;
    height: .54rem;
    position: absolute;
    top: .4rem;
    right: .44rem;
    z-index: 99;
}
.usercenter-enter img{
    width: .54rem;
    height: .54rem;
}
/*.personal_center_heard_tab .action::after{*/
    /*position: absolute;*/
    /*bottom: -1px;*/
    /*left: 0;*/
    /*content: '';*/
    /*width: 100%;*/
    /*height: .04rem;*/
    /*background: #333333;*/
/*}*/

.screen-rent-house{
    position: absolute;
    top: 0.28rem;
    left: 80%;
    width: .55rem;
    height: .36rem;
    background: url("../../images/base/rent-icon.png") 0 0 no-repeat;
    background-size: contain;
}
.screen-rent-dialog{
    position: absolute;
    top: 0.28rem;
    left: 100%;
    width: .38rem;
    height: .38rem;
    background: url("../../images/base/dialog-icon.png") 0 0 no-repeat;
    background-size: contain;
}

.border-right,.border-bottom{
    position: relative;
}
/*竖向0.5px线*/
.border-right:before{
    position: absolute;
    content: '';
    width: 1px;
    right: 0;
    height: 200%;
    z-index: 99;
    background: #e7e7e7;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*横向0.5px线*/
.border-bottom:after{
    position: absolute;
    content: '';
    width: 200%;
    left: 0;
    bottom: 0;
    height: 1px;
    z-index: 99;
    background: #e7e7e7;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.border1px:after{
    position: absolute;
    content: '';
    width: 200%;
    left: 0;
    top: 0;
    height: 200%;
    z-index: 99;
    border: 1px solid #ddd;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/* -----公共提示 - 是否切换当前定位城市----- */
.com-shade-bg{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background:rgba(0,0,0,0.5);
    z-index: 1001;
}
.com-ipcity-tip{
    display: none;
    width:6.72rem;
    height:3.56rem;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -1.76rem;
    margin-left: -3.36rem;
    background: #fff;
    z-index: 1002;
}
.com-ipcity-tip .com-tip-title{
    margin-top: .5rem;
    margin-left: .4rem;
    font-size:.36rem;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:#333;
    line-height: .50rem;
    letter-spacing:.01rem;
}
.com-ipcity-tip .com-tip-msge{
    width: 6.16rem;
    margin-top: .23rem;
    margin-left: .4rem;
    font-size:.28rem;
    font-family:PingFang-SC-Medium;
    color:#333;
    line-height:.50rem;
}
.com-ipcity-tip .com-location-city{
    color: #FF8400;
}
.com-ipcity-tip .com-tip-buttonbox{
    margin-top: .3rem;
    width: 6.72rem;
    height: 1rem;
    overflow: hidden;
    border-top:.02rem solid #EFEFEF;
}
.com-ipcity-tip .com-tip-buttonbox p{
    float: left;
    width: 3.35rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    font-size:.30rem;
    font-family:PingFangSC-Regular;
    font-weight:400;
}
.com-ipcity-tip .com-tip-buttonbox .com-tip-nocut{
    color: #999;
    border-right: 0.02rem solid #EFEFEF;
}
.com-ipcity-tip .com-tip-buttonbox .com-tip-cut{
    color: #FF8400;
}
#maifang_icon{
	width:.56rem;
	height:.38rem;
	display: block;
	overflow: hidden;
	position: absolute;
	top:.28rem;
	right:1.8rem;
	z-index:2;
}
#maifang_icon img{
	width:.56rem;
    height:.38rem;
}

.im-icon{
	width:.36rem;
	height:.36rem;
	display: block;
	overflow: hidden;
	position: absolute;
	top:.3rem;
	right:1.11rem;
	z-index:2;
}
.im-icon img{
    width:100%;
	height:auto;
}
.nav-select-city{
    position: absolute;
    left:1.03rem;
    top:.1rem;
    overflow: hidden;
}
.nav-select-city span{
    float: left;
    font-size: .22rem;
    line-height: .8rem;
    height: .8rem;
    color: #999;
}
.nav-select-city i{
    float: left;
    width: .18rem;
    height: .1rem;
    background: url("../../images/base/down-arrow-icon.png") no-repeat;
    background-size: .18rem 0.1rem;
    margin-top: .37rem;
    margin-left: .05rem;
}
/* 下载APP弹窗 START*/
.download-app-modal{
    display:none;
    position: fixed;
    left:0;
    right: 0;
    bottom: 0;
    top:0;
    z-index: 101;
}
.download-app-modal::after{
    content: "";
    display: block;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
}
.download-content{
    width: 4.53rem;
    height: 4.57rem;
    background: #fff;
    border-radius: .15rem;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-2.265rem;
    margin-top:-2rem;
}
.download-close{
    width: .48rem;
    height: .48rem;
    background: url(../../images/base/close-radius.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top:-1rem;
    right: 0;
}
.download-zhuge{
    width: 2.63rem;
    height: 2.53rem;
    background: url(../../images/base/zhuge.png) no-repeat center;
    background-size:contain;
    position: absolute;
    top:0;
    left:50%;
    margin-left: -1.415rem;
    z-index:2;
    margin-top: -1rem;
}
.download-title{
    font-size: .44rem;
    color: #333;
    text-align: center;
    margin-top: 1.66rem;
    font-weight:bold;
}
.download-text{
    font-size: .28rem;
    color: #666;
    text-align: center;
    font-weight: 400;
    line-height: .4rem;
    margin-top: .1rem;
}
.download-btn{
    width:3.16rem;
    height:.67rem;
    background:linear-gradient(135deg,rgba(255,132,0,1) 0%,rgba(255,65,0,1) 100%);
    border-radius:.34rem;
    margin: .44rem auto 0;
    font-size:.26rem;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
    display: block;
    text-align: center;
    line-height: .67rem;
}
/* 下载APP弹窗 END*/