
/*** 通用样式 ***/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    background: #FFFFFF;
    font-family: "Microsoft YaHei", 微软雅黑, SimSun, 宋体, arial, sans-serif;
    font-size: 14px;
}

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

img {
    border: 0;
}

:focus {
    outline: 0 none;
}

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

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

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

html,
body {
    height: 100%;
}

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

.clearfix {
    zoom: 1;
}

.clearit {
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden;
}

.ta-l {
    text-align: left;
}

.ta-r {
    text-align: right;
}

.ta-c {
    text-align: center;
}

.va-m {
    vertical-align: middle;
}

.none {
    display: none;
}

.inline-block {
    display: inline-block;
}

.block {
    display: block;
}

.hidden {
    overflow: hidden;
}

.table {
    display: table;
}


/*** chrome filesize <12px bug ***/
.chrome {
    -webkit-text-size-adjust: none;
}

::-moz-placeholder {
    color: #BBBBBB;
}

::-webkit-input-placeholder {
    color: #BBBBBB;
}

:-ms-input-placeholder {
    color: #BBBBBB;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

/*** 禁止input[number]显示箭头 ***/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}

/*** 字体颜色 ***/
a {
    color: #1B1C33;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/*** 定位 ***/
.fl {
    float: left;
}
.fr {
    float: right;
}
.fn {
    float: none;
}
.posr {
    position: relative;
}
.posa {
    position: absolute;
}
.poss {
    position: static;
}
.posf {
    position: fixed;
}
.mt {
    margin-top: 30px;
}
.mt2 {
    margin-top: 20px;
}
.mt5 {
    margin-top: 50px;
}
.zf-pb3 {
    padding-bottom: 30px;
}

/*** 宽度 ***/
.container {
    position: relative;
    width: 1150px;
}
.container.default {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.container.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contanerLeft {
    width: 840px;
}
.contanerRight {
    width: 260px;
}
.locationLeft {
    width: 860px;
}
.locationRight {
    width: 260px;
}
/*** icon ***/
.icon_hv {
    width: 32px;
    height: 32px;
    background: url('../images1/icon_hv.png') 0 0/32px 32px no-repeat;
    display: inline-flex;
}
.icon_lv {
    width: 32px;
    height: 32px;
    background: url('../images1/icon_lv.png') 0 0/32px 32px no-repeat;
    display: inline-flex;
}
.icon_hg {
    width: 32px;
    height: 32px;
    background: url('../images1/icon_hg.png') 0 0/32px 32px no-repeat;
    display: inline-flex;
}
.icon_zs {
    width: 32px;
    height: 32px;
    background: url('../images1/icon_zs.png') 0 0/32px 32px no-repeat;
    display: inline-flex;
}

/*** swiper ***/
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*** 通用标题 ***/
.generalTitle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.generalTitle h2 {
    font-size: 36px;
    font-weight: bold;
    color: #1B1C33;
}
.generalTitle h2 strong {
    color: #4C83FF;
}
.generalTitle p {
    padding-top: 4px;
    color: #2B2B2B;
    font-size: 14px;
    font-weight: normal;
}
.generalTitle .r {
    font-size: 14px;
}
.generalTitle .r a:hover {
    color: #4C83FF;
}

/*** 通用小标题 ***/
.generalTitleChild {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.generalTitleChild h2 {
    font-size: 18px;
    font-weight: bold;
    color: #1B1C33;
    display: flex;
    align-items: center;
}
.generalTitleChild h2 i {
    margin-right: 10px;
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: #4C83FF;
    display: inline-flex;
}
.generalTitleChild h2 .like {
    color: #888888  ;
    cursor: pointer;
}
.generalTitleChild h2 .like.active {
    color: #1B1C33;
    cursor: pointer;
}
.generalTitleChild h2 span {
    padding: 0 5px;
    color: #888888;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
}
.generalTitleChild h2 span.active {
    color: #4C83FF;
}
.generalTitleChild h2 span:nth-child(3) {
    margin-left: 20px;
}
.generalTitleChild .r,
.generalTitleChild .r2 {
    font-size: 14px;
    color: #888888;
}
.generalTitleChild .r:hover {
    color: #4C83FF;
}
.generalTitleChild .r2 strong {
    padding: 0 6px;
    color: #1B1C33;
}

/*** 详情页标题 ***/
.detailTitle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.detailTitle h2 {
    font-size: 26px;
    font-weight: bold;
    color: #1B1C33;
}
.detailTitle .more {
    color: #888888;
}
.detailTitle .more strong {
    padding: 0 6px;
    color: #1B1C33;
}

/*** 提示层 ***/
.messageDialog {
	position: fixed;
	top: 50%;
    left: 50%;
    z-index: 999;
	padding: 10px;
	border-radius: 5px;
	background: rgba(0,0,0,0.65);
	color: #FFFFFF;
	font-size: 14px;
	transform: translateX(-50%);
	display: none;
}

/*** 全站广告位 ***/
.aLocationMiddle {
    display: flex;
}
.aLocationMiddle img {
    width: 100%;
}
.aLocationLeft img {
    width: 100%;
}
.aLocationRight img {
    width: 100%;
}
.aLocationMiddleZF {
    display: flex;
    justify-content: center;
}
.aLocationMiddleZF a {
    display: inline-flex;
    width: 100%;
}
.aLocationMiddleZF a img {
    width: 100%;
}

/*** header ***/
.header {
    width: 100%;
    min-width: 1150px;
    background: #222222;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header a:hover {
    color: #4C83FF;
}
.header_main {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header_nav ul {
    display: flex;
}
.header_nav ul li {
    margin-right: 30px;
    font-size: 16px;
    color: #FFFFFF;
}
.header_nav ul li a {
    color: #FFFFFF;
}

.header_nav ul li.active a {
    font-weight: bold;
    color: #4C83FF;
}
.header_login {
    display: flex;
    align-items: center;
    color: #FFFFFF;
}
.login_img {
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: url('../images1/header_img.png') center center/24px 24px no-repeat;
}
.header_login span {
    padding: 0 6px;
}
.header_login a {
    color: #FFFFFF;
}
.header_login .release {
    position: relative;
    margin-right: 12px;
}
.header_login .release i {
    position: absolute;
    right: -12px;
    top: -4px;
    z-index: 1;
    width: 14px;
    height: 14px;
    background: url('../images1/header_release_icon.png') center center/14px 14px no-repeat;
}

/*** footer ***/
.footer {
    margin-top: 80px;
    width: 100%;
    min-width: 1150px;
    background: #222222;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer.old {
    margin-top: 10px;
}
.footer a:hover {
    color: #4C83FF;
}
.footer_main {
    padding: 30px 0;
    box-sizing: border-box;
}
.footer_links {
    position: relative;
    z-index: 1;
}
.footer_links ul {
    display: flex;
}
.footer_links ul li {
    margin-right: 30px;
    color: #FFFFFF;
}
.footer_links ul li a {
    color: #FFFFFF;
}
.footer_links ul li a.active {
    color: #4C83FF;
    font-weight: bold;
}
.links_info {
    padding: 14px 0 20px;
    border-bottom: 1px solid #333333;
    line-height: 26px;
    color: #888888;
    display: none;
}
.links_info.show {
    display: block;
}
.links_info a {
    margin-right: 10px;
    color: #888888;
    font-size: 12px;
}
.footer_info {
    padding: 14px 0 0;
    line-height: 36px;
    font-size: 12px;
    color: #888888;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer_info_l {
    flex: 1;
}
.footer_info_l span {
    margin-right: 30px;
    font-size: 16px;
    font-weight: bold;
}
.footer_info_l a {
    color: #888888;
}
.footer_info_l p {
    display: flex;
    align-items: center;
}
.footer_info_l p .icon {
    display: flex;
    align-items: center;
}
.footer_info_l p .ml {
    margin-left: 41px;
}
.footer_info_l img {
    margin: 0 6px 0 10px;
    width: 20px;
    height: 20px;
}
.footer_info_r {
    flex: 0 0 500px;
}
.footer_info_r .icp {
    margin-right: 30px;
    width: 132px;
    height: 60px;
    background: url('../images1/footer_icp.png') center center/132px 60px no-repeat;
    display: inline-flex;
}
.footer_info .wljc {
    margin-right: 30px;
    width: 131px;
    height: 60px;
    background: url('../images1/footer_110.png') center center/131px 60px no-repeat;
    display: inline-flex;
}
.footer_info .trustworthy {
    width: 167px;
    height: 60px;
    background: url('../images1/footer_trustworthy.png') center center/167px 60px no-repeat;
    display: inline-flex;
}
.footer_ewm {
    width: 340px;
    height: 108px;
    background: #FFFFFF;
    border-radius: 8px;
    position: absolute;
    left: 86px;
    top: 44px;
    z-index: 1;
    display: none;
    opacity: 0;
}
.footer_triangle {
    position: absolute;
    left: 25px;
    top: -13px;
    z-index: 1;
    width: 0;
    height: 0;
    border-width: 0 12px 20px 12px;
    border-style: solid;
    border-color: transparent transparent #FFFFFF;
}
.footer_ewm .list {
    padding: 10px 15px 0;
    display: flex;
    justify-content: space-between;
}
.footer_ewm .list li {
    margin: 0;
    font-size: 12px;
    color: #1B1C33;
    text-align: center;
}
.footer_ewm .img {
    width: 66px;
    height: 66px;
    margin-bottom: 6px;
}
.footer_ewm .weixin {
    background: url('../images1/footer_weixin.png') center center/66px 66px no-repeat;
}
.footer_ewm .douyin {
    background: url('../images1/footer_douyin.png') center center/66px 66px no-repeat;
}
.footer_ewm .baidu {
    background: url('../images1/footer_baidu.png') center center/66px 66px no-repeat;
}
.footer_ewm .h5 {
    background: url('../images1/footer_h5.png') center center/66px 66px no-repeat;
}

/*** 面包屑 ***/
.crumbs {
    padding: 30px 0;
    color: #888888;
}
.crumbs a {
    color: #888888;
}
.crumbs a:hover {
    color: #4C83FF;
}

/*** 频道页通用头部 ***/
.headerChannel {
    width: 100%;
    min-width: 1150px;
    height: 120px;
    background: #FAFAFA;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headerChannel_l {
    display: flex;
    align-items: flex-end;
}
.headerChannel_logo {
    width: 198px;
    height: 44px;
    background: url('../images1/logoChannel.png') center center/198px 44px no-repeat;
    display: inline-flex;
}
.headerChannel_location {
    margin-left: 20px;
    height: 30px;
    padding: 0 12px;
    background: rgba(0, 0, 0, .65);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 12px;
}
.headerChannel_location i {
    margin-right: 6px;
    width: 9px;
    height: 12px;
    background: url('../images1/icon_location.png') center center/9px 12px no-repeat;
}
.headerChannel_search {
    width: 500px;
}
.headerChannel_search .search {
    width: 500px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.headerChannel_search .search input {
    flex: 1;
    border: none;
    padding: 0 20px;
    font-size: 16px;
    color: #888888;
}
.headerChannel_search .search_btn {
    flex: 0 0 80px;
    width: 80px;
    height: 44px;
    background: #4C83FF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.headerChannel_search .search_btn i {
    width: 24px;
    height: 20px;
    background: url('../images1/icon_search.png') center center/24px 20px no-repeat;
}

/*** 翻页 ***/
.page {
    padding: 30px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.page a,
.page span {
    margin-left: 10px;
    height: 28px;
    padding: 0 10px;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #888888;
    color: #888888;
    font-size: 14px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page span {
    color: #DEDEDE;
    border: 1px solid #DEDEDE;
}
.page .current {
    background: #4C83FF;
    border: 1px solid #4C83FF;
    color: #FFFFFF;
    font-weight: bold;
}
.page a:hover {
    border: 1px solid #4C83FF;
    color: #4C83FF;
}
.page div {
    margin-left: 10px;
    color: #888888;
    font-size: 14px;
}
/*** tabs ***/
.tabs {
    height: 50px;
    flex: 0 0 100%;
    display: flex;
    border-bottom: 2px solid #4C83FF;
    box-sizing: border-box;
}
.tabs ul {
    display: flex;
}
.tabs ul li {
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1B1C33;
    font-size: 16px;
    cursor: pointer;
}
.tabs ul li:hover {
    color: #4C83FF;
}
.tabs ul li.active {
    background: #4C83FF;
    border-radius: 3px 3px 0 0;
    color: #FFFFFF;
    font-weight: bold;
}
.tabs ul li.active a {
    color: #FFFFFF;
}
/*** main ***/
.mainNew {
    width: 100%;
    min-width: 1150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

/*** 首页-背景图 ***/
.banner {
    width: 100%;
    min-width: 1150px;
    height: 600px;
    background: url('../images1/index_bg.png') center center/1920px 600px no-repeat;
    display: flex;
    justify-content: center;
}
.banner_logo {
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 1;
    width: 198px;
    height: 44px;
    background: url('../images1/logo.png') center center/198px 44px no-repeat;
}
.banner_location {
    position: absolute;
    left: 218px;
    top: 35px;
    z-index: 1;
    height: 30px;
    padding: 0 12px;
    background: rgba(0, 0, 0, .65);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 12px;
}
.banner_location i {
    margin-right: 6px;
    width: 9px;
    height: 12px;
    background: url('../images1/icon_location.png') center center/9px 12px no-repeat;
}
.banner_search {
    position: absolute;
    left: 330px;
    top: 280px;
}
.banner_search .title {
    width: 465px;
    height: 90px;
    background: url('../images1/index_bg_title.png') center center/465px 90px no-repeat;
}
.banner_search .search {
    margin-top: 20px;
    width: 650px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.banner_search .search input {
    flex: 1;
    border: none;
    padding: 0 20px;
    font-size: 16px;
    color: #888888;
}
.banner_search .search_btn {
    flex: 0 0 100px;
    width: 100px;
    height: 50px;
    background: #4C83FF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.banner_search .search_btn i {
    width: 32px;
    height: 27px;
    background: url('../images1/icon_search.png') center center/32px 28px no-repeat;
}
.banner_menu {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.banner_menu ul {
    display: flex;
    justify-content: space-between;
    width: 363px;
}
.banner_menu .menu01 {
    width: 73px;
    height: 97px;
    background: url('../images1/index_menu_01.png') center center/73px 97px no-repeat;
}
.banner_menu .menu02 {
    width: 71px;
    height: 97px;
    background: url('../images1/index_menu_02.png') center center/71px 97px no-repeat;
}
.banner_menu .menu03 {
    width: 99px;
    height: 97px;
    background: url('../images1/index_menu_03.png') center center/99px 97px no-repeat;
}
.menuInfo {
    position: relative;
    top: 20px;
    left: -26px;
    z-index: 1;
    width: 124px;
    padding: 18px 30px;
    background: rgba(0, 0, 0, .75);
    border-radius: 8px;
    box-sizing: border-box;
    display: none;
}
.menuInfo.show {
    display: block;
}
.menuInfo ul {
    flex-direction: column;
    width: 100%;
}
.menuInfo ul li a {
    width: 100%;
    line-height: 32px;
    font-size: 16px;
    color: #FFFFFF;
    display: inline-block;
}
.menuInfo ul li a:hover {
    color: #4C83FF;
}
.menuInfo .triangle {
    position: absolute;
    left: 50%;
    top: -12px;
    z-index: 1;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-width: 0 8px 12px 8px;
    border-style: solid;
    border-color: transparent transparent rgba(0, 0, 0, .75);
}

/*** 全球房产智选 ***/
.recommend {
    width: 100%;
    min-width: 1150px;
    display: flex;
    justify-content: center;
    padding-top: 80px;
}
.recommend_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.recommend_list .item {
    flex: 0 0 180px;
    margin-top: 50px;
    margin-right: 62.5px;
    width: 180px;
    text-align: center;
}
.recommend_list .item:nth-child(5n) {
    flex: 0 0 180px;
    margin-right: 0;
}
.recommend_list .item .item_bg {
    width: 180px;
    height: 180px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recommend_list .item .item_bg.orange {
    background: #E93F00;
}
.recommend_list .item .item_bg.green {
    background: #59BB00;
}
.recommend_list .item .item_bg.blue {
    background: #4C83FF;
}
.recommend_list .item .item_bg i {
    width: 120px;
    height: 120px;
}
.recommend_list .item .item_bg .icon01 {
    background: url('../images1/index_icon_01.png') center center/120px 120px no-repeat;
}
.recommend_list .item .item_bg .icon02 {
    background: url('../images1/index_icon_02.png') center center/120px 120px no-repeat;
}
.recommend_list .item .item_bg .icon03 {
    background: url('../images1/index_icon_03.png') center center/120px 120px no-repeat;
}
.recommend_list .item .item_bg .icon05 {
    background: url('../images1/index_icon_05.png') center center/120px 120px no-repeat;
}
.recommend_list .item .item_bg .icon06 {
    background: url('../images1/index_icon_06.png') center center/120px 120px no-repeat;
}
.recommend_list .item .item_bg .icon07 {
    background: url('../images1/index_icon_07.png') center center/120px 120px no-repeat;
}
.recommend_list .item .item_bg .icon08 {
    background: url('../images1/index_icon_08.png') center center/120px 120px no-repeat;
}
.recommend_list .item .item_bg .icon10 {
    background: url('../images1/index_icon_10.png') center center/120px 120px no-repeat;
}
.recommend_list .item .item_name {
    margin-top: 16px;
    font-size: 20px;
    font-weight: bold;
    color: #1B1C33;
}

/*** 优选新房 ***/
.newHouse {
    width: 100%;
    min-width: 1150px;
    display: flex;
    justify-content: center;
    padding-top: 80px;
}
.newHouse_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.newHouse_list .item {
    margin-top: 30px;
    width: 260px;
    height: 260px;
}
.newHouse_list .item .item_img {
    width: 260px;
    height: 195px;
    border-radius: 5px;
    background: #FAFAFA;
}
.newHouse_list .item h4 {
    margin-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: bold;
    color: #1B1C33;
}
.newHouse_list .item h4 a:hover {
    color: #4C83FF;
}
.newHouse_list .item .item_info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.newHouse_list .item .item_info .item_location {
    color: #888888;
    font-size: 12px;
}
.newHouse_list .item .item_info .item_location a {
    color: #888888;
}
.newHouse_list .item .item_info .item_location a:hover {
    color: #4C83FF;
}
.newHouse_list .item .item_info .item_price {
    font-size: 14px;
    color: #E93F00;
}
.newHouse_list .item .item_info .item_price strong {
    font-size: 24px;
    margin-right: 4px;
}

/*** 二手好房 ***/
.secondHouse {
    width: 100%;
    min-width: 1150px;
    display: flex;
    justify-content: center;
    padding-top: 80px;
}
.secondHouse_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.secondHouse_list .item {
    margin-top: 30px;
    width: 260px;
    height: 260px;
}
.secondHouse_list .item .item_img {
    width: 260px;
    height: 195px;
    border-radius: 5px;
    background: #FAFAFA;
}
.secondHouse_list .item .item_name {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
}
.secondHouse_list .item .item_name h4 {
    flex: 1 0 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1B1C33;
}
.secondHouse_list .item .item_name h4 a:hover {
    color: #4C83FF;
}
.secondHouse_list .item .item_name .item_price {
    flex: 0 1 auto;
    color: #E93F00;
    text-align: right;
    white-space: nowrap;
}
.secondHouse_list .item .item_info {
    padding: 7px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #888888;
    font-size: 12px;
}
.secondHouse_list .item .item_info .item_location a {
    color: #888888;
}
.secondHouse_list .item .item_info .item_location a:hover {
    color: #4C83FF;
}
.secondHouse_list .item .item_info .item_type span {
    padding: 0 8px;
    color: #EDEDED;
}

/*** 经纪人 ***/
.broker {
    width: 100%;
    min-width: 1150px;
    display: flex;
    justify-content: center;
    padding-top: 80px;
}
.broker_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.broker_list .item_dealer {
    position: relative;
    margin-top: 30px;
    width: 260px;
    height: 246px;
    background: rgba(255, 255, 255);
    padding: 20px 20px 0;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.broker_list .item_dealer .info {
    width: 100%;
    display: flex;
}
.broker_list .item_dealer .info .img {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 64px;
    border: 4px solid #FFFFFF;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}
.broker_list .item_dealer .info .info_r {
    flex: 1;
    padding-left: 16px;
    display: flex;
    flex-direction: column;
}
.broker_list .item_dealer .info .info_r .name {
    font-size: 16px;
    color: #1B1C33;
    font-weight: bold;
}
.broker_list .item_dealer .info .info_r .vip {
    margin-top: 6px;
    width: 44px;
    height: 18px;
    border-radius: 3px;
    background: #FFEDE7;
    color: #E93F00;
    font-size: 12px;
    font-style: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}
.broker_list .item_dealer .info .info_r .star {
    margin-top: 8px;
}
.broker_list .item_dealer .info .info_r .star i {
    width: 16px;
    height: 16px;
    background: url('../images1/icon_star.png') center center/16px 16px no-repeat;
    display: inline-flex;
}
.broker_list .item_dealer .con {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    color: #888888;
    font-size: 14px;
}
.broker_list .item_dealer .con:nth-child(2) {
    margin-top: 12px;
}
.broker_list .item_dealer .con .con_l {
    flex: 0 0 70px;
    line-height: 26px;
}
.broker_list .item_dealer .con .con_r {
    flex: 1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 26px;
}
.broker_list .item_dealer .con .con_r.clamp {
    -webkit-line-clamp: 2;
}
.broker_list .item_dealer .con .con_r a {
    margin-right: 10px;
    white-space: nowrap;
    word-break: break-all;
    color: #4C83FF;
}
.broker_list .item_dealer .btn {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 1;
    transform: translateX(50%);
    width: 126px;
    height: 26px;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    color: #888888;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.broker_list .item_dealer .btn:hover {
    color: #4C83FF;
}
/*** 经纪公司 ***/
.broker_list .item_company {
    position: relative;
    margin-top: 30px;
    width: 260px;
    height: 246px;
    background: rgba(255, 255, 255);
    padding: 20px 20px 0;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.broker_list .item_company .img {
    display: flex;
    width: 160px;
    height: 60px;
    border-radius: 5px;
    border: 4px solid #FFFFFF;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}

.broker_list .item_company .name {
    margin-top: 14px;
    font-size: 16px;
    color: #1B1C33;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.broker_list .item_company .name span {
    flex: 1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.broker_list .item_company .name:hover {
    color: #4C83FF;
}
.broker_list .item_company .name .vip {
    flex: 0 0 44px;
    margin-left: 6px;
    width: 44px;
    height: 18px;
    border-radius: 3px;
    background: #FFEDE7;
    color: #E93F00;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}
.broker_list .item_company .con {
    margin-top: 8px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    color: #888888;
    font-size: 14px;
}
.broker_list .item_company .con .con_l {
    flex: 0 0 70px;
    line-height: 26px;
}
.broker_list .item_company .con .con_r {
    flex: 1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 26px;
}
.broker_list .item_company .con .con_r a {
    margin-right: 10px;
    white-space: nowrap;
    word-break: break-all;
    color: #4C83FF;
}
.broker_list .item_company .btn {
    margin-top: 10px;
    width: 126px;
    height: 26px;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    color: #888888;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.broker_list .item_company .btn:hover {
    color: #4C83FF;
}

/*** 楼市情报站 ***/
.news {
    width: 100%;
    min-width: 1150px;
    display: flex;
    justify-content: center;
    padding-top: 80px;
}
.news_con {
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*** 封面楼盘 ***/
.news_cover {
    position: relative;
    width: 740px;
    height: 486px;
    background: #FFFFFF;
    border-radius: 30px 5px 5px 5px;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}
.news_cover .triangle {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 118px;
    height: 118px;
    background: url('../images1/index_cover.png') center center/118px 118px no-repeat;
}
.news_cover .first h4 {
    padding: 34px 30px 0 105px;
    line-height: 32px;
    font-size: 24px;
    font-weight: bold;
    color: #1B1C33;
}
.news_cover .first_info {
    padding: 20px 30px 0;
    display: flex;
}
.news_cover .first_info img {
    width: 220px;
    height: 165px;
    border-radius: 5px;
}
.news_cover .first_info p {
    padding-left: 20px;
    line-height: 32px;
    font-size: 16px;
    color: #1B1C33;
    text-align: justify;
    text-justify: inter-ideograph;
}
.news_cover .cover_more {
    padding: 30px 30px 0;
    font-size: 16px;
    font-weight: bold;
    color: #4C83FF;
    display: inline-flex;
}
.news_cover .cover_list {
    padding: 12px 0 0 30px;
    display: flex;
}
.news_cover .cover_list img {
    width: 150px;
    height: 112px;
    border-radius: 3px;
}
.news_cover .cover_list .swiper-slide {
    margin-right: 20px;
    width:  150px;
    /* width: auto; */
  }
/*** 委托荐房 ***/
.entrustRoomIndex {
    width: 380px;
}
.entrustRoomIndex .entrustRoom_con .agree a {
    font-size: 14px;
}
.entrustRoom {
    width: 100%;
    height: 486px;
    padding: 0 4px 4px;
    background: linear-gradient( to left, #FF4C72, #4C83FF);
    border-radius: 3px 3px 0 0;
    box-sizing: border-box;
}
.entrustRoom_header {
    height: 46px;
    padding: 0 6px 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.entrustRoom_header h2 {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}
.entrustRoom_header .logo {
    width: 100px;
    height: 22px;
    background: url('../images1/logo.png') center center/100px 22px no-repeat;
    opacity: .15;
}
.entrustRoom_con {
    width: 100%;
    height: 436px;
    background: #FFFFFF;
    padding: 26px;
    box-sizing: border-box;
}
.entrustRoom_con h5 {
    padding-bottom: 10px;
    color: #1B1C33;
    font-weight: bold;
    font-size: 16px;
}
.entrustRoom_con h5:nth-child(3) {
    margin-top: 40px;
}
.entrustRoom_con h5 span {
    color: #F42744;
    font-size: 14px;
    font-weight: normal;
}
.entrustRoom_con .area {
    position: relative;
    width: 100%;
    height: 44px;
    background: #FFFFFF;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.entrustRoom_con .area_con {
    flex: 0 0 33.33%;
    position: relative;
    padding: 0 10px 0 0;
    height: 100%;
    box-sizing: border-box;
}
.entrustRoom_con .area_con.w {
    flex: 0 0 100%;
}
.entrustRoom_con .area_con:last-child {
    padding-right: 0;
}
.entrustRoom_con .area_con input {
    height: 100%;
    width: 100%;
    padding: 0;
    border: none;
    padding-right: 10px;
    font-size: 14px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.entrustRoom_con .area_con::after {
    content: "";
    width: 9px;
    height: 5px;
    background: url('../images1/icon_arrowdown.png') center center/9px 5px no-repeat;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotateZ(360deg);
    transition: .5s;
    pointer-events: none;
}
.entrustRoom_con .area_con.active::after {
    top: calc(50% - 3px);
    transform: rotateZ(-180deg);
}
.selectUl {
    position: absolute;
    z-index: 99;
    top: 44px;
    width: auto;
    max-width: 100%;
    min-height: 0px;
    max-height: 136px;
    border: 1px solid #DBDBDB;
    background: #FFFFFF;
    border-radius: 5px;
    font-size: 16px;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
    display: none;
}
.selectUl li {
    font-size: 14px;
    padding: 0 15px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    cursor: pointer;
}
.selectUl li:hover {
    background: #FAFAFA;
}
.selectUl li.actived_li {
    background: #FAFAFA;
    color: #4C83FF;
}
.entrustRoom_con .con {
    position: relative;
    height: 54px;
    background: #FFFFFF;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.entrustRoom_con .con input {
    flex: 1;
    width: 100%;
    height: 100%;
    padding-left: 30px;
    border: none;
    font-size: 16px;
    color: #888888;
    box-sizing: border-box;
    direction: flex;
    align-items: center;
}
.entrustRoom_con .con .icon_user {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    width: 24px;
    height: 24px;
    background: url('../images1/icon_user.png') center center/24px 24px no-repeat;
    transform: translateY(-50%);
}
.entrustRoom_con .con .icon_phone {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    width: 24px;
    height: 24px;
    background: url('../images1/icon_phone.png') center center/24px 24px no-repeat;
    transform: translateY(-50%);
}
.entrustRoom_con .con .icon_code {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    width: 24px;
    height: 24px;
    background: url('../images1/icon_code.png') center center/24px 24px no-repeat;
    transform: translateY(-50%);
}
.entrustRoom_con .con .time {
    flex: 0 0 auto;
    color: #4C83FF;
    font-size: 14px;
}
.entrustRoom_con .agree {
    margin-top: 20px;
    display: flex;
    align-items: center;
    background: url('../images1/input_radio.png') center left/14px 14px no-repeat;
    cursor: pointer;
}
.entrustRoom_con .agree.active {
    background: url('../images1/input_radio_active.png') center left/14px 14px no-repeat;
}
.entrustRoom_con .agree input[type='checkbox'] {
    display: none;
}
.entrustRoom_con .agree a {
    margin-left: 20px;
    font-size: 13px;
    color: #888888;
}
.entrustRoom_con .btn {
    margin-top: 30px;
    width: 100%;
    height: 44px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4C83FF;
    border: none;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}
.news_today {
    flex: 0 0 550px;
    width: 550px;
}
.news_today .list .item {
    padding: 30px 0;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    align-items: flex-start;
}
.news_today .list .item:last-child {
    border-bottom: none;
}
.news_today .list .item .item_img {
    position: relative;
    z-index: 1;
    margin-right: 20px;
    flex: 0 0 160px;
    width: 160px;
    height: 120px;
    background: #FAFAFA;
}
.news_today .list .item .item_img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.news_today .list .item .item_img i {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 48px;
    height: 48px;
    background: url('../images1/icon_video_play.png') 0 0 / 48px 48px no-repeat;
    transform: translate(-50%, -50%);
}
.news_today .list .item .item_info {
    flex: 1;
}
.news_today .list .item .item_info h5 {
    font-size: 16px;
    font-weight: bold;
    color: #1B1C33;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 26px;
}
.news_today .list .item .item_info p {
    margin-top: 10px;
    color: #888888;
    font-size: 14px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 26px;
}
.news_dynamic {
    flex: 0 0 200px;
    width: 200px;
}
.news_dynamic .swiper {
    width: 200px;
    height: 460px;
    padding: 30px 0 40px;
}
.news_dynamic .swiper-slide {
    height: calc((100% - 30px) / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.dynamic-bullet {
    position: relative;
    margin: 0 3px;
    width: 6px;
    height: 6px;
    background: #888888;
    border-radius: 3px;
    display: inline-block;
}
.dynamic-bullet-active {
    background: #4C83FF;
    opacity: 1;
}
.news_dynamic .list .item {
    /* margin-top: 30px; */
    width: 200px;
    height: 220px;
}
.news_dynamic .list .item .item_img {
    width: 200px;
    height: 150px;
    border-radius: 5px;
    background: #FAFAFA;
}
.news_dynamic .list .item h4 {
    margin-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1B1C33;
    font-size: 16px;
    font-weight: bold;
}
.news_dynamic .list .item h4 a:hover {
    color: #4C83FF;
}
.news_dynamic .list .item .item_info {
    padding: 7px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 12px;
}
.news_dynamic .list .item .item_info .item_price {
    font-size: 14px;
    color: #E93F00;
}
.news_dynamic .list .item .item_info .item_price strong {
    margin-right: 6px;
    font-size: 18px;
    font-weight: bold;
}
.news_dynamic .list .item .item_info .item_location {
    font-size: 12px;
    color: #888888
}
.news_dynamic .list .item .item_info .item_location a {
    color: #888888;
}
.news_dynamic .list .item .item_info .item_location a:hover {
    color: #4C83FF;
}
.news_house {
    flex: 0 0 290px;
    width: 290px;
}
.news_house .list {
    margin-top: 20px;
}
.news_house .list.mt {
    margin-top: 30px;
}
.news_house .list ul li {
    line-height: 36px;
    list-style: square inside;
    color: #888888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_house .list ul li a {
    color: #888888;
}
.news_house .list ul li a:hover {
    color: #4C83FF;
}
/*** banner ***/
.index_banner {
    width: 100%;
    min-width: 1150px;
    display: flex;
    justify-content: center;
    padding-top: 30px;
}
.index_banner .swiper {
    width: 1150px;
    height: 108px;
}
.banner-bullet {
    position: relative;
    margin: 0 3px;
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 3px;
    display: inline-block;
}
.banner-bullet-active{
    background: #4C83FF;
    opacity: 1;
}

/*** 筛选条件 ***/
.filter {
    width: 100%;
}
.filter .area_con {
    position: relative;
    margin-left: 10px;
}
.filter .area_con::after {
    position: absolute;
    right: 10px;
    top: 0;
    content: "";
    width: 8px;
    height: 5px;
    background: url('../images1/icon_arrowdown_gray.png') center center/8px 5px no-repeat;
    transform: translateY(13px) rotateZ(360deg);
    transition: .5s;
    pointer-events: none;
}
.filter .area_con.active::after {
    top: calc(50% - 3px);
    transform: rotateZ(-180deg);
}
.filter .area_con input {
    min-width: 120px;
    width: 120px;
    height: 30px;
    padding: 0 28px 0 10px;
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #DEDEDE;
    color: #1B1C33;
    font-size: 14px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.filter .area_con input::-moz-placeholder {
    color: #1B1C33;
}

.filter .area_con input::-webkit-input-placeholder {
    color: #1B1C33;
}

.filter .area_con input:-ms-input-placeholder {
    color: #1B1C33;
}
.filter .area_con .selectUl {
    width: 100%;
    top: 32px;
    box-sizing: border-box;
}
.filterArea {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
}
.filterArea .hot {
    position: relative;
    height: 30px;
    padding: 0 30px 0 10px;
    background: #E93F00;
    border-radius: 3px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.filterArea .hot i {
    margin-right: 10px;
    width: 16px;
    height: 16px;
    background: url('../images1/icon_area.png') center center/16px 16px no-repeat;
    display: inline-flex;
}
.filterArea .hot::after {
    position: absolute;
    right: 10px;
    top: 50%;
    content: "";
    width: 8px;
    height: 5px;
    background: url('../images1/icon_arrowdown_white.png') center center/8px 5px no-repeat;
    transform: translateY(-50%) rotateZ(360deg);
    transition: .5s;
    pointer-events: none;
}
.filterArea .hot.active::after {
    top: calc(50% - 3px);
    transform: rotateZ(-180deg);
}
.filterArea .btn {
    margin-left: 10px;
    width: 60px;
    height: 30px;
    background: #4C83FF;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.filterList {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.filterList .item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.filterList .item_label {
    padding: 6px 0;
    flex: 0 1 auto;
    font-weight: bold;
    color: #1B1C33;
}
.filterList .item_con {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.filterList .item_con .con,
.filterList .item_con .link {
    margin-left: 20px;
    padding: 6px 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    color: #1B1C33;
}
.filterList .item_con .link.active {
    color: #4C83FF;
    font-weight: bold;
}
.filterList .item_con .con input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.filterList .item_con .con label {
    display: flex;
    align-items: center;
}

.filterList .item_con .con input[type=checkbox] + label::before {
    margin-right: 6px;
    content: "\a0";
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
}
.filterList .item_con .con input[type=checkbox]:checked + label::before {
    content: "\a0";
    border: 1px solid #4C83FF;
    background: url('../images1/icon_select.png') center center/10px 9px no-repeat #4C83FF;
    box-sizing: border-box;
}
.filterMore {
    margin-top: 30px;
    color: #1B1C33;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.filterMore span {
    position: relative;
    padding-right: 15px;
    cursor: pointer;
}
.filterMore span::after {
    position: absolute;
    right: 0;
    top: 50%;
    content: "";
    width: 8px;
    height: 5px;
    background: url('../images1/icon_arrowdown_gray.png') center center/8px 5px no-repeat;
    transform: translateY(-50%) rotateZ(360deg);
    transition: .5s;
    pointer-events: none;
}
.filterMore span.active::after {
    top: calc(50% - 3px);
    transform: rotateZ(-180deg);
}
.filterResult {
    margin-top: 30px;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    background: #FAFAFA;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.filterResult .l {
    display: flex;
    align-items: center;
}
.filterResult .l .result {
    font-size: 14px;
    color: #1B1C33;
}
.filterResult .l .result strong {
    padding: 0 6px;
    color: #4C83FF;
}
.filterResult .l .select {
    margin-left: 30px;
    display: flex;
    align-items: center;
}
.filterResult .l .select .area_con input,
.filterResult .l .select .area_con select {
    min-width: 130px;
    width: 130px;
}
.filterResult .l .select span {
    font-size: 14px;
    color: #1B1C33;
}
.filterResult .r {
    display: flex;
}
.filterResult .r i {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    display: inline-flex;
}
.filterResult .r .icon_list {
    background: url('../images1/icon_list.png') center center/20px 20px no-repeat;
}
.filterResult .r .icon_list.active {
    background: url('../images1/icon_list_active.png') center center/20px 20px no-repeat;
}
.filterResult .r .icon_list_row {
    background: url('../images1/icon_list_row.png') center center/20px 20px no-repeat;
}
.filterResult .r .icon_list_row.active {
    background: url('../images1/icon_list_row_active.png') center center/20px 20px no-repeat;
}

/*** 特卖新房 ***/
.sale {
    width: 100%;
    min-width: 1150px;
    display: flex;
    justify-content: center;
    padding-top: 30px;
}
.sale_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sale_list .item {
    margin-top: 30px;
    width: 260px;
    height: 300px;
}
.sale_list .item .item_img {
    width: 260px;
    height: 195px;
    border-radius: 5px;
    background: #FAFAFA;
}
.sale_list .item .item_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sale_list .item .item_info .con {
    flex: 1;
}
.sale_list .item .item_info h4 {
    margin-top: 15px;
    font-size: 18px;
    font-weight: bold;
}
.sale_list .item .item_info h4 a {
    color: #1B1C33;
    text-align: left;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sale_list .item .item_info h4 a:hover {
    color: #4C83FF;
}
.sale_list .item .item_price {
    padding: 7px 0 0;
    color: #888888;
    font-size: 12px;
    text-align: left;
}
.sale_list .item .item_price span {
    padding: 0 8px;
    color: #EDEDED;
}
.sale_list .item .item_tel {
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #E93F00;
    text-align: left;
}
.sale_list .item .item_tel span {
    padding: 0 8px;
}
.sale_list .item .item_btn {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    padding: 0 10px;
    background: #4C83FF;
    border-radius: 64px;
    color: #FFFFFF;
    font-size: 16px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
/*** 城市专题 ***/
.sidebar_city .list {
    margin-top: 20px;
    padding-bottom: 15px;
    background: #FAFAFA;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sidebar_city .list .item {
    margin-top: 15px;
    width: 220px;
}
.sidebar_city .item .item_img {
    width: 220px;
    height: 44px;
    border-radius: 5px;
    background: #FAFAFA;
}
.sidebar_city .item p {
    margin-top: 10px;
    line-height: 26px;
    color: #1B1C33;
    font-size: 14px;
    overflow : hidden;
    text-align: justify;
    text-justify: inter-ideograph;
}
.sidebar_city .item p a {
    color: #4C83FF;
}
/*** 全部新房 ***/
.sidebar_newhouse {
    margin-top: 30px;
}
.sidebar_newhouse .list {
    margin-top: 20px;
    padding-bottom: 30px;
    background: #FAFAFA;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sidebar_newhouse .list .item {
    margin-top: 30px;
    width: 220px;
}
.sidebar_newhouse .list .item:first-child {
    margin-top: 15px;
}
.sidebar_newhouse .item .item_img {
    width: 220px;
    height: 165px;
    border-radius: 5px;
    background: #FAFAFA;
}
.sidebar_newhouse .item .item_name {
    margin-top: 12px;
    display: flex;
}
.sidebar_newhouse .item .item_name h4 {
    flex: 0 0 1;
    color: #1B1C33;
}
.sidebar_newhouse .item .item_name h4 a {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
    font-weight: bold;
}
.sidebar_newhouse .item .item_name h4 a:hover {
    color: #4C83FF;
}
.sidebar_newhouse .item .item_info {
    padding: 7px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #888888;
    font-size: 12px;
}
.sidebar_newhouse .item .item_info .item_location a {
    color: #888888;
}
.sidebar_newhouse .item .item_info .item_location a:hover {
    color: #4C83FF;
}
.sidebar_newhouse .item .item_info .item_price span {
    padding: 0 8px;
    color: #EDEDED;
}
.sidebar_newhouse .item .item_tel {
    padding-top: 7px;
    font-size: 16px;
    font-weight: bold;
    color: #E93F00;
}
/*** 全国二手房 ***/
.sidebar_second {
    margin-top: 30px;
}
.sidebar_second .list {
    margin-top: 20px;
    padding-bottom: 30px;
    background: #FAFAFA;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sidebar_second .list .item {
    margin-top: 30px;
    width: 220px;
    height: 228px;
}
.sidebar_second .list .item:first-child {
    margin-top: 15px;
}
.sidebar_second .item .item_img {
    width: 220px;
    height: 165px;
    border-radius: 5px;
    background: #FAFAFA;
}
.sidebar_second .item .item_name {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}
.sidebar_second .item .item_name h4 {
    flex: 0 0 1;
    color: #1B1C33;
}
.sidebar_second .item .item_name h4 a {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
    font-weight: bold;
}
.sidebar_second .item .item_name h4 a:hover {
    color: #4C83FF;
}
.sidebar_second .item .item_name .item_price {
    flex: 0 0 60px;
    color: #E93F00;
    text-align: right;
}
.sidebar_second .item .item_info {
    padding: 7px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #888888;
    font-size: 12px;
}
.sidebar_second .item .item_info .item_location a {
    color: #888888;
}
.sidebar_second .item .item_info .item_location a:hover {
    color: #4C83FF;
}
.sidebar_second .item .item_info .item_type span {
    padding: 0 8px;
    color: #EDEDED;
}
/*** 景点 ***/
.sidebar_scenic {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sidebar_scenic .imgList {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.sidebar_scenic .imgList img {
    width: 120px;
    height: 90px;
    border-radius: 5px;
}
.sidebar_scenic .list {
    margin-top: 7px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sidebar_scenic .list li {
    flex: 0 0 120px;
    line-height: 26px;
    font-size: 12px;
}
.sidebar_scenic .list li a {
    color: #1B1C33;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sidebar_scenic .list li a:hover {
    color: #4C83FF;
}
/*** 资讯 ***/
.sidebar_news {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sidebar_news .list {
    margin-top: 15px;
    width: 100%;
}
.sidebar_news .list ul li {
    line-height: 36px;
    list-style: square inside;
    font-size: 14px;
    color: #888888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar_news .list ul li a {
    color: #888888;
}
.sidebar_news .list ul li a:hover {
    color: #4C83FF;
}
/*** 推荐图 ***/
.sidebar_img {
    margin-top: 14px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sidebar_img .item {
    flex: 0 0 120px;
    margin-top: 16px;
}
.sidebar_img .item img {
    width: 120px;
    height: 90px;
    border-radius: 5px;
}
.sidebar_img .title {
    margin-top: 6px;
}
.sidebar_img .title a {
    font-size: 12px;
    color: #1B1C33;
    color: #1B1C33;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sidebar_img .title a:hover {
    color: #4C83FF;
}
/*** 景区找房 ***/
.sidebar_arearoom {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sidebar_arearoom .list {
    margin-top: 15px;
    width: 100%;
}
.sidebar_arearoom .list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.sidebar_arearoom .list ul li {
    flex: 0 0 50%;
    line-height: 36px;
    list-style: square inside;
    font-size: 14px;
    color: #888888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar_arearoom .list ul li a {
    color: #888888;
}
.sidebar_arearoom .list ul li a:hover {
    color: #4C83FF;
}
.sidebar_arearoom .list ul li span {
    margin-left: 6px;
    color: #4C83FF;
    font-size: 12px;
}

/*** 新房列表 ***/
.newHouseList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.newHouseList .item {
    flex: 1;
    padding: 30px 0;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    justify-content: space-between;
}
.newHouseList .item:first-child {
    padding-top: 0;
}
.newHouseList .item:last-child {
    border-bottom: none;
}
.newHouseList .item_img {
    flex: 0 0 220px;
    width: 220px;
    height: 165px;
    display: inline-flex;
}
.newHouseList .item_img img {
    width: 100%;
    border-radius: 5px;
}
.newHouseList .item_info {
    flex: 1 0 440px;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
}
.newHouseList .item_info .name {
    font-size: 20px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
}
.newHouseList .item_info .name a {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.newHouseList .item_info .name a:hover {
    color: #4C83FF;
}
.newHouseList .item_info .name span {
    margin-left: 12px;
    height: 22px;
    padding: 0 6px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
}
.newHouseList .item_info .name span.zs {
    background: #4C83FF;
}
.newHouseList .item_info .name span.ys {
    background: #50E3C2;
}
.newHouseList .item_info .name span.sq {
    background: #9B9B9B;
}
.newHouseList .item_info .name span.wp {
    background: #E93F00;
}
.newHouseList .item_info .location {
    margin-top: 15px;
    display: inline-flex;
    align-items: center;
    color: #888888;
    font-size: 14px;
}
.newHouseList .item_info .location i {
    flex: 0 0 9px;
    margin-right: 6px;
    width: 9px;
    height: 12px;
    background: url('../images1/icon_location_gray.png') center center/9px 12px no-repeat;
}
.newHouseList .item_info .location a {
    white-space: nowrap;
    color: #888888;
}
.newHouseList .item_info .location p {
    margin-left: 20px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.newHouseList .item_info .tag {
    margin-top: 4px;
    display: inline-flex;
    flex-wrap: wrap;
}
.newHouseList .item_info .tag span {
    margin: 12px 12px 0 0;
    height: 20px;
    padding: 0 6px;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #4C83FF;
    color: #4C83FF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newHouseList .item_info .price {
    margin-top: 10px;
    color: #E93F00;
    font-size: 14px;
}
.newHouseList .item_info .price strong {
    margin-right: 6px;
    font-size: 24px;
    font-weight: bold;
}
.newHouseList .item_info .link a {
    margin: 10px 20px 0 0;
    font-size: 14px;
    color: #888888;
    display: inline-flex;
    align-items: center;
}
.newHouseList .item_info .link a:hover {
    color: #4C83FF;
}
.newHouseList .item_info .link i {
    margin-right: 6px;
    width: 16px;
    height: 16px;
    display: inline-flex;
}
.newHouseList .item_info .link .icon_build {
    background: url('../images1/icon_build.png') center center/16px 16px no-repeat;
}
.newHouseList .item_info .link .icon_matching {
    background: url('../images1/icon_matching.png') center center/16px 16px no-repeat;
}
.newHouseList .item_info .link .icon_trend {
    background: url('../images1/icon_trend.png') center center/16px 16px no-repeat;
}
.newHouseList .item_info .link .icon_picture {
    background: url('../images1/icon_picture.png') center center/16px 16px no-repeat;
}
.newHouseList .item_info .link .icon_video {
    background: url('../images1/icon_video.png') center center/16px 16px no-repeat;
}
.newHouseList .item_info .telphone {
    margin-top: 4px;
    font-size: 16px;
    color: #1B1C33;
}
.newHouseList .item_info .telphone strong {
    font-weight: bold;
    font-size: 24px;
    color: #E93F00;
}
.newHouseList .item_broker {
    flex: 0 0 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.newHouseList .item_broker .img {
    position: relative;
}
.newHouseList .item_broker .img img {
    width: 64px;
    height: 64px;
    border-radius: 64px;
    border: 4px solid #FFFFFF;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}
.newHouseList .item_broker .img i {
    position: absolute;
    right: 0;
    bottom: 4px;
    z-index: 1;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newHouseList .item_broker .img i.icon_lv,
.newHouseList .item_broker .img i.icon_hv,
.newHouseList .item_broker .img i.icon_zs,
.newHouseList .item_broker .img i.icon_hg {
    background-size: 22px 22px;
}
.newHouseList .item_broker.company {
    flex: 0 0 130px;
}
.newHouseList .item_broker.company .img img {
    width: 100px;
    height: 38px;
    border-radius: 5px;
}
.newHouseList .item_broker.company .img i {
    right: -10px;
    bottom: -4px;
}
.newHouseList .item_broker .name {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #1B1C33;
}
.newHouseList .item_broker .name:hover {
    color: #4C83FF;
}
.newHouseList .item_broker .tel {
    margin-top: 7px;
    font-size: 16px;
    font-weight: bold;
    color: #1B1C33;
    text-align: center;
}
.newHouseList .item_broker .tel span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.newHouseList .item_broker .tel strong {
    margin-left: 6px;
    font-size: 16px;
    color: #E93F00;
    display: inline-block;
}
.newHouseList .item_btn {
    transform: translateY(50%);
    flex: 0 0 88px;
    width: 88px;
    height: 88px;
    line-height: 28px;
    padding: 0 20px;
    background: #4C83FF;
    border-radius: 88px;
    color: #FFFFFF;
    font-size: 24px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}
/*** 新房列表-多图 ***/
.newHouseListRow {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.newHouseListRow .item {
    flex: 0 0 352px;
    margin-top: 30px;
    height: 610px;
}
.newHouseListRow .item_img {
    width: 352px;
    height: 264px;
    display: inline-flex;
}
.newHouseListRow .item_img img {
    width: 100%;
    border-radius: 5px;
}
.newHouseListRow .name {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
}
.newHouseListRow .name a {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.newHouseListRow .name a:hover {
    color: #4C83FF;
}
.newHouseListRow .name span {
    margin-left: 12px;
    height: 22px;
    padding: 0 6px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
}
.newHouseListRow .name span.zs {
    background: #4C83FF;
}
.newHouseListRow .name span.ys {
    background: #50E3C2;
}
.newHouseListRow .name span.sq {
    background: #9B9B9B;
}
.newHouseListRow .name span.wp {
    background: #E93F00;
}
.newHouseListRow .info {
    margin-top: 14px;
}
.newHouseListRow .info p {
    line-height: 36px;
    color: #888888;
    font-size: 14px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.newHouseListRow .info p.clamp {
    -webkit-line-clamp: 2;
}
.newHouseListRow .info p a {
    color: #888888;
}
.newHouseListRow .info p a:hover {
    color: #4C83FF;
}
.newHouseListRow .item .tag {
    display: inline-flex;
    flex-wrap: wrap;
}
.newHouseListRow .item .tag span {
    margin: 10px 12px 0 0;
    height: 20px;
    padding: 0 6px;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #4C83FF;
    color: #4C83FF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newHouseListRow .item .price {
    margin-top: 14px;
    color: #E93F00;
    font-size: 14px;
}
.newHouseListRow .item .price strong {
    margin-right: 6px;
    font-size: 24px;
    font-weight: bold;
}
.newHouseListRow .item .link a {
    margin: 10px 16px 0 0;
    font-size: 14px;
    color: #888888;
    display: inline-flex;
    align-items: center;
}
.newHouseListRow .item .link a:hover {
    color: #4C83FF;
}
.newHouseListRow .item .link i {
    margin-right: 6px;
    width: 16px;
    height: 16px;
    display: inline-flex;
}
.newHouseListRow .item .link .icon_build {
    background: url('../images1/icon_build.png') center center/16px 16px no-repeat;
}
.newHouseListRow .item .link .icon_matching {
    background: url('../images1/icon_matching.png') center center/16px 16px no-repeat;
}
.newHouseListRow .item .link .icon_trend {
    background: url('../images1/icon_trend.png') center center/16px 16px no-repeat;
}
.newHouseListRow .item .link .icon_picture {
    background: url('../images1/icon_picture.png') center center/16px 16px no-repeat;
}
.newHouseListRow .item .link .icon_video {
    background: url('../images1/icon_video.png') center center/16px 16px no-repeat;
}
.rowNews {
    margin-top: 20px;
    flex: 1;
    display: flex;
    justify-content: space-between;
}
.rowNews .entrustRoom {
    flex: 0 0 260px;
}
.rowNews .sidebar_news {
    flex: 0 0 260px;
    width: 260px;
}
.rowNews .l {
    flex: 0 0 260px;
}
/*** 二手房列表 ***/
.secondHouseList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.secondHouseList .item {
    flex: 1;
    padding: 30px 0;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    justify-content: space-between;
}
.secondHouseList .item:first-child {
    padding-top: 0;
}
.secondHouseList .item:last-child {
    border-bottom: none;
}
.secondHouseList .item_img {
    flex: 0 0 220px;
    width: 220px;
    height: 165px;
    display: inline-flex;
}
.secondHouseList .item_img img {
    width: 100%;
    border-radius: 5px;
}
.secondHouseList .item_info {
    flex: 1 0 440px;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
}
.secondHouseList .item_info .name {
    font-size: 20px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
}
.secondHouseList .item_info .name a {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.secondHouseList .item_info .name a:hover {
    color: #4C83FF;
}
.secondHouseList .item_info .type {
    margin-top: 16px;
    font-size: 12px;
    color: #888888;
}
.secondHouseList .item_info .type span {
    padding: 0 8px;
    color: #EDEDED;
}
.secondHouseList .item_info .location {
    margin-top: 15px;
    display: inline-flex;
    align-items: center;
    color: #888888;
    font-size: 14px;
}
.secondHouseList .item_info .location i {
    flex: 0 0 9px;
    margin: 0 6px 0 20px;
    width: 9px;
    height: 12px;
    background: url('../images1/icon_location_gray.png') center center/9px 12px no-repeat;
}
.secondHouseList .item_info .price {
    margin-top: 12px;
    font-size: 14px;
    color: #1B1C33;
}
.secondHouseList .item_info .price strong {
    margin-right: 12px;
    font-size: 24px;
    font-weight: bold;
    color: #E93F00;
}
.secondHouseList .item_broker {
    flex: 0 0 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.secondHouseList .item_broker .img {
    position: relative;
}
.secondHouseList .item_broker .img img {
    width: 64px;
    height: 64px;
    border-radius: 64px;
    border: 4px solid #FFFFFF;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}
.secondHouseList .item_broker .img i {
    position: absolute;
    right: 0;
    bottom: 4px;
    z-index: 1;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secondHouseList .item_broker .img i.icon_lv,
.secondHouseList .item_broker .img i.icon_hv,
.secondHouseList .item_broker .img i.icon_zs,
.secondHouseList .item_broker .img i.icon_hg {
    background-size: 22px 22px;
}
.secondHouseList .item_broker.company {
    flex: 0 0 130px;
}
.secondHouseList .item_broker.company .img img {
    width: 100px;
    height: 38px;
    border-radius: 5px;
}
.secondHouseList .item_broker.company .img i {
    right: -10px;
    bottom: -4px;
}
.secondHouseList .item_broker .name {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #1B1C33;
}
.secondHouseList .item_broker .name:hover {
    color: #4C83FF;
}
.secondHouseList .item_broker .tel {
    margin-top: 7px;
    font-size: 16px;
    font-weight: bold;
    color: #1B1C33;
    text-align: center;
}
.secondHouseList .item_broker .tel span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.secondHouseList .item_broker .tel strong {
    margin-left: 6px;
    font-size: 16px;
    color: #E93F00;
    display: inline-block;
}
/*** 云门店 ***/
.brokerList {
    display: flex;
    flex-direction: column;
}
.brokerList .item {
    margin-top: 30px;
    flex: 1;
    padding: 30px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}
.brokerList .item:first-child {
    margin-top: 0;
}
.brokerList .item_img {
    flex: 0 0 120px;
    position: relative;
    width: 120px;
    height: 120px;
}
.brokerList .item_img img {
    width: 112px;
    height: 112px;
    border-radius: 112px;
    border: 4px solid #FFFFFF;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}
.brokerList .item_img.company {
    height: 45px;
}
.brokerList .item_img.company img {
    height: 37px;
    border-radius: 5px;
}
.brokerList .item_img.company i {
    right: -14px;
    bottom: -14px;
}
.brokerList .item_img i {
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 1;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brokerList .item_img i.icon_lv,
.brokerList .item_img i.icon_hv,
.brokerList .item_img i.icon_zs,
.brokerList .item_img i.icon_hg {
    background-size: 32px 32px;
}
.brokerList .item_info {
    flex: 1;
    padding-left: 30px;
}
.brokerList .item_info .con {
    margin-top: 8px;
    flex: 1;
    display: flex;
    justify-content: space-between;
}
.brokerList .item_info .con:nth-child(2) {
    margin-top: 10px;
}
.brokerList .item_info .con .name {
    flex: 1;
    line-height: 26px;
    padding-right: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #1B1C33;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.brokerList .item_info .con .name:hover {
    color: #4C83FF;
}
.brokerList .item_info .con .btn {
    flex: 0 0 126px;
    width: 126px;
    height: 26px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
    color: #888888;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brokerList .item_info .con .btn:hover {
    color: #4C83FF;
}
.brokerList .item_info .con .star i {
    width: 16px;
    height: 16px;
    background: url('../images1/icon_star.png') center center/16px 16px no-repeat;
    display: inline-flex;
}
.brokerList .item_info .con label {
    flex: 0 0 70px;
    line-height: 26px;
    color: #888888;
    font-weight: normal;
    white-space: nowrap;
}
.brokerList .item_info .con p {
    flex: 1;
    line-height: 26px;
    color: #888888;
    font-size: 14px;
}
.brokerList .item_info .con .service {
    flex: 1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.brokerList .item_info .con .service a {
    margin-right: 15px;
    line-height: 26px;
    white-space: nowrap;
    color: #4C83FF;
}
/*** 资讯 ***/
.newsList {
    /* display: flex;
    flex-direction: column; */
}
.newsList .item {
    padding: 30px 0;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    align-items: flex-start;
}
.newsList .item:first-child {
    padding-top: 0;
}
.newsList .item:last-child {
    border-bottom: none;
}
.newsList .item .item_img {
    position: relative;
    z-index: 1;
    margin-right: 30px;
    flex: 0 0 220px;
    width: 220px;
    height: 165px;
    background: #FAFAFA;
}
.newsList img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.newsList i {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 48px;
    height: 48px;
    background: url('../images1/icon_video_play.png') 0 0 / 48px 48px no-repeat;
    transform: translate(-50%, -50%);
}
.newsList .item .item_info {
    flex: 1;
}
.newsList .item .item_info h5 {
    font-size: 18px;
    font-weight: bold;
    color: #1B1C33;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 32px;
}
.newsList .item .item_info p {
    margin-top: 10px;
    color: #888888;
    font-size: 15px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 32px;
}

/*** 热门城市弹框 ***/
.areaMask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .65);
    display: none;
}
.areaContainer {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1002;
    width: 680px;
    height: 800px;
    padding: 30px;
    background: #FFFFFF;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 16px rgba(0, 0, 0, .5);
    transform: translate(-50%, -50%);
    display: none;
}
.areaContainer .area_close {
    position: absolute;
    right: -14px;
    top: -14px;
    z-index: 1001;
    width: 32px;
    height: 32px;
    background: url('../images1/icon_close.png') center center/ 12px 12px no-repeat #888888;
    border-radius: 32px;
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    cursor: pointer;
}
.areaContainer .area_title {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #D8D8D8;
    color: #1B1C33;
    font-size: 20px;
    font-weight: bold;
}
.areaContainer .area_title strong {
    color: #4C83FF;
}
.areaContainer .area_info {
    margin: 30px -30px 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-y: overlay;
}
.areaContainer .area_info .item {
    margin-top: 30px;
    flex: 0 0 50%;
}
.areaContainer .area_info .item:first-child,
.areaContainer .area_info .item:nth-child(2) {
    margin-top: 0;
}
.areaContainer .area_info .item.flex {
    flex: 0 0 100%;
}
.areaContainer .area_info .item h5 {
    color: #1B1C33;
    font-size: 16px;
    font-weight: bold;
}
.areaContainer .area_info .item .con {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.areaContainer .area_info .item .con a {
    margin-right: 20px;
    line-height: 26px;
    color: #1B1C33;
    font-size: 14px;
    white-space: nowrap;
}
.areaContainer .area_info .item.flex .con a {
    margin-right: 16px;
}
.areaContainer .area_info .item a:hover {
    color: #4C83FF;
}
/*** 特卖中心 ***/
.saleList {
    /* display: flex;
    flex-direction: column; */
}
.saleList .item {
    padding: 25px 0 30px;
    border-bottom: 1px solid #EDEDED;
}
.saleList .item:first-child {
    padding-top: 0;
}
.saleList .item:last-child {
    border-bottom: none;
}
.saleList .item h4 {
    line-height: 36px;
    color: #1B1C33;
    font-size: 24px;
    font-weight: bold;
}
.saleList .item h4 a:hover {
    color: #4C83FF;
}
.saleList .item .item_info {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.saleList .item .item_info img {
    flex: 0 0 auto;
    width: 260px;
    height: 152px;
    background: #FAFAFA;
    border-radius: 5px;
    display: block;
}
.saleList .item .item_info .info {
    flex: 1;
    padding: 0 0 10px 30px;
}
.saleList .item .item_info .info p {
    line-height: 36px;
    font-size: 16px;
    color: #888888;
}
.saleList .item .item_info .info p strong {
    margin-right: 6px;
    color: #E93F00;
    font-weight: bold;
}
.saleList .item .item_info .info .tag {
    display: flex;
    flex-direction: row;
}
.saleList .item .item_info .info .tag a {
    margin: 10px 10px 0 0;
    height: 20px;
    padding: 0 6px;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #4C83FF;
    color: #4C83FF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.saleList .item .item_info .time {
    flex: 0 0 130px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.saleList .item .item_info .time_btn {
    width: 88px;
    height: 88px;
    padding: 0 20px;
    border-radius: 88px;
    background: #4C83FF;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.saleList .item .item_info .time_btn.over {
    background: #DEDEDE;
}
.saleList .item .item_info .time_date {
    margin-top: 15px;
    min-width: 100%;
    min-height: 23px;
    font-size: 14px;
    color: #1B1C33;
}
.saleList .item .item_info .time_date strong {
    padding: 0 5px;
    font-size: 20px;
    color: #E93F00;
}
/*** 主题房展 ***/
.themeList {
    display: flex;
    flex-direction: column;
}
.theme_item {
    display: flex;
    flex-direction: column;
}
.theme_item .generalTitleChild {
    margin-top: 50px;
}
.theme_info {
    margin-top: 30px;
    width: 100%;
    background: rgba(255, 255, 255);
    padding: 35px 40px;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.themeList .theme_item:first-child .generalTitleChild {
    margin-top: 30px;
}
.theme_dealer {
    width: 230px;
    height: 232px;
    padding-top: 6px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.theme_dealer .info {
    width: 230px;
    display: flex;
}
.theme_dealer .info .img {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 64px;
    border: 4px solid #FFFFFF;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}
.theme_dealer .info .info_r {
    flex: 1;
    padding-left: 16px;
    display: flex;
    flex-direction: column;
}
.theme_dealer .info .info_r .name {
    font-size: 16px;
    color: #1B1C33;
    font-weight: bold;
}
.theme_dealer .info .info_r .name:hover {
    color: #4C83FF;
}
.theme_dealer .info .info_r .vip {
    margin-top: 6px;
    width: 44px;
    height: 18px;
    border-radius: 3px;
    background: #FFEDE7;
    color: #E93F00;
    font-size: 12px;
    font-style: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}
.theme_dealer .info .info_r .star {
    margin-top: 8px;
}
.theme_dealer .info .info_r .star i {
    width: 16px;
    height: 16px;
    background: url('../images1/icon_star.png') center center/16px 16px no-repeat;
    display: inline-flex;
}
.theme_dealer .con {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    color: #888888;
    font-size: 14px;
}
.theme_dealer .con:nth-child(2) {
    margin-top: 12px;
}
.theme_dealer .con .con_l {
    flex: 0 0 70px;
    line-height: 26px;
}
.theme_dealer .con .con_r {
    flex: 1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 26px;
}
.theme_dealer .con .con_r.clamp {
    -webkit-line-clamp: 2;
}
.theme_dealer .con .con_r a {
    margin-right: 10px;
    white-space: nowrap;
    word-break: break-all;
    color: #4C83FF;
}
.theme_dealer .btn {
    margin-top: 10px;
    width: 126px;
    height: 26px;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    color: #888888;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.theme_dealer .btn:hover {
    color: #4C83FF;
}
.theme_company {
    width: 230px;
    height: 232px;
    padding-top: 6px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.theme_company .info {
    width: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.theme_company .info .img {
    display: flex;
    width: 160px;
    height: 60px;
    border-radius: 5px;
    border: 4px solid #FFFFFF;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}

.theme_company .info .name {
    margin-top: 14px;
    font-size: 16px;
    color: #1B1C33;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.theme_company .info .name span {
    flex: 1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.theme_company .info .name:hover {
    color: #4C83FF;
}
.theme_company .info .name .vip {
    flex: 0 0 44px;
    margin-left: 6px;
    width: 44px;
    height: 18px;
    border-radius: 3px;
    background: #FFEDE7;
    color: #E93F00;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}
.theme_company .info .con {
    margin-top: 8px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    color: #888888;
    font-size: 14px;
}
.theme_company .info .con .con_l {
    flex: 0 0 70px;
    line-height: 26px;
}
.theme_company .info .con .con_r {
    flex: 1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 26px;
}
.theme_company .info .con .con_r a {
    margin-right: 10px;
    white-space: nowrap;
    word-break: break-all;
    color: #4C83FF;
}
.theme_company .btn {
    margin-top: 10px;
    width: 126px;
    height: 26px;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    color: #888888;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.theme_company .btn:hover {
    color: #4C83FF;
}

.theme_house {
    flex: 0 0 480px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.theme_house .item {
    flex: 0 0 auto;
    width: 220px;
}
.theme_house .item .item_img {
    width: 220px;
    height: 165px;
    border-radius: 5px;
    background: #FAFAFA;
}
.theme_house .item h4 {
    margin-top: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18=6px;
    font-weight: bold;
    color: #1B1C33;
}
.theme_house .item h4 a:hover {
    color: #4C83FF;
}
.theme_house .item .item_info {
    margin-top: 4px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.theme_house .item .item_info .item_location {
    color: #888888;
    font-size: 12px;
}
.theme_house .item .item_info .item_location a {
    color: #888888;
}
.theme_house .item .item_info .item_location a:hover {
    color: #4C83FF;
}
.theme_house .item .item_info .item_price {
    font-size: 14px;
    color: #E93F00;
}
.theme_house .item .item_info .item_price strong {
    font-size: 20px;
    margin-right: 4px;
}
/*** 地区 ***/
.areaCity {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.areaCity h3 {
    margin-right: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #1B1C33;
}
.areaCity .btn {
    width: 60px;
    height: 30px;
    background: #4C83FF;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.areaCity .area_con {
    position: relative;
    margin-right: 10px;
}
.areaCity .area_con::after {
    position: absolute;
    right: 10px;
    top: 50%;
    content: "";
    width: 8px;
    height: 5px;
    background: url('../images1/icon_arrowdown_gray.png') center center/8px 5px no-repeat;
    transform: translateY(-50%) rotateZ(360deg);
    transition: .5s;
    pointer-events: none;
}
.areaCity .area_con.active::after {
    top: calc(50% - 3px);
    transform: rotateZ(-180deg);
}
.areaCity .area_con input {
    min-width: 120px;
    width: 120px;
    height: 30px;
    padding: 0 28px 0 10px;
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #DEDEDE;
    color: #1B1C33;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.areaCity .area_con input::-moz-placeholder {
    color: #1B1C33;
}

.areaCity .area_con input::-webkit-input-placeholder {
    color: #1B1C33;
}

.areaCity .area_con input:-ms-input-placeholder {
    color: #1B1C33;
}
.areaCity .area_con .selectUl {
    width: 100%;
    top: 32px;
    box-sizing: border-box;
}
.areaLetter {
    margin-top: 30px;
}
.areaLetter h3 {
    font-size: 16px;
    font-weight: bold;
    color: #1B1C33;
}
.areaLetter .list {
    margin-top: 20px;
    width: 100%;
    border: 1px solid #EDEDED;
    border-radius: 3px;
    background: #FFFFFF;
}
.areaLetter .letter {
    border-bottom: 1px solid #EDEDED;
    background: #FAFAFA;
    display: flex;
    align-items: center;
}
/*** hover ***/
.areaLetter .letter:hover {
    background: #4C83FF;
}
.areaLetter .letter:hover h4 {
    color: #FFFFFF;
}
.areaLetter .letter .city:hover {
    background: #FAFAFA;
}
.areaLetter .letter .city:hover::before {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 6px;
    height: 9px;
    background: url('../images1/icon_arrowright_blue.png') center center/6px 9px no-repeat;
    transform: translateY(-50%) rotateZ(360deg);
    transition: .5s;
    pointer-events: none;
}
.areaLetter .letter:last-child {
    border-bottom: none;
}
.areaLetter .letter h4 {
    flex: 0 0 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: bold;
    color: #888888;
}
.areaLetter .letter .province {
    flex: 1;
    background: #FFFFFF;
}
.areaLetter .letter .city {
    position: relative;
    display: flex;
    align-items: flex-start;
}
.areaLetter .letter .city h5 {
    flex: 0 0 120px;
    padding: 15px 0 15px 40px;
    line-height: 36px;
    font-size: 18px;
    font-weight: bold;
    color: #1B1C33;
    box-sizing: border-box;
}
.areaLetter .letter .city .item {
    flex: 1;
    padding: 10px 40px 10px 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.areaLetter .letter .city .item:first-child,
.areaLetter .letter .city .item:last-child {
    padding: 15px 40px 15px 0;
}
.areaLetter .letter .city .item a {
    margin-right: 20px;
    line-height: 36px;
    white-space: nowrap;
    font-size: 14px;
    color: #1B1C33;
}
.areaLetter .letter .city .item a:hover {
    color: #4C83FF;
}
/*** 境外城市 ***/
.areaLetter .list.abroad h4 {
    flex: 0 0 130px;
    font-size: 24px;
}
.areaLetter .abroad .letter .city h5 {
    flex: 0 0 150px;
}

/*** select ***/
.selectArea {
    min-width: 120px;
    width: 120px;
    height: 30px;
    padding: 0 28px 0 10px;
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #DEDEDE;
    color: #1B1C33;
    font-size: 14px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.selectEntrust {
    height: 100%;
    width: 100%;
    padding: 0;
    border: none;
    padding-right: 10px;
    font-size: 14px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-appearance: none;
　　 -moz-appearance: none;
    appearance: none;
}

/*** 分站首页-banner ***/
.locationBanner {
    width: 100%;
    min-width: 1150px;
    height: 400px;
    background: url('../images1/index_location_bg.png') center center/1920px 400px no-repeat;
    display: flex;
    justify-content: center;
}
.locationBanner .banner_title {
    position: absolute;
    top: 78px;
    left: 0;
    z-index: 1;
}
.locationBanner .banner_title h1 {
    color: #4C83FF;
    font-size: 48px;
    font-weight: bold;
}
.locationBanner .banner_title h2 {
    color: #1B1C33;
    font-size: 38px;
}
.locationBanner .banner_title p {
    margin-top: 6px;
    color: #1B1C33;
    font-size: 20px;
}
.locationBanner .banner_search {
    position: absolute;
    left: 492px;
    top: 120px;
}
.locationBanner .banner_search .title {
    width: 465px;
    height: 90px;
    background: url('../images1/index_location_title.png') center center/465px 90px no-repeat;
}

/*** 分站首页-导航 ***/
.locationNav {
    width: 100%;
    height: 144px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.locationNav .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.locationNav .item .icon_buy {
    width: 59px;
    height: 132px;
    background: url('../images1/index_locaiton_buy.png') center center/59px 132px no-repeat;
}
.locationNav .item .icon_sell {
    width: 59px;
    height: 132px;
    background: url('../images1/index_locaiton_sell.png') center center/59px 132px no-repeat;
}
.locationNav .item .icon_join {
    width: 59px;
    height: 132px;
    background: url('../images1/index_locaiton_join.png') center center/59px 132px no-repeat;
}
.locationNav .item .list {
    margin-left: 40px;
    width: 243px;
}
.locationNav .item .list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.locationNav .item .list ul li {
    flex: 0 0 33.33%;
    line-height: 36px;
}
.locationNav .item .list ul li a {
    color: #1B1C33;
}
.locationNav .item .list ul li a:hover {
    color: #4C83FF;
}
.locationNav .item .list.w2 {
    width: 166px;
}
.locationNav .item .list.w2 ul li {
    flex: 0 0 50%;
}
.locationNav .item .list.w3 {
    width: 56px;
}
.locationNav .item .list.w3 ul li {
    flex: 0 0 100%;
}
.locationNav .line {
    width: 1px;
    height: 130px;
    background: #EDEDED;
}
/*** 分站首页-热门聚焦 ***/
.hotspotLeft {
    margin-top: 20px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.hotspotLeft .hotImage {
    flex: 0 0 400px;
    width: 400px;
    height: 300px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    display: inline-block;
}
.hotspotLeft .hotImage img {
    width: 400px;
    height: 300px;
    border-radius: 5px;
}
.hotspotLeft .hotImage i {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 64px;
    height: 64px;
    background: url('../images1/icon_video_play.png') 0 0 / 64px 64px no-repeat;
    transform: translate(-50%, -50%);
}
.hotspotLeft .hotImage .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 54px;
    background-image: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    display: flex;
    justify-content: center;
    align-items: center;
}
.hotspotLeft .bg span {
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
}
.hotspotList {
    flex: 0 0 430px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}
.hotspotList .img {
    display: flex;
    justify-content: space-between;
}
.hotspotList .img .item {
    width: 200px;
}
.hotspotList .img .item .item_img {
    position: relative;
    z-index: 1;
    width: 200px;
    height: 150px;
}
.hotspotList .img .item .item_img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.hotspotList .img .item .item_img i {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 48px;
    height: 48px;
    background: url('../images1/icon_video_play.png') 0 0 / 48px 48px no-repeat;
    transform: translate(-50%, -50%);
}
.hotspotList .img .item span {
    margin-top: 6px;
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hotspotList .img .item span:hover {
    color: #4C83FF;
}
.hotspotList .list {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
.hotspotList .list ul {
    width: 430px;
}
.hotspotList .list ul li {
    line-height: 32px;
    list-style: square inside;
    font-size: 14px;
    color: #888888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hotspotList .list ul li a {
    color: #888888;
}
.hotspotList .list ul li a:hover {
    color: #4C83FF;
}

/*** 分站首页-人气抢手 ***/
.sale_list.location .item {
    margin-top: 20px;
}
/*** 分站首页-热点聚焦 ***/
.hot_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hot_list .item {
    margin-top: 20px;
    width: 196px;
    height: 203px;
}
.hot_list .item:nth-child(n+5) {
    margin-top: 30px;
}
.hot_list .item .item_img {
    width: 196px;
    height: 147px;
    border-radius: 5px;
    background: #FAFAFA;
    display: block;
}
.hot_list .item h4 {
    margin-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    color: #1B1C33;
}
.hot_list .item h4 a:hover {
    color: #4C83FF;
}
.hot_list .item .item_info {
    margin-top: 4px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.hot_list .item .item_info .item_location {
    color: #888888;
    font-size: 12px;
}
.hot_list .item .item_info .item_location a {
    color: #888888;
}
.hot_list .item .item_info .item_location a:hover {
    color: #4C83FF;
}
.hot_list .item .item_info .item_price {
    font-size: 14px;
    color: #E93F00;
}
.hot_list .item .item_info .item_price strong {
    font-size: 16px;
    margin-right: 4px;
}

/*** 分站首页-楼市情报 ***/
.newsList.location .item:last-child {
    padding-bottom: 0;
}
/*** 分站首页-金牌经纪人 ***/
.broker_list.location {
    width: 276px;
    margin-left: -8px;
}
.broker_list.location .swiper {
    height: 858px;
    width: 276px;
    padding: 20px 0;
    box-sizing: border-box;
}
.broker_list.location .swiper-slide {
    height: 246px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.broker_list.location .swiper-slide .item_dealer,
.broker_list.location .swiper-slide .item_company {
    margin-top: 0px;
}
.broker_list.location .swiper-slide .item_dealer .info .info_r .name,
.broker_list.location .swiper-slide .item_dealer .info .info_r .star,
.broker_list.location .swiper-slide .item_dealer .con .con_r,
.broker_list.location .swiper-slide .item_company .con .con_r {
    text-align: left;
}

/*** 分站首页-精选小区 ***/
.village_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.village_list .item {
    margin-top: 20px;
    width: 260px;
    height: 260px;
}
.village_list .item .item_img {
    width: 260px;
    height: 195px;
    border-radius: 5px;
    background: #FAFAFA;
}
.village_list .item .item_name {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: bold;
}
.village_list .item .item_name h4 {
    padding-right: 10px;
    flex: 1 0 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1B1C33;
}
.village_list .item .item_name h4 a:hover {
    color: #4C83FF;
}
.village_list .item .item_name .item_price {
    flex: 0 1 auto;
    color: #E93F00;
    text-align: right;
    white-space: nowrap;
}
.village_list .item .item_info {
    padding: 7px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #888888;
    font-size: 12px;
}

/*** 分站首页-人气捡漏 ***/
.secondHouse_list.location .item {
    margin-top: 20px;
}
.secondHouse_list.location .swiper {
    height: 560px;
    width: 260px;
    box-sizing: border-box;
}
.secondHouse_list.location .swiper-slide {
    height: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

/*** 分站首页-icon ***/
.index_icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
}
.index_icon .item  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.index_icon .item i {
    width: 64px;
    height: 64px;
    display: inline-block;
}
.index_icon .item span {
    margin-top: 16px;
}
.index_icon .item .icon01 {
    background: url('../images1/index_locaiton_icon01.png') center center/64px 64px no-repeat;
}
.index_icon .item .icon02 {
    background: url('../images1/index_locaiton_icon02.png') center center/64px 64px no-repeat;
}
.index_icon .item .icon03 {
    background: url('../images1/index_locaiton_icon03.png') center center/64px 64px no-repeat;
}
.index_icon .item .icon04 {
    background: url('../images1/index_locaiton_icon04.png') center center/64px 64px no-repeat;
}
.index_icon .item .icon05 {
    background: url('../images1/index_locaiton_icon05.png') center center/64px 64px no-repeat;
}

/*** 资讯详情页 ***/
.author {
    position: relative;
    width: 260px;
    background: rgba(255, 255, 255);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.author .info {
    width: 100%;
    display: flex;
}
.author .info .img {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 64px;
    border: 4px solid #FFFFFF;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}
.author .info .info_r {
    flex: 1;
    padding-left: 16px;
    display: flex;
    flex-direction: column;
}
.author .info .info_r .name {
    font-size: 16px;
    color: #1B1C33;
    font-weight: bold;
}
.author .info .info_r .name:hover {
    color: #4C83FF;
}
.author .info .info_r .vip {
    margin-top: 6px;
    width: 44px;
    height: 18px;
    border-radius: 3px;
    background: #FFEDE7;
    color: #E93F00;
    font-size: 12px;
    font-style: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}
.author .info .info_r .star {
    margin-top: 8px;
}
.author .info .info_r i {
    width: 16px;
    height: 16px;
    background: url('../images1/icon_star.png') center center/16px 16px no-repeat;
    display: inline-flex;
}
.author .info_company {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.author .info_company .img {
    display: flex;
    width: 160px;
    height: 60px;
    border-radius: 5px;
    border: 4px solid #FFFFFF;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}
.author .info_company .name {
    margin-top: 14px;
    font-size: 16px;
    color: #1B1C33;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.author .info_company .name span {
    flex: 1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.author .info_company .name:hover {
    color: #4C83FF;
}
.author .info_company .name .vip {
    flex: 0 0 44px;
    margin-left: 6px;
    width: 44px;
    height: 18px;
    border-radius: 3px;
    background: #FFEDE7;
    color: #E93F00;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}
.author .abstract {
    margin-top: 16px;
    line-height: 26px;
    font-size: 14px;
    color: #888888;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.author .btn {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
}
.author .btn a {
    position: relative;
    margin: 0 12px;
    width: 88px;
    height: 26px;
    border-radius: 12px;
    background: #4C83FF;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.author .btn a.orange {
    background: #E93F00;
}
.author .btn a:hover {
    opacity: 0.85s;
}
.author_ewm {
    width: 88px;
    height: 88px;
    background: #FFFFFF;
    padding: 8px;
    border-radius: 88px;
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    top: 50px;
    z-index: 1;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15);
    display: none;
    opacity: 0;
}
.author_triangle {
    position: absolute;
    left: 50%;
    top: -11px;
    z-index: 1;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-width: 0 8px 12px;
    border-style: solid;
    border-color: transparent transparent #FFFFFF;
}
.author_ewm img {
    width: 72px;
    height: 72px;
    border-radius: 72px;
}
.author .list {
    margin-top: 20px;
    border-top: 1px solid #EDEDED;
}
.author .list .item {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
}
.author .list .item .img {
    position: relative;
    z-index: 1;
    flex: 0 0 75px;
    width: 75px;
    height: 56px;
}
.author .list .item .img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.author .list .item .img i {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 32px;
    height: 32px;
    background: url('../images1/icon_video_play.png') 0 0 / 32px 32px no-repeat;
    transform: translate(-50%, -50%);
}
.author .list .item p {
    flex: 1;
    margin-left: 10px;
    height: 44px;
    line-height: 22px;
    font-size: 14px;
    color: #1B1C33;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.detail h1 {
    line-height: 48px;
    font-size: 38px;
    font-weight: bold;
    color: #1B1C33;
}
.detail_source {
    padding: 20px 0 25px;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.detail_source .item {
    margin-right: 40px;
    font-size: 14px;
    color: #888888;
    display: flex;
    align-items: center;
}
.detail_source .item .img {
    margin-right: 8px;
    width: 26px;
    height: 26px;
    border: 1px solid #EDEDED;
    background: url('../images1/img_source.png') center center/24px 24px no-repeat;
    border-radius: 26px;
    box-sizing: border-box;
}
.detail_source .item .img img {
    display: block;
}
.detail_Con {
    margin-top: 30px;
    line-height: 34px;
    color: #1B1C33;
    font-size: 18px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.detail_Con img {
    margin-top: 30px;
    width: 840px;
    display: block;
}
.detail .newHouseList .item {
    padding: 0;
    font-size: 14px;
    line-height: 1.2;
}
.detail .newHouseList .item_img img {
    margin-top: 0;
}
.detail .newHouseList .item .address {
    margin-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
}
.detail_page {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.detail_page .item {
    flex: 0 0 45%;
    display: flex;
}
.detail_page .item .img {
    position: relative;
    z-index: 1;
    flex: 0 0 120px;
    display: flex;
    margin-right: 20px;
}
.detail_page .item .img img {
    width: 120px;
    height: 90px;
    border-radius: 5px;
    display: block;
}
.detail_page .item .img i {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 32px;
    height: 32px;
    background: url('../images1/icon_video_play.png') 0 0 / 32px 32px no-repeat;
    transform: translate(-50%, -50%);
}
.detail_page .item:last-child .img {
    margin-left: 20px;
    margin-right: 0;
    justify-content: flex-end;
}
.detail_page .item .item_info {
    flex: 0 0 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.detail_page .item .item_info h4 {
    font-size: 16px;
    font-weight: bold;
    color: #1B1C33;
}
.detail_page .item .item_info p {
    line-height: 22px;
    font-size: 14px;
    color: #888888;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.detail_tips {
    margin-top: 50px;
    line-height: 28px;
    font-size: 16px;
    color: #888888;
    font-weight: bold;
}
.detailHot {
    margin-top: 50px;
}

/*** 楼盘头部 ***/
.detailHeader {
    padding-bottom: 30px;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detailHeader .l {
    flex: 0 0 600px;
    padding-right: 20px;
}
.detailHeader .l h1 {
    line-height: 48px;
    font-size: 38px;
    font-weight: bold;
    color: #1B1C33;
}
.detailHeader .l h1 span {
    transform: translateY(-45%);
    margin-left: 12px;
    height: 22px;
    padding: 0 6px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
}
.detailHeader .l h1 span.zs {
    background: #4C83FF;
}
.detailHeader .l h1 span.ys {
    background: #50E3C2;
}
.detailHeader .l h1 span.sq {
    background: #9B9B9B;
}
.detailHeader .l h1 span.wp {
    background: #E93F00;
}
.detailHeader .l .tag {
    margin-top: 4px;
    display: inline-flex;
    flex-wrap: wrap;
}
.detailHeader .l .tag span {
    margin: 12px 12px 0 0;
    height: 20px;
    padding: 0 6px;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #4C83FF;
    color: #4C83FF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.detailHeader .telphone {
    flex: 0 0 1;
    font-weight: bold;
    font-size: 16px;
    color: #1B1C33;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.detailHeader .telphone strong {
    font-size: 36px;
    color: #E93F00;
}

/*** 楼盘主图 ***/
.detailPicture {
    /* flex: 0 0 600px; */
    width: 600px;
}
.detailPicture .img {
    width: 100%;
    height: 452px;
}
.detailPicture .img img {
    width: 100%;
    height: 100%;
    display: block;
}
.detailPicture .imgs {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
}
.detailPicture .imgs .item {
    position: relative;
    /* width: 140px;
    height: 105px; */
    cursor: pointer;
}
.detailPicture .imgs .item img {
    width: 100%;
    height: 107px;
    display: block;
}
.detailPicture .imgs .swiper-slide {
    opacity: 0.85;
}
.detailPicture .imgs .swiper-slide-thumb-active {
    opacity: 1;
}
.detailPicture .imgs .item .bg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 22px;
    padding: 0 6px;
    border-radius: 3px 0 0 0;
    background: rgba(0, 0, 0, 1);
    font-size: 11px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}
/*** 楼盘报价及相关信息 ***/
.detailInfo {
    flex: 0 0 500px;
}
.detailInfo .price {
    padding: 15px 0 30px;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.detailInfo .price .item {
    color: #1B1C33;
    display: flex;
    flex-direction: column;
}
.detailInfo .price .item:last-child {
    padding-right: 20px;
}
.detailInfo .price .item strong {
    font-size: 22px;
}
.detailInfo .price .item span {
    margin-top: 2px;
    font-size: 16px;
}
.detailInfo .price .item span.small {
    font-size: 14px;
    text-align: center;
}
.detailInfo .address {
    padding: 30px 0;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.detailInfo .address .item {
    /* margin-top: 15px; */
    line-height: 36px;
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
}
.detailInfo .address .item label {
    flex: 0 0 70px;
    color: #888888;
    text-align: justify;
    text-align-last: justify;
}
.detailInfo .address .item p {
    flex: 0 0 1;
    padding-left: 30px;
    color: #1B1C33;
    display: flex;
    align-items: center;
}
.detailInfo .address .item:first-child {
    margin-top: 0;
}
.detailInfo .address .item:nth-last-child(2),
.detailInfo .address .item:nth-last-child(1) {
    flex: 0 0 50%;
}
.detailInfo .saler {
    padding: 30px 0;
    display: flex;
    align-items: center;
}
.detailInfo .saler .img {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 112px;
    border: 4px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}
.detailInfo .saler .img img {
    width: 100%;
    height: 100%;
    border-radius: 112px;
    display: block;
}
.detailInfo .saler .img i {
    position: absolute;
    right: -8px;
    bottom: -8px;
    z-index: 1;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.detailInfo .saler.company {
    align-items: flex-start;
}
.detailInfo .saler.company .img {
    width: 160px;
    height: 60px;
    border-radius: 5px;
    border: 4px solid #FFFFFF;
}
.detailInfo .saler.company .img img {
    border-radius: 5px;
}
.detailInfo .saler.company .img i {
    position: absolute;
    right: -16px;
    bottom: -16px;
    z-index: 1;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.detailInfo .saler .img i.icon_lv,
.detailInfo .saler .img i.icon_hv,
.detailInfo .saler .img i.icon_zs,
.detailInfo .saler .img i.icon_hg {
    background-size: 44px 44px;
}
.detailInfo .saler .info {
    margin-left: 30px;
    display: flex;
    flex-direction: column;
}
.detailInfo .saler .info .info_name {
    font-size: 16px;
    color: #1B1C33;
    font-weight: bold;
}
.detailInfo .saler .info .info_telphone {
    margin-top: 8px;
    font-size: 16px;
    color: #E93F00;
    font-weight: bold;
}
.detailInfo .saler .info_btn {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
}
.detailInfo .saler .info_btn .btn {
    margin-right: 10px;
    width: 88px;
    height: 26px;
    background: #4C83FF;
    border-radius: 12px;
    color: #FFFFFF;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.detailInfo .saler .info_btn .green {
    position: relative;
    background: #07C160;
}
.detailInfo .saler .info_btn .green .ewm {
    width: 88px;
    height: 88px;
    background: #FFFFFF;
    padding: 8px;
    border-radius: 88px;
    box-sizing: border-box;
    position: absolute;
    left: 120px;
    top: 50%;
    z-index: 1;
    box-shadow: -2px 0 16px 0 rgba(0, 0, 0, .15);
    transform: translateY(-50%);
}
.detailInfo .saler .info_btn .green .ewm .triangle {
    position: absolute;
    left: -11px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-width: 8px 12px 8px 0;
    border-style: solid;
    border-color: transparent #FFFFFF transparent transparent;
}
.detailInfo .saler .info_btn .green .ewm img {
    width: 72px;
    height: 72px;
    border-radius: 72px;
}
/*** 楼盘资讯 ***/
.detailNewsList .item:last-child {
    padding-bottom: 0;
}

/*** 楼盘介绍 ***/
.detailIntroduce {
    display: flex;
    flex-wrap: wrap;
}
.detailIntroduce p {
    line-height: 32px;
    font-size: 15px;
    color: #888888;
    text-align: justify;
    text-justify: inter-ideograph;
}

/*** 楼盘指标 ***/
.detailBuilt {
    display: flex;
    flex-wrap: wrap;
}
.detailBuilt .item:first-child {
    flex: 0 0 100%;
    margin-top: 0;
}
.detailBuilt .item {
    margin-top: 20px;
    flex: 0 0 50%;
    line-height: 22px;
    font-size: 15px;
    display: flex;
    align-items: flex-start;
}
.detailBuilt .item label {
    flex: 0 0 60px;
    color: #888888;
    text-align: justify;
    text-align-last: justify;
}
.detailBuilt .item p {
    flex: 1;
    padding: 0 50px 0 100px;
    color: #1B1C33;
}

/*** 周边配套 ***/
.detailSupport {
    display: flex;
    justify-content: space-between;
}
.detailSupport .item {
    flex: 0 0 261px;
    height: 300px;
    padding: 20px;
    border-top: 4px solid #4C83FF;
    border-radius: 5px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .15);
    box-sizing: border-box;
}
.detailSupport .item h4 {
    font-size: 16px;
    color: #1B1C33;
    font-weight: bold;
}
.detailSupport .item .info {
    margin-top: 16px;
    height: calc(100% - 36px);
    box-sizing: border-box;
    overflow-y: scroll;
    cursor: pointer;
}
.detailSupport .item .info::-webkit-scrollbar {
    display: none;
}
.detailSupport .item .info p {
    margin-top: 16px;
    font-size: 14px;
    color: #1B1C33;
}
.detailSupport .item .info p span {
    color: #888888;
}
.detailSupport .item .info p:first-child {
    margin-top: 0;
}

/*** 留言 ***/
.detailMessage {
    width: 730px;
}
.detailMessage .list .item {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.detailMessage .list .item .item_name {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 48px;
    box-shadow: 0 0 16px rgba(27, 28, 51, .08);
    color: #1B1C33;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}
.detailMessage .list .item .item_info {
    margin-left: 20px;
    flex: 0 0 1;
    width: 100%;
}
.detailMessage .list .item .item_info .date {
    margin-top: 4px;
    color: #888888;
    font-size: 12px;
}
.detailMessage .list .item .item_info .question {
    margin-top: 4px;
    line-height: 26px;
    color: #1B1C33;
    font-size: 14px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.detailMessage .list .item .item_info .reply {
    margin-top: 10px;
    width: 100%;
    line-height: 26px;
    background: #F8F8F8;
    padding: 14px;
    border-radius: 5px;
    font-size: 14px;
    color: #888888;
    box-sizing: border-box;
    text-align: justify;
    text-justify: inter-ideograph;
}
.detailMessage .list .item .item_info .reply span {
    color: #4C83FF;
}
/*** 猜你喜欢同小区楼盘 ***/
.detailHouse_list .item {
    margin-top: 20px;
}
.detailHouse_list.none {
    display: none;
}
/*** 询盘登记弹框 ***/
.registerDialog {
    background: #4C83FF;
}
.registerDialog.dialog {
    position: fixed;
    left: 50%;
    top: 0%;
    z-index: 1000;
    transform: translate(-50%, -50%);
    display: none;
    opacity: 0;
}
.registerDialog .entrustRoom {
    height: 413px;
    padding: 0 1px 1px;
    background: #4C83FF;
}
.registerDialog .entrustRoom_con {
    height: 366px;
}
.registerDialog.saler .entrustRoom {
    height: 493px;
}
.registerDialog.saler .entrustRoom_con {
    height: 446px;
}
/*** 背景蒙板 ***/
.dialogBg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .65);
    display: none;
    cursor: pointer;
}
/*** 留言框 ***/
.messageTextArea {
    width: 100%;
}
.messageTextArea .selectItem {
    position: relative;
    width: 200px;
}
.messageTextArea .select {
    min-width: 200px;
    width: 200px;
    height: 36px;
    padding: 0 28px 0 10px;
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #DEDEDE;
    border: none;
    color: #1B1C33;
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.messageTextArea .selectItem:after {
    position: absolute;
    right: 10px;
    top: 3px;
    content: "";
    width: 8px;
    height: 5px;
    background: url('../images1/icon_arrowdown_gray.png') center center/8px 5px no-repeat;
    transform: translateY(13px) rotateZ(360deg);
    transition: .5s;
    pointer-events: none;
}
.messageTextArea .selectItem.active::after {
    top: calc(50% - 3px);
    transform: rotateZ(-180deg);
}
.messageTextArea .textarea {
    margin-top: 20px;
    width: 100%;
    height: 250px;
    border-radius: 5px;
    background: #FFFFFF;
    padding: 20px;
    border: 0;
    font-size: 14px;
    color: #1B1C33;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
    resize: none;
    box-sizing: border-box;
}
.messageTextArea .operation {
    display: flex;
    align-items: center;
    padding-top: 30px;
}
.messageTextArea .text {
    margin-right: 20px;
    width: 160px;
    height: 44px;
    border-radius: 5px;
    background: #FFFFFF;
    padding: 0 14px;
    border: 0;
    font-size: 14px;
    color: #1B1C33;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
}
.messageTextArea .text.w {
    width: 120px;
}
.messageTextArea .btn {
    margin-left: 20px;
    width: 100px;
    height: 44px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #4C83FF;
    border: none;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
}
/*** 网上售楼处经纪人 ***/
.salerDetail {
    width: 840px;
    height: 375px;
    padding: 50px 50px 0;
    background: #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
    display: flex;
    align-items: flex-start;
}
.salerDetail .img {
    position: relative;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 4px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0 2px 16px rgba(27, 28, 51, .08);
}
.salerDetail .img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
}
.salerDetail .img i {
    position: absolute;
    right: -2px;
    bottom: -6px;
    z-index: 1;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.salerDetail .img i.icon_lv,
.salerDetail .img i.icon_hv,
.salerDetail .img i.icon_zs,
.salerDetail .img i.icon_hg {
    background-size: 44px 44px;
}

.salerDetail.company {
    align-items: flex-start;
}
.salerDetail.company .img {
    width: 168px;
    height: 68px;
    border-radius: 5px;
    border: 4px solid #FFFFFF;
}
.salerDetail.company .img img {
    border-radius: 5px;
}
.salerDetail.company .img i {
    position: absolute;
    right: -20px;
    bottom: -20px;
    z-index: 1;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.salerDetail .info {
    margin-left: 50px;
    display: flex;
    flex-direction: column;
}
.salerDetail .info .info_name {
    font-size: 24px;
    color: #1B1C33;
    font-weight: bold;
}
.salerDetail .info .info_star {
    padding: 8px 0;
}
.salerDetail .info .info_star i {
    width: 16px;
    height: 16px;
    background: url('../images1/icon_star.png') center center/16px 16px no-repeat;
    display: inline-flex;
}
.salerDetail .info .info_item {
    height: 32px;
    display: flex;
    align-items: center;
}
.salerDetail .info .info_item .service {
    margin-top: 28px;
}
.salerDetail .info .info_item label {
    width: 80px;
    color: #888888;
    font-size: 14px;
}
.salerDetail .info .info_item p {
    color: #1B1C33;
}
.salerDetail .info .info_telphone {
    margin-top: 8px;
    font-size: 16px;
    color: #E93F00;
    font-weight: bold;
}
.salerDetail .info_btn {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
}
.salerDetail .info_btn .btn {
    margin-right: 10px;
    width: 88px;
    height: 26px;
    background: #4C83FF;
    border-radius: 12px;
    color: #FFFFFF;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.salerDetail .info_btn .green {
    position: relative;
    background: #07C160;
}
.salerDetail .info_btn .green .ewm {
    width: 88px;
    height: 88px;
    background: #FFFFFF;
    padding: 8px;
    border-radius: 88px;
    box-sizing: border-box;
    position: absolute;
    left: 120px;
    top: 50%;
    z-index: 1;
    box-shadow: -2px 0 16px 0 rgba(0, 0, 0, .15);
    transform: translateY(-50%);
}
.salerDetail .info_btn .green .ewm .triangle {
    position: absolute;
    left: -11px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-width: 8px 12px 8px 0;
    border-style: solid;
    border-color: transparent #FFFFFF transparent transparent;
}
.salerDetail .info_btn .green .ewm img {
    width: 72px;
    height: 72px;
    border-radius: 72px;
}

/*** TA发布的活动***/
.sale_list.saler .item {
    margin-top: 20px;
    padding-bottom: 20px;
}
.sale_list.saler .swiper-pagination {
    bottom: 0px;
}
/*** TA发布的新房 ***/
.salerDetail_list::after {
    content: '';
    width: 260px;
}
.salerDetail_list .item {
    margin-top: 20px;
}
.salerDetail_list .item:nth-child(n+4) {
    margin-top: 30px;
}
/*** TA的在线咨询 ***/
.salerDetailMessage {
    width: 100%;
}
/*** TA发布的资讯 ***/
.sidebar_release .list {
    margin-top: 4px;
    width: 100%;
}
.sidebar_release .list .item {
    padding: 14px 0;
    border-bottom: 1px solid #EDEDED;
}
.sidebar_release .list .item  h5 {
    color: #1B1C33;
    font-size: 14px;
    font-weight: bold;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sidebar_release .list .item  a:hover h5 {
    color: #4C83FF;
}
.sidebar_release .list .item p {
    margin-top: 6px;
    line-height: 22px;
    color: #888888;
    font-size: 12px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
