@charset "utf-8";
@media (min-width: 320px) and (max-width: 991px){
	.center{width: 100%; padding: 0 15px; box-sizing: border-box;}
	
	/* header */
	.header{height: 72px;}
	.logo{margin-top: 10px;}
	.logo img{height: 52px;}
	.nav{margin-top: 23px;}
	.nav .nav_user{width: 30px; height: 30px; background-size: 100%;}
	.nav .nav_ul{display: none;}
	.nav .menuBtn{display: inline-block; float: right; background: #fff; border: 1px solid #0ab6de; height: 28px; width: auto; border-radius: 5px; margin-right: 10px;}
	.nav .menuBtn img{display: block; height: 24px; padding: 2px 8px;}
	.nav .mobileBg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; background: rgba(0,0,0, 0.4);}
	.nav .appMenu{position: fixed; z-index: 999; display: block; width: 100%; height: auto; background: #fff; left: 0; top: 99px; border-top: 1px solid #f0f0f0;}
	.nav .appMenu li{float: none; width: 100%; border-bottom: 1px solid #f0f0f0; line-height: 42px; height: 42px; margin-left: 0;}
	.nav .appMenu li a{text-align: left; background: url(../images/nav_jiantou.png) no-repeat right center /8px auto; margin:0 24px; padding: 0; border-bottom: none;}
	.nav .appMenu li.on{height: auto;}
	
	.nav_ul li .secondNav{display: none}
	.nav .appMenu li .secondNav{position: static; margin: 0 20px; width: auto; background: none;}
	.nav .appMenu li .secondNav li{background: url(../images/li.jpg) no-repeat 6px center /3px auto; border: none; border-bottom: 1px solid #f0f0f0;}
	.nav .appMenu li .secondNav li:last-child{border-bottom: none;}
	.nav .appMenu li .secondNav li a{margin: 0 4px 0 0; padding-left: 20px;}
	.nav .appMenu li .secondNav li a:hover{background: url(../images/nav_jiantou.png) no-repeat right center /8px auto;}
	.nav_ul li.on a, .nav_ul li .secondNav li a:hover{color: #000000;}
	.nav_ul li .secondNav:before{background: none;}
	
	.inner_nav{line-height: 35px;}
	.inner_nav li .secondNav:before{display: none;}
	.inner_nav li .appMenu{position: fixed; z-index: 999; display: block; width: 100%; height: auto; background: #fff; left: 0; top: 99px; border-top: 1px solid #f0f0f0; padding-top: 0; margin-left: 0;}
	.inner_nav li .appMenu li{width: auto; height: 42px; line-height: 42px; padding-left: 44px; background-position: 24px; border-bottom: 1px solid #f0f0f0;}
	.inner_nav li .appMenu li a{margin: 0 24px 0 0;}

	/* footer */
	.footer{position: relative;}
	.footer_ul{margin: 20px 0 15px;}
	.footer_ul>li{float: none; margin: 0 0 5px 0; width: 100%; background: url(../images/nav_jiantou.png) no-repeat right 5px/8px auto;}
	.footer_l{float: none; overflow: hidden;}
	.footer_ul li .secondNav{display: none; padding-bottom: 10px; padding-left: 16px;}
	.footer_l div{margin-bottom: 15px; width: 65%;}
	.footer_l div span{display: inline-block; margin-right: 0; width: 100%;}
	.footer_r{margin: 0; position: absolute; right: 15px; bottom: 15px;}
	.footer_r img{width: 100px; height: auto;}
	.footer_r p{height: 30px; line-height: 30px; letter-spacing: 2px;}
	
	/* inner */
	.inner_banner{height: 230px; background-size: auto 230px;}
	.inner_banner h1,#banner_swiper .swiper-slide h1{font-size: 28px; margin: 50px auto 30px; letter-spacing: 0px;}
	.inner_search{width: 100%; max-width: 424px;}
	.inner_search_input{width: calc(100% - 90px); max-width: 334px; height: 40px; padding-right: 70px;}
	.inner_search_btn{width: 50px; height: 40px;}
	.inner_search_btn img{width: 20px; height: 20px;}
	
	.inner_h2{font-size: 22px; margin: 20px auto 0;}
	.inner_title em{width: 90px; height: 8px; margin-left: -45px;}
	.inner_cont{margin-top: 20px;}
	.inner_tit{margin: 15px 0 15px 15px;}
	
	/* page */
	.pages{padding: 20px 0; height: 30px;}
	.pages a.pageNum{height: 28px; line-height: 28px; width:28px; margin: 0 4px; font-size: 16px;}
	.pages .prevBtn,.pages .nextBtn{margin-right: 6px;}
	.pages .nextBtn{margin: 0 0 0 6px;}
	
	/* index */
	.bannerSwipter{height: 300px;}
	#banner_swiper .swiper-slide{height: 300px; background-size: auto 300px !important;}
	#banner_swiper .swiper-slide h1{width: calc(100% - 30px);}
	.bannerSwipter .swiper-button-prev,.bannerSwipter .swiper-button-next{display: none;}
	.index_search{width: calc(100% - 60px); max-width: 424px; height: 70px; padding: 0 15px; top: 154px; left: 15px; margin: 0;}
	.index_search .inner_search{margin-top: 15px;}
	.index_title{width: 90px; margin: 20px auto;}
	.index_title h1{font-size: 22px;}
	.index_title em{height: 8px;}
	.index_sort{max-width: 782px; margin: 0 auto 15px;}
	.index_sort li{max-width: calc(50% - 7px); height: auto; margin-right: 14px; margin-bottom: 15px;}
	.index_sort li:nth-child(3){margin-right: 14px;}
	.index_sort li:nth-child(2n){margin-right: 0;}
	.index_sort li>a{width: 100%; height: auto;}
	.index_sort li p{width: 100%; height: 30px; line-height: 30px;}
	
	.scenicSwipter{width: 100%; height: 234px; max-width: 770px; max-height: 453px;}
	#scenic_swiper .swiper-slide{width: auto; height: 234px; max-width: 770px; max-height: 453px;}
	#scenic_swiper img{width: auto; height: 194px; max-height: 413px;}
	#scenic_swiper .swiper-slide-active p{width: calc(100% - 70px); height: 40px; line-height: 40px; padding: 0 15px;}
	.scenicSwipter .swiper-button-prev,.scenicSwipter .swiper-button-next{display: none;}
	
	.index_activity{margin: 20px auto; text-align: center;}
	.index_activity .index_title{width: 90px; margin: 0 auto 15px; text-align: left; float: none;}
	.index_activity .index_title h1{font-size: 22px;}
	.index_activity_cont{width: 100%;}
	.index_activity_ul li{float: none; text-align: center;}
	.index_activity_ul li a{max-width: 100%; margin: 0 auto;}
	.index_activity_btn{float: none; margin-top: 15px;}
	
	.memberSwipter{width: calc(100% - 30px); padding: 0 15px;}
	#member_swiper .swiper-slide{width: 100%;}
	#member_swiper img{width: 92px; height: 92px; top: -46px; margin-left: -46px;}
	#member_swiper p{margin-top: 61px;}
	#member_swiper span{margin: 15px; height: 140px; -webkit-line-clamp: 5;}
	.index_member .swiper-button-prev,.index_member .swiper-button-next{--swiper-navigation-size: 12px; width: 40px; height: 40px; top: 89%;}
	.index_member .swiper-button-prev{left: calc(50% - 50px);}
	.index_member .swiper-button-next{right: calc(50% - 50px);}
	
	.index_service{max-width: 568px; margin: 0 auto 15px;}
	.index_service li{max-width: calc(50% - 7px); height: auto; margin-right: 14px; margin-bottom: 15px;}
	.index_service li:nth-child(2n){margin-right: 0;}
	.index_service li>a{width: 100%; height: auto;}
	.index_service li p{left: 15px; bottom: 15px;}
	.index_service li:nth-child(1) p{width: 70px; bottom: 15px;}
	
	.index_partner{max-width: 450px; margin: 0 auto 15px;}
	.index_partner li{max-width: calc(50% - 8px); height: auto; margin: 0 14px 15px 0;}
	.index_partner li>a{width: calc(100% - 10px); height: auto;}
	.index_partner li:nth-child(2n){margin-right: 0;}
	.index_partner li:nth-child(5){margin-right: 14px;}
	
	/* member activityList */
	.inner_activity_l{width: 100%;}
	.inner_activity_ul{margin: 0 15px 15px 15px;}
	.inner_activity_ul li a{padding: 0 0 0 30px;}
	.inner_activity_r{display: none;}
	
	/* member activity */
	.inner_activity_wrap{padding: 0 0 15px;}
	.inner_activity{padding: 15px 0; margin: 0 15px;}
	.inner_activity>a{float: none; display: block; margin: 0 auto; width: 100%; height: auto;}
	.inner_activity_tit{width: calc(100% - 35px); margin-top: 10px; padding-left: 30px;}
	.inner_activity_desc{width: 100%;}
	
	/* about */
	.inner_title_ul{margin: 20px auto 0; width: 336px;}
	.inner_title_ul li{margin: 0 10px;}
	.inner_title_ul li a{font-size: 18px; padding: 4px 10px;}
	
	.about_wrap{margin-bottom: 15px;}
	.about_cont{margin: 15px;}
	.about_cont img{float: none; margin: 0 auto 15px; display: block;}
	.about_cont p{float: none; width: 100%; line-height: 26px;}
	
	.about_bottom{margin: 15px 5px 15px 15px;}
	.about_bottom li{width: calc(50% - 12px); height: 158px; margin-right: 10px; margin-bottom: 10px;}
	.about_bottom li img{margin: 20px auto 10px; height: 28px;}
	.about_bottom li i{margin: 10px auto;}
	.about_bottom li.active,.about_bottom li:hover{width: calc(50% - 12px); height: 156px;}
	
	/* member */
	.member_l{width: 100%; margin: 15px 0;}
	.member_l_t li{font-size: 18px; margin: 15px;}
	.member_l_m,.member_l_b{margin-top: 15px;}
	.member_l_title{margin: 15px 0 15px 15px;}
	.member_l_h2{font-size: 16px;}
	.member_l_title em{width: 33px; height: 6px;}
	.member_l_ul{padding-right: 15px;}
	.member_l_ul li{width: calc(50% - 15px); margin-left: 15px;}
	.member_l_ul li>a{height: 100%;}
	.member_l_ul li p a{height: 40px; line-height: 40px;}
	.member_l_b .member_l_title em,.apply_l .member_l_title em{width: 66px;}
	.member_r{display: none;}
	
	/* apply */
	.apply_l{width: 100%; margin: 15px 0;}
	.apply_content{margin-bottom: 0;}
	.apply_wrap{margin: 0 15px 15px; width: calc(100% - 30px);}
	.apply_wrap_l{float: none; display: inline-block; width: 100%; height: auto; margin-bottom: 10px; text-align: center;}
	.apply_wrap_r{float: none; width: 100%;}
	.apply_wrap_r>a{max-width: 100%;}
	.apply_cont_b p{max-width: calc(100% - 80px);}
	.apply_cont_b p span{max-width: calc(100% - 80px);}
	.apply_cont_b a{padding: 5px 8px;}
	
	/* applyDetail */
	.apply_detail{margin: 15px;}
	.apply_detail_b{margin: 0 15px;}
	.apply_detail_cont{width: calc(100% - 28px);}
	.popup_wrap .layui-form-label{width: 60px;}
	.popup_wrap .layui-input-inline,.popup_wrap .layui-input-block{margin-left: 90px;}
	.popup_wrap .layui-form-mid{display: none;}
	
	/* houseList */
	.house_wrap{padding-bottom: 15px;}
	.house_t{margin-top: 15px;}
	.house_sort{display: none;}
	.house_sort_form{display: block;}
	.house_sort_form .layui-form-label{width: 48px; font-size: 16px; font-weight: bold; padding-left: 0; text-align: left;}
	.house_sort_form .layui-input-inline{margin: 0 0 10px 63px;}
	.house_sort_form .layui-form-select{margin-left: 0 !important;}
	
	.house_m{margin-top: 15px;}
	.house_l{width: calc(100% - 30px); margin: 15px;}
	.house_cont_l{width: 100%; height: auto; float: none; margin-bottom: 10px; text-align: center;}
	.house_cont_r{width: 100%; float: none;}
	.house_cont_m{margin-bottom: 10px;}
	.house_r{display: none;}

	/* houseDetail */
	.house_detail_l{width: calc(100% - 30px); padding: 15px 15px 0; margin: 15px 0;}
	.house_detail_l h2{font-size: 20px; width: calc(100% - 85px); line-height: 30px;}
	.house_detail_l .house_star{top: 15px; right: 63px;}
	.house_detail_l .house_email{top: 18px; right: 15px;}
	.house_apply_t,.house_apply_t .apply_cont_t{line-height: 40px;}
	.house_apply_t>span{float: left;}
	
	.house_l_title h3{font-size: 20px;}
	.house_rate{padding: 15px 0; margin-bottom: 15px;}
	.house_rate img{width: 60px; height: 60px;}
	.house_rate_t,.house_rate_b,.rate{width: calc(100% - 70px);}
	.house_rate_t p{width: calc(100% - 90px); font-size: 16px;}
	.house_detail_cont,.house_detail_r{display: none;}
	.infoSwipter{width: 100%; height: auto; max-height: 330px;}
	#house_detail_swiper .swiper-slide{ width: 100%; height: auto; max-height: 330px;}
	#house_detail_swiper img{width: 100%; height: auto; max-height: 330px;}
	
	/* register */
	.register_cont{margin: -216px 0 0; left: 0;}
	.register_l{float: none; margin: 0 0 23px; text-align: center;}
	.register_l img{width: auto; height: 80px;}
	.register_r{float: none; padding: 0; border: 0; max-width: 300px; margin: 0 auto;}
	.register_r .layui-form-item{width: 100%;}

	/* manage */
	.manage_l{width: 100%; margin: 15px 0;}
	.manage_l .member_l_title em{width: 66px;}
	.manage_content{margin: 0 15px;}
	.manage_content .manage_form{padding-bottom: 0;}
	.manage_content .layui-form-label{width: 100%;}
	.manage_content .layui-input-block{margin-left: 0;}
	.select_head{margin-bottom: 10px;}
	.manage_content .layui-form-item .layui-input-inline{left: 0; display: inline-block; margin-left: 0;}
	.manage_cont{margin: 15px 0;}
	.payadd_cont div{margin-left: 50px;}

	/* houseAdd */
	.houseAdd_content{margin: 0 15px;}
	.houseAdd_content .manage_form{padding-bottom: 0;}
	.houseAdd_content .layui-form-label{width: 100%;}
	.houseAdd_content .layui-input-block{margin-left: 0;}
	.houseAdd_content .select_file{margin-top: 10px;}
	.houseAdd_content .select_date{width: 100%; margin: 10px 0;}
	.houseAdd_content .layui-form-item .layui-input-inline{left: 0; display: inline-block; margin-left: 0;}
}
@media (min-width: 540px) and (max-width: 991px){
	/* index */
	.index_search{width: calc(100% - 30px); left: 50%; margin-left: -227px;}
	
	.manage_select .layui-input-inline{margin-bottom: 10px;}
	.house_sort_form .layui-input-inline{max-width: 40%; margin: 0 10px 0 0;}
	/* houseDetail */
	#house_detail_swiper img{width: auto;}
	/* applyDetail */
	.apply_detail_cont{width: 60%;}
	.popup_wrap .layui-form-label{width: 80px;}
	.popup_wrap .layui-input-inline{margin-left: 0; max-width: 150px;}
	.popup_wrap .layui-input-block{margin-left: 110px;}
	.popup_wrap .layui-form-mid{display: block;}
}
@media (min-width: 541px) and (max-width: 1240px){
	.inner_activity>a{width: 270px; height: 208px;}
	.apply_wrap_l{width: 100%; height: 227px;}
	.apply_wrap_l img{width: auto; height: 227px;}
	.house_cont_l{width: 100%; height: 294px;}
	.house_cont_l img{width: auto; height: 294px;}
}
@media (min-width: 992px) and (max-width: 1240px){
	.center{width: 100%; padding: 0 20px; box-sizing: border-box;}
	
	/* index */
	.bannerSwipter{height: 560px;}
	#banner_swiper .swiper-slide{height: 560px; background-size: auto 560px !important;}
	#banner_swiper .swiper-slide h1{width: calc(100% - 40px); margin: 110px 20px 40px;}
	.index_search{top: 308px;}
	.inner_banner h1{margin: 110px auto 40px;}
	.index_sort li{max-width: calc(30% + 16px); height: auto;}
	.index_sort li>a{width: 100%; height: auto;}
	.index_sort li p{width: 100%;}
	
	.scenicSwipter{width: 100%; height: 400px;}
	#scenic_swiper .swiper-slide{width: auto; height: 400px;}
	#scenic_swiper img{width: auto; height: 360px;}
	
	.index_activity{margin: 20px auto; text-align: center;}
	.index_activity .index_title{margin: 0 auto 20px; text-align: left; float: none;}
	.index_activity_btn{float: none; margin-top: 20px;}
	
	.index_service li{max-width: calc(25% - 23px); height: auto;}
	.index_service li>a{width: 100%; height: auto;}
	
	.index_partner li{max-width: calc(20% - 12px); height: auto; margin: 0 14px 15px 0;}
	.index_partner li>a{width: calc(100% - 10px); height: auto;}
	
	/* apply */
	.apply_wrap{width: calc(100% - 70px);}
	.apply_wrap_l,.apply_wrap_l img{width: 180px; height: auto;}
	.apply_wrap_r{width: calc(100% - 200px);}
	.apply_cont_b p{max-width: calc(100% - 80px);}
	.apply_cont_b p span{max-width: calc(100% - 80px);}
	.apply_cont_b a{padding: 5px 8px;}
	
	/* houseList */
	.house_l{width: calc(100% - 289px); margin: 20px 15px;}
	.house_cont_l,.house_cont_l img{width: 200px; height: auto;}
	.house_cont_r{width: calc(100% - 220px);}
	
	/* houseDetail */
	.house_detail_cont,.house_detail_cont ul{height: 235px;}
	
	/* register */
	.register_cont{margin: -216px 0 0; left: 0;}
	.register_l{float: none; margin: 0 0 23px; text-align: center;}
	.register_l img{width: auto; height: 80px;}
	.register_r{float: none; padding: 0; border: 0; max-width: 476px; margin: 0 auto;}

	/* manage */
	.select_head{margin-bottom: 10px;}
	.manage_select .layui-input-inline{width: 24%;}
	
	/* houseAdd */
	.houseAdd_content .layui-form-label{width: 112px; white-space: pre-wrap;}
	.houseAdd_content .layui-input-block{margin-left: 127px;}
}
@media (min-width: 1241px) and (max-width: 1360px){}