/*登录框 */

.timer{
	border: 1px solid #ccc;
    float: right;
    width: 120px;
    text-align: center;
    height: 40px;
    line-height: 40px;
	    border-radius: 4px;
}

.modalgroup div input.shortcut-num{
	        float: left;
    width: 132px;
    height: 40px;
    margin-right: 5px;
}

/*--------------------*/
.video-icon{
    position: relative;
}
.video-icon  i {
color:#fff;
font-size: 10px;
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(0, 0, 0, 0.3);
border-radius: 100%;
-webkit-border-radius: 100%;
width: 20px;
height: 20px;
line-height: 20px;
overflow: hidden;
display: block;
border: 1px solid#fff;

}

.video-icon  i:before{
    margin: 6px;
}

a{
	color:#333;
}
.modal-backdrop.in{
z-index:4;
}


@media screen and (max-width: 480px){
    #footer-area,#che-bian-lan{
		display:none;
	}
}


/*a:hover{
	color:#801dae !important;
}*/s
.upper-list{position: relative;overflow:hidden; }

.upper-list img:hover{  transform: scale(1.1);}



body{
	font-family: "Hiragino Sans GB","微软雅黑","Microsoft YaHei",SimHei,Tahoma,"宋体b8b体",SimSun,sans-serif;
	color: #333;
	overflow-x:hidden;
}

/**
*登录实现的弹出窗
*/
.find-room-show{
display: none;
position: fixed;
top: 50%;
left: 50%;
z-index: 6;
transform: translate(-50%,-50%);
width: 500px;
height: 500px;
background:
#fff;
border-radius: 12px;
}
.close-and-hide{
    padding-inline:20px;
    padding-block:12px;
    float:right;
}
.modal-none{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
}
/* 全部滚动条样式 （包括HTML 窗口） */
::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
 
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
}
 
::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}
 
::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;
}
 
::-webkit-scrollbar-corner {
  background: transparent;
}
.area-covering, .house-covering{
	display:inline-block;
	position:absolute;
	background:var(--anniu-bj);
	/*border-radius:50%;*/
	
}
.area-covering{
	width:90px;
	height:90px;
	/*overflow:hidden;*/
	border-radius:50%;
}
.house-covering{
  /* height:32px;*/
	padding:5px 15px;
	font-size:14px;
	white-space: nowrap;
	border-radius:20px;
	color:#fff;
	/*border:1px solid var(--anniu-bj);*/
}





/*em 的样式*/

em{
	font-style:normal;
}

/* 搜索 */
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox{
    width:536px; 
    /*width:700px;*/
    float:left;
    font-size: 0px;
    position: relative;
    top:50%;
    left:0;
    transform:translateY(-50%);
	z-index: 3;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox .SearchFocus{
    width:476px; 
    /*width:640px;*/
    height:42px;
    font-size: 14px;
    padding:0 10px;
    border:none;
    outline:none;
    color:#999;
	border-radius:4px 0 0 4px;
	float:left;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>button{
    width:60px;
    height:42px;
    font-size: 14px;
    outline:none;
    background:var(--qiTiZiTiColor);
    color:#fff;
	border-radius:0 4px 4px 0;
	float:right;
}

/* 热门搜索 （隐藏） */
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch{
    display:none;
    /* width:490px; */
    width:640px;
    padding:13px 10px 2px 30px;
    background:#fff;
    border:1px solid #c6d9fd;
    position:absolute;
    top:42px;
    left:0;
	z-index:3;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch .hotSearchTitle{
    width:100%;
    position: relative;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch .hotSearchTitle>i{
    position: absolute;
    top:2px;
    left:-24px;
    font-size:16px;
    color:#f54351;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch .hotSearchTitle>span{
    font-size:14px;
    font-weight:bold;
    color:#888;
}

/* 标签 */
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch>ul{
    width:100%;
    margin:0;
    padding:10px 0 0;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch>ul>li{
    display:inline-block;
    cursor:pointer;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch>ul>li>a{
    display:inline-block;
    padding:1px 8px;
    border:1px solid #eee;
    font-size:14px;
    color:#888;
    margin:0 13px 10px 0;
}

.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch>ul>li>a.hot{
    color:#f54351;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch>ul>li>a sup{
    font-size:12px;
}


/* 热门搜索 （隐藏）end */


/* 找房 */
.crumbsAndSearchBox .displayArea .lookForHouse .mapLookForHouse{
    width:200px;
    height:100%;
    float:left;
}
.crumbsAndSearchBox .displayArea .lookForHouse .mapLookForHouse>div{
    display: inline-block;
    height:40px;
    padding-left:16px;
    line-height: 42px;
    position:relative;
    top:50%;
    left:0;
    transform:translateY(-50%);
}
.crumbsAndSearchBox .displayArea .lookForHouse .mapLookForHouse>div>a{
    color:#fff;
    font-size:14px;
}
.crumbsAndSearchBox .displayArea .lookForHouse .mapLookForHouse>div>a:hover{
    color:#fff !important;
}
.crumbsAndSearchBox .displayArea .lookForHouse .mapLookForHouse>div>a>i{
    color:#fff;
    font-size:18px;
}
/* 搜索框 - 找房 end */
/*小程序二维码*/
.crumbsAndSearchBox .displayArea .lookForHouse .mapLookForHouse>div#mobile-find-house:hover .applet-qr-code{
	display: block;
}
.crumbsAndSearchBox .displayArea .lookForHouse .mapLookForHouse>div#mobile-find-house .applet-qr-code {
	display: none;
	overflow: hidden;
	border-radius: 12px;
	position: absolute;
	top: 60px;
	left: 65%;
	transform: translateX(-50%);
	width: 200px;
	height: 200px;
	-webkit-box-shadow: 0 0 14px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 14px 3px rgba(0,0,0,.1);
	-ms-box-shadow: 0 0 14px 3px rgba(0,0,0,.1);
	-o-box-shadow: 0 0 14px 3px rgba(0,0,0,.1);
	box-shadow: 0 0 14px 3px rgba(0,0,0,.1);
}
.crumbsAndSearchBox .displayArea .lookForHouse .mapLookForHouse>div#mobile-find-house .applet-qr-code .fake-img {
	width: 100%;
	height: 100%;
}

/* 面包屑 与 搜索框 end */



.another-name{
	margin-left:10px;
}
.sell{
	float:right;
	
}

/* 搜索框 */
.address {
    display: block;
    width: 50%;
	padding-right:20px;
    float: left;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.search-hunit-price {
    display: block;
    width: 37%;
    float: right;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 搜索框 end */
/* 全局 的 a 颜色样式 */

.txtMarquee-top .infoList li a,
.sideMenu h3,
.ask-cont-1
{
	color:#666;
}


.ask-cont-2{
	color:#999;
}







/* 全局变量 */

 :root {
	--biaoti-bj: #f3f3f3; 
	--but-bj:#F56A02;
	
	--daohantiao-bj:#F56A02;
	--daohantiao-color:#fff;
	--moRen-bj:#0d8ec7;/* 留下默认颜色 背景 */
	
	/* a 链接 触摸的 颜色 */
	--all-a-touch-color:#F56A02;
	
	/*标签的背景与字体颜色*/
	--biaoqian-ziti:#fff;
	--biaoqian-bj:#F56A02;
	
	/*没触摸的按钮字体与背景颜色*/ /* 默认 */
	--anniu-color:#fff;
	--anniu-bj:#F56A02;
	
	/*触摸的按钮字体颜色*/
	--anniu-touch-color:#F56A02;
	--anniu-touch-bj:#fff;
	--anniu-touch-border:1px solid #F56A02;

	
	
 }

#dropdownMenu1{
height: 35px;
padding: 0px 20px;	
}

/*按钮的样式 统一用这个*/
.btn, .button, .b-t{
	background: var(--anniu-bj);
    color: var(--anniu-color);
	outline: none;
    border: none;
    border-radius: 4px;
}

.btn:hover{
	outline: none;
	border: none;
	color: var(--anniu-touch-color);
    background: var(--anniu-touch-bj);
	border-bottom: 3px solid var(--all-a-touch-color);
}
.upTop span{
	color:#fff;
}

/* 按钮的 Class name */
.anniu-yang-she{
	background: var(--anniu-bj);
    color: var(--anniu-color);
	outline: none;
    border: 0.5px solid var(--all-a-touch-color);
    border-radius: 4px;
	cursor: pointer;
}

.anniu-yang-she:hover{
	outline: none;
	border: none;
	color: var(--anniu-touch-color);
    background: var(--anniu-touch-bj);
	border-bottom: 2px solid var(--all-a-touch-color);
	cursor: pointer;
}


/* 按钮 */

.anniu-yang-shes{
	width: 100%;
    height: 40px;
    margin: 8px auto;
	
	background: var(--anniu-bj);
    color: var(--anniu-color);
	outline: none;
    border: 1px solid var(--all-a-touch-color);
    border-radius: 4px;
	cursor: pointer;
}
/*.anniu-yang-shes:hover{
	outline: none;
	border: none;
	color: var(--anniu-touch-color);
    background: var(--anniu-touch-bj);
	border-bottom: 2px solid var(--all-a-touch-color);
	cursor: pointer;
}*/















.modal-open .modal {
overflow-x: hidden;
overflow-y: hidden;

}
.modal-open {
   overflow: auto;
}

.error-hint{
	line-height: 20px;
	color: #e8380d;
	min-height: 20px;
	display:block;
	margin-bottom: 3px;
	visibility: hidden;
}


#alter .frame{
	margin-bottom:12px;
}
.sub-btn{
	width:100%;
}
.modalgroup .control-btn {

    width: 100%;
    
}
.modalgroup .verify-login{
	margin-bottom: 10px;
    background: var(--anniu-bj);
    height: 40px;
    width: 100%;
    outline: none;
    border: var(--anniu-touch-border);
    border-radius: 4px;
    color: var(--anniu-color);
}
/*
.modalgroup .verify-login:hover{
	color: var(--anniu-touch-color);
	border: var(--anniu-touch-border);
	background: var(--anniu-touch-bj);
}
*/


.forget{
	margin-bottom: 2px;
float: right;
color: #333;
cursor: pointer;
}

.shortcut{
	color: #ea3b3b;
	cursor: pointer;
}
.shortcut-num{
	float: left;
width: 132px;
height: 40px;
margin-right: 5px;
}

#ClickBox{
	height: 365px;
}
#strike{
	height: 365px;
}
.amend{
	height: 405px;
}
#alter{
	height: 405px;
}
.touch-off-timer{
width: 110px;
height: 40px;
float: left;
border-radius: 4px;
text-align: center;
line-height: 40px;
cursor: pointer;
border: 1px solid #ccc;
}

.modal-header {
    border-bottom: 1px solid #3330;
}
.login-cont{
margin-top:8px;
color: var(--but-bj);
cursor: pointer;
}
.modal-content .modal-title{
height:40px;
/*margin:0 20px;*/
line-height:80px;
}
.modal-content .modal-title .title{
font-size:22px;
}
.modal-content   .modal-none .fa-times{
float:right;
line-height:60px;
cursor:pointer;
}
.modalgroup{
/*margin:0 20px;*/
/*height:123px;*/
}


.modal-dialog{
	width: 350px;
    margin: 6% auto;
}

.modal-dialog .modal-content .modal-cont{
margin:20px 0 10px;
height:50px;
padding:0 21px;
}
.loading-dialog  .modal-dialog{
	width:350px;
	margin-top:0px;
	margin-bottom:0px;
}
.loading-dialog{
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
height:auto;
position: fixed;
}

/**
*这段是新闻排行样式
*/

/*.bulletin-cont{
	margin:10px 0;
	
}*/
.bulletin-cont .txt{
	height:34px;
	line-height:34px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.bulletin-cont .icon-txt{
float: left;
width: 19px;
height: 19px;
line-height: 19px;
text-align: center;
font-family: Arial;
color: #fff;
margin-right: 8px;
margin-top: 8px;

}
.bulletin-cont #icon-color-1{
	background-color: #f88888;
}
.bulletin-cont #icon-color-2{
	background-color: #c3ec3e;
}
.bulletin-cont #icon-color-3{
	background-color: #d4fb0b;
}
#icon-color-4,#icon-color-5,#icon-color-6,#icon-color-7,#icon-color-8,#icon-color-9,#icon-color-10{
	background-color: #bbb;
}
.subcribe-cont p{
	margin-bottom:0px;
}
.subcribe-cont{
	margin:10px 0;
	height:200px;
}




