article,

aside,

body,

div,

dl,

figcaption,

figure,

footer,

h1,

h2,

h3,

h4,

h5,

h6,

header,

hgroup,

html,

input,

nav,

ol,

p,

section,

select,

textarea,

ul {

	margin: 0;

	padding: 0

}



article,

aside,

div,

figcaption,

figure,

footer,

header,

hgroup,

img,

nav,

ol,

section,

ul {

	display: block;

	width: auto;

	height: auto

}



html {

	font-family: PingFang SC, Noto Sans CJK SC, Microsoft YaHei, arial, helvetica, tahoma, verdana, sans-serif

}



body,

html {

	font-size: 100%

}



body {

	background-color: #f5f5f5;

	-webkit-text-size-adjust: none

}



a {

	text-decoration: none;

	-webkit-tap-highlight-color: transparent

}



dl,

ol,

ul {

	list-style-type: none

}



img {

	width: 100%;

	border: none

}



h1,

h2,

h3,

h4,

h5,

h6,

strong,

th {

	font-size: 100%;

	font-weight: 400

}



em,

i {

	font-style: normal

}



input,

textarea {

	line-height: 1.2;

	border-radius: 0;

	outline: none;

	box-sizing: border-box;

	-webkit-appearance: none;

	-webkit-tap-highlight-color: transparent

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

	color: #ccc;

	line-height: 1.2

}



table {

	width: 100%;

	border-collapse: collapse;

	border-spacing: 0

}



:root .hide {

	display: none

}



.ellips {

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap

}



.overlay {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1000;

	display: none;

	background-color: rgba(0, 0, 0, .3)

}



@font-face {

	font-family: iconfont;

	src: url(../fonts/iconfont.eot);

	src: url(../fonts/iconfont.eot) format("embedded-opentype")

		/*,url("../fonts/359573bb93734c028b6cf2189efb9c1c.woff") format("woff2")*/

		, url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype"), url(../fonts/iconfont.svg) format("svg")

}



.iconfont {

	font-family: iconfont !important;

	font-size: 16px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}



.icon-desc:before {

	content: "\E629"

}



.icon-bianji:before {

	content: "\E776"

}



.icon-shuaxin:before {

	content: "\E601"

}



.icon-feiji:before {

	content: "\E61B"

}



.icon-liuyan:before {

	content: "\E642"

}



.icon-shoucang:before {

	content: "\E675"

}



.icon-shoucang1:before {

	content: "\E607"

}



.icon-guanbi:before {

	content: "\E60D"

}



.icon-wenhao:before {

	content: "\E66D"

}



.icon-jiantou1:before {

	content: "\E64A"

}



.icon-bianji1:before {

	content: "\E638"

}



.icon-xinxi:before {

	content: "\E76D"

}



.icon-asc:before {

	content: "\E649"

}



.icon-qq:before {

	content: "\E645"

}



.icon-detele:before {

	content: "\E749"

}



.icon-xuequ:before {

	content: "\E61C"

}



.icon-info:before {

	content: "\E65E"

}



.icon-bingxiang:before {

	content: "\E610"

}



.icon-chuang:before {

	content: "\E611"

}



.icon-duwei:before {

	content: "\E613"

}



.icon-jiaju:before {

	content: "\E614"

}



.icon-kongdiao:before {

	content: "\E615"

}



.icon-kuandai:before {

	content: "\E616"

}



.icon-reshuiqi:before {

	content: "\E617"

}



.icon-yangtai:before {

	content: "\E618"

}



.icon-xiyiji:before {

	content: "\E619"

}



.icon-fenlei:before {

	content: "\E630"

}



.icon-shouzhi:before {

	content: "\E635"

}



.icon-dianshi:before {

	content: "\E61A"

}



.icon-erweima:before {

	content: "\E61D"

}



.icon-dingyue:before {

	content: "\E605"

}



.icon-shenghuo:before {

	content: "\E604"

}



.icon-dengpao:before {

	content: "\E606"

}



.icon-qq1:before {

	content: "\E65C"

}



.icon-shouji:before {

	content: "\E61E"

}



.icon-yulan:before {

	content: "\E62E"

}



.icon-ok:before {

	content: "\E8E6"

}



.icon-office:before {

	content: "\E8EF"

}



.icon-home:before {

	content: "\E8F0"

}



.icon-rent:before {

	content: "\E8F1"

}



.icon-about:before {

	content: "\E8F6"

}



.icon-gerenzhongxin:before {

	content: "\E8F8"

}



.icon-appxiazai:before {

	content: "\E8FA"

}



.icon-menu:before {

	content: "\E8FD"

}



.icon-xuexiao:before {

	content: "\E8FE"

}



.icon-jiaotong:before {

	content: "\E8FF"

}



.icon-yiyuan:before {

	content: "\E900"

}



.icon-yinhang:before {

	content: "\E901"

}



.icon-gouwu:before {

	content: "\E902"

}



.icon-tupian:before {

	content: "\E903"

}



.icon-tell:before {

	content: "\E904"

}



.icon-yuyue:before {

	content: "\E906"

}



.icon-garden:before {

	content: "\E8F9"

}



.icon-dingwei:before {

	content: "\E8FC"

}



.icon-chachengjiao:before {

	content: "\E913"

}



.icon-zhuanhuan:before {

	content: "\E914"

}



.icon-pinggufangjia:before {

	content: "\E915"

}



.icon-quyu:before {

	content: "\E916"

}



.icon-ditie:before {

	content: "\E917"

}



.icon-fangjia:before {

	content: "\E918"

}



.icon-fangdai:before {

	content: "\E91A"

}



.icon-school:before {

	content: "\E91B"

}



.icon-sale:before {

	content: "\E91C"

}



.icon-duanxin:before {

	content: "\E91E"

}



.icon-renzheng:before {

	content: "\E91F"

}



.icon-weixin:before {

	content: "\E600"

}



.icon-dianzan:before {

	content: "\E978"

}



.icon-zixun:before {

	content: "\E98D"

}



.icon-newhouse:before {

	content: "\E9AB"

}



.icon-quanbu:before {

	content: "\EA12"

}



.icon-bankexing:before {

	content: "\EA14"

}



.icon-haiwai:before {

	content: "\EA16"

}



.icon-ershoufang:before {

	content: "\EA17"

}



.icon-wanchengchenggong:before {

	content: "\EA1A"

}



.icon-xiaoqu:before {

	content: "\EA1B"

}



.icon-xiezilou:before {

	content: "\EA1C"

}



.icon-xingxing:before {

	content: "\EA1D"

}



.icon-xinfang:before {

	content: "\EA1E"

}



.icon-yezhuweituo1:before {

	content: "\EA1F"

}



.icon-xuequfang:before {

	content: "\EA20"

}



.icon-yuyueshijian:before {

	content: "\EA22"

}



.icon-zufang:before {

	content: "\EA23"

}



.icon-zhaojingjiren:before {

	content: "\EA24"

}



.icon-appxiazai1:before {

	content: "\EA25"

}



.icon-gonggechachengjiao:before {

	content: "\EA26"

}



.icon-dianzan1:before {

	content: "\EA3D"

}



.icon-fangdai1:before {

	content: "\EA5E"

}



.icon-shichanghezuo:before {

	content: "\EA6B"

}



