Array
(
    [_GET] => Array
        (
            [method] => GET
            [colum] => house
            [action] => details
            [ext] => html
            [complete_match] => 1
            [city] => 海口
            [id] => 163-1
        )

    [_POST] => Array
        (
        )

    [_COOKIE] => Array
        (
        )

    [_FILES] => Array
        (
        )

    [_SERVER] => Array
        (
            [USER] => www
            [HOME] => /home/www
            [HTTP_HOST] => www.hnhmlj.com
            [HTTP_USER_AGENT] => Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
            [HTTP_ACCEPT] => */*
            [PATH_INFO] => //haikou/lp/huxing-163-1.html
            [REDIRECT_STATUS] => 200
            [SERVER_NAME] => www.hnhmlj.com
            [SERVER_PORT] => 80
            [SERVER_ADDR] => 172.16.32.4
            [REMOTE_PORT] => 8858
            [REMOTE_ADDR] => 3.19.31.73
            [SERVER_SOFTWARE] => nginx/1.18.0
            [GATEWAY_INTERFACE] => CGI/1.1
            [REQUEST_SCHEME] => http
            [SERVER_PROTOCOL] => HTTP/1.1
            [DOCUMENT_ROOT] => /www/wwwroot/www.doofang.com/webroot
            [DOCUMENT_URI] => /index.php
            [REQUEST_URI] => /haikou/lp/huxing-163-1.html
            [SCRIPT_NAME] => /index.php
            [CONTENT_LENGTH] => 
            [CONTENT_TYPE] => 
            [REQUEST_METHOD] => GET
            [QUERY_STRING] => s=//haikou/lp/huxing-163-1.html
            [SCRIPT_FILENAME] => /www/wwwroot/www.doofang.com/webroot/index.php
            [FCGI_ROLE] => RESPONDER
            [PHP_SELF] => /index.php
            [REQUEST_TIME_FLOAT] => 1714809729.9196
            [REQUEST_TIME] => 1714809729
        )

    [a] => stristr
    [b] => Array
        (
            [USER] => www
            [HOME] => /home/www
            [HTTP_HOST] => www.hnhmlj.com
            [HTTP_USER_AGENT] => Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
            [HTTP_ACCEPT] => */*
            [PATH_INFO] => 
            [REDIRECT_STATUS] => 200
            [SERVER_NAME] => www.hnhmlj.com
            [SERVER_PORT] => 80
            [SERVER_ADDR] => 172.16.32.4
            [REMOTE_PORT] => 8858
            [REMOTE_ADDR] => 3.19.31.73
            [SERVER_SOFTWARE] => nginx/1.18.0
            [GATEWAY_INTERFACE] => CGI/1.1
            [REQUEST_SCHEME] => http
            [SERVER_PROTOCOL] => HTTP/1.1
            [DOCUMENT_ROOT] => /www/wwwroot/www.doofang.com/webroot
            [DOCUMENT_URI] => /index.php
            [REQUEST_URI] => /haikou/lp/huxing-163-1.html
            [SCRIPT_NAME] => /index.php
            [CONTENT_LENGTH] => 
            [CONTENT_TYPE] => 
            [REQUEST_METHOD] => GET
            [QUERY_STRING] => s=//haikou/lp/huxing-163-1.html
            [SCRIPT_FILENAME] => /www/wwwroot/www.doofang.com/webroot/index.php
            [FCGI_ROLE] => RESPONDER
            [PHP_SELF] => /index.php
            [REQUEST_TIME_FLOAT] => 1714809729.9196
            [REQUEST_TIME] => 1714809729
        )

    [global] => Array
        (
        )

    [domain] => www.hnhmlj.com
    [_SESSION] => Array
        (
            [city_y] => haikou
        )

    [GLOBALS] => Array
 *RECURSION*
    [__composer_autoload_files] => Array
        (
            [a4a119a56e50fbb293281d9a48007e0e] => 1
            [0e6d7bf4a5811bfa5cf40c5ccd6fae6a] => 1
            [e69f7f6ee287b969198c3c9d6777bd38] => 1
            [25072dd6e2470089de65ae7bf11d3109] => 1
            [f598d06aa772fa33d905e87be6398fb1] => 1
            [6e3fae29631ef280660b3cdad06f25a8] => 1
            [7b11c4dc42b3b3023073cb14e519683c] => 1
            [c964ee0ededf28c96ebd9db5099ef910] => 1
            [a0edc8309cc5e1d60e3047b5df6b7052] => 1
            [37a3dc5111fe8f707ab4c132ef1dbc62] => 1
            [f0e7e63bbb278a92db02393536748c5f] => 1
            [6747f579ad6817f318cc3a7e7a0abb93] => 1
            [841780ea2e1d6545ea3a253239d59c05] => 1
        )

    [_REQUEST] => Array
        (
            [s] => //haikou/lp/huxing-163-1.html
        )

    [_ENV] => Array
        (
        )

    [findCitys] => Array
        (
            [0] => Array
                (
                    [id] => 28
                    [name] => 海口
                    [val] => haikou
                    [domain] => admin.hnhmlj.com/haikou
                    [sort] => 1
                    [pid] => 27
                    [is_deleted] => 0
                    [mtime] => 2023-03-31 10:03:31
                    [atime] => 2023-03-31 10:03:31
                    [cover] => 
                    [jingdu_weidu] => 110.345073,20.001392
                    [expanded] => 
                )

            [1] => Array
                (
                    [id] => 40
                    [name] => 琼山区
                    [val] => qiongshanqu
                    [domain] => 
                    [sort] => 0
                    [pid] => 28
                    [is_deleted] => 0
                    [mtime] => 2019-12-05 17:23:46
                    [atime] => 2019-12-05 17:23:46
                    [cover] => 
                    [jingdu_weidu] => 110.35535,20.008064
                    [leaf] => 1
                )

            [2] => Array
                (
                    [id] => 39
                    [name] => 秀英区
                    [val] => xiuyingqu
                    [domain] => 
                    [sort] => 0
                    [pid] => 28
                    [is_deleted] => 0
                    [mtime] => 2019-12-05 17:23:22
                    [atime] => 2019-12-05 17:23:22
                    [cover] => 
                    [jingdu_weidu] => 110.303885,20.016904
                    [expanded] => 
                )

            [3] => Array
                (
                    [id] => 37
                    [name] => 西海岸
                    [val] => xihaian
                    [domain] => 
                    [sort] => 0
                    [pid] => 39
                    [is_deleted] => 0
                    [mtime] => 2019-12-05 17:21:59
                    [atime] => 2019-12-05 17:21:59
                    [cover] => 
                    [jingdu_weidu] => 110.24156,20.038838
                    [leaf] => 1
                )

            [4] => Array
                (
                    [id] => 38
                    [name] => 龙华区
                    [val] => longhuaqu
                    [domain] => 
                    [sort] => 0
                    [pid] => 28
                    [is_deleted] => 0
                    [mtime] => 2019-12-05 17:23:04
                    [atime] => 2019-12-05 17:23:04
                    [cover] => 
                    [jingdu_weidu] => 110.343591,19.989583
                    [leaf] => 1
                )

            [5] => Array
                (
                    [id] => 33
                    [name] => 美兰区
                    [val] => meilanqu
                    [domain] => 
                    [sort] => 0
                    [pid] => 28
                    [is_deleted] => 0
                    [mtime] => 2019-12-05 17:21:40
                    [atime] => 2019-12-05 17:21:40
                    [cover] => 
                    [jingdu_weidu] => 110.40914,20.005844
                    [expanded] => 
                )

            [6] => Array
                (
                    [id] => 41
                    [name] => 海甸岛
                    [val] => haidiandao
                    [domain] => 
                    [sort] => 0
                    [pid] => 33
                    [is_deleted] => 0
                    [mtime] => 2019-12-05 17:28:11
                    [atime] => 2019-12-05 17:28:11
                    [cover] => 
                    [jingdu_weidu] => 110.335095,20.07137
                    [leaf] => 1
                )

            [7] => Array
                (
                    [id] => 36
                    [name] => 江东
                    [val] => jiangdong
                    [domain] => 
                    [sort] => 0
                    [pid] => 33
                    [is_deleted] => 0
                    [mtime] => 2019-12-05 17:24:57
                    [atime] => 2019-12-05 17:24:57
                    [cover] => 
                    [jingdu_weidu] => 110.471766,20.005817
                    [leaf] => 1
                )

            [8] => Array
                (
                    [id] => 85
                    [name] => 新埠岛
                    [val] => xinbudaopianqu
                    [domain] => 
                    [sort] => 0
                    [pid] => 33
                    [is_deleted] => 0
                    [mtime] => 2019-12-05 17:24:24
                    [atime] => 2019-12-05 17:24:24
                    [cover] => 
                    [jingdu_weidu] => 110.372279,20.073986
                    [leaf] => 1
                )

        )

    [systemInfo] => Array
        (
            [id] => 33
            [site_name] => 懂房
            [email] => 17389773414@163.com
            [phone] => 0898-66892993
            [service_tel] => 13337598111
            [site_keys] => 
            [site_description] => 
            [keyrnd] => 
            [mtime] => 2023-11-27 17:31:37
            [atime] => 2023-11-27 17:31:37
            [is_deleted] => 0
            [site_logo] => 20200609/a83b9a714d52d7600411102319701777.png
            [pc_logo] => 20230802/75e1108f77dd4b3f60b5bd2020aa6ffd.png
            [wap_logo] => 20230802/755eb952d30bb13f2e94c8eb1637c7cf.png
            [tag_logo] => 20200609/9b355a79ff442841e40b83fae9cd7814.png
            [yuming] => www.hnhmlj.com
            [title] => 海口懂房网
            [keywords] => 海口懂房网
            [description] => 海口懂房网是海南顶级的房地产分销平台
            [icp] => 琼ICP备16001506号-2
            [city] => 26
            [cityInfo] => Array
                (
                    [id] => 28
                    [name] => 海口
                    [val] => haikou
                    [domain] => admin.hnhmlj.com/haikou
                    [sort] => 1
                    [pid] => 27
                    [is_deleted] => 0
                    [mtime] => 2023-03-31 10:03:31
                    [atime] => 2023-03-31 10:03:31
                    [cover] => 
                    [jingdu_weidu] => 110.345073,20.001392
                )

        )

)
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta name="baidu-site-verification" content="GlpoXD52As"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name=”renderer” content=”webkit|ie-comp|ie-stand”/>
<script src="/public/js/base.js"></script>
<link href="http://admin.hnhmlj.com/public/uploads/20200609/9b355a79ff442841e40b83fae9cd7814.png?v=12" rel="shortcut icon">
<script src="https://cdn.bootcss.com/Detect.js/2.2.2/detect.js"></script>
<script>
    var ua = detect.parse(navigator.userAgent);
    var a = location.host.split('.');

    console.log(ua)
    if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
        // location.href = 'http://m.doofang.com'+
        var a = location.host.split('.');
        if (a.length == 3) {
            location.href = location.protocol + '//m.' + a[1] + '.com' + location.pathname;
        }

        if (a.length == 2) {
            location.href = location.protocol + '//m.' + a[0] + '.com' + location.pathname;
        }
    } else if (/(Android)/i.test(navigator.userAgent)) {
        // location.href = 'http://m.doofang.com'+
        var a = location.host.split('.');
        if (a.length == 3) {
            location.href = location.protocol + '//m.' + a[1] + '.com' + location.pathname;
        }

        if (a.length == 2) {
            location.href = location.protocol + '//m.' + a[0] + '.com' + location.pathname;
        }
    }

    // else if ($('body').width() < 1200) {
    //     // location.href = 'http://m.doofang.com'+
    //     var a = location.host.split('.');
    //     if (a.length == 3) {
    //         location.href = location.protocol + '//m.' + a[1] + '.com' + location.pathname;
    //     }
    //
    //     if (a.length == 2) {
    //         location.href = location.protocol + '//m.' + a[0] + '.com' + location.pathname;
    //     }
    // }


</script>
    <title>【远大购物广场_海口远大购物广场楼盘】房价,户型,开盘时间详情-海口懂房-华美乐居</title>
    <meta name="keywords"
          content="远大购物广场,海口远大购物广场,远大购物广场房价,远大购物广场楼盘详情">
    <meta name="description"
          content="海口懂房新房频道,为您提供远大购物广场售楼处电话、楼盘房价、相册图片、户型图、地理位置、周边配套等信息,以及远大购物广场最新动态、优惠信息、用户评价等.了解更丰富全面海口远大购物广场详细信息,就上懂房新房.">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>

    <![endif]-->
    <script src="/public/js/base.js"></script>
    <style>
        .left {
            width: 70%;

            position: relative;
            height: 450px;
        }

        .submit-aaa {
            position: absolute;
            bottom: -13px;
            width: 100%;
        }

        .left .list {
            position: relative;
            height: 80px;
        }

        .left .user {
            width: 100px;

            text-align: center;
            height: 100px;
        }

        .left .ping {
            height: 50px;
            position: absolute;
            top: 0px;
            left: 90px;
            width: 480px;
        }


        .left .ping .huifu {
            margin-top: 20px;
            position: relative;
        }

        .left .ping .huifu .ping {
            background: #ddd;
            padding: 5px;

            margin-top: 5px;
            width: 350px;
            height: 37px;
        }

        .customer-tel .icon-tel {
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-right: 3px;
            background-image: url(/public/img/t2.png) !important;
            vertical-align: middle;
        }

        .anchor-nav .active a {
            color: #00ae66 !important;
            border-color: #00ae66 !important;
            cursor: default;
        }

        .column-box .show-dynamic {
            border-top: 2px solid #00ae66 !important;
        }

        .head-info-item {
            font-size: 14px;
            padding: 6px 0;

        }

        .calculator .work {
            background: #00ae66 !important;
            color: #fff;
            width: 90px;
            height: 90px;
            padding: 22px;
            font-size: 18px;
            border-radius: 90px;
            position: absolute;
            top: 43%;
            left: 504px;
            z-index: 1;
            line-height: 1.2;
            cursor: pointer;
        }

        .newhs-average-price span {
            position: relative;
            top: 3px;
            font-size: 41px;
            font-weight: bold;

            margin: 0 3px;
            padding-top: 21px;
        }

        .show-wrap {
            background: #fff !important;
        }

        .search-btn {
            width: 70px;
            height: 51px;
            line-height: 51px;
            color: #fff;
            font-size: 18px;
            text-align: center;
            background-color: #00ae66 !important;
            border: 0;
            float: left;
        }

        .default-btn {
            float: left;
            width: 190px;
            height: 40px;
            font-size: 18px;
            cursor: pointer;
            color: #fff;
            background: #00ae66 !important;
            display: inline-block;
            text-align: center;
            border: 0;
        }

        .customer-tel .tel-num {
            vertical-align: middle;
            font-family: arial;
            font-size: 22px;
            font-weight: bold;
            color: #00ae66 !important;
            line-height: 1.1;
        }

        .yewuyuan {
            display: flex;
        }

        .yewuyuan li {
            width: 25%;

        }

        .yewuyuan .box {
            margin: 10px auto;
            width: 120px;
        }

        .yewuyuan li img {
            display: block;

            width: 100%;
            border-radius: 220px;
            height: 120px;
            margin: 10px auto;
        }

        .yewuyuan li .link {
            background: #ffffff;
            color: #ff5400;
            padding: 3px 10px;
            border-radius: 5px;
            font-size: 14px;
        }

        .subscribe-open-btn{
            padding: 0px 30px !important;
        }
    </style>
    <link rel="stylesheet" href="/public/css/Aifang_Web_Loupan_View2_NewIndex.css">
