@charset "utf-8";
/*公用样式*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
body,button,input,select,textarea{font:14px/1.5 tahoma, Microsoft YaHei,\5b8b\4f53;*font-family: 'Microsoft YaHei';color: #666;}
img{border:none;}
li{list-style:none;}
input,select,textarea{outline:none;border:none; background:none;}
textarea{resize:none;}
a{text-decoration:none; color:#656565;outline: none;}
i,em{ font-style:normal}
/*清浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float: right;}	
.comWidth{width:1200px; margin-left:auto; margin-right:auto;}
.leftArea{float:left;}
.rightArea{float:right;}
.hide{display:none;}
.show{display:block;}
:root{
    --main-color: #000;
}


@charset "utf-8";

/* ========================================
   1. 导入 & CSS 变量
   ======================================== */
@import "color.css";

:root {
    /* 颜色 */
    --color-white: #fff;
    --color-black: #000;
    --color-gray-100: #f8f8f8;
    --color-gray-200: #eee;
    --color-gray-300: #ccc;
    --color-gray-400: #9d9ea8;
    --color-gray-500: #919191;
    --color-gray-600: #888;
    --color-gray-700: #656565;
    --color-gray-800: #616161;
    --color-gray-900: #333;
    --color-gray-950: #222;

    /* 尺寸 */
    --header-height: 50px;
    --search-height: 36px;
    --footer-height: 422px;
    --container-width: 1200px;

    /* 字体 */
    --font-size-sm: 12px;
    --font-size-base: 14px;
    --font-size-md: 16px;

    /* 层级 */
    --z-index-modal: 100;
    --z-index-dropdown: 1000;
    --z-index-overlay: 10;
}

/* ========================================
   2. 通用工具类
   ======================================== */

/* 遮罩层 - 通用 */
.opacity {
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0 的简写 */
    background: var(--color-white);
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: var(--z-index-overlay);
}

/* 模态框背景 */
.modal_bg {
    position: fixed;
    inset: 0;
    background: var(--color-black);
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: var(--z-index-modal);
    display: none;
}

/* 占位文本 */
.placeholder {
    position: absolute;
    inset: 0;
    z-index: -1;
    color: var(--color-gray-600);
    display: none;
}

/* 水波纹效果 */
.ripple {
    position: absolute;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    transform: scale(0);
    pointer-events: none;
}
.ripple.show {
    animation: ripple 0.75s ease-out;
}
@keyframes ripple {
    to {
        transform: scale(2);
        opacity: 0;
    }
}

/* ========================================
   3. TopBar 顶部导航
   ======================================== */
.topBar {
    /* 顶部栏容器，可根据需要添加背景色 */
}

.topBar .logo {
    line-height: var(--header-height);
}
.topBar .logo img {
    vertical-align: middle;
    height: 40px;
}

/* 城市选择器 */
.topBar .sele_city {
    position: relative;
    width: 120px;
    height: var(--header-height);
    z-index: 1111;
}
.topBar .sele_city .sele_city_btn {
    display: block;
    width: 100%;
    line-height: var(--header-height);
    color: var(--color-white);
    text-align: center;
    cursor: pointer;
}
.topBar .sele_city .sele_city_btn .icon {
    vertical-align: middle;
    margin-left: 6px;
}
.topBar .sele_city .sele_city_btn span {
    font-size: var(--font-size-md);
    color: var(--color-gray-500);
}

/* 城市下拉列表 */
.topBar .sele_city .city_list,
.sele_city .city_list {
    position: absolute;
    top: 46px;
    left: 50%;
    width: 400px;
    margin-left: -60px;
    padding: 10px;
    background: var(--color-white);
    border: 1px solid var(--color-gray-200);
    z-index: 112;
    display: none;
}
.sele_city .city_list dl {
    position: relative;
    padding-left: 20px;
}
.sele_city .city_list dt {
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
}
.sele_city .city_list dt.bold {
    font-weight: bold;
    font-size: var(--font-size-md);
}
.sele_city .city_list dd {
    float: left;
    padding: 0 10px;
}
.sele_city .city_list a {
    display: block;
    font-size: var(--font-size-base);
    line-height: 32px;
    color: var(--color-gray-900);
    text-align: center;
}
.sele_city .city_list .hot a {
    font-weight: bold;
}
.sele_city .city_list i {
    position: absolute;
    right: -10px;
    top: -10px;
    display: block;
    width: 17px;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 999;
    background-image: url(../images/icon/close-1.png);
    background-size: auto 20px;
}

/* 登录链接 */
.topBar .log_link .not_log {
    line-height: var(--header-height);
    color: var(--color-white);
}
.topBar .log_link .not_log a {
    color: #ededed;
}
.topBar .log_link .not_log a:hover {
    color: var(--color-white);
}

.topBar .log_link .loged {
    position: relative;
}
.topBar .log_link .loged .user_info {
    line-height: var(--header-height);
    cursor: pointer;
}
.topBar .log_link .loged .user_info img {
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}
.topBar .log_link .loged .user_info .name {
    font-size: var(--font-size-base);
}
.topBar .log_link .loged .slide_tog {
    position: absolute;
    left: 50%;
    top: var(--header-height);
    width: 158px;
    margin-left: -80px;
    padding: 10px 0;
    background: var(--color-white);
    border: 1px solid var(--color-gray-200);
    z-index: 11;
}
.topBar .log_link .loged .slide_tog a {
    display: block;
    line-height: 32px;
    color: var(--color-gray-900);
    text-align: center;
}