a:hover, a:focus {
    text-decoration: none;
}


	 ul li{
			 
	 list-style: none; 
 margin-bottom: 0px;
		 }
b, strong {
    font-weight: 700;
}

label {
    margin: 0 0 8px;
    line-height: 22px;
}

.label-wrap .label {
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1.32857;
    vertical-align: top;
    font-weight: 500;
}

label,
.label,
.form-control,
.bootstrap-select .btn,
.input-unit,
.range-input {
    font-size: 13px;
}

.btn {
    font-size: 14px;
}
img {
    transition: all 0.4s;
}
.label,
label,
.btn,
.range-input {
    font-weight: 500;
}


/* 头部 在最后*/
.header-body{
	z-index:0;
}

.header-body .container .table-block .header-nav .navi ul li a{
    color:#2c2c2c;
	font-size:16px;
} 
.header-body .container .table-block .header-nav .navi ul li a:hover{
	color: var(--qiTiZiTiColor);
} 
.radio-inline label,
.checkbox-inline label {
    font-weight: 400;
}

.bootstrap-select .btn {
    text-transform: none;
}

.form-control,
.bootstrap-select .btn,
.input-unit {
    font-weight: 400;
}

.changer-nav a {
    font-size: 14px;
    line-height: 42px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
}
  
.changer-title {
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    font-weight: 500;
}

.btn {
    line-height: 1.42857;
}   
.btn-lg {
    font-size: 16px !important;
    line-height: 1.3333333 !important;
}

.pagination-wrap .pagination a{
	margin-right: 5px !important;
	display: inline-block;
	border-radius: 4px;
	overflow: hidden;
	color:#333;
	background: none;
	
	line-height: 40px;
    font-weight: 500;
}
.pagination-wrap .pagination b{
	margin-right: 5px !important;
	display: inline-block;
	border-radius: 4px;
	overflow: hidden;
	
	background: var(--anniu-bj);
	color: var(--anniu-color);
    
	line-height: 40px;
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 28px;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 500;
    line-height: 1.1;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

@media (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 22px;
    }
}
@media (max-width: 767px) {
    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 14px;
    }
}
blockquote {
    font-size: 14px;
    line-height: 26px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .article-content h1,
    .blog-body h1,
    .section-property-content .property-description h1,
    .property-article h1 {
        font-size: 28px;
    }
    .article-content h2,
    .blog-body h2,
    .section-property-content .property-description h2,
    .property-article h2 {
        font-size: 22px;
    }
    .article-content h3,
    .blog-body h3,
    .section-property-content .property-description h3,
    .property-article h3 {
        font-size: 18px;
    }
    .article-content h4,
    .blog-body h4,
    .section-property-content .property-description h4,
    .property-article h4 {
        font-size: 14px;
    }
    .article-content h5,
    .blog-body h5,
    .section-property-content .property-description h5,
    .property-article h5 {
        font-size: 14px;
    }
    .article-content h6,
    .blog-body h6,
    .section-property-content .property-description h6,
    .property-article h6 {
        font-size: 12px;
    }
    .article-content ul,
    .article-content ol,
    .blog-body ul,
    .blog-body ol,
    .section-property-content .property-description ul,
    .section-property-content .property-description ol,
    .property-article ul,
    .property-article ol {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}
@media (max-width: 767px) {
    .article-content h1,
    .blog-body h1,
    .section-property-content .property-description h1,
    .property-article h1 {
        font-size: 22px;
    }
    .article-content h2,
    .blog-body h2,
    .section-property-content .property-description h2,
    .property-article h2 {
        font-size: 20px;
    }
    .article-content h3,
    .blog-body h3,
    .section-property-content .property-description h3,
    .property-article h3 {
        font-size: 18px;
    }
    .article-content h4,
    .blog-body h4,
    .section-property-content .property-description h4,
    .property-article h4 {
        font-size: 16px;
    }
    .article-content h5,
    .blog-body h5,
    .section-property-content .property-description h5,
    .property-article h5 {
        font-size: 14px;
    }
    .article-content h6,
    .blog-body h6,
    .section-property-content .property-description h6,
    .property-article h6 {
        font-size: 12px;
    }
    .article-content ul,
    .article-content ol,
    .blog-body ul,
    .blog-body ol,
    .section-property-content .property-description ul,
    .section-property-content .property-description ol,
    .property-article ul,
    .property-article ol {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .article-content ul li,
    .article-content ol li,
    .blog-body ul li,
    .blog-body ol li,
    .section-property-content .property-description ul li,
    .section-property-content .property-description ol li,
    .property-article ul li,
    .property-article ol li {
        line-height: 20px;
    }
}

.tab {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}

.navi > ul > li > a,
.header-right .btn,
.header-right a,
.menu-dropdown,
.navi .ced-megamenu-wrap a {
    font-size: 13px;
    font-weight: 500;
}
.breadcrumb li {
    font-size: 13px;
    font-weight: 400;
}

.menu-dropdown a {
    line-height: 20px;
}

.extended-menu-btn {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}

.form-group {
    clear: both;
    margin-bottom: 10px;
}

.timer{
	display:block;
	height:40px;
	line-height:40px;
}
.chaxun-btn{
	    height: 39px!important;
}
.user-agree-box{
	margin-top: 5px;
}

a.user-agree{
	font-weight:bold;
	color: #000;
}
a{
	cursor:pointer;
}
.btn-danger {
    height: 40px;
}
.header-contact .header-info .icon {
    font-size: 22px;
    line-height: 20px;
}
.header-contact .header-info .title {
    font-size: 14px;
    font-weight: 500;
}

.crncy-lang-block .dropdown-menu li {
    font-size: 12px;
}

.page-media-caption h2, .page-media-caption h3, .page-media-caption h4 {
    text-transform: uppercase;
}
.page-media-caption h2, .page-media-caption h3 {
    font-weight: 600;
    margin-bottom: 15px;
}
.page-media-caption h2 {
    font-size: 45px;
    line-height: 50px;
	color:#fff;
}
.page-media-caption h3 {
    font-size: 40px;
    line-height: 46px;
}
.page-media-caption h4 {
    font-size: 23px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: .09em;
}
.page-media-caption p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}
.page-media-caption .breadcrumb li {
    font-size: 18px;
}
@media only screen and (max-width: 991px) {
    .page-media-caption h2 {
        font-size: 34px;
        line-height: 40px;
    }
    .page-media-caption h3 {
        font-size: 30px;
        line-height: 36px;
    }
    .page-media-caption p {
        margin-bottom: 15px;
    }
    .page-media-caption .breadcrumb li {
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {
    .page-media-caption h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 8px;
    }
    .page-media-caption h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .page-media-caption h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .page-media-caption p {
        margin-bottom: 10px;
    }
}

.slider-caption .item-title-head .title {
    font-size: 22px;
    line-height: 30px;
}
.slider-caption .item-title-head .item-price {
    font-size: 26px;
    line-height: 30px;
}
.slider-caption .item-description {
    font-size: 15px;
    line-height: 25px;
}

.module-head .module-title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.module-head .module-sub-title,
.module-head .module-description {
    font-size: 18px;
    line-height: 28px;
}

.post-item-head .heading,
.post-item-body .heading {
    font-size: 18px;
    line-height: 22px;
}

.testi-content-block {
    text-align: center;
}
.testi-content-block .title {
    font-size: 20px;
    line-height: 26px;
}
.testi-content-block .designation {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.news-item-block .heading {
    line-height: 24px;
    font-size: 18px;
}
.news-item-block .meta {
    font-weight: 400;
    font-size: 13px;
}

.membership-block .membership-price {
    font-size: 70px;
    line-height: 52px;
    font-weight: 500;
    text-align: center;
}
.membership-block .membership-price .price-before,
.membership-block .membership-price .price-after {
    font-size: 32px;
    line-height: 32px;
}
.membership-block .membership-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
.membership-block .membership-list li {
    text-align: center;
    line-height: 30px;
}
.membership-block .membership-link {
    text-align: center;
}

.changer-actions span.title,
.item-filter-inputs .filter-label {
    font-size: 13px;
    font-weight: 400;
}

.item-title-head .item-price,
.item-title-head .item-price-wrap,
.item-caption-layer .item-price,
.item-caption-layer .item-price-wrap {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
}
.item-title-head .title,
.item-caption-layer .title {
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 5px;
    font-weight: 500;
}
.item-title-head .item-address,
.item-caption-layer .item-address {
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    font-weight: 400;
}

.item-media-title .item-type {
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 8px;
    font-weight: 500;
}
.item-media-title .item-price {
    font-size: 18px;
    line-height: 18px;
    margin: 0;
    font-weight: 600;
}

.item-amenities li {
    font-size: 13px;
    line-height: 22px;
    margin: 0;
    font-weight: 500;
}
.rewen-picture{
	width: 70px;
	float:left;
	height:100%;
	margin-right: 5px;
	overflow:hidden;
}
 .rewen-picture img{
	width: 100%;
	height: 100%;
	
}
#lookhing-house {
	width:100%;
	height:30px;
	margin-bottom: 25px;
}
#lookhing-house .check-code{
	width:60%;
}
#lookhing-house .time-check{
font-size:12px;
width:38%;
}
.consult .consult-title{
	font-size:14px;
	color:#333;
}
.reserved-phone .control-phone{
	margin-bottom:10px;
}



.agent-detail .short-info li,
.agent-detail .personal-info li,
.agent-list-block .short-info li {
    font-size: 13px;
    font-weight: 400;
    line-height: 27px;
}

.agent-detail .block-title {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 20px;
}
.agent-detail .company-media .media-heading {
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 6px;
}
.agent-detail .company-media .media-heading,
.agent-detail .company-media a {
    font-size: 14px;
}

.agent-info .name {
    font-size: 24px;
    line-height: 28px;
    margin: 0;
    font-weight: 500;
}
.agent-info .position {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 20px;
}
@media only screen and (max-width: 991px) {
    .agent-info .name {
        font-size: 22px;
        line-height: 22px;
    }
    .agent-info .position {
        line-height: 18px;
        margin-bottom: 24px;
    }
}

.item-filter-title {
    font-size: 14px;
}

.agent-personal-info .personal-info-title {
    font-size: 20px;
    line-height: 20px;
}

.page-title-wrap h1, .page-title-wrap h2, .page-title-wrap h3 {
    margin: 0 !important;
    font-size: 24px;
}

.contact-info li .fa,
.contact-info li i {
    font-size: 27px;
    text-align: center;
}

.contact-info strong {
    font-size: 15px;
    font-weight: 500;
}

.ced-module-wrap p {
    font-size: 15px;
    line-height: 25px;
}

.agent-module-body .description {
    margin: 0 0 18px;
}
.agent-module-body .view {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}
.agent-module-body .view i {
    font-size: 15px;
}

.agent-module-body .info .name,
.agent-module-media .info .name {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 10px;
    font-weight: 500;
}
.agent-module-body .info .company,
.agent-module-media .info .company {
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    font-weight: 400;
}

.services-block .icon {
    font-size: 42px;
    text-align: center;
}
.services-block .title {
    font-size: 20px;
    line-height: 24px;
}
.services-block .ser-link {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.team-block .title {
    font-size: 20px;
    line-height: 24px;
}
.team-block .designation {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

.tiled-grid-block .heading {
    font-size: 26px;
    line-height: 26px;
}
.tiled-grid-block .sub-heading {
    font-size: 15px;
    line-height: 15px;
}
.tiled-grid-block.v2 .heading {
    font-size: 24px;
    line-height: 24px;
}

.filter-trigger {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
}

#property-title-wrap .property-title,
#property-title-wrap .property-price {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 9px;
    font-weight: 500;
}
#property-title-wrap .property-address {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    font-weight: 400;
}

.property-article .article-head .heading {
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    font-weight: 500;
}

.property-detail .detail-title {
    font-weight: 500;
}

