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#iefix) format("embedded-opentype") , url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype"), url(../fonts/iconfont.svg#iconfont) 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-yulan:before {

	content: "\E62E"

}



.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:before {

	content: "\EA78"

}



.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-goufangzizhi1:before {

	content: "\EB00"

}



.icon-sousuo:before {

	content: "\EB2D"

}



.icon-xinpaixu:before {

	content: "\EB2E"

}



.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-chachengjiao3:before {

	content: "\ECD7"

}



.icon-suanfangdai2:before {

	content: "\ECD8"

}



.icon-zhaojingjiren3:before {

	content: "\ECD9"

}



.icon-quyufangjia2:before {

	content: "\ECDA"

}



.icon-gufangjia3:before {

	content: "\ECDB"

}



.icon-baike1:before {

	content: "\ECDC"

}



.icon-goufangzizhi3:before {

	content: "\ECDD"

}



.icon-gongjiao:before {

	content: "\ECEA"

}



.icon-ditie1:before {

	content: "\ECEB"

}



.banner-body {

	position: relative;

	background-color: #fff;

	overflow: hidden

}



.banner-body .banner {

	display: -webkit-box;

	display: flex

}



.banner-body .items {

	display: block;

	width: 100%;

	-webkit-box-flex: 0;

	flex: 0 0 auto;

	overflow: hidden

}



.banner-body .pagination {

	position: absolute;

	top: auto;

	right: 10px;

	bottom: 10px;

	left: auto;

	z-index: 10;

	display: -webkit-box;

	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 {

	top: 10px;

	left: 10px;

	width: 40px;

	height: 40px;

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

	border-radius: 4px

}



.banner-body .back,

.banner-body .back:before {

	position: absolute;

	right: auto;

	bottom: auto;

	z-index: 10

}



.banner-body .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)

}



.banner-body .icon-collect,

.banner-body .icon-collected {

	position: absolute;

	top: 10px;

	right: 10px;

	bottom: auto;

	left: auto;

	z-index: 10;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

	width: 40px;

	height: 40px;

	font-size: 28px;

	color: #fff;

	line-height: 1;

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

	border-radius: 5px

}



.banner-body .icon-collected {

	color: #ffc601

}



.banner-body .icon-collect:before,

.banner-body .icon-collected:before {

	display: block;

	width: 28px;

	height: 28px;

	overflow: hidden

}



.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;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.house-list {

	background-color: #fff

}



.house-list .items {

	display: -webkit-box;

	display: flex;

	margin-left: 15px;

	padding: 20px 0;

	border-bottom: 1px solid #f0f0f0

}



.house-list .items:last-child {

	border: none

}



.house-list .items .pic-box {

	position: relative;

	width: 108px;

	height: 81px;

	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 .info-box {

	-webkit-box-flex: 1;

	flex: 1;

	width: 100px;

	padding-right: 15px;

	overflow: hidden

}



.house-list .items .tit {

	margin-bottom: 6px;

	font-size: 16px;

	color: #333;

	line-height: 1.2

}



.house-list .items .info {

	margin-bottom: 5px;

	font-size: 12px;

	color: #666;

	line-height: 1.5

}



.house-list .items .area {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: end;

	align-items: flex-end;

	margin-bottom: 8px;

	font-size: 12px;

	color: #aaa;

	line-height: 1.2

}



.house-list .items .auto {

	-webkit-box-flex: 1;

	flex: 1 1 auto

}



.house-list .items .price {

	font-size: 1.3em;

	font-weight: 700;

	color: #ff6d6d

}



.house-list .items .unit {

	margin-right: 5px;

	font-size: .8em;

	color: #ff6d6d

}



.house-list .items .tag-box {

	display: -webkit-box;

	display: flex

}



.house-list .items .tag {

	display: block;

	margin-right: 5px;

	padding: 3px 5px;

	font-size: 11px;

	color: #75919e;

	line-height: 1.2;

	background-color: #effaff;

	border-radius: 2px

}



.house-list .benefit-box {

	padding-top: 10px

}



.house-list .benefit-box,

.house-list .benefit-box .icon {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center

}



.house-list .benefit-box .icon {

	-webkit-box-pack: 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: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center

}



.house-list .garden-types .type {

	padding: 5px 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: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	padding: 5px;

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

}



.header-body .title {

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	width: 50%;

	padding: 0 5px;

	font-size: 16px;

	color: #fff;

	line-height: 1.2

}



.header-body .title .tit {

	display: block

}



.header-body .title .desc {

	font-size: .8em

}



.header-body .back {

	position: relative;

	display: block;

	width: 40px;

	height: 40px;

	overflow: hidden

}



.header-body .back:before {

	position: absolute;

	top: 13px;

	right: auto;

	bottom: auto;

	left: 16px;

	z-index: 100;

	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)

}



