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

}

.ui-youbian {
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 999;
}
.ui-avatar-tiled {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 200px;
	overflow: hidden;
	display: inline-block;
}
.ui-avatar-tiled>span {
	width: 25px;
	height: 25px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-webkit-border-radius: 200px;
}


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;
	height: 100%

}



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-pinglun:before{
	content: "\EA1F";
}

.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

}




.back,.back:before {

	position: absolute;

	right: auto;

	/*bottom: auto;*/
	top:0;

	z-index: 999;
	width: 40px;

	height: 40px;
	display: block;

}



.back:before {

	top: 14px;

	left: 16px;

	display: block;

	content: "";

	width: 12px;

	height: 12px;

	border-width: 0 0 2px 2px;

	border-style: solid;

	border-color: #fff;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}



.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: 10px 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: 6px;

	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;
	padding-bottom: 20px;

}



.house-base-info .title-box {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	padding: 20px 15px 10px

}



.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:#5F94FF

}



.house-base-info .status.red {

	background-color: #f44

}



.house-base-info .more {

	display: block;

	margin: 15px 15px 0 15px;

	padding: 15px;

	font-size: 14px;

	color: #987c66;

	line-height: 1.2;

	text-align: center;

	background-color: #f9f6f1

}



.other-house-info {

	padding-top: 0px

}



.other-house-info .tag-box {

	display: -webkit-box;

	display: flex;

	padding: 8px 15px

}



.other-house-info .tag {

	display: inline-block;

	margin-right: 5px;

	padding: 3px 5px;

	font-size: 12px;

	color: #999;

	line-height:1.3;

	border: 1px solid #f0f0f0;

	border-radius: 3px

}



.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;
	width: 270px;

}



.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

}


.slide .huxbj{
	width: 100%;
	height: 39px;
	line-height: 39px;
	text-align: center;
	background-color: rgba(255,101,107,.05);
	color: #ff656b;
	font-size: 14px;
}

.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: #ff656b;

	line-height: 1.2;

	text-align: center;

	background-color: rgba(255,101,107,.05);

}



.recommend-body {

	margin-top: 12px;

	background-color: #fff;

	border-top: 1px solid #f0f0f0;

	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 15px;

}



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

	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: #fbac65;
	border-radius: 25px 0 0 25px;
	margin-left: 7px;
}



.footer-fixed .orange {

	border-radius: 0 25px 25px 0;
	background: linear-gradient(90deg,#fb656a,#fbac65);

}



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

	font-size: 14px;

	background-color: rgba(255,101,107,.05);
	color: #ff656b;

	line-height: 1.2;
	margin:10px 5px 0;
}



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

	margin-right: 6px;

	font-size: 16px;

	color: rgb(255, 101, 107);
	line-height: 0

}



.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

}



.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: #ff6d6d

}



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

	display: block;

	margin-top: 15px;

	font-size: 14px;

	color: #4f7ba2;

	line-height: 1.2

}

.abc {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
	background-color: rgba(0, 0, 0, .5);
}
.abc .allowanceform {
	background-color: #fff;
	width: 80%;
	margin: auto;
	left: 0;
	top: 50%;
	right: 0;
	z-index: 2;
	position: absolute;
	margin-top: -50%;
	border-radius: 8px;
}
.abc .allowanceform p {
	font-size: 18px;
	color: #333;
	line-height: 48px;
	text-align: center;
}
.abc .allowanceform input {
	width: 65%;
	border: 0;
	padding-left: 10px;
	background-color: #e6e6e6;
	height: 36px;
	border-radius: 4px;
	margin: 10px auto;
	display: block;
	font-size: 14px;
}
.abc .btn1 {
	margin-left: 61px;
	width: 25%;
	margin-bottom: 10px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #ff6d6d;
	display: inline-block;
	border-radius: 5px;
}
.abc .allowanceform .btn {
	width: 25%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #ffc601;
	float: right;
	margin-right: 61px;
	display: block;
	border-radius: 5px;
	margin-top: 0;
}