.property-contact-info .position {
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.property-contact-info .media-heading,
.property-contact-info .inquire-title {
    font-weight: 500;
}
.property-contact-info .media-heading {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px;
}
.property-contact-info .inquire-title {
    font-size: 16px;
    line-height: 16px;
}

.article-head .head-right a {
    font-size: 13px;
}

.blog-body .title {
    font-size: 28px;
    line-height: 34px;
}

.blog-footer .btn-read {
    font-weight: 500;
    font-size: 14px;
}
.blog-footer .author-meta,
.blog-footer .btn-read {
    line-height: 30px;
}

.author-meta li {
    font-size: 13px !important;
    line-height: 20px !important;
}

.meta-tags a {
    font-size: 13px;
    line-height: 1;
    margin: 0 3px 3px 0;
    font-weight: 400;
}

.blog-section .section-title,
.blog-section .reply-title {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 40px;
}
@media (max-width: 767px) {
    .blog-section .section-title,
    .blog-section .reply-title {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 28px;
    }
}

.blog-post-nav a {
    font-size: 14px;
    font-weight: 500;
}
.blog-post-nav span {
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 5px;
    font-weight: 400;
}

.blog-author .heading {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 5px;
}

.comments-block .heading {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    font-weight: 500;
}
@media only screen and (max-width: 767px) {
    .comments-block .heading {
        font-size: 14px;
        line-height: 18px;
    }
}
.comments-block small {
    font-size: 13px;
}

.comment-actions a {
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    font-weight: 400;
}

.widget_agent_contact .name {
    font-weight: 500;
}
.widget_agent_contact li {
    line-height: 20px;
}

.widget_contact .phone {
    font-weight: 400;
}
.widget_contact .view {
    font-size: 13px;
    line-height: 13px;
}

.widget_categories li,
.widget_pages li,
.widget_archive li,
.widget_meta li,
.widget_recent_posts li {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 12px 0;
    font-weight: 500;
}
.widget_categories li li,
.widget_pages li li,
.widget_archive li li,
.widget_meta li li,
.widget_recent_posts li li {
    font-weight: 400;
    margin-bottom: 8px;
}
.page-title-wrap{
	margin-top:20px;
}
.widget_recent_posts .post-date {
    font-weight: 400;
    font-size: 13px;
}

.widget-title {
    font-size: 18px;
    /*line-height: 14px;*/
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
}

.widget_tags .tagcloud a {
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    margin: 0 5px 5px 0;
}

.widget_media_list .price,
.widget_media_list .media-heading {
    font-size: 14px;
}
.widget_media_list .price {
    line-height: 14px;
    margin: 0 0 6px;
    font-weight: 500;
}
.widget_media_list .media-heading {
    line-height: 20px;
    margin: 0 0 6px;
    font-weight: 500;
}
.widget_media_list address,
.widget_media_list .amenities p {
    font-size: 13px;
}
.widget_media_list address {
    line-height: 13px;
    margin: 0 0 17px;
    font-weight: 400;
}
.widget_media_list .amenities p {
    line-height: 15px;
    margin: 0 0 6px;
    font-weight: 400;
}

.widget_calendar caption {
    text-align: center;
    font-weight: 600;
}

.widget_calculate .morg-result h3 {
    font-size: 16px;
    font-weight: 400;
}
.widget_calculate .morg-result .show-morg {
    font-size: 18px;
    line-height: 20px;
}
.widget_calculate .morg-summery .result-title {
    font-weight: 500;
}
.widget_calculate .morg-summery .result-value {
    font-weight: 400;
}
.widget_calculate .morg-summery .result-title,
.widget_calculate .morg-summery .result-value {
    font-size: 14px;
}

.dashboard-title-head .head-title {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
}

.block-head .head-title {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    font-weight: 500;
}

.media-drag-drop {
    text-align: center;
}
.media-drag-drop .fa {
    font-size: 42px;
}
.media-drag-drop .drag-title {
    font-weight: 400;
    font-size: 28px;
}

.payment-title {
    font-size: 16px;
    margin-bottom: 10px !important;
}

.payment-taber .tab {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
}
.payment-taber .tab .fa {
    font-size: 18px;
}
.payment-taber .tab p {
    line-height: 14px;
}

.pkg-block .block-title {
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
}
.pkg-block .pkg-value {
    font-size: 14px;
    font-weight: 400;
}
.pkg-block .pkg-value strong {
    font-weight: 500;
}
.pkg-block .valid-text {
    font-weight: 300;
    font-size: 13px;
}

.pkg-block-count .counter-bottom {
    font-size: 16px;
    font-weight: 500;
}

.footer-copyright p {
    margin: 0;
}

.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 13px;
    font-style: italic;
}

/* ======================================================================== */
/* START GLOBAL STYLE
/* ======================================================================== */
* {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    
}

.img-rounded {
    border-radius: 3px;
}

.label {
    padding: 3px 4px 2px;
}

a {
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: none;
}

hr {
    border-color: #dbdbdb;
    margin-top: 30px;
    margin-bottom: 30px;
}

cite {
    color: #b9b9b9;
}

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

.fa.fa-left-8 {
    margin-left: 8px;
}

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

.fa.fa-left-12 {
    margin-left: 12px;
}

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

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

.fa.fa-right-8 {
    margin-right: 8px;
}

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

.fa.fa-right-12 {
    margin-right: 12px;
}

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

.no-margin {
    margin: 0 !important;
}