.icon-aixin{

	    background-image: url(/mobile/static2019/images/icohome.png);

    background-size: 29px;

    background-repeat: no-repeat;

    background-position: 3px;

}



.icon-xiangxia:before {

	content: "\E602"

}



.icon-meiqitianranqi:before {

	content: "\EAA3"

}



.icon-yigui:before {

	content: "\EAAC"

}



.icon-tianranqi:before {

	content: "\EAAE"

}



.icon-xiaodugui:before {

	content: "\EAAF"

}



.icon-weibolu:before {

	content: "\EAB0"

}



.icon-youyanji:before {

	content: "\EAB1"

}



.icon-canzhuoyi:before {

	content: "\EAB2"

}



.icon-shafa:before {

	content: "\EAB4"

}



.icon-wodezuji:before {

	content: "\EAB7"

}



.icon-wodeshoucang:before {

	content: "\EAB8"

}



.icon-fangdaijisuanqi:before {

	content: "\EAB9"

}



.icon-wodeyuyue:before {

	content: "\EABA"

}



.icon-wodeweituo:before {

	content: "\EABB"

}



.icon-quanbuloupan:before {

	content: "\EACE"

}



.icon-youhuixinpan:before {

	content: "\EACF"

}



.icon-zuixinkaipan:before {

	content: "\EADE"

}



.icon-xinfangdaogou:before {

	content: "\EADF"

}



.icon-weixuanze:before {

	content: "\EAE6"

}



.icon-fanhui:before {

	content: "\EAE7"

}



.icon-yixuanze:before {

	content: "\EAE8"

}



.icon-fanhuishouye:before {

	content: "\EAE9"

}


.icon-chachengjiao1:before {

	content: "\EAEA"

}



.icon-goufangzizhi:before {

	content: "\EAEB"

}



.icon-quyufangjia:before {

	content: "\EAEC"

}



.icon-gufangjia:before {

	content: "\EAED"

}



.icon-suanfangdai:before {

	content: "\EAEE"

}



.icon-laba:before {

	content: "\E668"

}



.icon-goufangzizhi1:before {

	content: "\EB00"

}



.icon-sousuo:before {

	content: "\EB2D"

}



.icon-xinpaixu:before {

	content: "\EB2E"

}



.icon-back:before {

	position: absolute;

    right: auto;

    bottom: auto;

    z-index: 10;

	    top: 14px;

    left: 16px;

    display: block;

    content: "";

    width: 12px;

    height: 12px;

    border-width: 0 0 2px 2px;

    border-style: solid;

    border-color: #fff;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.icon-chachengjiao2:before {

	content: "\EB37"

}



.icon-ershoufang1:before {

	content: "\EB38"

}



.icon-gufangjia2:before {

	content: "\EB39"

}



.icon-xinfang1:before {

	content: "\EB3A"

}



.icon-goufangzizhi2:before {

	content: "\EB3B"

}



.icon-zhaojingjiren2:before {

	content: "\EB3D"

}



.icon-yezhuweituo:before {

	content: "\EB3E"

}



.icon-zufang2:before {

	content: "\EB3F"

}



.icon-gufangjia11:before {

	content: "\EB63"

}



.icon-suanfangdai11:before {

	content: "\EB64"

}



.icon-chachengjiaoyidongzhan:before {

	content: "\EB40"

}



.icon-quyufangjia1:before {

	content: "\EB41"

}



.icon-maifang:before {

	content: "\EB42"

}



.icon-suanfangdai1:before {

	content: "\EB43"

}



.icon-gufangjia1:before {

	content: "\EB44"

}



.icon-maifang1:before {

	content: "\EB45"

}



.icon-quanbufenlei:before {

	content: "\EB46"

}



.icon-zizhi:before {

	content: "\EB47"

}



.icon-baike:before {

	content: "\EB48"

}



.icon-zufang1:before {

	content: "\EB49"

}



.icon-zhuangxiufengshui:before {

	content: "\EB4A"

}


.icon-number1:before {

	content: "\EB4B"

}



.icon-number4:before {

	content: "\EB4C"

}



.icon-number2:before {

	content: "\EB4D"

}



.icon-ding:before {

	content: "\EB4E"

}



.icon-number5:before {

	content: "\EB4F"

}



.icon-number3:before {

	content: "\EB50"

}



.icon-remen:before {

	content: "\EB51"

}



.icon-zhaojingjiren1:before {

	content: "\EB52"

}



.icon-bingxiang1:before {

	content: "\EB53"

}



.icon-dituqianjin:before {

	content: "\EB54"

}



.icon-kongtiao:before {

	content: "\EB55"

}



.icon-chuang1:before {

	content: "\EB56"

}



.icon-ranqizao:before {

	content: "\EB57"

}



.icon-lianxijingjiren:before {

	content: "\EB58"

}



.icon-shafa1:before {

	content: "\EB59"

}



.icon-reshuiqi1:before {

	content: "\EB5A"

}



.icon-xiyiji1:before {

	content: "\EB5B"

}



.icon-shujia:before {

	content: "\EB5C"

}



.icon-yigui1:before {

	content: "\EB5D"

}



.icon-weibolu1:before {

	content: "\EB5E"

}



.icon-zhuozi:before {

	content: "\EB5F"

}



.icon-yizi:before {

	content: "\EB60"

}



.icon-bianjiatongzhi:before {

	content: "\EB61"

}



.icon-fangdaijisuanqi1:before {

	content: "\EB62"

}



.icon-gongyumianxing:before {

	content: "\EB65"

}



.icon-xiaoqu1:before {

	content: "\EB66"

}



.icon-shen:before {

	content: "\EBB9"

}



.icon-jiudian:before {

	content: "\EBDF"

}



.icon-canting:before {

	content: "\EBE0"

}



.icon-jiantou:before {

	content: "\EBE1"

}



.icon-yiliao:before {

	content: "\E7F1"

}



.icon-shouqi1:before {

	content: "\EC3F"

}



.icon-xiaoxizhankai:before {

	content: "\EC4B"

}



.icon-guanzhu:before {

	content: "\EC59"

}



.icon-duigou:before {

	content: "\EC5C"

}



.icon-paixu:before {

	content: "\EC8A"

}



.icon-duanxinzixun:before {

	content: "\EC9D"

}



.icon-dianhuazixun:before {

	content: "\EC9E"

}



.icon-mingpian:before {

	content: "\ECA0"

}



.icon-fangdaijisuanqi2:before {

	content: "\ECA2"

}



.icon-jiache:before {

	content: "\ECAF"

}



.icon-buhang:before {

	content: "\ECB0"

}



.icon-qiche:before {

	content: "\ECB1"

}



.icon-gongjiao:before {

	content: "\ECEA"

}



.icon-ditie1:before {

	content: "\ECEB"

}



.icon-fenxiang:before {

	content: "\ECEC"

}



.icon-yiguanzhu:before {

	content: "\ECED"

}



.icon-weiguanzhu:before {

	content: "\ECEE"

}



.icon-ershoufang2:before {

	content: "\ECF2"

}



.icon-jingjiren:before {

	content: "\ECF3"

}



.icon-xiaoqu2:before {

	content: "\ECF4"

}



.icon-xiezilou1:before {

	content: "\ECF5"

}



