/*
	*下拉筛选样式
	引用当前样式的，有如下页面：
	newHouseList.html
*/

.screenbox.fix-screenbox{position: fixed; top: 4.4rem; left: 0; right: 0; z-index: 11; max-width: 750px; margin: 0 auto;}
.screenbox {position: relative; height: 5rem; background:#fefefe; font-size: 1.4rem; border-bottom:1px solid #e8e8e8; box-sizing:border-box;}
.screenbox.has-filter{padding-right: 5rem;}

.screenbox li {position:relative; float:left; width:25%;/*默认4个*/
	height: 5rem; line-height:5rem; text-align:center; overflow:hidden;}
.screenbox li.filter{position: absolute; top: 0; right: 0; width: 4.6rem; height: 5rem;}
.screen2box li {width:50%;}
.screen3box li {width:33.33%;}
.screenbox li a {position: relative; display:inline-block; height:4.8rem; line-height:4.8rem; color:#394043; padding-right:1.4rem; background: url(../images/screen_triangle.png) right center no-repeat; background-size: 0.8rem;}
.screenbox li.on a {color:#ea4335; background: url(../images/screen_triangle_active.png) right center no-repeat; background-size: 0.8rem;}
.screenbox li .icon-filter{display: block; width: 4.6rem; height: 5rem; background: url(../images/screen_filter.png) center center no-repeat; background-size: 2rem;}
.screenbox li.on .icon-filter{background: url(../images/screen_filter_active.png) center center no-repeat; background-size: 2rem;}


.condition-mask {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 10; display: none;}
.conditionbox {position: fixed; /*top: 4.6rem;*/
	top: 9.4rem; left: 0; right: 0; z-index: 11; height: 65%;/* overflow: scroll;*/ max-width: 750px; margin: 0 auto; background: #fff; color: #3c3f46; font-size: 1.5rem;  display: none;}
.conditionbox.has-foot{padding-bottom: 5.2rem; box-sizing:border-box;}
.conditionbox a {color: #3c3f46;}
.subcondition {height: 100%; padding-left: 0.5rem; overflow: hidden;}
.hierarchy {background: #f8f8f9;}
.subcondition .hierarchy:first-child{background: #fff;}
.hierarchy li {padding: 0 0.5rem;}
.hierarchy li.active {color: #e93b3d;}
.hierarchy li a {display: block; height: 4.6rem; line-height: 4.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #e8e8e8;}
.percent {height:100%; /*overflow: scroll;*/overflow-y: scroll; overflow-x: hidden;}
.hierarchy li.active a {color: #e93b3d;}

.percent2box .percent {float:left; width: 50%;}
/*.percent2box li {border-left: 1px solid #f2f2f2;}*/
.percent3box .percent {float:left; width: 33.33%;}
/*.percent3box li {border-left: 1px solid #f2f2f2;}*/
.condition-foot {position: absolute; bottom: 0; left: 0; right: 0; text-align: center; background:#fff; height: 4rem; padding: 0.6rem 1.2rem; border-top: 1px solid #e8e8e8;}
.condition-foot.has-price{padding-right: 9.2rem;}
.condition-foot .btn{display: block; width: 48%; height: 4rem; line-height: 4rem; font-size: 1.5rem; border: none; border-radius: 0.2rem;}
.condition-foot .reset-btn{float: left; background:#fff; border:1px solid #e8e8e8; box-sizing: border-box;}
.condition-foot .choose-btn {float: right; background:#ec3712; background:-webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background:-webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background:linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff;}
.condition-foot.has-price .choose-btn{position: absolute; top: 0.6rem; right: 1.2rem; width: 7rem;}
.condition-price{text-align: center; color: #9c9fa1;}
.condition-price .text{width: 45%; height: 4rem; line-height: 4rem; text-align: center; background: #f8f8f9; border:none; border-radius: 0.2rem; color: #394043; font-size: 15px;}


.more-condbox {color:#333; font-size:1.3rem;}
.more-condbox dl {padding: 0.5rem;}
.more-condbox dt {line-height: 2.6rem; padding-left: 0.6rem;}
.more-condbox dt .title{font-size: 1.5rem; font-weight: 600;}
.more-condbox dt h2 {height:1.8rem; line-height:1.8rem; border-left:2px solid #ea4335; color:#333; font-size:1.6rem; text-indent:0.5rem;}
.more-condbox dd {}

.more-itembox{padding-right:0.6rem;}
.more-itembox .itembox{float: left; width: 25%;}
.more-itembox.more-item2box .itembox{width: 50%;}
.more-itembox.more-item3box .itembox{width: 33.33%;}
.more-itembox .item{display: block; height: 2.6rem; line-height: 2.6rem; padding: 0 0.2rem; margin: 0.6rem; color: #6b7072; border:1px solid #e8e8e8; border-radius: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.more-itembox .itembox.active .item{background: #fdebeb; color: #e93b3d; border:1px solid #fdebeb;}