.margin-left-3 {
    margin-left: 3px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-8 {
    margin-left: 8px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

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

.margin-right-3 {
    margin-right: 3px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-8 {
    margin-right: 8px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-12 {
    margin-right: 12px !important;
}

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

.margin-top-0 {
    margin-top: 3px !important;
}

.margin-top-3 {
    margin-top: 3px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

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

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-bottom-0 {
    margin-bottom: 3px !important;
}

.margin-bottom-3 {
    margin-bottom: 3px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

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

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-left {
    padding-left: 0;
}

.no-row-padding [class^="col-"] {
    padding: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

.list-style-none {
    list-style: none;
}

.table-block {
    display: table;
    width: 98%;
}

.table-row {
    display: table-row;
}

.table-col {
    display: table-cell;
    white-space: nowrap;
	
}

.white-space-normal {
    white-space: normal;
}

.v-middle {
    vertical-align: middle !important;
}

.v-top {
    vertical-align: top !important;
}

.v-bottom {
    vertical-align: bottom !important;
}

.row-20 {
    margin-left: -10px;
    margin-right: -10px;
}
.row-20 [class^="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.row-20 .tile-block {
    margin-bottom: 20px;
}

.row-10 {
    margin-left: -5px;
    margin-right: -5px;
}
.row-10 [class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}
.row-10 .tile-block {
    margin-bottom: 10px;
}

.row-8 {
    margin-left: -4px;
    margin-right: -4px;
}
.row-8 [class^="col-"] {
    padding-left: 4px;
    padding-right: 4px;
}
.row-8 .tile-block {
    margin-bottom: 8px;
}

.row-6 {
    margin-left: -3px;
    margin-right: -3px;
}
.row-6 [class^="col-"] {
    padding-left: 3px;
    padding-right: 3px;
}
.row-6 .tile-block {
    margin-bottom: 6px;
}

.row-4 {
    margin-left: -2px;
    margin-right: -2px;
}
.row-4 [class^="col-"] {
    padding-left: 2px;
    padding-right: 2px;
}
.row-4 .tile-block {
    margin-bottom: 4px;
}

.slider-load-animated {
    opacity: 0;
}

.item-overlay {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 171px;
    position: relative;
}
.item-overlay img{
	width:100%;
	height:100%
}
.item-overlay:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.overlay-light:before {
    background: #000;
    opacity: 0.18;
    filter: alpha(opacity=18);
}

 .overlay-dark:before {
    background: #222;
    opacity: 0.38;
    filter: alpha(opacity=38);
} 




.animated:hover .overlay-gradient:before {
    top: 28%;
}
.animated:hover .overlay-gradient-v2:before,
.animated:hover .overlay-gradient-v3:before {
    top: 20%;
}
.animated:hover .overlay-gradient-v4 {
    opacity: .8;
}

.zoom-effect:hover > img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
} 

.overlay-link:before, .overlay-link:after {
    position: absolute;
    opacity: 0;
}
.overlay-link:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
}
.overlay-link:after {
    top: 50%;
    left: 50%;
    right: 0;
    -webkit-transform: translate(-85%, -50%);
    -ms-transform: translate(-85%, -50%);
    -o-transform: translate(-85%, -50%);
    transform: translate(-85%, -50%);
    width: 40px;
    height: 40px;
    line-height: 37px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    background-color: #21cdec;
    font-family: "FontAwesome";
   /*  content: "\f105"; */
    border-radius: 1px;
    z-index: 1;
}
.overlay-link:hover:before {
    opacity: .4;
}
.overlay-link:hover:after {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
}

.navi > ul, .header-extended-menu .menu-inner, .widget_calculate .morg-result, .widget_categories ul,
.widget_pages ul,
.widget_archive ul,
.widget_meta ul,
.widget_recent_posts ul, .widget_categories li,
.widget_pages li,
.widget_archive li,
.widget_meta li,
.widget_recent_posts li, .list-search-sort, .view-changer-bar, .dashboard-title-head, .block-head, .steps-nav, .pkg-block, .pkg-block-count .counter-top, .item-list-wrap, .item-body-inner, .body-listing-map, .multi-gallery, .article-head, .property-features ul, .blog-footer, .gallery, .footer-copyright {
    *zoom: 1;
}
.navi > ul:before, .header-extended-menu .menu-inner:before, .widget_calculate .morg-result:before, .widget_categories ul:before,
.widget_pages ul:before,
.widget_archive ul:before,
.widget_meta ul:before,
.widget_recent_posts ul:before, .widget_categories li:before,
.widget_pages li:before,
.widget_archive li:before,
.widget_meta li:before,
.widget_recent_posts li:before, .list-search-sort:before, .view-changer-bar:before, .dashboard-title-head:before, .block-head:before, .steps-nav:before, .pkg-block:before, .pkg-block-count .counter-top:before, .item-list-wrap:before, .item-body-inner:before, .body-listing-map:before, .multi-gallery:before, .article-head:before, .property-features ul:before, .blog-footer:before, .gallery:before, .footer-copyright:before, .navi > ul:after, .header-extended-menu .menu-inner:after, .widget_calculate .morg-result:after, .widget_categories ul:after,
.widget_pages ul:after,
.widget_archive ul:after,
.widget_meta ul:after,
.widget_recent_posts ul:after, .widget_categories li:after,
.widget_pages li:after,
.widget_archive li:after,
.widget_meta li:after,
.widget_recent_posts li:after, .list-search-sort:after, .view-changer-bar:after, .dashboard-title-head:after, .block-head:after, .steps-nav:after, .pkg-block:after, .pkg-block-count .counter-top:after, .item-list-wrap:after, .item-body-inner:after, .body-listing-map:after, .multi-gallery:after, .article-head:after, .property-features ul:after, .blog-footer:after, .gallery:after, .footer-copyright:after {
    content: " ";
    display: table;
}
.navi > ul:after, .header-extended-menu .menu-inner:after, .widget_calculate .morg-result:after, .widget_categories ul:after,
.widget_pages ul:after,
.widget_archive ul:after,
.widget_meta ul:after,
.widget_recent_posts ul:after, .widget_categories li:after,
.widget_pages li:after,
.widget_archive li:after,
.widget_meta li:after,
.widget_recent_posts li:after, .list-search-sort:after, .view-changer-bar:after, .dashboard-title-head:after, .block-head:after, .steps-nav:after, .pkg-block:after, .pkg-block-count .counter-top:after, .item-list-wrap:after, .item-body-inner:after, .body-listing-map:after, .multi-gallery:after, .article-head:after, .property-features ul:after, .blog-footer:after, .gallery:after, .footer-copyright:after {
    clear: both;
}

.full-width, .header-top-bar, .header-top-bar .top-bar-inner, .crncy-lang-block .dropdown-menu, .header-fullwidth .header-wrap .container, .header-nav, .navi > ul > li.active > a:before, .navi .ced-megamenu-wrap, .navi > ul > li > a:hover:before,
.header-right .btn-login-register:hover:before, .account-dropdown, .widget_search input[type="text"], .widget_categories ul ul,
.widget_pages ul ul,
.widget_archive ul ul,
.widget_meta ul ul,
.widget_recent_posts ul ul, .widget_calendar table, .page-media-caption .header-search .container, .saved-search-block, .saved-search-block .saved-search-text, .item-grid-view .property-item .media-left,
.item-grid-view .property-item .media-body, .item-media-thumb img, .ced-table-layout, .tabs-nav, .footer-area {
    width: 100%;
}

.border-default-color {
    border-color: #dbdbdb;
}

.primary-color {
    color: #21cdec;
}

.secondary-color {
    color: #ffa200;
}

.border-primary-color {
    border-color: #21cdec;
}

.border-secondary-color {
    border-color: #ffa200;
}

.hover-effect-primary-color {
    background-color: rgba(33, 205, 236, 0.8);
}

.primary-color-hover {
    color: #13c1e0;
}

.secondary-color-hover {
    color: #e69200;
}

.primary-background {
    background-color: #21cdec;
}

.secondary-background {
    background-color: #ffa200;
}

.primary-background-hover {
    background-color: #11adc9;
}

.secondary-background-hover {
    background-color: #cc8200;
}

.text-default {
    color: #d7dce1;
}

.text-success {
    color: #85c341;
}

.text-danger {
    color: #c31b1b;
}

.text-ellipsis, .post-item-head .heading,
.post-item-body .heading {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}


.transparent-bg, .property-item-layer .item-media-actions li {
    background-color: transparent !important;
}

.grey-bg {
    background-color: #4b4b4b;
}

.grey-bg-light {
    background-color: #a5a5a5;
}

.grey-bg-lighter {
    background-color: #bdbdbd;
}


.black-bg {
    background-color: #000;
}

.font-color {
    color: #636363;
}

.display-block, .pkg-block .block-title, .meta-tags a, .blog-author .email {
    display: block;
}

.list-none, .item-media-actions, .meta-tags {
    list-style: none;
}

.display-inline-block, .meta-tags li {
    display: inline-block;
}

.display-inline {
    display: inline;
}

.element-shadow, .map-btn, .item-media-actions li, .owl-nav div[class*="owl-"] {
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
}

/* ======================================================================== */
/* START LAYOUT STYLE
/* ======================================================================== */
.dashboard-panel {
    position: fixed;
    left: 0;
    width: 250px;
    height: 100%;
}

.dashboard-right {
    width: 100%;
    padding-left: 250px;
}

@media only screen and (max-width: 1199px) {
    .dashboard-panel {
        width: 205px;
    }

    .dashboard-right {
        padding-left: 205px;
    }
}
@media only screen and (max-width: 991px) {
    .dashboard-panel {
        display: none;
    }

    .dashboard-right {
        padding: 0;
    }
}
.header-area {
    position: relative;
  border-bottom:1px solid #dbd0d0;
     z-index: 10000;
}

@media(max-width: 480px) {
	.header-area{
		display:none;
	}
}

@media (min-width: 1200px) {
    .ced-content-area {
        width: 70%;
    }
	/*.lubo-xiala{
		left: 13.3% !important;
	}*/
}
@media (min-width: 992px) and (max-width: 1199px) {
    .ced-content-area {
        width: 68%;
    }
}
@media only screen and (max-width: 991px) {
    .ced-content-area {
        margin-bottom: 0px; 
    }
	/*.lubo-xiala{
		left: 20.3% !important;
	}*/
}

@media (min-width: 1200px) {
    .ced-sidebar-area {
        width: 30%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .ced-sidebar-area {
        width: 32%;
    }
}

/* ======================================================================== */
/* START TOP BARS STYLE
/* ======================================================================== */
.header-top-bar {
    background-color: #4b4b4b;
}
.header-top-bar .top-bar-left,
.header-top-bar .top-bar-right {
    display: table-cell;
    vertical-align: middle;
}
.header-top-bar .top-bar-right {
    text-align: right;
}
.header-top-bar .top-bar-inner {
    display: table;
}
.header-top-bar .social-icons li {
    margin: 0;
}
.header-top-bar .social-icons a {
    width: 45px !important;
    height: 45px !important;
    line-height: 45px !important;
    background-color: transparent;
    font-size: 14px;
}

.crncy-lang-block > li {
    padding-left: 18px;
    padding-right: 18px;
    cursor: pointer;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.crncy-lang-block > li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.crncy-lang-block > li span {
    color: #fff;
    display: inline-block;
}
.crncy-lang-block > li i {
    margin-left: 10px;
}
.crncy-lang-block li.open,
.crncy-lang-block li:hover {
    background-color: #fff;
}
.crncy-lang-block li.open span,
.crncy-lang-block li:hover span {
    color: #636363;
}
.crncy-lang-block li.open .dropdown-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.crncy-lang-block .dropdown-menu {
    border-radius: 0;
    border-top: 0;
    margin-top: 0;
    min-width: calc(100% + 2px);
    border-color: #dbdbdb;
    left: -1px;
    display: block;
    opacity: 0;
    visibility: hidden;
    top: 35px;
}
.crncy-lang-block .dropdown-menu li {
    padding: 12px 18px;
    line-height: 18px;
    font-weight: 400;
}
.crncy-lang-block .dropdown-menu li:hover {
    color: #21cdec;
}
.crncy-lang-block .dropdown-menu .flag-img {
    float: right;
}

.top-nav > ul > li > a {
    line-height: 45px !important;
    color: #fff !important;
}
.top-nav > ul > li > a:before {
    display: none;
    text-overflow: clip;
    white-space: inherit;
}
.top-nav > ul .menu-dropdown {
    max-width: 133px;
}
.top-nav > ul .menu-dropdown a {
    padding: 10px 20px;
}
.top-nav > ul .menu-dropdown a:hover {
    color: #21cdec;
}

.top-contact-address li {
    color: #fff;
    margin-right: 28px;
}
.top-contact-address li:last-child {
    margin: 0;
}
.top-contact-address li i {
    margin-right: 10px;
}
.top-contact-address a {
    color: #fff;
}
.top-contact-address a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.top-contact-address,
.crncy-lang-block {
    list-style: none;
    margin: 0;
    font-size: 0;
}

.top-contact-address li,
.crncy-lang-block > li {
    display: inline-block;
    position: relative;
    font-size: 13px;
    line-height: 45px;
    font-weight: 500;
}
.city{
    margin-top: 18px;
    /* font-weight: 700; */

}
.city a{
	font-size:14px;
	color: var(--nextColorHue) !important;
}

.city a:hover{
	color: var(--qiTiZiTiColor) !important;
}
#city-name{
	font-size: 12px;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 2px 0px;
    border-radius: 2px;
    min-width: 80%;
}
/* ======================================================================== */
/* START HEADERS STYLE
/* ======================================================================== */
.header-transparent {
    box-shadow: none;
 
}
@media (min-width: 992px) and (max-width: 1199px) {
    .header-transparent {
        position: absolute;
        z-index: 10;
        top: 0;
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .header-transparent {
        position: absolute;
        z-index: 10;
        top: 0;
        width: 100%;
    }
}
.header-transparent .header-wrap .header-body,
.header-transparent .header-search,
.header-transparent .header-search-inner .header-search-dropdown .bootstrap-select .btn,
.header-transparent .header-search-input .form-control,
.header-transparent .extended-menu-btn,
.header-transparent .search-v2 .search-part .dropdown-toggle,
.header-transparent .search-v2 .filter-btn {
    background-color: rgba(255, 255, 255, 0.4);
}
.header-transparent .header-wrap,
.header-transparent .header-search {
    border-bottom: 1px solid transparent;
}
.header-transparent .extended-menu-btn {
    border-right: 1px solid transparent;
}
.header-transparent .search-v2 .filter-btn {
    border-left: none;
    border-right: none;
}
.header-transparent .header-wrap,
.header-transparent .header-search,
.header-transparent .extended-menu-btn,
.header-transparent .header-search-inner .header-search-dropdown .bootstrap-select .btn,
.header-transparent .header-search-inner .header-search-input .form-control,
.header-transparent .header-type-3 .header-right .btn-listing,
.header-transparent .search-v2 .search-part .dropdown-toggle,
.header-transparent .search-v2 .filter-btn {
    border-color: rgba(255, 255, 255, 0.7) !important;
}
.header-transparent .header-search-inner .header-search-input .form-control {
    border-left-color: transparent;
}
.header-transparent .header-search-inner .header-search-input .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.header-transparent .header-search-inner .header-search-input .form-control:-ms-input-placeholder {
    color: #fff;
}
.header-transparent .header-search-inner .header-search-input .form-control::-webkit-input-placeholder {
    color: #fff;
}
.header-transparent .header-type-1.header-sticky {
    background-color: #21cdec;
    border: none;
}

.header-transparent .header-type-2 .header-right .btn-listing {
    border-color: #fff;
}
.header-transparent .header-type-3 .header-right .btn-listing {
    background-color: transparent;
    border-left: 1px solid transparent;
}
.header-transparent .header-search.start-sticky {
    background-color: #4b4b4b;
}

.header-fullwidth .header-type-1 .container {
    padding: 0 15px;
}
.header-fullwidth .header-type-2 .container {
    padding-right: 15px;
}

.nav-right .header-nav {
    text-align: right;
}

.cityheader{
	margin-top: 18px;
    margin-left: 5px;
    margin-right: 20px;
}

.header-nav {
    /*padding: 0 18px;*/
    position: relative;
}
.header-nav .social-icons a {
    color: #636363;
}
.header-nav .header-logo{
	/*width:107px;
	height:55px;*/
	/*padding-top:6px;*/
    padding: 0 20px;
}
.header-nav .header-logo a{
	font-size: 16px;
    color: #F56A02 !important;
    font-weight: 600;
	line-height: 60px;
}
.header-nav .header-right {
    padding-left: 10px;
}
.header-nav .crncy-lang-block > li span {
    color: #636363;
}
 
.header-logo h1 {
    font-size: 24px;    
    margin: 0;
    color: #636363;  
}
.header-logo img {
    width: 100%;
    height: 100%;
}

.header-right {
    position: relative;
    /*padding-left: 29px;*/
    white-space: nowrap;
}
.header-right .btn {
    padding: 10px 18px;
}
.header-right .btn-login-register {
    color: #fff;
    position: relative;
    display: inline-block;
}
.header-right .btn-login-register span {
    margin: 0 5px;
}

.header-menu,
.header-logo,
.header-right,
.header-nav,
.header-info {
    display: table-cell;
    vertical-align: middle;
}

.extended-menu-btn {
    display: block;
    padding: 0 20px;
    color: #838282;
    cursor: pointer;
    background-color: #F8F8F8;
    white-space: nowrap;
}

.extended-menu-btn span {
    display: inline-block;
    vertical-align: middle;
}

.burger-icon {
    width: 20px;
    height: 16px;
    margin-right: 5px;
}
.dropdown-menu,
.menu-dropdown,
.menu-dropdown ul,
.ced-megamenu-wrap,
.account-dropdown,
.mobile-nav-dropdown {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.175);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.175);
}

.menu-dropdown > li,
.menu-dropdown > li ul > li,
.dropdown-menu > li,
.board-panel-menu li,
.account-dropdown ul > li {
    border-bottom: 1px solid transparent;
}
.menu-dropdown > li:last-child,
.menu-dropdown > li ul > li:last-child,
.dropdown-menu > li:last-child,
.board-panel-menu li:last-child,
.account-dropdown ul > li:last-child {
    border: none;
}

.dropdown-menu {
    border: 0;
    padding: 0;
    margin-top: 0;
    border-radius: 0;
    top: 100%;
}
.dropdown-menu > li {
    color: #2c2c2c;
}
.dropdown-menu > li > a {
	width:100%;
    padding: 12px 20px;
    color: #2c2c2c;
    line-height: 20px;
	display:inline-block;
}


.header-sticky.start-sticky {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border: none;
}

.navi > ul {
    margin: 0;
    font-size: 0;
    white-space: nowrap;
}
.navi > ul > li {
    position: relative;
    display: inline-block;
    list-style: none;
    overflow: hidden;
    vertical-align: top;
}
#citySelect:hover .city a,#citySelect1:hover .city a{
	color: var(--qiTiZiTiColor) !important;
}
.has-sub-child .city{
	width:80px;
	text-align: center;
	padding-bottom:10px;
}
#xuanzeCity,#xuanzeCity1  {
	background-color:#fff;
    z-index: 1;
    position: absolute;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
	display:block;
}
#xuanzeCity .xc-list ,#xuanzeCity1 .xc-list{
     display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap; 
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 560px;
}
#xuanzeCity .xc-list .xc-item ,#xuanzeCity1 .xc-list .xc-item{
	width:80px;
	height:40px;
	line-height:40px;
	text-align:center;
}

.navi > ul > li > a {
    display: block;
    padding: 0 30px;
    text-decoration: none;
    color: #636363;
    position: relative;
	
}
.navi > ul > li > a:hover {
    color: #21cdec;
}
@media (min-width: 768px) and (max-width: 991px) {
    .navi > ul > li > a {
        padding: 0 10px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navi > ul > li > a {
        padding: 0 9px;
    }
}
.navi > ul .has-sub-child > a:after {
   
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    float: right;
}
.navi > ul > li.actives {
    overflow: visible;
}
.navi > ul > li.active > a {
    color: #21cdec;
	
}
.header-body .container .table-block .header-nav .navi ul li.active a.subsation-href{
  color:var(--qiTiZiTiColor);
}
.header-body .container .table-block .header-nav .navi ul li.active a.subsation-href:before{
	    background-color: #21cdec;
}
.header-body .container .table-block .header-nav .navi ul .active .header-a {
	color:var(--qiTiZiTiColor);
}
.navi > ul > li.actives > .menu-dropdown,
.navi > ul > li.actives .ced-megamenu-wrap {
    top: 58px;
    opacity: 1;
    visibility: visible;
    z-index: 3;
	left: -40px;
	}
	#menu-house li a:hover{
		
		color:#e67474;
	}
	#real-estate-market li a:hover{
		color:#e67474;
	}
	#menu-house li:hover{
		background:#f9f8f8;
	}
	#real-estate-market li:hover{
		background:#f9f8f8;
	}
