body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,hr,ul,ol,td,input,option,textarea{
	margin:0;
	padding:0;
}
ul{
	list-style: none;
}
a{
	text-decoration:none;
}
img{
	border: none;
	display: block;
}
html,body{
  height: 100%;
  box-sizing: border-box;
}

header{width: 100%;height: 16vw;background: #25d19b;padding:0 4vw;box-sizing: border-box;display: flex;justify-content: space-between;position: fixed;z-index: 100;
  flex-wrap: wrap;
}
.citybox,.maps{
  max-width: 30vw;
  height: 10vw;
  color: #ffffff;
  text-align: center;
  line-height: 10vw;
  font-size: 4.2vw;
}
.citybox a,.maps a{
  display: inline-block;
  color: #ffffff;
}
.citybox span{
  display: inline-block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #ffffff;
  margin-left: 5px;
}
.lingqubox{
  width: 30vw;
  height: 10vw;
  text-align: center;
  line-height: 10vw;
}
.lingqubox span{
  font-size: 5vw;
  color: white;
}
.maps a{
  display: block;
  width: 100%;
  height: 100%;
  background: url(/static/modular/house/image/gps.png) no-repeat;
  background-size: 4vw auto;
  background-position:10% 50%;
}
.maps a span{
  margin-left: 5vw;
}
.height{
  height: 20vw;
}
/* 搜索栏 */
.search{
  float: left;
  display: flex;
  width: 92vw;
  height: 10vw;
  background: white;
  margin: 0 auto;
  position: absolute;
  top: 11vw;
  left: auto;
  box-shadow: 0 0 10px 1px #c6c6c6;
  justify-content: center;
  align-items: center;
}
.search img{
  display: inline-block;
  width: 5vw;
  height: 5vw;
}
.search span{
  color: #979b9e;
  line-height: 8vw;
  margin-left: 2vw;
}
/* 导航栏 */
.nav{
  width: 100%;
  height: 56vw;
  margin: 0 auto;
}
.nav ul{
  width: 95vw;
  height: 100%;
  margin: 0 auto;
  display: flex;
  /* background: red; */
  justify-content: space-around;
  padding-top: 9vw;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.nav ul li{
  width: 18vw;
  height: 20vw;
  /* background: #25d19b; */
}
.nav ul li a{
  display: block;
  width: 100%;
  height: 100%;
  color: #0b0f12;
  text-align: center;
}
.nav ul li a span{
  display: inline-block;
  margin-top: 1vw;
  font-size: 3.6vw;
  font-weight: 800;
}
.navlogo{
  width: 14vw;
  height: 14vw;
  margin: 0 auto;
  background: url(/static/modular/house/image/home9.png) no-repeat;
  background-size: 70vw auto;
}
.xf{
  background-position: 0% 80%;
}
.esf{
  background-position: 25% 0%;
}
.zf{
  background-position: 50% 40%;
}
.spxzl{
  background-position: 75% 0%;
}
.hwdc{
  background-position: 25% 80%;
}
.zx{
  background-position: 100% 0%;
}
.cfj{
  background-position: 0% 40%;
}
.zxq{
  background-position: 75% 40%;
}
.mfkf{
  background-position: 50% 80%;
}
.dtzf{
  background-position: 25% 40%;
}

/* 轮播，新闻 */
.news{
  width: 93vw;
  height: 16vw;
  margin: 0 auto;
  padding: 2vw 0 4vw;
  box-sizing: border-box;
  display: flex;
}
.newslogo{
  width: 40px;
  height: 40px;
  background: url(/static/modular/house/image/tit2.png);
  background-repeat: no-repeat;
  background-position: 0 2px;
  background-size: 40px auto;

}
.newsList{
  width: 80vw;
  height: 10vw;
}
.newsList ul{
  width: 100%;
  height: 10vw;
  overflow: hidden;
}
.newsList ul li{
  font-size: 4vw;
  line-height: 5vw;
  margin-left: 2vw;
  overflow: hidden;
  white-space: nowrap;
  width: 80vw;
  text-overflow: ellipsis;
}
.newsList ul li a{
  color: #474b4e;
}
.newsList ul li a span{
  font-weight: 800;
}
/* 房价行情 */
.detail .titlebox .price{
  width: 93vw;
  height: auto;
  margin: 0 auto;
  padding: 2vw 0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.detail .titlebox .place{
  display: block;
  width: 26vw;
  height: 12vw;
  color: #0b0f12;
}
.place p{
  font-size: 5vw;
  font-weight: 800;
}
.place span{
  display: block;
  font-size: 2vw;
  width: 13vw;
  border: 1px solid #b7b7b7;
  color: gray;
  text-align: center;
  margin-top: 4px;
}
.item1,.item2{
  width: 26vw;
  height: 12vw;
  color: #1f1f1f;
}
.up{
  display: inline-block;
  width: 0;
  height: 0;
  border: 1.5vw solid transparent;
  border-bottom-color: #eb0027;
}
.down{
  display: inline-block;
  width: 0;
  height: 0;
  border: 1.5vw solid transparent;
  border-top-color: #1fb081;
}
.item1 p,.item2 p{
  font-size: 4.6vw;
  font-weight: 800;
}
.item1 p span,.item2 p span{
  font-size: 3vw;
}
.item1 span,.item2 span{
  font-size: 3vw;
}
.menu{
  width: 100%;
  height: 16vw;
  display: flex;
}
.menuList,.homeList{
  display: block;
  width: 20vw;
  text-align: center;
}
.menuList span{
  color: #43474D;
  font-size: 3vw;
}
.bgbox{
  width: 8vw;
  height: 8vw;
  background: url(/static/modular/house/image/home9.png) no-repeat;
  background-size: 78vw auto;
  margin: 2vw auto 0;
}
.ajwd{
  background-position: 11.5% 100%;
}
.gfbk{
  background-position: 33.8% 100%;
}
.fdjs{
  background-position: 23% 100%;
}
.cz{
  background-position: 0 100%;
}
.mf{
  background-position: 45% 100%;
}
/* 购房导航 */
.navList{
  width: 96vw;
   height: 8vw;
  margin: 4vw auto 0;
  display: flex;
  overflow-x: auto;
  text-align: center;
  align-items: center;
}
.navList a{
  display: block;
  height: 100%;
  /* background: tomato; */
  flex-shrink: 0;
  color: #0b0f12;
  font-size: 4.6vw;
  line-height: 8vw;
  margin: 0 2vw;
}
.navList .selected{
  font-size: 5.6vw;
  color: #1fb081;
  font-weight: 800;
  position: relative;
}
.navList .selected:before{
  content:'';
  display: block;
  position: absolute;
  width: 3vw;
  height: 0.5vw;
  bottom: 0;
  left: 40%;
	right: auto;
  background:#1fb081;
}
/* 房源列表 */
.houseList{
  width: 93vw;
  margin:0 auto;
  padding-bottom: 16vw;
  /* background: darkcyan; */
}
.houseItem{
  /* display: block; */
  display: flex;
  width: 93vw;
  color: #0b0f12;
  padding: 4vw 0;
  border-bottom: #e9eaec solid 1px;
  
}
.imgbox{
  width: 30%;
  padding-top: 27%;
  margin-right:3vw;
  height: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #f4f5f9;
  border-radius: 2px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
}
.imgbox img{
  width: 100%;
  height: 100%;
}
.detailbox{
  flex: 1;
  margin-left: 3vw;
}
.detailbox p{
  /* display: flex; */
  font-size: 4vw;
  font-weight: 800;
  align-items: center;
}
.detailbox span{
  font-size: 3.6vw;
  color: #43474D;
}
i{
  font-style: normal;
  font-size: 4vw;
  color: #b7b7b7;
}
em{
  font-style: normal;
  color: #fd4d39;
  font-weight: 800;
}
.fontSmall{
  font-size: 3vw;
}
.zs{
  color: #fffefb;
  display: inline-block;
  width: 8vw;
  height: 5vw;
  background: #5370c7;
  text-align: center;
  line-height: 5vw;
  margin-right: 1vw;
  border-radius: 2px;
}
.ds{
  color: #fffefb;
  display: inline-block;
  width: 8vw;
  height: 5vw;
  background: #F8A37C;
  text-align: center;
  line-height: 5vw;
  margin-right: 1vw;
  border-radius: 2px;
}
.ax{
  color: #25ac81;
  display: inline-block;
  width: 8vw;
  height: 5vw;
  background: #e9faf4;
  text-align: center;
  line-height: 5vw;
  margin-right: 1vw;
  border-radius: 2px;
  border: 1px solid #a9d3c7;
}
.bang{
  color: #d8ddd7;
  display: inline-block;
  width: 6vw;
  height: 5vw;
  background: #20202a;
  text-align: center;
  line-height: 5vw;
  margin-right: 1vw;
  border-radius: 2px;
}
.houseTag .tags{
  display: inline-block;
  border: 1px solid #f3f3f3;
  color: #434f4d;
  font-size: 3vw;
  padding: 0 1vw;
  font-weight: 100;
  height: 5vw;
  line-height: 5vw;
  margin: 0 4px 1vw 0;
}
.huibox{
  display: flex;
  padding-top: 1vw;
  align-items: center;
}
.hui{
  display: inline-block;
  width: 4vw;
  height: 4vw;
  background: url(/static/modular/house/image/hui_bg.png) no-repeat;
  background-size: 4vw auto;
  margin-right: 1vw;
}
.huibox span{
  display: inline-block;
  width: 30vw;
  font-size: 3.6vw;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detailbox .font_price{
  font-size: 6vw;
  font-weight: 800;
  color: #fd4d39;
}
.detailbox .font_price em{
  font-size: 3vw;
}
.footer{
  display: flex;
  width: 100vw;
  height: 16vw;
  position: fixed;
  bottom: 0;
  left: 0;
  background: white;
}
.homeList span{
  color: #434f4d;
  font-size: 3vw;
}
.homebox{
  width: 8vw;
  height: 8vw;
  margin: 1vw auto 0;
}
.homebox span{
  color: #434f4d;
  font-size: 6vw;
}
.footer .select span{
  color: #1fb081;
}

/* 列表页 */
.header{
  width: 100vw;
  height: 15vw;
  margin: 0 auto;
  padding: 3vw 3.5vw;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  z-index: 1000;
  box-sizing: border-box;
}
.sousou{
  background: #F4F4F4;
}
.selectbox .header form input{
  width: 78vw;
  height: 8vw;
  border: none;
  outline: none;
  text-align:center;
}
.header form input::-webkit-input-placeholder{
  color: #C0C6CC;
  text-align: center;
}
.back{
  width: 5vw;
  height: 100%;
  background: url(/static/common/image/back.png) no-repeat;
  background-size: 2vw auto;
  background-position: 0 50%;
}
.backbtn{
  display: block;
  width: 100%;
  height: 100%;

}
.searchbox{
  width: 76vw;
  height: 8vw;
  background: #f5f5f5;
  border-radius: 3px;
  text-align: center;
  margin-left: 2vw;
}
.searchbox a{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.searchbox a span{
  font-size: 5vw;
}
.searchbox a em{
  font-size: 4vw;
  font-weight: 400;
  color: #999a9c;
}
.margin1{
  margin-top: 16vw;
}

.navbox{
  width: 12vw;
  height: 12vw;
  background: url(../image/bgicon.png) no-repeat;
  background-size: 62vw auto;
  margin: 2vw auto 0;
}
.qblp{
  background-position: 0 0;
}
.zslp{
  background-position: 25% 0;
}
.ykp{
  background-position: 100% 0;
}
.zxq2{
  background-position: 75% 115%;
}
.zzj{
  background-position: 25% 115%;
}
.bwzf{
  background-position: 75% 0;
}
.wygj{
  background-position: 50% 0;
}
.wymf{
  background-position: 0 0;
}
.selecter{
  width: 93vw;
  height: 14vw;
  margin: 5vw auto 0;
  display: flex;
}
.selecter a{
  display:block;
  width: 20vw;
  height: 14vw;
  text-align: center;
  line-height: 14vw;
  color: #0b0f0e;
}
.selectbox{
  width: 100vw;
  height: 100%;/*暂时的*/
  background:rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  font-size: 4vw;
}
.tabs{
  width: 100vw;
  /* height: 120vw; */
  background: white;
}
.tab{
  width: 100vw;
  margin-top: 0;
  border-bottom: 1px solid #F5F5F5;
}
.tabcontent{
  width: 100vw;
  height: 90vw;
  display: flex;
}
.tabcontent2{
  width: 100vw;
  height: 90vw;
}
.left{
  width: 50vw;
}
.center ul,.left ul,.tabcontent2 ul{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.center ul li,.left ul li,.tabcontent2 ul li{
  width: 100%;
  height: 16vw;
  border-bottom: #F5F5F5 1px solid;
  flex-shrink: 0;
  box-sizing: border-box;
  padding:0 3vw;
}
.center ul li p,.left ul li p,.tabcontent2 ul li p{
  line-height: 16vw;
}
.left ul li p span{
  float: right;
}
.center{
  width: 50vw;
  background: #FAFAFA;
}
.icon-gou-copy{
  float: right;
}
.tabcontent2 input[type="checkbox"]{
  text-align: right;
}
.typebox{
  width: 100vw;
  height: 130vw;
  box-sizing: border-box;
  padding: 0 2vw 3vw;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.labels{
  width: 100%;
  /* background: brown; */
  padding-top: 6vw;
}
.label{
  flex-shrink: 0;
  display: inline-block;
  /* width: 18vw; */
  box-sizing: border-box;
  height: 7vw;
  background: #F6F6F6;
  font-size: 3vw;
  font-weight: 400;
  text-align: center;
  line-height: 6.6vw;
  border-radius: 5px;
  color: #43474D;
  margin-top: 3vw;
  margin-right: 2vw;
  padding: 0 4vw;
  border: 1px solid #C0C6CC;
}
.on{
  color: #25ac81;
  background: #e9faf4;
  border: 1px solid #a9d3c7;
}
/* .right{
  width: 50vw;
} */

.btnbox{
  width: 100vw;
  height: 16vw;
  box-sizing: border-box;
  padding: 3vw 3.4vw;
  border-top: #F5F5F5 1px solid;
  box-sizing: border-box;
}
.btnbox button{
  width: 46vw;
  height: 10vw;
  border: none;
  border-radius: 3px;
  outline: none;
}
.btnbox span{
  line-height: 11vw;
}
.btnbox input{
  width: 16vw;
  height: 8vw;
  border: none;
  background: #F6F6F6;
  border-radius: 6px;
  text-align: center;
  outline: none;
}
.btnbox input::-webkit-input-placeholder{
  color: #C0C6CC;
  text-align: center;
}
.reset{
  background: #F8F8F8;
  color: #434f4d;
}
.firm{
  background: #3CB950;
  color: white;
}
.btnbox .confirm{
  width: 12vw;
  height: 8vw;
  outline: none;
  line-height: 8vw;
  margin-left: 12vw;
}
.btnbox dd{
  padding-left: 8vw;
}
.paixu .icon-paixu{
  font-size: 6vw;
}
.padding0{
  padding-bottom: 0;
}
.paixu{
  flex: 1;
}
/* 详情页 */
.zhuanfa{
  height: 8vw;
  width: 10vw;
  position: absolute;
  top: 3vw;
  right: 3vw;
}
.zhuanfa a{
  display: block;
  width: 10vw;
  height: 100%;
  text-align: center;
}
.icon-zhuanfa{
  line-height: 7.5vw;
  color: #1f1f1f;
}

.banner{
  width: 100vw;
  height: 60vw;
  background: #1fb081;
}
.banner ul{
  width: 100vw;
  height: 60vw;
  position: relative;
}
.banner ul li{
  width: 100vw;
  height: 60vw;
  background: red;
}
.banner ul li img{
  /* width: 100%; */
  /* height: 100%; */
}
.swiper-container{
  --swiper-theme-color: #ff6600;
  --swiper-pagination-color: #00ff33;/* 两种都可以 */
}
.bgnone{
  background: none;
}
.picNum{
  width: 18vw;
  height: 6vw;
  position: absolute;
  right: 3vw;
  bottom: 5vw;
  z-index: 200;
  background:rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  text-align: center;
}
.picNum span{
  display: block;
  color: white;
  font-size: 4vw;
}
.detail{
  width: 93vw;
  margin: 2vw auto 0;
  padding-bottom: 18vw;
}
.titlebox{
  width: 93vw;
  padding-bottom: 5vw;
}
.titlebox span{
  font-size: 6vw;
  font-weight: 800;
}
.zz{
  color: #fffefb;
  display: inline-block;
  width: 8vw;
  height: 5vw;
  background: #67cddb;
  text-align: center;
  line-height: 5vw;
  margin-right: 1vw;
  border-radius: 2px;
}
.more{
  font-size: 3.6vw;
  color: #696969;
  font-weight: 400;
  float: right;
  margin-top: 6px;
}
.loupan .more {
  font-size: 14px;
  color: #696969;
  font-weight: 400;
  float: right;
  margin-top: 6px;
}
.more .icon-you{
  position: relative;
  font-size: 3.6vw;
  top: 1px;
}
.titlebox p{
  display: inline-block;
}
.titlebox dd em{
  font-weight: 400;
}
.baseDetail{
  width: 93vw;
  margin-bottom: 2vw;
}
.baseDetail p{
  font-size: 5vw;
  font-weight: 800;
  padding-bottom: 2vw;
}
.baseinfo .info{
  width: 93vw;
  height: auto;
  margin-top: 2vw;
}
.info p,.flex p{
  font-size: 4.4vw;
  font-weight: 400;
  color: #979b9e;
}
.flex p{
  width: 46.5vw;
}
.info p span,.flex p span{
  margin-left: 3vw;
  color: #0b0f12;
}
.flex{
  display: flex;
}
.telbox{
  width: 93vw;
  height: 20vw;
  margin: 4vw 0 6vw;
  position: relative;
}
.telbox a{
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #d8e7fc 0%,#dbeeea 50%,#def5db 100%);
  box-sizing: border-box;
  padding: 4vw 3vw;
  color: black;
  font-weight: 800;
  font-size: 4.6vw;
  border-radius: 3px;
}
.telbox a span{
  font-weight: 400;
  color: #474a4f;
}
.gz{
  width: 26vw;
  height:100%;
  text-align: center;
  line-height: 16vw;
  color: #474b4e;
}
.gz span em{
  font-weight: 400;
  font-size: 5vw;
  color: black;
}
.gz span{
  font-size: 6vw;
}
.wl,.zdslc{
  width: 37vw;
  height: 100%;
  text-align: center;
  line-height: 16vw;
}
.wl a,.zdslc a{
  display: block;
  width: 100%;
  height: 100%;
  font-size: 5vw;
  font-weight: 800;
}
.wl a{
  background: linear-gradient(to right, #eece9d 0%,#e4be80 50%,#dbac64 100%);
  color: #ffffff;
}
.zdslc a{
  background: linear-gradient(to right, #696969 0%,#4f4f4f 50%,#383838 100%);
  color: #e4b774;
}
.icon-guanzhu{
  color: #999a9c;
}
.ygz .icon-guanzhu{
  color: #f32929;
}
.hstate{
  width: 93vw;
  margin-bottom: 6vw;
  display: flex;
  overflow-x: auto;
}
.hstate a{
  display: block;
  width: 20vw;
  height: 16vw;
  text-align: center;
  color: #474a4f;
  flex-shrink: 0;
}
.hstate .onGoing{
  color: #1fb081;
}
.hstate a p{
  font-size: 3vw;
  font-weight: 400;
  margin-top: 2vw;
}
.hstate a .icon-xian{
  font-size: 6vw;
  float: right;
}
.himage{
  width: 93vw;
  /* height: 70vw; */
}
.himage a{
  display: block;
  width: 100%;
  /* height: 100%; */
  overflow: hidden;
  margin-bottom: 7vw;
  border-radius: 5px;
}
.himage a img{
  width: 100%;
  height: auto;
}
.htype{
  width: 93vw;
  display: flex;
  overflow-x: auto;
}
.htype a{
  display: block;
  width: 43vw;
  height: 62vw;
  margin: 0 2vw;
  color: #0b0f12;
  flex-shrink: 0;
}
.htypeImg{
  width: 43vw;
  height: 43vw;
  box-sizing: border-box;
  border: 1px solid #c6c6c6;
  border-radius: 3px;
}
.htypeImg img{
  width: 100%;
  height: 100%;
}
.htype p{
  font-size: 4vw;
  padding-bottom: 0;
}
.htype span{
  font-size: 3vw;
  color: #FD4D39;
}
.htype span em{
  font-size: 4vw;
}
/* 筛选页 */
.fixed{
  position: fixed;
  background: white;
  left: 3.3vw;
  top: 0;
  z-index: 1;
  padding-top: 5vw;
}
.fixed::after{
  content:"";
  display: block;
  clear:both;
  height: 0;
  overflow:hidden;
  visibility: hidden;
}
.margin2{
  margin-top: 25vw;
}