.header-body .icon-collect,

.header-body .icon-collected {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

	width: 40px;

	height: 40px;

	font-size: 28px;

	color: #fff;

	line-height: 1

}



.header-body .icon-collected {

	color: #ffc601

}



.header-body .icon-collect:before,

.header-body .icon-collected:before {

	display: block;

	width: 28px;

	height: 28px;

	overflow: hidden

}



.house-base-info {

	background-color: #fff;

	border-bottom: 1px solid #f0f0f0

}



.house-base-info .title-box {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	padding: 20px 15px 10px;

	position: relative;

}



.house-base-info .title {

	font-size: 18px;

	font-weight: 700;

	color: #333;

	line-height: 1.2

}



.house-base-info .alias {

	display: block;

	padding: 0 15px;

	font-size: 14px;

	color: #999;

	line-height: 1.2

}



.house-base-info .status {

	display: block;

	margin-left: 10px;

	padding: 3px 5px;

	font-size: 12px;

	color: #fff;

	line-height: 1.2;

	border-radius: 3px;

	background-color: #999

}



.house-base-info .status.green {

	background-color: #69ae00

}



.house-base-info .status.red {

	background-color: #f44

}



.house-base-info .more {

	display: block;

	margin: 15px;

	padding: 15px;

	font-size: 14px;

	color: #987c66;

	line-height: 1.2;

	text-align: center;

	background-color: #f9f6f1

}



.other-house-info {

	padding-top: 10px

}



.other-house-info .tag-box {

	display: -webkit-box;

	display: flex;

	padding: 8px 15px

}



.other-house-info .tag {

	display: block;

	margin-right: 5px;

	padding: 3px 5px;

	font-size: 10px;

	color: #999;

	line-height: 1.2;

	border: 1px solid #f0f0f0;

	border-radius: 2px

}



.other-house-info .tag-red {

	color: #e6b322;

	border: 1px solid #e6b322

}



.other-house-info .tag-green {

	color: #68be8d;

	border: 1px solid #68be8d

}



.other-house-info .tag-blue {

	color: #59b9c7;

	border: 1px solid #59b9c7

}



.other-house-info .tag-new {

	color: #4285f4;

	border: 1px solid #4285f4

}



.other-house-info .items {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	padding: 8px 15px

}



.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 .price {

	display: block;

	font-size: 18px;

	font-weight: 700;

	color: #ff6d6d;

	line-height: 1.2

}



.other-house-info .items .unit {

	display: block;

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	font-size: 14px;

	color: #ff6d6d;

	line-height: 1.2

}



.other-house-info .items .flex-other {

	-webkit-box-flex: 0;

	flex: 0 0 auto;

	width: auto;

	margin-right: 10px

}



.other-house-info .items .gap {

	display: inline-block;

	width: 2em

}



.other-house-info .items .icon {

	display: block;

	font-size: 20px;

	color: #999;

	line-height: 1

}



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

	display: block;

	width: 20px;

	height: 20px;

	overflow: hidden

}



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

	display: block;

	font-size: 20px;

	color: #cbcbcb;

	line-height: 1

}



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

	display: block;

	width: 20px;

	height: 20px;

	overflow: hidden

}



.other-house-info .tip {

	position: relative;

	top: -8px;

	margin-top: 5px;

	padding: 0 15px;

	font-size: 10px;

	color: #ccc;

	line-height: 1.2

}