.navi .ced-megamenu-wrap {
    display: table;
    background-color: #fff;
    border-top: 0;
    overflow: hidden;
	width:100%;
}
.navi .ced-megamenu-wrap ul {
    position: relative;
    right: 0;
    top: 0 !important;
    left: 0 !important;
    text-align: left;
}
.navi .ced-megamenu-wrap > li {
    display: table-cell;
    table-layout: fixed;
    border: none !important;
    width: 20%;
	z-index:2;
}
.budget, .region, .house-type, .reserved-phone{
	margin-top:15px;
	text-align:center;
}
.budget .budget-title, .house-type, .phone{
	font-size:15px;
}
.region, .house-type, .reserved-phone{
	display:none;
}
.habitable-room{
padding: 0px 30px;
}
/*.reserved-phone{
padding: 0px 60px;
}*/
.reserved-phone .phone{
	margin-bottom:20px;
}
.habitable-room ul li{
float: left;
width: 80px;
height: 36px;
background: #eae2e2;
margin-right: 10px;
margin-bottom: 15px;
line-height: 36px;
color: #333;
border-radius: 3px;
cursor: pointer;
}
.ideal li a:hover{
	color:rgb(244, 107, 106);
}
.habitable-room ul .control{
	margin-right: 0px;
}
.budget .budget-money{
	background:var(--biaoqian-bj);
	padding: 10px 15px;
	width: 21%;
	margin: 0 40%;
   border-radius:20px;
   color:#fff;
   margin-bottom: 20px;
}
#slide{
	margin-top:10px;
	width:270px;
}
.dropdown{
 width: 88%;
 margin:auto;
}
.ideal{
	left: 1px;
    width: 442px;
	overflow-y:scroll; 
	height: 180px;
}
.district{
	width: 100%;
}
#dropdownMenu1 .unlimited{
	float:left;
}
#dropdownMenu1 .angle-down-icon{
	float:right;
	color:#999;
	font-size:21px;
}
.price-house-purchase{
	padding: 5px 45px;
	color:#666;
	height: 30px;
}
.price-house-purchase .min-money{
	display:block;
	float:left;
}
.price-house-purchase .max-money{
	display:block; 
	float:right;
}
.navi .ced-megamenu-wrap > li:last-child {
    padding: 0;
}
.navi .ced-megamenu-wrap > li > a {
    text-align: left;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 14px;
}
.navi .ced-megamenu-wrap a {
    line-height: 20px;
}
.navi .ced-megamenu-wrap .ced-menu-title-hidden > a {
    display: none;
}
.navi .ced-megamenu-wrap .sub-menu {
    background: transparent;
    box-shadow: none;
    display: block;
	margin-top:10px;
}
.navi .ced-megamenu-wrap .sub-menu li {
    border: none;
    display: block;
	width: 150px;
padding: 8px 30px;
}
.navi .ced-megamenu-wrap .sub-menu a {
    padding: 10px 0;
}


.navi > ul > li > a,
.header-right .btn-login-register {
    line-height: 60px;
}
.navi > ul > li > a:before,
.header-right .btn-login-register:before {
    width: 0;
    height: 3px;
    background-color: var(--qiTiZiTiColor);
    content: '';
    display: block;
    position: absolute;
    top: 56.5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.menu-dropdown,
.menu-dropdown ul,
.ced-megamenu-wrap,
.account-dropdown {
    position: absolute;
    top: 80%;
    opacity: 0;
    visibility: visible;
    background-color: #fff;
    z-index: -1;
}

.menu-dropdown,
.ced-megamenu-wrap,
.account-dropdown {
    -webkit-transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
}


  
.menu-dropdown {
    left: 0;
    border-top: 0;
}

.menu-dropdown li {
    position: relative;
}
.menu-dropdown li:last-child {
    border: none;
}
.menu-dropdown a {
    padding: 15px;
}
.menu-dropdown ul.sub-menu {
    position: absolute;
     top: -10px; 
    right: -180px;
}

.media-parallax.parallax-md {
    height: 450px;
}



.media-parallax.parallax-sm {
    /*height: 211px;*/
	height: 360px;
}



.media-parallax.parallax-xs {
    height: 200px;
}

.banner-parallax {
    position: absolute;
    width: 100%;
	height:211px;
    overflow: hidden;
	
}
.banner-parallax .parallax-inner {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    backface-visibility: hidden;
    visibility: inherit;
    z-index: 0;
    opacity: 1;
}
.banner-parallax .parallax-inner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
}

.media-map {
    overflow: hidden;
}


@media only screen and (max-width: 1199px) {


    .page-media-caption .breadcrumb {
        padding: 6px 0;
    }
}
@media only screen and (max-width: 767px) {
    .media-parallax,
    .ced-property-slider .item > img {
        height: 300px !important;
    }

    .media-parallax.parallax-sm {
        height: 170px !important;
    }

    .media-parallax.parallax-xs {
        height: 130px !important;
    }
}
@media only screen and (max-width: 480px) {
    .media-parallax {
        height: 300px !important;
    }
}
    

.container {
    padding: 0;
	    width: 1322px;
}
.container .container-fluid {
    padding: 0;
}
@media (max-width: 767px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .container {
        width: 580px;
    }
}
@media only screen and (max-width: 581px) {
    .container {
        width: 100%;
    }
}

.icon-holder {
    position: relative;
}
.icon-holder .form-control:not(textarea) {
    padding-left: 10px;
}
.icon-holder.icon-right .form-control:not(textarea) {
    padding-left: 12px;
    padding-right: 40px;
}
.icon-holder.icon-right .field-icon {
    left: auto;
    right: 0;
}
.icon-holder.icon-dark .field-icon {
    background-color: #4b4b4b;
}
.icon-holder .field-icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 42px;
    width: 42px;
    line-height: 42px;
    text-align: center;
    color: #9b9b9b;
    font-size: 14px;
}
.icon-holder .input-unit {
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 3;
}

.icon-holder textarea{
	resize:none;
}

.input-unit {
    display: inline-block;
    color: #9b9b9b;
}
.actual-img-ratio {
    width: auto;
    max-width: inherit;
}
.map-actions-topleft {
    top: 20px;
    left: 20px;
}
.map-actions-topright {
    top: 20px;
    right: 20px;
}
.cluster,
.cluster div {
    width: 42px !important;
    height: 42px !important;
}

.cluster div {
    text-align: center;
    font-size: 14px !important;
    border-radius: 50%;
    line-height: 42px !important;
    background-color: #21cdec;
}


.changer-title,
.changer-nav {
    float: left;
}




#bu-zhi-dao,#bu-zhi-dao a{
	display:inline-block;
}



.changer-title {
    padding: 9px 0 9px 15px;
}
 .listing-area .item-list-view .item-wrap .white-bg{
	height:55px;
	background-color: #f3f3f3;
	margin-bottom:10px;
 }
 .listing-area .item-list-view .item-wrap .white-bg .changer-nav li a{
	font-size:17px;
 }
.changer-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.changer-nav li {
    display: inline-block;
}

.changer-nav a {
    padding: 0 22px;
    display: block;
	height:55px;
	line-height:55px;
}

