.vimg{width: 100%;max-width: 100%}
.wrap{width: 1200px;margin: 0 auto}
.clear:after{content: '';display: block;clear: both;}
.posi{position: relative;}
.fl{float: left;}

.house_item{margin-top: 70px}
.house_title{text-align: center;}
.house_title img{}
.house_title .house_title_bg{background: url(../img/title_bg.png) no-repeat;width: 650px;height: 87px;margin: 40px auto 50px;font-size: 40px;color: white;line-height: 87px;font-weight: 600;background-size: 100%}
.house_img{position: relative;padding:15px;}
.house_img span{display: block;width: 200px;height: 200px;position: absolute;background: #830204;z-index: -1}
.house_img span.left_top{top: 0;left: 0}
.house_img span.right_bottom{bottom: 0;right: 0}
.house_info{padding:15px;}
.left_rank,.right_info{height: 227px;}
.left_rank p{font-size: 70px;text-align: center;color: white;font-weight: 600}
.left_rank{float: left;width: 350px;background: #830204}
.right_info{float: right;width: 796px;border:2px solid #830204;padding: 5px}

.right_price_btn .price{font-size: 30px;font-weight: 600;color: #830204;margin-bottom: 10px;border-bottom: 1px dashed #830204;}
.right_price_btn .price span{font-size: 45px;margin: 0 5px}
.btn_icon{position: absolute;right: 0;top: 0}
.btn_icon span{background: #830204;padding:5px 10px;height: 47px;display: inline-block;line-height: 34px;font-size: 24px;border-radius: 47px;color: white;cursor: pointer;}
.btn_icon span img{margin-right: 10px}
.btn_icon span.tel img{width: 23px;height: 29px}
.btn_icon span.group img{width: 31px;height: 25px}

.zl_kp_sarea{font-size: 23px;line-height: 1.6}
.zl_kp_sarea p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*底部*/
.nb_footer{background: #830204;margin-top: 100px}
.nb_footer .wrap .fl{width: 50%;padding: 15px}
.bottomImg{position: relative;}
.bottomImg img{width: 100%;max-width: 100%}
.bottomImg .zs{background: rgba(0,0,0,.5);position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 15px;display: none}
.nb_footer .wrap .fl:hover .zs{display: block}
.bottomImg .zs p{color: white}
.bottomImg .zs p:nth-child(1){font-size: 40px}
.bottomImg .zs p:nth-child(2){font-size: 18px}
.nb_footer .wrap .fl:nth-child(odd) .bottomImg .zs{text-align: right}
.statement{text-indent: 2em;color: white;font-size: 20px;padding: 40px 0;line-height: 1.8;}
.appHide{display: none;position: absolute;right: 0;top: 25%;transform: translate(-25%, -50%);font-size: 2rem;font-weight: 600;color: #830204;}

@media (max-width: 769px) {
	.appHide{display: block;}
	.wrap{width: 100%}
	.house_title img{width: 80%}
	.house_title .house_title_bg{width: 80%;height: 45px;font-size: 2.6rem;line-height: 45px;margin: 10px auto 15px}
	.house_img span{width: 100px;height: 100px}
	.house_img{padding: .8rem}
	.left_rank{display: none}
	.right_info{width: 100%;height: auto;border:1px solid #830204;}
	.btn_icon{position: relative;display: flex;justify-content: space-around}
	.right_price_btn .price{font-size: 2rem}
	.right_price_btn .price span{font-size: 3.4rem}
	.btn_icon span{font-size: 1.5rem;height: auto;line-height: 1.6}
	.btn_icon span img{width: 17px;vertical-align: sub}
	.btn_icon span:nth-child(2) img{width: 26px}
	.zl_kp_sarea{margin-top: 10px;border-top: 1px dashed #830204;padding-top: 5px}
	.zl_kp_sarea p{font-size: 1.5rem}
	.house_info{padding: 5px 10px}
	.nb_footer{margin-top: 40px}
	.statement{padding: 10px!important;font-size: 1.5rem}
	.house_item{margin-top: 30px}
	.nb_footer .wrap,.nb_footer .wrap .fl{padding: 5px}
	.bottomImg .zs{display: block;}
	.bottomImg .zs p:nth-child(1){font-size: 1.5rem}
	.bottomImg .zs p:nth-child(2){font-size: .9rem}
}