.house-layer-info {

	position: fixed;

	top: auto;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 2000;

	display: -webkit-box;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	flex-direction: column;

	height: 100%;

	background-color: #fff

}



.house-layer-info .title {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	padding: 15px;

	font-size: 18px;

	font-weight: 700;

	color: #333;

	line-height: 1.5;

	border-bottom: 1px solid #f0f0f0

}



.house-layer-info .slide-body {

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	height: 100px;

	overflow: hidden

}



.house-layer-info .module {

	margin-left: 15px;

	padding: 10px 0;

	border-bottom: 1px solid #f0f0f0

}



.house-layer-info .module:last-child {

	border: 0

}



.house-layer-info .module .tit {

	padding: 10px 0;

	font-size: 16px;

	color: #333;

	line-height: 1.5

}



.house-layer-info .items {

	display: -webkit-box;

	display: flex;

	padding: 8px 15px 8px 0

}



.house-layer-info .items .lab {

	display: -webkit-box;

	display: flex;

	font-size: 14px;

	color: #999;

	line-height: 1.5

}



.house-layer-info .items .txt {

	display: block;

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	width: 50px;

	font-size: 14px;

	color: #333;

	line-height: 1.5

}



.house-layer-info .items .gap {

	display: inline-block;

	width: 2em

}



.house-layer-info .items .gaps {

	display: inline-block;

	width: .5em

}



.house-layer-info .tip {

	padding: 10px 15px 10px 0;

	font-size: 12px;

	color: #999;

	line-height: 1.5

}



.house-layer-info .desc {

	padding: 10px 15px 10px 0;

	font-size: 14px;

	color: #333;

	line-height: 1.5

}



.house-layer-info .close-box {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

	height: 50px;

	padding-bottom: 20px

}



.house-layer-info .close {

	position: relative;

	display: block;

	width: 26px;

	height: 26px;

	border: 1px solid #aaa;

	border-radius: 50%;

	overflow: hidden

}



.house-layer-info .close:after,

.house-layer-info .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

}



.house-layer-info .close:before {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.house-layer-info .close:after {

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

	transform: rotate(-45deg)

}



.map-periphery {

	margin-top: 12px;

	background-color: #fff;

	border-top: 1px solid #f0f0f0;

	border-bottom: 1px solid #f0f0f0

}



.map-periphery .title {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	border-bottom: 1px solid #f0f0f0

}



.map-periphery .title .txt {

	-webkit-box-flex: 1;

	flex: 1;

	display: block;

	padding: 20px 15px;

	font-size: 16px;

	font-weight: 700;

	color: #333;

	line-height: 1.2

}



.map-periphery .title .see {

	display: block;

	margin-right: 15px;

	padding: 9px 15px;

	font-size: 12px;

	color: #333;

	line-height: 1.2;

	border: 1px solid #e6e6e6;

	border-radius: 2px

}



.map-periphery .address {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	padding: 20px 15px;

	font-size: 14px;

	color: #333;

	line-height: 1.2

}



.map-periphery .address .lab {

	display: block;

	color: #999

}



.map-periphery .address .txt {

	display: block;

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	width: 100px

}



.map-periphery .address .icon {

	position: relative;

	display: block;

	width: 20px;

	height: 20px;

	overflow: hidden

}



.map-periphery .address .icon:before {

	position: absolute;

	top: 4px;

	right: auto;

	bottom: auto;

	left: 1px;

	z-index: 10;

	display: block;

	content: "";

	width: 10px;

	height: 10px;

	border-width: 2px 2px 0 0;

	border-style: solid;

	border-color: #ccc;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.map-periphery .map-box {

	position: relative;

	display: block;

	overflow: hidden

}



.map-periphery .map-box .mark {

	position: absolute;

	top: 42%;

	left: 50%;

	z-index: 10;

	padding: 12px 15px;

	font-size: 14px;

	font-weight: 600;

	color: #fff;

	line-height: 1.2;

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

	border-radius: 6rpx;

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

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

	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: rgba(0, 0, 0, .6) transparent transparent;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%)

}



.map-periphery .slide {

	display: -webkit-box;

	display: flex

}



.map-periphery .items {

	display: block;

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	width: 20%;

	padding: 15px 0

}