.changer-actions {
    padding: 0 10px;
    float: right;
	display:flex;
	display:-webkit-flex;
	/*margin-top:12px;*/
}
.changer-actions .bootstrap-select {
    min-height: 30px !important;
}
.changer-actions .bootstrap-select > .dropdown-toggle {
    height: 30px;
    padding-left: 10px;
    padding-right: 25px;
    padding-top: 2px;
    padding-bottom: 3px;
}
.changer-actions .bootstrap-select > .dropdown-toggle .fa {
    right: 10px !important;
}
.changer-actions span.title {
    color: #9b9b9b;
    margin-right: 10px;
	margin-bottom: 10px;
	font-size:15px;
}
.changer-actions span.view-changer-btn {
   
	display:inline-block;
	float:left;
}
.changer-tabs span {
    display: inline-block;
    vertical-align: middle;
}
.view-changer-btn {
    cursor: pointer;
    width: 30px;
    padding: 2px 0 0;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #d9d9d9;
    font-size: 23px;
    margin-right: 6px;
}
.view-changer-btn:last-child {
    margin: 0;
}
.item-wrap {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.property-item .media-left {
    padding-right: 0;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .blog-body,
    .blog-author,
    .comments-block-wrap {
        padding: 30px;
    }

    .comments-block .media-left {
        padding: 0 0 15px;
    }
    .comments-block .media-left,
    .comments-block .media-body {
        display: block;
        width: 100%;
    }

    .contact-info li {
        padding-left: 48px;
    }
}
.pagination-wrap {
    margin: 0px auto;
    line-height: 0;
}
.pagination-wrap .pagination {
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}
.pagination-wrap .pagination li {
    margin-right: 5px !important;
    display: inline-block;
	border-radius: 4px;
    overflow: hidden;
}
.pagination-wrap .pagination:last-child a {
    border-radius: 0;
	background:var(--anniu-bj);
	color:var(--anniu-color);
}
.pagination-wrap .pagination:first-child a {
    border-radius: 0;
	background:var(--anniu-bj);
	color:var(--anniu-color);
}

.pagination-wrap .pagination a,.pagination-wrap .pagination b{
    width: 40px;
    height: 40px;
    border: none;
    
}
.pagination-wrap .pagination a:hover{
	color: #fff;
	background-color: #eee;
	border-color: #ddd;
}

a, .zoom-effect > img, .crncy-lang-block .dropdown-menu li, .extended-menu-btn, .navi > ul > li > a:before,
.header-right .btn-login-register:before, .widget_search input[type="text"], .profile-map,
#map, .profile-map canvas,
#map canvas, .map-btn, .view-changer-btn, .ced-taber.payment-taber .tab, .item-media-actions,
.item-media-actions li, .team-block .team-thumb img, .dropdown-menu, .ced-taber .tab, .owl-dot span {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header-search, .map-info-box .box-close, .property-item-layer .layer-bottom, .ced-lightbox-thumb .imgs-counter, button, .btn, .btn i, .btn .fa {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.bitn{
    display: none;
	margin-left:3px;
    -webkit-transition: none !important;
    transition: none !important;
    /*font-size: 28px;
    line-height: 32px;
    text-align: center;*/
    border: none;
    border-radius: 2px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
    z-index: 999;

}
.modal-content{
	width:350px;
	    padding: 0 30px;
	/*position: fixed;
    top: 0;
    left: 50%;
	transform: translate(-50%,-50%);;*/
}
.account{
	height: 350px;
	padding: 20px;
}
.formItem{
	height: 48px;
}
.xl-ju-zhong{
	position: absolute;
	display:none;
}

#footer, .dashboard-panel{
	background:#2c2c2c !important;
}

.zhan-shi-qu{
	margin: auto;
	width: 1200px;
}

.one-hang{
	height:86px;
	line-height: 86px;
	
	word-spacing:15px;
	color:#fff;
	font-size:14px;
	
}

.two-hang{
	margin-top:8px;
	border-top: 1px solid #3f3f3f;
	padding:10px 0;
}
.two-hang>a{
	display:inline-block;
	margin:0 10px 8px 0;
}
.two-hang>span{
	font-size:14px;
	color:#fff;
}
.two-hang>a{
	font-size:12px;
	color:#D3D3D3;
}
.two-hang>a:hover{
	color:var(--qiTiZiTiColor);
}
/*新增的链接*/
.hangbox{
	padding-top:8px;
	border-top:1px solid #3f3f3f;
	color:#fff;
    font-size: 14px;
}

.hangbox div{
	padding:7px 0 0;
}
.hangbox span{
	margin-right:10px;
	padding: 0!important;
}
.hangbox a{
	display:inline-block;
	margin:0 10px 8px 0;
	color:#FFF;
    font-size: 14px;
}

.hangbox>p{
	font-size:14px;
	color:#fff;
}
.hangbox>a{
	font-size:12px;
	color:#D3D3D3;
}
.hangbox>a:hover{
	color:var(--qiTiZiTiColor);
}
.cqstitle{
	max-width: 13%;
	float:left;
	color:#fff;
	line-height:26px;
	padding:0!important;
	margin-right:10px;
}
.cqstitle.diff {
	line-height:26px;
}
.cqstitle.diff a{
	margin: 0;
}
.cqsbox{
	max-width:86%;
	float:left;
	display:block;
}
/*新增的链接 end*/
#look-for{
height: 420px;
width: 500px;
}
.look-houses{
	width: 50%;
	height: 40px;
}
.capacity-look .zhi-neng-top .look-title{
background: var(--biaoqian-bj);
	height:150px;
}
 .capacity-look .zhi-neng-top .look-title .look-images{
	width: 190px;
    float: left;
 }
  .capacity-look .zhi-neng-top  .capacity{
	 margin-top:10px;
	 font-size:15px;
 }
 .capacity-look .zhi-neng-top .look-title .stage{
height: 100px;
padding-top: 37px;
color:#fff;
 }
.save .economy{
font-weight: bold;
color: #888 !important;
font-size: 14px !important;
}
.save .money{
	color: #999;
font-size: 12px;
}
.one-hang p{
	float: left;
    height: 24px;
    line-height: 24px;
    margin-top: 31px;
}
.one-hang p a{
	color: #fff!important;
    font-size: 14px;
    margin-right: 25px;
}

.service-online{
	width:400px;
	float: right;
    margin-top: 25px;
}

.service-online li {
    float: right;
    height: 36px;
}



.service-online li.hot-line {
	width: auto;
    line-height: 36px;
    font-size: 22px;
    color: var(--qiTiZiTiColor);
    text-indent: 0;
    margin-right: 25px;
    overflow: visible;
	text-align: right;
}

.f-link {
    padding: 10px 0;
}



.tow-hang{
	height:100px;
	padding:10px 0;
	line-height:28px;
	border-bottom:1px solid #3f3f3f;
	word-spacing:15px;
	color:#aaa;
	font-size:12px;
	display:flex;
	display:-webkit-flex;
}

/*footer-hot*/

.footer{
	/*margin-bottom: 10px;*/
    overflow: hidden
}

.flink li {
    float: left;
    height: 36px;
    margin-right: 24px;
}

.flink li a{
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

/*footer-hot end*/

/*tab-hot*/

.tab-hot ul li{
	float:left;
}
.tab-hot {
    clear: both;
    overflow: hidden;
}

/*tab-hot end*/


.di-zuo{
	width:7%;
	height:100%;
}
.di-zhong{
	width:86%;
	height:100%;
}
.di-you{
	width:7%;
	height:100%;
}
.di-you a{
	display:block;
	width:20px;
	height:20px;
	margin:0 0 7px; 
	float:right;
	clear:both;
	line-height:17px;
	text-align:center;
	border:1px solid #555;
	color:#555;
	font-size: 16px;
}


.tow-hang-2{
	/*height:167px;*/
	padding:10px 0;
	line-height:28px;
	border-bottom:1px solid #3f3f3f;
	word-spacing:15px;
	color:#aaa;
	font-size:12px;
}

.tow-hang-2 li{
    list-style:none;
	float:left;
	margin-left:10px;
}

.tow-hang-2 ul:nth-child(1) li{
	list-style:none;
	width:124px;
	height:40px;
	line-height:40px;
	background:#222;
	font-size:14px;
	color:#fff;
	margin-right:15px;
	float:left;
	text-align:center;
}
.tow-hang-2 ul:nth-child(1) li:hover{
	background:#999;
}

/*flink2*/
.flink2,.flink2 ul{
	width:100%;
}
.flink2 ul li a {
    color: #666;
}
.flink2  ul li{
	margin-left:10px;
	float:left;
	color:#999;
}
/*flink2 end*/


.re-men,.zhou-bian,.you-qing,.go-ju{
    clear:both;
    display: none;
}



#three-hang{
	color:#999;
	padding:0 0 10px;
}
#three-hang p{
	padding:0;
	margin:0;
	line-height:22px;
	font-size:12px;
	color:#999 !important;
}

#three-hang p a{
	font-size:12px;
	color:#999;
}



/*footer end*/



/* top 跟随窗口移动 */

#top-ck{
	width:100%;
	height:60px;
}
.pagination-wrap ul li .next_page{
   width:100px;
   background:var(--anniu-bj);
   color:var(--anniu-color);
   }

/* JS 待调用的 Class */
.fixed-top{
	position:fixed;
	top:0;
	z-index:102;
	box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.15);
	background:#fafafa !important;
	width:100%;
	
}


/* 咨询电话 */
.navi > ul > li > .zixun-re-xian{
    display: block;
    padding: 0 13px;
    text-decoration: none;
    color: #333;
    position: relative;
	font-size: 16px;
    font-weight: 500;
	line-height: 60px;
}












/* 新 - 侧边栏 */
.ceBianLan{
    position:fixed;
    width:60px;
    top:0;
    right:0;
    height:100%;
    z-index: 2;
}

.ceBianLan .arrows{
	display:block;
	width:50px;
	height:50px;
	text-align:center;
	color:#b0b0b0;
	line-height:50px;
	font-size:50px;
	position:absolute;
	bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
}
.ceBianLan .arrows>i{
	cursor:pointer;
}

.ceBianLan>div{
    width:100%;
    height:100%;
    position:relative;
    top:0;
    left:0;
}

.ceBianLan>div>ul{
    width:100%;
	margin:0px;
	padding:0px;
    position:relative;
    top:50%;
    left:0;
    transform:translateY(-50%);
    /* background: rgba(227,227,227,.85); */
    background:#b0b0b0;
    border-radius:4px;
}
.ceBianLan>div>ul>li{
    width:100%;
    list-style: none;
    font-size:14px;
    font-family:"微软雅黑";
    padding:6px 0; 
    position: relative;
	cursor:pointer;
	text-align: center;
}
.ceBianLan>div>ul>li a{
	color:#fff; 	
}
.ceBianLan>div>ul>li a span{
	color:#fff; 	
}
/* 第一个 li */
.ceBianLan>div>ul>li:first-child{
    border-radius:4px 4px 0 0;
}
/* 最后一个 li */
.ceBianLan>div>ul>li:last-child{
    border-radius:0 0 4px 4px;
}

.ceBianLan>div>ul>li>span{
    display:block;
    height:20px;
    line-height:20px;
    text-align: center;
    color:#fff;
}
.ceBianLan>div>ul>li:hover{
    background:#666f76;
}

.iconTu1,
.iconTu2,
.iconTu3,
.iconTu4,
.iconTu5,
.iconTu6{
    width:100%;
    height:38px;
}
/*background:url(http://192.168.1.201/pingtai/images/logo/allIcon.png);*/
.iconTu1{
    background-position:0 -30px;
}
.iconTu2{
    background-position:0 -110px;
}
.iconTu3{
    background-position:0 -190px;
}
.iconTu4{
    background-position:0 -270px;
}
.iconTu5{
    background-position:0 -350px;
}
.iconTu6{
    background-position:0 -425px;
}


/* 三角形 */
.sanJiaoXing{
    height: 0px;
    width: 0px;
    border-top: 10px solid transparent;
    border-left: 12px solid #fff;
    border-bottom: 10px solid transparent;
    position: absolute;
    top:50%;
    left:-1px;
    transform:translateY(-50%);
}
/* 二维码 */
.qrCode{
    width:131px;
    height:131px;
    padding:10px;
    border-radius:4px;
    border:1px solid #cccccc;
	background:#fff;
    position: absolute;
    top:0;
    left:-131px;
}
.qrCode img{
    width:100%;
    height:100%;
}
.housing-provident-fund, .help-me-find-room, .appointment-time, .dial-up-access{
	position: absolute;
  
	border:1px solid #cccccc;
	background:#fff;
	padding:10px;
    border-radius:4px;
}
.help-me-find-room {
	      left:-78px;
		top: 14px;
}
.appointment-time{
	    left:-106px;
		 top: 14px;
}
.dial-up-access{
		width: 205px;
	    left: -204px;
		top: 14px;
}
.housing-provident-fund{
	    left:-120px;
		  top: 14px;
}
.touch{
	display:none;
}
.sanJiaoXing{
	display:none;
}
.reserved-funds a{
	color:#fff;
}
/* 新 - 侧边栏 end */

.capacity-look{
	padding: 0px 23px;
}

.loginmodel{
	padding: 0 20px;
}






/* 旧 - 侧边栏 */
#che-bian-lan{
	position:fixed;
	top:0;
	right:0;
	z-index:5;
	
	width:40px;
	height:100%;
	background:rgba(227,227,227,.85);
	font-size:12px;
}

#che-bian-lan>ul{
	width:100%;
    transform:translateY(45%);
}

#che-bian-lan>ul>li{
	list-style:none;
	text-align:center;
	margin:0 0 18px; 
	padding:2px;
	cursor:pointer;
	/*height:50px;
	line-height:50px;*/
}

#che-bian-lan>ul>li>img{
	width:24px;
	height:24px;
}

#che-bian-lan>ul>li:hover{
	background:#2c2c2c;
	color:#fff;
}
/* 旧 - 侧边栏 end */



/* 书院先生加的代码 */
.breadcrumb{
	height:50px !important;
	line-height:34px !important;
}

/*头部登陆 退出 ---start*/
.login-down{
	display:none;
	position: absolute;
    /*top: 38px;*/
    left: 50%;
	transform:translateX(-50%);
	background: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.175);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.175);
}
.login-down>li{
	text-align:center;
	display:block;
	padding: 5px 10px;
}
.login-down>li:hover{
	background: var(--qiTiZiTiColor);
}
.login-down>li:hover a{
	color:#fff !important;
}
li{
	list-style:none;
}

.modal-backdrop{
	z-index:0
}


/*头部登陆 退出 ---end*/
/*section{
	width: 1200px;
    margin: auto;
}*/
/*容器*/






/* 公积金 */
.advertising{
	height:212px;
	width:100%;
	margin-bottom: 30px;
	overflow: hidden;
}
.advertising .goJiJing img{
    width:100%;
    height:100%;
} 
/* 公积金 end */






/* 新头部 */
.header-tuw-up{
    width:100%;
    height:60px;
    background:#f3f3f3;
}
.header-tuw-up ul{
    width:1000px;
    height:100%;
    margin:auto;
	text-align:right;
}
.header-tuw-up ul li{
    list-style:none;
    display: inline-block;
    height:100%;
    line-height: 60px;
    margin-left:30px;
    /*float:right;*/
    position:relative;
}
.header-tuw-up ul li a{
    display: block;
    width:100%;
    height:100%;
    text-decoration: none;
    color:#666;
}
.header-tuw-up ul li:hover .xiao-guo{
    width:120%;
}
.xiao-guo,.xiao-guo2{
    position:absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%);
    width:0%;
    /*display: none;*/
    height:2px;
    background: var(--qiTiZiTiColor);
    transition: 0.5s; 
    -webkit-transition: 0.5s; /* Safari */
}

/* logo */
.header-tuw-up ul #logo{
    float:left;
	clear:both;
    margin:0;
}
.header-tuw-up ul #logo a{
	color: var(--qiTiZiTiColor) !important;
    font-weight: 600;
    line-height: 60px;
	font-size: 16px;
}

/* 覆盖 */
.input-group .form-control{
	z-index:0 !important; 
}


.my-class{
	width:100%;
	height:300px;
	overflow-y:auto;
	overflow-x:hidden;
}


/* ouTop */

.ouTop a{
	display: block;
	width: 100%;
	height: 35px;
	line-height: 30px;
	font-size: 28px;
	font-weight: bold;
	background: var(--anniu-bj);
	color: var(--anniu-color);
	border-radius: 4px;
}
/**
*手机号码校验框css
*/
.check-code{
width: 65%;
float: left;
margin-right:5px;
}
.checkout{
/*width: 70%;*/
margin: auto;
margin-top:18px;
}