.icon-zufang3:before {

	content: "\ECF6"

}



.icon-xinfang2:before {

	content: "\ECF7"

}



.icon-wodeweituo1:before {

	content: "\ECF8"

}



.icon-woyaomaifang:before {

	content: "\ECF9"

}



.icon-woyaochuzu:before {

	content: "\ECFA"

}



.icon-dizhi:before {

	content: "\ECFC"

}



.icon-suanfangdai3:before {

	content: "\ECFD"

}



.icon-bianjiatongzhiwo:before {

	content: "\ECFE"

}



.icon-xiangxia-copy:before {

	content: "\ECFF"

}



.icon-dizhi1:before {

	content: "\ED31"

}



.icon-chafangjia:before {

	content: "\ED33"

}



.icon-tuijian1:before {

	content: "\ED34"

}



.icon-chachengjiao3:before {

	content: "\ED35"

}



.icon-chafangjia1:before {

	content: "\ED36"

}



.icon-goufangzizhi3:before {

	content: "\ED37"

}



.icon-suanfangdai2:before {

	content: "\ED38"

}



.icon-gufangjia3:before {

	content: "\ED39"

}



.icon-baike1:before {

	content: "\ED3A"

}



.icon-xuexiao1:before {

	content: "\ED3B"

}



.icon-zhaojingjiren3:before {

	content: "\ED3C"

}



.icon-yezhuweituo2:before {

	content: "\ED3D"

}



.icon-quyufangjia2:before {

	content: "\ED3E"

}



.icon-zhaoxiaoqu:before {

	content: "\ED3F"

}



.banner-body {

	position: relative;

	background-color: #fff;

	overflow: hidden

}



.banner-body .banner {

	display: flex

}



.banner-body .items {

	position: relative;

	flex: 0 0 auto;

	display: block;

	width: 100%;

	overflow: hidden

}



.banner-body .items .vr {

	position: absolute;

	top: 50%;

	right: auto;

	bottom: auto;

	left: 50%;

	z-index: 10;

	width: 64px;

	height: 64px;

	border: 1px solid #fff;

	border-radius: 50%;

	transform: translate(-50%, -50%)

}



.banner-body .pagination {

	position: absolute;

	top: auto;

	right: 10px;

	bottom: 10px;

	left: auto;

	z-index: 10;

	display: flex;

	padding: 5px 10px;

	border-radius: 15px;

	background-color: rgba(0, 0, 0, .8)

}



.banner-body .pagination span {

	display: block;

	margin-right: 2px;

	font-size: 12px;

	color: #fff;

	line-height: 1.2

}



.banner-body .back {

	right: auto;

	left: 10px;

	font-size: 24px

}



.banner-body .back,

.banner-body .collect,

.banner-body .collected {

	position: absolute;

	top: 15px;

	bottom: auto;

	z-index: 10;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 30px;

	height: 30px;

	color: #fff;

	line-height: 1;

	/*background-color: rgba(0, 0, 0, .8);*/

	border-radius: 4px

}



.banner-body .collect,

.banner-body .collected {

	right: 10px;

	left: auto;

	font-size: 28px

}



.banner-body .collected {

	color: #ffc601

}



.banner-body .sold-out {

	top: auto;

	right: 0;

	bottom: 0;

	left: 0;

	padding: 10px;

	background-color: rgba(0, 0, 0, .7)

}



.banner-body .already-deal,

.banner-body .sold-out {

	position: absolute;

	z-index: 100;

	font-size: 16px;

	color: #fff;

	text-align: center

}



.banner-body .already-deal {

	top: 20px;

	right: -52px;

	bottom: auto;

	left: auto;

	padding: 10px 50px;

	background-color: #ffc601;

	transform: rotate(45deg)

}



.house-list {

	background-color: #fff

}



.house-list .items {

	display: flex;

	margin-left: 15px;

	padding: 10px 0;

	border-bottom: 1px solid #f0f0f0;

	position: relative

}



.house-list .items:last-child {

	border: none

}



.house-list .items .pic-box {

	position: relative;

	width: 108px;

	height: 76px;

	margin-right: 15px;

	overflow: hidden

}



.house-list .items .free {

	position: absolute;

	top: 0;

	right: auto;

	bottom: auto;

	left: 0;

	z-index: 10;

	padding: 3px 5px;

	line-height: 1.2;

	font-size: 12px;

	text-align: center;

	color: #fff;

	background-color: #ffc601

}



.house-list .items .vr {

	position: absolute;

	top: auto;

	right: auto;

	bottom: 5px;

	left: 5px;

	z-index: 10;

	width: 24px;

	height: 24px;

	border: 1px solid #fff;

	border-radius: 50%

}



.house-list .items .info-box {

	flex: 1;

	width: 100px;

	padding-right: 15px;

	overflow: hidden

}



.house-list .items .tit {

	margin-bottom: 6px;

	font-size: 16px;

	color: #333;

	line-height: 20px;

	font-weight: 700

}




.house-list .items .info {

	margin-bottom: 5px;

	font-size: 12px;

	color: #111C30;

	line-height: 1.5

}



.house-list .items .area {

	display: flex;

	align-items: flex-end;

	font-size: 12px;

	color: #aaa;

	line-height: 1.2

}



.house-list .items .auto {

	flex: 1 1 auto

}



.house-list .items .price-box {

	display: flex;

	align-items: baseline;

	margin-top: 6px

}



.house-list .items .price {

	font-size: 16px;

	font-weight: 700;

	color: #ff6d6d;

	line-height: .9

}



.house-list .items .unit {

	margin-right: 5px;

	font-size: 12px;

	color: #ff6d6d

}



.house-list .items .tag-box {

	display: flex;

	margin-bottom: 9px

}



.house-list .items .tag {

	display: block;

	margin-right: 5px;

	padding: 1px 5px;

	font-size: 11px;

	color: #75919e;

	line-height: 1.2;

	background-color: #effaff;

	border-radius: 2px

}



.house-list .items .distance {

	flex: 1;

	font-size: 12px;

	color: #666;

	line-height: 1.2;

	text-align: right

}



.house-list .benefit-box {

	display: flex;

	align-items: center;

	padding-top: 10px

}



.house-list .benefit-box .icon {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 18px;

	height: 18px;

	margin-right: 8px;

	font-size: 12px;

	color: #fff;

	line-height: 1.2;

	background-color: #ff6d6d;

	border-radius: 3px

}



.house-list .benefit-box .txt {

	display: block;

	font-size: 12px;

	color: #333;

	line-height: 1.2

}



.house-list .opening-time {

	margin-bottom: 6px;

	font-size: 12px;

	color: #333;

	line-height: 1.2

}



.house-list .garden-types {

	display: flex;

	align-items: center;

	margin-bottom: 6px

}



.house-list .garden-types .type {

	padding: 4px 8px;

	font-size: 10px;

	color: #666;

	line-height: 1.2;

	background-color: #f5f5f5

}



.house-list .garden-types .number {

	color: #ff6d6d

}



.house-list .garden-types .line {

	display: block;

	width: 1px;

	height: 10px;

	background-color: #ccc;

	border-top: 7px solid #f5f5f5;

	border-bottom: 7px solid #f5f5f5

}