.map-periphery .items .icon {

	display: block;

	margin-bottom: 5px;

	font-size: 20px;

	color: #333;

	line-height: 1;

	text-align: center

}



.map-periphery .items .txt {

	color: #333

}



.map-periphery .items .tip,

.map-periphery .items .txt {

	display: block;

	font-size: 12px;

	line-height: 1.5;

	text-align: center

}



.map-periphery .items .tip {

	color: #999

}



.group-buy-benefit {

	margin-top: 12px;

	background-color: #fff;

	border-top: 1px solid #f0f0f0;

	border-bottom: 1px solid #f0f0f0

}



.group-buy-benefit .title {

	padding: 20px 15px 0;

	font-size: 16px;

	font-weight: 700;

	color: #333;

	line-height: 1.2

}



.group-buy-benefit .items {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	height: 60px;

	margin: 15px;

	background: url(../images/group-buy-bg.png) no-repeat;

	background-size: 100% 60px

}



.group-buy-benefit .items .link {

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	padding: 0 15px

}



.group-buy-benefit .items .tit {

	display: block;

	font-size: 15px;

	font-weight: 700;

	color: #ffc601;

	line-height: 1.2

}



.group-buy-benefit .items .txt {

	display: block;

	margin-top: 5px;

	font-size: 14px;

	color: #ffb884;

	line-height: 1.2

}



.group-buy-benefit .items .obtain {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

	width: 30%;

	font-size: 14px;

	color: #ffc601;

	line-height: 1.2

}



.main-house-type {

	margin-top: 12px;

	background-color: #fafafa;

	border-top: 1px solid #f0f0f0;

	border-bottom: 1px solid #f0f0f0

}



.main-house-type .title {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	border-bottom: 1px solid #f0f0f0;

	background-color: #fff

}



.main-house-type .title .txt {

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	display: block;

	padding: 20px 15px;

	font-size: 16px;

	font-weight: 700;

	color: #333;

	line-height: 1.2

}



.main-house-type .title .more {

	display: block;

	padding: 20px 15px;

	font-size: 13px;

	color: #999;

	line-height: 1.2

}



.main-house-type .slide-body {

	margin: 15px 10px;

	overflow: hidden

}



.main-house-type .slide {

	display: -webkit-box;

	display: flex

}



.main-house-type .items {

	-webkit-box-flex: 0;

	flex: 0 0 auto;

	display: block;

	margin: 0 8px 5px;

	padding: 15px;

	background-color: #fff;

	box-shadow: 0 2px 2px hsla(0, 0%, 39%, .2)

}



.main-house-type .items .pic-box {

	position: relative;

	width: 160px;

	height: 120px;

	overflow: hidden

}



.main-house-type .items .tag {

	position: absolute;

	top: 0;

	right: auto;

	bottom: auto;

	left: 5px;

	z-index: 10;

	display: block;

	padding: 5px;

	font-size: 12px;

	color: #fff;

	line-height: 1.2;

	background-color: #999

}



.main-house-type .items .tag-green {

	background-color: #4fb63e

}



.main-house-type .items .tag-orange {

	background-color: #ffc601

}



.main-house-type .items .info-box {

	padding-top: 10px

}



.main-house-type .items .tit {

	display: block;

	padding: 5px 0;

	font-size: 14px;

	color: #333;

	line-height: 1.2

}



.main-house-type .items .txt-box {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center

}



.main-house-type .items .lab {

	display: block;

	font-size: 14px;

	color: #999;

	line-height: 1.2

}



.main-house-type .items .price {

	display: block;

	margin: 0 3px;

	font-size: 16px;

	font-weight: 700;

	color: #ff6d6d;

	line-height: 1.2

}



.main-house-type .items .unit {

	display: block;

	font-size: 14px;

	color: #ff6d6d;

	line-height: 1.2

}



.building-dynamic {

	margin-top: 12px;

	border-top: 1px solid #f0f0f0

}



.building-dynamic,

.building-dynamic .title {

	background-color: #fff;

	border-bottom: 1px solid #f0f0f0

}



.building-dynamic .title {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center

}



