pfhwyigou/mobile/views/house/search.php

<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/4/19
 * Time: 下午2:54
 */

use mobile\assets\AppAsset;
use yii\helpers\Html;
use yii\helpers\Url;

// AppAsset::addCss($this,Yii::$app->request->baseUrl."/css/homelist.css");
AppAsset::addScript($this, Yii::$app->request->baseUrl . "/js/homelist/main.js");
AppAsset::addScript($this, Yii::$app->request->baseUrl . "/js/house/search.js");
AppAsset::addScript($this, Yii::$app->request->baseUrl . '/js/search_public.js');
AppAsset::addScript($this, Yii::$app->request->baseUrl . "/js/homelist/dropload.min.js");
//use yii\widgets\LinkPager;
$this->title = $seo['province'] . $seo['city'] . '房价_' . $seo['province'] . $seo['city'] . '楼盘_' . $seo['province'] . $seo['city'] . '房产网-易购房 ';
$this->metaTags[] = '<meta name="keywords"  content="' . $seo['province'] . $seo['city'] . '房价,' . $seo['province'] . $seo['city'] . '楼盘,' . $seo['city'] . '房产网" />';
$this->metaTags[] = '<meta name="description" content="易购房-' . $seo['city'] . '为您提供' . $seo['province'] . $seo['city'] . '房价、' . $seo['province'] . $seo['city'] . '楼盘及' . $seo['city'] . '新房实时更新的房产信息，方便快捷的地图找房，全面的' . $seo['province'] . $seo['city'] . '新楼盘，让您即时了解' . $seo['province'] . '房产新动态，帮您找到合适的新房，为您创造愉快的新房购房体验。"/>';
?>


