.header { min-width: 1200px; font-size: .8rem; background-color: #fff; }

.header_cz { padding-left: 10px; margin-left: 10px; border-left: 1px solid #ddd; }

.header_layout { width: 1200px; margin: 0 auto; height: 40px; line-height: 40px; }

.header_logo { float: left; padding-top: 7px; margin-right: 35px; }

    .header_logo img { width: 33px; }

.header_list { float: left; overflow: hidden; }

    .header_list li { color: #666; float: left; padding: 0 16px; font-size: 14px; height: 40px; line-height: 40px; }

        .header_list li.active { font-weight: bold; }

        .header_list li:first-child { padding-left: 0; padding-right: 16px; }

            .header_list li:first-child a:hover { color: #333; }

    .header_list a:hover { color: #ff611b; }

.header_line { float: right; font-size: 14px; }

    .header_line i.icon { color: #666; margin-right: 4px; }

.header_login { font-size: 14px; color: #999; margin-right: 30px; float: right; }

    .header_login a:hover { color: #ff611b; }

.search { width: 100%; background-color: #f8f8f8; }

.search_crumb { float: left; line-height: 32px; font-size: 14px; color: #666666; }

.search_box { width: 1200px; margin: 0 auto; height: 72px; padding: 20px 0; }

.search_logo { float: left; padding-top: 4px; max-width: 50px; }

.search_city { position: relative; float: left; vertical-align: middle; height: 100%; cursor: pointer; font-size: 16px; color: #666; padding: 0 15px; height: 40px; }

    .search_city:hover > div { display: block; }

    .search_city .icon-xiaosanjiaoup { display: none; color: #d43400; }

    .search_city:hover > span { color: #d43400; }

    .search_city:hover .icon-xiaosanjiaodown { display: none; }

    .search_city:hover .icon-xiaosanjiaoup { display: inline-block; }

    .search_city span { line-height: 40px; }

    .search_city > div { position: absolute; top: 40px; left: 0; display: none; width: 340px; background-color: #fff; font-size: 14px; border: 1px solid #eee; z-index: 100; border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, .1); }

.search_hot { position: absolute; left: 0; right: 0; top: 40px; background-color: #fff; padding: 20px 24px; z-index: 100; box-shadow: 0 0 10px #eee; display: none; }

    .search_hot a { display: inline-block; vertical-align: middle; margin: 4px 24px 4px 0; font-size: 14px; color: #4e4e4e; }

    .search_hot h3 { padding-bottom: 10px; font-size: 16px; }

.search_list { border-bottom: 1px solid #eee; }

    .search_list i { float: left; padding: 4px 0; color: #999; }

    .search_list p { padding-left: 70px; padding-bottom: 10px; }

.search_item p { padding-left: 40px; margin-bottom: 10px; }

.search_item i { float: left; padding: 4px 0; color: #999; width: 42px; }

.search_item { padding-top: 20px; }

.search_list a { display: inline-block; font-weight: 700; margin: 4px 12px 4px 0; }

.search_item a { display: inline-block; margin: 4px 12px 4px 0; }

    .search_list a:hover, .search_item a:hover { color: #d43400; }

.search_input { position: relative; float: left; height: 32px; border: 1px solid #ff611b; background-color: #fff; margin-top: 4px; }

.search_new .search_input { float: right; }

.search_target { float: left; position: relative; vertical-align: middle; position: relative; padding-left: 8px; margin-left: 8px; line-height: 40px; font-size: 24px; font-weight: 700; color: #e9450d; }



.search input { float: left; height: 100%; border: none; outline: none; width: 400px; padding: 12px 16px; }

.search button { border: none; outline: none; color: #fff; font-size: 16px; background: #ff611b; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100px; line-height: 30px; float: right; }

.search_map { display: inline-block; margin-left: 16px; padding: 0 16px; height: 42px; line-height: 40px; font-size: 16px; color: #ff611b; border: 1px solid #ff611b; background-color: #fff; font-weight: bold; }

    .search_map:hover { background-color: #d43400; color: #fff; border-color: #d43400; }

.tab { height: 52px; }

.tab_box { width: 1200px; margin: 0 auto; font-size: 16px; background-color: #121212; height: 100%; font-size: 16px; }

.tab a { display: inline-block; padding: 0 20px; line-height: 52px; font-weight: bold; color: #fff; }

    .tab a.active { position: relative; background: #FF5121; }

    .tab a:first-child.active::after { left: 10px; right: 30px; }

    .tab a.active::after { content: ""; position: absolute; bottom: 0; left: 30px; right: 30px; height: 4px; background-color: #ff5121; }

.nav { position: relative; height: 384px; }

.nav_center { position: absolute; top: 4.5rem; left: 0; right: 0; }

.nav_title { color: #fff; font-size: 2.6rem; line-height: 2.8rem; text-align: center; font-weight: bolder; }

.nav_intro { color: #fff; font-size: 2rem; line-height: 2.8rem; text-align: center; }

.nav_box { position: absolute; top: 10rem; left: 0; right: 0; margin: 0 auto; width: 1200px; height: 110px; padding: 20px 30px; background-color: rgba(0, 0, 0, .3); }

.nav_search { float: left; width: 980px; height: 70px; line-height: 70px; overflow: hidden; background-color: #fff; }

.nav_input { width: 80%; padding: 0 1rem; }

    .nav_input input { width: 600px; font-size: 1.2rem; border: none; outline: none; }

.nav_groom { font-size: .7rem; }

    .nav_groom a { display: inline-block; height: 24px; line-height: 24px; color: #999; padding: 0 4px; background-color: #f2f2f2; }

.nav_button { width: 170px; height: 70px; color: #fff; font-size: 1.4rem; border: none; outline: none; background-color: #ff611b; background: -webkit-gradient(linear, right bottom, left top, from(#ff8648), to(#fc2c2c)); background: -webkit-linear-gradient(right bottom, #ff8648, #fc2c2c); background: -moz-linear-gradient(right bottom, #ff8648, #fc2c2c); background: -o-linear-gradient(right bottom, #ff8648, #fc2c2c); background: linear-gradient(to left top, #ff8648, #fc2c2c); }

.nav_map { color: #fff; height: 70px; line-height: 70px; display: inline-block; }

    .nav_map .icon { font-size: 1.4rem; }

.crumb { width: 1200px; font-size: 12px; color: #999; margin: auto; padding: 16px 0; float: left; }

    .crumb::after { content: ""; display: block; }

    .crumb a { color: #999; }

        .crumb a:hover { color: #d43400; }

    .crumb i { position: relative; top: 2px; }

main { width: 1200px; margin: 0 auto; overflow: hidden; }

    main > div h2 { font-size: 24px; }

.container .crumb { padding-top: 0; }

.foot { min-width: 1200px; }

.foot_link { padding: 20px 0; text-align: center; }

    .foot_link div { position: relative; width: 1200px; margin: 15px auto; overflow: hidden; }

    .foot_link a { font-size: 14px; color: #666; width: 12.5%; float: left; padding: 4px 0; }

    .foot_link b { float: left; width: 90px; padding: 4px 0; font-weight: 700; font-size: 14px; }

    .foot_link a:hover { color: #d43400; }

    .foot_link p { overflow: hidden; height: 27px; }

        .foot_link p.auto { padding-left: 90px; overflow: visible; }

.foot_switch i.icon { position: absolute; right: 0; top: 4px; font-size: 20px; cursor: pointer; }

.foot_switch .icon-icon-test { display: none; }

.foot_switch.active .icon-icon-test { display: block; }

.foot_switch.active .icon-icon-test2 { display: none; }

.footer { min-width: 1200px; height: 425px; padding-top: 30px; background: url("https://wuhan.100fang.com/static/images/icon/footer-bg.jpg") no-repeat center top #222; }

.footer_box { margin: 0 auto; width: 1200px; }

.foot_about { width: 100%; background-color: #121212; overflow: hidden; }

    .foot_about ul { width: 1300px; margin: 0 auto; overflow: hidden; font-size: 0; text-align: center; }

    .foot_about li { padding-right: 15px; height: 75px; line-height: 75px; display: inline-block; }

        .foot_about li:last-child { padding-right: 0; }

    .foot_about a { color: #999; padding-right: 12px; font-size: 14px; border-right: 1px solid #999 }

    .foot_about li:last-child a { border: none; }

    .foot_about a:hover { color: #ff611b; }

.foot_unit { padding: 12px 0; }

    .foot_unit li { float: left; font-size: 14px; padding: 8px 10px; color: #888c8e; background: #121212; margin-right: 12px; margin-bottom: 12px; cursor: pointer; }

        .foot_unit li.active, .foot_unit li:hover { background: #394043; color: #fff; }

.foot_label { padding-bottom: 60px; border-bottom: 1px solid #393939; }

    .foot_label a { color: #888c8e; font-size: 12px; display: inline-block; margin: 10px 10px 0 0; }

.foot_copyright { text-align: center; background-color: #121212; padding-bottom: 20px; }

    .foot_copyright, .foot_copyright a { color: #888c8e; font-size: 12px; line-height: 20px; }

        .foot_copyright img { width: 20px; height: 20px; display: inline-block; position: relative; top: 4px; }

input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input[type="number"] { -moz-appearance: textfield; }

.tag_box { height: 30px; overflow: hidden; }

    .tag_box span { display: inline-block; vertical-align: middle; padding: 4px 8px; margin-right: 8px; background-color: #f3f5f7; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; color: #3d5688; font-size: 12px; }

.h_tag.zs { background-color: #ffe6ec; color: #ef3e4a; }

/* 右边热门楼盘通用样式 */

.container .news_right { overflow: hidden; float: right; width: 230px; margin-top: 30px; }

    .container .news_right .house-price { margin-bottom: 60px; border: 1px solid #dedede; padding: 16px 0; }

        .container .news_right .house-price > a { display: block; padding: 10px 0; background-color: #f8f8f8; font-size: 14px; text-align: center; margin-top: 10px; }

            .container .news_right .house-price > a i.icon { vertical-align: -1px; left: 3px; color: #666; padding-left: 5px; }

        .container .news_right .house-price a:hover i.icon { color: #d43400; }

        .container .news_right .house-price .title { font-size: 16px; color: #4e4e4e; padding: 0 16px; }

        .container .news_right .house-price .price { font-size: 14px; padding: 10px 16px; }

            .container .news_right .house-price .price span { font-weight: bold; font-size: 36px; font-family: Verdana; }

        .container .news_right .house-price .bi { padding: 0 16px; font-size: 14px; color: #666; }

.bi { padding: 0 16px; font-size: 14px; color: #666; }

.container .news_right .house-price .bi span.up { padding-left: 8px; font-weight: 700; color: #ef3929; }

.bi .up { padding-left: 8px; font-weight: 700; color: #ef3929; }

.bi .down { padding-left: 8px; font-weight: 700; color: #0bb03d; }

.linear { background-color: #ff5121 !important; background-image: -webkit-gradient(linear, right top, left top, from(#ff7338), to(#f54732)) !important; background-image: -webkit-linear-gradient(right, #ff7338, #f54732) !important; background-image: -o-linear-gradient(right, #ff7338, #f54732) !important; background-image: -moz-linear-gradient(right, #ff7338, #f54732) !important; background-image: linear-gradient(-90deg, #ff7338, #f54732) !important; color: #fff; }

.divider { display: inline-block; vertical-align: middle; width: 1px; height: 12px; margin: 0 12px; background-color: #dedede; }

/* a标签禁用 */

/* .8透明度 默认*/

.disabled { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.8; }

/* 0透明度禁用 */

.disabled-0 { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0; }

/* 0.4透明度禁用 */

.disabled-4 { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.4; }

.hover_img img { transition: all linear .3s; position: relative; }

.hover_img:hover img { transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -moz-transform: scale(1.1); /* Firefox */ -webkit-transform: scale(1.1); /* Safari 和 Chrome */ -o-transform: scale(1.1); }

.ad_house { background-color: #EF3E4A; color: #fff; font-size: 12px; position: absolute; top: 0; left: 0; border-radius: 0 0 3px 0; padding: 3px 7px 3px 5px; }

/* 限制3行 */

.line-3 { -webkit-line-clamp: 3; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/* 限制2行 */

.line-2 { -webkit-line-clamp: 2; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/* 限制1行 */

.line-1 { -webkit-line-clamp: 1; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/* a:hover,a:hover i.icon { color: #d43400; } */

/* 相册弹层通用模板 */

.photo-swiper-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); z-index: 100; display: none; }

    .photo-swiper-mask .photo-box { position: relative; width: 100%; height: 100%; padding: 150px 100px; }

    .photo-swiper-mask .thumb-box { position: absolute; bottom: 0; left: 0; width: 100%; height: 84px; padding: 10px 0; background-color: rgba(0, 0, 0, .8); text-align: center; z-index: 101; }

    .photo-swiper-mask .thumb-swiper-container { max-width: 40%; width: auto !important; display: inline-block; vertical-align: top; }

        .photo-swiper-mask .thumb-swiper-container .swiper-slide { min-width: 89px !important; border: 2px solid transparent; }

        .photo-swiper-mask .thumb-swiper-container .swiper-slide-thumb-active { border: 2px solid #ef3929; }

    .photo-swiper-mask .adv-box { border-left: 1px solid #4e4e4e; display: inline-block; height: 64px; margin-left: 25px; padding-left: 35px; position: relative; }

        .photo-swiper-mask .adv-box .adv-ava { float: left; width: 48px; height: 48px; margin-right: 12px; margin: 8px 0; }

            .photo-swiper-mask .adv-box .adv-ava img { border-radius: 50%; }

        .photo-swiper-mask .adv-box .adv-info { float: left; color: #fff; text-align: left; font-size: 14px; margin: 8px 0 8px 15px; }

        .photo-swiper-mask .adv-box .name { max-width: 90px; font-size: 16px; font-weight: 700; }

        .photo-swiper-mask .adv-box .msg { line-height: 1.2; padding-right: 100px; margin-top: 8px; font-size: 14px; }

        .photo-swiper-mask .adv-box .free-call { position: absolute; right: -20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 96px; height: 40px; line-height: 40px; font-size: 14px; border-radius: 4px; }

    .photo-swiper-mask .thumb-swiper-container img { /* width: 85px; */ height: 64px; }

    .photo-swiper-mask .photo-close { position: absolute; right: 30px; top: 30px; color: #fff; z-index: 100; }

        .photo-swiper-mask .photo-close i.icon { font-size: 24px; }

    .photo-swiper-mask .photo-swiper-container { width: 100%; height: 100%; }

        .photo-swiper-mask .photo-swiper-container .swiper-slide img { width: auto; max-width: 80%; height: auto; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

    .photo-swiper-mask .change-btn { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); color: #fff; z-index: 100; }

        .photo-swiper-mask .change-btn i.icon { font-size: 72px; }

    .photo-swiper-mask .photo-prev { left: 100px; }

    .photo-swiper-mask .photo-next { right: 100px; }
.thumb-box i.icon { position: absolute; left: 50%; top: 50%; font-size: 30px; color: #fff; transform: translate(-50%, -50%); }
.photo-adviser { display: inline-block; color: #fff; }
.photo-adviser-box > img { display: inline-block; width: 48px; height: 48px; border-radius: 50%; }
.photo-adviser-box { display: flex; align-items: center; text-align: left; }
    .photo-adviser-box i { font-size: 16px; }
    .photo-adviser-box p { font-size: 14px; padding-top: 9px; }
.photo-adviser-click { position: relative; }
.photo-adviser-center { padding: 0 20px 0 12px; }
.photo-adviser-click { position: relative; }
    .photo-adviser-click div { position: absolute; bottom: 50px; right: 0; width: 120px; padding: 10px; background-color: #fff; box-shadow: 0 0 8px 8px rgb(0 0 0 / 5%); display: none; }
    .photo-adviser-click:hover div { display: block; }
    .photo-adviser-click i { display: inline-block; cursor: pointer; width: 96px; text-align: center; height: 40px; line-height: 40px; background: linear-gradient(270deg, #FF7338, #F54732); border-radius: 3px; }
/* 列表底部面包屑 分页通用样式 */

.container .list_footer { padding: 40px 0; overflow: hidden; }

    .container .list_footer .list_footer::after { content: ""; display: block; clear: both; }

    .container .list_footer .crumb_box { float: left; }

        .container .list_footer .crumb_box a { font-size: 12px; color: #999; }

            .container .list_footer .crumb_box a:not(:first-child)::before { content: "\e7ac"; font-family: "icon" !important; padding-right: 4px; font-size: 15px; vertical-align: -1px; }

    .container .list_footer .paging_box { float: right; }

.agg-page { text-align: center; margin: 20px 0 40px; }

.container .list_footer .paging_box .page, .paging_box .page { display: inline-block; vertical-align: middle; font-size: 14px; width: 30px; height: 30px; line-height: 30px; margin-left: 10px; border: 1px solid #eee; color: #666; text-align: center; cursor: pointer; }

    .container .list_footer .paging_box .page:hover, .paging_box .page:hover { border-color: #d43400; }

.container .list_footer .paging_box .current, .paging_box .current { border-color: #ff5121; background-color: #ff5121; color: #fff; }

.container .list_footer .paging_box .page-ell { vertical-align: middle; padding: 0 2px 0 12px; font-size: 14px; color: #666; }

/* 分页与面包屑结束 */

/* 头部面包屑通用样式 */

.top_crumb_box { float: left; }

    .top_crumb_box a { font-size: 12px; color: #999; }

        .top_crumb_box a:hover { color: #f54732; }

            .top_crumb_box a:hover::before { color: #999; }

        .top_crumb_box a:not(:first-child)::before { content: ">"; padding-right: 4px; font-size: 15px; vertical-align: -1px; }

/* 房价首页 涨跌榜表格样式 */

.price_list .table_box::after { content: ""; display: block; clear: both; }

.price_list .table_box .table_item { float: left; width: 590px; }

    .price_list .table_box .table_item:last-child { margin-left: 20px; }

    .price_list .table_box .table_item .title { font-size: 18px; color: #4e4e4e; font-weight: 700; }

        .price_list .table_box .table_item .title a { float: right; font-size: 16px; color: #999; font-weight: normal; position: relative; top: 1px; }

    .price_list .table_box .table_item table { width: 100%; border-collapse: collapse; border: 1px solid #eee; border-bottom: none; }

        .price_list .table_box .table_item table th { font-weight: normal; font-size: 14px; color: #999; padding: 8px; text-align: left; }

            .price_list .table_box .table_item table th:first-child { text-align: center; }

        .price_list .table_box .table_item table thead { background-color: #f5f5f5; }

        .price_list .table_box .table_item table tr { font-size: 14px; }

        .price_list .table_box .table_item table td { width: 168px; }

            .price_list .table_box .table_item table td:first-child { width: 85px; text-align: center; }

            .price_list .table_box .table_item table td:nth-child(2n) { width: 165px; overflow: hidden; }

                .price_list .table_box .table_item table td:nth-child(2n) a { width: 165px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .price_list .table_box .table_item table a { padding: 14px 0 10px; border-bottom: 1px solid #eee; position: relative; display: block; z-index: 2; }

        .price_list .table_box .table_item table td:first-child a { font-weight: 700; color: #121212; }

        .price_list .table_box .table_item table tr:nth-child(-n+3) td:first-child a { color: #fff; }

            .price_list .table_box .table_item table tr:nth-child(-n+3) td:first-child a::after { content: ""; width: 20px; height: 20px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; margin-top: 1px; }

    .price_list .table_box .table_item:first-child table tr:nth-child(-n+3) td:first-child a::after { background-color: #ff5121; }

    .price_list .table_box .table_item:last-child table tr:nth-child(-n+3) td:first-child a::after { background-color: #0bb03d; }

    .price_list .table_box .table_item a.up { color: #ef3929; }

    .price_list .table_box .table_item i.icon { padding-right: 5px; }

    .price_list .table_box .table_item a.down { color: #0bb03d; }

.price_list .table_box .icon-icon-test3-copy { vertical-align: -2px; padding-left: 5px; }

/* 表格样式结束 */

/* tp5分页样式修改 */

.pagination { padding: 0 !important; }

    .pagination a.cur { background-color: #ff5121 !important; border-color: #ff5121 !important; }

.house_list .pagination a { width: 30px !important; height: 30px !important; line-height: 28px !important; border-radius: 2px; padding: 0 !important; text-align: center; border: 1px solid #eee !important; }

.pagination a:not(.cur):hover { border-color: #d43400 !important; color: #d43400 !important; }

.index_page, .house_list .last_page, .pagination .pageRemark { display: none !important; }

.l_type .look_more { display: block; height: 48px; line-height: 48px; color: #3d5688; font-weight: 700; font-size: 16px; border: 1px solid #eee; text-align: center; margin-top: 10px; cursor: pointer; display: none; }

.i_esf_list { position: relative; margin-bottom: 60px; }

.i_esf_list_list li { position: relative; overflow: hidden; padding: 32px 0; border-bottom: 1px solid #eee; }

    .i_esf_list_list li:hover { background-color: #eee; }

.left_more { position: absolute; right: 0; top: 4px; font-size: 16px; color: #4e4e4e; }

.i_esf_list_img { position: relative; float: left; width: 160px; height: 120px; border-radius: 6px; overflow: hidden; }

    .i_esf_list_img span::before { content: "实拍优选"; font-size: 12px; color: #fff; padding: 2px 4px; position: absolute; border-bottom-right-radius: 6px; left: 0; top: 0; background-color: #ff3d26; background-image: -webkit-gradient(linear, right top, left top, from(#ff8c32), to(#ff3d26)); background-image: -webkit-linear-gradient(right, #ff8c32, #ff3d26); background-image: -moz-linear-gradient(right, #ff8c32 0, #ff3d26 100%); background-image: -o-linear-gradient(right, #ff8c32 0, #ff3d26 100%); background-image: linear-gradient(270deg, #ff8c32, #ff3d26); }

.i_esf_list_info { margin-left: 180px; }

    .i_esf_list_info h3 { display: block; line-height: 1.2; font-size: 22px; padding-right: 100px; font-weight: 700; }

.i_esf_list_type { line-height: 1.285; padding-top: 24px; font-size: 14px; color: #757575; }

.i_esf_list_label { padding-top: 24px; }

    .i_esf_list_label span { display: inline-block; vertical-align: middle; height: 100%; margin-right: 8px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; font-size: 12px; line-height: 1.333; background-color: #f3f5f7; color: #3d5688; padding: 4px 8px; }

.i_esf_list_price { position: absolute; top: 32px; right: 0; text-align: right; }

    .i_esf_list_price button { background-color: transparent; }

        .i_esf_list_price button i { color: #999; font-size: 20px; }

    .i_esf_list_price strong { color: #ef0000; font-family: Verdana; font-size: 26px; }

    .i_esf_list_price p { padding-top: 10px; }

        .i_esf_list_price p i.icon { position: relative; top: -2px; margin-right: 4px; color: #0bb03d; font-size: 20px; font-weight: 400; }

    .i_esf_list_price span { padding: 18px 0 2px; font-size: 14px; color: #757575; }

.m_item { margin-bottom: 60px; position: relative; clear: both; }

    .m_item h3 { display: inline-block; font-size: 24px; font-weight: 700; margin-bottom: 26px; }

.m_item_list { overflow: hidden; }

.m_item_img { position: relative; width: 224px; height: 168px; border-radius: 6px; overflow: hidden; }

    .m_item_img div { position: absolute; z-index: 2; left: 0; bottom: 0; font-size: 12px; text-align: right; width: 100%; height: 80px; padding: 48px 8px 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .4))); background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .4)); background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .4) 100%); background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .4) 100%); background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4)); color: #fff; }

.m_item li { float: left; margin-right: 16px; }

    .m_item li:last-child { margin-right: 0; }

.m_item_list h4 { line-height: 1.2; margin-top: 11px; height: 24px; overflow: hidden; }

.m_item_list span { height: 30px; line-height: 30px; margin-top: 10px; font-size: 14px; color: #ef0000; }

.top_city > div { position: absolute; top: 60px; left: 0; /* padding: 20px 24px; */ width: 340px; max-height: 480px; overflow-y: scroll; background-color: #fff; z-index: 100; line-height: 20px; font-size: 14px; display: none; }

/* .top_list a:hover, .top_item a:hover { color: #d43400; } .top_list a { display: inline-block; font-weight: 700; margin: 4px 12px 4px 0; } .top_list i { float: left; padding: 4px 0; color: #999; font-style: normal; } */

.top_city_select input { }

.top_city_input { position: relative; background-color: #F8F8F8; padding: 20px; }

    .top_city_input input { width: 100%; height: 34px; border: #EEEEEE; font-size: 16px; /* text-indent: 20px; */ }

    .top_city_input button { position: absolute; right: 20px; top: 20px; color: #fff; bottom: 20px; padding: 0 20px; background-image: -webkit-linear-gradient(left, #f54732, #ff7338); background-image: -webkit-gradient(linear, left top, right top, from(#f54732), to(#ff7338)); background-image: -moz- oldlinear-gradient(left, #f54732, #ff7338); background-image: -o-linear-gradient(left, #f54732, #ff7338); background-image: linear-gradient(90deg, #f54732, #ff7338); }

.top_city_hot { padding: 20px 20px 20px; background-color: #F8F8F8; }

    .top_city_hot a { margin-right: 14px; font-size: 14px; color: #666; margin-bottom: 10px; display: inline-block; }

.top_choose { padding: 20px 0; overflow: hidden; }

    .top_choose span { position: relative; float: left; width: 33.33%; text-align: center; color: #666666; padding-bottom: 10px; cursor: pointer; }

        .top_choose span.on { color: #FF5121; }

        .top_choose span::before { content: ""; position: absolute; right: 0; top: 2px; bottom: 10px; width: 1px; background-color: #EEEEEE; }

        .top_choose span.on::after { content: ""; position: absolute; bottom: 0; left: 30px; right: 30px; height: 2px; background-color: #FF5121; }

        .top_choose span:last-child { border: none; }

.top_city_box { padding: 0 20px; }

    .top_city_box ul { display: none; }

        .top_city_box ul.on { display: block; }

    .top_city_box a { display: inline-block; margin: 0 10px 10px 0; }

.top_city_more { text-align: right; padding: 0 20px 20px; }

    .top_city_more a { display: inline-block; padding: 2px 4px; color: #666666; background-color: #F3F5F7; }

.area_map { height: 432px; background-color: #fff; width: 100%; position: relative; }

    .area_map .map_info { width: 100%; height: 100%; }

    .area_map .area_info { position: absolute; top: 16px; bottom: 16px; right: 16px; width: 420px; background-color: #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05); overflow: hidden; }

        .area_map .area_info .area_tab { font-size: 0; }

            .area_map .area_info .area_tab a { font-size: 14px; color: #303030; display: inline-block; height: 44px; line-height: 44px; width: 20%; text-align: center; border-top: 2px solid transparent; background-color: #f2f2f2; }

                .area_map .area_info .area_tab a.active { background-color: #fff; border-top-color: #d43400; color: #d43400; font-weight: bold; /* border-radius: ; */ }

.map_layer { width: 164px; padding: 8px 16px; background-color: #ff5121; z-index: 100; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; white-space: nowrap; text-align: center; color: #fff; }

    .map_layer .map_name { font-weight: bold; font-size: 16px; margin-bottom: 3px; }

    .map_layer .map_add { font-size: 14px; }

    .map_layer::after { content: ""; position: absolute; bottom: -28px; width: 15px; height: 15px; border-radius: 50%; background-color: #ff5121; border: 2px solid #fff; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

    .map_layer::before { content: ""; position: absolute; border: 5px solid transparent; border-top-color: #ff5121; bottom: -10px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.area_info .poi_tab ul.active { display: block; }

    .area_info .poi_tab ul.active li.curr { color: #ff5121; font-weight: 700; }

        .area_info .poi_tab ul.active li.curr::after { content: ""; position: absolute; bottom: 1px; height: 1px; width: 100%; background-color: #ff5121; left: 0; }

.area_info .poi_tab ul { display: none; margin: 0 24px; font-size: 16px; height: 55px; line-height: 55px; border-bottom: 1px solid #eee; }

    .area_info .poi_tab ul li { display: inline-block; font-size: 14px; margin: 0 18px; position: relative; cursor: pointer; }

.area_info .poi_res .res_item { padding: 16px 24px; position: relative; color: #404040; }

    .area_info .poi_res .res_item i.icon { color: #404040; position: absolute; top: 18px; left: 24px; font-size: 18px; }

    .area_info .poi_res .res_item > b { position: absolute; right: 24px; top: 16px; font-size: 14px; font-weight: bold; }

    .area_info .poi_res .res_item > div { padding: 0 40px 0 30px; }

    .area_info .poi_res .res_item .name { font-size: 14px; font-weight: bold; }

    .area_info .poi_res .res_item .other { font-size: 12px; color: #999; margin-top: 3px; }

    .area_info .poi_res .res_item:hover, .area_info .poi_res .res_item.checked { background-color: #f8f8f8; }

        .area_info .poi_res .res_item.checked, .area_info .poi_res .res_item.checked i.icon, .area_info .poi_res .res_item.checked .other { color: #FF5121; }

.area_info .poi_res .no_poi { padding: 80px 56px; text-align: center; font-size: 14px; color: #999; }

.area_info .poi_res { height: 306px; overflow: auto; }

.poi_mark { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background-color: #fff; text-align: center; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05); z-index: 100; }

    .poi_mark i.icon { font-size: 20px; }

    .poi_mark.hover { background-color: #FF5121; color: #fff; z-index: 101; }

.res_item { cursor: pointer; }

/* 活动卡片样式 */

.l_card { margin: 40px 0 60px; overflow: hidden; }

.l_order { position: relative; height: 84px; width: 342px; background-image: -webkit-linear-gradient(223deg, #24c5ff, #316dff); background-image: -moz-linear-gradient(223deg, #24c5ff 0, #316dff 100%); background-image: -o-linear-gradient(223deg, #24c5ff 0, #316dff 100%); background-image: linear-gradient(227deg, #24c5ff, #316dff); background-color: #316dff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; padding: 12px 0 0 16px; color: #fff; font-size: 16px; }

    .l_order > div { width: 200px; border-right: 1px dashed #fff; }

    .l_order p { padding-bottom: 10px; }

    .l_order img { width: 26px; height: 26px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; }

    .l_order button { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 100px; height: 38px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d2d6e6)); background: -webkit-linear-gradient(top, #fff, #d2d6e6); background: -moz-linear-gradient(top, #fff 0, #d2d6e6 100%); background: -o-linear-gradient(top, #fff 0, #d2d6e6 100%); background: linear-gradient(180deg, #fff, #d2d6e6); -webkit-box-shadow: 0 6px 12px 0 rgba(0, 89, 180, .4); -moz-box-shadow: 0 6px 12px 0 rgba(0, 89, 180, .4); box-shadow: 0 6px 12px 0 rgba(0, 89, 180, .4); -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; font-size: 16px; font-weight: 500; color: #316dff; }

.l_ticket { position: relative; padding: 12px 0 0 16px; height: 84px; width: 342px; margin-left: 20px; background-image: -webkit-linear-gradient(225deg, #ff9321, #ff314f); background-image: -moz-linear-gradient(225deg, #ff9321 0, #ff314f 100%); background-image: -o-linear-gradient(225deg, #ff9321 0, #ff314f 100%); background-image: linear-gradient(225deg, #ff9321, #ff314f); background-color: #ff314f; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; font-size: 16px; }

    .l_ticket > div:last-child { position: absolute; right: 20px; top: 16px; text-align: center; font-size: 14px; padding-left: 20px; border-left: 1px dashed #fff; }

    .l_ticket strong { font-size: 28px; line-height: 1; margin: 0 2px; }

    .l_ticket button { width: 100px; height: 36px; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6d2d2)); background-image: -webkit-linear-gradient(top, #fff, #e6d2d2); background-image: -moz-linear-gradient(top, #fff 0, #e6d2d2 100%); background-image: -o-linear-gradient(top, #fff 0, #e6d2d2 100%); background-image: linear-gradient(180deg, #fff, #e6d2d2); background-color: #e6d2d2; -webkit-box-shadow: 0 12px 24px 0 rgba(180, 0, 0, .24); -moz-box-shadow: 0 12px 24px 0 rgba(180, 0, 0, .24); box-shadow: 0 12px 24px 0 rgba(180, 0, 0, .24); -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; font-size: 16px; font-weight: 500; color: #ff5121; }

    .l_ticket > div:first-child div { padding-top: 10px; font-size: 14px; }

/* 新房置业顾问 */

.aside_adviser { position: sticky; position: -webkit-sticky; top: 0; font-size: 16px; padding: 10px; width: 424px; }

    .aside_adviser h3 { padding-bottom: 20px; border-bottom: 1px solid #eee; }

.aside_page { position: absolute; right: 10px; top: 10px; color: #666; font-size: 14px; }

    .aside_page span { margin: 0 10px; height: 22px; line-height: 22px; display: inline-block; }

    .aside_page i.icon { border: 1px solid #eee; font-size: 20px; cursor: pointer; }

        .aside_page i.icon:hover { border-color: #d43400; color: #d43400; }

.aside_icon { overflow: hidden; background-color: #f8f8f8; margin-top: 24px; padding: 14px 16px; font-size: 0; }
    .aside_icon span { float: left; width: 25%; font-size: 14px; }

    .aside_icon i.icon { margin-right: 6px; color: #FF5121; }

.aside_list li { padding: 24px 0; position: relative; border-bottom: 1px solid #eee; }

.aside_list a:hover { color: #d43400; }

.aside_img { float: left; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; }

    .aside_img img { width: 100%; height: 100%; }

.aside_info { padding-left: 70px; }
.aside_info_label { font-size: 14px; color: #FF5121; margin-left: 6px; }
.aside_info i { float: left; font-size: 18px; font-weight: 700; line-height: 25px; max-width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.aside_ask { position: absolute; right: 0; top: 40px; }

    .aside_ask i.icon { color: #ff5121; font-size: 14px; }

    .aside_ask button { border: 1px solid #ff5121; background-color: #fff; color: #ff5121; height: 32px; padding: 0 5px; border-radius: 4px; line-height: 30px; font-size: 14px; padding: 0 15px; background-color: transparent; }

.aside_list h4 { padding-bottom: 11px; overflow: hidden; }

.aside_ask_code { position: relative; }
    .aside_ask_code img { width: auto !important; }
    .aside_ask_code:hover div { display: block; }

    .aside_ask_code div { padding: 10px; background-color: #fff; box-shadow: 0 0 8px 8px rgb(0 0 0 / 5%); display: none; position: absolute; right: 0; top: 32px; z-index: 99; background-color: #fff; }

.icon_lebel { position: relative; display: inline-block; padding: 4px 5px; margin-left: 8px; font-size: 12px; text-align: center; color: #fff; }

.aside_list strong { display: inline-block; margin: 6px 0; font-size: 16px; }

.aside_list p { font-size: 12px; color: #333333; }
    .aside_list p span { background: #f3f5f7; color: #3d5688; }

    .aside_list p span { display: inline-block; padding: 2px 5px; position: relative; }

.aside_fixed { position: fixed; left: 50%; width: 424px; top: 0; transform: translateX(-50%); margin-top: 0; margin-left: 380px; z-index: 10; }

.aside_absolute { position: absolute !important; }

.house_info .tag { line-height: 1.333; height: 24px; margin-top: 18px; max-width: 100%; overflow: hidden; font-size: 0; }

    .house_info .tag span { display: inline-block; vertical-align: middle; height: 100%; padding: 4px 8px; margin-right: 8px; background-color: #f3f5f7; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; color: #3d5688; font-size: 12px; }

        .house_info .tag span:first-child { background-color: #ffe6ec; color: #ef3e4a; }

.foot_syn_box .foot_link { padding: 15px 0 0 0; margin-bottom: -15px; }

    .foot_syn_box .foot_link div { margin: 0 auto; }

.foot_syn { font-size: 14px; color: #666; padding-top: 15px; margin: 0 auto; }

.layui-layer-content video { max-height: 100% !important; }

.foot_ask a { min-width: 136px; width: auto; white-space: nowrap; margin-right: 20px; }

.foot_db a { max-width: 156px; white-space: nowrap; margin-right: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.letter { width: 1200px; margin: 0 auto; }

.letter_word a { font-size: 12px; width: 24px; height: 24px; line-height: 24px; display: inline-block; *display: inline; *zoom: 1; text-align: center; border: 1px solid transparent; border-bottom: none; }

    .letter_word a:hover, .letter_word a.on { font-weight: bold; background: #f0f0f0; border-color: #2e2e2e; border-bottom: 1px solid #333; }

.letter_title { background: #f0f0f0; line-height: 32px; height: 32px; border-top: #2e2e2e 2px solid; padding-left: 12px; font-weight: bold; margin-top: 4px; font-size: 12px; }

    .letter_title b { color: #f60; padding: 0 5px; font-size: 14px; }

.letter_list { overflow: hidden; padding-bottom: 80px; }

    .letter_list li { white-space: nowrap; width: 140px; overflow: hidden; float: left; margin: 8px; text-align: left; font-size: 12px; }

    .letter_list a:hover { text-decoration: underline; color: #ffc601; }

.foot_letter { background-color: #121212; }

    .foot_letter div { margin: 0 auto; width: 1200px; }

    .foot_letter span { display: inline-block; font-size: 12px; color: #999; }

    .foot_letter a { font-size: 12px; margin: 0 1px; padding: 0 2px; color: #999; }

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

.top_index img, .top_box .top_logo img { vertical-align: 2px; }

/* 新增通用用户点评样式 */

.comment_list .item { padding: 40px 0; border-bottom: 1px solid #E5E5E5; }

    .comment_list .item .ava { width: 50px; height: 50px; }

        .comment_list .item .ava img { border-radius: 50%; }

    .comment_list .item .user_comment { align-items: flex-start; }

    .comment_list .item .detail { margin: 0 20px; overflow: hidden; }

.flex_1 { flex: 1; }

.comment_list .item .auth_reply { padding: 15px 20px; background-color: #FBFBFB; font-size: 16px; color: #999; margin-top: 40px; }

    .comment_list .item .auth_reply span { color: #333; padding-right: 3px; }

.comment_list .item .info { margin-bottom: 19px; }

.comment_list .item .name { color: #333333; margin-right: 20px; font-size: 16px; font-weight: bold; }

.comment_list .item .date { color: #999; font-size: 13.5px; }

.comment_list .item .content { font-size: 16px; color: #333; line-height: 1.4; }

.comment_list .item .vote { font-size: 14px; color: #999; cursor: pointer; }

    .comment_list .item .vote i.icon { font-size: 18px; padding-right: 5px; }

    .comment_list .item .vote.on { color: #FF611B; }

/* 新增写点评按钮 */

.l_comment .send_comment_jump { padding: 1px 10px 1px 9px; border: 1px solid #E1E1E1; font-size: 15px; color: #444; border-radius: 4px; font-weight: normal; float: right; }

    .l_comment .send_comment_jump i.icon { padding-right: 10px; }

.l_comment .look_all_comment { display: block; height: 42px; line-height: 42px; text-align: center; color: #333333; font-size: 15px; border: 1px solid #EAEAEA; font-weight: normal; margin-top: 15px; }

.comment_list .item:last-child { border-bottom: 0; }

.l_comment_box { padding: 30px 0 10px; }

.l_comment_type { display: inline-block; }

    .l_comment_type a { display: inline-block; background: #F3F5F6; border-radius: 18px; font-size: 14px; font-weight: 500; color: #83868F; padding: 4px 20px; }

        .l_comment_type a.on { background-color: #F9E2DF; color: #F92400; }

/* 基础信息 */

.basic { width: 1200px; margin: 0 auto; padding: 24px 0; }

.basic_box { overflow: hidden; }

.basic_house i { display: inline-block; width: 26px; height: 28px; text-align: center; color: #fff; font-weight: bold; background: linear-gradient(270deg, #FD0058, #FD5E1E); border-radius: 2px; }

.basic_house h1 { font-size: 28px; display: inline-block; font-family: Microsoft YaHei; font-weight: bold; color: #333333; }

.basic_house span { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; margin-left: 15px; }

.basic_call { color: #FF5121; font-size: 20px; padding-top: 9px; }
    .basic_call i { font-size: 20px; }

.basic_label i { color: #3D5688; font-size: 12px; display: inline-block; background: #F3F5F7; padding: 3px 7px; }

.basic_link a { display: inline-block; font-size: 14px; padding: 6px 7px; color: #999; }

.basic_bot { padding-bottom: 16px; }

.layout_right_find { margin-bottom: 40px; }

.layout_right { float: right; width: 250px; padding-top: 30px; }

.layout_right_title { font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #121212; padding-bottom: 20px; }

.layout_right_img { float: left; width: 100px; height: 75px; position: relative; overflow: hidden; }

.layout_right_name { font-size: 15px; font-weight: 700; line-height: 1.35; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.layout_right_area { padding-top: 6px; font-size: 15px; color: #666; font-weight: normal; }

.layout_right_price { font-family: Verdana; padding-right: 2px; font-size: 17px; font-weight: 700; color: #ef0000; padding-top: 6px; }

.layout_right_info { float: left; width: 118px; margin-left: 12px; font-weight: normal; }

.layout_right li { padding: 8px 0; overflow: hidden; }

.h_find { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .3); z-index: 999; display: none; }
    .h_find.on { display: block; }

.h_find_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 446px; border-radius: 5px; background-color: #fff; padding: 20px 40px 40px; }

.h_find_close { text-align: right; }
    .h_find_close i { cursor: pointer; font-size: 24px; }

.h_find h3 { font-size: 24px; font-family: 'Microsoft YaHei'; font-weight: bold; color: #333333; }

.h_find_nav { position: relative; overflow: hidden; color: #999999; font-size: 14px; }

    .h_find_nav::after { content: ""; position: absolute; top: 60px; left: 0; right: 0; height: 1px; background-color: #E5E5E5;; }

    .h_find_nav div { float: left; padding: 53px 0 49px; width: 25%; text-align: center; }

    .h_find_nav span { display: inline-block; width: 16px; height: 16px; background-color: #E5E5E5; border-radius: 50%; position: relative; z-index: 9; }

    .h_find_nav div.on { color: #F64D33; }

        .h_find_nav div.on span { background: linear-gradient(270deg, #FF7338, #F54732); box-shadow: 0px 0px 3px 0px #F85634; }

    .h_find_nav p { font-weight: 600; padding-top: 14px; }

.h_find_title { font-size: 16px; font-family: Microsoft YaHei; font-weight: 600; color: #333333; padding-bottom: 16px; }

.h_find_price { text-align: center; font-size: 22px; color: #F64D33; }

.h_find ul { height: 280px; }

.h_find_num { height: 12px; font-size: 13px; color: #999999; }

    .h_find_num span:last-child { float: right; }

.h_find_click button { display: none; width: 120px; height: 40px; border-radius: 20px; color: #fff; background: #C5C5C5; }
    .h_find_click button.on { display: inline-block; }
    .h_find_click button:last-child { float: right; background: linear-gradient(270deg, #FF7338, #F54732); }
.h_find li { display: none; }
    .h_find li.on { display: block; }
.h_find_type { margin-left: -28px; font-size: 12px; color: #333333; }
    .h_find_type span { float: left; width: 70px; height: 34px; line-height: 34px; text-align: center; background: #F8F8F8; border-radius: 3px; margin-left: 28px; margin-bottom: 20px; cursor: pointer; border: 1px solid #F8F8F8; }
        .h_find_type span.on { background: #FFFFFF; border: 1px solid #191414; border-radius: 3px; }
.h_find_tips { font-size: 16px; font-weight: 400; color: #999999; margin-bottom: 20px; }
.h_find input[type="tel"] { width: 100%; height: 60px; border: 1px solid #E5E5E5; border-radius: 3px; font-size: 16px; text-indent: 15px; }
.h_find_read { padding-top: 20px; font-size: 16px; color: #AAAAAA; }
    .h_find_read a { color: #F64D33; }
.h_find_pro { height: 32px; position: relative; }
    .h_find_pro::after { content: ""; display: block; position: absolute; height: 4px; border-radius: 2px; background-color: #E5E5E5; top: 15px; left: 0; right: 0; }
.h_find_pro_1, .h_find_pro_2 { position: absolute; width: 32px; top: 0; z-index: 9; margin-left: -16px; cursor: pointer; user-select: none; }
.h_find_pro_1 { left: 37px; }
.h_find_pro_2 { left: 73.5px; }

.h_find_pro span { position: absolute; height: 4px; border-radius: 2px; top: 15px; background: linear-gradient(270deg, #FF7338, #F54732); box-shadow: 0px 0px 3px 0px #F85634; z-index: 8; left: 37.5px; width: 37.5px; }
#openFindModal { cursor: pointer; }

.container .news_right .hot_news .title { font-size: 18px; font-weight: 700; color: #121212; padding-bottom: 12px; border-bottom: 1px solid #eee; margin-bottom: 8px; }

.container .news_right .hot-img { float: left; width: 100px; height: 75px; position: relative; overflow: hidden; }

    .container .news_right .hot-img img { width: 100%; min-width: 100%; height: 100%; transition: all linear .3s; }

    .container .news_right .hot-img span { background-color: #EF3E4A; color: #fff; font-size: 12px; position: absolute; top: 0; left: 0; border-radius: 0 0 3px 0; padding: 3px 7px 3px 5px; }

    .container .news_right .hot-img:hover img { transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -moz-transform: scale(1.1); /* Firefox */ -webkit-transform: scale(1.1); /* Safari 和 Chrome */ -o-transform: scale(1.1); }

.container .news_right .hot_info { float: left; width: 118px; margin-left: 12px; font-weight: normal; }

    .container .news_right .hot_info .name { font-size: 15px; font-weight: 700; line-height: 1.35; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

    .container .news_right .hot_info .area { padding-top: 6px; font-size: 15px; color: #666; font-weight: normal; }

    .container .news_right .hot_info .price { font-family: Verdana; padding-right: 2px; font-size: 17px; font-weight: 700; color: #ef0000; padding-top: 6px; }

        .container .news_right .hot_info .price span { font-size: 12px; color: #ef0000; }
.container .news_right li { overflow: hidden; padding: 8px 0; }

.side { position: fixed; right: 0; bottom: 127px; width: 64px; box-shadow: 0 0 10px #eee; background-color: #fff; }

    .side > div { position: relative; width: 50px; height: 74px; background: url('../images/icon_side.png'); background-size: 100% auto; background-position-x: 4px; border-bottom: 1px solid #F8F8F8; cursor: pointer; }
.side_1 { background-position-y: 10px !important; }
.side_2 { background-position-y: -58px !important; }
.side_3 { background-position-y: -118px !important; }
.side_4 { background-position-y: -180px !important; display: none; }
    .side_4.on { display: block; }

.side img { position: absolute; right: 84px; top: -18px; width: 120px; display: none; }

.side > div:hover img { display: block; }

.foot { padding: 32px 0; background-color: #121212; }

.foot_box, .foot_more { width: 1184px; margin: 0 auto; }

.foot_nav span { display: inline-block; vertical-align: middle; padding: 6px 20px; margin-right: 24px; color: #666; cursor: pointer; font-size: 14px; }

    .foot_nav span.active { background-color: #4e4e4e; color: #fff; }

.foot_item { padding-top: 20px; font-size: 14px; height: 110px; border-bottom: 1px solid #4e4e4e; }

    .foot_item div { display: none; }

        .foot_item div.active { display: block; }

    .foot_item a { color: #999; display: inline-block; margin-right: 10px; }

        .foot_item a:hover { color: #fff; }

.foot_more { font-size: 14px; padding: 32px 0; text-align: center; }

.foot_links a { color: #999; display: inline-block; padding: 0 10px; border-right: 1px solid #999; }

    .foot_links a:last-child { border-right: 0; }

    .foot_links a:hover { color: #ff611b; }

.foot_link { text-align: center; padding-bottom: 20px; }

.foot_beian { color: #999; text-align: center; }

    .foot_beian img { width: 16px; display: inline-block; position: relative; top: 4px; }

    .foot_beian a { color: #999; }

.foot_seo { color: #999; padding-top: 20px; text-align: center; }

    .foot_seo a { color: #999; }


.pagination p { margin: 0; cursor: pointer }

.pagination { height: 40px; padding: 20px 0px; }

    .pagination a, .pagination .current { width: 30px !important; height: 30px !important; line-height: 28px !important; display: inline-block !important; margin: 0 5px; line-height: 28px !important; text-align: center; border-radius: 4px; border: 1px #cccccc solid; background: #fff; text-decoration: none; color: #808080; font-size: 12px; }

        .pagination a:hover { color: #FF5722; background: white; border: 1px #FF5722 solid; }

        .pagination a.cur { border: none; background: #FF5722; color: #fff; }

    .pagination p { float: left; padding: 2px 12px; font-size: 12px; height: 35px; line-height: 28px !important; color: #bbb; border: 1px #ccc solid; background: #fcfcfc; margin-right: 8px; border-radius: 4px; }

        .pagination p.pageRemark { border-style: none; background: none; margin-right: 0px; padding: 4px 0px; color: #666; }

            .pagination p.pageRemark b { color: red; }

        .pagination p.pageEllipsis { border-style: none; background: none; padding: 4px 0px; color: #808080; }

.dates li { font-size: 14px; margin: 20px 0 }

    .dates li span { float: right }

.layui-layer { background-color: transparent !important; }

.content_text p { margin: 0px 0px 10px; padding: 0px; border: 0px currentColor; border-image: none; color: inherit; line-height: 40px; text-indent: 0px; }

/*楼盘卡片*/
.house_info .h_adv { position: absolute; right: 0; top: 0; cursor: pointer; }

.h_adv_code { position: absolute; right: 7px; width: 120px; top: 30px; padding: 10px; background-color: #fff; z-index: 999; box-shadow: 0px 0px 6px #aaa; display: none; }

.h_adv:hover .h_adv_code { display: block; }

.container .house_card li { padding: 36px 0; position: relative; }

.container .house_card .house_item { border-bottom: 1px solid #eee; }

.container .house_card li:hover { background-color: #f8f8f8; }

    .container .house_card li:hover p > i.icon { color: #fff; }

    .container .house_card li:hover .house_img .like_btn { display: block; }

.container .house_card .house_box { position: relative; }

.house_box img { height: 100%; }

.container .house_card .house_img { width: 232px; height: 174px; position: relative; float: left; margin-right: 32px; overflow: hidden; }

    .container .house_card .house_img .like_btn { position: absolute; right: 10px; top: 8px; color: #fff; display: none; }

        .container .house_card .house_img .like_btn i.icon { font-size: 20px; }

            .container .house_card .house_img .like_btn i.icon.on,
            .container .house_card .house_img .like_btn i.icon:hover { color: #ff5121; }

    .container .house_card .house_img span { background-color: #EF3E4A; color: #fff; font-size: 12px; position: absolute; top: 0; left: 0; border-radius: 0 0 3px 0; padding: 3px 7px 3px 5px; }

.container .house_card .house_info { position: relative; overflow: hidden; min-height: 174px; padding-right: 168px; }

    .container .house_card .house_info .name { display: block; line-height: 1.1; font-size: 24px; font-weight: 700; color: #121212; }

    .container .house_card .house_info .area { line-height: 1.285; padding-top: 18px; font-size: 14px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

        .container .house_card .house_info .area b { font-weight: normal; }

    .container .house_card .house_info .tag { line-height: 1.333; height: 24px; margin-top: 18px; max-width: 100%; overflow: hidden; font-size: 0; }

    .container .house_card .house_info .new_trend { display: block; line-height: 1.3; margin-top: 18px; }

        .container .house_card .house_info .new_trend b { position: relative; float: left; padding: 3px 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fc2c2c; background-image: -webkit-linear-gradient(315deg, rgba(255, 134, 72, 0.94), rgba(252, 44, 44, 0.96)); background-image: -o-linear-gradient(315deg, rgba(255, 134, 72, 0.94) 0, rgba(252, 44, 44, 0.96) 100%); background-image: -moz-linear-gradient(315deg, rgba(255, 134, 72, 0.94) 0, rgba(252, 44, 44, 0.96) 100%); background-image: linear-gradient(135deg, rgba(255, 134, 72, 0.94), rgba(252, 44, 44, 0.96)); margin-right: 10px; font-size: 9px; color: #fff; }

            .container .house_card .house_info .new_trend b:after { content: ""; position: absolute; right: -3px; top: 50%; width: 0; height: 0; overflow: hidden; font-size: 0; margin-top: -4px; border-color: transparent transparent transparent #fc2c2c; border-style: solid; border-width: 4px 0 4px 4px; }

        .container .house_card .house_info .new_trend p { overflow: hidden; font-size: 14px; height: 18px; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 2px; }

    .container .house_card .house_info .h_other { line-height: 1.285; padding-top: 18px; font-size: 14px; color: #666; }

        .container .house_card .house_info .h_other a { color: #666; }

            .container .house_card .house_info .h_other span:not(:first-child)::before,
            .container .house_card .house_info .h_other a:not(:first-child)::before { content: ""; display: inline-block; width: 1px; height: 12px; margin: 0 12px; background-color: #dedede; }

    .container .house_card .house_info .h_adv { position: absolute; right: 0; top: 0; cursor: pointer; }

        .container .house_card .house_info .h_adv .ava { display: inline-block; vertical-align: middle; height: 24px; }

            .container .house_card .ava img { width: 24px !important; height: 24px !important; border-radius: 50% !important; }

        .container .house_card .house_info .h_adv .adv_name { font-size: 16px; vertical-align: middle; }

        .container .house_card .house_info .h_adv .adv_chat { width: 60px; line-height: 22px; margin-left: 8px; display: inline-block; vertical-align: middle; height: 24px; border: 1px solid #ff5121; background-color: #fff; color: #ff5121; border-radius: 4px; font-size: 14px; text-align: center; }

            .container .house_card .house_info .h_adv .adv_chat i.icon { font-size: 14px; margin-right: 4px; }

            .container .house_card .house_info .h_adv .adv_chat:hover { border-color: #d43400; color: #d43400; }

    .container .house_card .house_info .h_price { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; text-align: right; font-weight: 700; color: #ef0000; font-weight: bold; font-size: 28px; padding-right: 2px; font-family: Verdana; }

        .container .house_card .house_info .h_price span { font-size: 16px; }

    .container .house_card .house_info .h_type { position: absolute; right: 0; bottom: 0; line-height: 1.285; font-size: 14px; color: #666; cursor: pointer; }

        .container .house_card .house_info .h_type i.icon { padding-left: 5px; }

        .container .house_card .house_info .h_type.active { color: #ff5121; }

.container .house_card .house_type { position: relative; margin-top: 24px; padding: 0 60px 0 24px; background-color: #f8f8f8; display: none; }
    .container .house_card .house_type.show { display: block; }

.container .house_card .type_box ul { overflow: hidden; width: 1000000px; }

.container .house_card .type_box li { width: 276px; padding: 16px 10px 16px 0; overflow: hidden; position: relative; float: left; height: 100%; }

    .container .house_card .type_box li a { display: block; }

    .container .house_card .type_box li .type_img { float: left; width: 100px; height: 75px; margin-right: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; position: relative; top: 5px; }

    .container .house_card .type_box li .type_info strong { font-size: 14px; line-height: 1.2; font-weight: 700; }

    .container .house_card .type_box li .type_info p { line-height: 1.2; padding-top: 10px; color: #ef0000; font-size: 12px; }
        .container .house_card .type_box li .type_info p + span { font-size: 14px; color: #3D5688; }
            .container .house_card .type_box li .type_info p + span i.icon { vertical-align: -1px; }
        .container .house_card .type_box li .type_info p span { padding-right: 2px; font-size: 16px; font-weight: 700; }

    .container .house_card .type_box li .type_info .count { height: 30px; padding-top: 9px; font-size: 14px; color: #3d5688; font-weight: 700; }

        .container .house_card .type_box li .type_info .count i.icon { vertical-align: middle; }

.container .house_card .type_box::after { content: ""; position: absolute; top: -8px; right: 40px; width: 0; height: 0; overflow: hidden; font-size: 0; border-color: transparent transparent #f8f8f8; border-style: solid; border-width: 0 6px 8px; }

.container .house_card .h_type_button { position: absolute; z-index: 11; top: 50%; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; background: #fff; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; outline: none; cursor: pointer; }

    .container .house_card .h_type_button i.icon { font-size: 20px; color: #404040; }

    .container .house_card .h_type_button.next { right: 16px; }