.header-body {

	position: fixed;

	top: 0;

	right: 0;

	bottom: auto;

	left: 0;

	z-index: 500;

	display: flex;

	align-items: center;

	padding: 5px;

	background-color: rgba(0, 0, 0, .8)

}



.header-body .title-box {

	flex: 1;

	padding: 0 5px

}



.header-body .title {

	font-size: 16px;

	color: #fff;

	line-height: 1.2

}



.header-body .text {

	font-size: 12px;

	color: #fff;

	line-height: 1.2

}



.header-body .back {

	font-size: 24px

}



.header-body .back,

.header-body .collect,

.header-body .collected {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 40px;

	height: 40px;

	color: #fff;

	line-height: 1

}



.header-body .collect,

.header-body .collected {

	font-size: 28px

}



.header-body .collected {

	color: #ffc601

}



.house-base-info {

	padding: 16px;

	background-color: #fff

}



.house-base-info .title {

	font-size: 18px;

	font-weight: 800;

	color: #333;

	line-height: 1.5;

	position: relative;

}



.house-base-info .tag-box {

	display: flex;

}

.other-house-info .items .lab {
    display: -webkit-box;
    display: flex;
    font-size: 14px;
    color: #999;
    line-height: 1.2;
}
.other-house-info .items .txt {
    display: block;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    width: 50px;
    font-size: 14px;
    color: #333;
    line-height: 1.2;
}

.other-house-info .items .flex-other {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    margin-right: 10px;
}

.house-base-info .tag {

	height: 18px;

	margin-right: 5px;

	padding: 0 8px;

	font-size: 11px;

	color: #75919e;

	background-color: #effaff;

	border-radius: 2px

}



.house-base-info .more,

.house-base-info .tag {

	display: flex;

	align-items: center;

	justify-content: center;

	line-height: 1.2

}



.house-base-info .more {

	height: 40px;

	margin-top: 16px;

	font-size: 14px;

	color: #6789b2;

	background-color: #f5f5f5

}



.major-house-info {

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin: 15px 0;

	padding: 20px 0;

	border-top: 1px solid #f0f0f0;

	border-bottom: 1px solid #f0f0f0

}



.major-house-info .items {

	flex: 1;

	display: block;

	margin-right: 20px;

	border-right: 1px solid #eaeaea;
	text-align: center;

}



.major-house-info .items:last-child {

	margin: 0;

	border: 0

}



.major-house-info .items .label {

	display: block;

	margin-top: 8px;

	font-size: 12px;

	color: #999;

	line-height: 1.2

}



.major-house-info .items .price,

.major-house-info .items .text {

	display: block;

	font-size: 16px;

	font-weight: 700;

	color: #ff6d6d;

	line-height: 1.2

}



.other-house-info {

	position: relative

}



.other-house-info .calculatio {

	position: absolute;

	top: 0;

	right: 0;

	z-index: 10;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center

}



.other-house-info .calculatio .icon {

	font-size: 20px;

	color: #6789b2;

	line-height: 1

}



.other-house-info .calculatio .text {

	margin-top: 3px;

	font-size: 10px;

	color: #6789b2;

	line-height: 1.2

}



.other-house-info .items {

	display: flex;

	padding: 8px 0

}



.other-house-info .items .label {

	display: flex;

	font-size: 14px;

	color: #999;

	line-height: 1.2

}



.other-house-info .items .text {

	flex: 1;

	display: flex;

	font-size: 14px;

	color: #333;

	line-height: 1.2

}



.other-house-info .items .price {

	flex: 1;

	display: flex;

	font-size: 14px;

	font-weight: 700;

	color: #ff6d6d;

	line-height: 1.2

}



.other-house-info .items .gap {

	width: 2em

}






.other-house-info .items .icon {

	display: block;

	padding: 2px;

	font-size: 16px;

	color: #fff;

	line-height: 1;

	background-color: #cbcbcb;

	border-radius: 2px

}



.other-house-info .items .icon:before {

	display: block;

	width: 16px;

	height: 16px;

	overflow: hidden

}



.other-house-info .items .code {

	display: block;

	margin-left: 10px;

	font-size: 16px;

	color: #aaa;

	line-height: 1

}



.house-facilities {

	margin-top: 12px;

	padding-bottom: 20px;

	background-color: #fff

}



.house-facilities .title {

	padding: 24px 16px 15px;

	font-size: 18px;

	font-weight: 800;

	color: #333;

	line-height: 1.2

}



.house-facilities .content {

	overflow: hidden

}



.house-facilities .slide-body {

	display: flex

}



.house-facilities .slide-body .slide {

	display: flex;

	flex-wrap: wrap;

	flex: 0 0 auto

}



.house-facilities .pagination {

	display: flex;

	align-items: center;

	justify-content: center

}



.house-facilities .pagination span {

	display: block;

	width: 6px;

	height: 6px;

	margin: 5px 3px;

	background-color: #ddd;

	border-radius: 50%

}



.house-facilities .pagination .current {

	background-color: #ffc601

}



.house-facilities .items {

	display: block;

	width: 20%;

	padding: 10px 0

}



.house-facilities .items .icon {

	display: block;

	width: 34px;

	height: 34px;

	margin: 0 auto;

	font-size: 34px;

	color: #999;

	line-height: 1

}



.house-facilities .items .icon:before {

	display: block;

	width: 34px;

	height: 34px;

	overflow: hidden

}



.house-facilities .items .txt {

	display: block;

	padding: 5px 0;

	font-size: 12px;

	color: #333;

	line-height: 1.2;

	text-align: center

}



.app-download {

	background-color: #fffcf4

}



.app-download .content {

	display: flex;

	align-items: center

}



.app-download .logo {

	display: block;

	width: 40px;

	height: 40px;

	margin: 10px 15px;

	overflow: hidden

}



.app-download .txt-box {

	display: block;

	flex: 1 1 auto;

	width: 100px

}



.app-download .tit {

	font-size: 14px;

	font-weight: 700;

	color: #333;

	line-height: 1.2

}



.app-download .desc {

	margin-top: 5px;

	font-size: 10px;

	color: #999;

	line-height: 1.2

}



.app-download .icon {

	display: block;

	margin-right: 15px;

	margin-top: 10px;

	font-size: 12px;

	color: #ffc601;

	line-height: 1

}



.broker-module {

	margin-top: 12px;

	padding: 24px 16px;

	background-color: #fff

}



.broker-module .title {

	font-size: 18px;

	font-weight: 800;

	color: #333;

	line-height: 1.2

}



.broker-module .content {

	overflow: hidden

}



.broker-module .items {

	display: flex;

	margin-top: 35px;

	overflow: hidden

}



.broker-module .items.hidden {

	display: none

}



.broker-module .items .pic {

	margin-right: 16px

}



.broker-module .items img {

	display: block;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	-o-object-fit: contain;

	object-fit: contain

}



.broker-module .items .tag-box {

	position: relative;

	width: 45px;

	height: 45px;

	margin: -20px auto 0;

	overflow: hidden

}



.broker-module .items .tag {

	width: 45px;

	height: 45px

}



.broker-module .items .tag-text {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 45px;

	height: 45px;

	font-size: 10px;

	color: #fff;

	line-height: 1.2

}



.broker-module .items .txt-box {

	flex: 1;

	overflow: hidden

}