</head>
<body style="
    overflow: hidden;">
<script src="/public/js/base.js"></script>
<link href="/public/template/pc/static/basic.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="/public/css/bk-site.css?v=121">
<style>

    #LRfloater0{
            z-index: 2147483647;
            /*left: auto!important;*/
            /*top: auto!important;*/
            /*right: 50px;*/
            /*bottom: 120px;*/
            position: fixed !important;
            /*display: none !important;*/
    }
     #LRfloater0 img{
         display: none;
     }
    #swtColse{
        display: none;
    }


    @font-face {
        font-family: 'iconfont';  /* project id 1221643 */
        src: url('//at.alicdn.com/t/font_1221643_34w7dn1pep1.eot');
        src: url('//at.alicdn.com/t/font_1221643_34w7dn1pep1.eot?#iefix') format('embedded-opentype'),
        url('//at.alicdn.com/t/font_1221643_34w7dn1pep1.woff2') format('woff2'),
        url('//at.alicdn.com/t/font_1221643_34w7dn1pep1.woff') format('woff'),
        url('//at.alicdn.com/t/font_1221643_34w7dn1pep1.ttf') format('truetype'),
        url('//at.alicdn.com/t/font_1221643_34w7dn1pep1.svg#iconfont') format('svg');
    }
    .iconfont,  .iconfont2 {
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
    }

    .fix-right-v2 a{
        background: none;
    }
    .sidebar-wrap{
        position: relative;
    }
    .fix-right-v2 .gotop {
        position: relative;
        bottom: 0px;
        display: none;
        /*margin-top: -16px;*/
    }
    .fix-right-v2 li {
        position: relative;
        margin: 7px 0;
        background: #fff !important;
        border: 1px solid #eee;
    }
    .fix-right-v2{
        position: fixed;
        display: none;
        right: 120px !important;
        width: 60px;
        height: 420px !important;
        background: none !important;
        z-index: 1 !important;
        box-shadow:0 0px 0px rgba(0, 0, 0, 0) !important;
        top: 100px !important;
    }
    .navmenu {
        float: left;
        margin-left: 120px;
    }

    .click-city {
        color: #d0d0d0;
        padding-left: 10px;
        height: 60px;
        line-height: 60px;
        position: relative;
        left: -30px;
        top: 2px;
    }

    * {

        word-break: break-all;
        word-wrap: break-word;

    }

    .navmenu ul li .nav-active {
        color: #00ae66;
        border-top: 3px solid #303035;
        padding-top: 17px;
    }

    .ipt-box {
        width: 780px;
        position: relative;
        height: 49px;
    }
    .search-btn {
        width: 80px;
        height: 51px;
        line-height: 51px;
        color: #fff;
        font-size: 18px;
        background-color: #00ae66 !important;
        text-align: center;
        background-color: #f91;
        border: 0;
        float: left;
        width: 88px;
        height: 51px;
        line-height: 51px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        background-color: #00ae66 !important;
        border: 0;
        float: left;
        cursor: pointer;
    }
    .house-sort li.current {
        background-color: #00ae66 !important;
    }

    .search-con-wrapper li.current, .search-con-wrapper li.current a {
        color: #00ae66 !important;
    }

    .house-sum {
        color: #00ae66 !important;
        margin: 0 5px;
    }

    .show-price {
        position: absolute;
        top: 42px;
        right: 0;
        float: right;
        color: #00ae66 !important;
        text-align: right;
    }

    .house-sort {
        border-bottom: 2px solid #00ae66 !important;
        margin-top: 9px;
    }

    .pagenation .page-now {
        border: 1px solid #00ae66 !important;
        background: #00ae66 !important;
        color: #fff;
        font-weight: 700;
    }

    .fix-right-v2 {
        position: fixed;
        right: 0;
        top: 0;
        width: 70px;
        height: 100%;
        background: #fff;
        z-index: 1000;
        box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
        z-index: 1111111111;
    }

    .fix-right-v2 a {
        color: #00ae66 !important;
        cursor: pointer;
        display: block;
        width: 70px !important;
        height: 80px !important;
        text-align: center;
        font-size: 0;
        /*background-image: url(/public/img/sidebar_spriteV4.png?a211b44…);*/
        overflow: hidden;
        cursor: pointer;
    }

    .fix-right-v2 a .iconfont2{
        font-size: 53px;
        position: relative;
        top: 10px;
    }

    .fix-right-v2 li {
        position: relative;
        margin: 7px 0;
        background: #fff !important;
    }

    .fix-right-v2 li span i {
        position: absolute;
        right: 0;
        top: 50%;
        width: 0;
        height: 0;
        margin: -5px -10px 0 0;
        font-size: 0;
        border: 5px solid transparent;
        border-left-color: #00ae66;
        overflow: hidden;

    }
    .fix-right-v2 li span {
        position: absolute;
        right: 48px;
        top: 0;
        display: none;
        padding: 0px 14px;
        line-height: 70px;
        color: #fff;
        font-size: 12px;
        background: #00ae66;
        white-space: nowrap;
    }
    .inner {
        margin: 0 auto;
        width: 1190px;
        position: relative;
        /*left: 40px;*/
    }
    .aside-zf {
        height: 280px !important;
        padding-top: 0px !important;
    }
</style>
<a class="top-img" style="    display: none;
    width: 100%;" href="http://www.doofang.com/haikou/tuangou"><img class="hengfu"  style="width: 100%;" src="http://admin.hnhmlj.com/public/uploads/20240430/a6c7eb1d4d088f7ab28771004065a0a4.jpg" alt=""></a>

<div class="mid">
    <div class="inner clearfix" style="left: 20px">
        <!-- logo -->
        <p class="fl" style="    height: 60px;line-height: 60px;    left: -50px;
    position: relative;">
            <a href="http://www.hnhmlj.com/haikou"><img
                    style="    width: 170px;height:50px;margin-top: 5px;vertical-align: top;"
                    src="http://admin.hnhmlj.com/public/uploads/20230802/75e1108f77dd4b3f60b5bd2020aa6ffd.png"/></a>
            <span class="click-city" style="cursor: pointer"> <span style="font-size: 14px;"> &nbsp;&nbsp;&nbsp;海口 </span> <i
                    class="iconfont2" style="    font-size: 12px;">&#xe621;</i></span>
        </p>
        <!-- /logo -->
        <div class="navmenu" style="margin-left: -15px;">
            <ul class="clearfix">
                <li><a class="nav-active" href="http://www.hnhmlj.com/haikou">首页</a></li>
                <li><a href="http://www.hnhmlj.com/lp/haikou">新房</a></li>
<!--                <li><a href="http://www.hnhmlj.com/lp/haiwai">海外</a></li>-->
                <li><a href="http://www.hnhmlj.com/haikou/news">楼讯</a></li>
                <li><a href="http://www.hnhmlj.com/haikou/wenda">问答
                </a></li>
                <li><a href="http://www.hnhmlj.com/haikou/tuangou">热门活动
                </a></li>
                <li><a href="http://www.hnhmlj.com/haikou/ditu.html">地图找房
                </a></li>
                <li><a href="http://www.hnhmlj.com/haikou/luohu.html">海南落户咨询
                </a></li>
            </ul>
        </div>
        <div class="float-right">
            <img src="/public/img/top_phone.png?v=222" alt="">
            <div class="shu"></div>

                        <a class="loginrester" href="http://www.hnhmlj.com/haikou/login.html">登录注册</a>
            


        </div>
    </div>
</div>
<div class="fix-right-v2">
    <div class="sidebar-wrap">
        <style>
            .float-right{
                float: none;
                position: absolute;
                top: 0px;
                right: 60px;
                width: 240px;
                display: flex;
                color: #fff;
            }

            .logout:hover{
                opacity: 0.8;
                cursor: pointer;
            }
            .shu{
                width: 2px;
                height: 20px;
                background: #fff;
                margin: 0px;
                /* margin-top: 20px; */
                /* margin-right: 20px; */
                position: relative;
                top: 20px;
                font-size: 12px;
                left: 10px;
            }
            .loginrester{
                color: #fff !important;
                line-height: 20px;
                position: relative;
                top: 10px;
                font-size: 14px;
                left: 30px;

            }
            .layui-layer-iframe{
                top: 100px !important;
            }
            .fix-right-v2 li a span {
                position: static;
                right: 48px;
                top: 0;
                display: block;
                padding: 0px 14px;
                line-height: 12px !important;
                color: #fff;
                font-size: 12px;
                background: none;
                color: inherit;
                white-space: nowrap;
            }
            .fix-right-v2 .ask a, .fix-right-v2 .ask span {
                /*height: 10px;*/
                margin-top: -10px;
            }
            .fix-right-v2 .sidebar-line {
                width: 46px;
                height: 1px;
                margin: 0px auto;
                background: #777;
                margin-bottom: 18px;
            }
            .close_sidebar img {
                cursor: pointer;
                position: absolute;
                right: 0;
                bottom: 0;
                display: block;
                width: 20px;
                height: 20px;
                margin: 0 auto;
                transition: transform .2s;
            }
            .close_sidebar {
                position: relative;
                margin-bottom: 6px;
                padding: 10px;
                /* visibility: hidden; */
            }
            .closed   img {
                transform: rotate(43deg);
                -webkit-transform: rotate(43deg);
                -moz-transform: rotate(43deg);
            }
        </style>
        <div class="cndns-right-meau meau-top close_sidebar" style="visibility: visible;">
            <img src="/public/img/close3.png">
        </div>
        <ul>

            <li class="download post_ulog_exposure_scroll" data-ulog-exposure="xinfangpc_show=20080_4"
                has_been_exposed="1">
                <a title="微信公众号" target="_blank" data-bl="client" rel="nofollow"><i class="iconfont2">&#xe61a;</i><span>关注微信</span></a>
                <span class="popup popup-qr" style="display: none; opacity: 0; right: 48px;">
                                <i></i>
                                <img src="/public/img/app.png?v=122" alt="微信公众号" width="100">
                                <em class="qr-title">官方微信公众号</em>
                            </span>
            </li>
        </ul>
        <!--                    <div class="sidebar-line"></div>-->
        <ul>

        </ul>
        <!--                    <div class="sidebar-line"></div>-->
        <ul>
            <li class="phone post_ulog_exposure_scroll" data-ulog-exposure="xinfangpc_show=20080_5"
                data-xftrack="10423_4" has_been_exposed="1">
                <a title="在线客服" target="_blank" href="https://tb.53kf.com/code/client/7dcb94135dc40642e55ce035a81d152c8/1"><i class="iconfont2">&#xe65e;</i><span>在线客服</span> </a>
                <span class="popup" style="display: none; opacity: 0; right: 48px;"><i></i>在线客服</span>
            </li>

            <li class="dianhua post_ulog_exposure_scroll" has_been_exposed="1">
                <a title="在线电话">    <i class="iconfont2"  >&#xe619;</i><span>在线电话</span></a>
                <span class="popup" style="display: none; opacity: 0; right: 48px;font-size: 18px"><i></i>0898-66892993</span>
            </li>
            <li class="ask post_ulog_exposure_scroll" id="tz1314">
                <a title="提问">    <i class="iconfont2">&#xe653;</i><span>提问</span></a>
                <span class="popup" style="display: none; opacity: 0; right: 48px;"><i></i>提问</span>
            </li>
            <li class="gotop post_ulog_exposure_scroll" id="Top">
                <a title="顶部">    <i class="iconfont2">&#xe68a;</i><span>顶部</span></a>
                <span class="popup" style="display: none; opacity: 0; right: 48px;"><i></i>顶部</span>
            </li>

        </ul>
        <style>
            .fix-right-v2 .popup {

            }
        </style>
        <script>

            $('.close_sidebar img').click(function () {
                if ($('.cndns-right-meau').hasClass('closed')){
                    $('.fix-right-v2 li').not('.gotop').show();
                    $('.cndns-right-meau').removeClass('closed')
                }else{
                    $('.cndns-right-meau').addClass('closed')
                    $('.fix-right-v2 li').not('.gotop').hide();
                }
            });
            $(window).scroll(function () {
                //滚动位置
                var b = $(this).scrollTop();
                // console.log(b)
                //
                if (624<b  ){
                    $('.gotop ').fadeIn();
                }else  {
                    $('.gotop ').fadeOut();
                }

            });

            $('.fix-right-v2  a').mouseover(function () {
                $('.popup').css({
                    'display': 'none',
                    'opacity': 0,
                    'right': '48x'
                });
                $(this).siblings('.popup').css({
                    'display': 'block',
                    'opacity': 1,
                    'right': '69px'
                });
            });
            $('.fix-right-v2 a').mouseleave(function () {
                var $this = this;
                window.setTimeout(function () {
                    $($this).siblings('.popup').css({
                        'display': 'none',
                        'opacity': 0,
                        'right': '48x'
                    });
                }, 300)
            });
            $('#tz1314').on('click', function () {
                layer.open({
                    type: 2,
                    title: '我要提问',
                    shadeClose: true,
                    area: ['750px', '480px'],
                    skin: 'layui-layer-rim',
                    content: ['/form_tw.html', 'no']
                });
            });
        </script>
    </div>
</div>
<style>
    .layer-city {
        padding: 20px;
    }


     .layui-layer {
         top: 78.5px !important;
     }
    #onlinegif{
        position: fixed;
        z-index: 111111111111;
        width: 150px;
        top: 40%;
        cursor: pointer;
    }
</style>
<img id="onlinegif" src="/public/img/online.gif" alt="" >
<script>
    $('#onlinegif').click(function () {
        if ($('.newWindow ').length==0){
            layer.closeAll();
            layer.open({
                type: 2,
                title: '在线咨询',
                closeBtn: 1, //不显示关闭按钮
                shade: [0],
                area: ['800px', '640px'],
                // offset: 'rb', //右下角弹出
                // time: 2000, //2秒后自动关闭
                anim: 2,
                content: ['https://tb.53kf.com/code/client/7dcb94135dc40642e55ce035a81d152c8/1', 'no'], //iframe的url，no代表不显示滚动条

            });
        }

    });
