/*
	引用当前样式的，有如下页面：
	newHouseBuildingInfo.html
*/
.building-bannerbox{position: relative;}
.building-banner{ height:300px;}
.building-banner .state{position: absolute; z-index: 1; display: inline-block; line-height: 2rem; line-height: 2rem; padding: 0 0.4rem; border-radius: 0.2rem; font-size: 1.2rem; color: #fff;}
.building-banner .state.state0,.building-banner .state.state0:after{background: #9c9fa1;}/*默认、售罄*/
.building-banner .state.state1,.building-banner .state.state1:after{background: #5bacfe;}/*预售*/
.building-banner .state.state2,.building-banner .state.state2:after{background: #e63d2e;}/*在售*/
.building-banner .state.state3,.building-banner .state.state3:after{background: #7ac789;}/*待售*/
.building-banner .state:after{position: absolute; top: 1.7rem; left: 50%; margin-left: -0.3rem; display: block; content: ""; width: 0.6rem; height: 0.6rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}

.banner-switchbox{position: absolute; z-index: 2; right: 1.2rem; bottom: 1.2rem; width: 4rem; }
.banner-switchbox .switch-btn{display: block; height: 2rem; line-height: 2rem; border-radius: 0.2rem; text-align: center; color: #fff; font-size: 1.3rem; background: rgba(0,0,0,0.4);}
.banner-switch{font-size: 1.2rem;}
.banner-switch li{height: 2rem; line-height: 2rem; padding-left: 1.6rem; margin-bottom: 1rem; border-radius: 0.2rem; overflow: hidden; background: #fff url(../images/icon_check22x22.png) 0.3rem center no-repeat; background-size: 1.1rem;}
.banner-switch li.active{background: #fff url(../images/icon_check22x22_active.png) 0.3rem center no-repeat; background-size: 1.1rem;}
.banner-switch li.state0{color: #9498a4;}
.banner-switch li.state1{color: #5bacfe;}
.banner-switch li.state2{color: #e63d2e;}
.banner-switch li.state3{color: #7ac789;}

.apartment-listbox{padding: 1rem 0; background: #fff;}
.apartment-list{padding: 0 1.2rem;}
.apartment-list li + li{margin-top:1.5rem;}
.apartment-list .item{position: relative; display: block; padding-left: 10.4rem; min-height: 7rem; }
.apartment-list .img{position: absolute; top: 0; left: 0; width: 9.4rem; height: 7rem; border:1px solid #e8e8e8; box-sizing:border-box; overflow: hidden;}
.apartment-list .img img{width: 9.4rem; height: 7rem;}
.alist-info{font-size: 1.3rem;}
.alist-info h2{height: 2.2rem; line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.5rem;}
.alist-info p{height: 2.4rem; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #9c9fa1;}
.alist-info .price{color: #fa5741; font-size: 1.6rem; font-weight: 600;}
.alist-info .unit{font-size: 1.2rem; font-weight: 400;}

.building-swiper{padding: 1rem 0;}
.building-swiper h2{height: 3rem; line-height: 3rem; font-size: 1.6rem;}
.building-swiper .termbox{padding: 0.5rem;}
.building-swiper .term{padding: 0.5rem 0.8rem; background: #fff; box-shadow: 0 0 10px 0 rgba(147,139,139,0.2); border-radius: 0.2rem;}
.building-swiper .infobox{font-size: 1.3rem;}
.building-swiper .infobox dl{position: relative; float: left; width: 50%; min-height: 2rem; line-height: 2rem;}
.building-swiper .infobox dl.long{width: 100%;}
.building-swiper .infobox dt{position: absolute; top: 0; left: 0; color: #9c9fa1;}
.building-swiper .infobox dd{padding-left: 3.6rem; height: 2rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.building-swiper .infobox dl.long dd{padding-left: 5.6rem;}