pfhwyigou/mobile/web/js/lpindex/loan/css.css

@charset "utf-8";
/* CSS Document */

.qwpuic{display:none}
#LXB_CONTAINER_SHOW{display:none !important;}
.y_puicfoot_main .y_centxq a{font-size:0.6rem;}
.header_logo3{text-align:center;height:50px;line-height:50px;font-size:0.75rem;color:#000;font-weight:600;}
.y_sidebarcent_ul ul li a span{font-size:0.6rem;}
.y_header{background:#FFF;}
.header_back a img{top:17px;}






html{
	font-size:24px;
	margin:0
}
div,form,acronym,img,ul,ol,li,dl,dt,dd,header{ margin: 0; padding: 0; border: none; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0 ;} 
body{ margin:0; padding:0; font-size:0.58rem; background:#eee;}

section,nav,footer{
	background:#fff;
	padding:0 0.416rem;
}
section{
	margin-bottom:0.416rem;
	padding-bottom:0.625rem;
}
a:link{
	text-decoration:none;
}

p{
}

h1{
	font-size:0.65rem;
	color:#D50000;
}



/*文字类*/
.f12{ font-size:0.5rem; }
.f14{ font-size:0.58rem; }
.f15{ font-size:0.625rem; }
.f16{ font-size:0.666rem; }
.f18{ font-size:0.75rem; }
.f24{ font-size:1rem; }
.white{ color:#fff; }
.black{ color:#000 }
.g999{ color:#999 }
.g666{ color:#666 }
.orange{ color:#ff6600 }

.bold{ font-weight:bold; }

em{
	font-style:normal;
	color:#ff6600;
}
.bottomLine{
	border-bottom:1px solid #ddd;
}

.clearfix:after{
	content:""; 
    display:table;
	clear:both;
}

.fr{
	float:right
}




.back{
	position:absolute;
	top:0;
	left:0;
	width:2rem;
	height:1.66rem;
	background:url(/js/lpindex/loan/icon.png) no-repeat;
	background-size:20rem 9rem;
	background-position:-3.584rem -2.5rem;
}
.telBtn{
	position:absolute;
	top:0;
	right:0;
	width:2rem;
	height:1.66rem;
	background:url(/js/lpindex/loan/icon.png) no-repeat;
	background-size:20rem 9rem;
	background-position:-3.448rem -4.7084rem;
}
.clearBtn{
	position:absolute;
	top:0;
	right:0;
	width:2rem;
	height:1.66rem;
	background:url(/js/lpindex/loan/icon2.png) no-repeat;
	background-size:20rem 9rem;
	background-position:-12.4rem -3.7rem;
}
.headerBar{
	position:relative;
	height:1.66rem;
	width:100%;
	line-height:1.66rem;
	background-color:#ff6600;

	font-size:0.9rem;
	text-align:center;
	z-index:99999;
}
.headerBar p{
	margin:0
}

.indexHeader{
	position:relative;
	height:7.25rem;
	background:url(/js/lpindex/loan/index_header.jpg) no-repeat;
	background-size:cover;
	text-align:center;
	vertical-align:middle;
}
.indexHeader img{
	width:6.7rem;
	margin-top:2.916rem;;
}
.indexHeader .city{
	position:absolute;
	top:0.416rem;
	left:0.416rem;
	width:2.9rem;
	height:1.375rem;
	line-height:1.375rem;
	text-align:center;
	padding-right:0.35rem;
	border-radius:1rem;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
	background-image:url(/js/lpindex/loan/icon.png);
	background-size:20rem 9rem;
	background-position:-9.85rem -4.35rem;
}

.detailsHeader{
	position:relative;
	width:15rem;
	height:10.416rem;
}
.detailsHeader img{
	width:15rem;
	height:10.416rem;
}
.detailsHeader .headerImg{
	/*position:absolute;*/
	top:0;
	display:block;
	width:15rem;
	height:10.416rem;
}
.detailsHeader .back{
	position:absolute;
	width:1.25rem;
	height:1.25rem;
	left:0.4166rem;
	top:0.4166rem;
	display:inline-block;
	background-color:rgba(0,0,0,0.2);
	background-position:-3.584rem -2.75rem;
	border-radius:0.104rem;
}
.detailsHeader .share{
	position:absolute;
	width:1.25rem;
	height:1.25rem;
	right:0.4166rem;
	top:0.4166rem;
	display:inline-block;
	background-color:rgba(0,0,0,0.2);
	background-image:url(/js/lpindex/loan/icon.png);
	background-size:20rem 9rem;
	background-position:-18.584rem -2.75rem;
	border-radius:0.104rem;
}



.indexNav{
	height:8.25rem;
	padding:0 0.45rem;
}
.indexNav div{
	display:inline-block;
	width:2.666rem;
	height:2.842rem;
	margin:0.833rem 0.31rem 0 0.31rem;
	text-align:center;
}
.indexNav a:nth-child(1) div{
	background-image:url(/js/lpindex/loan/icon.png);
	background-size:20rem 9rem;
	background-position:0.31rem 0;
	margin-bottom:0.5rem;
}
.indexNav a:nth-child(2) div{
	background-image:url(/js/lpindex/loan/icon.png);
	background-size:20rem 9rem;
	background-position:-3.69rem 0;
	margin-bottom:0.5rem;
}
.indexNav a:nth-child(3) div{
	background-image:url(/js/lpindex/loan/icon2.png);
	background-repeat:no-repeat;
	background-size:20rem 9rem;
	background-position:0.315rem  0;
	margin-bottom:0.5rem;
}
.indexNav a:nth-child(4) div{
	background-image:url(/js/lpindex/loan/icon.png);
	background-size:20rem 9rem;
	background-position:-7.69rem 0;
	margin-bottom:0.5rem;
}
.indexNav a:nth-child(5) div{
	background-image:url(../images/icon2.png);
	background-size:20rem 9rem;
	background-position:-3.69rem 0;
}
.indexNav a:nth-child(6) div{
	background-image:url(/js/lpindex/loan/icon2.png);
	background-size:20rem 9rem;
	background-position:-7.69rem 0;
}
.indexNav a:nth-child(7) div{
	background-image:url(/js/lpindex/loan/icon2.png);
	background-repeat:no-repeat;
	background-size:20rem 9rem;
	background-position:-11.69rem  0;
}
.indexNav a:nth-child(8) div{
	background-image:url(/js/lpindex/loan/icon2.png);
	background-size:20rem 9rem;
	background-position:-15.69rem 0;
}

.indexNav span{
	position:relative;
	top:2.5rem;
	color:#000;
}


.searchBox{
	padding-top:0.5rem;
	padding-bottom:0;
}
.searchBox.indexBox{
	padding-top:1rem;
	padding-bottom:0.01rem;
}
.searchBar{
	height:1.625rem;
	line-height:1.625rem;
	border:1px solid #ddd;
	vertical-align:baseline;
}
.searchInput{
	border:none;
	outline:none;
	width:10rem;
	font-size:0.58rem;
	margin-left:0;
	color:#999;
}
.searchBar img:nth-child(1){
	float:left;
	width:0.708rem;
	height:0.708rem;
	margin:0.479rem 0.313rem;
}
.searchBar img:nth-child(2){
	float:right;
	width:0.708rem;
	height:0.708rem;
	padding: 0.479rem 0.313rem;
}

.searchRow{
	height:1.82rem;
	position:relative;
	line-height:1.82rem;
	font-size:0.58rem;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}


.searchRow.ar div{
	position:absolute;
	width:0.5rem;
	height:0.5rem;
	top:0.8rem;
	right:0;
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
	background-size:20rem 9rem;
	background-position:-19rem -8rem;
}
.searchRow.br div{
	position:absolute;
	width:0.5rem;
	height:0.5rem;
	top:0.8rem;
	right:0;
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
	background-size:20rem 9rem;
	background-position:-17rem -6rem;
}



.searchRow p{
	display:inline-block;
	width:12rem;
}

.searchRow p span{
	margin-right:0.38rem;
	display:inline-block;
}

.searchRow p span a{
	color:black;
}

.searchRow:nth-child(7) span{
	margin-right:0.38rem;
	white-space:nowrap;
}


.searchRow p{
	margin:0;
	margin-left:0.3rem;
	vertical-align:top;
}
.searchRow:nth-child(7) p{
	margin-left:0;
}

.searchRow span:first-child{
	line-height:1.0rem;
}
.searchArea{

	line-height:1.25rem;
	font-size:0.58rem;
	border-bottom:1px solid #f4f4f4;
}

.searchArea span{
	margin-right:0.618rem;
}

.searchArea span:last-child{
	margin-right:0rem;
}

.searchArea span a{
	color:black;
}

.searchArea:nth-child(2){
	
}
.searchArea:nth-child(2) span{
	display:inline-block;
	margin-right:0.57rem;
}
.searchArea:nth-child(3){
	border-bottom:none;
}
.searchArea:nth-child(3) .term{
	margin-top:0;
	margin-bottom:0;
	padding-top:0.35rem;
	padding-bottom:0.35rem;
}


.moreRow,.searchMoreRow{
	height:1.65rem;
	line-height:1.65rem;
	text-align:center;
	/* [disabled]color:#999; */
	font-size:0.5rem;
}

.heading{
	height:1.68rem;
	line-height:1.708rem;
	color:#ff6600;
}
.heading p{
	height:1.68rem;
	line-height:1.68rem !important;
	border-bottom:#ddd 1px solid;
	margin:0
}
.listBox .heading p{
	margin:0 0.416rem;
}


.listBox{
	padding:0 0 0.625rem 0 ;
}

.listBox{
	padding-bottom:0
}

.listBox a{
	color:#000;
}
.list li{
	position:relative;
	height:3.75rem;
}
.list li>div:first-child{
	height:3.75rem;
	float:left;
}
.list li .fr{
	position:relative;
	width:8.8416rem;
	height:3.75rem;
	float:right;
	overflow:hidden;
}
.list li{
	padding:0.416rem;
	list-style:none;
	font-size:0.5rem;
	border-bottom:1px solid #ddd;
}
.list li:after{
	content:""; 
    display:table;
	clear:both;
}

.list img{
	width:5rem;
	height:3.75rem;
}
.list .name{
	width:8.51rem;
	font-size:0.58rem;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin:0 0 0.33rem 0;
	overflow:hidden; 
	color:#000;
}
.list .del-icon{
	width:25px;
	height:25px;
	display:inline-block;
	background:url(/js/lpindex/loan/del-sc.png) 0px 0px no-repeat; 
	background-size:25px;position:absolute;
	right:0px; top:0px; 
	z-index:1000;
} /*删除收藏*/

.listBox.rent .list .name,.listBox.sale .list .name{
	width:8rem;
}


.list .add,.list .info{
	color:#666;
	margin:0.33rem 0;
}
.list .price{
	color:#ff6600;
	float:right;
	margin-top:-0.275rem;
}
.list em{
	position:relative;
	font-size:0.75rem;
	font-weight:bold;
	top:0.05rem;
}






.icon{
	padding:0.11rem 0.1875rem;
	color:#fff;
	background:#70b8ff;
	font-size:0.5rem;
	vertical-align:bottom;
}
.icons{
	white-space: nowrap;
	position:absolute;
	bottom:0;
	margin:0;
}
.icons .icon{
	display:inline-block;
}

footer{
	height:2rem;
	/*border-top:1px solid #ddd;*/
	
}
.indexFooter{
	margin-top:-0.4rem;
}

.brief .title{
	height:2.583rem;
	overflow:hidden;
	padding:0.625rem 0;
	border-bottom:1px solid #ddd;
}

.brief .title div:nth-child(1){
	float:left;
	width:11.2rem;
}
.brief .title div:nth-child(1) p{
	margin:0.15rem 0 0 0;
	line-height:1rem;
}
.brief .title div:nth-child(2){
	float:right;
	width:1.758rem;
	height:2.083rem;
	border-left:1px solid #ddd;
	text-align:center;
	padding:0 0.4rem;
	text-align:center;
}

.brief .title .icon{
	margin-right:0.1rem;
	display: inline-block;
	line-height: normal;
}

.brief .tit{
	margin-right:0.4rem;
}
.brief .infoBar{
	height:2.25rem;
	border-bottom:1px solid #ddd;
}
.brief .infoBar p{
	line-height:2.25rem;
	margin:0;
}
.brief .infoBar p span{
	padding:0 0.5rem;
}
.brief .infoBar p span:nth-child(2){
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
}
.brief .info{
	padding-top:0.6rem;
}
.brief .info div{
	float:left;
}
.brief .info div{
	margin-right:1.58rem;
}
/*
.brief .info .inr0{
	margin-left:1.708rem;
}
.brief .info .inr1{
	margin-left:3.725rem;
}
.brief .info .inr2{
	margin-left:4rem;
}
*/
.brief .info p{
	clear:both;
}

.brief .favorite.already{
	background:url(/js/lpindex/loan/icon.png) no-repeat;
	background-size:20rem 9rem;
	background-position:0.8rem -5rem;
}
.brief .favorite.already:after{
	content:"已收藏";
	position:relative;
	top:1.38rem;
	width:2rem;
	font-size:0.5rem;
	text-align:center;
}

.brief .favorite.not{
	background:url(/js/lpindex/loan/icon.png) no-repeat;
	background-size:20rem 9rem;
	background-position:-1.22rem -5rem;
}
.brief .favorite.not:after{
	content:"收藏";
	position:relative;
	top:1.38rem;
	width:2rem;
	font-size:0.5rem;
	text-align:center;
}

.brief p,.brief a{
	color:#000;
}
.brief p .pin{
	width:1rem;
	height:0.6rem;
	margin-left:0.15rem;
	background-image:url(../images/icon.png);
	background-size:20rem 9rem;
	background-position:-15rem 0.03rem;
}
.brief p .calc{
	position:absolute;
	width:0.6rem;
	height:1.0rem;
	margin-left:0.15rem;
	background-image:url(../images/icon.png);
	background-size:20rem 9rem;
	background-position:-15rem -0.99rem;
}
.fixBox{
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	padding:0.35rem;
	border-top:1px solid #ddd;
	text-align:center;
	margin-bottom:0;
}
.fixBox.app{
	width:14.3rem;
	border:none;
	background:rgba(0,0,0,0.5);
	text-align:left;
	padding:0.3125rem 0.35rem;
}

.btnBar{
	
}

.btnBar a{
	display:inline-block;
	width:14.168rem;
	height:1.625rem;
	line-height:1.625rem;
	text-align:center;
	border:1px solid #ff6600;
	font-size:0.625rem
}
.btnBar a:first-child{
	float:left;
	background-color:#fff;
	color:#ff6600;
	margin-right:1.05rem;
}
.btnBar a:last-child{
	float:left;
	background-color:#ff6600;
	color:#fff;
}

.btnBar .feng{
	background:url(/js/lpindex/loan/icon2.png) no-repeat;
	background-size:20rem;
	background-position:4.7rem -3.55rem;
}
.btnBar .feng span{
	margin-left:1rem;
}
.agentBox .info{
	height:3.85rem;
	position:relative;
	margin-top:0.667rem;
	margin-bottom:1rem;
	background-image:url(/js/lpindex/loan/icon.png);
	background-repeat:no-repeat;
	background-size:20rem 9rem;
	background-position:-2.5rem -6.6rem;
	overflow:hidden;
}
.agentBox .info .link{
	position:absolute;
	margin-bottom:0;
	bottom:0;
	margin-top:0.25rem;
}

.agentBox.bottomLine .info{
	background:none;
	
}
.agentBox img{
	width:3.75rem;
	height:3.75rem;
}
.agentBox .info>div{
	display:inline-block;
	height:3.75rem;
	vertical-align:top;
}
.agentBox .info>div:first-child{
	width:3.75rem;
	overflow:hidden;
}
.agentBox .info p{
	margin:0 0 0.25rem 0.5rem;
	color:#000;
}
.agentBox .info p.com{
	width:8.75rem;
	overflow:hidden;;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
	white-space:nowrap;/* 不换行 */
}

.loan div:nth-child(2){
	padding-top:0.4166rem;
}

.loans canvas{
	float:left;
	width:6.125rem!important;
	height:6.125rem!important;
	margin-right:0.5rem;
	margin-top:1px;
}
.loans p{
	margin:0;
	padding:0;
}
.loans .clearfix .info{
	position:relative;
	height:5.7rem;
	float:left;
	padding-top:0.3rem;
}
.loans .clearfix .info p{
	padding:0.22rem 0;
}
.loans .clearfix .info p:nth-child(1){
	font-size:0.75rem;
}
.loans .clearfix .info p:nth-child(1) span{
	color:#ff6600;
}
.loans .clearfix .info p:nth-child(2){
	font-size:0.5rem;
	color:#666;
}
.loans .clearfix .info p:nth-child(3),.loans .clearfix .info p:nth-child(4),.loans .clearfix .info p:nth-child(5){
	padding-left:0.66rem;
	font-size:0.5rem;
	background-image:url(/js/lpindex/loan/icon.png);
	background-repeat:no-repeat;
	background-size:20rem 9rem;
}
.loans .clearfix .info p:nth-child(3){
	background-position:0 -7.75rem;
}
.loans .clearfix .info p:nth-child(4){
	background-position:-4rem -6.75rem;
}
.loans .clearfix .info p:nth-child(5){
	background-position:-10rem -2.75rem;
}

.loans .clearfix .info p:nth-child(3) span,.loans .clearfix .info p:nth-child(4) span,.loans .clearfix .info p:nth-child(5) span{
	
}


.loans .calcBtn a{
	display:block;
	height:1.66rem;
	line-height:1.66rem;
	background:#f5f5f5;
	border:1px solid #ddd;
	margin:0.5rem 0.416rem 0 0.416rem;
	text-align:center;
	color:#666;
}




.ep{
	background:#fff;
}
.ep section{
	padding-bottom:0;
	margin-bottom:0;
}

.ep .agent{
	padding:0 0 0.625rem 0;
	margin:0 0.416rem;
}
.ep .searchBox{
	padding-top:0;
	background:#f4f4f4;
}

.searchRow .up:after{
	content:"↑"
}
.searchRow .down:after{
	content:"↓"
}

.option{
	display:table;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}
.option span{
	display:table-cell;
	font-size:0.625rem;
	text-align:center;
	padding:0.583rem 0;
	border-bottom:1px solid #F4F4F4;
	position:relative;
}

.option span:before {content:"";display:block;width:30px;height:3px;background:#FFF;position:absolute;bottom:0;left:50%;margin-left:-15px;border-radius:50px;} 

.option span.on:before{
	background:#D50000;
}
.option span.on{
	color:#D50000;
}


.delete{
	position:absolute;
	top:0;
	right:0;
	width:1.083rem;
	height:1.083rem;
	border-radius:0 0 0 1.083rem;
	background-color:#ff6600;
	background-image:url(/js/lpindex/loan/icon.png);
	background-size:20rem 9rem;
	background-position:-5.5125rem -4.8125rem;
}

.nothing{
	height:13rem;
	background-color:#f4f4f4;
	background-image:url(/js/lpindex/loan/noth.png);
	background-repeat:no-repeat;
	background-size:5.2083rem 4.2708rem;
	background-position:4.9167rem 2.8542rem;
	text-align:center;
	padding-top:7.8rem;
	color:#999;
}

.map{
	position:relative;
	height:23.0208rem;
	background-size:15rem 23.0208rem;
}

.pin{
	position:absolute;
	width:1.488rem;
	height:2.083rem;
	background-image:url(../images/icon.png);
	background-size:20rem 9rem;
	background-position:-12rem 0;
}


.popBox{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:0;
	z-index:999;
}

.popBox .cityLayer{
	position:absolute;
	width:100%;
	top:0rem;
	padding:0 0.466rem 0.5rem 0.466rem;
	background:#fff;
}
.popBox .cityLayer div{

	border-bottom:1px solid #ddd;
}
.popBox .cityLayer div p{
	color:#70b8ff;
	line-height:0.6rem;
}
.popBox .cityLayer div a{
	display:inline-block;
	margin-left:-0.66rem;
	padding:0.33rem 0.66rem;
	color:#000;
}



.cancelRow{
	height:1.666rem !important;
	line-height:1.666rem;
	text-align:center;
	border-bottom:1px solid #ddd;
}

.empty{
	background:#f5f5f5;
	height:20rem;
	background-image:url(../images/ku.png);
	background-repeat:no-repeat;
	background-size:1.708rem;
	background-position:1.3rem 1.4rem;
	
	padding:1.2rem 3rem;
}
.empty p{
	margin:0.2rem;
	width:10rem;
}


.resultLayer{
	
	background:#fff;
	padding-bottom:0.625rem;
	
}
.resultLayer ul{
	height:8rem;
	overflow: auto;
}
.resultLayer li{
	list-style:none;
	height:1.666rem;
	line-height:1.666rem;
	border-bottom:1px dotted #999;
	margin:0 0.416rem;
}

.shareBox {
	position:absolute;
	width:100%;
	top:0rem;
	background:#fff;
	padding:0 0 0.416rem 0;
}

.shareBox .shareHeading{
	padding:0.5rem;
	text-align:center;
}

.shareBox .cancelRow{
	border-top:1px solid #ddd;
	margin-left:0.416rem;
	margin-right:0.416rem;
}

.bdshare-button-style0-16 a {
	background-image: none!important;
}

.shareBox a{
	display:inline-block;
	margin:0;
	width:4.8rem;
	height:4.8rem;
	text-align:center;
	background:url(/js/lpindex/loan/icon_share.png);
	background-repeat:no-repeat;
	background-size:32.1548rem 2.9167rem;
	background-position:1rem 0;
}
.shareBox a:nth-child(3) {
	background-position:-4.832rem 0;
}
.shareBox a:nth-child(4) {
	background-position:-10.664rem 0;
}
.shareBox a:nth-child(5) {
	background-position:-16.496rem 0;
}
.shareBox a:nth-child(6) {
	background-position:-22.328rem 0;
}
.shareBox a:nth-child(7) {
	background-position:-28.16rem 0;
}

.shareBox a span{
	position:relative;
	top:3.2rem;
	color:#000;
}
.photo{
	background:#000;
	text-align:center;
}
.photoTab{
	position:absolute;
	height:10.416rem;
	width:15rem;
	margin-top:6.7rem;
	text-align:center;
	color:#fff;
	overflow:hidden;
}

.photoTab.inner{
	margin:auto 0;
	top:0;
	bottom:0;
}
.photoTab.detail{
	margin-top:0;
}

.photoTab ul{
	position:absolute;
	width:999rem;
	height:10.16rem;
	left:0rem;
	letter-spacing:-3px;
	vertical-align:middle;
}
.photoTab li{
	width:15rem;
	display:inline-block;
	float:left;
	list-style:none;
	line-height:0;
}
.photoTab img{
	display:block;
	width:15rem;
}

.photoTab p{
	position:absolute;
	width:100%;
	text-align:center;
	top:8.7rem;
}
.photoTab p span{
	display:inline-block;
	width:0.2rem;
	height:0.2rem;
	background:#fff;
	color:#fff;
}
.photoTab p span.on{
	background:#3399ff;
}


.supporting span{
	display:inline-block;
	width:3.625rem;
	height:1.416rem;
	line-height:1.416rem;
	padding-left:0.895rem;
	background:url(/js/lpindex/loan/icon.png) no-repeat;
	background-size:20rem 9rem;
	background-position:-17rem -2.636rem;
}

.term span a.on{
	color:#ff6600;
}

.description .cBox{
	height:2.5rem;
	overflow:hidden;
}
.description .openBox{
}
.description div p{
	line-height:1rem ;
}
.description div p{
	margin-top:0.35rem;
}

.appBar{
	font-size:0.51rem;
	color:#fff;
}
.appBar span{
	line-height:0.35rem;
	position:absolute;
	left:2rem;
}
.appBar img{
	width:1.25rem;
	height:1.25rem;
}
.appBar div span:nth-child(1){
}
.appBar div span:nth-child(2){
	top:0.4rem;
}
.appBar div span:nth-child(3){
	top:1.1rem;
}
.appBar>div:nth-child(1){
	float:left;
}
.appBar>div:nth-child(3){
	float:right;
	border:1px solid #fff;
}
.appBar>div:nth-child(3) a{
	display:inline-block;
	width:3.75rem;
	height:1.25rem;
	line-height:1.25rem;
	text-align:center;
	font-size:0.625rem;
	color:#fff
}
.appBar>div:nth-child(2){
	float:right;
	width:1.25rem;
	height:1.25rem;
	background:url(/js/lpindex/loan/icon.png) no-repeat;
	background-size:20rem 9rem;
	background-position:-5.5817rem -4.5817rem;
}
.appBar>div:nth-child(2) a{
	display:inline-block;
	width:1.25rem;
	height:1.25rem;
}
.photoDot{
	position:absolute;
	width:15rem;
	bottom:0.7rem;
	text-align:center;
	color:#fff;
}
.photoDot p{
	text-align:center;
}

.photoDot p span{
	display: inline-block;
	width: 0.2rem;
	height: 0.2rem;
	background: #fff;
	color: #fff;
	
}
.photoDot p span.on{
	background:#3399ff;
}

.gotoTop{
	display:none;
	position:fixed;
	bottom:2rem;
	right:0.5rem;
	width:1.666rem;
	height:1.666rem;
	background:url(/js/lpindex/loan/icon.png) no-repeat;
	background-size:20rem 9rem;
	background:-8rem -7rem;
}
.gotoTop img{
	width:1.666rem;
	height:1.666rem;
}

.calculator{
	background:#fff;
}

.calcBox{
    padding: 0 15px;
}
.calcBox p{
	line-height:1rem;
	padding:12px 0 6px 0;
	border-bottom:1px solid #F4F4F4;
}
.calcBox p span{
	position:relative;
}
.calcBox p span:nth-child(1){
	display:inline-block;
	width:3rem;
	overflow:hidden;
}
.calcBox  .sel{
	height:1rem;
	display:inline-block;
	overflow:hidden;
	position:relative;
	/*vertical-align:bottom;*/
	/*border-bottom:1px solid #ccc;*/

}
.calcBox  .drop{
	margin-left:-0.3rem;

}
.calcBox input,.calcBox select{
	width:9rem;
	/*margin:0 0.5rem;*/
	outline:none;
	border:none;
	text-align: right;
}
.resultBox select{
	float:right;
}
.calcBox .rate{
	color:red;
}
.calcBox select{
	border-bottom:none;
}

.calcBox select,.resultBox select{
	box-sizing: border-box;
	-webkit-appearance: none;
	align-items: center;
	vertical-align: baseline;
	white-space: pre;
	text-align:right;
	padding-left:10px;
	font-size:0.5rem;
}

.calcBox .fr{
	line-height:1.1rem;
}


.select_arrow {
	font-style: normal;
	position: absolute;
	right: 0rem;
	bottom: 0rem;;
	display: inline-block;
	width: 0.35rem;
	height: 0.35rem;
	background:url(/js/lpindex/loan/icon.png) no-repeat;
	background-size:20rem 9rem;
	background-position:-3rem -6.95rem;
}



.blockBtn{
	text-align:center;
	/*background:#ff6600;*/
	/*margin:0 0.416rem 3rem 0.416rem;;*/
	padding:0 20px;
	margin-top:35px;
}
.blockBtn a{
	display:block;
	height:40px;
	line-height:40px;
	background:#ff6600;
	color:#fff;
	border-radius:5px;
	overflow:hidden;
	/*padding:0.25rem 0;;*/

	background: linear-gradient(left, #F85047, #EA3C3E);
	background: -webkit-linear-gradient(left, #F85047, #EA3C3E); 
	background: -o-linear-gradient(left, #F85047, #EA3C3E);
	background: -moz-linear-gradient(left, #F85047, #EA3C3E);

}

.resultBox{
	margin:0.416rem;
	padding:0.416rem;
	border:1px solid #ddd;
}


.resultBox p{
	margin:0;
	line-height:1.5rem;
	border-bottom:1px solid #eee;
	font-size:0.55rem;
}
.resultBox p:last-child{border-bottom:0;}
.loan_select, .year_select, .debj_monthPay_select{
	border:none;
	background-color: white;
}
.resultBox .sel{
	width:6rem;
}
.resultBox .sel select{
	width:6rem;
	line-height:1.2rem;
	position:absolute;
	bottom:0rem;;
	right:0;
	font-size:0.56rem;;
}

/*房屋估价*/
.xb_icon{
	display:inline-block;
	width:0.2708rem;
	height:0.2708rem;
	background:url(/js/lpindex/loan/xb.png);
	background-size:0.2708rem 0.2708rem;
}

.valBox{
	padding-top:0.33rem;
	font-size:0.625rem;
}
.valBox>p{
	position:relative;
	height:1.875rem;
	line-height:1.875rem;
	margin:0;
	font-size:0.625rem;
}
.valBox .vname{
	display:inline-block;
	width:3rem;
}
.valBox input[type=text],.valBox input[type=number]{
	display:inline-block;
	border:none;
	border-bottom:1px solid #ddd;
	width:10rem;
	padding:0 0.2rem;
	padding-bottom:0.15rem;
	outline:none;
	font-size:0.625rem;
}
.valBox select{
	display:inline-block;
	border:none;
	border-bottom:1px solid #ddd;
	width:10.4rem;
	padding:0 0.2rem;
	outline:none;
	font-size:0.625rem;
	background-color:#fff;
	-webkit-appearance: none;
}

.valBox .littip{
	position:absolute;
	bottom:0.49rem;
	display:inline-block;
	width:1px;
	height:0.167rem;
	background-color:#ddd;
	
}
.valBox .littip.t{
	bottom:0.365rem;
}
.valBox .xb_icon{
	position:absolute;
	bottom:0.47rem;
	right:0.57rem;
}
.valBtn{
	display:block;
	font-size:0.75rem;
	height:1.875rem;
	line-height:1.875rem;
	background:#ff6600;
	color:#fff;
	text-align:center;
	margin:0 0.41rem;
}

/*房屋估价结果*/
.valreBox{
	padding-top:0.33rem;
	padding-left:0;
	padding-right:0;
	font-size:0.625rem;
}
.valreBox>p{
	position:relative;
	height:1.875rem;
	line-height:1.875rem;
	margin:0;
	font-size:0.625rem;
	border-bottom:1px solid #ddd;
	padding:0 0.416rem;
}
.textc{
	text-align:center;
}
.valfBtn{
	display:block;
	font-size:0.75rem;
	height:1.875rem;
	line-height:1.875rem;
	border:1px solid #ff6600;
	color:#ff6600;
	text-align:center;
	margin:0 0.41rem;
}

.yzmBtn{
	position:absolute;
	right:0.1rem;
	height:1rem;
	line-height:1rem;
	width:2.9rem;
	padding:0 0.416rem;
	bottom:0.1rem;
	text-align:center;
	font-size:0.5rem;
	color:#ff6600;
	border:1px solid #ff6600;
	border-radius:0.08rem;
}

/*房源详情*/
.fyBox{
	position:relative;
	padding-left:2.29rem;
	font-size:0.667rem;
	
}
.fyBox .saleicon{
	position:absolute;
	left:0.416rem;
	font-size:0.5rem;
	border:1px solid #ff6600;
	height:0.7916rem;
	line-height:0.7916rem;
	padding:0 0.25rem;
	color:#ff6600;
}
.fyBox .timetip{
	float:right;
	font-size:0.375rem;
	color:#666;
}
.fyBox .smgrey{
	color:#666;
	font-size:0.5rem;
}

.cgBox{
	background-color:#eee;
	text-align:center;
	padding-top:0.85rem;
	padding-bottom:1rem;
}
.f30{
	font-size:0.625rem;
}
.cBack{
	display:inline-block;
	font-size:0.333rem;
	color:#ff6600;
	height:0.75rem;
	line-height:0.75rem;
	padding:0 0.625rem;
	border:1px solid #ff6600;
	border-radius:0.75rem;
}

.jjrBox{
	margin-top:0.416rem;
}
.jjrBox .title{
	font-size:0.583rem;
	color:#666;
}
.jjrBox ul li{
	list-style:none;
	display:block;
	margin-bottom:0.425rem;
}
.jjrBox ul li:after{
	content:"";
	display:table;
	clear:both;
}
.jjrBox ul li .jjrphoto{
	float:left;
	width:2.708rem;
	height:3.333rem;
	margin-right:0.625rem;
}
.jjrBox ul li .jjrphoto img{
	width:2.708rem;
	height:3.333rem;
}
.jjrBox .jjrdinfo{
	float:left;
}
.jjrBox .jjrdinfo .name{
	font-size:0.667rem;
	color:#000;
	margin-top:0.15rem;
	margin-bottom:0.45rem;
}
.jjrBox .jjrdinfo .tel{
	font-size:0.625rem;
	color:#000;
	margin-top:0.45rem;
	margin-bottom:0.5rem;
}
.jjrBox .jjrdinfo .qita{
	font-size:0.54rem;
	color:#666;
	margin-top:0.45rem;
}