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(../fonts/iconfont.eot);
	src: url(../fonts/iconfont.eot#iefix) format("embedded-opentype"), url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype"), url(../fonts/iconfont.svg#iconfont) format("svg")
}

.iconfont {
	font-family: iconfont !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-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:0 15px;
	padding: 10px 0;
	border-bottom: 1px solid #f0f0f0
}

.house-list .items:last-child {
	border: none
}

.house-list .items .pic-box {
	position: relative;
	width: 125px;
	height: 92px;
	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;
	overflow: hidden
}
.house-list .items .info-box  .city1 .item{
	display: inline-block;
    color: #8894A7;
    background: #ECF0F3;
    font-size: 12px;
    padding: 2px 3px;
    border-radius: 4px;
    margin-right: 5px;
}
.house-list .items .info-box  .city1 .item:nth-child(1) {
	color: #0F8CFF;
	background: #F7F9FF;
}

.house-list .items .info-box  .city1 .item:nth-child(2) {
	color: #FF841C;
	background: #FDF7F2;
}
.house-list .items .info-box  .city1 .item:nth-child(3) {
	background: #e1f5ed;
    color: #33BE85;
}

.house-list .items .tit {
	margin-bottom: 5px;
	font-size: 16px;
	color: #333;
}

.house-list .items .info {
	margin-bottom: 5px;
	font-size: 12px;
	color: #666;
}

.house-list .items .area {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: end;
	align-items: flex-end;
	font-size: 12px;
	color: #aaa;
	margin-top: 5px;
}

.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: #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: 0px
}

.other-house-info .tag-box {
	display: -webkit-box;
	display: flex;
	padding: 8px 15px
}

.other-house-info .tag {
	display: inline-block;
	color: #8894A7;
	background: #ECF0F3;
	font-size: 12px;
	padding: 2px 3px;
	border-radius: 4px;
	margin-right: 5px;
}

.other-house-info .tag:nth-child(1) {
	color: #0F8CFF;
	background: #F7F9FF;
}

.other-house-info .tag:nth-child(2) {
	color: #FF841C;
	background: #FDF7F2;
}
.other-house-info .tag:nth-child(3) {
	background: #e1f5ed;
    color: #33BE85;
}

/* .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
} */
.house_list{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	padding:0 15px;
	justify-content: space-between;
}
.house_list .items{
	width: 48%;
	padding: 8px 0 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.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(244, 247, 254, 1);
	color: #3072f6;
	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: #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;
	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(244, 247, 254, 1);
	color: #3072f6;
	line-height: 1.2;
	margin: 10px 5px 0;
}

.house-base-info .tools-box .icon {
	margin-right: 6px;
	font-size: 16px;
	color: #3072f6;
	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%;
	margin: 0 auto;
	top: 50%;
	transform: translate(0,-50%);
	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 li:last-child{
	padding: 0;
	margin: 0;
	border: 0;
}
.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(../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 {
	margin-top: 5px;
	height: 58px;
	background: #fff;
	position: relative;
	padding: 0 15px;
	margin-bottom: 10px;
}

.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(244, 247, 254, 1);
	color: #3072f6;
}

.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: 14px;
	line-height: 1.5;
}

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

.hot-activity {
	width: 100%;
	position: relative;
}

.ztkanj {
	width: 100%;
	height: auto;
}

.hot-item {
	position: absolute;
	left:30px;
	top: 7px;
	display: flex;
	width: 85%;
	justify-content: space-between;
}

.hot-activity .hot-item .num {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	display: block;
	margin-bottom:3px;
}

.hot-activity .hot-item .tip {
	font-size: 12px;
	display: block;
	font-weight: 400;
	color: #fff;
}

.hot-activity .btnbox {
	width: 90px;
	display: block;
	height: 34px;
	background: #FFECED;
	border-radius: 34px;
	font-size: 17px;
	font-weight: 700;
	color: #FF5A5F;
	line-height: 34px;
	margin-top: 4px;
	text-align: center;
}
.panel .yh {
	margin-top: 10px;
	display: flex;
	/* background-color: #FFECE7; */
	border-radius: 5px;
	position: relative;
}

.yh_dimg {
	width: 100%;
	height: 80px;
}

.yhd_info {
	position: absolute;
	top: 15px;
	left: 15px;
}
.panel{
	background-color: #FFffff;
	padding:5px 15px 15px 15px;
}
.panel .yh .yhl {
	/* padding: 20rpx; */
	font-size: 17px;
	font-weight: 700;
	color: #ffffff;
	flex: 1;
}

.panel .yh .yhl .rowyh {
	font-size: 13px;
	font-weight: 400;
	margin-top: 5px;
}