</script>
<script src="/public/js/layer/layer.js"></script>
<a href="https://tb.53kf.com/code/client/7dcb94135dc40642e55ce035a81d152c8/1" target="_blank" id="online"></a>
<script>
    $(window).scroll(function () {
        //屏幕高度
        var a = $(document).height();
        //滚动位置
        var b = $(this).scrollTop();
        var c = $(this).height();
        if (b>500){
            $('.fix-right-v2').fadeIn();
        }else{
            $('.fix-right-v2').fadeOut();
        }
    });
    window.xiaoren = true;
/*    window.setTimeout(function(){
        $('#LRfloater0 img').attr('src','/public/img/online.gif').css({
             width: '200px'
        }).show();

        window.setInterval(function(){

            if(window.xiaoren){
                $('#LRfloater0').hide();
                 window.xiaoren=false;
            }else{
                  $('#LRfloater0 img').attr('src','').css({
             width: '200px'
        }).show();

            $('#LRfloater0 img').attr('src','/public/img/online.gif').css({
             width: '200px'
        }).show();
                $('#LRfloater0').show();
                 window.xiaoren=true;
            }
        },15000);

         $('#LRfloater0').click(function(){
             $('#online').click();
             window.open($('#online').attr('href'))
         })
    },2000)*/

    $('.click-city').click(function () {
        layer.open({
            type: 2,
            title: '城市选择',
            area: ['700px', '470px'],
            fixed: false, //不固定
            maxmin: true,
            content: '/city.html'
        });
    });

    $('.gotop').click(function(){

        //将当前窗口的内容区滚动高度改为0，即顶部
        $("html,body").animate({scrollTop:0});
    });
</script>

<link rel="stylesheet" href="/public/component/swiper-4.5.3/dist/css/swiper.min.css">
<style>
   
    .bottom-form{
        position: absolute;
        z-index: 11111111;
	top:20%;
        width: 362px;
        right: 10%;
    }

.swiper-container-2 a img{
   max-width:100%;
    width: 100%;
}
</style>
<script src="/public/component/swiper-4.5.3/dist/js/swiper.min.js"></script>
<script src="/public/component/swiper-4.5.3/dist/js/swiper.esm.js"></script>
<script src="/public/component/swiper-4.5.3/dist/js/swiper.esm.bundle.js"></script>

<div class="swiper-container-2 bottom-swiper">
    <img src="/public/img/close2.png" class="close" style="position: absolute;
    right: 2%;
    top: 10px;
    cursor: pointer;
    z-index: 111;
    width: 28px;">
    <form action="/api/tuangoubaoming" method="post" name="myform" class="myform bottom-form">
        <input type="text" name="user" class="znbj-name bianjia-ctn" value="" placeholder="您的姓名" style="display: none">
        <input type="text" class="znbj-ys bianjia-ctn" value="" placeholder="您的预算(万)" style="display: none">
        <span style="      border: 1px solid #F5CD44;
    width: 261px;
    position: relative;
    top: 0px;
    display: inline-block;
    background: #fff;
    height: 44px;
    "><img class="imd" src="/public/img/shou2.png" alt="" style="    height: 30px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    top: 0;
    margin-left: 10px;
    border-right: 1px solid #c9c9c9;
    padding-right: 10px;
    margin-top: 7px;">
        <input type="text" name="phone" class="znbj-tel bianjia-ctn bianjia-tel" value="" placeholder="联系电话" style="    display: inline-block;
    width: 210px;
    height: 40px;
    line-height: 44px;
    border: none;
    font-size: 16px;
    padding-left: 10px;
    background: #fff;
    color: #666;
    position: absolute;
    top: 1px;
    outline: none;">
    </span>

        <input type="submit"  class="znbj-btn bianjia-btn" value="立即提交" data-name="show" data-ys="1"
               style="   display: inline-block;
    width: 100px;
    height: 46px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #F5CD44;
    border: none;
    margin-left: 10px;
    cursor: pointer;
    background: linear-gradient(to right, #ffd009, #ea9500);
    /* position: relative; */
    /* left: 220px; */
    position: absolute;
    top: 0px;
    right: 0px;"      data-loupan="智能报价">
<p style="color: #eb9900;
    font-size: 19px;">免费咨询热线：0898-66892993</p>
    </form>
    <div class="swiper-wrapper">

                <a class="swiper-slide" href="http://www.doofang.com/haikou/lp/53.html"> <img  src="http://admin.hnhmlj.com/public/uploads/20230222/751f7d84d7e9722cb4d69faa312437a7.jpg" alt="宝龙城"></a>
                <a class="swiper-slide" href="http://www.doofang.com/haikou/lp/80.html"> <img  src="http://admin.hnhmlj.com/public/uploads/20230811/ea3179fe56740f2aee3b19eb6c517b5b.jpg" alt="北辰府"></a>
                <a class="swiper-slide" href="http://www.doofang.com/haikou/lp/1695.html"> <img  src="http://admin.hnhmlj.com/public/uploads/20231229/824993c2dad0411712d395673684666c.jpg" alt="沣辰外滩"></a>
            </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>

    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>

    <!-- 如果需要滚动条 -->
    <!--    <div class="swiper-scrollbar"></div>-->
</div>

<style>
    .swiper-container-2 {
        width: 100%;
    /*    height: 126px;*/
        position: fixed;
        bottom: 0px;
        z-index: 2;
        overflow: hidden;
    }
    .swiper-container-2   .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        left: 5%;
    }
    .swiper-container-2   .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 5%;
        left: auto;
    }
</style>
<script>
    if ($('  .swiper-container-2  .swiper-slide').length == 0){
        $('.bottom-swiper').hide();
    }
    var mySwiper = new Swiper ('.swiper-container-2', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },

        autoplay : {
            delay:5000
        },
        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

        // 如果需要滚动条
        scrollbar: {
            el: '.swiper-scrollbar',
        },
    })
</script>
<style>
    .slider_small_l {
        position: fixed;
        left: 0;
        bottom: 5%;
        display: none;
        z-index: 20;
    }
    .slider_small_l a {
        display: block;
        background: #df2f30;
        font-size: 14px;
        color: #fff;
        padding: 30px 15px 30px 8px;
        border-radius: 0 10px 10px 0;
    }
</style>
<div class="slider_small_l"  >
    <a href="javascript:void(0);">
        点<br>
        击<br>
        展<br>
        开<br>
        &gt;
    </a>
</div>
<script>
    $(function () {
        $('.myform').submit(function () {
            if ($(this).find('input[name="phone"]').val().length !=11){
                layer.alert('提示：请您填写有效的手机号', {
                    icon: 1,
                    skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则，去这里查阅
                });

                return false;
            }

            var data= {
                user: $(this).find('input[name="user"]').val(),
                phone: $(this).find('input[name="phone"]').val(),
            };



            $.ajax({
                url: '/api/tuangoubaoming',
                type: "POST",
                data: data,
                dataType: "json",
                error: function () {
                    console.log('服务器出错');
                },
                success: function (data) {
                    layer.alert('恭喜，您已经成功报名！', {
                        icon: 1,
                        skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则，去这里查阅
                    });
                    window.setTimeout(function () {
                        location.href = location.href;
                    }, 1000)
                }
            });

            return false;
        });
        $('.swiper-container-2 .close').click(function () {

            $(this).parents('.bottom-swiper').animate({
                width:0
            });
            $('.slider_small_l').fadeIn();
        });
        $('.slider_small_l').click(function () {
            $(this).fadeOut();
            $('.bottom-swiper').animate({
                width:'98%'
            });
        });
    });
    $(".navmenu ul li a").removeClass('nav-active');
    $($(".navmenu ul li a")[6]).addClass('nav-active')
</script>


