﻿body {
	font-family: "微软雅黑",Helvetica,Tahoma,Arial,STXihei,"华文细黑","Microsoft YaHei",SimSun,"宋体",Heiti,"黑体",sans-serif
}

a {
	color: #787878
}

a:hover {
	text-decoration: none;
	color: #f25824
}

var {
	font-style: normal
}

ul {
	margin: 0;
	padding-left: 0;
	list-style-type: none
}
.navbar-right {
    float:right !important
}
textarea:focus,input:focus {
	outline: 0
}

a:focus {
	text-decoration: none
}

.current_page {
	color: #f25824!important
}

.cursor {
	cursor: pointer
}

.no-cursor {
	cursor: default!important
}

.no-cursor:hover {
	color: #787878
}

.text-center {
	text-align: center
}

.ml5 {
	margin-left: 5px
}

.mr5 {
	margin-right: 5px
}

.mt10 {
	margin-top: 10px!important
}

.mt80 {
	margin-top: 80px!important
}

.pb10 {
	padding-bottom: 10px
}

.mb15 {
	margin-bottom: 15px
}

.mt20 {
	margin-top: 20px!important
}

.w400 {
	width: 400px
}

.w1200 {
	width: 1200px!important
}

.pb0 {
	padding-bottom: 0
}

.no-mb {
	margin-bottom: 0!important
}

.no-border-right {
	border-right: 0!important
}

.no-border-bottom {
	border-bottom: 0!important
}

.overlay {
	position: fixed;
	left: 50%;
	top: 50%;
	margin: 0;
	background-color: #000;
	color: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	z-index: 5000
}

.contain {
	width: 1000px;
	margin: 0 auto
}

.noborder {
	border: 0!important
}

.custom-navbar {
	width: 100%;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	z-index: 9;
	background-color: #fff;
	opacity: .9;
	border-radius: 0;
	border-width: 0 0 1px
}

.custom-navbar a {
	font-size: 16px
}

.custom-navbar .logo {
	max-width: 212px;
}

.custom-navbar .navbar-brand {
	padding: 5px
}

.custom-navbar .navbar-mobile {
	background-image: url(/esf/v1/web/img/navbar_mobile_d156537.png);
	padding-right: 5px;
	text-align: right;
	width: 100px;
	background-repeat: no-repeat;
	background-position: center
}

.custom-navbar .city {
	display: inline-block;
	position: relative;
	margin-top: 14px;
	margin-left: 25px;
	padding-left: 25px;
	padding-right: 15px;
	height: 26px;
	font-size: 16px;
	color: #656565;
	border-left: 1px solid #dadada;
	background-image: url(/esf/v1/web/img/triangle_black_down_8e27d54.png);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer
}

.custom-navbar .city .city-list {
	display: none;
	width: 500px;
	padding: 20px;
	padding-bottom: 0;
	position: absolute;
	top: 51px;
	left: -1px;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #ccc;
	z-index: 99
}

.custom-navbar .city .city-list dl {
	border-bottom: 1px solid #e0e0e0
}

.custom-navbar .city .city-list dl:last-child {
	border-bottom: 0;
	margin-bottom: 10px
}

.custom-navbar .city .city-list dt {
	float: left;
	margin-left: 10px
}

.custom-navbar .city .city-list dd {
	max-width: 380px;
	margin-left: 90px;
	padding-bottom: 10px
}

.custom-navbar .city .city-list dd a {
	float: left;
	margin-bottom: 5px;
	margin-right: 10px;
	text-align: left;
	font-size: 14px;
	white-space: nowrap;
	color: #787878
}

.custom-navbar .city .city-list dd a:hover {
	text-decoration: none;
	color: #ed6d3e
}