.building-dynamic .title .text {

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	display: block;

	padding: 20px 15px;

	font-size: 16px;

	font-weight: 700;

	color: #333;

	line-height: 1.2

}



.building-dynamic .title .subscribe {

	display: block;

	margin-right: 15px;

	padding: 5px 10px;

	font-size: 13px;

	color: #333;

	line-height: 1.2;

	border: 1px solid #333;

	border-radius: 2px

}



.building-dynamic .title .subscribe.add {

	color: #6789b2;

	border: 1px solid #6789b2

}



.building-dynamic .content {

	padding: 15px

}



.building-dynamic .tit {

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 1.2

}



.building-dynamic .txt {

	display: -webkit-box;

	display: -moz-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	-moz-line-clamp: 2;

	text-overflow: ellipsis;

	overflow: hidden;

	margin-top: 10px;

	font-size: 14px;

	color: #999;

	line-height: 1.5

}



.building-dynamic .more {

	display: block;

	margin: 0 15px 15px;

	padding: 15px;

	font-size: 14px;

	color: #987c66;

	line-height: 1.2;

	text-align: center;

	background-color: #f9f6f1

}



.recommend-body {

	margin-top: 12px;

	background-color: #fff;

	border-top: 1px solid #f0f0f0;

	border-bottom: 1px solid #f0f0f0

}



.recommend-body .title {

	padding: 20px 15px;

	font-size: 16px;

	font-weight: 700;

	color: #333;

	line-height: 1.2;

	border-bottom: 1px solid #f0f0f0

}



.recommend-body .more {

	display: block;

	margin: 0 15px 15px;

	padding: 15px;

	font-size: 14px;

	color: #987c66;

	line-height: 1.2;

	text-align: center;

	background-color: #f9f6f1

}



.contact-broker {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1000;

	display: -webkit-box;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	flex-direction: column;

	background-color: #fff;

	overflow: hidden

}



.contact-broker .title {

	padding: 20px 15px

}



.contact-broker .title .tit {

	display: block;

	font-size: 20px;

	font-weight: 700;

	color: #333;

	line-height: 1.2

}



.contact-broker .title .link,

.contact-broker .title .txt {

	display: block;

	margin-top: 10px;

	font-size: 14px;

	color: #999;

	line-height: 1.2

}



.contact-broker .title .link {

	text-decoration: underline

}



.contact-broker .slide-body {

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	height: 260px;

	overflow: hidden

}



.contact-broker .items {

	display: -webkit-box;

	display: flex;

	padding: 15px 0 10px 15px;

	border-bottom: 1px solid #f0f0f0

}



.contact-broker .pic {

	display: block;

	margin-right: 15px;

	border-radius: 50%;

	overflow: hidden

}



.contact-broker .pic,

.contact-broker .pic img {

	width: 50px;

	height: 50px

}



.contact-broker .txt-box {

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	width: 100px

}



.contact-broker .info-box {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: start;

	align-items: flex-start;

	padding-right: 10px

}



.contact-broker .tell-box {

	-webkit-box-flex: 1;

	flex: 1 1 auto

}



.contact-broker .name-box {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	padding-bottom: 5px

}



.contact-broker .name {

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 1.2

}



.contact-broker .tag {

	display: block;

	margin-left: 5px;

	padding: 2px 3px;

	font-size: 12px;

	color: #6dc35f;

	line-height: 1.2;

	background-color: #f3fff1

}



.contact-broker .tip {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

	width: 20px;

	height: 20px;

	margin-left: 5px;

	font-size: 16px;

	color: #ddd;

	line-height: 1

}



.contact-broker .tip:before {

	display: block;

	width: 16px;

	height: 16px;

	overflow: hidden

}



.contact-broker .score {

	padding: 5px 0

}



.contact-broker .area,

.contact-broker .score {

	display: block;

	font-size: 12px;

	color: #999;

	line-height: 1.2

}



.contact-broker .area {

	padding-bottom: 10px

}



.contact-broker .icon {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

	width: 50px;

	height: 40px;

	font-size: 26px;

	color: #4eb63d;

	line-height: 1

}