/* ========================================
   4. 导航栏
   ======================================== */
.navBar {
    height: var(--header-height);
}
.navBar .nav_list li {
    float: left;
    padding: 0 15px;
}
.navBar .nav_list a {
    position: relative;
    display: block;
    z-index: 1;
    font-size: var(--font-size-md);
    line-height: var(--header-height);
    text-align: center;
    outline: none;
}

/* ========================================
   5. 搜索栏
   ======================================== */
.searBar {
    padding: 20px 0;
    background: var(--color-gray-100);
}

.sear_box {
    width: 546px;
    height: var(--search-height);
    border-width: 2px;
    border-style: solid;
}
.sear_box .ipt_area {
    position: relative;
    width: 466px;
    height: var(--search-height);
    z-index: 999;
}
.sear_box .ipt_area input {
    width: 430px;
    height: 24px;
    padding: 6px 18px;
    font-size: var(--font-size-base);
    line-height: 24px;
}
.sear_box .ipt_area .placeholder {
    left: 18px;
    right: 18px;
    line-height: var(--search-height);
}
.sear_box .btn_area .sbm_btn {
    display: block;
    width: 80px;
    height: var(--search-height);
    line-height: var(--search-height);
    text-align: center;
    cursor: pointer;
}

/* 搜索下拉建议 */
#search-box {
    position: absolute;
    top: 38px;
    left: -2px;
    display: none;
    width: 446px;
    padding: 10px;
    background-color: var(--color-white);
    border-width: 2px;
    border-style: solid;
    border-top: none;
    z-index: 999;
}
#search-box li {
    padding: 5px 0;
}
#search-box li em {
    float: right;
}
#search-box li span {
    display: block;
}
#search-box li span.address {
    color: var(--color-gray-400);
}

/* 地图按钮 */
.map_btn {
    display: block;
    width: 88px;
    height: 38px;
    margin-top: 3px;
    padding-left: 50px;
    font-size: var(--font-size-md);
    line-height: 38px;
    color: var(--color-gray-800);
    border: 1px solid var(--color-gray-300);
    background: url(../images/icon/icon2.png) 26px center no-repeat;
}

/* ========================================
   6. 底部
   ======================================== */
.footer {
    height: var(--footer-height);
    padding-top: 56px;
    background: var(--color-gray-900);
}
.footer .link_box {
    border-bottom: 1px solid var(--color-gray-400);
}
.footer .leftArea {
    width: 1045px;
}

/* 底部链接 */
.footer .house_link a {
    float: left;
    display: block;
    width: 120px;
    height: 40px;
    margin-right: 20px;
    line-height: 40px;
    text-align: center;
    color: var(--color-white);
    background: var(--color-gray-950);
}
.footer .house_link a:hover {
    background: #6b6a6a;
}

.footer .tab_link {
    height: 90px;
    margin-top: 26px;
    overflow: hidden;
}
.footer .tab_link a {
    float: left;
    display: block;
    margin-right: 12px;
    line-height: 30px;
    color: #dedee0;
}
.footer .tab_link a:hover {
    text-decoration: underline;
}

.footer .other_link {
    margin-top: 10px;
}
.footer .other_link a {
    float: left;
    display: block;
    margin-right: 40px;
    font-size: var(--font-size-base);
    line-height: 20px;
    color: var(--color-gray-400);
}

/* 二维码 */
.footer .ewm {
    width: 140px;
}
.footer .ewm .img {
    display: block;
}
.footer .ewm p {
    line-height: 56px;
    text-align: center;
    color: var(--color-gray-400);
}

/* 底部版权信息 */
.footer .bottom {
    padding-top: 15px;
}
.footer .bottom p {
    line-height: 30px;
    color: #64646b;
}

/* ========================================
   7. 分页组件
   ======================================== */
.page_list {
    margin-top: 50px;
    text-align: center;
}
.page_list li {
    display: inline;
}
.page_list a,
.page_list li span,
.page_list .more {
    display: inline-block;
    padding: 7px 15px;
    margin-left: 6px;
    font-size: var(--font-size-base);
    line-height: 100%;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}
.page_list a,
.page_list li span {
    border: 1px solid #ebebeb;
}
.page_list .prev {
    margin-left: 0;
}
.page_list li.disabled span {
    color: var(--color-gray-700);
    background-color: var(--color-white);
    border: 1px solid #ebebeb;
}

/* ========================================
   8. 楼盘/地图标记
   ======================================== */
.lpNum > li {
    position: relative;
    overflow: hidden;
    width: 74px;
    height: 74px;
    cursor: pointer;
    z-index: 7;
    background: url(../images/map-circleBg.png) no-repeat -1px -1px;
}
.lpNum > li > a {
    display: block;
    margin-top: 8px;
    font-size: var(--font-size-sm);
    line-height: 18px;
    text-align: center;
    color: var(--color-white);
}
.lpNum > li:hover,
.lpPrice > li:hover {
    background-position: 0 -88px;
}
.lpNum > li.on,
.lpPrice > li.on {
    background-position: -1px -175px;
}

/* ========================================
   9. 其他通用类
   ======================================== */

/* 评分星级 */
.star_list li {
    float: left;
    width: 22px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
}
.star_list .on {
    background-image: url(../images/icon/icon25.png);
}
.star_list .off {
    background-image: url(../images/icon/icon26.png);
}

