<?php
use frontend\assets\AppAsset;
use yii\helpers\Url;
use common\fm\Opencc;
AppAsset::addCss($this, Yii::$app->request->baseUrl . "/overseas/js/range/jquery.range.css");
AppAsset::addScript($this, Yii::$app->request->baseUrl . '/overseas/js/lunbo/jquery.SuperSlide.2.1.3.js');
AppAsset::addScript($this, Yii::$app->request->baseUrl . '/overseas/js/echarts/echarts.js');
AppAsset::addScript($this, Yii::$app->request->baseUrl . '/overseas/js/range/jquery.range.js');
AppAsset::addScript($this, Yii::$app->request->baseUrl . "/overseas/js/applyVerify.min.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl.'/overseas/js/scroll.js');
AppAsset::addCss($this, Yii::$app->request->baseUrl . "/overseas/css/index.css");
AppAsset::addScript($this, Yii::$app->request->baseUrl . '/overseas/js/index.js');
$this->title = '海南房价,海南房产网,海南买房,海南房地产投资-品房海外';
$this->metaTags[] = '<meta name="keywords" content="海南房产网,海南房地产信息网,海南房产,海南房地产,海南楼盘,海南房价，海南房源，海南买房，品房海外网" />';//第二种
$this->metaTags[] = '<meta name="description" content="品房海外从海南购房客户的角度出发,提供准确的楼盘信息;以专业的眼光以及公平公正的态度看待海南楼盘,全方位打探海南详细信息,提供专业的海南房地产信息分析、专业的海南投资分析,打造海南第一房产网品牌!"/>';
?>
<style>
.m_nav_right {
display: none
}
</style>
<!-- v2改版 轮播 A -->
<div class="yhn_slide js_yhn_slide">
<div class="yhn_slideBox js_yhn_slideBox">
<ul class="m_Carousel_ul">
<?php if (!empty($lb)) {
foreach ($lb as $val) { ?>
<li>
<a target="_blank" href="<?php echo $val['url'] ?>">
<div class="wweffective" style="<?=empty($val['time'])? 'display:none;' : ''; ?>"><?=!empty($val['time'])?$val['time']:''?></div>
<img src="<?php echo $val['img'] ?>" alt="">
<!-- <img src="/overseas/img/img_5.png" alt=""> -->
</a>
</li>
<?php }
} ?>
</ul>
<a class="prev" href="javascript:void(0)" onclick="return false"></a>
<a class="next" href="javascript:void(0)"></a>
</div>
<div class="hd">
<ul>
</ul>
</div>
<div class="wadlabel">广告</div>
</div>
<!-- v2改版 轮播 E -->
<!-- v2改版 筛选 A -->
<div class="yhn_screen">
<div class="yhn_screenBox puic_wid puic_color">
<div class="yhn_screenBox_hot">
<p class="hot_title"><img src="/overseas/img/v2image/v2_ico1.png" alt="">热门楼盘：</p>
<p class="hot_list">
<?php if(!empty($hotHouse)){ foreach ($hotHouse as $val){?>
<a href="/house/<?=$val['id']?>"><?=$val['name']?></a>
<?php }} ?>
</p>
</div>
<div class="yhn_screenBox_center">
<div class="center_left">
<div class="center_left_search">
<input type="text" class="left_input js_puicSearch_text" onfocus="this.placeholder=''" onblur="this.placeholder='请输入区域、楼盘名称开始搜索...'" placeholder="请输入区域、楼盘名称开始搜索...">
<input type="button" class="right_button js_js_puicSearch_buttom" value="搜索">
</div>
<div class="show_search js_searchHone_list">
</div>
</div>
<div class="center_rgiht">
<a target="_blank" href="/map/home">
<img src="/overseas/img/v2image/v2_ico3.png" alt="">
<span>地图找房</span>
</a>
</div>
</div>
<div class="screenBox_bottom js_screenBox_bottom">
<div class="screenBox_bottom_main">
<p class="left_style"><span>区<i>域</i></span></p>
<p class="left_list">
<?php if (!empty($city)) foreach ($city as $val) { ?>
<a href="/house/search?city=<?= $val['id'] ?>" target="_blank"><?= $val['city_name'] ?></a>
<?php } ?>
</p>
</div>
<div class="screenBox_bottom_main">
<p class="left_style"><span>均<i>价</i></span></p>
<p class="left_list">
<?php if (!empty($price)) foreach ($price as $val) { ?>
<a href="/house/search?price=<?= $val['id'] ?>" target="_blank"><?= $val['price'] ?></a>
<?php } ?>
</p>
</div>
<div class="screenBox_bottom_main">
<p class="left_style"><span>品<i>牌</i></span></p>
<p class="left_list">
<?php if (!empty($brand)) foreach ($brand as $val) { ?>
<a href="/house/search?zhuti=<?= $val['id'] ?>" target="_blank"><?= $val['name'] ?></a>
<?php } ?>
</p>
</div>
</div>
</div>
</div>
<!-- v2改版 筛选 E -->
<!-- v2改版 广告报名 A -->
<div class="yv2_indexAdc">
<div class="yv2_indexAdc_main puic_wid">
<ul>
<li>
<a href="javascript:;" class="pic_jjtz" data-buttom="立即获取" data-title="获取楼盘航拍/VR资料" data-hid="0" data-text="问询购房政策，获取最新优惠折扣！" data-source="124">
<img src="/overseas/img/v2image/v2_ico4.png" alt="">
</a>
</li>
<li>
<a href="javascript:;" class="pic_jjtz" data-buttom="立即获取" data-title="获取楼盘航拍/VR资料" data-hid="0" data-text="问询购房政策，获取最新优惠折扣！" data-source="124">
<img src="/overseas/img/v2image/v2_ico5.png" alt="">
</a>
</li>
<li>
<a href="javascript:;" class="pic_jjtz" data-buttom="立即获取" data-title="获取楼盘航拍/VR资料" data-hid="0" data-text="问询购房政策，获取最新优惠折扣！" data-source="124">
<img src="/overseas/img/v2image/v2_ico6.png" alt="">
</a>
</li>
<li>
<a href="javascript:;" class="pic_jjtz" data-buttom="立即获取" data-title="获取楼盘航拍/VR资料" data-hid="0" data-text="问询购房政策，获取最新优惠折扣！" data-source="124">
<img src="/overseas/img/v2image/v2_ico7.png" alt="">
</a>
</li>
</ul>
</div>
</div>
<!-- v2改版 广告报名 E -->
<!-- v2改版 VR全景看房 E -->
<?php if(!empty($VrHouse)){?>
<div class="yv2_Panorama">
<div class="yv2_Panorama_main puic_wid">
<div class="yv2_indexTiele">
<div class="yv2_indexTiele_l">
<p>VR全景看房</p>
<em>全新线上看房新体验，身临其境，漫游式看房</em>
</div>
<div class="yv2_indexTiele_r">
<a href="/house/search?vrread=1"><span>更多全景楼盘</span><i><img src="/overseas/img/v2image/v2_ico9.png" alt=""></i></a>
</div>
</div>
<div class="yv2_Panorama_main_list">
<ul>
<?php foreach ($VrHouse as $val){?>
<li>
<a target="_blank" href="/house/<?=$val['id']?>">
<p class="img_ico">
<img src="<?=$val['thumb']?>" alt="">
</p>
<p class="style_l">
<i><img src="/overseas/img/v2image/v2_ico8.png" alt=""></i>
<span>全景看房</span>
</p>
<p class="lp_title">
<span><?=$val['name']?></span>
<em>[<?=$val['city_name']?>]</em>
</p>
<div class="vvid_pic_ico vr-animation-forever"></div>
</a>
</li>
<?php } ?>
</ul>
</div>
</div>
</div>
<?php } ?>
<!-- v2改版 VR全景看房 E -->
<!-- 热门活动、本周精选 A -->
<div class="m_hotBox">
<?php if (!empty($choice)) { ?>
<div class="m_hot c">
<div class="m_hot_top">
<div class="m_hot_top_img">
<img src="/overseas/img/m_sy10.png" alt="">
<span>本周精选</span>
<i>FEATURED THIS WEEK</i>
</div>
<ul class="c">
<?php foreach ($choice as $val) { ?>
<li>
<a target="_blank" class="m_img" href="<?= $val['url'] ?>">
<div class="wadlabel">广告</div>
<div class="wweffective" style=""><?= !empty($val['time'])&&$val['time'] ?></div>
<img src="<?= $val['img'] ?>" alt="">
</a>
</li>
<?php } ?>
</ul>
</div>
</div>
<?php } ?>
</div>
<!-- 热门活动、本周精选 E -->
<!-- v2 改版 热销楼盘 A -->
<div class="yv2Hotlp">
<div class="yv2Hotlp_home puic_wid">
<div class="yv2_indexTiele">
<div class="yv2_indexTiele_l">
<p>热销楼盘</p>
<!-- <em>全新线上看房新体验，身临其境，漫游式看房</em> -->
</div>
<div class="yv2_indexTiele_r">
<a href="/house/search?city=68"><span>更多热销楼盘</span><i><img src="/overseas/img/v2image/v2_ico9.png" alt=""></i></a>
</div>
</div>
<div class="yv2Hotlp_nav js_yv2Hotlp_nav">
<?php
if(!empty($pushCity)){
foreach ($pushCity as $val){?>
<a href="javascript:;" data-city="<?=$val['city']?>"><span><?=$val['city_name']?></span></a>
<?php }}?>
</div>
<div class="yv2Hotlp_box">
<div class="yv2Hotlp_box_left js_yv2Hotlp_box_left">
<ul>
</ul>
</div>
<div class="yv2Hotlp_box_right">
<div class="yv2Hotlp_box_right_main">
<div class="yv2_bwzfTitle">
<span>帮您找房</span>
<i></i>
</div>
<div class="yv2_bwzfCy">
<span>已有<i>285</i>人参与</span>
</div>
<div class="yv2_bwzfTxt">
<p><img src="/overseas/img/v2image/v2_ico11.png" alt="">报名即可享受免费接机住宿安排</p>
<p><img src="/overseas/img/v2image/v2_ico11.png" alt="">全程免费，享受独家优惠</p>
</div>
<div class="yv2_bwzfForm">
<form class="submit_area">
<input type="hidden" name="hid" value="0">
<!-- 0 为公共报名，其它为楼盘ID，有时默认为0有可能通过JS修改为楼盘ID-->
<input type="hidden" name="source" value="78">
<!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
<input type="hidden" name="equipment" value="2">
<!--来源设备 （ PC端 2,手机端 1 ）-->
<div class="yv2_bwzfForm_city js_yv2_bwzfForm_city">
<p class="in_mina js_in_mina">
<i><img src="/overseas/img/v2image/v2_ico12.png" alt=""></i>
<input type="text" name="intention_city" class="in_text" onfocus="this.placeholder=''" onblur="this.placeholder='请选择意向城市'" placeholder="请选择意向城市">
<em><img src="/overseas/img/v2image/v2_ico21.png" alt=""></em>
</p>
<div class="yv2_bcity_main js_yv2_bcity_main">
<?php foreach ($city as $val){?>
<a href="javascript:;"><?=$val['city_name']?></a>
<?php }?>
</div>
</div>
<p class="in_mina">
<i><img src="/overseas/img/v2image/v2_ico13.png" alt=""></i>
<input type="text" name="name" class="in_text" onfocus="this.placeholder=''" onblur="this.placeholder='您的姓名'" placeholder="您的姓名">
</p>
<p class="in_mina">
<i><img src="/overseas/img/v2image/v2_ico14.png" alt=""></i>
<input type="text" name="mobile" class="in_text" onfocus="this.placeholder=''" onblur="this.placeholder='您的电话'" placeholder="您的电话">
</p>
<a href="javascript:;" class="in_button js_in_button">立即提交</a>
</form>
</div>
<div class="yv2_bwzfTell js_yv2_bwzfTell">
<ul>
<li><span>王女士</span><em>158****2357</em><i>已报名</i></li>
<li><span>李先生</span><em>172****2446</em><i>已报名</i></li>
<li><span>周女士</span><em>182****7745</em><i>已报名</i></li>
<li><span>吴女士</span><em>138****2567</em><i>已报名</i></li>
<li><span>梁先生</span><em>182****3995</em><i>已报名</i></li>
<li><span>林先生</span><em>188****4658</em><i>已报名</i></li>
<li><span>陈女士</span><em>177****4735</em><i>已报名</i></li>
<li><span>周先生</span><em>152****2357</em><i>已报名</i></li>
<li><span>赵先生</span><em>136****7762</em><i>已报名</i></li>
<li><span>何女士</span><em>187****4831</em><i>已报名</i></li>
<li><span>杨女士</span><em>156****9965</em><i>已报名</i></li>
<li><span>罗女士</span><em>137****3096</em><i>已报名</i></li>
<li><span>李女士</span><em>152****2534</em><i>已报名</i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- v2 改版 热销楼盘 E -->
<!-- v2 改版 航拍视频 A -->
<?php if(!empty($pushaerial)){?>
<div class="yv2_aerial">
<div class="yv2_aerialBox puic_wid">
<div class="yv2_indexTiele">
<div class="yv2_indexTiele_l">
<p>航拍视频</p>
<em>项目实景航拍，带您从无人机视角，领略项目周边环境和实体楼面貌。</em>
</div>
<!-- <div class="yv2_indexTiele_r">
<a href=""><span>更多热销楼盘</span><i><img src="/overseas/img/v2image/v2_ico9.png" alt=""></i></a>
</div> -->
</div>
<div class="yv2_aerialBox_list">
<ul>
<?php foreach ($pushaerial as $val){?>
<li>
<a href="/house/<?=$val['id']?>">
<p class="ico_img"><img src="<?=$val['thumb']?>" alt=""></p>
<p class="ico_vid"><img src="/overseas/img/v2image/v2_ico15.png" alt=""></p>
<p class="lp_title">
<span><?=$val['name']?></span>
<em>[<?=$val['city_name']?>]</em>
</p>
</a>
</li>
<?php } ?>
</ul>
</div>
</div>
</div>
<?php } ?>
<!-- v2 改版 航拍视频 E -->
<!-- v2 房价走势 A -->
<div class="m_trend_box">
<div style="height: 50px;"></div>
<div class="m_trend">
<div class="yv2_indexTiele">
<div class="yv2_indexTiele_l">
<p>房价走势</p>
<em>数说楼市，为您提供实时楼价走向，让您买房不盲目/更直观。</em>
</div>
<!-- <div class="yv2_indexTiele_r">
<a href=""><span>更多热销楼盘</span><i><img src="/overseas/img/v2image/v2_ico9.png" alt=""></i></a>
</div> -->
</div>
<div class="m_trend_box_main c">
<div class="m_trend_l">
<div id="chart" style="height: 100%"></div>
</div>
<div class="m_trend_r">
<ul>
<?php if (!empty($city)) foreach ($city as $key => $val) { ?>
<li <?php if ($key == 0) {echo 'id="trend"';} ?> data_zs="<?= $val['id'] ?>"><?= $val['city_name'] ?></li>
<?php } ?>
</ul>
<div class="pric_bottom_box c">
<div class="m_r_average_price"></div>
<div class="m_trend_r_ys">
<em>我的预算</em>
<div class="single_box"><input type="hidden" class="single-slider" value="50"/></div>
<div class="budget"><a target="_blank" href="/house/search"><img src="/overseas/img/v2image/v2_ico20.png" alt=""> 预算楼盘</a></div>
</div>
</div>
</div>
</div>
<div class="m_trend_box_main_text">
<span>*来源中国房价行情新房价格，信息仅供参考</span>
</div>
</div>
</div>
<!-- v2 房价走势 E -->
<!-- v2 房产资讯 A -->
<?php if(!empty($pushnews)){?>
<div class="yv2_news">
<div class="yv2_newsBox puic_wid">
<div class="yv2_indexTiele">
<div class="yv2_indexTiele_l">
<p>房产资讯</p>
<!-- <em>数说楼市，为您提供实时楼价走向，让您买房不盲目/更直观。</em> -->
</div>
<div class="yv2_indexTiele_r">
<a href="/news/home"><span>更多房产资讯</span><i><img src="/overseas/img/v2image/v2_ico9.png" alt=""></i></a>
</div>
</div>
<div class="yv2Hotlp_nav js_newsNav">
<?php foreach ($pushnews as $val){?>
<a href="javascript:;" data-id="<?=$val['id']?>"><span><?=$val['news_name']?></span></a>
<?php }?>
</div>
<div class="yv2_news_main">
<div class="yv2_news_main_left">
<div class="yv2_news_slide js_yv2_news_slide">
<div class="yv2_news_hd js_yv2_news_hd">
<ul>
<!-- <li>
<a href="">
<p class="ico_img"><img src="/overseas/img/img_5.png" alt=""></p>
<p class="news_title"><span>恒大海花岛低首付2年免息分期，购房即赠3年物业恒大海花岛低首付2年免息分期，购房即赠3年物业</span></p>
</a>
</li> -->
</ul>
<a class="prev" href="javascript:void(0)" onclick="return false"></a>
<a class="next" href="javascript:void(0)"></a>
</div>
</div>
<div class="yv2_news_l js_yv2_news_l">
<!-- <a href="">
<i></i>
<span>恒大海花岛低首付2年免息分期，购房即赠3年物业</span>
</a> -->
</div>
</div>
<div class="yv2_news_main_right">
<div class="news_right_top">
<div class="news_right_top_l js_news_right_top_l">
<!-- <a href="">
<i></i>
<span>恒大海花岛低首付2年免息分期，购房即赠3年物业恒大海花岛低首付2年免息分期，购房即赠3年物业</span>
</a> -->
</div>
<div class="news_right_top_r">
<div class="news_right_top_r_title">
<i></i>
<span>团购优惠看房团</span>
</div>
<div class="news_right_top_r_main">
<?php foreach ($gourylist as $val){?>
<p>
<a class="url" href="<?=$val['url']?>"><?=$val['title']?></a>
<a class="bm_m pic_jjtz" data-buttom="预约看房" data-title="报名看房" data-hid="0" data-text="独家渠道优惠，省心省力省钱！" data-source="83" href="javascript:;">报名></a>
</p>
<?php }?>
</div>
<div class="news_right_top_r_tell">
<div class="news_right_top_r_tell_main js_news_right_telle">
<ul>
<li>
<span><img src="/overseas/img/v2image/v2_ico1.png" alt="">王女士</span>
<i>158****2357</i>
<em>35分钟前</em>
</li>
<li>
<span><img src="/overseas/img/v2image/v2_ico1.png" alt="">李先生</span>
<i>172****2446</i>
<em>14分钟前</em>
</li>
<li>
<span><img src="/overseas/img/v2image/v2_ico1.png" alt="">吴女士</span>
<i>138****2567</i>
<em>45分钟前</em>
</li>
<li>
<span><img src="/overseas/img/v2image/v2_ico1.png" alt="">林先生</span>
<i>188****4658</i>
<em>28分钟前</em>
</li>
<li>
<span><img src="/overseas/img/v2image/v2_ico1.png" alt="">杨女士</span>
<i>156****9965</i>
<em>20分钟前</em>
</li>
<li>
<span><img src="/overseas/img/v2image/v2_ico1.png" alt="">周先生</span>
<i>152****2357</i>
<em>10分钟前</em>
</li>
<li>
<span><img src="/overseas/img/v2image/v2_ico1.png" alt="">何女士</span>
<i>187****4831</i>
<em>36分钟前</em>
</li>
<li>
<span><img src="/overseas/img/v2image/v2_ico1.png" alt="">梁先生</span>
<i>182****3995</i>
<em>6分钟前</em>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="news_right_bottom">
<div class="news_right_top_r_title">
<i></i>
<span>热搜楼盘词</span>
</div>
<div class="news_Topsearch">
<?php foreach ($readhouseword as $val){?>
<a href="<?=$val['url']?>"><?=$val['title']?></a>
<?php }?>
</div>
</div>
</div>
</div>
</div>
</div>
<?php }?>
<!-- v2 房产资讯 E -->
<!-- v2 直播精彩回放 A -->
<?php if(!empty($voluntarilylive)){?>
<div class="yv2_liveBox">
<div class="yv2_liveBox_main puic_wid">
<div class="yv2_indexTiele">
<div class="yv2_indexTiele_l">
<p>直播精彩回放</p>
<em>项目实景直播，更真实，更直观，全方位了解项目情况</em>
</div>
<div class="yv2_indexTiele_r">
<a href="/house/search"><span>更多精彩直播</span><i><img src="/overseas/img/v2image/v2_ico9.png" alt=""></i></a>
</div>
</div>
<div class="yv2_liveBox_list">
<div class="yv2_liveBox_left">
<ul>
<?php foreach ($voluntarilylive as $val) {?>
<li>
<a href="/house/<?=$val['id']?>">
<div class="top_ico">
<p class="lp_ico"><img src="<?=$val['img']?>" alt=""></p>
<p class="live_ico"><img src="/overseas/img/v2image/v2_ico15.png" alt=""></p>
</div>
<div class="bottom_text">
<p class="title">
<span><?=$val['name']?></span>
<em>[<?=$val['city_name']?>]</em>
</p>
<p class="pric">
<?php if(!empty($val['sale_price'])){?>
<span><i><?=$val['sale_price']?></i><?=$val['price_unit']?></span>
<?php }else{ ?>
<span><i>待定</i></span>
<?php } ?>
<em class="yv2_puicTime">有效期至</em>
</p>
<p class="hcnakn">
<i><img src="/overseas/img/v2image/v2_ico17.png" alt=""></i>
<span>已有<em><?=$val['click_num']?></em>人已观看</span>
</p>
</div>
</a>
</li>
<?php }?>
</ul>
</div>
<div class="yv2_liveBox_right">
<div class="live_make_title">
<i></i>
<span>预约直播</span>
</div>
<div class="yv2_liveBox_right_main">
<div class="ico_top">
<p class="title"><img src="/overseas/img/v2image/v2_ico18.png" alt=""></p>
<p class="text_m">报名进入项目直播间，观看置业顾问直 播讲解楼盘。</p>
</div>
<div class="live_form">
<form class="submit_area">
<input type="hidden" name="hid" value="0">
<!-- 0 为公共报名，其它为楼盘ID，有时默认为0有可能通过JS修改为楼盘ID-->
<input type="hidden" name="source" value="80">
<!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
<input type="hidden" name="equipment" value="2">
<!--来源设备 （ PC端 2,手机端 1 ）-->
<input type="text" name="mobile" class="in_text" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的手机'" placeholder="请输入您的手机">
<a href="javascript:;" class="live_button js_in_button">立即预约</a>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
<!-- v2 直播精彩回放 E -->