<style type="text/css">
    .w1200 {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    .ad2-ul li{width: 100%;float: left;margin-right: 10px;}
    .ad2-ul li a{
        display: block;
    }
    .ad2-ul li img{width: 100%; }
    .w240{width: 240px;}
    .ad2-ul{width: 100%;}
</style>

<link href="/public/template/pc/static/index.css?v=1111111" rel="stylesheet" type="text/css"/>
<div id="house-fu"
     style="background: rgba(0, 174, 102,0.9);       top: 0px;display: none;position: fixed;z-index: 111111111111;width: 100%;">
    <div class="public-lpnav1" style="    width: 1200px;
    margin: 0 auto;">
        <div class="lpm-fixed fl">
            <a href="http://www.hnhmlj.com/haikou/lp/163.html"><strong class="lpm-name fl" style="font-size: 22px;
    color: #fff;
    padding-right: 18px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 50px;">远大购物广场</strong></a>
            <div class="fl pl20" style="color: #fff">
                                <span class="pri1" style="font-family: Georgia;font-size: 30px;color: #fff">17290</span>元/平米
                            </div>
        </div>

        <div class="fr" style="width: 380px;padding: 8px;position: relative;">
            <ul>
                <li class="fl" style="    width: 280px;
    margin-top: -2px;
    position: relative;">
                    <div class="fl" style="width: 50px;
    float: none;
    position: absolute;
    top: 4px;
    left: 0px;">
                        <img src="/public/img/tel.png">
                    </div>
                    <div class="fl" style="width: 232px;margin-left: 50px;">
                        <p style="color: #fff">联系售楼处</p>
                        <p style="    color: #fff;
    font-size: 20px;
    height: 25px;
    width: 98%;
    overflow: hidden;">0898-66892993 </p>
                    </div>
                    <div class="clear"></div>
                </li>
                <li class="fr" style="position: absolute;top: 5px;
    right: 0px;float: none">
                    <div class="fl" style="width: 60px;position: relative;">
                        <img src="/qrcode.png?v=121112" style="width: 50px;height: 48px">
                        <div class="big-qrcode-2"
                             style="position: absolute; top: 58px; left: -8px; background: rgb(255, 255, 255); display: none;">
                            <img src="/public/img/weixin.jpg" width="120">
                        </div>
                        <div class="close-2"
                             style="position: absolute; right: -75px; top: 65px; cursor: pointer; display: none;"><img
                                src="/public/img/close1.png"></div>
                    </div>
                    <div class="fl" style="margin-top: 8px;">
                        <p style="color: #fff;font-size: 12px;padding-bottom: 5px;">手机访问</p>
                        <p style="color: #fff;font-size: 12px">直接咨询</p>
                    </div>
                    <div class="clear"></div>
                </li>
            </ul>
        </div>
    </div>
</div>
<script>

    $(window).scroll(function () {
        var b = $(this).scrollTop();

        if (parseInt(b) >= 237) {
            $('#house-fu').fadeIn();
        } else {
            $('#house-fu').fadeOut();
        }
    });

</script>
<style>

    .search-btn {
        width: 88px;
        height: 51px;
        line-height: 51px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        background-color: #00ae66 !important;
        border: 0;
        float: left;
        cursor: pointer;
    }

    @font-face {
        font-family: 'iconfont';  /* project id 1221643 */
        src: url('//at.alicdn.com/t/font_1221643_1tlwwto1lv.eot');
        src: url('//at.alicdn.com/t/font_1221643_1tlwwto1lv.eot?#iefix') format('embedded-opentype'),
        url('//at.alicdn.com/t/font_1221643_1tlwwto1lv.woff2') format('woff2'),
        url('//at.alicdn.com/t/font_1221643_1tlwwto1lv.woff') format('woff'),
        url('//at.alicdn.com/t/font_1221643_1tlwwto1lv.ttf') format('truetype'),
        url('//at.alicdn.com/t/font_1221643_1tlwwto1lv.svg#iconfont') format('svg');
    }
    .iconfont{
        font-family:"iconfont" !important;
        color: #fff;
        font-size:16px;font-style:normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;}
    .ipt-box .keywords, .ipt-box .search-input1 {
        width: 550px;
        height: 18px !important;
        line-height: 18px  !important;
        padding: 15px 20px 16px;
        font-size: 14px;
        border: 0;
        float: left;
        border: #d2d2d2 solid 1px;
        border-right: 0;
    }
    .hot-search{
        position: absolute;
        /* right: -70px; */
        top: 20px;
        width: 640px;
        left: 700px;


    }
    .hot-search ul li{
        display: inline-block;
        margin-right: 20px;
    }
    .hot-search ul li a{
        color: #777;
        font-size: 15px;
    }

    .aside .aside-hd {
        position: relative;
        height: 57px;
        line-height: 57px;
        background: #fff;
        border-bottom: 1px solid #e0e0e0;
    }

    .aside-zf{
        padding-top: 0px !important;
        height: 300px !important;
    }
</style>
<div class="search-wrapper">
    <div class="inner clearfix">
        <div class="ipt-box">
            <form action="/lp/haikou" method="get">
                <input type="text" class="keywords" placeholder="请输入楼盘名称开始找房" name='w' id='title'/>
                <div class="search-btn">  <i class="iconfont2" style="     font-size: 21px;
    color: #fff;
    margin-right: 7px;"> &#xe65b;</i><input type="submit" value="搜 索" class="search-btn"  style="display: inline-block;
    width: auto;
    float: none;
    padding: 0px;
    line-height: 30px;
    height: 30px;" ></div>
            </form>

            <div class="hot-search">
                <ul>
                </ul>
            </div>
            <script>
                //热门推荐
                $.ajax({
                    url: '/api/bangdan',
                    type: 'get',
                    dataType: 'json',
                    data: {
                        'category': '热搜',
                        city: "海口"
                    },
                    success: function (result) {
                        var data = result.data;
                        console.log(data)
                        var str = '';
                        for (var i = 0; i < data.length && i <= 4; i++) {

                            str +='<li><a href="/haikou/lp/'+data[i].house_id+'.html">'+data[i].house_name +'</a></li>';
                        }
                        $('.hot-search ul').html(str);
                    }
                });
            </script>

            <div class="bg-shadow" style="display: none">

            </div>
            <style>
                .bg-shadow {
                    z-index: 122;
                    background-color: #000;
                    opacity: 0.3;
                    filter: alpha(opacity=30);
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    position: fixed;
                }
                .search-tan{
                    display: none;
                    width: 550px;
                    padding: 20px;
                    position: absolute;
                    background: #fff;
                    top: 55px;
                    /* height: 330px; */
                    left: 1px;
                    border-radius: 2px;
                    box-shadow: -1px 1px 6px #101d37;
                    z-index: 1111111;
                    overflow: auto;
                    padding-top: 0px;
                    max-height: 400px;
                }
            </style>
            <style>
                .items{
                    display: block;
                    top: 20px;
                    color: #333;
                    position: relative;
                    border-bottom: solid #f5f5f5 1px;
                    padding-bottom: 15px;
                    padding-top: 15px;
                }
                .items .top{
                    font-size: 15px;
                }
                .items  .status{

                    line-height: 22px;
                    color: #999;
                    font-size: 12px;
                    /* float: right; */
                    position: absolute;
                    right: 10px;
                    top: 15px;
                }
                .items .price{
                    position: absolute;right: 10px;top: 35px;
                }

            </style>
            <div class="search-tan">

            </div>
            <script>

                $('#title').keyup(function () {
                    var keyword = $(this).val();

                    if (keyword){
                        $.ajax({
                            url: '/api/houses',
                            type: 'get',
                            dataType: 'json',
                            data: {
                                'w': keyword,
                                // city: "海口"
                            },
                            success: function (result) {
                                console.log(result)
                                var str ='';


                                for (var i in result) {
                                    str += '  <a  target="_blank" class="items" href="/haikou/lp/'+result[i].id+'.html" >\n' +
                                        '                <div class="top">\n' +
                                        '                    <p class="house_name" >'+ result[i].house_name;
                                    console.log(result[i].bieming)
                                    if (result[i].bieming != ''){
                                        str +=   `<span style="    font-size: 12px;
    margin-left: 10px;
    color: #777;">别名：${result[i].bieming}</span> `;
                                    }
                                    str +=    '</p>\n' +
                                        '                    <span class="status">' + result[i].selling_status + '</span>\n' +
                                        '\n' +
                                        '                </div>\n' +
                                        '                <div class="bottom">\n' +
                                        '                    <p class="address">' + result[i].details_address + '</p>\n';
                                    '                    <p class="address">' + result[i].details_address + '</p>\n';

                                    var tmp = '';
                                    if (result[i].average_price != 0) {
                                        tmp = ' <div class="price"> <span style="color: #666">参考均价：</span><span   style="color: red;" >' + result[i].average_price + '</strong>元/㎡</div>';
                                    } else if(result[i].total_price != 0){
                                        tmp = ' <div class="price"> <span  style="color: #666"  >参考总价：</span><span   style="color: red;" >' + result[i].total_price + '</strong>万元/套</div>';
                                    }else if(result[i].zhoubian_price != 0){
                                        tmp = ' <div class="price"> <span  style="color: #666"  >周边均价：</span><span   style="color: red;" >' + result[i].zhoubian_price + '</strong>元/㎡</div>';
                                    }else {
                                        tmp = '   <span class="price"  >价格待定</strong>';
                                    }


                                    str += tmp + '</div>\n' +
                                        '            </a>';

                                }

                                $('.search-tan').html(str);
                                if (result.length){
                                    $('.search-tan').show();
                                    $('.bg-shadow').show();
                                }else {
                                    $('.bg-shadow').hide();
                                    $('.search-tan').hide();
                                }
                            }
                        });
                    }else {
                        $('.search-tan').hide();
                        $('.bg-shadow').hide();
                    }
                });

                $('.bg-shadow').click(function () {
                    $('.search-tan').hide();
                    $('.bg-shadow').hide();

                });
            </script>
        </div>
    </div>
</div>

<div class="  jingxuan" style="overflow: hidden; width: 1190px;margin: 0px auto;margin-top: 10px; ">

    <div class="fl" style="width: 100%!important;">
        <ul class="ad2-ul">
                    </ul>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</div>

<div class="crumbs-link">
    <div class="crumbs-link-inner clearfix">
        <a  href="http://www.hnhmlj.com/haikou">首页 ></a>
        <a href="http://www.hnhmlj.com/lp/haikou"> &nbsp;海口楼盘 ></a>
        <a href="javascript:;">&nbsp;远大购物广场</a>
    </div>
</div>
<div class="toolbars" id="Top">
    <span class="tool-icon"><a href="javascript:;"><i class="icons-sidetools"></i></a></span>
    <!--<p class="tool-desp" style="display: none; right: 60px; opacity: 0;"><i class="icons-sidetools"></i><span>返回顶部</span></p>-->
</div>
<div class="show-wrapper">
    <style>
        .anchor-nav ul {
            float: left;
            padding-left: 0px;
        }

        .anchor-nav ul li a {
            margin-right: 22px !important;
            font-size: 18px;
            border-bottom: 2px solid transparent;
            margin-bottom: -1px;
            display: inline-block;
            color: #fff;
            padding: 0 12px 0 12px;
            cursor: pointer;

        }

        .anchor-nav .active a, .anchor-nav a:hover {
            color: #ffffff !important;
            border-color: #00ae66 !important;
            cursor: default;
            background: #15a067;
        }

        .anchor-nav ul li a {
            margin-right: 68px;
            font-size: 18px;
            border-bottom: 0px solid transparent;
            margin-bottom: -1px;
            display: inline-block;
            color: #fff;
        }

        .anchor-nav {
            width: 1190px;
            background: #00ae66;
            position: relative;
            -webkit-transition: width .4s;
            transition: width .4s;
            -webkit-transform: translatez(0);
            transform: translatez(0);
            margin: 0 auto;
            height: 59px;
            line-height: 58px;
            box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
            -o-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
            -ms-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
        }
    </style>
    <div class="navbar-wrapper" id="loupan-nav">
        <div class="anchor-nav clearfix">
            <ul>
                <li class="menuItem  "><a href="/haikou/lp/163.html">楼盘首页</a></li>
                <li class="menuItem"><a href="/haikou/lp/canshu-163.html">楼盘详情</a></li>
                <li class="menuItem"><a href="/haikou/lp/xiangce-163.html">楼盘相册</a></li>
                <li class="menuItem"><a href="/haikou/lp/news-163.html">楼盘动态</a></li>
                <li class="menuItem"><a href="/haikou/lp/huxing-163.html">楼盘户型</a></li>
                <li class="menuItem  "><a href="/haikou/lp/163.html#anchor-4">用户点评</a></li>
                <li class="menuItem"><a href="/haikou/lp/wenda-163.html">问答</a></li>

                <li class="menuItem"><a href="/haikou/lp/163.html#anchor-3">楼栋信息</a></li>
                <li class="menuItem"><a href="/haikou/lp/pingce-163.html">楼盘评测</a></li>
                <!--                <li class="menuItem"><a href="/haikou/lp/163.html#tool">房贷计算器</a></li>-->
                <li class="menuItem"><a href="/haikou/lp/ditu-163.html">周边配套</a></li>
            </ul>

            <script>
                $(function () {
                    var url = location.href.split(".com/")[1];
                    if (url != '') {
                        $(".navmenu ul li a").removeClass('nav-active')
                        $($(".navmenu ul li").find("a[href*='" + url + "']")[0]).addClass('nav-active')
                    }
                })
            </script>
        </div>
        <div class="p15"></div>
    </div>
    
<!--<script src="https://www.hainan6.com/statics/js/jquery1.42.min.js"></script>-->
<!--<script src="https://www.hainan6.com/statics/js/jquery.SuperSlide.2.1.1.js"></script>-->
<style>

    .slideTxtBox {
        width: 1190px;
        margin: 0px auto;
        height: 400px;
        /*overflow: hidden;*/
        position: relative;
    }

    .tempWrap {
        height: 100% !important;
        width: 100% !important;
    }

    .tempWrap img {
        width: 100%;
    }

    .e {
        height: 100%;
        background: #432;
        margin: 2px;
        color: #eee;
    }
</style>

<style type="text/css">


    /* 本例子css */
    .picFocus {
        margin: 0 auto;
        width: 1120px;
        height: 60px;

        padding: 5px;
        position: relative;
        overflow: hidden;
        zoom: 1;
    }

    .picFocus .hd {
        width: 100%;
        padding-top: 5px;
        overflow: hidden;
    }

    .picFocus .hd ul {
        margin-right: -5px;
        overflow: hidden;
        zoom: 1;
    }

    .picFocus .hd ul li {
        padding-top: 5px;
        float: left;
        text-align: center;
    }

    .picFocus .hd ul li img {
        width: 109px;
        height: 65px;
        border: 2px solid #ddd;
        cursor: pointer;
        margin-right: 5px;
    }

    .picFocus .hd ul li.on {
        background: url("images/icoUp.gif") no-repeat center 0;
    }

    .picFocus .hd ul li.on img {
        border-color: #f60;
    }

    .picFocus .bd li {
        vertical-align: middle;
    }

    .bd {
        width: 91%;
        margin: 0px auto;
        position: relative;
    }

    .picFocus .bd img {
        width: 1190px;
        height: 500px;
        display: block;
    }


    .picFocus .bd li {
        float: left;
        position: relative;
        display: inline;
        width: 105px;
        overflow: hidden;
        text-align: center;
        border: 1px solid #e5e5e5;
        margin-right: 15px;
        padding: 11px 0;

    }

    .picFocus .bd li.active {
        cursor: pointer;
        width: 105px;
        color: #6bc30d;
        padding: 11px 0;
        background: url(/public/img/hxxq_lbbg2.png) no-repeat;
        border: 1px solid #fff;
    }

    .picFocus .bd li:hover {
        cursor: pointer;
        width: 105px;
        color: #6bc30d;
        padding: 11px 0;
        background: url(/public/img/hxxq_lbbg2.png) no-repeat;
        border: 1px solid #fff;

    }

    .hxt {
        border: 1px solid #ccc;
        width: 1130px;
        padding: 30px;
        margin: 0px auto;
    }

    .hxt .max {
        position: relative;
        height: auto;
        margin-top: 20px;
        padding-bottom: 0px;
    }

    .hxt .left {
        border: 1px solid #ccc;
        /* height: 600px; */
        width: 727px;
        text-align: center;
        line-height: 100px;
        padding: 75px 0px;
    }

    .n-tejia .xc-tags, .y-tejia .xc-tags {
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 10px;
        padding-top: 6px;
        height: 30px;
    }

    .h-x-i {
        padding: 25px 0;
        border-bottom: 1px solid #e1e1e1;
        width: 100%;
        margin-bottom: 30px;
        height: 60px;
    }

    .swiper-slide .desc {
        line-height: 20px;
        text-align: left;
        color: #FFF;
        position: absolute;
        bottom: 0px;
        left: 0;
        padding: 5px 10px 4px;
        font-size: 16px;
        z-index: 2;
        word-break: break-all;
        background: rgba(0, 0, 0, 0.8);
        zoom: 1;
        display: block;
    }

    .hxt .left img {
        width: 100%;
        cursor: pointer;
    }

    .hxt .right {
        border: 1px solid #ccc;
        position: absolute;
        top: 0px;
        height: auto;
        width: 387px;
        right: 0px;
    }
    .n-tejia, .y-tejia {
        padding: 20px;
        white-space: nowrap;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
        padding-bottom: 0px !important;
    }
    .nb {
        border: 1px solid #ddd;
    }

    .btn20 {
        border-bottom: 1px #e1e1e1 solid;
        margin-bottom: 20px;
        padding-bottom: 5px
    }

    .house-crumbs {
        background: #f5f5f5;
        padding: 10px;
    }

    .house-crumbs .crumbs {
        margin: 0 auto;
        color: #999;
        font-size: 14px !important;
        background: #F8F8F8;
        width: 1200px;
        padding: 0
    }

    .con {
        overflow: hidden;
        margin: 0px auto;
        width: auto;
        height: 100%;
        padding: 20px 20px 0 20px;
    }

    #carousel_container {
        position: relative;
        height: 60px;
        overflow: hidden;
    }

    #carousel_inner {
        width: 1097px;
        height: 60px;
        overflow: hidden;
        position: absolute;
        left: 35px;
        top: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #left_scroll {
        background: url(/public/static/home/image/left1_03.jpg) no-repeat 8px center;
        height: 56px;
        width: 25px;
        position: absolute;
        top: 0;
        left: 0;
        background-position-x: 1px;
        cursor: pointer;
    }

    #right_scroll {
        background: url(/public/static/home/image/right1_03.jpg) no-repeat 8px center;
        height: 56px;
        width: 25px;
        position: absolute;
        top: 0;
        right: 0;
        background-position-x: -1px;
        cursor: pointer;
    }

    #carousel_ul {
        width: 9999px;
        height: 60px;
        position: relative;
    }

    #carousel_ul li {
        float: left;
        position: relative;
        display: inline;
        width: 103px;
        overflow: hidden;
        text-align: center;
        border: 1px solid #e5e5e5;
        margin-right: 15px;
        padding: 11px 0;
    }

    .db {
        display: block;
    }

    .zydp {
        overflow: auto;
        width: 100%
    }

    #carousel_ul li:hover a {
        text-decoration: none;
    }

    .on p {
        width: 103px;
        text-align: center;
        font-size: 12px;
        color: #6bc30d;
        overflow: hidden;
    }

    #carousel_ul li:hover, #carousel_ul .on {
        cursor: pointer;
        width: 105px;
        color: #6bc30d;
        padding: 11px 0;
        background: url(/public/static/home/image/hxxq_lbbg2.png) no-repeat;
        border: none;
        height: 57px;
    }

    .zhuti {
        overflow: hidden;
        width: 1198px;
        margin-top: 13px
    }

    .tf {
        font-family: "\5FAE\8F6F\96C5\9ED1", 微软雅黑, "Microsoft Yahei", 雅黑 \9, Arial;
    }

    .big_img {
        position: relative;
        z-index: 2;
        width: 748px;
        height: 578px;
        text-align: center;
    }

    .HD_nowphoto {
        display: block;
        width: 747px;
        height: 578px;
        overflow: hidden;
        position: relative;
    }

    .HD_nowphoto img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 100%
    }

    .f12 {
        font-size: 12px !important
    }

    .big_img span {
        display: block;
        background: #b1b1b1;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 8px 15px;
        color: #FFF;
        border-radius: 50px 0 0 50px
    }

    .big_img span img {
        width: 18px;
        height: 18px;
        margin-right: 10px
    }

    .zhiye {
        width: 180px;
        min-width: 180px;
        max-width: 80px;
        margin: 20px 20px 20px 0;
        float: left;
    }

    .m-auto {
        width: 90%;
        margin: auto
    }

    .m-auto .zy-head {
        width: 80px;
        height: 80px;
        overflow: hidden;
        border-radius: 50%;
        margin: auto;
    }

    .m-auto .zy-head img {
        width: 100%
    }

    .m-auto span {
        font-size: 12px;
        color: #999;
        display: block;
        text-align: center;
        padding-top: 5px
    }

    .m-auto span i {
        padding: 0 3px
    }

    .m-auto span.name {
        display: block;
        font-size: 18px;
        font-weight: bold;
        width: 80px;
        text-align: center;
        padding-top: 5px;
        margin: auto;
        color: #333
    }

    .m-auto a {
        display: block;
    }

    .m-auto button {
        outline: none;
        background-color: #FFF;
        border: 0.5px solid #48bf01;
        color: #48bf01;
        border-radius: 3px;
        margin: auto;
        padding: 5px 30px;
        margin-top: 5px;
        letter-spacing: 1px
    }

    .dp-info {
        margin: 20px 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding-right: 20px;
        float: left;
        width: 1000px
    }

    .dp-info h3 {
        font-size: 20px;
        font-weight: normal;
    }

    .dp-info .info {
        width: 100%;
        min-height: 122px;
        background: #f5f5f5;
        margin-top: 20px;
        border-radius: 4px;
        position: relative;
        padding: 15px;
        font-size: 16px;
        letter-spacing: 1px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        line-height: 25px
    }

    .dp-info .info i.sanj {
        position: absolute;
        left: 20px;
        top: -20px;
        display: inline-block;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom: 10px solid #f5f5f5
    }

    .layui-carousel-ind ul:hover, .layui-carousel-ind ul {
        background: none
    }

    .layui-carousel-ind li.layui-this {
        background-color: #5bc61b
    }

    .layui-carousel-ind li {
        background: #e3e3e3
    }

    .layui-carousel, .layui-carousel > [carousel-item] > * {
        background: #FFF
    }

    .hx-type {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .h-t {
        display: block;
        width: 100%;
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px
    }

    .h-t span {
        display: inline-block;
        font-size: 20px;
        padding: 0 10px;
        margin-right: 10px;
        color: #666;
        padding-bottom: 15px;
        cursor: pointer;
    }

    .h-t span.active {
        color: #6bc30d;
        border-bottom: #6bc30d 2px solid
    }

    .h-t a {
        float: right;
        color: #b1b1b1;
        position: relative;
        top: 5px
    }

    .qt-hx {
        padding-bottom: 20px;
        overflow: auto;
    }

    .qt-hx li {
        float: left;
        width: 25%
    }

    .qt-hx li .auto-box, .tags {
        width: 85%;
        margin: auto;
        display: block;
    }

    .qt-hx li .auto-box .qt-thumb {
        width: 100%;
        border: 1px solid #ececec;
        height: 205px;
        position: relative;
    }

    .qt-thumb img {
        width: 100%;
        height: 100%
    }

    .qt-thumb i {
        position: absolute;
        display: inline-block;
        top: 0;
        left: 0;
        padding: 2px 8px;
        background: red;
        color: #FFF
    }

    .qt-thumb span {
        font-size: 16px;
        position: absolute;
        display: block;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .7);
        color: #FFF;
        text-align: center;
        padding: 5px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .qt-hx li .auto-box p.qt-tit {
        color: #464646;
        font-size: 18px;
        font-weight: 600;
        height: 25px;
        text-align: center;
        padding-top: 10px;
        letter-spacing: 1px;
        overflow: hidden;
    }

    .qt-hx li .auto-box p.qt-mj {
        font-size: 16px;
        color: #888888;
        text-align: center;
        padding-top: 5px
    }

    .tags {
        margin-top: 10px;
        height: 25px;
        overflow: hidden;
    }

    .tags a {
        border: 1px solid #b8b8b8;
        color: #b8b8b8;
        width: 31.4%;
        display: inline-block;
        text-align: center;
        padding: 2px 0;
        margin-right: 4px
    }

    .tags a.tags-3 {
        margin-right: 0
    }

    .xc-info {
        border: 1px solid #e1e1e1;
        width: 387px;
        height: 578px
    }

    .n-tejia, .y-tejia {
        padding: 20px;
        white-space: nowrap;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%
    }

    .n-tejia h1, .y-tejia h1 {
        font-size: 24px;
        font-weight: bold;
        padding: 15px 0;
        margin-bottom: 2px
    }

    .n-tejia h1 i, .y-tejia h1 i {
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        background: #e74000;
        color: #FFF;
        border-radius: 3px;
        padding: 1px 8px;
        margin-left: 15px
    }

    .n-tejia .pic {
        font-size: 16px;
        margin-bottom: 19px
    }

    .n-tejia .pic i {
        font-size: 24px;
        font-weight: bold;
        color: #fe615a;
    }

    .n-tejia .pic button, .y-tejia .pic button {
        background: none;
        outline: none;
        font-size: 13px;
        background: url('/public/img/whapp.png') no-repeat left 7px center;
        color: #48bf01;
        border: 1px solid #48bf01;
        background-size: 15px 15px;
        border-radius: 3px;
        padding: 0 10px 0 25px;
        margin-left: 15px;
        cursor: pointer;
        position: relative;
        top: 10px;
    }

    .n-tejia .pic button a {
        color: #48bf01
    }

    .n-tejia .xc-tags, .y-tejia .xc-tags {
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 10px;
        padding-top: 6px
    }

    .n-tejia .xc-tags a, .y-tejia .xc-tags a {
        font-size: 13px;
        color: #849aad;
        background: #f1f4f6;
        border-radius: 3px;
        margin-right: 10px;
        padding: 4px 10px;
        float: left;
        margin-bottom: 9px;
    }

    .h-x-i {
        padding: 25px 0;
        border-bottom: 1px solid #e1e1e1;
        width: 100%;
        margin-bottom: 30px
    }

    .h-x-i .h-left {
        width: 43%;
        float: left;
        border-right: 1px solid #e1e1e1
    }

    .h-x-i .h-right {
        width: 49%;
        float: right;
    }

    .h-x-i .h-right p {
        padding-left: 50px
    }

    .h-x-i p {
        padding: 5px 0;
        font-size: 15px
    }

    .h-x-i p label {
        color: #888888
    }

    .telphon-w-box {
        border: 1px solid #e1e1e1;
        border-radius: 3px;
        position: relative;
        padding: 25px 20px
    }

    .telphon-w-box span {
        font-size: 18px;
        padding: 5px 15px;
        border-left: 4px solid #6bc30d;
        letter-spacing: 1px;
        margin-bottom: 25px;
        display: inline-block;
        font-weight: 550
    }

    .telphon-w-box .telphone {
        border: 1px solid #e1e1e1;
        width: 100%;
        margin-bottom: 25px;
    }

    .telphon-w-box .telphone i {
        display: inline-block;
        width: 19px;
        height: 27px;
        border-right: 1px solid #e1e1e1;
        float: left;
        margin-top: 10px;
        margin-left: 15px;
        padding-right: 15px;
        background: url(/public/img/shou2.png) no-repeat;
        background-size: 58% 100%
    }

    .telphon-w-box .telphone input[type="text"] {
        font-size: 16px;
        color: #666;
        padding: 15px 10px;
        border: 0;
        width: 83.9%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .telphon-w-box input[type="submit"] {
        position: absolute;
        bottom: -20px;
        outline: none;
        background-color: #6bc30d;
        border: none;
        color: #FFF;
        font-size: 15px;
        letter-spacing: 1px;
        width: 70%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 3px;
        left: 0;
        right: 0;
        margin: auto;
        cursor: pointer;
    }

    .y-tejia .tj-head {
        width: 100%
    }

    .tj-head .tj-red {
        background: #d8243a
    }

    .tj-head .tj-red h2 {
        display: inline-block;
        margin-left: 20px;
        color: #FFF;
        padding: 5px 0;
        float: left;
    }

    .tj-head .tj-red span {
        font-size: 13px;
        color: #FFF;
        position: relative;
        top: 12px
    }

    .tj-head .tj-red span.cjr {
        margin-left: 80px;
        float: left;
    }

    .tj-red span i {
        color: #ffea00
    }

    .tj-head .tj-red span.djs {
        float: right;
        margin-right: 20px;
    }

    .tj-head .tj-jiage {
        background: #ededed;
        border-bottom: 1px solid #e1e1e1
    }

    .tj-jiage span i.fw {
        font-weight: bold;
        font-size: 24px;
        padding: 15px 0;
        display: inline-block;
    }

    .tj-jiage span {
        margin-left: 20px;
        color: #989898;
        font-size: 15px;
    }

    .tj-jiage span i.yj {
        color: #333
    }

    .tj-jiage span.yuanjiah {
        text-decoration: line-through;
        margin-left: 35px
    }

    .y-tejia h1 {
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 12px
    }

    .y-tejia .pic button {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .y-tejia .xc-tags {
        padding-bottom: 22px;
        padding-top: 0
    }

    .y-tejia .h-x-i {
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .right .desc span {

        white-space: normal;
    }

    .n-tejia h1 i, .y-tejia h1 i {
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        background: #e74000;
        color: #FFF;
        border-radius: 3px;
        padding: 1px 8px;
        margin-left: 15px;
        position: relative;
        top: -5px;
    }

    .tuijianhx {

        margin: 0px auto;
        width: 1190px;
    }

    .zydp {
        overflow: hidden;
    }
</style>
<style>
    .next, .prev {
        position: absolute;
        left: 0;
        top: 50%;
        display: block;
        width: 40px;
        height: 60px;
        background: url(/public/img/arrow-1.png) -108px 15px no-repeat rgba(51, 51, 51, .50);
        opacity: 0.7;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        overflow: hidden;
        cursor: pointer;
        border-radius: 0 5px 5px 0;
    }

    .next {
        left: auto;
        right: 0;
        background-position: 13px 15px;
        border-radius: 5px 0 0 5px;
    }
</style>
<div class="hxt">
    <div class="picFocus">

        <div class="bd">
            <ul>
                
                <li data-src="http://admin.hnhmlj.com/public/uploads/20190508/f197922ff71784e872b8b815beac58c8.jpg"
                    opt-data='{"id":1163,"house_id":163,"cover":"20190508\/f197922ff71784e872b8b815beac58c8.jpg","desc":"\u8fdc\u5927\u8d2d\u7269\u5e7f\u573aB\u6237\u578b\u56fe 1\u5ba41\u53851\u536b1\u53a8","is_deleted":0,"mtime":"2019-11-25 10:11:08","atime":"2019-11-25 10:11:08","apartment_renderings":"\u4e00\u623f","total_price":0,"cover_area":"47","hu_xing_fen_bu":"","chaoxiang":"","ceng_gao":"","loudong":"","xiaoshouzhuangtai":"\u5728\u552e","dianping":"","youshi":"","lieshi":"","average_price":17290,"sort":0}'>
                    <p style="width: 100%;height: 39px;overflow: hidden;">远大购物广场B户型图 1室1厅1卫1厨</p>
                </li>
                
                <li data-src="http://admin.hnhmlj.com/public/uploads/20190508/3aa14f51a00674e09eb0adc5aa79bc7b.jpg"
                    opt-data='{"id":1166,"house_id":163,"cover":"20190508\/3aa14f51a00674e09eb0adc5aa79bc7b.jpg","desc":"\u8fdc\u5927\u8d2d\u7269\u5e7f\u573aD\u6237\u578b\u56fe 2\u5ba42\u53851\u536b1\u53a8","is_deleted":0,"mtime":"2019-11-25 10:10:46","atime":"2019-11-25 10:10:46","apartment_renderings":"\u4e8c\u623f","total_price":0,"cover_area":"102","hu_xing_fen_bu":"","chaoxiang":"","ceng_gao":"","loudong":"","xiaoshouzhuangtai":"\u5728\u552e","dianping":"","youshi":"","lieshi":"","average_price":17290,"sort":0}'>
                    <p style="width: 100%;height: 39px;overflow: hidden;">远大购物广场D户型图 2室2厅1卫1厨</p>
                </li>
                
                <li data-src="http://admin.hnhmlj.com/public/uploads/20190508/18603515a5f7b5d958202c2b803908ec.jpg"
                    opt-data='{"id":1165,"house_id":163,"cover":"20190508\/18603515a5f7b5d958202c2b803908ec.jpg","desc":"\u8fdc\u5927\u8d2d\u7269\u5e7f\u573aC\u6237\u578b\u56fe 2\u5ba42\u53851\u536b1\u53a8","is_deleted":0,"mtime":"2019-11-25 10:10:29","atime":"2019-11-25 10:10:29","apartment_renderings":"\u4e8c\u623f","total_price":0,"cover_area":"81","hu_xing_fen_bu":"","chaoxiang":"","ceng_gao":"","loudong":"","xiaoshouzhuangtai":"\u5728\u552e","dianping":"","youshi":"","lieshi":"","average_price":17290,"sort":0}'>
                    <p style="width: 100%;height: 39px;overflow: hidden;">远大购物广场C户型图 2室2厅1卫1厨</p>
                </li>
                
                <li data-src="http://admin.hnhmlj.com/public/uploads/20190508/253ee59c6909e03b5fbc700e667b027d.jpg"
                    opt-data='{"id":1164,"house_id":163,"cover":"20190508\/253ee59c6909e03b5fbc700e667b027d.jpg","desc":"\u8fdc\u5927\u8d2d\u7269\u5e7f\u573aA\u6237\u578b\u56fe 2\u5ba42\u53851\u536b1\u53a8","is_deleted":0,"mtime":"2019-11-25 10:10:07","atime":"2019-11-25 10:10:07","apartment_renderings":"\u4e8c\u623f","total_price":0,"cover_area":"87","hu_xing_fen_bu":"","chaoxiang":"","ceng_gao":"","loudong":"","xiaoshouzhuangtai":"\u5728\u552e","dianping":"","youshi":"","lieshi":"","average_price":17290,"sort":0}'>
                    <p style="width: 100%;height: 39px;overflow: hidden;">远大购物广场A户型图 2室2厅1卫1厨</p>
                </li>
                
            </ul>
        </div>


        <a class="prev" href="javascript:void(0)"></a>
        <a class="next" href="javascript:void(0)"></a>

    </div>
    <div class="max">
        <div class="left">
            <img  alt="">        </div>
        <div class="right">
            <div class="n-tejia">
                <h1 class="desc"><span><i>在售</i></span></h1>
                <div class="pic"><i></i><span></span>
                    <button><a
                            href="https://tb.53kf.com/code/client/7dcb94135dc40642e55ce035a81d152c8/1" target="_blank">咨询首付及贷款明细</a></button>
                </div>
                <div class="xc-tags">
                    <a href="javascript:void(0)" style="cursor:default;" class="tags-1">全明格局</a><a
                        href="javascript:void(0)" style="cursor:default;" class="tags-2">户型方正</a><a
                        href="javascript:void(0)" style="cursor:default;" class="tags-3">采光充足</a><a
                        href="javascript:void(0)" style="cursor:default;" class="tags-4">得房率高</a>
                    <div class="clear"></div>
                </div>
                <div class="h-x-i">
                    <div class="h-left">
                        <p class="mianji"><label>建面：</label><span> </span></p>
                        <p class="ceng_gao"><label>层高：</label><span></span></p>
                    </div>
                    <div class="h-right">
                        <p class="chaoxiang"><label>朝向：</label><span> </span></p>
                        <p class="zhuangxiu"><label>均价：</label><span class="junjia"></span></p>
                    </div>
                    <div class="clear"></div>
                </div>

                <style>
                    .h-x-i .h-right p {
                        padding-left: 20px;
                    }
                    .youshi-box,.lieshi-box{
                        min-height: 40px;
                        background: #f1f4f6;
                        margin-top: 10px;
                        margin: 10px auto;
                        width: 90%;
                        padding: 10px;
                    }
                    .h-x-i {
                        padding: 25px 0;
                        border-bottom: 1px solid #e1e1e1;
                        width: 100%;
                        margin-bottom: 15px;
                    }
                    .hxt .max {
                        position: relative;
                        height: 730px;
                        margin-top: 20px;
                    }
                    .left {
                        width: 70%;
                        position: relative;
                        height: 580px;
                    }

                    .youshi-box,.lieshi-box{
                        overflow: hidden;
                        word-wrap:break-word;
                        white-space: pre-wrap;
                    }
                </style>
                <div class="youshi-box"><span style="font-weight:600 ">优势：</span> <span class="youshi">  </span></div>
                <div class="lieshi-box"><span style="font-weight:600 ">劣势：</span> <span class="lieshi">  </span></div>

                <iframe src="/form_yuyue.html?a=12121" style="height: 230px;width: 100%;" frameborder="0" scrolling="no"></iframe>

            </div>
        </div>
    </div>
</div>
<div style="height: 20px;width: 100%"></div>

<div class="tuijianhx">
    <div class="nb zydp zzzzz">
        <!-- 置业信息:begin -->
        <div class="zhiye">
            
            <div class="m-auto">
                <div class="zy-head"><img src="http://admin.hnhmlj.com/public/uploads/20200615/f385b4e634c2701527b5658f47df18d7.jpg" alt=""></div>
            </div>
            <div class="m-auto"><span class="name">许春南</span></div>
            <div class="m-auto"><span>已有<i class="red">337</i>人免费咨询</span></div>
            <div class="m-auto"><span><a href="" target="_blank"><button>向TA咨询</button></a></span>
            </div>
            
            </ul>
        </div>
        <!-- 置业信息:end -->
        <!-- 户型点评信息:begin -->
        <div class="dp-info" style="width: 980px;">
            <h3>户型点评</h3>
            <div class="info">
                <i class="sanj"></i>
                <div id="dian"> </div>
            </div>
        </div>
        <!-- 户型点评信息:end -->
    </div>
    <!--  <div class="inner youshi-box">
          <div class="msg">
              <h1 class="title">
                  户型优势
              </h1>
              <p class="txt youshi"></p>
          </div>
          <div style="height: 20px;width: 100%"></div>

      </div>
      <div class="inner lieshi-box">
          <div class="msg">
              <h1 class="title">
                  户型劣势
              </h1>
              <p class="txt lieshi"></p>
          </div>
          <div style="height: 20px;width: 100%"></div>

      </div>-->

    <div class="nb zydp"  >
        <div class="hx-type">
            <div class="h-t"><span class="active" data="1">相似户型</span>
                <!--                <span data="2">其他户型</span>-->
            </div>
            <div class="hx-box">
                <div class="layui-carousel" id="test2" style="width: 100%;  display: block;">
                    <div carousel-item="">
                        <div class="">
                            <ul class="qt-hx">
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $('.bd li').click(function () {
        $('.bd li').removeClass('active')
        $(this).addClass('active')


        //左边的户型图
        $('.left img').attr('src', $(this).attr('data-src'));

        //右边的户型信息
        var info = JSON.parse($(this).attr('opt-data'));

        $('.left img').attr('alt', info.desc);
        $('.left img').attr('type', info.apartment_renderings);


        $('.desc span').html(info.desc + '<i>' + info.xiaoshouzhuangtai + '</i>');

        var  total = info.average_price * parseInt(info.cover_area);

        console.log(info,1111111)
        if ( parseInt(total) != 0 ){
            $('.pic i').html('约'+(total/10000).toFixed(0)+'万/套');
            $('.pic span').html('');
        }else {
            var price = '17290';

            if (price == 0){
                $('.pic i').html('待定');
            }else {
                $('.pic i').html('约17290');
                $('.pic span').html('元/平米');
            }
        }




        //占地面积

        if (info.cover_area != 0) {
            $('.mianji span').html('约' + info.cover_area + '平米');
        } else {
            $('.mianji span').html('尚未公布');
        }


        //朝向
        $('.chaoxiang span').html(info.chaoxiang);
        if (info.chaoxiang) {
            $('.chaoxiang span').html(info.chaoxiang);
        } else {
            $('.chaoxiang span').html('尚未公布');
        }

        //层高
        if (info.ceng_gao != 0) {
            $('.ceng_gao span').html(info.ceng_gao);
        } else {
            $('.ceng_gao span').html('尚未公布');
        }

        //均价
        if (info.average_price != 0) {
            $('.junjia').html(info.average_price+'元/平米');
        } else {
            $('.junjia').html('尚未公布');
        }
        //点评
        $('#dian').html(info.dianping);
        $('.youshi').html(info.youshi);
        $('.lieshi').html(info.lieshi)

        if (info.dianping == null || info.dianping == '') {
            $('.zzzzz').remove();
        }

        console.log(typeof (info.youshi))


        if (typeof (info.youshi)=='undefined' || info.youshi==null ) {
            $('.youshi-box').hide()
        }else {
            console.log(info.youshi)
            if (info.youshi.length < 10){
                $('.youshi-box').hide()
            } else {
                $('.youshi-box').show()
            }

        }
        if (typeof (info.lieshi)=='undefined' || info.lieshi==null ) {
            $('.lieshi-box').hide()
        }else {
            if (info.lieshi.length < 10){
                $('.lieshi-box').hide()
            } else {
                $('.lieshi-box').show()
            }

        }


        $('.hxt .left').height($('.n-tejia').height()-130)
        $('.hxt .max').height($('.hxt .right').height());
        //获取相似户型
        $.ajax({
            url:"http://www.doofang.com/haikou/api/searchHx2",
            dataType:'json',
            data:{
                apartment_renderings:info.apartment_renderings
            },
            type:'GET',
            success:function (data) {
                console.log(data)
                var str ='';
                for(var i in data){
                    if (i <=3){
                        str +=' <li>\n' +
                            '                                    <a class="auto-box" href="/haikou/lp/huxing-'+data[i].house_id+'-1.html">\n' +
                            '                                        <div class="qt-thumb"><img\n' +
                            '                                                src="http://admin.hnhmlj.com/public/uploads/'+data[i].cover+'"\n' +
                            '                                                alt=""><i>'+data[i].selling_status+'</i><span></span></div><p style="    padding-top: 4px;\n' +
                            '    color: #6ac326;\n' +
                            '    font-size: 18px;\n">'+data[i].house_name+'</p>\n' +

                            '                                        <p class="qt-tit">'+data[i].desc+'</p>\n' ;

                        if (data[i].cover_area!=0) {  str += '<p style="    margin-left: 5px;">建筑面积：'+data[i].cover_area+'平米</p>'}else{ str += '<p style="    margin-left: 5px;">建筑面积：待定</p>'}


                            '                                    </a>\n' +

                            '                                </li>';
                    }else {
                        break;
                    }

                }


                if (str){
                    $('.qt-hx').html(str)
                } else {
                    $('.qt-hx').html('<div>没找到相似户型</div>')
                }


            }


        })
    });



</script>
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">-->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>-->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.esm.js"></script>-->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.esm.bundle.js"></script>-->

<link rel="stylesheet" href="/public/component/swiper-4.5.3/dist/css/swiper.min.css">
<script src="/public/component/swiper-4.5.3/dist/js/swiper.min.js"></script>
<script src="/public/component/swiper-4.5.3/dist/js/swiper.esm.js"></script>
<script src="/public/component/swiper-4.5.3/dist/js/swiper.esm.bundle.js"></script>
<script src="/public/js/jquery.SuperSlide.2.1.1.js"></script>
<script>
    var i = location.href.split('-')[location.href.split('-').length - 1].split('.')[0];
    console.log(i - 1)
    $($('.bd li')[i - 1]).click();
    jQuery(".picFocus").slide({
        mainCell: ".bd ul",
        effect: "left",
        scroll: 1,
        vis: 1, startFun: function (i, c) {
            console.log(i)
        }
    });


</script>
<style>

    .slide {
        position: fixed;
        width: 100%;
        height: 500px;
        background: #222222;
        z-index: 1111111111111111111;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: auto;
        display: none;
    }

    .juzhong {
        width: 64%;
        min-width: 1120px;
        height: auto;
        background: #fff;
        position: relative;
        margin: 100px auto;

    }

    #xiangce {
        width: auto;
        margin: 20px;
    }

    .neirong {
        width: 74%;
        float: left;
        background: #fff;
    }

    #xiangceType {
        float: right;
        display: inline;
        width: 26%;
        overflow: hidden;
        background: #fff;
    }

    .slide .close {
        position: absolute;
        top: -40px;
        cursor: pointer;
        right: -40px;
    }

    #xiangceType h4 {
        font-size: 24px;
        line-height: 24px;
        padding: 40px 0 20px;
        border-bottom: 1px dashed #e6e6e6;
        white-space: nowrap;
    }

    #xiangceType .c {
        padding: 0px 28px;
    }

    #xiangceType .c .item {
        display: block;
        width: 91%;
        height: 45px;
        line-height: 45px;
        border: 1px solid #e6e6e6;
        margin: 10px 0 0;
        font-size: 16px;
        color: #999;
        padding-left: 20px;
    }

    #xiangceType .c .item:hover, #xiangceType .c .item.active {
        border: 1px solid #62ab00;
        color: #62ab00;
        cursor: pointer;
        line-height: 45px;
    }

    .swiper-button-next, .swiper-button-prev {
        background-image: none !important;
        opacity: 1;
        cursor: pointer;
        pointer-events: all;
        height: 100%;
        top: 0px;
        width: 30%;
        z-index: 11111111111111111;
    }

    .swiper-button-next {
        cursor: url(//pages.anjukestatic.com/xinfang/img/house/view/pic_next.cur), auto;
        right: 20px;
    }

    .swiper-button-prev {
        cursor: url(//pages.anjukestatic.com/xinfang/img/house/view/pic_prev.cur), auto
    }

    #xiangce   .swiper-slide {
        width: 100% !important;
        overflow: auto;
        height: 500px;
        line-height: 410px;
    }

    #xiangce .swiper-slide img {
        max-width: 100%;
    }

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

