html {
	color: #000;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html * {
	outline: 0;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html,
body,
input,
button {
	font: 14px 微软雅黑, "Microsoft YaHei";
	scroll-behavior: smooth;
	overflow-x: hidden;
	transition: .3s;
	-webkit-transition: .3s;
}

html,
body {
	min-height: 100%;
}

body {
	height: 100%;
}

body,
div,
p,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0
}

input,
select,
textarea {
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

abbr,
acronym {
	border: 0;
	font-variant: normal
}

del {
	text-decoration: line-through
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 500
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 500
}

a:hover {
	text-decoration: none;
}

ins,
a {
	text-decoration: none
}

button {
	-webkit-appearance: none;
}

.f0 {
	font-size: 0;
}

.f12 {
	font-size: 12px !important;
}

.mrl16 {
	margin-left: 16px;
}

.w100 {
	width: 100% !important;
}

.mrl24 {
	margin-left: 24px !important;
}

.pos-r {
	position: relative;
}

.pos-a {
	position: absolute;
}

.bound {
	width: 1200px;
	margin: 0 auto;
}

.leftArea {
	float: left;
}

.rightArea {
	float: right;
}

.clearfix {
	*zoom: 1
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.menu-group {
	*zoom: 1
}

.menu-group:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.menu-group>li {
	float: left;
}

.menu-group-center {
	text-align: center;
}

.menu-group-center li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
}

.good-flex-layout {
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

/* 上下居中 */
.flex-tb {
	display: flex;
	align-items: center;
}

/* 两侧对齐 */
.flex-lr {
	display: flex;
	justify-content: space-between;
}

.flex{
	display: flex;
}

.flex-layout-cneter {
	flex-wrap: wrap;
	justify-content: space-between;
	display: flex;
}

.flex-layout {
	display: flex;
	display: -webkit-flex;
	justify-content: start;
	align-items: center;
}

.flex-layout-end {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	align-items: center;
}

.flex-layout .flex-1 {
	flex: 1;
}
.flex-lr-cen {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-column-center {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.dis-i-b {
	display: inline-block;
}

.dis-b {
	display: block;
}

/*手势*/
.gesture{
	cursor: pointer;
}

/* 文本过长点点点 */
.one-line {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

.two-line {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.three-line {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


/* 下划线 */
.underline {
	position: relative;
}

.underline::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #E7ECF2;
	transform: scaleY(.4);
}

.underline:last-child::after {
	display: none;
}

.underline.underlineOne::after {
	display: block;
}

.bg-white {
	background: #fff;
}

.col44 {
	color:#444;
}
.col4 {
	color: rgba(0,0,0,.4);
}
.col6 {
	color: rgba(0,0,0,.6);
}
.col8 {
	color: rgba(0,0,0,.8);
}
.colcb {
	color:#cbcbcb !important;
}
.col6d {
	color:#6d6d6d !important;
}
.col24 {
	color: #242424 !important;
}
.colac{
	color: #acacac !important;
}
.colff {
	color: #fff;
}
.colcc {
	color: #ccc;
}
.colWechat {
	color: #00B254;
}
.colPyq {
color:#00B2FE;
}
.colQq {
	color: #FF933E;
}
.colQqkj {
	color:#F36858;
}
.colyellow {
	color:#FFD073;
}
.theme {
	color:#04A4AA !important;
}
.bgTheme {
	background: #04A4AA !important;
}
.fz10{
	font-size: 10px !important;
}
.fz12{
	font-size: 12px !important;
}
.fz13{
	font-size: 13px !important;
}
.fz14{
	font-size: 14px !important;
}
.fz15{
	font-size: 15px !important;
}
.fz16{
	font-size: 16px !important;
}
.fz17{
	font-size: 17px !important;
}
.fz18{
	font-size: 18px !important;
}
.fz19{
	font-size: 19px !important;
}
.fz20{
	font-size: 20px !important;
}
.fz22{
	font-size: 22px !important;
}
.fz23{
	font-size: 23px !important;
}
.fz30{
	font-size: 30px !important;
}
.line-h-17 {
	line-height: 17px;
}
.line-h-18 {
	line-height: 18px;
}
.line-h-19 {
	line-height: 19px;
}
.line-h-20 {
	line-height: 20px;
}
.line-h-21 {
	line-height: 21px;
}
.line-h-22 {
	line-height: 22px;
}


.fwb {
	font-weight: bold;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}

.margin-left-xs{
	margin-left: 5px;
}
.margin-left-sm{
	margin-left: 10px;
}
.margin-left{
	margin-left: 15px;
}
.margin-left-lg{
	margin-left: 20px;
}
.margin-right-xs{
	margin-right: 5px;
}
.margin-right-sm{
	margin-right: 10px;
}
.margin-right{
	margin-right: 15px;
}
.margin-right-lg{
	margin-right: 20px;
}
.margin-top-xs{
	margin-top: 5px;
}
.margin-top-sm{
	margin-top: 10px;
}
.margin-top{
	margin-top: 15px;
}
.margin-top-lg{
	margin-top: 20px;
}
.margin-bottom-xs{
	margin-bottom: 5px;
}
.margin-bottom-sm{
	margin-bottom: 10px;
}
.margin-bottom{
	margin-bottom: 15px;
}
.margin-bottom-lg{
	margin-bottom: 20px;
}
.margin-lr-xs{
	margin-left: 5px;
	margin-right: 5px;
}
.margin-lr-sm{
	margin-left: 10px;
	margin-right: 10px;
}
.margin-lr{
	margin-left: 15px;
	margin-right: 15px;
}
.margin-lr-lg{
	margin-left: 20px;
	margin-right: 20px;
}



/*radio按钮颜色 以及字体颜色*/
.layui-form-item.radiuColor .layui-form-radio>i:hover,
.layui-form-item.radiuColor .layui-form-radioed>i {
	color:#04A4AA;
}
.layui-form-item.radiuColor .layui-form-radioed {
	color: #04A4AA;
}

.layui-textarea {
	resize: none;
}

.layui-form-select dl dd.layui-this {
	background-color: #04A4AA;
}


/*会员中心tab下的tab*/
.info-tab {
	margin-bottom: 20px;
	background: #F9FBFB;
}
.info-tab li {
	font-size: 15px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	padding:0 16px;
	position: relative;
}
.info-tab li a {
	color: #6D6D6D;
}

.info-tab li.active a {
	color: #04A4AA;
}

.info-tab li .tip-red {
	position: absolute;
	right: 13px;
	top: 18px;
	width: 4px;
	height: 4px;
	background: #FD5945;
	border-radius: 50%;
}




/* 图片1：1 滑动放大 */
.block-layout {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
}

.block-layout img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	bottom: 0;
	border-radius: 3px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
}

.block-layout img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	border-radius: 3px;
}


/* 从下往上缓冲显示 */
@-webkit-keyframes bottomFadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bottomFadeIn {
	0% {
		opacity: 0;
		-moz-transform: translateY(10px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@keyframes bottomFadeIn {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 从上往下缓冲显示 */
@-webkit-keyframes topFadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes topFadeIn {
	0% {
		opacity: 0;
		-moz-transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@keyframes topFadeIn {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 从左往右缓冲显示 */
@-webkit-keyframes leftFadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes leftFadeIn {
	0% {
		opacity: 0;
		-moz-transform: translateX(-10px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@keyframes leftFadeIn {
	0% {
		opacity: 0;
		transform: translateX(-10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 从右往左缓冲显示 */
@-webkit-keyframes rightFadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes rightFadeIn {
	0% {
		opacity: 0;
		-moz-transform: translateX(10px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@keyframes rightFadeIn {
	0% {
		opacity: 0;
		transform: translateX(10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 透明式显示 */
@-webkit-keyframes opacityFadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes opacityFadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes opacityFadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* input提示文字颜色 */
::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.20);
}

:-moz-placeholder {
	color: rgba(0, 0, 0, 0.20);
}

::-moz-placeholder {
	color: rgba(0, 0, 0, 0.20);
}

:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.20);
}

/* 价钱颜色 */
.col-price {
	color: #FD5945;
}
.col-4 {
	color: rgba(0,0,0,.4);
}
.col-6 {
	color: rgba(0,0,0,.6);
}
.col-8 {
	color: rgba(0,0,0,.8);
}

/* 鼠标滑动效果主题色 */
/* .submit:hover {
	box-shadow: 0 0 6px 0 #04A4AA;
	transition: .3s;
} */
input {
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
}

input[type=text]:focus,
textarea:focus {
	/* box-shadow:inset 0 0 6px 0 #04A4AA; */
	outline: none;
	/* -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	transition: .3s; */
}

/* 鼠标滑动 */
.storeIn .searchInner .search-wrap .found:hover {
	box-shadow: 0 0 6px 0 #FA666B;
}

/* 头部最上边一条 */
header {
	z-index: 2;
}

.topInner .top {
	background: #04A4AA;
}

.topInner .top .menu {
	height: 40px;
}

.topInner .top .menu li {
	line-height: 40px;
	height: 40px;
}

.topInner .top .menu li+li {
	margin-left: 30px;
}

.topInner .top .menu li a {
	font-size: 12px;
	color: #fff;
}

.topInner .top .menu li .reg {
	color: #fff;
	margin-right: 10px;
}

.topInner .top .menu li .reg:before {
	content: '';
	position: absolute;
	right: -7px;
	top: 3px;
	bottom: 2px;
	width: 1px;
	background: #2D9195;
}

/* 公共头部 */
.common-header .botInner {
	/* box-shadow: 0 2px 12px 0 #CFE5FB; */
}

.common-header .botInner .search {
	padding: 24px 0 0;
}

.common-header .botInner .search .logo {
	margin: 0 52px 0 0;
}

.common-header .botInner .house.search .logo i {
	position: relative;
	top: 0;
}

.common-header .botInner .search .search-topinner {
	font-size: 20px;
	margin: 0 0 12px;
	color: #04A4AA;
	line-height: 28px;
}

.common-header .botInner .search .bot .search-topinner li {
	margin: 0 8px;
	cursor: pointer;
	position: relative;
}

.common-header .botInner .search .bot .search-topinner li.active {
	font-weight: 600;
}

.common-header .botInner .search .bot .search-topinner li.active::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 4px solid;
	border-color: transparent transparent #04A4AA transparent;
	bottom: -12px;
	left: 50%;
	margin-left: -4px;
}

.common-header .botInner .search .bot .btn-search-wrap {
	border: 1px solid #E7E7E7;
	box-sizing: border-box;
	background: #F9F9F9;
	border-radius: 30px;
	padding-right: 3px;
}

.common-header .botInner .search .bot .btn-search-wrap input {
	outline: none;
	border: 0;
	box-sizing: border-box;
	padding: 0 0 0 16px;
	font-size: 14px;
	height: 45px;
	flex: 1;
	border-radius: 30px;
}

.common-header.house .botInner .search .bot .btn-search-wrap input {
	padding-left: 121px;
}

.common-header .botInner .search .bot ::-webkit-input-placeholder {
	/* WebKit browsers */
	color: rgba(0, 0, 0, 0.20);
}

.common-header .botInner .search .bot :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: rgba(0, 0, 0, 0.20);
}

.common-header .botInner .search .bot ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: rgba(0, 0, 0, 0.20);
}

.common-header .botInner .search .bot :-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: rgba(0, 0, 0, 0.20);
}

.common-header.car .botInner .search .bot .btn-search-wrap,
.common-header.goods .botInner .search .bot .btn-search-wrap,
.common-header.job .botInner .search .bot .btn-search-wrap,
.common-header.house .botInner .search .bot .btn-search-wrap,
.common-header.service .botInner .search .bot .btn-search-wrap {
	background: #fff;
}

.common-header .botInner .search .bot .btn-search-wrap .map-house {
	display: inline-block;
	line-height: 45px;
	text-align: right;
	padding: 0 20px 0 10px;
	color: #CBCBCB;
	box-sizing: border-box;
	background: #fff;
}

.common-header .botInner .search .bot .btn-search-wrap .map-house i {
	color: #CBCBCB;
	margin-right: 5px;
}

.common-header .botInner .search .bot .btn-search-wrap .map-house::before {
	content: '';
	position: absolute;
	top: 13px;
	bottom: 12px;
	width: 1px;
	background: #E9E9E9;
	left: 0;
}

.common-header .botInner .search .bot .btn-search-wrap .btn-search {
	width: 39px;
	height: 39px;
	text-align: center;
	line-height: 39px;
	outline: none;
	border: 0;
	vertical-align: middle;
	background: #04a4aa;
	cursor: pointer;
	border-radius: 50%;
}

.common-header .botInner .search .bot .btn-search-wrap .btn-search img {
	vertical-align: middle;
}

.common-header .botInner .search .btn {
	font-size: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.common-header .botInner .search .btn button {
	border-radius: 30px;
	border: 0;
	outline: none;
	width: 111px;
	height: 41px;
	font-size: 14px;
}

.common-header .botInner .search .btn .btn-2 {
	background-image: linear-gradient(180deg, #33DBA1 0%, #2ACECD 95%);
	box-shadow: 0 2px 4px 0 #CFE5FB;
	margin: 0 9px 0 19px;
}

.common-header .botInner .search .btn .btn-3 {
	background: url('/static/img/xgd_biankuang.png') no-repeat;
	background-size: 100%;
}

.common-header .botInner .search .btn .btn-3 a {
	color: #04a4aa;
}

.common-header .botInner .search .btn .btn-2 a {
	color: #fff;
}

.common-header .botInner .search .btn .btn-1 {
	width: auto;
	background: #fff;
	height: auto;
	border-radius: 0;
}

.common-header .botInner .search .btn .btn-1 .iconfont {
	font-size: 28px;
	display: block;
}

.common-header .botInner .search .btn .btn-1 a {
	color: #04A4AA;
	font-size: 12px;
}

.common-header .botInner .search .btn button:hover {
	cursor: pointer;
}

.common-header .botInner .house-menu {
	line-height: 22px;
	background: #fff;
	padding: 44px 0 20px;
}

.common-header .botInner .house-menu li:last-child {
	margin-right: 0;
}
.common-header .botInner .house-menu li {
	margin-right: 49px;
}

.common-header .botInner .house-menu li a {
	color: #242424;
	font-size: 17px;
	display: block;
	position: relative;
	font-weight: 500;
}

.common-header .botInner .house-menu li.active a {
	color: #04A4AA;
}

.common-header .botInner .house-menu li.active a:before {
	content: '';
	position: absolute;
	bottom: -3px;
	height: 1px;
	background: #04A4AA;
	left: 0;
	right: 0;
}

.common-header .botInner .house-menu li:hover a:before {
	content: '';
	position: absolute;
	bottom: -3px;
	height: 1px;
	background: #04A4AA;
	left: 0;
	right: 0;
}

/* 收藏 分享*/
.share {
	padding: 0 0 6px;
}

.share>i {
	font-size: 24px;
	color: #04A4AA;
	cursor: pointer;
}

.share p {
	background: #fff;
	width: 181px;
	height: 55px;
	top: 30px;
	left: 50%;
	margin-left: -95px;
	box-sizing: border-box;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	display: flex !important;
	align-items: center;
	justify-content: center;
	z-index: -1;
	opacity: 0;
	border-radius: 2px;
}

.share p .wechat,
.share p .qq,
.share p .qqkj {
	margin-right: 10px;
}

.share p a {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.share p .wechat i {
	font-size: 32px;
	color: #96D544;
}

.share p .qq i {
	font-size: 32px;
	color: #FFD073;
}

.share p .weibo i {
	font-size: 32px;
	color: #EA5D5C;
}

.share p .qqkj i {
	font-size: 32px;
	color: #3F93DD;
}


.collection .icon {
	font-size: 23px;
	color: #04A4AA;
	cursor: pointer;
}

.share:hover p {
	z-index: 2;
	opacity: 1;
	-webkit-animation: topFadeIn .3s ease-out;
	-moz-animation: topFadeIn .3s ease-out;
	animation: topFadeIn .3s ease-out;
}

.collection.active .icon-xgd_icon_collect,
.collection .icon-xgd_icon_collected {
	display: none;
}

.collection.active .icon-xgd_icon_collected {
	display: block;
}

.collection.active img {
	background: url(../img/icon_sc_a.png) no-repeat;
}


.qr-code-wrap i {
	font-size: 20px;
	color: #04A4AA;
}



/* 暂无 */
.zanwu {
	text-align: center;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.40);
	line-height: 22px;
	padding: 24px 0 0;
}

.zanwu img {
	margin: 0 auto 16px;
	display: block;
}

/* foot */
footer {
	margin: 120px 0 0;
	text-align: center;
	/*height: 120px;*/
	background: #057D82;
	box-sizing: border-box;
	padding: 40px 0 38px;
}

footer ul {
	font-size: 0;
}

footer ul li {
	padding: 0 7px;
	position: relative;
	margin: 0 0 6px;
}

footer ul li:first-child:before {
	display: none;
}

footer ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	bottom: 5px;
	width: 1px;
	background: #04a4aa;

}

footer ul li a {
	font-size: 14px;
	color: rgba(255, 255, 255, .8);
	line-height: 22px;
	display: block;

}


footer p {
	font-size: 12px;
	color: rgba(255, 255, 255, .6);
	line-height: 20px;
}



/* 相册 */

.house-detail .album {
	margin: 84px 0 0;
}

.house-detail .album .title {
	font-size: 30px;
	color: rgba(0, 0, 0, .8);
	line-height: 38px;
	margin: 0 75px 24px 0;
	display: inline-block;
}

.house-detail .album .nav {
	display: inline-block;
	font-size: 20px;
	color: rgba(0, 0, 0, .4);
	line-height: 28px;
	padding: 6px 0 0;
}

.house-detail .album .nav p {
	display: inline-block;
	margin: 0 12px;
	cursor: pointer;
}

.house-detail .album .nav p span {
	display: inline-block;
	padding: 0 0 0 8px;
}

.house-detail .album .nav p.active {
	border-bottom: 2px solid #04A4AA;
	color: rgba(0, 0, 0, 0.80);
	padding: 0 0 6px;
}

.house-detail .album .album-wrap {
	padding: 0 110px;
	background: #F9FBFB;
	border-radius: 4px;
}

.house-detail .album .album-wrap .album-banner {
	-webkit-animation: opacityFadeIn 1s ease-out;
	-moz-animation: opacityFadeIn 1s ease-out;
	animation: opacityFadeIn 1s ease-out;
}

.house-detail .album .album-wrap .album-banner .gallery-top {
	height: 735px;
}

.house-detail .album .album-wrap .album-banner .gallery-thumbs {
	height: 134px;
	margin-top: 18px;
}

.house-detail .album .album-wrap .album-banner .swiper-slide {
	text-align: center;
}

.house-detail .album .album-wrap .album-banner .swiper-slide img {
	width: auto;
	height: 100%;
	border-radius: 3px;
}

.house-detail .album .album-wrap .album-banner .swiper-pagination {
	font-size: 16px;
	color: rgba(255, 255, 255, .8);
	line-height: 24px;
	text-align: right;
	box-sizing: border-box;
	padding: 0 16px;
}

.house-detail .album .album-wrap .album-banner .swiper-slide img {
	border: 2px solid #fff;
	box-sizing: border-box;
}

.house-detail .album .album-wrap .album-banner .swiper-slide-thumb-active img {
	border: 2px solid #04A4AA;
	box-sizing: border-box;
}

/* 户型弹窗 */
.popup-house-type-box {
	padding: 16px 16px 0;
	display: none;
}

.popup-house-type-box>.tips {
	font-size: 30px;
	color: rgba(0, 0, 0, .8);
	line-height: 38px;
	padding: 0 0 16px;
}

.popup-house-type-box .tips span {
	display: inline-block;
	padding: 0 6px;
}

.popup-house-type-box .left-area {
	width: 700px;
	box-sizing: border-box;
}

.popup-house-type-box .left-area .house-type-img-t {
	height: 564px;
}

.popup-house-type-box .left-area img {
	width: 100%;
	height: 100%;
}

.popup-house-type-box .left-area .house-type-img-b img {
	box-sizing: border-box;
	border: 2px solid #fff;
}

.popup-house-type-box .left-area .swiper-slide-thumb-active img {
	border: 2px solid #04A4AA;
}

.popup-house-type-box .house-type-img-b {
	height: 110px;
	margin: 16px 0 0;
}

.popup-house-type-box .house-type-img-t .swiper-pagination {
	padding: 0 16px 6px;
	z-index: 2;
	text-align: right;
	box-sizing: border-box;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
	color: #fff;
	bottom: 0;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	font-size: 20px;
	font-weight: bold;
}

.popup-house-type-box .right-area {
	width: 364px;
	padding: 0 0 0 32px;
}

.popup-house-type-box .right-area .price {
	cursor: context-menu;
}

.popup-house-type-box .right-area .price .big-size {
	font-size: 30px;
	color: #FD5945;
	line-height: 38px;
}

.popup-house-type-box .right-area .price .company {
	font-size: 16px;
	color: #FD5945;
	line-height: 38px;
}

.popup-house-type-box .right-area .price .tips {
	font-size: 12px;
	color: rgba(3, 0, 0, .4);
	line-height: 20px;
}

.popup-house-type-box .right-area .btn {
	border: 1px solid #04A4AA;
	border-radius: 4px;
	width: 88px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #04A4AA;
	text-align: center;
	letter-spacing: 0;
	cursor: pointer;
}

.popup-house-type-box .right-area .info-list {
	margin: 35px 0 0;
	cursor: context-menu;
}

.popup-house-type-box .right-area .info-list li {
	width: 50%;
	margin: 0 0 16px;
}

.popup-house-type-box .right-area .info-list li:last-child {
	width: 100%;
}

.popup-house-type-box .right-area .info-list li p {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.80);
	line-height: 22px;
}

.popup-house-type-box .right-area .info-list li p:first-child {
	color: rgba(0, 0, 0, 0.60);
	margin: 0 10px 0 0;
}

.popup-house-type-box .right-area .info-list li p.info-c {
	color: #030000;
}

/* 面包屑 */
.crumbs {
	padding: 16px 0 16px 17px;
	color: #6d6d6d;
	font-size: 12px;
	cursor: context-menu;
	box-sizing: border-box;
}

.crumbs.member a:last-child{
	color: #6d6d6d;
	cursor: context-menu;
}

.crumbs a {
	position: relative;
}

.crumbs a {
	color: #cbcbcb;
}

.crumbs a:first-child:before {
	content: '\e6e6';
	position: absolute;
	left: -17px;
	top: 2px;
	color: #cbcbcb;
	font-family: "iconfont";
}

.bright {
	color: #FD5945 !important;
}

/* car */

.common-header .botInner.car .search .bot .btn-search-wrap::before {
	display: none;
}

.common-header .botInner .search .bot {
	min-width: 594px;
}

.common-header .botInner.car .search {
	justify-content: flex-start;
}

.common-header .botInner.car .search .btn {
	max-width: none;
	right: 0;
	bottom: 0;
	text-align: right;
}

.common-header .botInner .search .logo a {
	display: inline-block;
}

.common-header .botInner .search .logo a + a {
	position: relative;
	top:6px;
}

.common-header .botInner .search .logo img {
	width: 132px;
}

.common-header .botInner .search .logo i {
	position: relative;
	display: block;
	margin-left: 20px;
	/*top: 5px;*/
	height: 15px;
	font-size: 0;
}

.common-header .botInner .search .logo i::after {
	content: '';
	position: absolute;
	left: -12px;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	background: #04A4AA;
	border-radius: 50%;
}

/* layer弹窗title背景颜色 */
.layui-layer-title {
	background-color: rgba(63, 147, 221, 0.10) !important;
	line-height: 48px;
	height: 48px;
}

/* 分页 */
.paging ul {
	font-size: 0;
}

.paging ul li {
	margin: 0 4px;
}

.paging ul li a {
	display: block;
	color: rgba(0, 0, 0, 0.65);
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 2px;
	font-size: 14px;
	cursor: pointer;
}

.paging ul li.active a {
	border: 1px solid #04A4AA;
	background: #04A4AA;
	border-radius: 2px;
	color: #fff;
}

.paging ul li:hover a {
	border: 1px solid #04A4AA;
	background: #04A4AA;
	border-radius: 2px;
	color: #fff;
}

.paging ul li i {
	line-height: normal;
	font-size: 12px;
}

/* 电话icon */
.icon.icon-xgd_icon_dh {
	font-size: 12px;
	color: #fff;
	margin: 0 8px;
}

/*地址*/
.icon.icon-xgd_icon_addr {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.40);
}

/*房子icon*/
.icon.icon-xgd_icon_fz {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.40);
}

/* 招聘求职 */
.common-header .botInner.job .search .logo {
	max-width: 229px;
}

.common-header .botInner.job .search .btn {
	max-width: none;
	right: 0;
	bottom: 0;
	text-align: right;
}

.common-header .botInner.job .search .bot {
	align-self: flex-end;
	max-width: 558px;
}

.common-header .botInner.job .btn dl {
	margin: 0 0 16px;
	line-height: 28px;
}

.common-header .botInner.job .btn dl dt img {
	margin: 0 8px;
	vertical-align: middle;
}

.common-header .job .search .btn .btn-m {
	font-size: 14px;
	color: #04A4AA;
	display: inline-block;
}

.common-header .botInner.job .btn dl dt {
	font-size: 16px;
	color: rgba(3, 0, 0, 0.60);
	margin: 0 20px 0 0;
	cursor: default;

}

.common-header .botInner.job .btn dl dd {
	font-size: 20px;
	color: rgba(3, 0, 0, 0.80);
	letter-spacing: 0;
	cursor: default;
}

/* 性别颜色 */
.icon-xgd_icon_man {
	color: #3F93DD;
}

.icon-xgd_icon_women {
	color: #FF7097;
}


/* font */

@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.eot');
	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
	url('../font/iconfont.woff2') format('woff2'),
	url('../font/iconfont.woff') format('woff'),
	url('../font/iconfont.ttf') format('truetype'),
	url('../font/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;
	line-height: normal;
}

.picNum {
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 5px;
	font-size: 14px;
	z-index: 1;
	/*-webkit-border-radius: 0 0 0 5px;*/
	/*-moz-border-radius: 0 0 0 5px;*/
	/*border-radius: 0 0 0 5px;*/
}

/* footer 底部滑动禁止变色 */
footer ul li a:hover {
	color: rgba(255, 255, 255, .8);
}

/* 筛选 列表筛选 */
.sel-wrap .sel-r-inner {
	margin-left: 68px;
}

.sel-wrap .sel-r-inner .r-inner-sel a {
	margin: 0 14px 24px 0;
	display: inline-block;
}

.sel-wrap .sel-r-inner .r-inner-sel.sel-b {
	margin: 0;
}

.select-inner {
	padding: 24px 24px 0;
}

.select-inner .sel-c a {
	font-size: 14px;
	color: rgba(3, 0, 0, .6);
	line-height: 22px;
	margin: 0 14px 24px 0;
	padding: 0 5px 0 0;
	display: inline-block;
}

.select-inner .sel-c a.active {
	color: #04A4AA;
}

.select-inner .sel-b {
	margin-bottom: 24px;
}

.sel-check {
	line-height: 22px;
}

/* 筛选左侧 */
.select-inner .sel-t {
	font-size: 14px;
	color: rgba(3, 0, 0, .8);
	line-height: 22px;
}

/* 已选 */
.select-inner .selected {
	font-size: 0;
	padding: 24px 0 0;
	border-top: 1px solid #E7ECF2;
	display: none;
}

.selected dl {
	line-height: 22px;
}

.selected dd {
	/* height: 22px; */
	margin-bottom: 14px;
}

.selected dd a {
	display: inline-block;
	background: rgba(53, 217, 227, 0.10);
	border-radius: 2px;
	padding: 0 10px !important;
	color: rgba(0, 0, 0, 0.60);
	cursor: pointer;
	font-size: 14px;
	margin: 0 8px 10px 0;
}

.selected dd a .icon {
	color: #ccc;
	font-size: 12px;
	margin: 0 0 0 8px;
}

/* 下拉筛选 */

.sel-4 .sel-t-c {
	cursor: pointer;
	margin-right: 66px;
	padding: 0 0 5px 0;
}

.sel-4 .sel-t-c .pos-a {
	display: none;
	left: -16px;
	right: -15px;
	top: 24px;
	background: #fff;
	padding: 10px 0;
	box-shadow: 0px 3px 7px 0px rgba(0, 22, 49, 0.13);
	z-index: 1;
}

.sel-4 .sel-t-c a {
	display: block;
	text-align: center;
	line-height: 42px;
}

.sel-4 .sel-t-c a:hover {
	color: #04A4AA;
}

.sel-4 .sel-t-c i {
	font-size: 12px;
	color: rgba(0, 0, 0, .25);
	margin: 0 0 0 5px;
	transform: scale(.8);
	display: inline-block;
}

/* 筛选输入框和按钮 */
.select-inner .free {
	color: rgba(0, 0, 0, .6);
	margin: 0 0 0 70px;
	font-size: 12px;
}

.select-inner .free input {
	width: 56px;
	height: 22px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 2px;
	margin: 0 4px;
	color: #333;
	font-size: 12px;
	padding: 0 2px;
	box-sizing: border-box;
}

.select-inner .free a.btn,
.select-inner .free button.btn {
	width: 40px;
	background: #04a4aa;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 0 8px;
	border: 0;
	outline: none;
	cursor: pointer;
	display: inline-block;
	padding: 0;
}

.videoIcon img {
	position: relative;
	width: 25px !important;
	height: 25px !important;
	max-width: 25px !important;
	max-height: 25px !important;
	margin-right: 5px;
}

.videoIcon {
	position: absolute;
	left: 10px;
	bottom: 10px;
}


/* 右侧slider */
.r-slider {
	position: fixed;
	right: 0;
	top: 44vh;
	width: 50px;
	text-align: center;
	z-index: 999;
}

.r-slider li a {
	display: block;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, .4);
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

.r-slider li a:hover {
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
}

.r-slider li a:hover .iconfont {
	color: #fff;
}

.r-slider li a .iconfont {
	color: rgba(255, 255, 255, .4);
	display: block;
}

.r-slider li.go-top a {
	display: flex;
	flex-flow: column;
}

.r-slider li .text {
	display: none;
	right: 50px;
	top: 0;
	text-align: center;
	line-height: 50px;
	background: rgba(0, 0, 0, .8);
	color: #fff;
	cursor: pointer;

}

.r-slider li .text.show {
	-webkit-animation: rightFadeIn 1s ease-out;
	-moz-animation: rightFadeIn 1s ease-out;
	animation: rightFadeIn 1s ease-out;
}

.r-slider li.tel .text {
	width: 158px;
}

.r-slider li.kefu .text {
	width: 108px;
}

.r-slider li.weChat .text {
	width: 150px;
	height: 150px;
	cursor: pointer;
	box-sizing: border-box;
	padding: 12px 8px;
	font-size: 0;
	line-height: normal;
	top: -100px;
}

.r-slider li.weChat .text p {
	font-size: 15px;
	color: #fff;
	line-height: normal;
	margin-top: 7px;
}

.r-slider li.weChat .text img {
	width: 104px;
}

.r-slider li.go-top .text {
	width: 108px;
	cursor: pointer;
}

.r-slider li:hover .text {
	display: block;
	-webkit-animation: rightFadeIn 1s ease-out;
	-moz-animation: rightFadeIn 1s ease-out;
	animation: rightFadeIn 1s ease-out;
}

.btn-down {
	z-index: 99;
	top: 0;
	bottom: 0;
	left: 0;
	width: 101px;
}

.btn-down .layui-btn {
	height: 45px;
	margin: 0;
	width: 101px;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: #6D6D6D;
	background: #F9F9F9;
	display: flex;
	align-items: center;
	justify-content: center;
	/* border-top-left-radius: 30px; */
}

.btn-down .layui-btn i {
	margin-left: 3px;
}
.btn-down .layui-btn-container{
	position: relative;
	background: #F9F9F9;
	z-index: 2;
	overflow: hidden;
	border-top-left-radius: 23px;
	border-bottom-left-radius: 23px;
}
.btn-down .con {
	display: none;
	position: absolute;
	top:0;
	left:0;
	background: #F9F9F9;
	border-top-left-radius: 23px;
	font-size: 12px;
	color: #6D6D6D;
	line-height: 30px;
	padding: 51px 0 8px;
	z-index: 1;
}
.btn-down .con p {
	cursor: pointer;
	padding:0 23px 0 24px;
}


/*轮播图放大*/
.popup-album {
	display: none;
}
.p-album-wrap.layui-layer {
	background-color: #000;
}
.p-album-wrap.layui-layer .left-area {
	width: 100%;
}
.p-album-wrap.layui-layer .left-area img {
	width: 100%;
}
.p-album-wrap.layui-layer .popup-b .swiper-slide {
	margin-top: 16px;
}
.p-album-wrap.layui-layer .layui-layer-setwin {
	z-index: 2;
}

.layui-layer-shade {
	/*opacity : .9 !important;*/
}

.layui-layer .layui-layer-ico{
	background: url(/static/img/icon.png) no-repeat;
}

.layui-layer-setwin .layui-layer-close1 {
	background-position: 1px -40px !important;
}

.p-album-wrap.layui-layer .swiper-pagination {
	text-align: right;
	color:#fff;
	padding-right: 15px;
}

.p-album-wrap.layui-layer .swiper-button-next:after,
.p-album-wrap.layui-layer .swiper-container-rtl .swiper-button-prev:after,
.p-album-wrap.layui-layer .swiper-button-prev:after,
.p-album-wrap.layui-layer .swiper-container-rtl .swiper-button-next:after {
	font-size: 40px;
}
.get-phone-tip:before{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0;
	transform:rotate(-45deg);
	margin-top: -6px;
	left: 50%;
	border: 1px solid #FF933E;
	border-left: none;
	border-bottom: none;
	background-color: #fff;
}
.get-phone-tip > div:first-child{
	color: #FF933E;
	font-size: 14px;
}
.get-phone-tip > div:last-child{
	color:#6D6D6D;
	font-size: 12px;
}
.get-phone-tip > div{
	height: auto;
	line-height: 22px;
}
.get-phone-tip{
	position: absolute;
	top: 110%;
	left: -60px;
	border: 1px solid #FF933E;
	background-color: #fff;
	z-index: 1000;
	padding: 10px 20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: 280px;
	text-align: center;
	display: none;
}
.get-phone:hover .get-phone-tip{
	display: block;
}
.get-phone{
	position: relative;
	cursor: pointer;
}


.textSpa {
	position: relative;
	width: 70px;
	text-align: justify;
	text-align-last: justify;
	padding-right: 10px !important;
	box-sizing: border-box;
}

.textSpa:after {
	content: ':';
	position: absolute;
	top: 0;
	right: 5px;
}












/*  -- 内外边距 -- */

.margin-0 {
	margin: 0;
}

.margin-xs {
	margin: 5px;
}

.margin-sm {
	margin: 10px;
}

.margin {
	margin: 15px;
}

.margin-lg {
	margin: 20px;
}

.margin-top-xs {
	margin-top: 5px;
}

.margin-top-sm {
	margin-top: 10px;
}

.margin-top {
	margin-top: 15px;
}

.margin-top-lg {
	margin-top: 20px;
}

.margin-right-xs {
	margin-right: 5px;
}

.margin-right-sm {
	margin-right: 10px;
}

.margin-right {
	margin-right: 15px;
}

.margin-right-lg {
	margin-right: 20px;
}

.margin-bottom-xs {
	margin-bottom: 5px;
}

.margin-bottom-sm {
	margin-bottom: 10px;
}

.margin-bottom {
	margin-bottom: 15px;
}

.margin-bottom-lg {
	margin-bottom: 20px;
}

.margin-left-xs {
	margin-left: 5px;
}

.margin-left-sm {
	margin-left: 10px;
}

.margin-left {
	margin-left: 15px;
}

.margin-left-lg {
	margin-left: 20px;
}


.margin-lr-xs {
	margin-left: 5px;
	margin-right: 5px;
}

.margin-lr-sm {
	margin-left: 10px;
	margin-right: 10px;
}

.margin-lr {
	margin-left: 15px;
	margin-right: 15px;
}

.margin-lr-lg {
	margin-left: 20px;
	margin-right: 20px;
}


.margin-tb-xs {
	margin-top: 5px;
	margin-bottom: 5px;
}

.margin-tb-sm {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-tb {
	margin-top: 15px;
	margin-bottom: 15px;
}

.margin-tb-lg {
	margin-top: 20px;
	margin-bottom: 20px;
}


.padding-0 {
	padding: 0;
}

.padding-xs {
	padding: 5px;
}

.padding-sm {
	padding: 10px;
}

.padding {
	padding: 15px;
}

.padding-lg {
	padding: 20px;
}


.padding-top-xs {
	padding-top: 5px;
}

.padding-top-sm {
	padding-top: 10px;
}

.padding-top {
	padding-top: 15px;
}

.padding-top-lg {
	padding-top: 20px;
}

.padding-right-xs {
	padding-right: 5px;
}

.padding-right-sm {
	padding-right: 10px;
}

.padding-right {
	padding-right: 15px;
}

.padding-right-lg {
	padding-right: 20px;
}


.padding-bottom-xs {
	padding-bottom: 5px;
}

.padding-bottom-sm {
	padding-bottom: 10px;
}

.padding-bottom {
	padding-bottom: 15px;
}

.padding-bottom-lg {
	padding-bottom: 20px;
}

.padding-left-xs {
	padding-left: 5px;
}

.padding-left-sm {
	padding-left: 10px;
}

.padding-left {
	padding-left: 15px;
}

.padding-left-lg {
	padding-left: 20px;
}


.padding-lr-xs {
	padding-left: 5px;
	padding-right: 5px;
}

.padding-lr-sm {
	padding-left: 10px;
	padding-right: 10px;
}

.padding-lr {
	padding-left: 15px;
	padding-right: 15px;
}

.padding-lr-lg {
	padding-left: 20px;
	padding-right: 20px;
}


.padding-tb-xs {
	padding-top: 5px;
	padding-bottom: 5px;
}

.padding-tb-sm {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding-tb {
	padding-top: 15px;
	padding-bottom: 15px;
}

.padding-tb-lg {
	padding-top: 20px;
	padding-bottom: 20px;
}

.boxMargin-lr {
	padding-left: 15px !important;
	padding-right: 15px !important;
}