<style>

    body {
        background: #fff;
    }

    /*2018-10-12  添加  顶部搜索*/
    .header_back {
        width: 12.5%;
    }

    .header_menu {
        width: 12.5%;
    }

    .w_wek_box {
        height: 55px;
        line-height: 55px;
        background: #fff;
    }

    .w_a {
        margin: 0 10px;
        position: relative;
        display: flex;
        align-items: center;
        height: 55px;
    }

    .w_a > a {
        background: #FFF;
        display: inline-block;
        width: 75%;
        height: 40px;
        line-height: 38px;
        border-radius: 5px;
        padding-left: 14%;
        color: #999;
        font-size: 0.75rem;
        position: relative;
        border: 1px solid #EEE;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        box-shadow: 0px 0px 14px 0px rgba(167, 167, 167, 0.12);
    }

    .w_a .w_city {
        height: 30px;
        background: #F7F7F7;
        line-height: 30px;
        width: 278px;
        border-radius: 5px;
        display: -webkit-flex;
        display: flex;
        flex-wrap: nowrap;
    }

    .w_a .w_city > a {
        font-size: 0.75rem;
        color: #999999;
        display: block;
        width: 208px;
        padding-left: 10px;
    }

    .w_a .w_city > a > img {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }

    .w_a .w_city span {
        display: inline-block;
        font-size: 0.8125rem;
        width: 70px;
        text-align: center;
        position: relative;
    }

    .w_a .w_city span:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 14px;
        background: #DFDFDF;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -7px;
    }

    .w_a .w_city span img {
        display: inline-block;
        width: 9px;
        height: 5px;
        margin-left: 5px;
    }

    .y_homelist_head {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
    }

    .y_homelist_bg {
        position: relative;
    }

    .y_homelist_bg .y_tu {
        height: 140px;
        width: 100%;
    }

    .y_homelist_bg .y_tu img {
        height: 100%;
        width: 100%;
    }

    .y_homelist_bg .y_input {
        width: 75%;
        margin: 0 auto;
        position: absolute;
        z-index: 10;
        bottom: -15px;
        left: 50%;
        margin-left: -37%;
    }

    .y_homelist_bg .y_input .y_lplist_inp {
        display: inline-block;
        font-size: 1rem;
        color: #999;
        background: url('../image/ico_14.png') #fff no-repeat 12px center;
        padding-left: 40px;
        height: 35px;
        line-height: 35px;
        width: 100%;
        border-radius: 30px;
        border: none;
        background-size: 22px;
        box-shadow: 0px 1px 6px 0px #ccc;
    }

    .wh {
        display: none;
    }

    .houselist-header {
        background: #fff;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform;
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
    }

    .houselist-header.is-hidden {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .y_qylist.fixed {
        position: fixed;
        top: 53px;
    }

    .y_qylist.slide-up {
        -webkit-transform: translateY(-55px);
        -ms-transform: translateY(-55px);
        transform: translateY(-55px);
        box-shadow: 0px 3px 5px 0px rgba(177, 177, 177, 0.10);
        border: none;
    }

    /*区域选择*/
    .three_area {
        position: absolute;
        height: 100%;
        background: #fff;
        width: 100%;
        top: 0;
        left: 100%;
        z-index: 999;
        overflow-y: auto;
    }

    .wm-top .w_a {
        width: 75%;
        margin: auto;
    }

    .header_back a img {
        top: auto;
    }

    .header_back {
        line-height: 55px;
    }

    .header_menu a {
        background-position: 10px;
    }

    .y_qylist {
        position: relative;
        background: #FFF;
        width: 100%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform;
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        box-shadow: 0px 3px 5px 0px rgba(177, 177, 177, 0.10);
    }

    .y_qylist_hoe {
        padding-bottom: 10px;
        padding-top: 8px;
    }

    /*.y_qylist {padding:5px 0;}*/
    .y_qylist .y_qylist_con {
        width: 25%;
        text-align: center;
        float: left;
    }

    .y_qylist .y_qylist_con p.y_topimg img {
        width: 25px;
        height: 25px;
    }

    .y_qylist .y_qylist_con p.y_topmain {
        margin-top: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .y_qylist .y_qylist_con p.y_topmain span {
        font-size: 0.9rem;
        color: #444;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 80%;
        display: block;
        float: left;
    }

    .y_qylist .y_qylist_con p.y_topmain i {
        width: 7px;
        height: auto;
        margin-left: 5px;
        display: block;
        float: left;
    }

    .y_qylist .y_qylist_con p.y_topmain i img {
        width: 100%;
        height: auto;
    }

    .y_qylist_cnet {
        overflow: hidden;
        position: absolute;
        z-index: 10;
        left: 0px;
        top: 45px;
        width: 100%;
        box-shadow: 1px 0 6px 0px rgba(204, 204, 204, 0.57);
    }

    .y_qylist_cnet .y_qylist_cnet_ind {
        display: none;
        width: 100%;
        height: 240px;
        overflow-y: auto;
        background: #f3f4f9;
    }

    .y_qylist_cnet .y_qylist_cnet_ind a {
        display: block;
        font-size: 1rem;
        color: #666;
        padding: 10px;
        border-bottom: 1px dashed #e3e3e3;
    }

    .y_qylist_cnet .y_qylist_cnet_ind a.on {
        background: #fff;
        color: #ee4433;
    }

    .y_homelist_list {
        padding: 10px;
        background: #fff;
    }

    .y_homelist_list ul li {
        padding: 15px 0;
        background: #fff;
    }

    .y_homelist_list ul li + li {
        border-top: 1px solid #f8f8f8;
    }

    .y_homelist_list ul li .y_img {
        width: 33%;
        height: 92px;
        position: relative;
        border-radius: 3px;
        overflow: hidden;
        float: left;
    }

    .y_homelist_list ul li .y_img p.y_tu {
        width: 100%;
        height: 100%;
    }

    .y_homelist_list ul li .y_img p.y_tu img {
        width: 100%;
        height: 100%;
    }

    .y_homelist_list ul li .y_img p.y_tu i {
        position: absolute;
        top: 6px;
        right: 6px;
        font-size: 0.75rem;
        color: #fff;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.6);
        padding: 3px 8px;
        display: inline-block;
        border-radius: 17px;
    }

    .y_homelist_list ul li .y_img p.y_vid {
        position: absolute;
        left: 0px;
        bottom: 0px;
        background: rgba(0, 0, 0, 0.6);
        padding: 2px 5px;
        padding-right: 8px;
        border-radius: 0 20px 20px 5px
    }

    .y_homelist_list ul li .y_img p.y_vid span {
        display: block;
        float: left;
        width: 24px;
        height: auto;
    }

    .y_homelist_list ul li .y_img p.y_vid span:nth-child(1) {
        width: 22px;
        height: auto;
    }

    .y_homelist_list ul li .y_img p.y_vid span img {
        width: 24px;
        height: auto;
    }

    .y_homelist_list ul li .y_img p.y_vid span:nth-child(1) img {
        width: 22px;
        height: auto;
    }

    .y_homelist_list ul li .y_img p.y_vid span + span {
        margin-left: 5px;
    }

    .y_homelist_list ul li .y_img p.y_licyit {
        position: absolute;
        left: 4px;
        bottom: 4px;
    }

    /*.y_homelist_list ul li .y_img p.y_licyit  {display:inline-block;width:19px;height:19px;}*/
    /*.y_homelist_list ul li .y_img p.y_licyit i + i {margin-left:5px;}*/
    .y_homelist_list ul li .y_img p.y_licyit > img {
        display: inline-block;
        width: 19px;
        height: 19px;
    }

    .y_homelist_list ul li .y_img p.y_licyit > img + img {
        margin-left: 3px;
    }

    .y_homelist_list ul li .y_img > i {
        position: absolute;
        bottom: 10px;
        left: 5px;
        display: inline-block;
        width: 15px;
        height: 15px;
    }

    .y_homelist_list ul li .y_img > i > img {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .y_homelist_list ul li .y_text {
        float: left;
        width: 62%;
        margin-left: 4.5%;
        height: 92px;
    }

    .y_homelist_list ul li .y_text .y_text_main p.y_title span {
        font-size: 1.0625rem;
        color: #333;
        width: 77%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 600;
        display: block;
    }

    .y_homelist_list ul li .y_text .y_text_main p.y_title em {
        display: inline-block;
        margin-left: 8px;
        font-size: 0.8rem;
        color: #999;
    }

    .y_homelist_list ul li .y_text .y_text_main p.y_shijian {
        font-size: 0.7rem;
        color: #999;
        margin-top: 5px;
    }

    .y_homelist_list ul li .y_text .y_text_main p.y_tese {
        font-size: 0.6875rem;
        color: #475C89;
        margin-top: 5px;
    }

    .y_homelist_list ul li .y_text .y_text_main p.y_tese i {
        max-width: 63px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        padding: 3px 8px;
        background: #EFF2F4;
        border-radius: 3px;
    }

    .y_homelist_list ul li .y_text .y_text_main p.y_tese i + i {
        margin-left: 5px;
    }

    .y_homelist_list ul li .y_text .y_text_main p.y_tese i:nth-child(1) {
        background: #FFE6EC;
        color: #D61F2B;
    }

    .y_homelist_list ul li .y_text .y_text_main p.y_tese b {
        position: relative;
        top: 2px;
        display: inline-block;
        font-size: 0.6875rem;
        color: #D61F2B;
        background: #FFE6EC;
        border-radius: 2px;
        padding: 2px 4px;
        vertical-align: top;
        margin-right: 5px;
    }

    .y_homelist_list ul li .y_text .y_text_main p.y_jiage {
        margin-top: 5px;
    }

    .y_homelist_list ul li .y_text .y_text_main p.y_jiage i {
        font-size:0.9rem;
    }

    .y_homelist_list ul li .y_text .y_text_main p.y_jiage span {
        display: inline-block;
        font-size: 1.125rem;
        color: #df1818;
        font-weight: 600;
    }

    .y_homelist_list ul li .y_text .y_text_main p.y_jiage em {
        font-weight: bold;
        font-size: 0.75rem;
        color: #df1818;
        display: inline-block;
        margin-left: 2px;
        position: relative;
        top: -2px;
    }

    .y_homelist_list ul li .y_text .y_text_call {
        z-index: 5;
        position: absolute;
        right: 5px;
        top: 6px;
        width: 35px;
        height: 35px;
    }

    .y_homelist_list ul li .y_text .y_text_call img {
        width: 100%;
        height: 100%;
    }

    .m_gzlx_box {
        width: 100%;
        margin-top: 10px;
    }

    .m_gzlx {
        font-size: 0.6875rem;
        color: #333;
        background: #F8F8F8;
        padding: 4px 10px 4px 5px;
        border-radius: 50px;
        float: left;
    }

    .m_gzlx_l {
        float: left;
        font-weight: bold;
        color: #333;
    }

    .m_gzlx_l img {
        width: 14px;
        height: 14px;
        position: relative;
        top: -1px;
        margin-right: 5px;
    }

    .m_gzlx_r {
        float: left;
        margin-left: 5px;
        padding-left: 5px;
        position: relative;
        top: 1px;
    }

    .m_gzlx_r:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0;
        width: 1px;
        height: 12px;
        background: #999;
        display: block;
    }

    .m_gzlx_r span {
        color: #FF273B;
    }

    .m_box {
        position: relative;
    }

    .m_gzlx_box span {
        float: right;
        font-size: 0.75rem;
        color: #707070;
        margin-top: 5px;
        display: block;
        margin-right: 8px;
    }

    /*2018-10-12 报名窗口*/
    .w_apply {
        position: relative;
        margin: 10px 0;
    }

    .w_apply .w_fn {
        position: absolute;
        top: 10px;
        left: 11px;
        font-size: 0.9375rem;
        color: #fff;
    }

    .w_apply .w_apply_img {
        display: inline-block;
        width: 100%;
    }

    .w_apply .w_apply_img img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .w_apply .submit_area {
        display: inline-block;
        position: absolute;
        bottom: 12px;
        left: 50%;
        width: 80%;
        margin-left: -40%;
        background: #FFF;
        border-radius: 5px;
    }

    .w_apply .w_apply_txt {
        padding-left: 4%;
        display: inline-block;
        width: 71%;
        height: 30px;
        background: #fff;
        border-radius: 5px;
        border: none;
        font-size: 0.6rem;
        line-height: 30px;
    }

    .w_apply .apply_submit {
        text-align: center;
        font-size: 0.75rem;
        color: #BB470E;
        font-weight: bold;
        height: 30px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        width: 70px;
        line-height: 30px;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        background: -webkit-linear-gradient(#FCE67C, #FAB41D); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(#FCE67C, #FAB41D); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(#FCE67C, #FAB41D); /* Firefox 3.6 - 15 */
        background: linear-gradient(#FCE67C, #FAB41D); /* 标准的语法 */
    }

    .dropload-up, .dropload-down {
        position: relative;
        height: 0;
        overflow: hidden;
        font-size: 12px;
        /* 开启硬件加速 */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .dropload-down {
        height: 75px;
    }

    .dropload-refresh, .dropload-update, .dropload-load, .dropload-noData {
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .dropload-load .loading {
        display: inline-block;
        height: 15px;
        width: 15px;
        border-radius: 100%;
        margin: 6px;
        border: 2px solid #666;
        border-bottom-color: transparent;
        vertical-align: middle;
        -webkit-animation: rotate 0.75s linear infinite;
        animation: rotate 0.75s linear infinite;
    }

    @-webkit-keyframes rotate {
        0% {
            -webkit-transform: rotate(0deg);
        }
        50% {
            -webkit-transform: rotate(180deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes rotate {
        0% {
            transform: rotate(0deg);
        }
        50% {
            transform: rotate(180deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    /*热销楼盘列表样式 */
    .y_title .w-abel {
        display: inline-block;
        width: 16px;
        height: 19px;
        position: relative;
        vertical-align: top;
        text-align: center;
        margin-right: 5px;
    }

    .y_title .w-abel > i {
        display: inline-block;
        position: absolute;
        width: 16px;
        text-align: center;
        font-size: 0.7rem;
        color: #fff;
        height: 19px;
        line-height: 19px;
    }

    .y_title .w-abel > img {
        display: inline-block;
        width: 100%;
    }

    /*弹窗*/
    .m_Popup_box {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000;
        display: none;
    }

    .m_Popup_zhez {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.4);
    }

    .m_Popup_gb {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 35px;
        height: 35px;
        margin-top: 215px;
        margin-left: -17.5px;
    }

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

    .m_Popup {
        width: 80%;
        height: 450px;
        margin: auto;
        position: relative;
        top: 50%;
        margin-top: -255px;
        background: #FFF;
        border-radius: 7px;
        overflow: hidden;
        display: none;
    }

    .m_Popup_title {
        height: 50px;
        line-height: 50px;
        font-size: 1rem;
        color: #333;
        font-weight: 600;
        text-align: center;
        background: #F8F8F8;
    }

    .m_Popup_Unlimited {
        height: 50px;
        background: #EEE;
        padding: 5px 10px;
    }

    .m_Popup_Unlimited a {
        background: #FFF;
        font-size: 0.9375rem;
        color: #333;
        display: block;
        height: 100%;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }

    .m_region_box {
    }

    .m_region_l {
        width: 45%;
        background: #F8F8F8;
        height: 350px;
        overflow: auto;
        float: left;
    }

    .m_region_l a {
        font-size: 0.9375rem;
        color: #333;
        display: block;
        height: 50px;
        text-indent: 20px;
        line-height: 50px;
    }

    .m_region_r {
        width: 55%;
        float: left;
        height: 350px;
        overflow: auto;
    }

    .m_region_r a {
        font-size: 0.9375rem;
        color: #333;
        display: block;
        height: 50px;
        text-indent: 20px;
        line-height: 50px;
    }

    /*价格*/
    .m_jg {
        height: 400px;
        overflow: auto;
    }

    .m_jg a {
        font-size: 0.9375rem;
        color: #333;
        display: block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-bottom: 1px solid #F8F8F8;
    }

    .m_jg a:last-child {
        border-bottom: 0;
    }

    .m_jg a.on {
        color: #D50000;
    }

    /*类型*/
    .m_style {
        height: 400px;
        overflow: auto;
        padding: 20px 15px 0px 15px;
    }

    .m_style a {
        position: relative;
        border: 1px solid #EEE;
        width: 48%;
        height: 42px;
        border-radius: 50px;
        font-size: 0.875rem;
        color: #333;
        display: block;
        text-align: center;
        line-height: 42px;
        float: left;
        margin-right: 4%;
        margin-bottom: 12px;
    }

    .m_style a:nth-child(2n) {
        margin-right: 0;
    }

    .m_style a.on:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        background: url(/image/v2/search4.png) no-repeat 0 0/ 100% 100%;
        width: 30px;
        height: 18px;
    }

    /*.m_style a img{position:absolute;top:0;right:0;width:30px;display:none;}*/
    .m_style a.on {
        border: 1px solid #D50000;
    }

    /*.m_style a.on img{display:block;}*/

    .m_region_l a.on {
        background: #FFF;
        color: #D50000;
    }

    /*媒体查询*/
    @media screen and (min-width: 300px) and (max-width: 374px) {
        .w_a .w_city {
            width: 238px;
        }

        .w_a .w_city > a {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }


</style>
<!-- 侧边栏 -->
<?php $this->beginContent('@app/views/public/nav.php'); ?>
<?php $this->endContent(); ?>

<!-- 区域选择 -->
<?php $this->beginContent('@app/views/index/city.php'); ?>
<?php $this->endContent(); ?>


<div id="serachBox2">

    <div class="y_homelist_head wm-top">
        <div class="w_wek_box houselist-header">
            <div class="header_back"><a href="/"><img src="/image/v2/search1.png"></a></div>
            <div class="w_a">
                <div class="w_city">
                    <span class="y_city"><?= $cityname ?><img src="/image/icon-wri.png" alt=""></span>
                    <a class="y_lplist_inp" href="javascript:void(0)"><img src="/image/search/w_sek.png" alt="">
                        请输入(楼盘名/拼音/地区等)</a>
                </div>
            </div>
            <div class="header_menu"><a></a></div>
        </div>

        <div class="y_qylist c">
            <div class="y_qylist_hoe c">
                <div class="y_qylist_con" data-id='1'>
                    <p class="y_topmain feng_city"><span><?php if (!empty($model['select_city'])) {
                                echo $model['select_city']['city_name'];
                            } else {
                                echo '区域';
                            } ?></span><i><img src="/image/ico_13.png" alt=""></i></p>
                </div>

                <div class="y_qylist_con" data-id='2'>
                    <p class="y_topmain feng_price"><span><?php if (!empty($model['select_price'])) {
                                echo $model['select_price'];
                            } else {
                                echo '价格';
                            } ?></span><i><img src="/image/ico_13.png" alt=""></i></p>
                </div>

                <div class="y_qylist_con" data-id='3'>
                    <p class="y_topmain feng_characteristic"><span><?php if (!empty($model['select_zhuti'])) {
                                echo $model['select_zhuti']['name'];
                            } else {
                                echo '特色';
                            } ?></span><i><img src="/image/ico_13.png" alt=""></i></p>
                </div>

                <div class="y_qylist_con" data-id='4'>
                    <p class="y_topmain feng_type"><span><?php if (!empty($model['select_type'])) {
                                echo $model['select_type']['huxing_name'];
                            } else {
                                echo '户型';
                            } ?></span> <i><img src="/image/ico_13.png" alt=""></i></p>
                </div>
            </div>

        </div>
    </div>


    <div style="height:50px;"></div>


    <div class="y_homelist_list">
        <div class="feng_count" style="display: none"
             house_data="<?php echo empty($house_count) ? 0 : $house_count ?>"></div>
        <ul class="c">

            <div class="m_apply" style="display:none;"><img src="/image/v2/wsearch5.png" alt=""></div>

            <?php if (!empty($house)) {
                foreach ($house as $val) { ?>
                    <li class="c">
                        <div class="m_box c">
                            <div class="y_img">
                                <p class="y_tu"><a href="/house/<?= $val['id'] ?>/"><img
                                                src="<?= $val['thumb'], '/same' ?>"
                                                alt=""><i><?= $val['city_name'] ?></i></a></p>
                                <!-- 视频与VR -->
                                <p class="y_licyit">
                                    <?php if (!empty($val['video_url'])) { ?>
                                        <img src="/image/vi.png" alt=""/>
                                    <?php } ?>

                                    <?php if (!empty($val['panorama'])) { ?>
                                        <img src="/image/vr.png" alt=""/>
                                    <?php } ?>
                                </p>
                            </div>
                            <div class="y_text">
                                <div class="y_text_main">
                                    <a href="/house/<?= $val['id'] ?>/">
                                        <p class="y_title"><span><?= $val['name'] ?></span></p>
                                        <?php if (!empty($val['sale_price'])) { ?>
                                            <p class="y_jiage">
                                                <?php if($val['price_unit'] != '元/㎡' && $val['price_unit'] != '元/㎡起') {?>
                                                    <i>总价：</i>
                                                <?php } else {?>
                                                    <i>均价：</i>
                                                <?php }?>
                                                <span><?= $val['sale_price'] ?></span><em><?= $val['price_unit'] ?></em>
                                            </p>
                                        <?php } else { ?>
                                            <p class="y_jiage"><span>待定</span></p>
                                        <?php } ?>

                                        <p class="y_shijian">有效期 &nbsp<?= \common\Helps\Time::effectiveTime() ?> </p>
                                        <p class="y_tese">
                                            <?php if (!empty($val['preferential'])): ?>
                                                <span class="wlabel-discounts"><?= $val['preferential'] ?></span>
                                            <?php endif; ?>
                                            <b><?= $val['state'] ?></b>
                                            <?php if (!empty($val['preferential'])): ?>
                                                <i><?= isset($val['characteristic'][0]) ? $val['characteristic'][0] : ''; ?></i>
                                            <?php else: ?>
                                                <?php if (!empty($val['characteristic'])) foreach ($val['characteristic'] as $s => $v) {
                                                    if ($s < 2) { ?>
                                                        <i><?= $v ?></i>
                                                    <?php }
                                                } ?>
                                            <?php endif; ?>
                                        </p>
                                    </a>
                                </div>

                                <div class="y_text_call">
                                    <a href="tel:<?= $val['citytel'] ?>"><img src="/image/v2/search3.png"
                                                                              alt="<?= $val['citytel'] ?>"></a>
                                </div>
                            </div>
                        </div>

                        <div class="m_gzlx_box c">
                            <div class="m_gzlx c">
                                <p class="m_gzlx_l"><img src="/image/v2/index6.png" alt="">楼盘热度</p>
                                <p class="m_gzlx_r">已有<?= $val['click_num'] ?>人浏览</p>
                            </div>
                            <!-- <span>2室/3室/其他</span> -->
                        </div>
                    </li>
                <?php }
            } ?>

        </ul>
    </div>


</div>

<div class="m_Popup_box">
    <div class="m_Popup_zhez Close"></div>

    <!-- 区域 -->
    <div class="m_Popup" data-id='1'>
        <div class="m_Popup_title">选择地址</div>
        <div class="m_Popup_Unlimited m_click"><a class="link_click" href="javascript:;" name="city" value="0">不限</a>
        </div>
        <div class="m_region_box c m_click">
            <div class="m_region_l" name="city">
                <?php foreach ($model['city'] as $val) { ?>
                    <a class="<?php if (Yii::$app->hostserver->hostId != 0) {
                        echo 'link_click';
                    } else {
                        echo 'link-item';
                    } ?>" href="javascript:;" name="city" pinyin="<?= $val['pinyin'] ?>"
                       value="<?= $val['id'] ?>"><?= $val['city_name'] ?></a>
                <?php } ?>
            </div>


            <div class="m_region_r">
            </div>

        </div>
    </div>

    <!-- 价格 -->
    <div class="m_Popup" data-id='2'>
        <div class="m_Popup_title">选择价格</div>
        <div class="m_jg c m_click" name="price">
            <a class="link_click" href="javascript:;" name="price" value="0">不限</a>
            <?php foreach ($model['price'] as $val) { ?>
                <a class="link_click" href="javascript:;" name="price"
                   value="<?= $val['price'] ?>"><?php echo empty($val['price_short']) ? $val['price'] : $val['price_short'] ?></a>
            <?php } ?>

        </div>
    </div>


    <!-- 类型 -->
    <div class="m_Popup" data-id='3'>
        <div class="m_Popup_title">特色标签</div>
        <div class="m_style c m_click" name="characteristic">
            <a class="link_click" href="javascript:;" name="characteristic" value="0">不限</a>
            <?php foreach ($model['zhuti'] as $val) { ?>
                <a class="link_click" href="javascript:;" name="characteristic"
                   value="<?= $val['id'] ?>"><?= $val['name'] ?></a>
            <?php } ?>

        </div>
    </div>


    <!-- 户型 -->
    <div class="m_Popup" data-id='4'>
        <div class="m_Popup_title">选择户型</div>
        <div class="m_jg c m_click" name="type">
            <a class="link_click" href="javascript:;" name="type" value="0">不限</a>
            <?php foreach ($model['type'] as $val) { ?>
                <a class="link_click" href="javascript:;" name="type"
                   value="<?= $val['id'] ?>"><?= $val['huxing_name'] ?></a>
            <?php } ?>
        </div>
    </div>


    <div class="m_Popup_gb Close"><img src="/image/v2/lplist1.png" alt=""></div>
</div>