</style>
<div class="slide">
    <div class="juzhong clear">
        <div class="close" onclick="$(this).parents('.slide').hide()"><img
                src="/public/img/guan1.png" alt=""></div>
        <div class="neirong  ">
            <div class="swiper-container" id="xiangce">
                <div class="swiper-wrapper">
<!--                    <p>1</p>-->
<!--                    <p>2</p>-->
<!--                    <p>3</p>-->
                </div>

                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>

                <!-- 如果需要滚动条 -->
                <div class="swiper-scrollbar"></div>
            </div>
        </div>
        <div id="xiangceType">
            <div class="c">
                <h4>远大购物广场</h4>
                <div class="phone" style="color: #62ab00;
    padding: 20px 0;
    white-space: nowrap;    border-bottom: 1px dashed #e6e6e6;">
                    <i class="lp-icons phone-icon" style="    display: inline-block;
    width: 34px;
    height: 34px;
    background-position: -120px 0;
    margin-right: 5px;
    font-size: 0;
    overflow: hidden;
    vertical-align: middle;
    background-image: url(//pages.anjukestatic.com/xinfang/img/house/view/viewindex-icons-16.png);
    background-repeat: no-repeat;"></i>
                    <strong style="    font: 700 22px/22px 'Arial';vertical-align: middle;font-weight: 100;">0898-66892993</strong>                    <input type="hidden" value="#phone_num_image" class="replace_phone_400">
                </div>
                <div class="item" type="一房"><p>一房</p></div><div class="item" type="二房"><p>二房</p></div>            </div>
        </div>

        <span id="opt-data" opt-data='{"total":4,"page":"1,100","data":[{"id":1163,"house_id":163,"cover":"20190508\/f197922ff71784e872b8b815beac58c8.jpg","desc":"远大购物广场B户型图 1室1厅1卫1厨","is_deleted":0,"mtime":"2019-11-25 10:11:08","atime":"2019-11-25 10:11:08","apartment_renderings":"一房","total_price":0,"cover_area":"47","hu_xing_fen_bu":"","chaoxiang":"","ceng_gao":"","loudong":"","xiaoshouzhuangtai":"在售","dianping":"","youshi":"","lieshi":"","average_price":17290,"sort":0},{"id":1166,"house_id":163,"cover":"20190508\/3aa14f51a00674e09eb0adc5aa79bc7b.jpg","desc":"远大购物广场D户型图 2室2厅1卫1厨","is_deleted":0,"mtime":"2019-11-25 10:10:46","atime":"2019-11-25 10:10:46","apartment_renderings":"二房","total_price":0,"cover_area":"102","hu_xing_fen_bu":"","chaoxiang":"","ceng_gao":"","loudong":"","xiaoshouzhuangtai":"在售","dianping":"","youshi":"","lieshi":"","average_price":17290,"sort":0},{"id":1165,"house_id":163,"cover":"20190508\/18603515a5f7b5d958202c2b803908ec.jpg","desc":"远大购物广场C户型图 2室2厅1卫1厨","is_deleted":0,"mtime":"2019-11-25 10:10:29","atime":"2019-11-25 10:10:29","apartment_renderings":"二房","total_price":0,"cover_area":"81","hu_xing_fen_bu":"","chaoxiang":"","ceng_gao":"","loudong":"","xiaoshouzhuangtai":"在售","dianping":"","youshi":"","lieshi":"","average_price":17290,"sort":0},{"id":1164,"house_id":163,"cover":"20190508\/253ee59c6909e03b5fbc700e667b027d.jpg","desc":"远大购物广场A户型图 2室2厅1卫1厨","is_deleted":0,"mtime":"2019-11-25 10:10:07","atime":"2019-11-25 10:10:07","apartment_renderings":"二房","total_price":0,"cover_area":"87","hu_xing_fen_bu":"","chaoxiang":"","ceng_gao":"","loudong":"","xiaoshouzhuangtai":"在售","dianping":"","youshi":"","lieshi":"","average_price":17290,"sort":0}]}'></span>
        <span id="opt-housePhotosType" opt-data='{"全部图片":36,"效果图":10,"实景图":9,"配套图":8,"样板间图":9}'></span>
    </div>
    <!--    每个相册类型的一个图片-->
    <style>
        .swiper-button-next.swiper-button-disabled {
            opacity: 1;
            cursor: url(//pages.anjukestatic.com/xinfang/img/house/view/pic_next.cur), auto !important;
            pointer-events: all;
        }

        .swiper-button-prev.swiper-button-disabled {
            opacity: 1;
            cursor: url(//pages.anjukestatic.com/xinfang/img/house/view/pic_prev.cur), auto !important;
            pointer-events: all;
        }
    </style>
    <script>
        var mySwiper = new Swiper('#xiangce', {
            loop: false,
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            // width: '100%', //你的slide宽度
            pagination: {
                el: '.swiper-pagination',
                type: 'fraction',
            },
            on: {
                init: function () {
                    $('.swiper-button-next').click(function () {
                        if ((mySwiper.progress == 1 && mySwiper.isEnd) || (mySwiper.progress == 0 && mySwiper.isEnd)) {
                            //最后一张了,所以这次点击要打开下一个相册
                            if ($('#xiangceType .item.active').next('.item').length == 0) {
                                //导航栏中下一个相册没有了，现在已经是最后一个相册了就选择第一个相册
                                window.type = $('#xiangceType .item').first().attr('type')

                            } else {
                                window.type = $('#xiangceType .item.active').next('.item').attr('type')
                            }
                            $('#xiangceType .item[type="' + window.type + '"]').click();
                        }
                    });

                    $('.swiper-button-prev').click(function () {
//                        alert(mySwiper.progress)
//                        alert(mySwiper.isEnd)
                        if ((mySwiper.progress == 0 && mySwiper.isBeginning) || (mySwiper.progress == 0 && mySwiper.isEnd)) {
                            if ($('#xiangceType .item.active').prev('.item').length == 0) {
                                //导航栏中上一个相册没有了，现在已经是最后一个相册了就选择最后一个相册
                                window.type = $('#xiangceType .item').last('.item').attr('type')
                            } else {
                                window.type = $('#xiangceType .item.active').prev('.item').attr('type')
                            }

                            $('#xiangceType .item[type="' + window.type + '"]').click();
                        }
                    });
                },
            },
        })


    </script>


</div>

<style>
    .picFocus .bd li.active{

    }
    .swiper-slide .tit-bg {
        display: block;
        width: 100%;
        background: #000;
        opacity: .5;
        filter: alpha(opacity=50);
        position: absolute;
        bottom: 0;
        left: 0;
        zoom: 1;
    }

    .swiper-slide .desc {
        line-height: 20px;
        text-align: left;
        color: #FFF;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 5px 10px 4px;
        font-size: 16px;
        z-index: 2;
        word-break: break-all;
        zoom: 1;
    }
    .swiper-pagination-fraction{
        position: absolute;
        height: 20px;
        line-height: 20px;
        width: 100px;
        text-align: center;
        bottom: 10px;
        left: 0px;
        z-index: 1111111111;
        background: white;
        left: 50%;

    }
</style>
<script>

    //设置幻灯片导航栏宽度
    var housePhotosType = JSON.parse($('#opt-housePhotosType').attr('opt-data'));
    var width = 0;
    var index = 0;
    for (var i in housePhotosType) {
        console.log(index)
        index++;

    }

    width = index * 202

    // $('#xiangceType  ').width(width)

    //打开幻灯片
    $('#xiangceType .item').click(function () {


        $(this).parents('.slide').show();


        //激活当前类型栏目
        $(this).siblings('.item').removeClass('active');
        $(this).addClass('active');

        console.log($('#opt-data').attr('opt-data'))
        //图片数据
        var xiangCe = JSON.parse($('#opt-data').attr('opt-data'))['data'];


        console.log(xiangCe);


        //当前栏目名称
        var cate = $(this).attr('type');

        console.log(cate)

        //拼凑图片列表
        if (img_src_122hu1i2h12){
            str = '<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0"  >\n' +
                '                <img src="' + window.img_src_122hu1i2h12 + '"> \n' +
                '               <span class="tit-bg "></span></span> <p class="desc" > ' + window.img_desc_122hu1i2h12 + '</p>' +
                '            </div>';
        } else {
            str ='';
        }

        var index = 0;


        for (var i = 0; i < xiangCe.length; i++) {
            if (xiangCe[i]['apartment_renderings'] == cate && xiangCe[i]['cover'] != window.img_src_122hu1i2h12) {

                index++;
                //遍历所有的图片，如果是当前栏目的，就拼接
                str += '<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0"  >\n' +
                    '                <img src="http://admin.hnhmlj.com/public/uploads/' + xiangCe[i]['cover'] + '?"> \n' +
                    '                    <span class="tit-bg "></span><p class="desc" > ' + xiangCe[i]['desc'] + '</p>' +
                    '            </div>';

            }


            //找到当前点击的图片
            //将图片放在第一个
            //循环的时候遇到这个图片就跳过
        }


        img_src_122hu1i2h12 = false;

        console.log(str)

        $('#xiangce .swiper-wrapper').html(str);
        mySwiper.update(0);
        window.setTimeout(function () {
            mySwiper.slideTo(0, 0, false);//切换到第一个slide，速度为1秒

        }, 100);
    });


    $('.hxt .left img').click(function () {
        var type = $(this).attr('type');
        window.img_src_122hu1i2h12 = $(this).attr('src');
        window.img_desc_122hu1i2h12 = $(this).attr('alt');

        var selector = '#xiangceType .item[type="' + type + '"]';

        console.log(type);



        $(selector).click();

        return false;
    });
</script>


    <div class="infoarea-mod" style="width: 1190px;
    margin: 0px auto; ">
        <div class="main-title"><h3 class="hd"><a href="" target="_blank">远大购物广场</a></h3></div>
        <div class="infoarea mod">
            <div class="info-item">
                <label>楼盘别名：</label>
                <div class="price">远大购物广场</div>
            </div>
            <div class="info-item">
                                <div>
                    <label>参考均价：</label>
                    <div class="price">
                        <em>17290</em>元/㎡
                    </div>
                </div>
                

                <label>地址：</label>
                <div>[海口  秀英区] 海口市秀英区长海大道</div>
            </div>

            <div class="info-item">
                <div>远大购物广场楼盘频道，提供秀英区远大购物广场房价，楼盘户型，楼盘产权年限，物业费，开发商，售楼电话，绿化率，周边配套，商场，超市，学校，医院，银行，周边地图交通等楼盘信息。手机版：<a href="http://m.hnhmlj.com/haikou/lp/163.html">远大购物广场</a></div>
            </div>

            <div class="info-item">
                <label>推荐楼盘：</label>
                <ul class="tuijian">

                </ul>
            </div>
            <div class="info-item">
                <label>区域楼盘：</label>
                <ul class="quyu">

                </ul>
            </div>
            <div class="info-item info-item-others">
                <label>附近楼盘：</label>
                <ul class="fujin">
                </ul>
            </div>

            <div class="info-item info-item-others">
                <label>热门品牌：</label>
                <ul class="pinpai">
                </ul>
            </div>
        </div>
    </div>

    <div style="width: 1190px;
    margin: 0px auto;    margin-top: 50px;">
        <p style="    height: 20px;
    padding: 0 0 52px 16px;
    margin: 0;
    background: url(/public/img/shengming.png);
background: -webkit-image-set(url(/public/img/shengming.png) 1x,url(/public/img/shengming.png) 2x);
    background-repeat: no-repeat;
    background-position: 0 5px;
    line-height: 20px;
    color: #9399a5;
    font-size: 12px;     "> 免责声明：本页面旨在为广大用户提供更多信息的无偿服务，所有楼盘信息以开发商最终公布为准，不声明或保证所提供信息的准确性和完整性。刊载的楼盘资料不视为楼盘已达到可售标准，仅供参考和借鉴， 购房者在购房时需慎重考虑。参阅本网站的用户，应被视为已确认得悉上述立场。此外，网站所涉图片版权归原作者或来源机构所有，如有侵权，请立即与我们联系。</p>
    </div>
</div>
</div>
<style>
    .infoarea a {
        color: #999 !important;
    }
    .btn {
        display: inline-block;
        border: 0 none;
        cursor: pointer;
        vertical-align: middle;
        border-radius: 3px;
        color: #FFF;
        overflow: hidden;
        background: #1ab676;
    }
    .strip-subscribe .btn {
        color: #fff;
    }
</style>
<script src="/public/template/pc/loan.min.js"></script>

<script type="text/javascript">
    $(".column-box").pin({containerSelector: ".anchor-box", minWidth: 940});
    jQuery(function ($) {
        $(document).ready(function () {
            $('.navbar-wrapper').stickUp({
                parts: {
                    0: 'anchor-1',
                    1: 'anchor-2',
                    2: 'anchor-3',
                    3: 'anchor-4',
                    4: 'anchor-5',
                    5: 'anchor-6',
                    6: 'anchor-7',
                },
                itemClass: 'menuItem',
                itemHover: 'active',
            });
        });
    });



</script>

<script type="text/javascript">
    $('#tel').on('click', function () {
        layer.open({
            type: 2,
            title: '免费通话',
            shadeClose: true,
            area: ['360px', '280px'],
            skin: 'layui-layer-rim',
            content: ['/form_tong.html', 'no']
        });
    });
    $('#tel1').on('click', function () {
        layer.open({
            type: 2,
            title: '免费通话',
            shadeClose: true,
            area: ['360px', '280px'],
            skin: 'layui-layer-rim',
            content: ['/form_tong.html', 'no']
        });
    });
    $('#tz').on('click', function () {
        layer.open({
            type: 2,
            title: '开盘、降价、优惠通知我',
            shadeClose: true,
            area: ['360px', '280px'],
            skin: 'layui-layer-rim',
            content: ['/form_dijia.html', 'no']
        });
    });
    $('#tz2').on('click', function () {
        layer.open({
            type: 2,
            title: '项目最动态通知我',
            shadeClose: true,
            area: ['360px', '280px'],
            skin: 'layui-layer-rim',
            content: ['/form_dijia.html', 'no']
        });
    });
</script>
<script src="/public/js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript">
    jQuery(".preview").slide({
        mainCell: ".bd ul", effect: "left", trigger: "click", scroll: 1, startFun: function (i, c) {
            $('.max-nav li').removeClass('active');
            $($('.max-nav li')[i]).addClass('active');
        }, 'defaultIndex': 0
    });


</script>
<script>
    // if ( $('.lpn dl').length == 0){
    //     $('#anchor-1').hide();
    // }
</script>

<style>
    .footer {
        width: 100%;
        height: auto;
        overflow: hidden;
        font-size: 14px;
        background: #201f1b;
        font-family: Arial, Tahoma, "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", sans-serif;
        color: #999;
        padding-bottom: 80px;
        background: url(http://www.afang.com/static/home/images/index/footer.jpg) center 50% no-repeat #222222;
    }

    .footer .footer-top-nav a {
        color: #fff;
    }

    #cnzz_stat_icon_1278104143 {
        display: none;
    }
    .swiper-container-2{
        /*display:none;*/
    }
    ::-webkit-scrollbar{
        width: 15px;/*绔栧悜婊氬姩鏉＄殑瀹藉害*/
        height: 10px;/*妯悜婊氬姩鏉＄殑楂樺害*/
    }
    ::-webkit-scrollbar-thumb{/*婊氬姩鏉￠噷闈㈢殑灏忔柟鍧�*/
        background: #213656;
        border-radius: 5px;
    }
    ::-webkit-scrollbar-track{/*婊氬姩鏉¤建閬撶殑鏍峰紡*/
        background: #ccc;
        border-radius: 0px;
    }
</style>
<!--<style>
    .suspensionclick{position:fixed;bottom:240px;left:0;display:none;z-index:110;}
    .suspensionclick img{width:170px;display:block;}
    .suspensionbox{position:fixed;bottom:0;left:0;width:100%;opacity:1;z-index:110;
        animation:suspensionbox 0.8s;
        -webkit-animation:suspensionbox 0.8s;
        -moz-animation:suspensionbox 0.8s;

        transition: all .4s;
        -moz-transition: all .4s;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
    }
    @keyframes suspensionbox {
        0% {bottom:-220px;opacity:0;}
        100% {opacity:1;bottom:0;}
    }

    -webkit-@keyframes suspensionbox {
                0% {bottom:-220px;opacity:0;}
                100% {opacity:1;bottom:0;}
            }

    -moz-@keyframes suspensionbox {
             0% {bottom:-220px;opacity:0;}
             100% {opacity:1;bottom:0;}
         }
    .suspensionbox.on{bottom:-220px;opacity:0;
        transition: all .4s;
        -moz-transition: all .4s;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
    }

    .suspension{width:659px;height:210px;margin:auto;position:relative;}
    .suspension img{width:100%;height:210px;}
    .suspension form{border:1px solid #620B08;background:#E39C45;width:250px;height:33px;position:absolute;bottom:4.5%;left:32%;border-radius:100px;overflow:hidden;}
    .suspension form input{font-size:13px;color:#460600;border:0;float: left;background:#E39C45;display:block;width:58%;height:100%;padding-left:10px;}
    .suspension form p {
        border: 1px solid #620B08;
        padding: 0 5%;
        font-size: 16px;
        color: #460600;
        background: #B32C27;
        text-align: center;
        cursor: pointer;
        height: 100%;
        line-height: 27px;
        float: right;
        font-weight: 600;
        position: relative;
        border-radius: 100px;
        left: 1px;
    }
    .suspension form input::-webkit-input-placeholder {color:#460600;} /* WebKit, Blink, Edge */
    .suspension form input:-moz-placeholder {color:#460600;} /* Mozilla Firefox 4 to 18 */
    .suspension form input::-moz-placeholder {color:#460600;} /* Mozilla Firefox 19+ */
    .suspension form input:-ms-input-placeholder { color:#460600;}/* Internet Explorer 10-11 */
    .suspensiongb{width:32px;height:32px;position:absolute;top:15px;right:-80px;}
    .suspensiongb img{width:100%;height:100%;}

</style>
<div class="suspensionclick" ><img src="http://guangdong.pinfangw.com/image/cjimg/cjhd.png" alt=""></div>
<div class="suspensionbox">
    <div class="suspension">
        <img src="http://www.pinfangw.com/image/cjimg/cjbj.png" alt="">

        <form class="submit_area c myform bottom-form"  action="/api/tuangoubaoming" name="myform">
            <input type="text" name="user" class="znbj-name bianjia-ctn" value="" placeholder="您的姓名" style="display: none">
            <input name="phone" type="text" placeholder="请输入您的手机号码">
            <input type="submit" class="chunjieznbj" style="display: none" >
            <p class="m_zhongqiucefrce_button">立即报名</p>
        </form>

        <div class="suspensiongb"><img src="http://www.pinfangw.com/image/cjimg/cjgb.png" alt=""></div>
    </div>
</div>
<script>
    $('.m_zhongqiucefrce_button').click(function () {
        $('.chunjieznbj').click();
    });
</script>
<script src="http://guangdong.pinfangw.com/js/public_buttom/public_buttom.js"></script>-->
<div class="footer">
    <div class="inner">
        <div class="footer-top clearfix">
            <p class="footer-top-nav fl clearfix">
                <a href="/about.html">关于我们</a>
                <a href="/concatus.html">联系我们</a>
                <a href="/notices.html">法律声明</a>
                <a href="/sitemap.html">网站地图</a>
            </p>
            <p class="footer-top-hotline fr">服务热线：0898-66892993</p>
        </div>
        <div class="inner clearfix">
            <div class="links-friendly fl clearfix">
                <div class="links-friendly-inner">
                    <h3>友情链接</h3>
                                        <a href="http://www.doofang.com/lp/chengmai" target="_blank" style="color: #ccc">澄迈新房 </a>
                                        <a href="http://www.doofang.com/lp/wanning" target="_blank" style="color: #ccc">万宁楼盘</a>
                                        <a href="http://www.doofang.com/lp/hainan" target="_blank" style="color: #ccc">海南楼盘</a>
                                        <a href="http://www.doofang.com/lp/lingao" target="_blank" style="color: #ccc">临高楼盘</a>
                                        <a href="http://www.doofang.com/lp/haiwai" target="_blank" style="color: #ccc">海外房产投资</a>
                                        <a href="http://www.doofang.com/chengmai/ditu.html" target="_blank" style="color: #ccc">地图找房</a>
                                        <a href="http://www.doofang.com/lp/haikou" target="_blank" style="color: #ccc">海口楼盘</a>
                                        <a href="http://www.doofang.com/lp/sanya" target="_blank" style="color: #ccc">三亚楼市</a>
                                        <a href="http://www.doofang.com/lp/danzhou" target="_blank" style="color: #ccc">儋州楼市</a>
                                        <a href="http://www.doofang.com/lp/wenchang" target="_blank" style="color: #ccc">文昌楼盘</a>
                                        <a href="http://www.doofang.com/lp/dinan" target="_blank" style="color: #ccc">定安新房</a>
                                        <a href="http://www.doofang.com/chengmai/news/tejiazhuan" target="_blank" style="color: #ccc">澄迈特价房</a>
                                        <a href="http://www.doofang.com/haikou/news/tejiazhuan" target="_blank" style="color: #ccc">海口特价房</a>
                                        <a href="http://www.doofang.com/sanya/news/tejiazhuan" target="_blank" style="color: #ccc">三亚特价房</a>
                                        <a href="http://www.doofang.com/lp/baoting" target="_blank" style="color: #ccc">保亭楼盘</a>
                                        <a href="http://www.doofang.com/lp/lingshui" target="_blank" style="color: #ccc">陵水海景房</a>
                                        <a href="http://www.doofang.com/lp/ledong" target="_blank" style="color: #ccc">乐东新房</a>
                                        <a href="http://www.doofang.com/lp/dongfang" target="_blank" style="color: #ccc">东方新房</a>
                                        <a href="http://www.doofang.com/lp/tunchang" target="_blank" style="color: #ccc">屯昌楼盘</a>
                                        <a href="http://www.doofang.com/lp/wuzhishan" target="_blank" style="color: #ccc">五指山楼盘</a>
                                        <a href="http://www.doofang.com/lp/baisha" target="_blank" style="color: #ccc">白沙楼市</a>
                                        <a href="http://www.doofang.com/lp/qiongzhong" target="_blank" style="color: #ccc">琼中楼盘</a>
                                    </div>
                <div class="footer-bottom">

                    <p> 地址： 海口市秀英区长滨西四街1号华盛国际公寓2号楼S2-109商铺&nbsp;&nbsp;&nbsp;&nbsp;电话：0898-66892993</p>
                    <p class="footererdwe-bottom-copyright">Copyright &copy; 2024 www.hnhmlj.com. All Rights Reserved &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>版权所有： 海南华美乐居房地产营销策划有限公司海口分公司

                    </span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a style="color: #999; "
                                                                  href="https://beian.miit.gov.cn/">ICP备案号
                            琼ICP备16001506号-2 </a></p>
                </div>
                <style>
                    .inner {
                        margin: 0 auto;
                        width: 1190px;
                        position: relative;
                    }
                    .saoma {
                        padding-left: 68px;
                        width: 234px;
                        margin-top: 24px;
                        float: none;
                        position: absolute;
                        /* background: red; */
                        right:-65px;
                        height: 100px;
                        top: 30px;
                    }
                    .su {
                        width: 1px;
                        height: 154px;
                        opacity: .6;
                        background: rgba(255, 255, 255, 0.2);
                        display: inline-block;
                        float: left;
                        margin-top: 24px;
                    }
                    .saoma .tit {
                        text-align: left;
                        color: #FFFFFF;
                        font-size: 17px;
                        text-indent: 2px;
                        margin-left: 30px;
                        border: 0px;
                        width: 140px;
                    }
                    .links-friendly-inner {
                        width: 990px;
                        padding-top: 15px;
                    }
                    .person{
                        margin-left: 30px;
                        margin-top: 10px;
                        width: 138px;
                    }
                </style>
                <div class="saoma">
                    <div class="su"></div>
                    <div class="saoma-cont">
                        <p class="tit">扫一扫，更多资讯</p>
                        <div>
                            <img src="http://www.doofang.com/public/img/app.png?v=1123" alt="" class="person">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>(function() {var _53code = document.createElement("script");_53code.src = "https://tb.53kf.com/code/code/7dcb94135dc40642e55ce035a81d152c8/1";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s);})();</script>
<!--<script src="http://web.51nvren.cn/search.js?26925602"></script>-->
<script>
    /*
    * 顶部导航啦变色
    * */
    $(function () {
        var url = location.href.split(".com/")[1];
        if (url != '') {
            console.log(url)
            $(".navmenu ul li a").removeClass('nav-active');
            var selector = ".navmenu ul li a[href*='" + url + "']";

            console.log(selector)
            $($(selector)[0]).addClass('nav-active')
        }

        // if ($('.click-city').text().indexOf('海外') > -1 && $('.house-sort').length){
        //     $(".navmenu ul li a").removeClass('nav-active');
        //     $($(".navmenu ul li a")[2]).addClass('nav-active')
        // }

        if ($('#loupan-nav'.length)) {
            $(".navmenu ul li a").removeClass('nav-active');
            $($(".navmenu ul li a")[1]).addClass('nav-active')
        }
        // if ($('.click-city').text().indexOf('海外') != -1){
        //     $(".navmenu ul li a").removeClass('nav-active');
        //     $($(".navmenu ul li a")[2]).addClass('nav-active')
        // }

        if ($('.news-detail').length) {
            $(".navmenu ul li a").removeClass('nav-active');
            $($(".navmenu ul li a")[2]).addClass('nav-active')
        }

        if ($('.news-list').length) {
            $(".navmenu ul li a").removeClass('nav-active');
            $($(".navmenu ul li a")[2]).addClass('nav-active')
        }

        if ($('.q-item').length){
            $(".navmenu ul li a").removeClass('nav-active');
            $($(".navmenu ul li a")[3]).addClass('nav-active')
        }

        if ($('.tuan-list').length){
            $(".navmenu ul li a").removeClass('nav-active');
            $($(".navmenu ul li a")[4]).addClass('nav-active')
        }
        if ($('.ditu').length) {
            $(".navmenu ul li a").removeClass('nav-active');
            $($(".navmenu ul li a")[5]).addClass('nav-active')
        }

        if ($('.box_a').length) {
            $(".navmenu ul li a").removeClass('nav-active');
            $($(".navmenu ul li a")[6]).addClass('nav-active')
        }
    });


    /*
    * 楼盘导航栏变色
    * */

    $(function () {
        var url = location.href.split(".com/")[1];
        $("#rightNav").find("a[href*='" + url + "']").addClass('active')
    })


    if ($('.entrances').length){

    } else {

        $('.top-img').show();
    }

    $(function () {
        var url = location.href.split(".com/")[1];
        if (url != '') {

            $(".anchor-nav ul li a").parent().removeClass('active')
            $($(".anchor-nav ul li ").find("a[href*='" + url + "']")[0]).parent().addClass('active')
        }
    })

    $(function () {
        var url = location.href.split(".com/")[1];
        if (url != '') {
            $(".anchor-nav ul li a").parent().removeClass('active')
            $($(".anchor-nav ul li ").find("a[href*='" + url + "']")[0]).parent().addClass('active')
        }
    })
    window.setTimeout(function () {
        if ($('.entrances').length){
            $(".navmenu ul li a").removeClass('nav-active')
            $('.navmenu ul li a').first().addClass('nav-active')
        }
    },1000)
</script>
<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?bab334e3b3757aaf7d4c0c23c8e0c9d9";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();

</script>
<script type="text/javascript">
    var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
    document.write(unescape("%3Cspan id='cnzz_stat_icon_1278104143'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s9.cnzz.com/z_stat.php%3Fid%3D1278104143%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
</script>

<style>
    .zb-list .hs-meta-price em {
        position: relative;
        top: 2px;
        color: #f91;
        font-size: 20px;
        font-weight: bold;
        margin-left: 3px;
        text-align: center;
    }
</style>
<script>

    //猜你喜欢
    $.ajax({
        url: '/api/houses',
        type: 'get',
        dataType: 'json',
        data: {
            'order':9,
            'page': '0,5',
            'selling_status':'在售',
            // 'min': '15290',
            // 'max': '19290',
            city: '海口',
            'field': 'id,house_name,zlhx,start_price,zhoubian_price,total_price,city,average_price,city,details_address,fengmian,house_feature,house_property_characteristics,phone_number'
        },
        success: function (data) {

            data = data.data

            var str = '';
            for (var i = 0; i < data.length && i <= 3; i++) {
                str += ' <li>\n' +
                    '                                <a href="/haikou/lp/' + data[i].id + '.html" target="_blank">\n' +
                    '                                    <img width="263" height="198" alt="远大购物广场" src="http://admin.hnhmlj.com/public/uploads/' + data[i].fengmian + '">\n' +
                    '                                </a>\n' +
                    '                                <p class="hs-title">\n' +
                    '                                    <a href="/haikou/lp/' + data[i].id + '.html" target="_blank">\n' +
                    '                                        ' + data[i].city + ' - ' + data[i].house_name + '                               </a>\n' +
                    '                                </p>\n' +
                    '                                <p class="hs-meta">\n' +
                    '                                <span class="hs-meta-price fl">\n' ;


                if (data[i]['average_price'] != 0) {
                    str += '  参考均价   <em>                                      ' + data[i].average_price + ' \n' +
                        '</em>\n' +
                        '                                    元/㎡\n' +
                        '                                </span>\n' +
                        '                                </p>\n' +
                        '                            </li>';

                } else if(data[i]['total_price'] != 0){
                    str += '           参考总价  <em>                                  ' + data[i].total_price + ' \n' +
                        '</em>\n' +
                        '                                    万元/套起\n' +
                        '                                </span>\n' +
                        '                                </p>\n' +
                        '                            </li>';
                }else{
                    str += '       周边价格     <em>                                  ' + data[i].zhoubian_price + ' \n' +
                        '</em>\n' +
                        '                                    元/㎡\n' +
                        '                                </span>\n' +
                        '                                </p>\n' +
                        '                            </li>';
                }
            }


            $('.cainixihuan ul').html(str);
        }


    });

    // //热门推荐
    $.ajax({
        url: '/api/houses',
        type: 'get',
        dataType: 'json',
        data: {
            'order':10,
            'selling_status':'在售',
            'page': '1,5',
            // 'min': '15290',
            // 'max': '19290',
            city: '海口',
            'field': 'id,house_name,zlhx,start_price,zhoubian_price,total_price,city,average_price,city,details_address,fengmian,house_feature,house_property_characteristics,phone_number'
        },
        success: function (result) {
            var data = result.data;
            console.log(data)
            var str = '';
            for (var i = 0; i < data.length && i <= 3; i++) {
                str += ' <li>\n' +
                    '                                <a href="/haikou/lp/' + data[i].id + '.html" target="_blank">\n' +
                    '                                    <img width="263" height="198" alt="远大购物广场" src="http://admin.hnhmlj.com/public/uploads/' + data[i].fengmian + '">\n' +
                    '                                </a>\n' +
                    '                                <p class="hs-title">\n' +
                    '                                    <a href="/loupan-12-381-1.html" target="_blank">\n' +
                    '                                        ' + data[i].city + ' - ' + data[i].house_name + '                               </a>\n' +
                    '                                </p>\n' +
                    '                                <p class="hs-meta">\n' +
                    '                                <span class="hs-meta-price fl">\n' ;


                if (data[i]['average_price'] != 0) {
                    str += '   参考均价   <em>                                      ' + data[i].average_price + ' \n' +
                        '</em>\n' +
                        '                                    元/㎡\n' +
                        '                                </span>\n' +
                        '                                </p>\n' +
                        '                            </li>';

                } else if(data[i]['total_price'] != 0){
                    str += '           参考总价  <em>                                  ' + data[i].total_price + ' \n' +
                        '</em>\n' +
                        '                                    万元/套起\n' +
                        '                                </span>\n' +
                        '                                </p>\n' +
                        '                            </li>';
                }else{
                    str += '       周边价格     <em>                                  ' + data[i].zhoubian_price + ' \n' +
                        '</em>\n' +
                        '                                    元/㎡\n' +
                        '                                </span>\n' +
                        '                                </p>\n' +
                        '                            </li>';
                }


            }


            $('.rementuijian ul').html(str);


        }


    });

    //推荐楼盘
    $.ajax({
        url: '/api/bangdan',
        type: 'get',
        dataType: 'json',
        data: {
            'order':9,
            'category': '人气',
            city:'海口'
        },
        success: function (result) {
            var data = result.data;

            console.log(data)
            var str = '';

            for (var i = 0; i < data.length ; i++) {
                str +='<li><a target="_blank" href="http://www.hnhmlj.com/haikou/lp/' + data[i].house_id + '.html" target="_blank">'+ data[i].house_name +'</a></li>';

            }

            $('.tuijian').html(str)
        }
    });

    //区域楼盘
    //获取当前同级别的区域
    $.ajax({
        url: '/api/getAllChildCitysByCityName',
        type: 'get',
        dataType: 'json',
        data: {
            'category': '人气',
            city:'海口'
        },
        success: function (data) {

            var str = '';
            for (var i=0;i<data.length;i++){
                str +='<li><a  target="_blank" href="http://www.hnhmlj.com/lp/' + data[i].val + '" > '+data[i].name+'楼盘</a></li>';
            }
            $('.quyu').html(str);

            str = '';
            for (var i=0;i<data.length;i++){
                str +='<li><a  target="_blank" href="http://m.hnhmlj.com/lp/' + data[i].val + '" > '+data[i].name+'楼盘</a></li>';
            }
            $('.shouji').html(str);
        }
    });

    //附近楼盘
    $.ajax({
        url: '/api/houses',
        type: 'get',
        dataType: 'json',
        data: {
            'page': '1,20',
            city: '秀英区',
            'field': 'id,house_name,city,average_price,city,details_address,house_feature,house_property_characteristics'
        },
        success: function (data) {
            data = data.data
            var str = '';


            for (var i = 0; i < data.length ; i++) {
                str +='<li><a target="_blank" href="http://www.hnhmlj.com/haikou/lp/' + data[i].id + '.html" target="_blank">'+ data[i].house_name +'</a></li>';

            }

            $('.fujin').html(str);
        }


    });

    //热门品牌
    $.ajax({
        url: '/api/xinfang_pinpai',
        type: 'get',
        dataType: 'json',
        data: {

        },
        error:function(){

        },
        success: function (data) {

            var str = '';
            for (var i=0;i<data.length;i++){
                str +='<li><a href="http://www.hnhmlj.com/haikou/pinpai/'+data[i].id+'.html" target="_blank" > '+data[i].name+'地产</a></li>';
            }
            console.log(str)
            $('.pinpai').html(str);
        }

    });

</script>
</body>
</html>