.broker-module .items .info-box {

	display: flex;

	align-items: flex-start

}



.broker-module .items .tell-box {

	flex: 1

}



.broker-module .items .name-box {

	display: flex;

	align-items: center

}



.broker-module .items .name {

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 1.2

}



.broker-module .items .tip {

	width: 20px;

	font-size: 16px;

	border: 1px solid #eaeaea;

	border-radius: 2px

}



.broker-module .items .company,

.broker-module .items .tip {

	display: flex;

	align-items: center;

	justify-content: center;

	height: 16px;

	margin-left: 5px;

	color: #6789b2;

	line-height: 1;

	background-color: #f5f5f5;

	box-sizing: border-box

}



.broker-module .items .company {

	padding: 0 3px;

	font-size: 12px;

	border-radius: 2px

}



.broker-module .items .score {

	display: block;

	margin-top: 10px;

	font-size: 12px;

	color: #999;

	line-height: 1.2

}



.broker-module .items .area {

	display: block;

	margin-top: 5px;

	font-size: 12px;

	color: #999;

	line-height: 1.2

}



.broker-module .items .icon {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 38px;

	height: 38px;

	font-size: 20px;

	color: #f3b53f;

	line-height: 1;

	background-color: #fdf8e2;

	border-radius: 50%

}



.broker-module .items .icon:last-child {

	margin-left: 25px

}



.broker-module .items .desc {

	margin-top: 10px;

	font-size: 12px;

	color: #333;

	line-height: 1.2

}



.broker-module .more {

	display: flex;

	align-items: center;

	justify-content: center;

	height: 40px;

	margin-top: 16px;

	font-size: 14px;

	color: #6789b2;

	line-height: 1.2;

	background-color: #f5f5f5

}



.owner-recommend {

	margin-top: 12px;

	padding: 24px 16px;

	background-color: #fff

}



.owner-recommend .title-box {

	display: flex;

	align-items: center;

	justify-content: space-between

}



.owner-recommend .title {

	font-size: 18px;

	font-weight: 800;

	color: #333;

	line-height: 1.2

}



.owner-recommend .more {

	font-size: 14px;

	color: #666;

	line-height: 1.2

}



.owner-recommend .content {

	margin-top: 20px;

	font-size: 14px;

	color: #333;

	line-height: 1.8

}



.owner-recommend .tip {

	margin-top: 10px;

	font-size: 12px;

	color: #ccc;

	line-height: 1.2

}



.house-evaluate {

	margin-top: 12px;

	padding: 24px 16px;

	background-color: #fff

}



.house-evaluate .title {

	font-size: 18px;

	font-weight: 800;

	color: #333;

	line-height: 1.2

}



.house-evaluate .items {

	margin-top: 20px

}



.house-evaluate .items .label {

	font-size: 14px;

	color: #333;

	line-height: 1.2

}



.house-evaluate .items .text {

	margin-top: 12px;

	font-size: 14px;

	color: #999;

	line-height: 1.8;

	display: -webkit-box;

	display: -moz-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	-moz-line-clamp: 3;

	text-overflow: ellipsis;

	overflow: hidden

}



.house-evaluate .more {

	display: flex;

	align-items: center;

	justify-content: center;

	height: 40px;

	margin-top: 16px;

	font-size: 14px;

	color: #6789b2;

	line-height: 1.2;

	background-color: #f5f5f5

}



.broker-evaluate {

	position: fixed;

	top: auto;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 2000;

	display: flex;

	flex-direction: column;

	height: 100%;

	background-color: #fff

}



.broker-evaluate .title {

	display: flex;

	align-items: center;

	padding: 15px;

	font-size: 18px;

	font-weight: 700;

	color: #333;

	line-height: 1.2;

	border-bottom: 1px solid #f0f0f0

}



.broker-evaluate .slide-body {

	flex: 1 1 auto;

	height: 100px;

	overflow: hidden

}



.broker-evaluate .items {

	margin-left: 15px;

	padding: 15px 15px 15px 0;

	border-bottom: 1px solid #f0f0f0

}



.broker-evaluate .items .lab {

	display: block;

	padding: 5px 0;

	font-size: 16px;

	color: #333;

	line-height: 1.8

}



.broker-evaluate .items .txt {

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 1.8

}



.broker-evaluate .close-box {

	display: flex;

	align-items: center;

	justify-content: center;

	height: 50px;

	padding-bottom: 20px

}



.broker-evaluate .close {

	position: relative;

	display: block;

	width: 26px;

	height: 26px;

	border: 1px solid #aaa;

	border-radius: 50%;

	overflow: hidden

}



.broker-evaluate .close:after,

.broker-evaluate .close:before {

	position: absolute;

	top: 12px;

	right: auto;

	bottom: auto;

	left: 6px;

	z-index: 10;

	display: block;

	content: "";

	width: 14px;

	height: 2px;

	background-color: #aaa

}



.broker-evaluate .close:before {

	transform: rotate(45deg)

}



.broker-evaluate .close:after {

	transform: rotate(-45deg)

}



.look-house-record {

	margin-top: 12px;

	padding: 24px 16px;

	background-color: #fff

}



.look-house-record .title {

	font-size: 18px;

	font-weight: 800;

	color: #333;

	line-height: 1.2

}



.look-house-record .count {

	display: flex;

	align-items: center;

	padding: 20px 0

}



.look-house-record .count .items {

	flex: 1;

	width: 50%

}



.look-house-record .count .label {

	display: block;

	margin-bottom: 8px;

	font-size: 14px;

	color: #999;

	line-height: 1.2

}



.look-house-record .count .number {

	display: block;

	font-size: 16px;

	font-weight: 700;

	color: #ff5860;

	line-height: 1.2

}



.look-house-record .table th {

	font-size: 14px;

	color: #999;

	line-height: 1.2;

	text-align: center

}



.look-house-record .table td {

	padding: 10px 0;

	font-size: 14px;

	color: #333;

	line-height: 1.2;

	text-align: center

}



.look-house-record .table em {

	font-weight: 700

}



.look-house-record .table .left {

	text-align: left

}



.look-house-record .more {

	display: flex;

	align-items: center;

	justify-content: center;

	height: 40px;

	margin-top: 16px;

	font-size: 14px;

	color: #6789b2;

	line-height: 1.2;

	background-color: #f5f5f5

}



.relevant-garden {

	margin-top: 12px;

	padding: 15px 15px;

	background-color: #fff

}



.relevant-garden .title-box {

	display: flex;

	align-items: center;

	justify-content: space-between

}



.relevant-garden .title {



	font-weight: 800;

	color: #333;

	line-height: 1.2

}



.relevant-garden .icon {

	font-size: 20px;

	color: #c5c4c4;

	line-height: 1

}



.relevant-garden .content {

	display: flex;

	flex-wrap: wrap

}



.relevant-garden .items {

	flex: 0 0 auto;

	display: flex;

	width: 50%;

	margin-top: 10px;

	box-sizing: border-box

}
.relevant-garden .items .lab {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 1.2;
}
.relevant-garden .items .txt {
    display: block;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    width: 20px;
    font-size: 14px;
    color: #333;
    line-height: 1.2;
}


.relevant-garden .line {

	width: 100%

}