.contact-broker .icon:before {

	display: block;

	width: 26px;

	height: 26px;

	overflow: hidden

}



.contact-broker .desc {

	display: block;

	padding: 10px 15px 0 0;

	font-size: 12px;

	color: #666;

	line-height: 1.2;

	border-top: 1px solid #f0f0f0

}



.contact-broker .close-box {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

	height: 50px

}



.contact-broker .close {

	position: relative;

	display: block;

	width: 26px;

	height: 26px;

	border: 1px solid #aaa;

	border-radius: 50%;

	overflow: hidden

}



.contact-broker .close:after,

.contact-broker .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

}



.contact-broker .close:before {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.contact-broker .close:after {

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

	transform: rotate(-45deg)

}



.contact-broker .appointment {

	display: block;

	padding: 6px 15px;

	font-size: 14px;

	color: #4eb63d;

	line-height: 1.2;

	border: 1px solid #4eb63d;

	border-radius: 20px

}



.contact-broker .appointment.disabled {

	color: #ccc;

	border: 1px solid #ccc

}



.contact-broker .info {

	display: block;

	padding-top: 5px;

	font-size: 12px;

	color: #999;

	line-height: 1.2

}



.broker-card .items {

	display: -webkit-box;

	display: flex;

	padding: 5px 0

}



.broker-card .items .lab {

	display: block;

	font-size: 14px;

	color: #999;

	line-height: 1.5

}



.broker-card .items .txt {

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	display: block;

	width: 100px;

	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: -webkit-box;

	display: flex;

	padding: 15px;

	font-size: 14px;

	color: #333;

	line-height: 1.2;

	border-bottom: 1px solid #f0f0f0

}



.site-map .title .txt {

	display: block;

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	width: 100px

}



.site-map .title .icon {

	position: relative;

	display: block;

	width: 16px;

	height: 16px;

	overflow: hidden;

	-webkit-transition: all .3s;

	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;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.site-map .title.open .icon {

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg)

}



.site-map .items {

	display: block;

	border-bottom: 1px solid #f0f0f0

}



.site-map .tabs {

	display: -webkit-box;

	display: flex;

	padding: 15px;

	font-size: 12px;

	color: #333;

	line-height: 1.2

}



.site-map .tabs .txt {

	display: block;

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	width: 100px

}



.site-map .tabs .icon {

	position: relative;

	width: 16px;

	height: 16px;

	overflow: hidden;

	-webkit-transition: all .3s;

	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 {

	-webkit-transform: rotate(0);

	transform: rotate(0)

}



.site-map .tabs .icon:after {

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg)

}



.site-map .tabs.open .icon {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.site-map .links-box {

	display: -webkit-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: -webkit-box;

	display: flex;

	padding: 20px 15px

}



.site-nav .items {

	display: block;

	-webkit-box-flex: 1;

	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

}



.footer-fixed {

	position: fixed;

	top: auto;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 500;

	display: -webkit-box;

	display: flex;

	padding: 10px 5px;

	background-color: #fff;

	box-shadow: 0 -2px 2px hsla(0, 0%, 78%, .3)

}



.footer-fixed .collect {

	display: -webkit-box;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	flex-direction: column;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

	width: 44px;

	height: 44px

}



.footer-fixed .collect .icon {

	display: block;

	margin: auto;

	font-size: 22px;

	color: #666;

	line-height: 1;

	overflow: hidden

}



.footer-fixed .collect .txt {

	display: block;

	font-size: 12px;

	color: #999;

	line-height: 1.2

}



.footer-fixed .checked .icon {

	color: #ffc601

}



.footer-fixed .items {

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	display: block;

	margin: 0 5px;

	padding: 12px 15px;

	font-size: 16px;

	color: #fff;

	line-height: 1.2;

	text-align: center;

	border-radius: 2px;

	box-sizing: border-box

}



.footer-fixed .yellow {

	background-color: #ff6d6d

}



.footer-fixed .orange {

	background-color: #ffc601

}



.layer-info {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1500;

	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)

}



.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 {

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

	transform: rotate(-45deg)

}



.layer-info .close:after {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.layer-tip {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 3500;

	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)

}



.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: -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)

}