/* 文本省略 */
.nowarp {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 全景图标 */
.house-pano {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/pano.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/* Swiper 滑块 */
.swiper-slide {
    background-position: center center;
    background-size: cover;
}
.swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

/* 滚动到顶部按钮 */
.scroll-top {
    position: fixed;
    right: 20px;
    bottom: 100px;
    display: none;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.scroll-top span {
    display: block;
    width: 49px;
    height: 49px;
}
.scroll-top span.text {
    display: none;
    width: 40px;
    height: 40px;
    padding: 5px;
    text-align: center;
}
.scroll-top span.ico {
    border: 1px solid var(--color-gray-300);
    background-color: #ddd;
    background-image: url(../images/icon/arrow-up.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.scroll-top:hover span.ico {
    display: none;
}
.scroll-top:hover span.text {
    display: block;
}

/* 海报/广告标记 */
.poster,
.poster li {
    position: relative;
}
.poster li::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0 1px;
    font-size: 10px;
    line-height: 14px;
    color: var(--color-white);
    content: "广告";
    background: rgba(0, 0, 0, 0.2);
}

/* ========================================
   10. 列表通用样式
   ======================================== */
.houseList_wrap .list_con p * {
    vertical-align: middle;
}

/* ========================================
   11. 兼容性/旧样式保留
   ======================================== */
/* 以下样式因可能被JS调用或特殊场景使用，保留原样 */
.lpNum > li {
    /* 保持原样，仅作标记 */
}


.ml_98{
	margin-left: 98px;
}
.placeholder{
	position: absolute;
	top: 0;
	left: 11px;
	right: 11px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	z-index: 99;
	color: #999;
	display: none;
}
.form_box .sct{
	margin-top: 20px;
}
.form_box .sct_tit{
	width: 88px;
	line-height: 36px;
	margin-right: 10px;
	text-align: right;
}
.form_box .sct_ipt{
	width: 260px;
	/*width: 350px;*/
	height: 36px;
	line-height: 36px;
	position: relative;
}
.form_box  .sct_ipt .ipt{
	padding: 5px 10px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #eaeaea;
	/*width: 328px;*/
	width: 238px;
	border-radius: 4px;
	background: none;
	position: relative;
	z-index: 2;
}
.form_box .sct .ts{
	width: 300px;
	margin-left: 4px;
	font-size: 14px;
	line-height: 18px;
	color: #999;
}
.form_box .sct .ts span{
	display: block;
	line-height: 36px;
	font-size: 14px;
	color: #999;
}
.form_box .sct .pwd_ts .info,
.form_box .sct .pwd_ts .error{
	line-height: 18px;
}

.radio_box .radio_item{
	display: block;
	float: left;
	margin-right: 15px;
	line-height: 36px;
}
.radio_box input{
	vertical-align: middle;
}
.radio_box label{
	padding: 0 5px;
}
.sele_date select,
.sele_address select{
	border: 1px solid #e0e0e0;
	padding: 7px;
	border-radius: 5px;
	outline: none;
	margin-right: 20px;
}
.form_box .btn_area{
	width: 240px;
}
.btn_area .sbm{
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
}
/* .chck_sct{
	height: 36px;
	line-height: 36px;
	margin-left: 100px;
}
.chck_sct .chck{
	outline: none;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 6px;
}
.chck_sct a{
	color: #e31434;
} */



/* header */
.header {
  height: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  z-index:99999;
}
.header .logo img {
  display: block;
  height:50px;
}
.header .sele_city {
  margin-left: 46px;
  position: relative;
  z-index: 22999;
}
.header .sele_city .sele_city_btn {
  text-align: center;
  line-height: 46px;
  display: block;
  font-size: 16px;
  color: #313131;
  padding-left: 20px;
}
.header .sele_city .sele_city_btn span {
  font-size: 16px;
  color: #919191;
}
.header .sele_city .city_list {
  position: absolute;
  top: 46px;
  left: 50%;
  width: 400px;
  border: 1px solid #eee;
  background: #fff;
  z-index: 11299;
  padding: 10px;
  margin-left: -60px;
  display: none;
}
.header .sele_city .city_list li{
  float:left;
  padding:0 10px;
}
.header .sele_city .city_list a {
  display: block;
  font-size: 16px;
  line-height: 32px;
  margin-left: 0;
  text-align: center;
}

.header .sear_box {
  position: absolute;
  left: 50%;
  top: 35px;
  margin-left: -225px;
}
.navBar .fast_nav {
  width: 232px;
  height: 100%;
  z-index: 1000;
  position: relative;
}
.navBar .fast_nav h3 {
  font-size: 18px;
  position: relative;
  z-index: 100;
  text-align: center;
  line-height: 50px;
  font-weight: normal;
  color: #fff;
}
.navBar .m {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 9;
}
.navBar .fast_nav .list {
  height: 380px;
  padding: 60px 20px 10px;
  width: 192px;
  position: relative;
  z-index: 99;
}
.navBar .fast_nav .list h4 {
  font-size: 16px;
  line-height: 40px;
  color: #fff;
}
.navBar .fast_nav ol {
  padding-bottom: 6px;
  border-bottom: 1px solid #ccc;
  margin-left: -12px;
}
.navBar .fast_nav ul > li:last-child ol {
  border: 0;
}
.navBar .fast_nav ol li {
  float: left;
  margin-left: 12px;
}
.navBar .fast_nav ol a {
  display: block;
  line-height: 22px;
  color: #ccc;
}
.navBar .fast_nav ol a:hover {
  color: #fff;
}
.navBar .fast_nav .opacity {
  background: #000;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.navBar .nav_list {
  margin-left: 55px;
}
.topBar .navBar .nav_list{margin-left:0;}
.banner {
  width: 100%;height: 350px;
   /*background: url(../images/bn1.jpg) center top no-repeat;*/
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  overflow: hidden;
}
.banner-1{height: 400px;}
.banner-1 .switchable-box{height:400px;}
.banner li{width:100%;height:100%;}
.banner-1 .switchable-box a{display:block;width:100%;height:100%;background-repeat: no-repeat;background-position: center center;}
.banner-1 .switchable-box a img{height:auto;}
.banner-1 .switchable-box .ui-arrow{display:none;}
.label_menu {
  padding: 20px 0;
}
.label_menu .item {
  width: 25%;
  position: relative;
}
.label_menu .item:after {
  display: block;
  content: '';
  position: absolute;
  height: 60px;
  width: 1px;
  background: #eee;
  right: 0;
  top: 50%;
  margin-top: -30px;
}
.label_menu .item:last-child:after {
  display: none;
}
.label_menu h3 {
  font-size: 24px;
  font-weight: normal;
  line-height: 40px;
  text-align: center;
}
.label_menu .l {
  width: 48px;
  height: 2px;
  margin: 0 auto;
}
.label_menu .link {
  margin-top: 22px;
  text-align: center;
  line-height: 100%;
}
.label_menu .link a {
  display: inline-block;
  padding: 0 13px;
  line-height: 100%;
  color: #616161;
  font-size: 18px;
}

.wrap {
  padding: 30px 0 30px;
  background: #f5f6f7;
}
.index .wrap .l_box {
  width: 230px;
}
.index .wrap .c_box {
  width: 660px;
}
.index .wrap .r_box {
  width: 250px;
}
.index .wrap .content {
  padding: 0px 0;
}
.hot_house {
  padding: 0;
  background: #fff;
}
.hot_house ul{padding:20px 0;}
.hot_house li {
  float: left;
  width: 170px;
  height: 120px;
  margin-left: 24px;
}
.hot_house li a {
  display: block;
  width: 100%;
  height: 100%;
}
.hot_house li img {
  display: block;
}
/* 公共样式 */
.cm_wrap {
  margin-top: 20px;
  padding: 8px 20px;
  background: #fff;
}
.cm_wrap .head {
  border-bottom: 3px solid #eee;
}
.cm_wrap .head h2 {
  font-size: 24px;
  /*font-weight: normal;*/
  color: #313131;
  padding-left: 43px;
}
.cm_wrap .head .r_nav li {
  float: left;
  height: 45px;
  position: relative;
  margin-left: 63px;
}
.cm_wrap .head .r_nav li a {
  display: block;
  width: 100%;
  line-height: 54px;
  color: #313131;
  text-align: center;
}
.cm_wrap .head .r_nav li .b_l {
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 8px;
  z-index: 3;
  background: url(/qdhm/images/icon3.png) center bottom no-repeat;
  display: none;
}
.cm_wrap .head .r_nav li.active .b_l,
.cm_wrap .head .r_nav li:hover .b_l {
  display: block;
}
/* 新房 */
.new_house .head h2 {
  background: url(/qdhm/images/icon4.png) left center no-repeat;
}
/* 最近开盘 */
.lastly_open {
  /*width: 230px;*/
}
.lastly_open h3 {
  font-size: 20px;
  padding-bottom: 9px;
  line-height: 100%;
  font-weight: normal;
  color: #313131;
}
.lastly_open .list {
  height: 216px;
}
.lastly_open .list .item {
  padding-left: 20px;
  position: relative;
}
.lastly_open .list .item h4 {
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  background: #d9d9d9;
  margin: 9px 0;
}
.lastly_open .list .item .tit {
  background: url(/qdhm/images/icon7.png) no-repeat;
  width: 72px;
  color: #fff;
}
.lastly_open .list .item .time {
  width: 68px;
  background: #d9d9d9;
  color: #313131;
}
.lastly_open .list .item li {
  padding: 5px 0;
}
.lastly_open .list .item li span,
.lastly_open .list .item li a {
  display: block;
  color: #616161;
  line-height: 20px;
}
.lastly_open .list .item li .name {
  width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lastly_open .list .item li .name:hover {
  text-decoration: underline;
}
.lastly_open .list .item li .price {
  width: 80px;
  text-align: right;
  color: #919191;
  font-size: 12px;
}
.lastly_open .list .item .l_l {
  position: absolute;
  top: 4px;
  bottom: 0;
  left: 0;
  width: 9px;
  background: url(/qdhm/images/icon5.png) center 30px repeat-y;
}
.lastly_open .list .item .l_l .c {
  /*width: 8px;
					height: 8px;
					border: 1px solid #ccc;
					border-radius: 50%;*/
  width: 9px;
  height: 9px;
  background: url(/qdhm/images/icon6.png) no-repeat;
}
/* 新房列表 */
.build_list {
  width: 910px;
}
.build_list ul {
  margin-top: 0px;
}
.build_list li {
  margin-top: 12px;
  float: left;
  width: 200px;
  /*height: 200px;*/
  overflow: hidden;
  margin-left: 16px;
}
.r_box{200px;}
.build_list li a,
.news-left-list li a{
  display: block;
  width: 100%;
  height: 100%;
}
.build_list li .img {
  display: block;
  width: 100%;
  height: 140px;
  overflow: hidden;
  position: relative;
}
.news-left-list li .img {
  display: block;
  width: 100%;
  height: 140px;
  overflow: hidden;
  position: relative;
}
.build_list li .img img,
.news-left-list li .img img
{
  display: block;
  width: 100%;
  height: 100%;
}
.build_list li .img .img_ft,
.build_list li .img .txt_box,
.build_list li .img .tit_bg,
.news-left-list li .img .tit_bg,
.news-left-list li .img .txt_box
{
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 32px;
}
.build_list li .img .tit_bg,
.news-left-list li .img .tit_bg
{
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  background: #000;
  z-index: 1;
}
.build_list li .img .txt_box,
.news-left-list li .img .txt_box
{
  overflow: hidden;
  z-index: 2;
  left: 12px;
  right: 12px;
}
.build_list li .img .txt_box .tit,
.build_list li .img .txt_box .area,
.news-left-list li .img .txt_box .tit
{
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  z-index: 2;
}
.build_list li .ft .area,
.build_list li .ft .price,
.build_list li .ft .type_area {
  display: block;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}
.build_list li .ft .area,
.build_list li .ft .type_area {
  color: #616161;
  width:109px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-left-list{
  margin-top:15px;
  padding-left:12px;
}
.news-left-list li{
  float:left;
}
.news-left-list li:first-child{
  margin-right:15px;
}
/* 房产资讯 */
.house_news {
  /*width: 250px;*/
}
.house_news .hd h3 {
  float: left;
  font-size: 20px;
  color: #313131;
  font-weight: normal;
  line-height: 24px;
}
.house_news .hd .more {
  display: block;
  float: right;
  line-height: 24px;
  color: #616161;
}
.house_news .list {
  height: 346px;
  margin-top: 5px;
  overflow: auto;
}
.house_news .list h4 {
  font-size: 16px;
  line-height: 30px;
  height:30px;
  white-space:nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.house_news .list ol a {
  display: block;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #616161;
}
.house_news .list ol a:hover {
  text-decoration: underline;
}
/* 中介列表 */
.build_lista {
  width: 1200px;
}
.build_lista ul {
  margin-top: 0px;
}
.build_lista li {
  margin-top: 12px;
  float: left;
  width: 210px;
  /*height: 200px;*/
  overflow: hidden;
  margin-left: 22px;
}
.r_box{200px;}
.build_lista li a,
.news-left-list li a{
  display: block;
  width: 100%;
  height: 100%;
}
.build_lista li .img {
  display: block;
  width: 100%;
  height: 140px;
  overflow: hidden;
  position: relative;
}
.news-left-list li .img {
  display: block;
  width: 100%;
  height: 140px;
  overflow: hidden;
  position: relative;
}
.build_lista li .img img,
.news-left-list li .img img
{
  display: block;
  width: 100%;
  height: 100%;
}
.build_lista li .img .img_ft,
.build_lista li .img .txt_box,
.build_lista li .img .tit_bg,
.news-left-list li .img .tit_bg,
.news-left-list li .img .txt_box
{
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 32px;
}
.build_lista li .img .tit_bg,
.news-left-list li .img .tit_bg
{
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  background: #000;
  z-index: 1;
}
.build_lista li .img .txt_box,
.news-left-list li .img .txt_box
{
  overflow: hidden;
  z-index: 2;
  left: 12px;
  right: 12px;
}
.build_lista li .img .txt_box .tit,
.build_lista li .img .txt_box .area,
.news-left-list li .img .txt_box .tit
{
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  z-index: 2;
}
.build_lista li .ft .area,
.build_lista li .ft .price,
.build_lista li .ft .type_area {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}
.build_lista li .ft .area,
.build_lista li .ft .type_area {
  color: #616161;
  width:100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-left-list{
  margin-top:15px;
  padding-left:12px;
}
.news-left-list li{
  float:left;
}
.news-left-list li:first-child{
  margin-right:15px;
}

/* 楼盘导购 */
.build_shoppers {
  /* 购房宝典 && 房产百科 */
}
.build_shoppers .head h2 {
  background: url(/qdhm/images/icon8.png) left center no-repeat;
}
.build_shoppers .content h3 {
  font-size: 20px;
  font-weight: normal;
  color: #313131;
  line-height: 100%;
}
.build_shoppers .l_box {
  /*width: @w;*/
  /*  看房团 */
  /* 预约看房 */
}
.build_shoppers .l_box .look_team .list {
  margin: 16px 0;
  height: 104px;
  overflow: hidden;
}
.build_shoppers .l_box .look_team li .name,
.build_shoppers .l_box .look_team li .time {
  display: block;
  line-height: 26px;
  height: 26px;
  overflow: hidden;
  color: #616161;
}
.build_shoppers .l_box .look_team li .name {
  float: left;
  width: 140px;
}
.build_shoppers .l_box .look_team li .name:hover {
  text-decoration: underline;
}
.build_shoppers .l_box .look_team li .time {
  width: 80px;
}
.build_shoppers .l_box .appoint .form_box .sct {
  margin-top: 13px;
}
.build_shoppers .l_box .appoint .form_box .sct_ipt {
  width: 230px;
}
.build_shoppers .l_box .appoint .form_box .sct_ipt .ipt {
  width: 208px;
}
.build_shoppers .l_box .appoint .form_box .btn_area {
  width: 230px;
}

.build_shoppers .r_box .list {
  margin-top: 16px;
  height: 140px;
  overflow: hidden;
}
.build_shoppers .r_box .list li {
  list-style-position: inside;
  /* list-style-type: disc; */
  list-style-type:none;
  list-style-color: #eee;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.build_shoppers .r_box .list a {
  color: #616161;
}
.build_shoppers .r_box .list a:hover {
  text-decoration: underline;
}
.build_shoppers .r_box .house_klg {
  margin-top: 20px;
}
.sed_house .head h2 {
  background: url(/qdhm/images/icon9.png) left center no-repeat;
  margin-bottom:10px;
}
.sed_house .ads_img {
  height: 372px;
}
.sed_house .ads_img a,
.sed_house .ads_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.sed_house .top_director .list li {
  margin-top: 5px;
}
.sed_house .top_director .list .tx_img {
  width: 50px;
  height: 50px;
  font-size: 0;
}
.sed_house .top_director .list .tx_img img {
  display: block;
  border-radius: 5%;
}
.sed_house .top_director .list .c_con {
  margin-left: 6px;
}
.sed_house .top_director .list .r_con{
  text-align:right;
}
.sed_house .top_director .list p {
  font-size: 12px;
  line-height: 25px;
  color: #919191;
}
.sed_house .top_director .list .name {
  font-size: 16px;
  color: #313131;
  font-weight: bold;
}
.sed_house .top_director .list .mark b {
  font-weight: bold;
  font-size: 16px;
}
.sed_house .top_director .ft_link {
  margin-top: 19px;
}
.sed_house .top_director .ft_link a {
  display: block;
  width: 110px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
}
.rent_house {
  padding-left: 0;
  padding-right: 0;
}

.rent_house .head{margin:0 24px;}
.rent_house .head h2 {
  margin-bottom:10px;
}
.rent_house .build_list li {
  width: 270px;
  margin-left: 24px;
}
.rent_house .build_list li .img {
  height: 180px;
}
/*  新盘涨幅&&房价走势&&二手涨幅&&房价走势&&楼盘活动 */
.order_modl {
  padding: 20px;
}
.order_modl .sct {
  width: 360px;
}
.order_modl .c_area {
  margin-left: 40px;
}
.order_modl .head .tit {
  position: relative;
  height: 50px;
  width: 86px;
  margin-right: 36px;
}
.order_modl .head .tit.active .b_l {
  display: block;
}
.order_modl .head h3 {
  line-height: 50px;
  font-size: 20px;
  color: #313131;
  text-align: center;
}
.order_modl .head .b_l {
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 8px;
  z-index: 3;
  background: url(/qdhm/images/icon3.png) center bottom no-repeat;
  display: none;
}
.order_modl .esf_chart {
  width: 360px;
  height: 278px;
}
.order_modl .list {
  padding-top: 6px;
}
.order_modl .list li {
  list-style-position: inside;
  height: 34px;
  padding-left: 20px;
  position: relative;
}
.order_modl .list li .num {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}
.order_modl .list li a,
.order_modl .list li span {
  display: block;
  font-size: 14px;
  line-height: 34px;
}
.order_modl .list li .name {
  width: 360px;
  color: #313131;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order_modl .list li .name:hover {
  text-decoration: underline;
}
.order_modl .list li .price {
  margin: 0 5px;
  width: 90px;
  text-align: center;
}
.order_modl .list li .price b,
.order_modl .list li .price_float {
  overflow: hidden;
}
.order_modl .list li .price_float.down{
  color:green;
}
.order_modl .list li .price_float {
  text-align: right;
  width: 80px;
}
.build_actv .list li .name {
  width: 100%;
}
.group_time{background:url(../images/time.png) 0 center no-repeat; padding-left:24px; margin-right:45px; display:block; float:left}
.swiper-container{height:400px;}
.news-left{width:400px;}
.news-left-slide{width:400px;height:260px;overflow: hidden;}
.news-left-slide .slider{height:260px;}
.news-left-slide .switchable-box{height:260px;min-height:260px;}
.news-left-slide .switchable-nav {
  position:absolute;
  bottom:5px;
  right:5px;
  z-index:99;
  text-align:right;
}
.news-left-slide .switchable-nav li {
  width:16px;
  height:16px;
  line-height:16px;
  margin-left:3px;
  background:none;
  background-color:#FCF2CF;
  border:1px solid #F47500;
  color:#D94B01;
  text-align:center;
  cursor:pointer;
  position:relative;
  text-indent:0;
}
.news-left-slide .switchable-nav li.active {
  width:18px;
  height:18px;
  line-height:18px;
  margin-top:-1px;
  color:#FFF;
  background-color:#FFB442;
  font-weight:bold;
}



.news-left-list{width:100%;}
.news-left-list li{width:180px;height:140px;}
.news-center{width:470px;margin:0 15px;}
.news-center h2{margin-bottom:10px;font-size:24px;font-weight: 500;font-style: normal;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-center a{color:#333;}

.news-center li p{line-height: 24px;margin-bottom:10px;font-size:14px;color:#666;}
.news-center li{font-size:15px;margin-top:4px;}
.news-center li.nowarp{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-right{padding-left:10px;
/* background-color: #f6f6f6; */
background-color:#fff;
height:407px;padding-top:10px;}
.news-right li{width:240px;}
.poster-margin-top{margin-top:20px;}
.index .banner-2 .switchable-box{height: 500px;min-height:500px;}
.index .banner-2{height:500px;position:relative;}
.index .search-box{width:560px;height:150px;position:absolute;left:50%;top:200px;margin-left:-280px;z-index: 9;}
.index .search-box .opacity{background-color: #000;border-radius: 5px;}
.index .search-content{position: absolute;top:0;left:0;padding:20px 30px;z-index:99;color:#fff;}
.index .search-type a{padding:5px 20px;margin-right:5px;color:#fff;font-size:16px;position:relative;}

.index .search-input{height:40px;line-height: 40px;margin-top:20px;width:500px;}
.index .search-input .search-input-text{height:30px;line-height: 30px;width:400px;padding:5px 10px;border:none;background-color: #fff;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.index .search-input .search-btn{height:40px;width:80px;line-height:40px;text-align:center;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.index .search-keyword{margin-top:10px;}
.index .search-keyword a{color:#fff;margin-right:10px;}

.index .banner-2 .switchable-box{height: 500px;min-height:500px;}
.index .banner-2{height:500px;position:relative;}
.index .search-box{width:560px;height:150px;position:absolute;left:50%;top:200px;margin-left:-280px;z-index: 9;}
.index .search-box .opacity{background-color: #000;border-radius: 5px;}
.index .search-content{position: absolute;top:0;left:0;padding:20px 30px;z-index:99;color:#fff;}
.index .search-type a{padding:5px 20px;margin-right:5px;color:#fff;font-size:16px;position:relative;}

.index .search-input{height:40px;line-height: 40px;margin-top:20px;width:500px;}
.index .search-input .search-input-text{height:30px;line-height: 30px;width:400px;padding:5px 10px;border:none;background-color: #fff;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.index .search-input .search-btn{height:40px;width:80px;line-height:40px;text-align:center;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.index .search-keyword{margin-top:10px;}
.index .search-keyword a{color:#fff;margin-right:10px;}



.topBar { background: #0066cc;}
.topBar .sele_city .city_list a:hover {  color: #0066cc;  }
.topBar .log_link .loged .slide_tog a:hover {  color: #0066cc; }
.topBar .log_link .loged .user_info .name {
    color: #FFFFFF;
}
.navBar {  background: #0066cc; }
.navBar .nav_list li.active{background-color: #0066cc;}
.navBar .nav_list a { color: #FFFFFF;}
.sear_box {border-color:#0066cc;}
.sear_box .btn_area .sbm_btn {background: #0066cc;color:#FFFFFF;}
.page_list a.on,.page_list li span,
.page_list a:hover {background: #0066cc;color: #FFFFFF;}
#search-box{border-color:#0066cc;}
#search-box li em{color:#0066cc;}
.map_house .sele_sear .sear .btn_area {background: #0066cc;}
.map_house .sele_sear .sear .btn_area .btn:after {border-color:#0066cc;}
.map_house .sele_sear .sele_list .btn {background: #0066cc;color:#FFFFFF;}
.map_house .main .r_box .house_list .hd .sale_type li .in_sale {  color: #0066cc;  }
.seleBar a.active,
.seleBar a:hover {  color: #0066cc;  }
.seleBar .btn {border-color:#0066cc;background: #0066cc;}
.houseList_wrap .head {border-bottom-color:#0066cc;}
.houseList_wrap .head h2 a.active,
.houseList_wrap .head h2 a:hover {background: #0066cc;}
.houseList_wrap .head .tab a.active,
.houseList_wrap .head .tab a:hover {
    color: #0066cc;
}
.houseList_wrap .list_con .price { color: #0066cc;}
.houseList_wrap .list_con .price strong { color: #0066cc;}
.houseList_wrap .agent_list .r_con p b {
    color: #0066cc;
}
.houseList_wrap .agent_list .label_list .item {border-color:#0066cc;color: #0066cc;}
.houseList_wrap .agent_list .phone {color: #0066cc;}
.broker-tags i{border-color:#0066cc;color:#0066cc;}
.newhouse .tab_nav li a.active,
.newhouse .tab_nav li a:hover {
    color: #0066cc;
}
.house_detail .main_info .hd_box .collect_btn.on {background: #0066cc;border-color: #0066cc;color: #FFFFFF;}
.house_detail .main_info .con_box .rightArea .price strong {
    color: #0066cc;
}
.house_detail .main_info .con_box .rightArea .agent_info .c_con .phone {color: #0066cc;}
.house_detail .scroll_nav {background: #FFFFFF;border-color:#0066cc;}
.house_detail .scroll_nav li.active a,
.house_detail .scroll_nav li a:hover {
    background: #0066cc;
    color: #FFFFFF;
}
.house_detail .con_wrap .title .tab_hd li a.on {
    color: #0066cc;
}
.house_detail .con_wrap .title a:hover {
    color: #0066cc !important;
}
.house_detail .con_wrap .near_support .r_box .nav {border-color:#0066cc;}
.house_detail .con_wrap .near_support .r_box .nav a.active,
.house_detail .con_wrap .near_support .r_box .nav a:hover {
    background: #0066cc;
    color: #FFFFFF;
}
.house_detail .con_wrap .similar_house .list .ft_con p strong {
    color: #0066cc;
}
.house_detail .con_wrap .similar_house .list .ft_con .price {
    color: #0066cc;
}
.house_detail .buildNum_info .r_con .tab_nav a.active,
.house_detail .buildNum_info .r_con .tab_nav a:hover {
    color: #0066cc;
    border-color: #0066cc;
}
.newhouse_detail .head .collect_btn.on {
    background: #0066cc;
    color: #FFFFFF;
    border-color: #0066cc;
}
.newhouse_detail .tab_nav li a.active,
.newhouse_detail .tab_nav li a:hover {
    color: #0066cc;
}
.sub_nav {border-color:#0066cc;}
.sub_nav a.active,
.sub_nav a:hover {
    color: #0066cc;
    border-color: #0066cc;
}
.sub_nav a.active{
    background-color: #0066cc;
    color:#FFFFFF;
}
.artc_detail .relative_artc .title .b_l {background: #0066cc;}
.dynamic_list li .l_con .time {background: #0066cc;color: #FFFFFF;}
.dynamic_list li .l_con .c_l .c {background: #0066cc;}
.dynamic_list li .r_con a { color: #0066cc;}
.houseType_wrap .list_box li .con p span{ color:#0066cc;}
.houseType_detail .tab_scroll .scroll_wrap li a.active,
.houseType_detail .tab_scroll .scroll_wrap li a:hover {
    border-color: #0066cc;
}
.houseType_detail .tab_scroll .scroll_wrap li a.active p,
.houseType_detail .tab_scroll .scroll_wrap li a:hover p {
    color: #0066cc;
}
.houseType_detail .info_box .info_list li span strong {
    color: #0066cc;
}
.question .title a {background: #0066cc;}
.question .title .ipt_box .btn {background: #0066cc;color: #FFFFFF;}
.agent_info .btn_row a:hover {
    color: #0066cc;
    border-color: #0066cc;
}
.agent_info .phone {color: #0066cc;}
.agent_info .label_list .item {border-color:#0066cc;color:#0066cc;}
.cm_rightArea .title .b_l {background: #0066cc;}
.cm_rightArea .rcmd_house .row .price {
    color: #0066cc;
}
.cm_rightArea .rcmd_build .r_con b {
    color: #0066cc;
}
.cm_rightArea .hot_build .list .con p b {
    color: #0066cc;
}
.comment-head .comment-tags i.on{border-color: #0066cc;color:#0066cc;}
.send-btn{background-color: #0066cc;color:#FFFFFF;}
.phone-text{color:#0066cc;}
.header .sele_city .city_list a:hover {
    color: #0066cc;
}
.label_menu h3 { color: #0066cc;}
.label_menu .l { background: #0066cc;}
.label_menu .link a:hover {
    color: #0066cc;
}
.build_list li .ft .price {
    color: #0066cc;
}
.house_news .list h4 {color: #0066cc;}
.house_news .list h4 a{color:#0066cc;}
.build_shoppers .l_box .appoint .form_box .btn_area .sbm {
    background: #0066cc;
}
.sed_house .top_director .list .mark b {
    color: #0066cc;
}
.sed_house .top_director .ft_link a {background: #0066cc;  color: #FFFFFF;}
.order_modl .list li .price b,
.order_modl .list li .price_float {
    color: #0066cc;
}
.slide .switchable-nav ol li.active{background-color: #0066cc;}
.btn_area .sbm{background: #0066cc;  color: #FFFFFF;}
.person_center .main .menu_list a.active,
.person_center .main .menu_list a:hover {
    background: #0066cc;
    color: #FFFFFF;
}
.person_center .main .rightArea .title h2 a.on,
.person_center .main .rightArea .title h2 a:hover {
    border-color: #0066cc;
}
.person_center .main .base_info .form_box .check_code .get_code,
.person_center .main .add_house .form_box .check_code .get_code {
    background: #0066cc;
    color: #FFFFFF;
}
.J_delete{background-color: #0066cc;color:#FFFFFF;}
.options a.J_delete{border-color: #0066cc;color:#0066cc;background-color: #FFFFFF;}
.layui-btn-danger{background-color: #0066cc;}
.layui-form-radio i:hover, .layui-form-radioed i{color:#0066cc;}
.layui-form-select dl dd.layui-this{background-color: #0066cc;}
.layui-form-checked[lay-skin="primary"] i{border-color:#0066cc;background-color:#0066cc;}
.cm_rightArea .sale_btn {border-color:#0066cc;  color: #0066cc;}
.map_house .main .r_box .house_list .bd li .r_con .price { color: #0066cc;}
.question .question-pannel a.active{background-color: #0066cc;color:#FFFFFF;}
.question .question-pannel a:hover{background-color: #0066cc;color:#FFFFFF;}
.question-lists a.question-house-title{color:#0066cc;}
.question-right-title span{border-bottom-color:#0066cc;}
.question-right-lists li a:hover{color:#0066cc;}
.question-right-lists li dd span{color:#0066cc;}
.submit-btn{background-color: #0066cc;  color: #FFFFFF;}
.group_body_r01{background:#0066cc;}
.group_body_r03{border-top-color: #0066cc;}
.sele_city .city_list .hot a{  color:#0066cc;  }
.sele_city .city_list a:hover {  color: #0066cc;  }
.layui-form-checkbox[lay-skin="primary"]:hover i{border-color:#0066cc;}
.scroll-top span.text{background-color: #0066cc;color:#FFFFFF;}
.news-center a:hover{color:#0066cc;}
.index .search-type a.active{background-color: #0066cc;}
.index .search-input .search-btn{background-color: #0066cc;color:#FFFFFF;}