/************************************** WAP **********************************************/
@media (max-width:768px){

.container {width: 100%; max-width: 100%;}
.tytitle {font-size: 22px;}

.imenu {float: right; margin-left: 0;}
.imenu li {padding:0 15px;}

.regbtn {position:relative; left:30px;}


/* wap menu */
.header {padding: 10px 0;}
.logo { z-index: 1;}
.logo img{height: 8.5vw;}

.wapform {padding: 10px 15px; position:relative}
.wapbb {position:absolute; top:16px; right:30px; background:none; border:none;}


.topmenu{
	width:100%; position: relative; top: 0; left: 0; background-color: #fff; z-index: 1000;
}
.topmenu dt{
	width:25%;
	float:left;
}
.selectlist{
	width:100%;
	height:auto;
	box-sizing: border-box;
}
.select_textdiv{
	height:5rem;
	width:100%;
	line-height: 5rem;
	text-align: center;
	border-bottom: 1px solid #b3b3b3;
	border-top: 1px solid #b3b3b3; 
	position:relative;
}
.select_textul{
	width:100%;
	line-height: 5rem;
	box-sizing: border-box;
	display: none;
	width: 980px; 
    max-height: 20rem;
    overflow-y: scroll;
}
.select_first_ul{
	width: 100%;
    background-color: #fff;
    position: absolute;
    box-sizing: border-box; box-shadow: 0 10px 10px rgba(0,0,0,.1);
    left: 0;
}

.select_first_ul>li{
	padding: 0 0.5rem;
	box-sizing: border-box; 
         line-height: 4rem;
}
.select_first_ul25 > li {width: 25%; text-align: center; float: left;}
.select_first_ul>li>p{
	width: 50%;
    padding: 0 1rem;
    box-sizing: border-box;
    border-bottom:1px #b1b1b1 solid;
}
.select_first_ul>li .btnprimary {color:#FF9800;}

.focus>p{
	border-bottom:1px #FF9800 solid !important;
	color:#FF9800;
}
.select_second_ul{
	width: 50%;
    position: absolute;
    right: 0px;
    top: 0;
    background: #fff;
    display: none;
    box-sizing: border-box;
    padding-left: 0.5rem;
    /*z-index: 1;*/
}

.down{
	position: absolute;
    top: 0;
    right: 16px;
    display: inline-block;
    width:1rem;
    height:100%;
}
.down img{
	width:1rem;
	margin-top: 1rem;
}
.divfocus::after{
	position: absolute;
	bottom:0;
	left:46%;
	border-bottom:0.5rem solid #FF9800;
	border-left:0.5rem solid transparent;
	border-right:0.5rem solid transparent;
	content: "";
}
.focusli{
	background: #ffc107;
	color: #FFFFFF;
}
.select_second_ul>li{
	padding: 0 0.5rem;
	box-sizing: border-box;
	border-bottom: 1px solid #eaeaea;
}




.house-list {background-color: #F7f7f7;}
.house_box .house-item {
    position: relative;
    padding: 15px;
    margin-bottom: 15px; z-index: 1;
    background-color: #fff;
    overflow: hidden
}

.house_box .house-item .media-house {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    /* font-size: .28rem */
}

.house_box .house-item .media-house .pic {
    flex: 0 0 130px;
    height: 130px;
    margin-right: 15px;
    border: 0;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: .06rem
}

.house_box .house-item .media-house .pic img {
    width: 100%;
    height: 100%
}

.house_box .house-item .media-house>.text {
    flex: 1
}

.house_box .house-item .media-house>.text .house-name {
    display: flex;
    align-items: center;
    line-height: 26px;
    font-weight: 700;
    font-size: 16px;         flex-wrap: wrap;
    color: #000;
    /* max-width: 4.32rem; */
    /* height: .44rem; */
    /* line-height: .44rem; */
    /*white-space: nowrap;*/
    overflow: hidden
}

.house_box .house-item .media-house>.text .house-name .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 18px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    /* width: .68rem; */
    height: 18px;
    margin-left: .12rem;
    border-radius: 2px;
    text-align: center;
    background: #59c376
}

.house_box .house-item .media-house>.text .price {
    /* line-height: .4rem; */
    font-weight: 700;
    font-size: 14px;
    color: #ba2d3f;
    margin-bottom: 5px;
}

.house_box .house-item .media-house>.text .rooms {
    font-weight: 400;
    font-size: 12px;
    color: #000;
    margin-bottom: 5px;
}

.house_box .house-item .media-house>.text .cat {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 50px;
    overflow: hidden
}

.house_box .house-item .media-house>.text .cat .text {
    display: flex;
    align-items: center;
    line-height: 22px;
    font-weight: 400;
    font-size: 12px;
    color: #52616a;
    height: 22px;
    padding: 0 3px;
    margin: 0 4px 4px 0;
    border-radius: 2px;
    border: 1px solid #52616a
}

.house_box .house-item .latest-news {
    line-height: 32px;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    height: 32px;
    margin-top: 5px;
    padding: 0 15px;
    background-color: #fdf6f3
}

.house_box .house-item .latest-news .txt .hui,.house_box .house-item .latest-news .txt,.house_box .house-item .latest-news {
    display: flex;
    align-items: center
}
.house_box .house-item .latest-news .txt {width: 100%;}

.house_box .house-item .latest-news .txt .hui {
    justify-content: center;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    flex: 0 0 26px;
    height: 22px;
    margin-right: 10px;
    border-radius: 3px;
    background: #f0530c
}
.house_box .house-item .latest-news .txt .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}


.modal.fade .modal-dialog {width:auto;}

.ptb3 {padding-top: 1em;padding-bottom: 1em;}
.houseinfo {padding: 0; display: block;}
.houseinfo .hepic {width: 100%;}
.houseinfo .heinfo {width: 100%; padding:15px 0;}
.heinfo .discount, .heinfo .today .list .item .btn-roomType, .group-bargain {display: none;}
.heinfo .activity, .featuresAndDynamic, .success-data .datas {flex-wrap: wrap;}
.heinfo .activity .activity-item {margin-right: 0; margin-top: 10px; justify-content: space-between; width: 100%;;}
.featuresAndDynamic .features {margin-right: 0; margin-bottom: 15px;}
.success-data .datas {height:auto;}
.success-data .datas .table {width: 100%; height:240px; overflow:hidden;}
/*.success-data .datas .table:nth-child(2) {display: none;}*/

.roomType-detail .swiper .item .image {height: auto; max-width: 100%; width: auto;}
.house-detail .list .item {width: 100%; margin-bottom: 0;}

.mbfix {
	position: fixed; left: 0; right: 0; bottom: 0; background: #fff; padding: 10px; z-index: 100; display: flex;
	        justify-content: space-between;
}
.mbfix a {display: inline-block; color: #F7f7f7; font-size: 18px; text-align: center; width: 48%; line-height: 5rem; border-radius: 5px;}
.mbfix .dhbtn {background: linear-gradient(90deg, #fe9e7e, #fe6000 100%, #fa541c 0);}
.mbfix .kfbtn {background: linear-gradient(90deg, #85abff, #0067fe);}

.listpage .pagination {margin-bottom:20px;}


.success-data .datas .table .table-body>div, .success-data .datas .table .table-header>div {padding-left:5px;}

.house-fxs {}
.house-fxs .swiper .item {padding:15px;}
.house-fxs .swiper .item .left {width:150px; height:150px;}
.house-fxs .swiper .item .infos {margin-left:10px;}
.house-fxs .swiper .item .infos .job {margin-bottom:6px;}
.house-fxs .swiper .item .infos .info-item {margin-bottom:0;}
.house-fxs .swiper .item .infos .info-item .label {text-align:left;}

.mySwiper img {height:auto!important;}


}