/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/* **********************************   基础样式  ************************************ */

@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	vertical-align: top;
	word-break: break-word;
	line-height: 1;
	list-style: none;
	border: 0;
	background: none;
	box-sizing: border-box;

}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.3;
}

html {
	font-size: 100px;
}


@media (max-width: 1200px) {
	html{
		font-size: calc(100 / 1200 * 100vw);
	}
}
@media (max-width: 750px) {
	html{
		font-size: calc(100 / 750 * 100vw);
	}
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: .16rem;
}

body {
	color: #333;
	font-family: "sans-serif";
	overflow-x: hidden;
	font-size: 0.16rem;
}

body.y-hidden {
	overflow-y: hidden;
}

i,
em {
	font-style: normal;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover{
    color: #f4a136;
}

img {
	max-width: 100%;
}

textarea {
	resize: none;
}

select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

select,
input,
button,
textarea {
	color: #333;
	font-family: "sans-serif";
	outline: none;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #818181;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #818181;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #818181;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #818181;
}


/* ***********************************************
					公共样式类
*********************************************** */
.link:hover {
	color: #1890FF;
}

.pr {
	position: relative;
    z-index: 5;
}

.ab {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.overhide{
	overflow: hidden;
}

.scale:hover img,
.scale:hover .img {
	transform: scale(1.05);
}

.scale img,
.scale .img {
	transition: all .5s;
}

.scale {
	overflow: hidden;
}

.sizing {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.hidden,.hide {
	display: none;
}

.j-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.j-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.j-sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.j-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.f-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.f-colu {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.f-reverse {
	flex-direction: row-reverse;
}

.a-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.a-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.a-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.a-baseline {
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.nowrap1 {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

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

.nowrap3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;

}

.pointer:hover {
	cursor: pointer;
}

.t-center {
	text-align: center;
}

.t-right {
	text-align: right;
}
.t-just{
    text-align: justify;
}

/* 行高 */
.line-mn,
.line-mn * {
	line-height: 1.3;
}

.line-sm,
.line-sm * {
	line-height: 1.5;
}

.line-md,
.line-md * {
	line-height: 1.8;
}

.line-lg,
.line-lg * {
	line-height: 2;
}

/* 字体 */
.font-heavy {
	font-weight: 900;
}
.font-bold {
	font-weight: 700;
}


.font12 {
	font-size: 0.12rem;
}

.font14 {
	font-size: 0.14rem;
}

.font16 {
	font-size: .16rem;
}

.font18 {
	font-size: .18rem;
}

.font20 {
	font-size: .20rem;
}

.font22 {
	font-size: .22rem;
}

.font24 {
	font-size: .24rem;
}

.font25 {
	font-size: .25rem;
}

.font26 {
	font-size: .26rem;
}

.font28 {
	font-size: .28rem;
}

.font30 {
	font-size: .30rem;
}
.font32 {
	font-size: .32rem;
}

.font34 {
	font-size: .34rem;
}

.font35 {
	font-size: .35rem;
}

.font36 {
	font-size: .36rem;
}

.font38 {
	font-size: .38rem;
}

.font40 {
	font-size: .40rem;
}

.font42 {
	font-size: .42rem;
}

.font45 {
	font-size: .45rem;
}

.font48 {
	font-size: .48rem;
}

.font50 {
	font-size: .50rem;
}

.font55 {
	font-size: 0.55rem;
}

.font56 {
	font-size: 0.56rem;
}
.font58 {
	font-size: 0.58rem;
}

.font60 {
	font-size: 0.6rem;
}

.font65 {
	font-size: 0.65rem;
}

.font100 {
	font-size: 1rem;
}

/* 网站常用类 */

/* 颜色 */
.corfff {
	color: #fff;
}

.cor228 {
	color: #2287e8;
}
.cor003{
	color: #003e81;
}
.cor0f1{
    color: #0f1e2f;
}
.cor666 {
	color: #666;
}

.cor333 {
	color: #333;
}

.cor999 {
	color: #999;
}

.corF5F6F4 {
	color: #F5F6F4;
}

.corB4B4B4 {
	color: #B4B4B4;
}

.cor818181 {
	color: #7a7e87;
}

.cor3C3C3C {
	color: #3C3C3C;
}

.cor5a5a5a {
	color: #5a5a5a;
}

.cor555 {
	color: #555555;
}
.cor00a{
    color: #00a0e9;
}

.opacity0 {
	opacity: 0;
}

.shadow {
	box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
}

.clearfix:after {
	content: '';
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

.mask {
	background-color: rgba(0, 0, 0, .5);
	display: none;
}

.t-sion {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.underline:hover {
	text-decoration: underline;
}

.font-light {
	font-weight: 400 !important;
}

.d-block {
	display: block;
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.f-reverse{
	flex-direction: row-reverse;
}

.publicBox {
	padding: 0 1rem;
}

.w100 {
	width: 100%;
}
.hover:hover{
	color: #0072bf !important;
}

.over-hidden{
    overflow: hidden;
}

.w1200 {
	max-width: 12rem;
	margin: 0 auto;
	width: 96%;
}
.after:after{
	position: absolute;
	content: "";
    z-index: 1;
}
.scale{
	overflow: hidden;
}
.scale:hover img{
	transform: scale(1.03);
}
.pt9{
	padding-top: .9rem;
}
.cor17c{
	color: #1c79b5;
}
.drop {
	position: absolute;
	top: 100%;
	right: 0;
	padding: .1rem;
	background: #fff;
	border-radius: 5px;
	box-shadow:  0 0 .1rem rgba(0, 0, 0, .1);
	display: none;
}
.dropHover:hover .drop{
	display: block;
}



/* ***************************   code  ************************** */
.header{
    border-bottom: solid 1px #e3e3e3;
}
.header .top{
    height: 1rem;
}
.header .top nav{
    margin-left: 2rem;
}
.header nav ul li:not(:last-child) {
    margin-right: .4rem;
}
.header nav ul li:hover a{
    color: #fabf13;
}
.row-area{
    padding-top: .6rem;
}
.title{
    margin-bottom: .3rem;
}
.title h2{
    line-height: 1;
}
.title h2:after{
    width: 1.4rem;
    height: .06rem;
    background-color: #f4a136;
    left: 0;
    bottom: 0;
}
.list-content .right-others{
    width: 260px;
}
.list-content .left-main-area{
    width: calc(100% - 300px);
}
.title .look-all{
    padding-right: .2rem;
    background: url(../images/arrow_right_blue.png) no-repeat right center;
    color: #3777ed;
}
.house-list ul li{
    width: 33.33%;
    padding: 0 .2rem;
    margin-top: .3rem;
}
.house-list ul{
    margin: 0 -.2rem;
    margin-top: -.3rem;
}
.house-list ul li figure{
    border-radius: 5px;
}
.house-list ul li figure img{
    height: 2rem;
    object-fit: cover;
}
.house-list ul li h3{
    margin: .2rem 0 .1rem;
}
.house-list ul li .price strong{
    color: #cc0000;
    margin-right: 5px;
}
.title .w80:after{
    width: .8rem;
}
.title .w40:after{
    width: .4rem;
}
.related-info .row-area{
    padding-top: .3rem;
    margin-top: .6rem;
    border-top: solid 1px #eee;
    padding-bottom: 1rem;
}
.related-names{
    margin-top: -.2rem;
}
.related-names a{
    margin-right: .3rem;
    margin-top: .2rem;
}
.areas{
    gap: .2rem .1rem;
}
.areas a{
    display: block;
    width: calc(33.33% - .1rem);
    line-height: .3rem;
    border-radius: .3rem;
    background-color: #f5f5f5;
}
.areas a:hover{
    background-color: #f4a136;
    color: #fff;
}
.row-filter{
    border: solid 1px #eee;
    padding: .2rem;
    padding-bottom: .3rem;
    background: url(../images/rectangle.png) no-repeat right 0/1.04rem;
}
.right-others .row-filter:not(:last-child) {
    margin-bottom: .2rem;
}
.business-area a:not(:last-child) {
    margin-bottom: .2rem;
}
.business-area a{
    padding-left: .2rem;
    background: url(../images/disc.png) no-repeat 0 .05rem;
}
.logo h2{
    margin-left: .2rem;
}
.logo img{
    height: .81rem;
}
.logo a:hover{
	color: #333;
}
/* ***************************   code End ************************** */

/* ***************************   手机端（响应式） ************************** */
.title .look-all br{
    display: none;
}
@media (max-width: 750px) {
    body{
        background-color: #f8f8f8;
    }
    .header .top nav,
    .list-content .right-others{
        display: none;
    }
    .header .top{
        height: 1.2rem;
    }
    .logo .mobile{
        display: block;
        height: .67rem;
    }
    .list-content .left-main-area,
    .house-list ul li,
    .w1200{
        width: 100%;
    }
    .title h2,
    .house-list ul li .item  h3{
        font-size: .28rem;
    }
    .title .look-all{
        font-size: .18rem;
        text-align: right;
        line-height: 1.3;
    }
    .title .look-all br{
        display: block;
    }
    .house-list ul li .item{
        display: flex;
        align-items: center;
        padding: .2rem;
        background-color: #fff;
        border-radius: .1rem;
    }
    .house-list ul li .item figure{
        width: 2.25rem;
    }
    .house-list ul li .item figure img{
        height: 1.7rem;
        object-fit: cover;
    }
    .house-list ul li .item .txt{
        width: 4rem;
        padding-left: .3rem;
    }
    .house-list ul li .item  h3{
        font-weight: 700;
    }
    .house-list ul li .item .price,
    .house-list ul li .item .rent,
    .related-names{
        font-size: .24rem;
    }
    .house-list ul li .item .price strong{
        font-size: .3rem;
    }
    .house-list ul li h3{
        margin: 0 0 .3rem 0;
    }
    .house-list ul li{
        padding: 0;
    }
    .house-list ul{
        margin-left: 0;
        margin-right: 0;
    }
    .w1200{
        padding: 0 .3rem ;
    }
    .related-names{
        padding: .5rem .35rem;
        background-color: #fff;
        margin-top: 0;
        padding-top: .2rem;
    }
    .related-names a{
        width: 50%;
        margin-right: 0;
        margin-top: .3rem;
        padding-left: .3rem;
        background: url(../images/disc.png) no-repeat 0 .08rem/.1rem;
    }
    .related-names a:nth-of-type(2n+1) {
        padding-right: .3rem;
    }
	.logo img{
        height: 1rem;
    }
    .logo h2{
        font-size: .3rem;
    }
}
/* ***************************   手机端（响应式） End ************************** */