.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: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	padding: 20px

}



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

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	width: 100px;

	border: 1px solid #e5e5e5;

	border-radius: 2px

}



.layer-validate .validate-body .text {

	display: block;

	-webkit-box-flex: 1;

	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;

	-webkit-box-flex: 1;

	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 {

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

	transform: rotate(-45deg)

}



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

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.layer-validate .validate-body .validate {

	display: block;

	width: 60px;

	margin-left: 5px

}



.layer-validate .validate-body .footer {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	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;

	-webkit-box-flex: 1;

	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

}



.picture-identifying {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 3000;

	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)

}



.picture-identifying .body {

	width: 285px;

	border-radius: 2px;

	background-color: #fff

}



.picture-identifying .header {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	padding: 15px;

	border-bottom: 1px solid #f0f0f0

}



.picture-identifying .title {

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	font-size: 14px;

	color: #333;

	line-height: 1.2

}



.picture-identifying .title .orange {

	margin: 0 5px;

	color: #ffc601

}



.picture-identifying .reload {

	font-size: 14px;

	color: #016fbc;

	line-height: 1.2

}



.picture-identifying .exception {

	font-size: 14px;

	color: #ffc601;

	line-height: 1.2

}



.picture-identifying .exception,

.picture-identifying .loading {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

	width: 100%;

	height: 210px

}



.picture-identifying .loading .pic {

	width: 32px;

	height: 32px

}



.picture-identifying .content {

	display: -webkit-box;

	display: flex;

	flex-wrap: wrap;

	height: 210px

}



.picture-identifying .items {

	position: relative;

	width: 120px;

	margin: 15px 0 0 15px

}



.picture-identifying .items .checked {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 10;

	border: 2px solid #ffc601

}



.picture-identifying .items .checked,

.picture-identifying .items .icon {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center

}



.picture-identifying .items .icon {

	width: 20px;

	height: 20px;

	font-size: 12px;

	color: #fff;

	line-height: 1;

	border-radius: 50%;

	background-color: #ffc601

}



.picture-identifying .items .pic {

	display: block;

	width: 120px;

	height: 90px

}



.picture-identifying .footer {

	display: -webkit-box;

	display: flex;

	padding: 15px

}



.picture-identifying .cancel {

	-webkit-box-flex: 1;

	flex: 1 1 auto;

	margin-right: 10px;

	background-color: #ccc

}



.picture-identifying .cancel,

.picture-identifying .ok {

	padding: 12px 15px;

	font-size: 14px;

	color: #fff;

	line-height: 1.2;

	text-align: center;

	border-radius: 2px

}



.picture-identifying .ok {

	-webkit-box-flex: 2;

	flex: 2 1 auto;

	background-color: #ffc601

}



.area-code {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	width: 48px;

	height: 24px;

	margin-right: 8px;

	padding: 0 8px;

	border-radius: 2px;

	background-color: #eaeaea

}



.area-code.ml-15 {

	margin-left: 15px

}



.area-code.entrust {

	margin: 0 -5px 0 10px

}



.area-code:after {

	position: relative;

	top: 3px;

	z-index: 10;

	display: block;

	content: "";

	width: 1px;

	height: 1px;

	border-width: 5px 4px;

	border-style: solid;

	border-color: #666 transparent transparent

}



.area-code .word-box {

	-webkit-box-flex: 1;

	flex: 1 1 auto

}



.area-code .word {

	font-size: 14px;

	line-height: 1.2;

	color: #666

}



.area-code-layer {

	position: fixed;

	top: auto;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 2000;

	display: none;

	background-color: #fff

}



.area-code-layer .items {

	display: -webkit-box;

	display: flex;

	margin-left: 15px;

	padding: 15px 15px 15px 0;

	font-size: 14px;

	color: #333;

	line-height: 1.2;

	border-bottom: 1px solid #f0f0f0

}



.area-code-layer .current {

	color: #ffc601

}



body {

	padding-bottom: 64px

}



.house-base-info .tools-box {

	display: -webkit-box;

	display: flex;

	margin: 0 15px;

	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: 15px 0;

	font-size: 14px;

	color: #4f7ba2;

	line-height: 1.2

}