/* 帮找房 */
.help-house .input-group,.help-house .cardPhone{
	width:100%;
}
.help-house .cardPhone .control-phone{
	height:34px !important;
	margin-bottom:10px;
}
.checkout{
	padding:0;
	margin:0;
}
.checkout>input{
	width: 60% !important;
	border-radius: 4px !important;
	overflow:hidden;
}
.koZhi>input{
	width: 60% !important;
	border-radius: 4px !important;
	overflow:hidden;
}
input.fangjia-inform-code {
	    width: 68% !important;
    border-radius: 4px !important;
    overflow: hidden;
}
input.ding-yue-code{
	width: 60% !important;
    border-radius: 4px !important;
    overflow: hidden;
}
input.dongtai-code{
	width: 60% !important;
    border-radius: 4px !important;
    overflow: hidden;
}
input.looking-house-code{
	width: 61% !important;
    border-radius: 4px !important;
    overflow: hidden;
}
.cardPhone #house-sub-param{
	width:100%;
}
.time-check {
    border: 1px solid #ccc;
    width: 37%;
    /*margin: auto;*/
    float: right;
    height: 34px;
    line-height: 34px;
    border-radius: 4px !important;
    text-align: center;
	cursor:pointer;
}

.sdc-new-list div input{
	height:34px !important;
}


/* 帮找房 end */






.checkout{
	width:70%;
	margin:20px auto 0;
}

.cardPhone>.koZhi{
	width:70% !important;
}
/*Jump css*/
.iMg1{
animation:myfirst 1s infinite;
  -webkit-animation:myfirst 1s infinite; /* Safari and Chrome */
}

@keyframes myfirst
{
0% {top: 10px;}
50% {top: 0px;}
100% {top: 10px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0% {top: 10px;}
50% {top: 0px;}
100% {top: 10px;}
}
/*End Jump css*/


.open .dropdown-menu{
	width: 100%;
    position: absolute;
    left: 0;
}

/*弹框的input*/

.onlyInput {
    display: block;
    width: 70%;
    height: 38px;
    border-radius: 4px;
    outline: none;
    border: 1px solid #e3e3e3;
    padding: 0 10px;
	margin: 10px auto;
}
















/* 清零 */
*,ul,ol{
    margin:0;
    padding:0;
    font-family:"Microsoft YaHei";
}

/* 全部修饰 */
a{
    text-decoration:none;
}
li{
    list-style:none;
}
body{
    font-family:"Microsoft YaHei";
}


/* 输入框 - 占位符的颜色 */
/* WebKit browsers */
input::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}
/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder {
    color: #999;
    opacity: 1;
    font-size: 14px;
}
/* Mozilla Firefox 19+ */
input::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-size: 14px;
}
/* Internet Explorer 10+ */
input:-ms-input-placeholder {
    color: #999;
    font-size: 14px;
}
/* 输入框 - 占位符的颜色 end */












/* 绝不能删的 共用样式 也不能改 */



/* 面包屑 与 搜索框 */
.crumbsAndSearchBox{
    width:100%;
    background:var(--mianbaoxie);
}
.crumbsAndSearchBox .displayArea{
    width:1200px;
    height:74px;
    margin:auto;
}

/* 面包屑 */
.crumbsAndSearchBox .displayArea .crumbs{
    width:450px;
    /* width:300px; */
    height:100%;
    float:left;
}
.crumbsAndSearchBox .displayArea .crumbs>ul{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
	display: flex;
	    align-items: center;
}
.crumbsAndSearchBox .displayArea .crumbs>ul>li{
	max-width:280px;
    list-style: none;
    display: inline-block;
    padding:0;
    line-height: 74px;
    float:left;
	color:#fff;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.crumbsAndSearchBox .displayArea .crumbs>ul>li>a{
    color:#fff;
    font: 14px var(--zitiType);
    /* margin-right:5px; */
}
.crumbsAndSearchBox .displayArea .crumbs>ul>li>span{
	cursor:pointer;
	color:#fff;
}
.crumbsAndSearchBox .displayArea .crumbs>ul>li>i{
    color:#fff;
    margin:0  5px 0 10px;
}
/* 面包屑 end*/



/* 搜索框 - 找房 */
.crumbsAndSearchBox .displayArea .lookForHouse,.SetTheBox{
    width:750px;
    /* width:900px; */
    height:100%;
    float:left;
}