.relevant-garden .hide {

	display: none

}



.relevant-garden .items .label {

	display: flex;

	font-size: 14px;

	color: #999;

	line-height: 1.2

}



.relevant-garden .items .text {

	flex: 1;

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 1.2

}



.relevant-garden .items .price {

	flex: 1;

	display: block;

	font-size: 14px;

	color: #ff6d6d;

	line-height: 1.2

}



.relevant-garden .items .gaps {

	width: 2em

}



.relevant-garden .items .gap {

	width: .5em

}



.relevant-garden .more {

	display: flex;

	align-items: center;

	justify-content: center;

	height: 40px;

	margin-top: 16px;

	font-size: 14px;

	color: #6789b2;

	line-height: 1.2;

	background-color: #f5f5f5

}



.map-periphery {

	margin-top: 12px;

	padding: 24px 16px;

	background-color: #fff

}



.map-periphery .title {

	font-size: 18px;

	font-weight: 700;

	color: #333;

	line-height: 1.2;
margin-bottom:10px;

}



.map-periphery .address {

	display: flex;

	align-items: center;

	margin-top: 16px

}



.map-periphery .address .label {

	display: block;

	font-size: 12px;

	color: #999;

	line-height: 1.2

}



.map-periphery .address .text {

	flex: 1;

	display: block;

	font-size: 12px;

	color: #333;

	line-height: 1.2

}



.map-periphery .address .icon {

	font-size: 14px;

	color: #c5c4c4;

	line-height: 1

}



.map-periphery .map-box {

	position: relative;

	display: block;

	margin-top: 16px;

	overflow: hidden

}



.map-periphery .map-box .mark {

	position: absolute;

	top: 42%;

	left: 50%;

	z-index: 10;

	padding: 12px 15px;

	font-size: 12px;

	font-weight: 700;

	color: #333;

	line-height: 1.2;

	background-color: #fff;

	border-radius: 3px;

	box-shadow: 0 0 12px rgba(0, 0, 0, .16);

	transform: translate(-50%, -80%)

}



.map-periphery .map-box .mark:before {

	position: absolute;

	left: 50%;

	bottom: -12px;

	z-index: 10;

	display: block;

	content: "";

	border-width: 6px;

	border-style: solid;

	border-color: #fff transparent transparent;

	transform: translateX(-50%)

}



.map-periphery .slide-body {

	position: absolute;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 10;

	padding: 10px 0;

	background-color: rgba(0, 0, 0, .2)

}



.map-periphery .slide {

	display: flex;

	align-items: center;

	justify-content: space-around

}



.map-periphery .items {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 40px;

	height: 18px;

	font-size: 12px;

	color: #333;

	line-height: 1.2;

	background-color: #fff;

	border-radius: 9px

}



.recommend-body {

	margin-top: 12px;

	padding-bottom: 4px;

	background-color: #fff

}



.recommend-body .title {

	padding: 24px 16px 0;

	font-size: 18px;



	color: #333;

	line-height: 1.2

}



.recommend-body .more {

	height: 40px;

	margin: 0 16px 16px;

	font-size: 14px;

	color: #6789b2;

	line-height: 1.2;

	background-color: #f5f5f5

}



.real-house,

.recommend-body .more {

	display: flex;

	align-items: center;

	justify-content: center

}



.real-house {

	flex-direction: column;

	padding: 10px 16px

}



.real-house .text {

	font-size: 10px;

	color: #ccc;

	line-height: 1.5

}



.real-house .pic {

	display: block;

	width: 100px;

	margin-top: 10px

}



.footer-fixed {

	position: fixed;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 500;

	display: flex;

	align-items: center;

	justify-content: flex-end;

	padding: 0 10px;

	height: 60px;

	background-color: #fff;

	box-shadow: 0 -2px 10px rgba(0, 0, 0, .06)

}



.footer-custom {

	justify-content: space-around

}



.footer-fixed .broker-info {

	display: flex;

	align-items: center;

	position: relative;

	width: 37%;

	justify-content: space-around

}



.footer-fixed .broker-info .margin-bottom-custom {

	margin-bottom: 10px

}