.house-base-info .tools-box .icon {

	margin-right: 6px;

	font-size: 20px;

	color: #4f7ba2;

	line-height: 1

}



.licence-table th {

	font-size: 14px;

	color: #333;

	line-height: 2;

	text-align: left

}



.licence-table td {

	font-size: 12px;

	color: #999;

	line-height: 2;

	text-align: left

}



.appointment-layer .tip-info {

	padding: 15px 0;

	font-size: 18px;

	color: #4fb63e;

	line-height: 1.5;

	text-align: center

}



.appointment-layer .submit-box {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center

}



.appointment-layer .submit {

	display: block;

	margin: 0 10px;

	padding: 10px 20px;

	font-size: 14px;

	color: #fff;

	line-height: 1.2;

	border-radius: 3px

}



.appointment-layer .submit.yellow {

	background-color: #ffa11b

}



.appointment-layer .submit.green {

	background-color: #4fb63e

}



.obtain-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, .5)

}



.obtain-layer .container {

	position: relative;

	width: 80%;

	border-radius: 10px;

	background-color: #fff;

	box-sizing: border-box

}



.obtain-layer .title {

	margin-top: 60px;

	padding: 0 15px;

	font-size: 16px;

	font-weight: 700;

	color: #333;

	line-height: 1.2;

	border-left: 5px solid #ffc601

}



.obtain-layer .content {

	padding: 15px 20px 0

}



.obtain-layer .info {

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 1.8

}



.obtain-layer .ok {

	display: block;

	margin: 0 20px 20px;

	padding: 13px 15px;

	font-size: 14px;

	color: #fff;

	line-height: 1.2;

	text-align: center;

	background-color: #ffc601;

	border-radius: 5px

}



.obtain-layer .close {

	position: absolute;

	top: auto;

	right: auto;

	bottom: -50px;

	left: 50%;

	z-index: 10;

	display: block;

	width: 30px;

	height: 30px;

	margin-left: -15px;

	overflow: hidden

}



.obtain-layer .close:after,

.obtain-layer .close:before {

	position: absolute;

	top: 14px;

	right: auto;

	bottom: auto;

	left: 5px;

	z-index: 10;

	display: block;

	content: "";

	width: 20px;

	height: 2px;

	background-color: #fff

}



.obtain-layer .close:before {

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

	transform: rotate(-45deg)

}



.obtain-layer .close:after {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.obtain-layer .obtain-decorate {

	position: absolute;

	top: -70px;

	right: auto;

	bottom: auto;

	left: -5%;

	z-index: 10;

	width: 110%;

	height: 120px;

	background: url(../images/obtain-decorate.png) 0 100% no-repeat;

	background-size: contain

}



.obtain-box {

	padding: 15px 20px

}



.obtain-box .tip {

	font-size: 14px;

	color: #333;

	line-height: 1.2

}



.obtain-box .text-box {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	border-bottom: 1px solid #f0f0f0

}



.obtain-box .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

}



.obtain-box .get-code,

.obtain-box .text {

	font-size: 14px;

	color: #333;

	line-height: 1.2;

	box-sizing: border-box

}



.obtain-box .get-code {

	display: block;

	padding: 8px 0

}



.obtain-box .get-code.disabled {

	color: #ccc

}



.obtain-box .clear-text {

	position: relative;

	display: none;

	width: 20px;

	height: 20px;

	margin: 10px;

	border-radius: 50%;

	background-color: #ccc;

	overflow: hidden

}



.obtain-box .clear-text:after,

.obtain-box .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

}



.obtain-box .clear-text:before {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.obtain-box .clear-text:after {

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

	transform: rotate(-45deg)

}



.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: hsla(0, 0%, 100%, .5);

	background-color: #ffcb66

}



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

	display: block;

	margin-top: 15px;

	font-size: 14px;

	color: #4f7ba2;

	line-height: 1.2

}

.share{

	position: absolute;

	left: 88%;

}

.share img{

    width: 15px;

    margin-left: 5px;

    margin-bottom: 3px;

}

.share p{

	font-size: 12px;

	color: #999;

}