/* 搜索 */
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox{
    width:536px;
    /* width:700px; */
    float:left;
    font-size: 0px;
    position: relative;
    top:50%;
    left:0;
    transform:translateY(-50%);
	z-index:3;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox .SearchFocus{
    width:476px; 
    /*width:490px;*/
    /* width:640px; */
    height:42px;
    font-size: 14px;
    padding:0 7px;
    border:none;
    outline:none;
    color:#999;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>button{
    width:60px;
    height:42px;
    font-size: 14px;
    outline:none;
    background:var(--qiTiZiTiColor);
    color:#fff;
	border: 2px solid #fff;
}

/* 热门搜索 （隐藏） */
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch{
    display:none;
    width:490px;
    /* width:640px; */
    padding:13px 10px 2px 30px;
    background:#fff;
    border:1px solid #c6d9fd;
    position:absolute;
    top:42px;
    left:0;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch .hotSearchTitle{
    width:100%;
    position: relative;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch .hotSearchTitle>i{
    position: absolute;
    top:2px;
    left:-24px;
    font-size:16px;
    color:#f54351;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch .hotSearchTitle>span{
    font-size:14px;
    font-weight:bold;
    color:#888;
}

/* 标签 */
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch>ul{
    width:100%;
    margin:0;
    padding:10px 0 0;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch>ul>li{
    display:inline-block;
    cursor:pointer;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch>ul>li>a{
    display:inline-block;
    padding:1px 8px;
    border:1px solid #eee;
    font-size:14px;
    color:#888;
    margin:0 13px 10px 0;
}

.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch>ul>li>a.hot{
    color:#f54351;
}
.crumbsAndSearchBox .displayArea .lookForHouse .SearchBox>.hotSearch>ul>li>a sup{
    font-size:12px;
}


/* 热门搜索 （隐藏）end */


/* 找房 */
.crumbsAndSearchBox .displayArea .lookForHouse .mapLookForHouse{
    width:200px;
    height:100%;
    float:left;
}
.crumbsAndSearchBox .displayArea .lookForHouse .mapLookForHouse>div{
    display: inline-block;
    height:40px;
    padding-left:16px;
    line-height: 42px;
    position:relative;
    top:50%;
    left:0;
    z-index: 2;
    transform:translateY(-50%);
}
.crumbsAndSearchBox .displayArea .lookForHouse .mapLookForHouse>div>a{
    color:#fff;
    font-size:14px;
}
.crumbsAndSearchBox .displayArea .lookForHouse .mapLookForHouse>div>a>i{
    color:#fff;
    font-size:18px;
}
/* 搜索框 - 找房 end */
/* 面包屑 与 搜索框 end */




/* 中间宽 1200px */
.middleInterlayer{
    width:1200px;
    margin: 0 auto 50px;
}
/* 中间宽 1200px 结束 */





/* 左右的 标题 */
/* 通用标题二  (独立一块) */
.titleTwos{
    /* width:800px; */
    padding-bottom:20px;
    border-bottom:1px solid #dfdfdf;
    /* display: table-cell;
    vertical-align: bottom; */
}
.titleTwos .dieTitle{
    font-size:26px;
    color:#444;
}
.titleTwos .screen>span{
    font-size:16px;
    color:#232323;
    margin-left:50px;
}
.titleTwos .screen>span.default{
    font-size:16px;
    color:var(--qiTiZiTiColor);
}
.titleTwos .total{
    font-size:14px;
    color:#444;
    float: right;
    clear: both;
    position:relative;
    top:15px;
    right:0;
}

/* 户型 */
.titleTwos .classify{
    padding:0;
    margin:0;
    display: inline-block;
       
    position: relative;
    top:50%;
    left:35px;
    transform: translateY(-17%);
}
.titleTwos .classify>a{
    display: inline-block;
    margin-right: 30px;
    font-size: 16px;
    color: #232323;
    border-bottom: 1px solid transparent;
    cursor: pointer; 
    text-decoration: none;
}
.titleTwos .classify>a:hover,
.titleTwos .classify>a.default{
    color: var(--zitiMoRenColor);
    border-bottom: 1px solid var(--zitiMoRenColor);
}
/* 户型 end */

/* 写点评 */
.titleTwos .xieDianPing{
    display: inline-block;
    padding:1px 8px;
    background:#4f88f8;
    color:#fff;
    border-radius:2px;
}
/* 写点评 end */

/* 通用标题二  end */
/* 左右的 标题 end*/




/* 左右显示 */
.AroundTheShow{
    width:1200px;
    margin-top:50px;
}

/* 左 */
.AroundTheShow .housesSum{
    width:800px;
    margin-right:78px;
    float:left;
}
/* 左 end */



/* 右 */
.AroundTheShow .otherCategories{
    width:322px;
    float:left;
}

/* 通用标题 */
.GeneralTitle{
    font-size: 26px;
    color:#444;
}
.GeneralTitle>a{
    display: inline-block;
    float: right;
    clear: both;
    font-size:14px;
    color:#444;
    position: relative;
    top:15px;
} 
/* 通用标题 */

/* 通用标题二  (独立一块) */
.titleTwos{
    /* width:800px; */
    padding-bottom:20px;
    border-bottom:1px solid #dfdfdf;
    /* display: table-cell;
    vertical-align: bottom; */
}
.titleTwos .dieTitle{
    font-size:26px;
    color:#444;
}
.titleTwos .screen>span{
    font-size:16px;
    color:#232323;
    margin-left:50px;
}
.titleTwos .screen>span.default{
    font-size:16px;
    color:var(--qiTiZiTiColor);
}
.titleTwos .total{
    font-size:14px;
    color:#444;
    float: right;
    clear: both;
    position:relative;
    top:15px;
    right:0;
}

/* 户型 */
.titleTwos .classify{
    padding:0;
    margin:0;
    display: inline-block;
       
    position: relative;
    top:50%;
    left:35px;
    transform: translateY(-17%);
}
.titleTwos .classify>a{
    display: inline-block;
    margin-right: 30px;
    font-size: 16px;
    color: #232323;
    border-bottom: 1px solid transparent;
    cursor: pointer; 
    text-decoration: none;
}
.titleTwos .classify>a:hover,
.titleTwos .classify>a.default{
    color: var(--zitiMoRenColor);
    border-bottom: 1px solid var(--zitiMoRenColor);
}
/* 户型 end */

/* 写点评 */
.titleTwos .xieDianPing{
    display: inline-block;
    padding:1px 8px;
    background:#4f88f8;
    color:#fff;
    border-radius:2px;
}
/* 写点评 end */

/* 通用标题二  end */

/* 左右显示 end */









/* 底部 其他服务 */
.base{
    width:100%;
    overflow: hidden;
	background:#fff;
    border-top:1px solid #dddddd;
    margin-top:40px;
}
.base>ul{
    width:1200px;
    margin:auto;
    overflow: hidden;
}
.base>ul>li{
    width:230px;
    padding: 45px 0 45px 10px;
    overflow: hidden;
    float:left;
    cursor:pointer;
	margin-right:10px;
}
.base>ul>li:last-of-type{
	margin-right:0px;
}
.base>ul>li a{
    display: block;
}
.base>ul>li a>div:nth-child(1){
    width:70px;
	height:70px;
	float:left;
}
.base>ul>li a>div:nth-child(2){
    width:140px;
	float:left;
	padding-left:10px;
}
.base>ul>li a>div:nth-child(2)>span{
    display: block;
	color:#888;
	font-size:14px;
}
.base>ul>li a>div:nth-child(2)>span:nth-child(1){
    font-size:20px;
	font-weight:bold;
	margin-bottom:2px;
}
.base>ul>li img{
    width:100%;
    height:100%;
}
/* 底部 其他服务 end */

.gongwangImg{
	width:18px;
	max-height: 20px;
}



/* 全局样式声明 */
:root{

    /* 普通字 颜色*/
    --puitongTitle:#303030;

    /* 大 标题颜色 */
    --biaotiTitle:#3e4a59;
    /* 小 标题颜色 */
    --littleBiaotiTitle:#737373;

    /* 列表颜色 */
    --Listcolor:#0ad487;

    /* 字体默认停留颜色 与 触摸效果 */
    --zitiMoRenColor:#3968fc;


    /* 新规则 ：
    *
    *  字体、背景和边框的颜色如果是用同
    *  一种的话，要分别声明。
    *
    *  避免需要修改字体颜色的时候，影响
    *  到背景或者边框。
    *
    */

    --fontColor:var(--qiTiZiTiColor);    /* 字体颜色 */
    --backColor:var(--qiTiZiTiColor);    /* 背景颜色 */
    --bianKuang:var(--qiTiZiTiColor);    /* 边框颜色 */


    /*--mianbaoxie:#4f88f8;    面包屑 加 搜索框 */
	--mianbaoxie:#F56A02;

    --zitiType:"Microsoft YaHei";   /* 默认字体样式 */

    --jiageColor:#ffb53c;   /* 价格字体颜色 */
	
	/* 其他字体颜色 */
	--qiTiZiTiColor:#F56A02;
	
	--nextColorHue:#fa5f35;
}











  
  
  
  /*手机找房*/
  #mf-qrcode{
	  width:160px;
      height:160px;
      margin-top:15px;
	  position:absolute;
	  top:185px;
	  left:81.5%;
	  z-index: 5;
  }
  
  
  /* 黑色小提示 */
.blackTiplittleWindow{
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:901;
	background:rgba(0,0,0,.6);
	padding:15px;
	display:none;
	font-size:15px;
	color:#fff;
	border-radius:4px;
	white-space:nowrap;
}
.blackTiplittleWindow p{
	color:#fff;
}




















/* 滑动验证 */
#msg {
  width: 100%;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
}
.block {
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .sliderContainer {
    position: relative;
    text-align: center;
    width: 310px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    background: #f7f9fa;
    color: #45494c;
    border: 1px solid #e4e7eb;
  }
  
  .sliderContainer_active .slider {
    height: 38px;
    top: -1px;
    border: 1px solid #1991FA;
  }
  
  .sliderContainer_active .sliderMask {
    height: 38px;
    border-width: 1px;
  }
  
  .sliderContainer_success .slider {
    height: 38px;
    top: -1px;
    border: 1px solid #52CCBA;
    background-color: #52CCBA !important;
  }
  
  .sliderContainer_success .sliderMask {
    height: 38px;
    border: 1px solid #52CCBA;
    background-color: #D2F4EF;
  }
  
  .sliderContainer_success .sliderIcon {
    background-position: 0 0 !important;
  }
  
  .sliderContainer_fail .slider {
    height: 38px;
    top: -1px;
    border: 1px solid #f57a7a;
    background-color: #f57a7a !important;
  }
  
  .sliderContainer_fail .sliderMask {
    height: 38px;
    border: 1px solid #f57a7a;
    background-color: #fce1e1;
  }
  
  .sliderContainer_fail .sliderIcon {
    background-position: 0 -83px !important;
  }
  .sliderContainer_active .sliderText, .sliderContainer_success .sliderText, .sliderContainer_fail .sliderText {
    display: none;
  }
  
  .sliderMask {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    border: 0 solid #1991FA;
    background: #D1E9FE;
  }
  
  .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background .2s linear;
  }
  
  .slider:hover {
    background: #1991FA;
  }
  
  .slider:hover .sliderIcon {
    background-position: 0 -13px;
  }
  
  .sliderIcon {
    position: absolute;
    top: 15px;
    left: 13px;
    width: 14px;
    height: 10px;
    background: url(../img/icon_light.f13cff3.png) 0 -26px;
    background-size: 34px 471px;
  }
  
  .refreshIcon {
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background: url(../img/icon_light.f13cff3.png) 0 -437px;
    background-size: 34px 471px;
  }
  
  
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    color: #fff;
	background:var(--qiTiZiTiColor)
}





/* vr-gif */
.page-vr-gif {
    /*display: none;*/
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50px !important;
    height: 50px !important;

}
.page-vr-gif .fake-img {
    width: 100%;
    height: 100%;
}
/* vr-gif end */

/** div右上角广告 **/
.tas-tag-photo-p{
	 position: relative;
}
.tas-tag-photo{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  color: #fff;
  padding: 4px;
  background-color: #b0b0b0;
  opacity:0.5;
  width:40px;
  height:24px;
  font-size:16px;
}

/** 客服 **/
* {
  box-sizing: border-box;
}
.kefu {
  position: fixed;
  top: 50%;
  right: 0;
  width: 300px;
  height: 372px;
  transform: translateY(-50%);
  /*box-shadow: 0 0 5px #ddd;*/
  z-index: 99999;
}
/* *********************************** 缩小 *********************************** */
.kefu > .reduce {
  display: none;
  position: absolute;
  top: 50%;
  width: 80px;
  height: 80px;
  float: left;
  /*background: url(./reduce.png) 0 0;*/
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  cursor: pointer;
  transform: translateY(-50%);
}
/* *********************************** 放大 *********************************** */
.kefu > .enlarge {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 100%;
  background-color: #fff;
}
/* 上 */
.kefu > .enlarge .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 43px;
  padding: 0 10px;
  line-height: 43px;
  color: #fff;
  background-color: #01c1eb;
}
.kefu > .enlarge .header > .left {
  font-size: 17px;
  font-weight: bolder;
}
.kefu > .enlarge .header .auth {
  display: inline-block;
  margin-left: 5px;
  padding: 3px 5px;
  font-size: 12px;
  line-height: 15px;
  border-radius: 3px;
  color: #01c1eb;
  background-color: #fff;
}
.kefu > .enlarge .header > .right > .close {
  display: block;
  width: 40px;
  height: 40px;
  /*background: url("./close.png") no-repeat center center;*/
  background-repeat: no-repeat !important;
  background-position: center center;
  cursor: pointer;
}
/* 中 */
.kefu > .enlarge .body {
  flex: 1;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}

.section {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 100%;
  width: 300px;
}
.kefu > .enlarge .body .item {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 10px 0 25px;
  border-bottom: 1px dotted #ddd;
}
.kefu > .enlarge .body .item:last-child{
	border:none;
}
.kefu .item > .pic {
  width: 60px;
  height: 60px;
}
.kefu .item > .pic > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kefu .item > .info {
  flex: 1;
  padding: 0 10px;
  font-size: 13px;
  line-height: 22px;
}
.kefu .item > .info > .user-name {
  font-size: 15px;
  font-weight: bolder;
}
.kefu .item > .info > .number {
  color: #666;
}
.kefu .item > .info > .tel {
  color: #b82727;
}
.kefu .item > .consult {
  position: relative;
}
.kefu .item > .consult > .qrcode-zxs-weixin {
  display: none;
  position: absolute;
  top: 50%;
  right: 80px;
  width: 120px;
  height: 120px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background-color: #fff;
  transform: translateY(-50%);
}
.kefu .item > .consult:hover > .qrcode-zxs-weixin {
  display: block;
}
.kefu .item > .consult > .qrcode-zxs-weixin > img {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #fefefe;
}
.kefu .item > .consult > .btn {
  padding: 5px 8px;
  font-size: 13px;
  border-radius: 5px;
  color: #fff;
  background-color: #01c1eb;
  cursor: pointer;
}
/* 上一页 / 下一页 */
.kefu > .enlarge .prev,
.kefu > .enlarge .next {
  position: absolute;
  top: 12px;
  right: 80px;
  width: 20px;
  height: 20px;
  color: #01c1eb;
  border-radius: 50%;
  /*background: #fff url("./prev.png") no-repeat center center;*/
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  cursor: pointer;
}
.kefu > .enlarge .next {
  right: 55px;
  /*background-image: url("./next.png");*/
}
/* 下 */
.kefu > .enlarge > .footer {
  height: 43px;
  font-size: 19px;
  font-weight: bolder;
  text-align: center;
  line-height: 43px;
  color: #fff;
  background-color: #01c1eb;
}





* {
  box-sizing: border-box;
}
.hrx_kefu {
  z-index: 990000;
  position: fixed;
  top: 50%;
  right: 0;
  width: 300px;
  height: 372px;
  transform: translateY(-50%);
}
/* *********************************** 缩小 *********************************** */
.hrx_kefu > .hrx_reduce {
  display: none;
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  float: left;
  /*background: url(./reduce.png) 0 0;*/
  background-repeat: no-repeat !important;
  background-size: 60px 60px !important;
  cursor: pointer;
  transform: translateY(-50%);
}
/* *********************************** 放大 *********************************** */
.hrx_kefu > .hrx_enlarge {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 100%;
  border-radius: 5px;
  background-color: #f9f9f9;
  box-shadow: 0 0 8px #888;
  overflow: hidden;
}
/* 上 */
.hrx_kefu > .hrx_enlarge .hrx_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 43px;
  padding: 0 10px;
  line-height: 43px;
  color: #fff;
  background-color: #01c1eb;
  background-image: linear-gradient(to right, #70c8e7, #5f9bca);
}

.hrx_kefu > .hrx_enlarge .hrx_header > .hrx_header_title {
  font-size: 17px;
  font-weight: bolder;
}
.hrx_kefu > .hrx_enlarge .hrx_header > .hrx_header_title > .hrx-title {
  display: inline-block;
}
.hrx_kefu > .hrx_enlarge .hrx_header .auth {
  display: inline-block;
  margin-left: 5px;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  border-radius: 3px;
  color: #80a9d2;
  background-color: #fff;
}
.hrx_kefu > .hrx_enlarge .hrx_header > .hrx-close {
  width: 25px;
  height: 25px;
  /*background: url("./close.png") no-repeat center center;*/
  background-repeat: no-repeat !important;
  /*background-size: 100% 100% !important;*/
  background-size: 20px 20px !important;;
  cursor: pointer;
  opacity: 0.75;
}
/* 中 */
.hrx_kefu > .hrx_enlarge .body {
  flex: 1;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}

.section {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 100%;
  width: 300px;
}
.hrx_kefu > .hrx_enlarge .body .hrx-item {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-bottom: 1px dashed #ddd;
}
.hrx_kefu > .hrx_enlarge .body .hrx-item:last-child {
  border: none;
}
.hrx_kefu .hrx-item > .pic {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  box-shadow: 0 0 3px #ddd;
}
.hrx_kefu .hrx-item > .pic > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hrx_kefu .hrx-item > .info {
  flex: 1;
  padding: 0 10px;
  font-size: 13px;
  line-height: 22px;
}
.hrx_kefu .hrx-item > .info > .hrx-user-name {
  font-size: 15px;
  font-weight: bolder;
}
.hrx_kefu .hrx-item > .info > .hrx-number {
  color: #666;
}
.hrx_kefu .hrx-item > .info > .hrx-tel {
  color: #3c86c2;
}
.hrx_kefu .hrx-item > .consult {
  position: relative;
  width:auto;
}
.hrx_kefu .hrx-item > .consult > .qrcode-zxs-fukuang {
  display: none;
  position: absolute;
  top: 50%;
  right: 80px;
  width: 120px;
  height: 120px;
  left: auto;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #eee;
  background-color: #ddd;
  transform: translateY(-50%);
}
.hrx_kefu .hrx-item > .consult > .triangle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-left: 15px solid #ddd;
  transform: translateY(-50%);
}
.hrx_kefu .hrx-item > .consult:hover > .qrcode-zxs-fukuang {
  display: block;
}
.hrx_kefu .hrx-item > .consult > .qrcode-zxs-fukuang > img {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #fefefe;
}
.hrx_kefu .hrx-item > .consult > .btn {
  padding: 5px 8px;
  font-size: 13px;
  border-radius: 5px;
  color: #fff;
  background-color: #01c1eb;
  background-image: linear-gradient(to right, #70c8e7, #5f9bca);
  cursor: pointer;
}
/* 上一页 / 下一页 */
.hrx_kefu > .hrx_enlarge .hrx-prev,
.hrx_kefu > .hrx_enlarge .hrx-next {
  position: absolute;
  top: 12px;
  right: 80px;
  width: 20px;
  height: 20px;
  color: #01c1eb;
  border-radius: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.hrx_kefu > .hrx_enlarge .hrx-next {
  right: 50px;
}
/* 下 */
.hrx_kefu  .hrx_footer {
  height: 43px;
  font-size: 19px;
  font-weight: bolder;
  text-align: center;
  line-height: 43px;
  color: #fff;
  background-color: #01c1eb;
  background-image: linear-gradient(to right, #70c8e7, #5f9bca);
}