.panel .yh .yhr {
	position: absolute;
	right: 15px;
	top: 30px;
}

.panel .yh .yhr .btn {
	background-color: #FFE8E9;
	color: #FF5A5F;
	display: inline-block;
	padding: 0 10px;
	height: 26px;
	line-height: 26px;
	border-radius: 100px;
	font-size: 13px;
	font-weight: 700;
}

.panel .yh .yhr .num {
	color: #FC5302;
	margin-top: 10rpx;
	font-size: 28rpx;
}

.panel .yh.blue .yhl {
	color: #333333;
}

.panel .yh.blue .yhr .btn {
	background: #FF5A5F;
	color: #fff;
}

.panel .yh.blue .yhr .num {
	color: #15BAFD;
}

.panel .recive {
	background-color: rgb(51, 136, 255);
	color: #fff;
	height: 42px;
	text-align: center;
	font-size: 17px;
	line-height: 42px;
	margin-top: 15px;
}

.hongbao {
	width: 100%;
	height: 197px;
	position: relative;
}

.hb_img_p {
	width: 100%;
	height: 97px;
}

.hb_patop {
	position: absolute;
	top: 20px;
	left: 21px;
}

.hongbao .hb_last:first-child {
	font-size: 15px;
	color: #fd7164;
}

.hongbao .hb_last:first-child .hb_price {
	font-weight: bold;
	font-size:17px;
	margin-right:10px;
	color: red;
}

.hongbao .hb_last:nth-child(2) {
	padding-top: 4px;
	font-size: 13px;
	color: #8A8888;
}

.zhuanche_bao_bt {
	background-color: #e1f9ff;
	border-radius: 5px;
	padding: 15px;
	margin-top: 14px;
}

.hb_zhuanc {
	margin-bottom: 7px;
	position: relative;
}

.u-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.u-row-between {
	justify-content: space-between;
}

.reduced_bao .title_hb {
	font-size: 15px;
	font-weight: bold;
	color: #121212;
}

.reduced_bao .btn {
	padding: 0 10px;
	height: 26px;
	line-height:23px;
	border-radius: 30px;
	font-size: 13px;
	background: #fd6f50;
	color: #FFF;
	text-align: center;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: 12px;
}

.reduced_bao .btn2 {
	background: #09c2ec;
}

.reduced_bao .text {
	font-size: 13px;
	color: #8A8888;
}

.reduced_bao .lq {
	font-size: 13px;
	color: #8A8888;
}

.reduced_bao .lq .color {
	color: #ff6767;
}

.flex-align-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.consult-discount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 10px 0 0 0;
	padding: 7px;
	background-color: #e7f0ff;
	border-radius: 5px;
	position: relative;
}

.consult-discount input {
	width:228px;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	padding-left: 12px;
	border: 1px solid #106AFE;
	border-radius: 28px;
	background: #fff;
	font-size: 13px;
	outline: none;
	color: #999999;
}

.consult-discount .consult-btn {
	padding: 0 10px;
	height:26px;
	line-height: 26px;
	border-radius: 30px;
	font-size: 13px;
	background: #106AFE;
	color: #FFF;
	text-align: center;
	font-weight: 700;
	position: absolute;
	right: 15px;
	top: 10px;
}
.mh_cjjimg {
	width: 100%;
	height: auto;
	/* filter: blur(2px); */
}

.cjjcxbtn {
    background-color: rgba(244, 247, 254, 1);
    color: #3072f6;
	font-size: 14px;
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin-top: 10px;
	border-radius:5px;
}
.goumqun{
	padding: 15px;
	background-color: #ffffff;
}
.cont .pic .jl_image_pic {
	width: 55px;
	height: 55px;
}

.title_jl {
	font-size: 14px;
}

.p-l-10 {
	padding-left: 10px;
}

.text-3 {
	color: #333;
}

.p-b-5 {
	padding-bottom: 5px;
}

.cont .mm .swiper_jl {
	height: 30px;
	overflow: hidden;
	margin-top: 5px;
}

.swiper_jl.bg-f {
	width: 260px;
}

.cont .mm .swiper_jl .item {
	background-color: #fff !important;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #666666;
}

.mfjlq {
	margin-top: 14px;
}

.shequn .qun_tx {
	vertical-align: middle;
	width: 55px;
	height: 24px;
	display: inline-block;
}

.ftn14 {
	font-size: 14px !important;
}

.mfjlq .btn {
	border: 1px solid #15b9ff;
	border-radius: 3px;
	padding: 3px 10px;
	color: #15b9ff;
	font-size: 13px;
}
.flex-between {
	justify-content: space-between;
}
.adBox{
	padding: 15px 15px 1px 15px;
}
.adBox image{
	width: 100%;
	height: auto;
}