@charset "utf-8";
/* CSS Document */
/* 基本css样式 */
*{box-sizing: border-box;font-family:sans-serif;}
html{font-family: 'Helvetica Neue',Tahoma,Arial,PingFangSC-Regular,'Hiragino Sans GB','Microsoft Yahei',sans-serif; line-height: 1}
html,body,h1,h2,h3,h4,h5,p{margin:0;padding:0;border:none;}
::-webkit-scrollbar{display:none;}
body{
    font-size:16px;
    max-width: 750px;
    min-width: 300px;
    margin: 0 auto;
    color: #333;
    position: relative;
    background: #fff;
}
*{margin: 0;
 padding: 0;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 font-style: normal;}
a:link { color: #2e2e2e; text-decoration: none; }
a:visited { text-decoration: none; color: #2e2e2e; }
a:hover { text-decoration: none; color: #2e2e2e; }
a:active { text-decoration: none; color: #2e2e2e; }
ul,ol{list-style: none;}
img{vertical-align: middle;border: 0;display: inline-block;width:100%;height:100%;vertical-align: middle;-webkit-touch-callout: none;}
.clearFix::after,.clearFix::before{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.border0{border: 0;}
.plr30{padding: 0 0.3rem;}
.pb20{padding-bottom: 0.2rem}
.pb40{padding-bottom: 0.4rem}
.mlr30{margin: 0 0.3rem;}
.bt20{border-bottom: 0.2rem solid #f8f8f8}
.mb40{margin-bottom: 0.4rem;}
.mb20{margin-bottom: 0.2rem;}
.btt20{border-top: 0.2rem solid #f8f8f8}
.mt20{margin-top: 0.2rem}
.mt30{margin-top: 0.3rem}

.lf{float: left;}
.rt{float: right;}
i{text-decoration: none;font-style: normal;}
input,button,textarea/*,select*/{border:none;outline: none;vertical-align: middle;-webkit-appearance: none;appearance: none;}
img{vertical-align: middle;border: 0;display: inline-block;width:100%;height:100%;vertical-align: middle;-webkit-touch-callout: none;}
ul,ol{list-style: none;}
a{color: #333;border:none;-webkit-tap-highlight-color:transparent;outline:none; /*-webkit-tap-highlight-color: #fff;*/text-decoration: none;}
.clearFix::after,.clearFix::before{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}

/************************************** 头部 **************************************/
.headBox{
    background-color: #DD2534;
    height: 0.9rem;
    line-height: 0.9rem;
    /*padding: 0 0.3rem;*/
    position: relative;
    z-index: 110;
}
.headBox .back{
    display: block;
    width: 1.08rem;
    height: 0.9rem;
    background: url("../images/icon_back.png") no-repeat;
    background-size: 0.48rem 0.4rem;
    background-position: 0.3rem 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.headBox h2{
    text-align: center;
    color: #fff;
    font-size: 0.36rem;
    font-weight: normal;
    height: 0.9rem;
	padding: 0px 1rem;
	overflow: hidden;
	width: 100%;
	text-align: center;
	background-color: rgb(60, 179, 113);
    display: block;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.headBox .nav{
    display: block;
    width: 0.58rem;
    height: 0.44rem;
    background: url(../images/icon_headNav.png) no-repeat;
    /*background-size: 100%;*/
    background-size: 0.48rem 0.34rem;
    background-position: 0.05rem top;
    position: absolute;
    right: 0.25rem;
    top: 0.28rem;
}




.demandBanner{
    height: 4rem;
	position: relative;
}
.demandBanner .switch{
    position: absolute;
    top: 0.4rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
    overflow: hidden;
    -webkit-border-radius: 0.04rem;
    -moz-border-radius: 0.04rem;
    border-radius: 0.04rem;
}
.demandBanner .switch a{
    font-size: 0.28rem;
    color: rgb(60, 179, 113);
    line-height: 0.6rem;
    width: 1.8rem;
    border: 1px solid rgb(60, 179, 113);
    float: left;
    text-align: center;

}
.demandBanner .switch a.focus{
    background-color: rgb(60, 179, 113);
    color: #fff;
}
.demandBanner .txt{
	position: absolute;
    left: 0.3rem;
    color: #fff;
    width: 100%;
    left: 0;
    top: initial;
    bottom: 0.92rem;
}
.demandBanner .txt p{
    font-size: 0.4rem;
    color: #FFF;
    text-align: center;
    line-height: 0.56rem;
    text-shadow: 0 0.02rem 0.04rem rgba(0,0,0,0.50);
    margin-top: 0.04rem;
}
.demandBanner .txt h2{
    font-size: 0.58rem;
    line-height: 0.76rem;
}



/***********留言***********/
.leaveBox>h2{
    text-align: center;
    font-size: 0.36rem;
    color: #303030;
    font-weight: normal;
    letter-spacing: 0.0263rem;
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
}
.leaveBox .myLeave>p{
    margin-bottom: 0.3rem;
    position: relative;
}
.leaveBox .myLeave p input,.leaveBox .myLeave p.textarea{
    width: 100%;
    padding: 0.3rem;
    font-size: 0.28rem;
    line-height: 0.4rem;
    color: #c2c2c2;
    border: 1px solid #F0F0F0;
    -webkit-border-radius: 0.04rem;
    -moz-border-radius: 0.04rem;
    border-radius: 0.04rem;
}
input::-webkit-input-placeholder{
    color: #c2c2c2 !important;
}
.leaveBox .myLeave p input{
    line-height: 1rem;
    height: 1rem;
}
.leaveBox .myLeave p.textarea{
    height: 2.6rem;
    width: 100%;
    padding-bottom: 0.84rem
}
.leaveBox .myLeave p textarea::-webkit-input-placeholder{
    color: #c2c2c2;
}
.leaveBox .myLeave p textarea{
    width: 100%;
    height: 100%;
    text-align: justify;
    color: #303030;
    font-size: 0.28rem;
}
.leaveBox .myLeave p input.active,.leaveBox .myLeave p textarea.active{
    color: #303030 ;
}
/*清除按钮*/
.leaveBox .myLeave p i.resetIco{
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: url("/NewStyles/images/entrust_form_delete.png") no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;

}
.leaveBox .myLeave p.textarea i.resetIco{
    bottom: 0.3rem;
    top: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
}


/*登记流程*/
ul#justify{
    display: flex;
    display: -webkit-flex;
    margin-top: 0.5rem;
}
ul#justify li{
    position: relative;
}
ul#justify li:not(:last-child)::after{
    content: '';
    display: block;
    width: 0.11rem;
    height: 0.21rem;
    background-image: url("/NewStyles/images/icon_right.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0.2rem;
    left:50%;
    margin-left: 0.5rem;
}
ul#justify li img{
    width: 0.65rem;
    height: 0.65rem;
}
ul#justify li p{
    font-size: 0.26rem;
    line-height: 0.37rem;
    color: #979797;
    margin-top: 0.18rem;
}
.leaveBox .myLeave .sub{
    width: 100%;
    height: 0.9rem;
    background-color: #DD2534;
    font-size: 0.36rem;
    margin-top:0.5rem;
    margin-bottom: 1rem;
    color: #fff;
    border: 1px solid #F0F0F0;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

/**********需求登记**********/
.demandBox{
    position: relative;
    margin-top: -1.08rem;
    z-index: 1;
}
.demandBox .regNum{
    background-color: rgba(255,255,255,0.3);
    -webkit-border-radius: 0.2rem 0.2rem 0 0;
    -moz-border-radius:  0.2rem 0.2rem 0 0;
    border-radius:  0.2rem 0.2rem 0 0;
    padding: 0 0.54rem;
}
.demandBox .regNum p{
    font-size: 0.22rem;
    color: #303030;
    line-height: 1.08rem;
}
.demandBox .regNum #Tnow{

    margin-right: 0.16rem;
    margin-left: 0.2rem;
}
.demandBox .regNum #Tnow span{
    background: #FFFFFF;
    box-shadow: 0 0 0.04rem 0 rgba(0,0,0,0.40);
    -webkit-border-radius: 0.04rem;
    border-radius: 0.04rem;
    display: block;
    float: left;
    width: 0.3rem;
    height: 0.5rem;
    font-size: 0.22rem;
    color: #303030;
    margin-right: 0.12rem;
    line-height: 0.5rem;
    text-align: center;
    margin-top: 0.29rem;
}
.demandBox .regNum #Tnow span:last-of-type{
    margin-right: 0;
}

.demandCon{
    background-color: #fff;
    padding: 0.34rem 0.4rem;
}

.demandCon .entrustType h4,.demandCon .sellType h4,.demandCon  h4.titForm{
    font-size: 0.32rem;
    color: #303030;
    line-height: 0.45rem;
    font-weight: normal;
    margin-bottom: 0.3rem;
    margin-top: 0.5rem;
}
.demandCon .entrustType h4{margin-top: 0}
.demandCon .entrustType ul li,.demandCon .sellType ul li{
    float: left;
    background: rgba(151,151,151,0.10);
    border-radius: 0.08rem;
    line-height: 0.68rem;
    font-size: 0.28rem;
    width: 2.4rem;
    text-align: center;
    margin-right: 0.3rem;
    color: #979797;
}
.demandCon .sellType{
    margin-top: 0.5rem;
    margin-bottom: 0.4rem;
}
.demandCon .entrustType ul li:last-of-type,.demandCon .sellType ul li:last-of-type{
    margin-right: 0;
}
.demandCon .entrustType ul li.focus,.demandCon .sellType ul li.focus{
    background: rgba(60,179,113,0.10);
    color: rgb(60, 179, 113);
}
.demandCon .inp{
    line-height: 1rem;
    height: 1rem;
    margin-bottom: 0.3rem;
    position: relative;
}
.demandCon .textarea{
    position: relative;
}
.demandCon .textarea i.resetIco{
    bottom: 0.3rem;
    top: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
}
.demandCon  i.resetIco{
    display: none;
}


.demandCon .inp input{
    width: 100%;
    display: block;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    -webkit-border-radius: 0.04rem;
    border-radius: 0.04rem;
    font-size: 0.28rem;
    color: #303030;
    height: 1rem;
    line-height: 1rem;
    width: 100%;
    padding-left: 0.3rem;
    padding-right: 0.6rem;
}
.demandCon .inp input::-webkit-input-placeholder,.demandCon .textarea textarea::-webkit-input-placeholder{
    color: #C2C2C2;
}
.demandCon .textarea{
    border: 1px solid #F0F0F0;
    height: 2.78rem;
    padding: 0.25rem 0.3rem 0.84rem 0.3rem;
    -webkit-border-radius: 0.04rem;
    border-radius: 0.04rem;
}
.demandCon .textarea textarea::-webkit-input-placeholder{
    color: #C2C2C2;
}
.demandCon .textarea textarea{
    width: 100%;
    display: block;
    background: #FFFFFF;
    height: 100%;
    -webkit-border-radius: 0.04rem;
    border-radius: 0.04rem;
    font-size: 0.28rem;
    color: #303030;
    line-height: 0.48rem;
    text-align: justify;
}
.demandCon .inp input.active,.demandCon .textarea textarea.active{
    color: #303030;
}
.demandCon .sub button{
    border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    background-color: #dd2534;
    width: 100%;
    color: #fff;
    font-size: 0.36rem;
    font-weight: normal;
    height: 0.9rem;
    margin-top: 0.4rem;

}


/*****************投放房源*****************/
.deliveryBox{
    margin-top: 0;
}
.headDemand{
    display: block;
    position: absolute;
    right: 0.3rem;
    top: 0;
    font-size: 0.28rem;
    color: #FFFFFF;
    padding-left: 0.42rem;
}
.headDemand::before{
    content: '';
    display: block;
    width: 0.32rem;
    height: 0.35rem;
    background: url("/NewStyles/images2/sale_ic_seek.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.headDemandT::before{
    width: 0.3rem;
    height: 0.3rem;
    background: url("/NewStyles/images2/entrust_ic_source.png") no-repeat;
    background-size: 100%;
}
.demandCon .wtr ul li{
    width: 1.8rem;
}
.deliveryBox .demandCon{
    padding: 0.34rem 0.3rem;
}
.demandCon .sub{
    margin-bottom: 1.1rem;
    padding: 0 0.4rem;
}

/*面积单位*/
.demandCon .inp .areaUnit{
    position: absolute;right: 0.18rem;top: 0;line-height: 1rem;font-size: 0.28rem;color: #333;
}



/************************************** 底部导航栏 **************************************/
.botFixNavBox{
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    max-width: 750px;
    height: 1.2rem;
    background-color: #fff;
    z-index: 1000;
    -webkit-box-shadow: 0 -0.04rem 0.08rem 0 rgba(2,4,51,0.08);
    box-shadow: 0 -0.04rem 0.08rem 0 rgba(2,4,51,0.08);

    /*display: flex;*/
    /*display: -webkit-flex;*/
}
.botFixNavBox>div{
    /*padding: 0 0.3rem;*/
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.botFixNavBox>div>a{
    float: left;
}
.botFixNavBox>div>a.agentPic,.botFixNavBox a.leave{
    text-align: center;
}
/*精选楼盘*/
.botFixNavBox .botFixNavBuil{
    padding: 0 0.5rem;
}
.botFixNavBox .botFixNavBuil a.tel{
    background: linear-gradient(138deg, #43CD80 0%, #3CB371 100%);
    background: -webkit-linear-gradient(138deg, #43CD80 0%, #3CB371 100%); /* Safari 5.1-6.0 */
    border-radius: 0.1rem;
    display: inline-block;
    height: 0.9rem;
    position: relative;
    padding: 0.16rem 0.26rem 0.16rem 0.99rem;
    width: 100%;
    text-align: center;
    padding-left: 0.76rem;
    top: 0;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
}
.botFixNavBox2 .botFixNavBuil a.tel{
    margin: 0;
}
.botFixNavBox .botFixNavBuil a.tel p{
    line-height: 0.58rem;
    font-size: 0.32rem;
    margin: 0;
    display: inline-block;
    color: #fff;
    text-align: center;
    position: relative;
}
.botFixNavBox .botFixNavBuil a.tel::before{
    display: none;
}
.botFixNavBox .botFixNavBuil a.tel p::before{
    content: '';
    display: block;
    width: 0.34rem;
    height: 0.38rem;
    background-image: url("/images/detailed_tab_phone_second.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: -0.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}