.ul-txtq5{padding:15px;overflow:hidden}
.ul-txtq5 li{position:relative;padding-bottom:18px}
.ul-txtq5 li::before{content:" ";position:absolute;top:11px;left:5px;bottom:0;display:block;width:1px;background-color:#e5e5e5}
.ul-txtq5 .date{position:relative;font-size:12px;color:#999;line-height:1.38em;margin-bottom:5px}
.ul-txtq5 .date span{padding-left:16px}
.ul-txtq5 .icon{position:absolute;top:50%;transform:translateY(-50%);width:11px;height:11px;padding:3px;background-color:#ff6d6d;border-radius:50%;box-sizing:border-box}
.ul-txtq5 .icon2{width:5px;height:5px;background-color:#ff6d6d;border-radius:50%}
.ul-txtq5 .txt{margin-left:16px;background-color:#fafafa;padding:10px 0 10px 11px;box-sizing:border-box;border-radius:4px;overflow:hidden}
.ul-txtq5 .tit{position:relative;margin-bottom:9px}
.ul-txtq5 .tit span{display:block;width:36px;height:20px;font-size:12px;color:#fff;line-height:20px;text-align:center;background-color:#ff6d6d;border-radius:5px 2px;position:absolute;top:1px;left:0}
.ul-txtq5 .tit h3{font-size:16px;color:#333;font-weight:400;line-height:1.41em;padding-left:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ul-txtq5 .desc{font-size:14px;line-height:1.43em;color:#666;overflow:hidden}
.ul-txtq5 .desc p{overflow:hidden}
.ul-txtq5 .desc p a:first-child{
	color: #333
}
.ul-txtq5 .more1{float:right;font-size:14px;line-height:1.43em;color:#ff6d6d;margin-right:14px;overflow:hidden;transition:.3s}
.ul-txtq5 .li3 .txt{position:relative}
.ul-txtq5 .li3:last-child:before{content:" ";display:none}
.ul-txtq5 .li3 .txt span{display:block;width:36px;height:20px;font-size:12px;color:#fff;line-height:20px;text-align:center;background-color:#0bbb73;border-radius:5px 2px;position:absolute;top:11px;left:11px}
.ul-txtq5 .li3 .txt .desc{padding-left:40px;overflow:hidden}


.ui-tab-nav li{
	height: 40px;
	line-height: 40px;
	border-radius: 0;
}
.ul-imgtxt-q4 {
	margin: 15px;
	overflow: hidden;
}
.ul-imgtxt-q4 li {
	float: left;
	width: 25%;
	overflow: hidden;
}
.ul-imgtxt-q4 li a {
	display: block;
	font-size: 12px;
	color: #999;
	line-height: 1.38em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ul-imgtxt-q4 li a i {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-top: -4px;
	margin-right: 1px;
}
.ul-imgtxt-q5 {
	margin:21px 15px 15px 15px;
	overflow: hidden;
}
.ul-imgtxt-q5 li {
	margin-bottom: 15px;
	overflow: hidden;
	border-bottom: 1px solid #f7f7f7;
	padding-bottom: 15px;
}
.ul-imgtxt-q5 .con {
	overflow: hidden;
}
.ul-imgtxt-q5 .pic {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	margin: 3px 8px 0 0;
}
.ul-imgtxt-q5 .pic img {
	display: block;
	width: 100%;
	height: 100%;
}
.ul-imgtxt-q5 .txt {
	overflow: hidden;
}
.ul-imgtxt-q5 .rr {
	float: right;
	padding-top: 3px;
	overflow: hidden;
}
.ul-imgtxt-q5 .rr a {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background-color: #fff4f2;
	border-radius: 50%;
	margin-left: 15px;
	overflow: hidden;
}
.ul-imgtxt-q5 .rr a i {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.ul-imgtxt-q5 .rr .saowx {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background-color: #fff4f2;
	border-radius: 50%;
	margin-left: 15px;
	overflow: hidden;
}
.ul-imgtxt-q5 .rr .a2 {
	background-color: #fff4f2;
}
.ul-imgtxt-q5 .rr .saowx i {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.ul-imgtxt-q5 .ll {
	overflow: hidden;
}
.ul-imgtxt-q5 h3 {
	font-size: 16px;
	color: #333;
	line-height: 24px;
	margin-bottom: 2px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ul-imgtxt-q5 .ll p {
	font-size: 12px;
	color: #aaa;
	line-height: 20px;
}
.pop-s1 {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1008;
	display: none;
	background-color: rgba(0, 0, 0, .5);
}

.pop-s1 .con {
	position: absolute;
	border-radius: 7px;
	background-color: #fff;
	padding: 28px 9px 21px;
	left: 23px;
	right: 23px;
	top: 30%;
}
.g-close2 {
	position: absolute;
	top: 15px;
	bottom: auto;
	margin: 0;
	left: auto;
	right: 15px;
	display: block;
	width: 13px;
	height: 13px;
	background: url(/static/mobile/images/love_v10_sp_wap.png) no-repeat -174px -258px/333.5px auto;
}
.m-formh1 {
	overflow: hidden;
	padding: 0 18px;
}

.m-formh1 .item {
	padding: 8px 0;
	border-bottom: 1px solid #f5f5f5;
}

.m-formh1 .item .name {
	float: left;
	line-height: 40px;
	width: 88px;
	font-size: 16px;
	color: #666;
}

.m-formh1 .item .inp-box {
	overflow: hidden;
}

.m-formh1 .item .inp-box .inp {
	border: none;
	height: 40px;
	color: #333;
	font-size: 16px;
}

.m-formh1 .btn {
	display: block;
	height: 37px;
	background: #ff6d6d;
	border-radius: 4px;
	line-height: 37px;
	text-align: center;
	color: #fff;
	width: 100%;
	border: 0 none;
}
.build_info-box {
	padding: 8px 15px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	display: flex;
	flex-direction: row;
}
.flex-1 {
	flex: 1;
}
.build_info-box .info_item .data {
	line-height: 1;
	color: #ff656b;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	margin-bottom: 4px;
	display: flex;
	flex-direction: row;
}
.build_info-box .info_item .value {
	font-size: 16px;
	font-weight: 700;
}
.build_info-box .info_item .unit {
	margin-left: 2px;
	font-size: 13px;
}

.build_info-box .info_item span {
	font-size:13px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: #999;
}
.left-line, .right-line {
	position: relative;
}
.build_info-box .info_item.center {
	padding-left:15px;
	margin-right: 15px;
}
.left-line::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1px;
	-webkit-transform: scaleX(.5);
	transform: scaleX(.5);
	background-color: #d8d8d8;
}
.right-line::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	-webkit-transform: scaleX(.5);
	transform: scaleX(.5);
	background-color: #d8d8d8;
}
.coupon-box {
	height: 73px;
	line-height: 1;
	color: #fff;
	position: relative;
	padding: 8px 15px;
}
.coupon-box .bg_img {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.coupon-box .coupon_name {
	flex: 1;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	margin-right: 5px;
}
.coupon-box .coupon_container {
	padding: 0 35px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.coupon-box .btn {
	padding: 2px 8px;
	height: 25px;
	line-height: 25px;
	border-radius: 25px;
	background-color: #fff;
	color: #ff656b;
	font-size: 15px;
}
.coupon-box .coupon_content {
	margin-top: 5px;
	font-size: 13px;
	flex: 1;
}
.flex-row {
	display: flex;
	flex-direction: row;
}
.tel-box {
	height: 58px;
	background: #fff;
	position: relative;
	padding: 0 15px;
	margin: 10px 0;
}
.tel-box .tel_block {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	top: 1px;
	bottom: 1px;
	left: 16px;
	right: 16px;
	padding: 7px 25px;
	position: absolute;
	background-color: #fff;
	border-radius:50px;
	line-height: 1;
}
.icon-ic_tel:before {
	content: "";
	width: 24px;
	height: 24px;
	display: inline-block;
	background-image: url(../images/bodatel.png);
}
.tel-box .tel_block .text-box {
	display: flex;
	flex-direction: column;
}
.tel-box .tel_block .tel {
	font-size: 16px;
	font-weight: 700;
	background: -webkit-linear-gradient(left,#ff706b,#fdaa5e);
	background: linear-gradient(90deg,#ff706b,#fdaa5e);
	-webkit-background-clip: text;
	color: transparent;
	margin-bottom:6px;
}
.tel-box .tel_block .tip {
	font-size: 13px;
	color: #999;
}
.tel-box .tel_right {
	display: flex;
	align-items: center;
	justify-content: center;
	width:34px;
	height: 34px;
	border-radius: 34px;
	background: -webkit-linear-gradient(left,#ff706b,#fdaa5e);
	background: linear-gradient(90deg,#ff706b,#fdaa5e);
}
.tel-box .tel_bg {
	height: 100%;
	width: 100%;
	border-radius: 50px;
	box-shadow: 0 0.5px 2px #fdaa5e;
}
.shengming {
	margin: 15px 0;
	color: #999;
	padding: 0 15px;
}
.shengming .shengming_title {
	font-size: 15px;
	margin-bottom:10px;
}
.shengming .shengming_content {
	font-size: 13px;
	line-height: 1.8;
}
.other-yuyue{
	width: 23px;
	height: 22px;
	display: block;
	color: #999;
	font-size: 22px;
	margin-bottom: 2px;
}
.main-house-type .test_con{
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	background-color: #fff;
	padding-top: 15px;
}
.test_con_item{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	box-sizing: border-box;
	text-align: center;

}
.test_con_item .test_con_item_icon{
	width: 40px;
	margin: 0 auto;
	height: 40px;
}
.test_con_item_icon div{
	width: 100%;
	height: 100%;
}
.test_con_item_title{
	margin: 10px auto 5px;
	color: #333;
	font-weight: 600;
	font-size: 15px;
}
.test_con_item_sub_title{
	font-size: 12px;
	color: #666;
}
.test_submit{
	height: 39px;
	line-height: 39px;
	margin: 15px 15px 0 15px;
	text-align: center;
	background-color: rgba(255,101,107,.05);
	color: #ff656b;
	font-size: 14px;
}
.comment-list{
	padding: 15px;
}
.comment-list .comment-item {
	margin-bottom: 20px;
}
.comment-list .comment-item .header_img {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 10px;
	overflow: hidden;
}
.comment-list .comment-item .comment_info {
	flex: 1;
}
.comment-list .comment-item .comment_info .user_name {
	font-size: 13px;
	color: #999;
	margin-bottom:5px;
}
.comment-list .comment-item .comment_info .comment_title {
	margin-bottom:12px;
	font-size: 13px;
	line-height: 1.5;
	color: #666;
}
.comment-list .comment-item .comment_info .comment_time {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	color: #999;
}
.comment_btn{
	margin:0 15px;
	text-align: center;
	padding: 10px;
	background-color: rgba(255,101,107,.1);
}
.comment_btn a{
	color: #ff656b;
	font-size: 15px;
}
.moredt{
	display: block;
	padding: 20px 15px;
	font-size: 13px;
	color: #999;
	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;

}
.tips {
	font-size: 13px;
	color: #333;
	line-height: 20px;
	border-radius: 10px;
	padding: 0 8px;
	overflow: hidden;
	margin-top: 7px;
	margin-left: 10px;
}

.tips i {
	display: block;
	float: left;
	width: 13px;
	height: 14px;
	background: url(../img/icon-q5.png) no-repeat center center/cover;
	margin-top: 2px;
	margin-right: 2px;
}

.tips span {
	display: block;
	float: left;
	font-weight: 700;
	position: relative;
	padding-right: 6px;
	margin-right: 6px;
	font-size: 13px;
	color: #333;
	line-height: 20px;
}

.tips span:after {
	content: '';
	width: 1px;
	height: 11px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.ul-imgtxt-q2 {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin:0 10px ;
    padding: 16px 0;
    overflow: hidden;
}
.ul-imgtxt-q2 li {
    float: left;
    width:50%;
    padding: 0 4px;
    overflow: hidden;
    box-sizing: border-box;
}
.ul-imgtxt-q2 li a {
    display: block;
    font-size: 14px;
    color: #ff656b;
    line-height: 36px;
    text-align: center;
    border-radius: 2px;
    background-color: rgba(255,101,107,.05);
    padding: 0 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ul-imgtxt-q2 li a i {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-top: -4px;
    margin-right: 1px;
}