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(../img/iconfont.eot);
	src: url(../img/iconfont.eot#iefix) format("embedded-opentype"), url(../img/iconfont.woff) format("woff"), url(../img/iconfont.ttf) format("truetype"), url(../img/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;
	margin-right: 8px;
	font-size: 12px;
	color: #fff;

	padding: 1px 3px;

	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
}


.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(../img/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(../img/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: 0 auto;
	margin-bottom: 3px;
}

.share p {
	font-size: 12px;
	color: #999;
}
.header-body {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    background-color: #fff;
}
.header-body .header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 50px;
    padding: 0 50px;
    box-sizing: border-box;
}
.header-body .back, .header-body .back:before {
    position: absolute;
    right: auto;
    bottom: auto;
    z-index: 10;
    display: block;
}
.header-body .back {
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.header-body .back:before {
    top: 13px;
    left: 16px;
    content: "";
    width: 12px;
    height: 12px;
    border-width: 0 0 2px 2px;
    border-color: #888;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header-body .title {
    font-size: 16px;
    color: #333;
    line-height: 1.2;
}
.header-body .menu {
    position: absolute;
    top: 5px;
    right: 5px;
    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: 18px;
    color: #666;
    line-height: 1;
}
.header-body .menu span {
    background-size: 29px;
}