.container-my {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.container-my:before,.container-my:after {
	display: table;
	content: " "
}

.container-my:after {
	clear: both
}

@media (min-width:1200px) {
	.container-my {
		width: 1200px
	}
}

.custom-navbar-ul li a:hover {
	color: #f25824!important
}

@media (min-width:768px) and (max-width:1200px) {
	.custom-navbar-ul li {
		padding-left: 5px;
		padding-right: 5px;
		transition: all .5s
	}
}
.footer-wrap {
    width:100%;
    background-color:#fff
}
.common-footer {
	border-top: 1px solid #ebebeb;
	padding-top: 20px;
	background-color: #fff;
}

.common-footer h6.text-center {
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	color: #787878
}

.common-footer li {
	margin-bottom: 11px;
	white-space: nowrap
}

.common-footer .footer-title {
	font-size: 14px;
	font-weight: 700
}
.msg-text {
    height:22px; width:314px !important;
}
.form-footer ul li input[type=text],input[type=tel] {
    height:22px; width:112px;
}
.ml33 {
    margin-left:33px
}
.footer-about li {
    margin-bottom:17px
}
.btn-msg {
    height:40px; width:200px; margin-top:34px; color:#fff;background-color:#666;border:none ;box-shadow:5px 5px 5px #888888;
}

  .btn-msg:active{
        box-shadow:none
}
.form-footer ul li {
    padding-left:80px;
    text-align:left;
        font-size: 12px;
    color: #666;
}
.qr_code {
    padding-left:20px
}
.weixin-footer {
    border-right:1px solid #ccc
}
@media (max-width:767px) {
	.common-footer .footer-title {
		color: #333;
		cursor: pointer
	}
}

.common-footer .visible-xs .footer-title {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px
}

.common-footer .visible-xs .footer-title:after {
	content: "+";
	display: inline-block;
	float: right
}

.common-footer .qrcode-xs {
	width: 110px
}

.layer-common-used-by-extend {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%
}

.layer-common-used-by-extend .okay-by-extend>.okay {
	left: 50%;
	margin-left: -156px;
	background-image: url(/esf/v1/web/img/icon/icon_btnbg_434a54a.png);
	width: 311px;
	height: 50px;
	text-align: center;
	border: 0;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700
}

.layer-common-used-by-extend>.content {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.layer-common-used-by-extend>.content>.content-1 {
	background-color: #fff;
	width: 100%
}

.layer-common-used-by-extend>.content>.content-1>* {
	position: absolute
}

.layer-common-used-by-extend>.content>.content-1>img.main-img {
	top: 33px;
	left: 0;
	right: 0;
	margin: 0 auto
}

.layer-common-used-by-extend>.content>.content-1>img.close {
	top: 9px;
	right: 9px;
	cursor: pointer
}

.layer-common-used-by-extend>.content>.content-1 .span_tit {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-common-used-by-extend>.content>.content-1>span.title1 {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-common-used-by-extend>.content>.content-1>span.title2 {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-common-used-by-extend>.content>.content-1>span.title3 {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-common-used-by-extend>.content>.content-1>.okay {
	left: 50%;
	margin-left: -156px;
	background-image: url(/esf/v1/web/img/icon/icon_btnbg_434a54a.png);
	width: 311px;
	height: 50px;
	text-align: center;
	border: 0;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700
}

.layer-common-used-by-extend>.content>.content-1>input {
	left: 50%;
	margin-left: -155px;
	padding-left: 15px;
	width: 310px;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	border: 1px solid #cbcbcb;
	color: #333
}

.layer-common-used-by-extend>.content>.content-2 {
	background-color: #f0f0f0;
	width: 100%;
	height: 95px;
	position: relative
}

.layer-common-used-by-extend>.content>.content-2>* {
	position: absolute
}

.layer-common-used-by-extend>.content>.content-2>.sub-title1 {
	top: 20px;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px
}

.layer-common-used-by-extend>.content>.content-2>.sub-title2 {
	top: 40px;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 28px
}

.layer-common-used-by-extend>.content>.content-2>.okay {
	left: 50%;
	margin-left: -156px;
	background-image: url(/esf/v1/web/img/icon/icon_btnbg_434a54a.png);
	width: 311px;
	height: 50px;
	text-align: center;
	border: 0;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700
}

.layer-tanjia {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%
}

.layer-tanjia .layer-tanjia-back {
	background-color: #000;
	opacity: .65;
	filter: alpha(opacity=65);
	width: 100%;
	height: 100%
}

.layer-tanjia .okay-by-extend>.okay {
	left: 50%;
	margin-left: -156px;
	background-image: url(/esf/v1/web/img/icon/icon_btnbg_434a54a.png);
	width: 311px;
	height: 50px;
	text-align: center;
	border: 0;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700
}

.layer-tanjia>.content {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.layer-tanjia>.content>.content-1 {
	background-color: #fff;
	width: 100%
}

.layer-tanjia>.content>.content-1>* {
	position: absolute
}

.layer-tanjia>.content>.content-1>img.main-img {
	top: 33px;
	left: 0;
	right: 0;
	margin: 0 auto
}

.layer-tanjia>.content>.content-1>img.close {
	top: 9px;
	right: 9px;
	cursor: pointer
}

.layer-tanjia>.content>.content-1 .span_tit {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-tanjia>.content>.content-1>span.title1 {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-tanjia>.content>.content-1>span.title2 {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-tanjia>.content>.content-1>span.title3 {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-tanjia>.content>.content-1>.okay {
	left: 50%;
	margin-left: -156px;
	background-image: url(/esf/v1/web/img/icon/icon_btnbg_434a54a.png);
	width: 311px;
	height: 50px;
	text-align: center;
	border: 0;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700
}

.layer-tanjia>.content>.content-1>input {
	left: 50%;
	margin-left: -155px;
	padding-left: 15px;
	width: 310px;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	border: 1px solid #cbcbcb;
	color: #333
}

.layer-tanjia>.content>.content-2 {
	background-color: #f0f0f0;
	width: 100%;
	height: 95px;
	position: relative
}

.layer-tanjia>.content>.content-2>* {
	position: absolute
}

.layer-tanjia>.content>.content-2>.sub-title1 {
	top: 20px;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px
}

.layer-tanjia>.content>.content-2>.sub-title2 {
	top: 40px;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 28px
}

.layer-tanjia>.content>.content-2>.okay {
	left: 50%;
	margin-left: -156px;
	background-image: url(/esf/v1/web/img/icon/icon_btnbg_434a54a.png);
	width: 311px;
	height: 50px;
	text-align: center;
	border: 0;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700
}

.layer-tanjia>.content {
	width: 400px;
	height: 410px
}

.layer-tanjia>.content>.content-1 {
	height: 320px
}

.layer-tanjia>.content>.content-1>span.title1 {
	top: 115px
}

.layer-tanjia>.content>.content-1>span.title2 {
	top: 150px
}

.layer-tanjia>.content>.content-1>#lt_tel_num {
	top: 200px
}

.layer-tanjia>.content>.content-1>.okay {
	top: 250px
}

.layer-tanjia>.content>.content-2 {
	height: 90px
}

.layer-tanjia>.content>.content-2>.sub-title1 {
	top: 20px
}

.layer-tanjia>.content>.content-2>.sub-title2 {
	top: 40px
}

.layer-appoint,.layer-new-house-info {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%
}

.layer-appoint .layer-appoint-back,.layer-new-house-info .layer-appoint-back {
	background-color: #000;
	opacity: .65;
	filter: alpha(opacity=65);
	width: 100%;
	height: 100%
}

.layer-appoint .okay-by-extend>.okay,.layer-new-house-info .okay-by-extend>.okay {
	left: 50%;
	margin-left: -156px;
	background-image: url(/esf/v1/web/img/icon/icon_btnbg_434a54a.png);
	width: 311px;
	height: 50px;
	text-align: center;
	border: 0;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700
}

.layer-appoint>.content,.layer-new-house-info>.content {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.layer-appoint>.content>.content-1,.layer-new-house-info>.content>.content-1 {
	background-color: #fff;
	width: 100%
}

.layer-appoint>.content>.content-1>*,.layer-new-house-info>.content>.content-1>* {
	position: absolute
}

.layer-appoint>.content>.content-1>img.main-img,.layer-new-house-info>.content>.content-1>img.main-img {
	top: 33px;
	left: 0;
	right: 0;
	margin: 0 auto
}

.layer-appoint>.content>.content-1>img.close,.layer-new-house-info>.content>.content-1>img.close {
	top: 9px;
	right: 9px;
	cursor: pointer
}

.layer-appoint>.content>.content-1 .span_tit,.layer-new-house-info>.content>.content-1 .span_tit {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-appoint>.content>.content-1>span.title1,.layer-new-house-info>.content>.content-1>span.title1 {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-appoint>.content>.content-1>span.title2,.layer-new-house-info>.content>.content-1>span.title2 {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-appoint>.content>.content-1>span.title3,.layer-new-house-info>.content>.content-1>span.title3 {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-appoint>.content>.content-1>.okay,.layer-new-house-info>.content>.content-1>.okay {
	left: 50%;
	margin-left: -156px;
	background-image: url(/esf/v1/web/img/icon/icon_btnbg_434a54a.png);
	width: 311px;
	height: 50px;
	text-align: center;
	border: 0;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700
}

.layer-appoint>.content>.content-1>input,.layer-new-house-info>.content>.content-1>input {
	left: 50%;
	margin-left: -155px;
	padding-left: 15px;
	width: 310px;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	border: 1px solid #cbcbcb;
	color: #333
}

.layer-appoint>.content>.content-2,.layer-new-house-info>.content>.content-2 {
	background-color: #f0f0f0;
	width: 100%;
	height: 95px;
	position: relative
}

.layer-appoint>.content>.content-2>*,.layer-new-house-info>.content>.content-2>* {
	position: absolute
}

.layer-appoint>.content>.content-2>.sub-title1,.layer-new-house-info>.content>.content-2>.sub-title1 {
	top: 20px;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px
}

.layer-appoint>.content>.content-2>.sub-title2,.layer-new-house-info>.content>.content-2>.sub-title2 {
	top: 40px;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 28px
}

.layer-appoint>.content>.content-2>.okay,.layer-new-house-info>.content>.content-2>.okay {
	left: 50%;
	margin-left: -156px;
	background-image: url(/esf/v1/web/img/icon/icon_btnbg_434a54a.png);
	width: 311px;
	height: 50px;
	text-align: center;
	border: 0;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700
}

.layer-appoint>.content,.layer-new-house-info>.content {
	width: 400px;
	height: 410px
}

.layer-appoint>.content>.content-1,.layer-new-house-info>.content>.content-1 {
	height: 320px
}

.layer-appoint>.content>.content-1>span.title1,.layer-new-house-info>.content>.content-1>span.title1 {
	top: 117px
}

.layer-appoint>.content>.content-1>span.title2,.layer-new-house-info>.content>.content-1>span.title2 {
	top: 150px
}

.layer-appoint>.content>.content-1>#la_tel_num,.layer-new-house-info>.content>.content-1>#la_tel_num {
	top: 200px
}

.layer-appoint>.content>.content-1>.okay,.layer-new-house-info>.content>.content-1>.okay {
	top: 250px
}

.layer-appoint>.content>.content-2,.layer-new-house-info>.content>.content-2 {
	height: 90px
}

.layer-appoint>.content>.content-2>.sub-title1,.layer-new-house-info>.content>.content-2>.sub-title1 {
	top: 20px
}

.layer-appoint>.content>.content-2>.sub-title2,.layer-new-house-info>.content>.content-2>.sub-title2 {
	top: 40px
}

.layer-new-house-info>.content>.content-1>span.title2 {
	top: 160px;
	font-size: 18px
}

.layer-appoint-ok {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%
}

.layer-appoint-ok .layer-appoint-ok-back {
	background-color: #000;
	opacity: .65;
	filter: alpha(opacity=65);
	width: 100%;
	height: 100%
}

.layer-appoint-ok .okay-by-extend>.okay {
	left: 50%;
	margin-left: -156px;
	background-image: url(/esf/v1/web/img/icon/icon_btnbg_434a54a.png);
	width: 311px;
	height: 50px;
	text-align: center;
	border: 0;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700
}

.layer-appoint-ok>.content {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.layer-appoint-ok>.content>.content-1 {
	background-color: #fff;
	width: 100%
}

.layer-appoint-ok>.content>.content-1>* {
	position: absolute
}

.layer-appoint-ok>.content>.content-1>img.main-img {
	top: 33px;
	left: 0;
	right: 0;
	margin: 0 auto
}

.layer-appoint-ok>.content>.content-1>img.close {
	top: 9px;
	right: 9px;
	cursor: pointer
}

.layer-appoint-ok>.content>.content-1 .span_tit {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-appoint-ok>.content>.content-1>span.title1 {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-appoint-ok>.content>.content-1>span.title2 {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-appoint-ok>.content>.content-1>span.title3 {
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 25px
}

.layer-appoint-ok>.content>.content-1>.okay {
	left: 50%;
	margin-left: -156px;
	background-image: url(/esf/v1/web/img/icon/icon_btnbg_434a54a.png);
	width: 311px;
	height: 50px;
	text-align: center;
	border: 0;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700
}

.layer-appoint-ok>.content>.content-1>input {
	left: 50%;
	margin-left: -155px;
	padding-left: 15px;
	width: 310px;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	border: 1px solid #cbcbcb;
	color: #333
}

.layer-appoint-ok>.content>.content-2 {
	background-color: #f0f0f0;
	width: 100%;
	height: 95px;
	position: relative
}

.layer-appoint-ok>.content>.content-2>* {
	position: absolute
}

.layer-appoint-ok>.content>.content-2>.sub-title1 {
	top: 20px;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px
}

.layer-appoint-ok>.content>.content-2>.sub-title2 {
	top: 40px;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 28px
}

.layer-appoint-ok>.content>.content-2>.okay {
	left: 50%;
	margin-left: -156px;
	background-image: url(/esf/v1/web/img/icon/icon_btnbg_434a54a.png);
	width: 311px;
	height: 50px;
	text-align: center;
	border: 0;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700
}

.layer-appoint-ok>.content {
	width: 400px;
	height: 400px
}

.layer-appoint-ok>.content>.content-1 {
	height: 400px
}

.layer-appoint-ok>.content>.content-1>span.title1 {
	top: 110px;
	font-size: 28px
}

.layer-appoint-ok>.content>.content-1>span.title2 {
	top: 150px;
	font-size: 14px
}

.layer-appoint-ok>.content>.content-1>span.title3 {
	top: 188px;
	font-size: 14px;
	position: relative
}

.layer-appoint-ok>.content>.content-1>.okay {
	top: 205px
}

.data-search-check {
	position: relative
}

.data-search-check ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 34px;
	left: 2px;
	z-index: 2;
	width: 384px;
	background-color: #fff;
	list-style-type: none;
	border: 1px solid #e0e0e0;
	border-top: 0
}

.data-search-check ul li {
	cursor: pointer;
	padding: 5px
}

.data-search-check ul li:hover,.data-search-check ul li.active {
	transition: all .5s;
	background-color: #efefef
}

.bread-line {
	cursor: pointer;
	padding: 10px 20px;
	font-size: 14px;
	color: #787878
}

.bread-line a {
	color: #787878;
	text-decoration: none
}

.bread-line h1 {
	display: inline;
	font-size: 14px;
	font-weight: 400
}

.filter-padding {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #e0e0e0
}

.filter-input {
	position: relative;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #e0e0e0
}

.filter-input input.form-control {
	border: 1px solid #e0e0e0;
	display: inline-block;
	width: 390px;
	color: #333;
	box-shadow: none
}

.filter-input button {
	width: 72px;
	height: 34px;
	background-color: #f25824;
	background-repeat: no-repeat;
	position: relative;
	left: -8px;
	top: 0;
	vertical-align: top;
	color: #fff
}

.filter-input button:active {
	box-shadow: none
}

.filter-input button:focus {
	outline: 0;
	outline-offset: 0;
	border: 0;
	color: #fff
}

.filter-input button:hover {
	color: #fff
}

.filter-input .history-list {
	margin-left: 15px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #787878
}

.filter-input .history-list a {
	color: #f25824;
	text-decoration: none;
	margin-right: 20px;
	font-style: 16px;
	border-bottom: 1px solid #f25824
}

.filter-checkbox {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #e0e0e0;
	border-top: 0
}

.filter-checkbox .single-line {
	margin-bottom: 10px
}

.filter-checkbox .single-line a {
	color: #333;
	text-decoration: none
}

.filter-checkbox .single-line .local {
	padding: 10px;
	padding-left: 0;
	width: 95%;
	border: 1px solid #f3a084
}

.filter-checkbox .single-line:last-child {
	margin-bottom: 0
}

.filter-checkbox span {
	margin-left: 20px;
	padding: 4px;
	cursor: pointer
}

.filter-checkbox span.orange-bg a {
	color: #fff
}

.main-bottom {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #e0e0e0;
	margin-bottom: 30px;
	padding-bottom: 10px
}

.main-bottom .title {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 14px;
	font-size: 14px;
	color: #787878;
	font-weight: 400;
	border-bottom: 1px dashed #e8e8e8
}

.main-bottom hr {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px dashed #ccc
}

.main-bottom .content {
	margin-top: 13px;
	margin-bottom: 0
}

.main-bottom .content dt {
	float: left;
	width: 120px;
	font-weight: 700
}

.main-bottom .content dd {
	float: left;
	margin-left: 10px;
	width: 85%
}

.main-bottom .content span {
	cursor: pointer;
	display: inline-block;
	margin-bottom: 10px;
	width: 118px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.main-bottom .content a {
	color: #333
}

.main-bottom .content .district span.current {
	border-bottom: 1px solid #333
}

.main-bottom .content .district .local a {
	color: #787878
}

.main-bottom .content .district .local span {
	display: inline-block;
	cursor: pointer;
	margin-top: 0
}

.layer-gallery {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%
}

.layer-gallery .layer-bg {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: .88;
	filter: alpha(opacity=88);
	width: 100%;
	height: 100%
}

.layer-gallery .gallery-content {
	text-align: center;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1
}

.layer-gallery .gallery-content .btn-close {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer
}

.layer-gallery .gallery-content .middle-content {
	position: relative;
	color: #fff;
	width: 640px;
	margin: 0 auto
}

.layer-gallery .gallery-content .middle-content h4 {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
	height: 20px
}

.layer-gallery .gallery-content .middle-content .img {
	position: relative;
	width: 640px;
	height: 480px;
	overflow: hidden
}

.layer-gallery .gallery-content .middle-content .img .next-house {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.layer-gallery .gallery-content .middle-content .img .next-house .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	background-color: #000
}

.layer-gallery .gallery-content .middle-content .img .next-house .btn-next-house {
	position: relative;
	top: 55%;
	display: inline-block;
	width: 202px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	background-image: url(/esf/v1/web/img/next_house_2eef861.png);
	background-repeat: no-repeat;
	background-position: center
}

.layer-gallery .gallery-content .middle-content .info {
	margin-top: 15px;
	margin-bottom: 15px
}

.layer-gallery .gallery-content .middle-content .info .title {
	float: left;
	display: inline-block;
	margin-top: 2px;
	font-size: 16px
}

.layer-gallery .gallery-content .middle-content .info .title span {
	margin-right: 5px
}

.layer-gallery .gallery-content .middle-content .info .price {
	float: right;
	display: inline-block;
	font-size: 14px
}

.layer-gallery .gallery-content .middle-content .info .price span {
	font-size: 24px;
	color: #e9410b;
	line-height: 1;
	vertical-align: bottom
}

.layer-gallery .gallery-content .middle-content .book-look-house {
	position: relative;
	margin: 0 auto
}

.layer-gallery .gallery-content .middle-content .book-look-house .control-group input {
	float: left;
	display: inline-block;
	margin-top: 1px;
	width: 235px;
	margin-right: 92px;
	height: 38px;
	color: #fff;
	background-color: rgba(0,0,0,0);
	border-radius: 0
}

.layer-gallery .gallery-content .middle-content .book-look-house .control-group input:focus {
	border: 1px solid #f25824;
	box-shadow: none
}

.layer-gallery .gallery-content .middle-content .book-look-house .control-group span {
	position: absolute;
	top: 1px;
	right: 2px;
	width: 100px;
	height: 38px;
	background-color: #f25824;
	color: #fff;
	line-height: 38px;
	cursor: pointer
}

.layer-gallery .gallery-content .middle-content .book-look-house .done {
	display: none
}

.layer-gallery .gallery-content .middle-content .other-info {
	margin-top: 14px;
	font-size: 16px;
	text-align: left
}

.layer-gallery .gallery-content .middle-content .other-info .font14 {
	font-size: 14px
}

.layer-gallery .gallery-content .middle-content .other-info .font24 {
	font-size: 24px
}

.layer-gallery .gallery-content .left-arrow,.layer-gallery .gallery-content .right-arrow {
	position: absolute;
	top: 0;
	width: 38px;
	height: 100%;
	background-image: url(/esf/v1/web/img/gallery-arrow_cf5cf04.png);
	background-repeat: no-repeat;
	cursor: pointer;
	background-position-y: 55%
}

.layer-gallery .gallery-content .left-arrow {
	left: -170px;
	background-position: left center
}

.layer-gallery .gallery-content .right-arrow {
	right: -170px;
	background-position: right center
}

@media screen and (min-height:700px) {
	.layer-gallery .gallery-content .middle-content {
		margin-top: 60px
	}
}

@media screen and (max-height:800px) {
	.layer-gallery .gallery-content .middle-content {
		margin-top: 80px
	}

	.layer-gallery .gallery-content .middle-content .img {
		height: 400px
	}
}

::-webkit-input-placeholder {
	color: #b0b0b0
}

:-moz-placeholder {
	color: #b0b0b0;
	opacity: 1
}

::-moz-placeholder {
	color: #b0b0b0;
	opacity: 1
}

:-ms-input-placeholder {
	color: #b0b0b0
}

.icon-metro {
	float: left;
	display: inline;
	width: 18px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

.icon-metro.city-121-1 {
	background-image: url(/esf/v1/web/img/icon/metro_121/1_a23dfe8.png)
}

.icon-metro.city-121-2 {
	background-image: url(/esf/v1/web/img/icon/metro_121/2_543b712.png)
}

.icon-metro.city-121-3 {
	background-image: url(/esf/v1/web/img/icon/metro_121/3_73a679f.png)
}

.icon-metro.city-121-4 {
	background-image: url(/esf/v1/web/img/icon/metro_121/4_58381f8.png)
}

.icon-metro.city-121-5 {
	background-image: url(/esf/v1/web/img/icon/metro_121/5_dcb081c.png)
}

.icon-metro.city-121-6 {
	background-image: url(/esf/v1/web/img/icon/metro_121/6_1a246e7.png)
}

.icon-metro.city-121-7 {
	background-image: url(/esf/v1/web/img/icon/metro_121/7_049e2f5.png)
}

.icon-metro.city-121-8 {
	background-image: url(/esf/v1/web/img/icon/metro_121/8_de31e5b.png)
}

.icon-metro.city-121-9 {
	background-image: url(/esf/v1/web/img/icon/metro_121/9_05d65ef.png)
}

.icon-metro.city-121-10 {
	background-image: url(/esf/v1/web/img/icon/metro_121/10_30047eb.png)
}

.icon-metro.city-121-11 {
	background-image: url(/esf/v1/web/img/icon/metro_121/11_d968e7b.png)
}

.icon-metro.city-121-12 {
	background-image: url(/esf/v1/web/img/icon/metro_121/12_e305bb4.png)
}

.icon-metro.city-121-13 {
	background-image: url(/esf/v1/web/img/icon/metro_121/13_c626064.png)
}

.icon-metro.city-121-14 {
	background-image: url(../img/icon/metro_121/14.png)
}

.icon-metro.city-121-15 {
	background-image: url(../img/icon/metro_121/15.png)
}

.icon-metro.city-121-16 {
	background-image: url(/esf/v1/web/img/icon/metro_121/16_c9d9d48.png)
}

.icon-metro.city-121-10001 {
	width: 54px;
	background-image: url(/esf/v1/web/img/icon/metro_121/10001_760b3d6.png)
}

.icon-metro.city-3-1 {
	background-image: url(/esf/v1/web/img/icon/metro_3/1_6ce807c.png)
}

.icon-metro.city-3-2 {
	background-image: url(/esf/v1/web/img/icon/metro_3/2_d94c72a.png)
}

.icon-metro.city-267-1 {
	background-image: url(/esf/v1/web/img/icon/metro_267/1_f346575.png)
}

.icon-metro.city-267-2 {
	background-image: url(/esf/v1/web/img/icon/metro_267/2_fa286d1.png)
}

.icon-metro.city-267-3 {
	background-image: url(/esf/v1/web/img/icon/metro_267/3_8f53d0a.png)
}

.icon-metro.city-267-10 {
	background-image: url(/esf/v1/web/img/icon/metro_267/10_8857305.png)
}

.icon-metro.city-267-10001 {
	background-image: url(/esf/v1/web/img/icon/metro_267/10001_e4ac69c.png)
}

.icon-metro.city-267-10002 {
	background-image: url(/esf/v1/web/img/icon/metro_267/10002_97ee01a.png)
}

.icon-metro.city-339-1 {
	background-image: url(/esf/v1/web/img/icon/metro_339/1_35e7a08.png)
}

.icon-metro.city-339-2 {
	background-image: url(/esf/v1/web/img/icon/metro_339/2_16c9f93.png)
}

.icon-metro.city-339-3 {
	background-image: url(/esf/v1/web/img/icon/metro_339/3_fb88649.png)
}

.icon-metro.city-339-6 {
	background-image: url(/esf/v1/web/img/icon/metro_339/6_014c009.png)
}

.icon-metro.city-339-10001 {
	width: 54px;
	background-image: url(/esf/v1/web/img/icon/metro_339/10001_f1fb7f6.png)
}

.icon-metro.city-450-1 {
	background-image: url(/esf/v1/web/img/icon/metro_450/1_7214098.png)
}

.icon-metro.city-450-2 {
	background-image: url(/esf/v1/web/img/icon/metro_450/2_3e95f60.png)
}

.icon-metro.city-852-1 {
	background-image: url(/esf/v1/web/img/icon/metro_852/1_ad24bc7.png)
}

.icon-metro.city-852-2 {
	background-image: url(/esf/v1/web/img/icon/metro_852/2_ad4aec2.png)
}

.icon-metro.city-852-3 {
	background-image: url(/esf/v1/web/img/icon/metro_852/3_533d6fb.png)
}

.icon-metro.city-852-4 {
	background-image: url(/esf/v1/web/img/icon/metro_852/4_2274445.png)
}

.icon-metro.city-852-5 {
	background-image: url(/esf/v1/web/img/icon/metro_852/5_d309621.png)
}

.icon-metro.city-852-6 {
	background-image: url(/esf/v1/web/img/icon/metro_852/6_e96da34.png)
}

.icon-metro.city-852-8 {
	background-image: url(/esf/v1/web/img/icon/metro_852/8_3ab9166.png)
}

.icon-metro.city-852-10001 {
	width: 94px;
	background-image: url(/esf/v1/web/img/icon/metro_852/10001_da4ce7e.png)
}

.icon-metro.city-852-10002 {
	width: 54px;
	background-image: url(/esf/v1/web/img/icon/metro_852/10002_a455b4e.png)
}

.icon-metro.city-852-10003 {
	width: 54px;
	background-image: url(/esf/v1/web/img/icon/metro_852/10003_9463d4b.png)
}

.icon-metro.city-1337-1 {
	background-image: url(/esf/v1/web/img/icon/metro_1337/1_7b4e2bd.png)
}

.icon-metro.city-1337-2 {
	background-image: url(/esf/v1/web/img/icon/metro_1337/2_7662682.png)
}

.icon-metro.city-1337-3 {
	background-image: url(/esf/v1/web/img/icon/metro_1337/3_11fe0f9.png)
}

.icon-metro.city-1337-4 {
	background-image: url(/esf/v1/web/img/icon/metro_1337/4_c6a61ba.png)
}

.icon-metro.city-1337-5 {
	background-image: url(/esf/v1/web/img/icon/metro_1337/5_d6c2a19.png)
}

.icon-metro.city-2179-1 {
	background-image: url(/esf/v1/web/img/icon/metro_2179/1_32df103.png)
}

.icon-metro.city-2179-2 {
	background-image: url(/esf/v1/web/img/icon/metro_2179/2_6d582d6.png)
}

.icon-metro.city-2179-3 {
	background-image: url(../img/icon/metro_2179/3.png)
}

.icon-metro.city-2179-4 {
	background-image: url(/esf/v1/web/img/icon/metro_2179/4_f49c264.png)
}

.icon-metro.city-2179-5 {
	background-image: url(/esf/v1/web/img/icon/metro_2179/5_02e055e.png)
}

.icon-metro.city-2179-6 {
	background-image: url(/esf/v1/web/img/icon/metro_2179/6_6763b6e.png)
}

.icon-metro.city-2179-7 {
	background-image: url(/esf/v1/web/img/icon/metro_2179/7_405d71e.png)
}

.icon-metro.city-2179-8 {
	background-image: url(/esf/v1/web/img/icon/metro_2179/8_fa7f882.png)
}

.icon-metro.city-2179-9 {
	background-image: url(/esf/v1/web/img/icon/metro_2179/9_047aff9.png)
}

.icon-metro.city-2179-10 {
	background-image: url(/esf/v1/web/img/icon/metro_2179/10_5424a31.png)
}

.icon-metro.city-2179-11 {
	background-image: url(../img/icon/metro_2179/11.png)
}

.icon-metro.city-2179-12 {
	background-image: url(../img/icon/metro_2179/12.png)
}

.icon-metro.city-2179-13 {
	background-image: url(/esf/v1/web/img/icon/metro_2179/13_4aaf353.png)
}

.icon-metro.city-2179-14 {
	background-image: url(/esf/v1/web/img/icon/metro_2179/14_9e531e8.png)
}

.icon-metro.city-2179-15 {
	background-image: url(/esf/v1/web/img/icon/metro_2179/15_fcceb79.png)
}

.icon-metro.city-2179-10001 {
	width: 54px;
	background-image: url(/esf/v1/web/img/icon/metro_2179/10001_d867233.png)
}

.icon-metro.city-2179-10002 {
	width: 54px;
	background-image: url(/esf/v1/web/img/icon/metro_2179/10002_ca0fa69.png)
}

.icon-metro.city-2179-10003 {
	width: 54px;
	background-image: url(/esf/v1/web/img/icon/metro_2179/10003_36a3a37.png)
}

.icon-metro.city-2179-10004 {
	width: 54px;
	background-image: url(/esf/v1/web/img/icon/metro_2179/10004_91ef488.png)
}

.icon-metro.city-2179-10005 {
	width: 54px;
	background-image: url(/esf/v1/web/img/icon/metro_2179/10005_37cf4c8.png)
}

.icon-metro.city-2179-10006 {
	width: 54px;
	background-image: url(/esf/v1/web/img/icon/metro_2179/10006_874fdc6.png)
}

.icon-metro.city-2316-1 {
	background-image: url(/esf/v1/web/img/icon/metro_2316/1_66e105a.png)
}

.icon-metro.city-2316-2 {
	background-image: url(/esf/v1/web/img/icon/metro_2316/2_44c3d8c.png)
}

.icon-metro.city-2316-4 {
	background-image: url(/esf/v1/web/img/icon/metro_2316/4_1f6b32a.png)
}

.icon-metro.city-2316-10001 {
	width: 77px;
	background-image: url(/esf/v1/web/img/icon/metro_2316/10001_6803e69.png)
}

.icon-metro.city-2323-1 {
	background-image: url(/esf/v1/web/img/icon/metro_2323/1_dc2c9d5.png)
}

.icon-metro.city-2323-2 {
	background-image: url(/esf/v1/web/img/icon/metro_2323/2_ee62566.png)
}

.icon-metro.city-2323-3 {
	background-image: url(/esf/v1/web/img/icon/metro_2323/3_ad2e045.png)
}

.icon-metro.city-2323-9 {
	background-image: url(/esf/v1/web/img/icon/metro_2323/9_c88015d.png)
}

.sitemap.thead {
	margin-top: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #e0e0e0
}

.sitemap.section {
	border-bottom: 0
}

.sitemap.section.item-ul {
	padding: 20px;
	border: 1px solid #e0e0e0
}

.sitemap.section.item-ul .section-li {
	width: 100%;
	display: block;
	position: relative;
	overflow: visible;
	padding-bottom: 10px;
	border-bottom: 1px dashed #e0e0e0
}

.sitemap.section.item-ul .section-li .section {
	float: left;
	display: inline;
	width: 100px;
	overflow: hidden;
	color: #e9410b
}

.sitemap.section.item-ul .section-li ul {
	width: 90%;
	margin-left: 100px;
	padding-left: 0
}

.sitemap.section.item-ul .section-li ul li {
	float: left;
	display: inline;
	width: 170px
}

.sitemap.item-ul {
	padding-left: 20px
}

.sitemap.item-ul li {
	float: left;
	display: inline;
	margin-bottom: 10px;
	margin-right: 20px;
	width: 170px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.orange-bg {
	background-color: #f25824;
	color: #fff;
	border-radius: 2px
}

.page-pagination ul {
	margin: 0 auto 14px;
	padding: 30px 0;
	list-style-type: none;
	text-align: center;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #e0e0e0;
	border-top: 0
}

.page-pagination ul .current {
	background-color: #f25824;
	color: #fff;
	border-radius: 2px
}

.page-pagination ul .current a {
	color: #fff
}

.page-pagination ul li {
	display: inline-block;
	margin-right: 5px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	text-align: center;
	border: 1px solid #e0e0e0
}

.page-pagination ul li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	color: #787878;
	text-decoration: none
}

.page-pagination ul li.no-border {
	border: 0
}

.page-pagination ul li:hover {
	background-color: #efefef
}

.brand-of-index {
	display: block;
	margin: 0 auto;
	max-width: 1000px;
	text-align: center
}

.brand-of-index img {
	max-width: 100%
}

.tm-toolkit {
	position: fixed;
	right: 10px;
	bottom: 10%;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	border-radius: 4px
}

.tm-toolkit-item-contain {
	position: relative;
	cursor: pointer;
	padding: 6px 7px
}

.tm-toolkit-item-contain .horizontal {
	position: absolute;
	bottom: 0;
	left: 7px;
	width: 30px;
	height: 1px;
	background-color: #d0d0d0
}

.tm-toolkit-item-contain:hover {
	background-color: #f25824
}

.tm-toolkit-item-contain.chat:hover .icon {
	background-position: -96px 0
}

.tm-toolkit-item-contain.chat .icon {
	background-position: -96px -40px
}

.tm-toolkit-item-contain.chat .content {
	display: block;
	position: absolute;
	left: -162px;
	top: -30px;
	background-color: #fff;
	top: 0;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	height: 52px;
	line-height: 52px;
	padding-left: 10px;
	padding-left: 50px;
	padding-right: 10px
}

.tm-toolkit-item-contain.chat .content img {
	position: absolute;
	left: 5px;
	bottom: 0
}

.tm-toolkit-item-contain.qr-code:hover .icon {
	background-position: -30px 0
}

.tm-toolkit-item-contain.qr-code .icon {
	background-position: -30px -40px
}

.tm-toolkit-item-contain.qr-code .content {
	position: absolute;
	left: -96px;
	top: -30px
}

.tm-toolkit-item-contain.phone:hover .icon {
	background-position: 0 0
}

.tm-toolkit-item-contain.phone .icon {
	background-position: 0 -40px
}

.tm-toolkit-item-contain.phone .content {
	width: 212px;
	left: -214px;
	background-color: #fff;
	top: 0;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	height: 52px;
	line-height: 52px;
	padding-left: 10px
}

.tm-toolkit-item-contain.returnTop:hover .icon {
	background-position: -60px 0
}

.tm-toolkit-item-contain.returnTop .icon {
	background-position: -60px -40px
}

.tm-toolkit-item-contain.returnTop .content {
	width: 80px;
	left: -82px;
	background-color: #fff;
	top: 0;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	height: 52px;
	line-height: 52px;
	padding-left: 10px
}

.tm-toolkit-item-contain .class-toolkit-content {
	background-color: #fff;
	top: 0;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	height: 52px;
	line-height: 52px;
	padding-left: 10px
}

.tm-toolkit-item.icon {
	width: 30px;
	height: 40px;
	background-image: url(/esf/v1/web/img/list-detail-toolkit_ef29013.png);
	background-repeat: no-repeat
}

.tm-toolkit-item.content {
	position: absolute;
	display: none
}

.search-banner {
	position: absolute;
	right: 0;
	top: 0
}

.search-banner img {
	height: 74px
}

@keyframes rotate {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(0deg)
	}
}

.left-bottom-fixed {
	position: fixed;
	left: -100%;
	bottom: 60px;
	z-index: 9999;
	cursor: pointer;
	animation: rotate 1s linear infinite alternate
}

.bottom-fixed {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 100%;
	height: 166px;
	text-align: center
}

.bottom-fixed .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #374250;
	opacity: .85;
	z-index: -1
}

.bottom-fixed .img,.bottom-fixed .qr-code {
	position: relative;
	top: -95px;
	left: -50px
}

.bottom-fixed .qr-code {
	left: -30px;
	top: -45px
}

.bottom-fixed .close-img {
	cursor: pointer;
	position: absolute;
	top: 25px;
	right: 50%;
	margin-right: -550px
}

.bottom-fixed .qr-code {
	top: -40px
}