.footer-fixed .broker-info .nameplate {

	position: absolute;

	font-size: 10px;

	bottom: 2px;

	left: 18%;

	transform: translateX(-50%);

	padding: 1px 3px;

	color: #fff;

	background: linear-gradient(270deg, #5b6d8c, #96a9c3);

	border-radius: 2px

}



.footer-fixed .portrait-box {

	display: block;

	overflow: hidden

}



.footer-fixed .portrait {

	display: block;

	width: 40px;

	height: 40px;

	margin-right: 0px;

	border-radius: 50%;

	-o-object-fit: contain;

	object-fit: contain

}



.footer-fixed .margin-right-custom {

	margin-right: 5px

}



.footer-fixed .text-box {

	overflow: hidden

}



.footer-fixed .text-box-custom {

	width: 52%

}



.footer-fixed .name-box {

	display: flex;

	align-items: center;

	overflow: hidden

}



.footer-fixed .name {

	font-size: 14px;

	font-weight: 700;

	color: #333;

	line-height: 1.2

}



.footer-fixed .text-ellips {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	word-break: break-all

}



.footer-fixed .icon {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 20px;

	height: 16px;

	margin-left: 5px;

	font-size: 18px;

	color: #5d89b6;

	line-height: 1;

	background-color: #f5f5f5;

	border: 1px solid #eaeaea;

	border-radius: 2px

}



.footer-fixed .tip {

	margin-top: 5px;

	font-size: 10px;

	color: #888;

	line-height: 1.2

}



.footer-fixed .font-size-custom {

	font-size: 12px

}



.footer-fixed .contact,

.footer-fixed .subscribe {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 80px;

	height: 44px;

	margin-left: 10px;

	font-size: 14px;

	line-height: 1.2;

	border-radius: 4px

}



.footer-fixed .contact-change,

.footer-fixed .subscribe-change {

	width: 100px;

	margin-left: 8px

}



.footer-fixed .subscribe-change {

	margin-left: 0

}



.footer-fixed .double {

	width: 182px

}



.footer-fixed .subscribe {

	color: #fff;

	background: linear-gradient(270deg, #ff555f, #ff888d)

}



.footer-fixed .contact {

	color: #333;

	background: linear-gradient(270deg, #ffc800, #fd6)

}



.footer-fixed .button-area {

	display: flex

}



.broker-card .items {

	display: flex;

	padding: 5px 0

}



.broker-card .items .lab {

	display: block;

	font-size: 14px;

	color: #999;

	line-height: 1.5

}



.broker-card .items .txt {

	flex: 1;

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 1.5

}



.footer-body {

	margin-top: 12px;

	padding-bottom: 10px;

	border-top: 1px solid #f0f0f0;

	background-color: #fff

}



.crumbs {

	padding: 12px 15px;

	border-bottom: 1px solid #f0f0f0

}



.crumbs .items {

	color: #333

}



.crumbs .gt,

.crumbs .items {

	font-size: 12px;

	line-height: 1.2

}



.crumbs .gt {

	margin: 0 3px;

	color: #999

}



.site-map .title {

	display: flex;

	padding: 15px;

	font-size: 14px;

	color: #333;

	line-height: 1.2;

	border-bottom: 1px solid #f0f0f0

}



.site-map .title .txt {

	display: block;

	flex: 1 1 auto;

	width: 100px

}



.site-map .title .icon {

	position: relative;

	display: block;

	width: 16px;

	height: 16px;

	overflow: hidden;

	transition: all .3s

}



.site-map .title .icon:before {

	position: absolute;

	top: 1px;

	right: auto;

	bottom: auto;

	left: 4px;

	z-index: 10;

	display: block;

	content: "";

	width: 8px;

	height: 8px;

	border-width: 0 1px 1px 0;

	border-style: solid;

	border-color: #999;

	transform: rotate(45deg)

}



.site-map .title.open .icon {

	transform: rotate(180deg)

}



.site-map .items {

	display: block;

	border-bottom: 1px solid #f0f0f0

}



.site-map .tabs {

	display: flex;

	padding: 15px;

	font-size: 12px;

	color: #333;

	line-height: 1.2

}



.site-map .tabs .txt {

	display: block;

	flex: 1 1 auto;

	width: 100px

}



.site-map .tabs .icon {

	position: relative;

	width: 16px;

	height: 16px;

	overflow: hidden;

	transition: all .3s

}



.site-map .tabs .icon:after,

.site-map .tabs .icon:before {

	position: absolute;

	top: 7px;

	right: auto;

	bottom: auto;

	left: 4px;

	z-index: 10;

	display: block;

	content: "";

	width: 10px;

	height: 1px;

	background-color: #999

}



.site-map .tabs .icon:before {

	transform: rotate(0)

}



.site-map .tabs .icon:after {

	transform: rotate(90deg)

}



.site-map .tabs.open .icon {

	transform: rotate(45deg)

}



.site-map .links-box {

	display: flex;

	flex-wrap: wrap

}



.site-map .links-box .link {

	display: block;

	width: 50%;

	padding: 5px 15px;

	margin-bottom: 10px;

	font-size: 12px;

	color: #999;

	line-height: 1.2;

	text-align: center;

	box-sizing: border-box

}



.site-map .hide {

	display: none

}



.site-nav {

	display: flex;

	padding: 20px 15px

}



.site-nav .items {

	display: block;

	flex: 1 1 auto;

	width: 100px;

	font-size: 14px;

	color: #666;

	line-height: 1.2;

	text-align: center;

	border-right: 1px solid #f0f0f0

}



.site-nav .items:last-child {

	border: none

}



.copyright {

	padding: 2px 15px;

	font-size: 12px;

	color: #ccc;

	line-height: 1.2

}



.layer-info {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1500;

	display: flex;

	align-items: center;

	justify-content: center;

	background-color: rgba(0, 0, 0, .3)

}



.layer-info .info-body {

	position: relative;

	width: 80%;

	border-radius: 5px;

	background-color: #fff;

	box-sizing: border-box

}



.layer-info .info-body .title {

	padding: 13px 15px;

	font-size: 15px;

	font-weight: 700;

	color: #333;

	line-height: 1.2;

	text-align: center;

	border-bottom: 1px solid #f0f0f0

}



.layer-info .info-body .content {

	padding: 20px

}



.layer-info .info-body .info {

	line-height: 1.5

}



.layer-info .info-body .info,

.layer-info .info-body .ok {

	display: block;

	font-size: 14px;

	color: #333;

	text-align: center

}



.layer-info .info-body .ok {

	padding: 13px 15px;

	line-height: 1.2;

	border-top: 1px solid #f0f0f0

}



.layer-info .qr-code {

	position: relative;

	width: 50%;

	padding: 10px;

	background-color: #fff;

	box-sizing: border-box

}



.layer-info .close {

	position: absolute;

	top: -10px;

	right: -10px;

	bottom: auto;

	left: auto;

	z-index: 10;

	display: block;

	width: 24px;

	height: 24px;

	background-color: #e5e5e5;

	border-radius: 50%;

	overflow: hidden

}



.layer-info .close:after,

.layer-info .close:before {

	position: absolute;

	top: 11px;

	right: auto;

	bottom: auto;

	left: 6px;

	z-index: 10;

	display: block;

	content: "";

	width: 13px;

	height: 2px;

	background-color: #999

}



.layer-info .close:before {

	transform: rotate(-45deg)

}



.layer-info .close:after {

	transform: rotate(45deg)

}



.layer-tip {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 3500;

	display: flex;

	align-items: center;

	justify-content: center;

	background-color: rgba(0, 0, 0, .3)

}



.layer-tip .tip-body {

	padding: 12px 20px;

	background-color: rgba(0, 0, 0, .8);

	border-radius: 3px

}



.layer-tip .tip-body .loading {

	width: 30px;

	height: 30px;

	margin: 0 auto 10px

}



.layer-tip .tip-body .info {

	display: block;

	font-size: 14px;

	color: #fff;

	line-height: 1.2

}



.layer-validate {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 600;

	display: flex;

	align-items: center;

	justify-content: center;

	background-color: rgba(0, 0, 0, .3)

}



.layer-validate .validate-body {

	width: 80%;

	border-radius: 5px;

	background: #fff

}



.layer-validate .validate-body .title {

	padding: 10px;

	font-size: 16px;

	color: #333;

	line-height: 1.5;

	text-align: center;

	border-bottom: 1px solid #f0f0f0;

	border-radius: 5px 5px 0 0

}



.layer-validate .validate-body .content {

	display: flex;

	align-items: center;

	padding: 20px

}



.layer-validate .validate-body .text-box {

	display: flex;

	align-items: center;

	flex: 1 1 auto;

	width: 100px;

	border: 1px solid #e5e5e5;

	border-radius: 2px

}



.layer-validate .validate-body .text {

	display: block;

	flex: 1 1 auto;

	padding: 6px 5px;

	width: 100px;

	font-size: 14px;

	color: #333;

	line-height: 1.2;

	border: none

}



.layer-validate .validate-body .info {

	display: block;

	flex: 1 1 auto;

	font-size: 14px;

	color: #333;

	line-height: 1.5;

	text-align: center

}



.layer-validate .validate-body .info.al {

	text-align: left

}



.layer-validate .validate-body .clear-text {

	position: relative;

	display: none;

	width: 20px;

	height: 20px;

	margin: 4px;

	border-radius: 50%;

	background-color: #ccc;

	overflow: hidden

}



.layer-validate .validate-body .clear-text:after,

.layer-validate .validate-body .clear-text:before {

	position: absolute;

	top: 10px;

	right: auto;

	bottom: auto;

	left: 4px;

	z-index: 10;

	display: block;

	content: "";

	width: 12px;

	height: 1px;

	background-color: #fff

}



.layer-validate .validate-body .clear-text:before {

	transform: rotate(-45deg)

}



.layer-validate .validate-body .clear-text:after {

	transform: rotate(45deg)

}



.layer-validate .validate-body .validate {

	display: block;

	width: 60px;

	margin-left: 5px

}



.layer-validate .validate-body .footer {

	display: flex;

	align-items: center;

	border-top: 1px solid #f0f0f0;

	border-radius: 0 0 5px 5px

}



.layer-validate .validate-body .cancel,

.layer-validate .validate-body .ok {

	display: block;

	flex: 1 1 auto;

	padding: 15px;

	font-size: 14px;

	color: #666;

	line-height: 1.2;

	text-align: center

}



.layer-validate .validate-body .cancel {

	border-right: 1px solid #f0f0f0

}



.layer-validate .validate-body .ok {

	color: #ffc601

}



body {

	padding-bottom: 60px

}

.notice-price-layer {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 990;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

	background-color: rgba(0, 0, 0, .3)

}



.notice-price-layer .info-body {

	position: relative;

	width: 80%;

	border-radius: 5px;

	background-color: #fff;

	box-sizing: border-box;

	left: 10%;

	top: 25%;

}



.notice-price-layer .close {

	position: absolute;

	top: -10px;

	right: -10px;

	bottom: auto;

	left: auto;

	z-index: 10;

	display: block;

	width: 24px;

	height: 24px;

	background-color: #e5e5e5;

	border-radius: 50%;

	overflow: hidden

}



.notice-price-layer .close:after,

.notice-price-layer .close:before {

	position: absolute;

	top: 11px;

	right: auto;

	bottom: auto;

	left: 6px;

	z-index: 10;

	display: block;

	content: "";

	width: 13px;

	height: 2px;

	background-color: #999

}



.notice-price-layer .close:before {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg)

}



.notice-price-layer .close:after {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.notice-price-layer .info-body .title {

	padding: 13px 15px;

	font-size: 15px;

	font-weight: 700;

	color: #333;

	line-height: 1.2;

	text-align: center;

	border-bottom: 1px solid #f0f0f0

}



.notice-price-layer .info-body .content {

	padding: 15px

}



.notice-price-layer .info-body .info {

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 1.5

}



.notice-price-layer .text-box {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	margin-top: 5px;

	border-bottom: 1px solid #f0f0f0

}



.notice-price-layer .text {

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	width: 100px;

	padding: 15px 0;

	border: none;

	outline: none;

	background-color: transparent;

	-webkit-appearance: none;

	-webkit-tap-highlight-color: transparent

}



.notice-price-layer .get-code,

.notice-price-layer .text {

	font-size: 14px;

	color: #333;

	line-height: 1.2;

	box-sizing: border-box

}



.notice-price-layer .get-code {

	display: block;

	padding: 8px 0

}



.notice-price-layer .get-code.disabled {

	color: #ccc

}



.notice-price-layer .clear-text {

	position: relative;

	display: none;

	width: 20px;

	height: 20px;

	margin: 10px;

	border-radius: 50%;

	background-color: #ccc;

	overflow: hidden

}



.notice-price-layer .clear-text:after,

.notice-price-layer .clear-text:before {

	position: absolute;

	top: 10px;

	right: auto;

	bottom: atuo;

	left: 4px;

	z-index: 10;

	display: block;

	content: "";

	width: 12px;

	height: 1px;

	background-color: #fff

}



.notice-price-layer .clear-text:before {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.notice-price-layer .clear-text:after {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg)

}



.notice-price-layer .info-body .ok {

	display: block;

	margin-top: 20px;

	padding: 14px 15px 12px;

	font-size: 14px;

	color: #fff;

	line-height: 1.2;

	text-align: center;

	background-color: #ffc601;

	border-radius: 3px

}



.notice-price-layer .info-body .ok.disabled {

	color: #fff;

	background-color: #0F8CFF

}



.notice-price-layer .info-body .link {

	display: block;

	margin-top: 15px;

	font-size: 14px;

	color: #4f7ba2;

	line-height: 1.2

}



.share1{

	position: absolute;

	left: 88%;

	top: 30px;

}

.share1 img{

    width: 15px;

    margin-left: 5px;

    margin-bottom: 3px;

}

.share1 p{

	font-size: 12px;

	color: #999;

}
#matching{
	padding: 13px 0;
	display: flex;
    flex-wrap: wrap;
}
#matching li {
    height: 25px;
    margin-right: 10px;
    line-height: 30px;
    margin-bottom:7px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 6px 4px;
    font-size: 14px;
    color: #333;
}
#matching li.shui{
	background-image:url(/skin/skin/green/images/icon2/shui.png);
}
#matching li.dian{
	background-image:url(/skin/skin/green/images/icon2/dian.png);
}
#matching li.ranq{
	background-image:url(/skin/skin/green/images/icon2/tianranqi.png);
}
#matching li.gnuan{
	background-image:url(/skin/skin/green/images/icon2/gongnuan.png);
}
#matching li.kongt{
	background-image:url(/skin/skin/green/images/icon2/kongtiao.png);
}
#matching li.dianshi{
	background-image:url(/skin/skin/green/images/icon2/dianshi.png);
}
#matching li.kuand{
	background-image:url(/skin/skin/green/images/icon2/kuandai.png);
}
#matching li.dianti{
	background-image:url(/skin/skin/green/images/icon2/dianti.png);
}
#matching li.carw{
	background-image:url(/skin/skin/green/images/icon2/carw.png);
}
#matching li.ccshi{
	background-image:url(/skin/skin/green/images/icon2/chuwu.png);
}
.share {
	position: absolute;
    left:88%;
    top: 0;
    text-align: center;
}
.share img {
    width: 15px;
    margin: 0 auto;
    margin-bottom: 3px;
}
.share p {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}
.house-base-info .tools-box {
    display: -webkit-box;
    display: flex;
    border-top: 1px solid #f0f0f0;
}
.house-base-info .tools-box .items {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 10px 0;
    font-size: 14px;
    background: rgba(244,247,254,1);
    color: #0F8CFF ;
    line-height: 1.2;
    margin: 10px 5px 10px;
}
.house-base-info .tools-box .icon {
    margin-right: 6px;
    font-size: 16px;
    color: #0F8CFF;
    line-height: 0;
}
.back, .back:before {
    position: absolute;
    right: auto;
    /* bottom: auto; */
    top: 0;
    z-index: 999;
    width: 40px;
    height: 40px;
    display: block;
}
.back:before {
    top: 14px;
    left: 16px;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    border-width: 0 0 2px 2px;
    border-style: solid;
    border-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ui-youbian {
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 999;
}
.ui-avatar-tiled {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 200px;
    overflow: hidden;
    display: inline-block;
}
.ui-avatar-tiled>span {
    width: 25px;
    height: 25px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -webkit-border-radius: 200px;
}
#footbar {
    height: 49px;
    /* box-shadow: 0px -1px 2px rgba(0,0,0,0.06); */
}
.columns {
    position: relative;
    width: 100%;
    display: flex;
    text-align: center;
    background-color: White;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
    box-sizing: border-box;
    padding-right: 3px;
}

.foot-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #111C30;
    padding-top: 3px;
}
.wrap-logo {
    width: 28px;
    text-align: center;
}
.foot-wrap i {
    font-size: 20px;
}
.weizhan-title {
	height: 13px;
    line-height: 13px;
    font-size: 13px;
    transform: scale(0.83);
}
.foot-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.m-im {
    background-color: #3BC48C;
}
.weizhan-box{
	background-color: #0F8CFF !important;
}
.foot-right-text {
    flex: 1;
    height: 37px;
    line-height: 37px;
    opacity: 1;
    border-radius:3px;
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 12px;
}
.wrap-btn {
    width:32px;
    text-align: center;
    margin-left: 25px;
    margin-right: 15px;
}