pfhwyigou/mobile/views/house/home.php

<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/6/4
 * Time: 上午11:18
 */

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

AppAsset::addScript($this, Yii::$app->request->baseUrl . "/js/album_menu/iscroll.js");
AppAsset::addScript($this, Yii::$app->request->baseUrl . "/js/album_menu/navbarscroll.js");

// AppAsset::addCss($this,Yii::$app->request->baseUrl."/css/lpindex.css");
AppAsset::addCss($this, Yii::$app->request->baseUrl . "/js/index/swiper-3.4.2.min.css");
AppAsset::addScript($this, Yii::$app->request->baseUrl . '/js/index/swiper-3.4.2.min.js');
AppAsset::addScript($this, Yii::$app->request->baseUrl . '/js/house/canvas/chart.min.js');         //canvas图片
AppAsset::addScript($this, Yii::$app->request->baseUrl . '/js/house/canvas/calculator.js');        //canvas图片
//AppAsset::addScript($this,Yii::$app->request->baseUrl.'/js/index/index.js');
AppAsset::addScript($this, Yii::$app->request->baseUrl . '/js/homelist/main.js');
AppAsset::addScript($this, Yii::$app->request->baseUrl . '/js/lpindex/jquery.SuperSlide.2.1.3.source.js');
AppAsset::addScript($this, Yii::$app->request->baseUrl . '/js/lpindex/lpindex.js');
AppAsset::addScript($this, Yii::$app->request->baseUrl . '/js/house/news.js');
// AppAsset::addScript($this,Yii::$app->request->baseUrl.'/js/signup/signup.js');      //  报名弹窗调用
// AppAsset::addScript($this,Yii::$app->request->baseUrl.'/js/applyVerify.js');        //  报名弹窗调用
$this->title = $model['house']['name'] . '_' . $model['seo']['province'] . $model['house']['name'] . '楼盘详情_' . $model['seo']['province'] . '易购房';
$this->metaTags[] = '<meta name="keywords"  content="' . $model['house']['name'] . ',' . $model['house']['provinceName']['city_name'] . $model['house']['name'] . ','
    . $model['house']['name'] . '楼盘详情,' . $model['house']['name'] . '户型图,' . $model['house']['name'] . '房价走势" />';
$this->metaTags[] = '<meta name="description" content="' . $model['house']['provinceName']['city_name'] . '易购房为您提供' . $model['house']['name'] . '楼盘售楼处电话：' . $model['house']['phone_sales'] . '、最新房价参考:' . (empty($model['house']['sale_price']) ? '' : $model['house']['sale_price']) . $model['house']['price_unit'] . '、户型图、实景图和周边配套等最新楼盘详情信息，买新房尽在' . $model['house']['provinceName']['city_name'] . '易购房！"/>';
?>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=lIXbW84tKu6oNCj0bbgTnau7"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/CityList/1.4/src/CityList_min.js"></script>


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

<style>

    body {
        background: #fff;
    }

    .Home-header {
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
    }

    .Home-header-box {
        position: relative;
        height: 50px;
        z-index: 100;
        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;
        max-width: 750px;
        margin: 0 auto;
    }

    .Home-header-box .header-left {
        position: absolute;
        left: 8px;
        top: 50%;
        z-index: 2;
        width: 36px;
        height: 36px;
        margin-top: -18px;
    }

    .Home-header-box .header-left a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .Home-header-box .header-left a img {
        display: block;
        width: 11px;
        height: 18px;
        margin: 0 auto;
        position: relative;
        top: 8px;
    }

    .Home-header-box .header-right {
        position: absolute;
        right: 8px;
        top: 50%;
        z-index: 2;
        width: 36px;
        height: 36px;
        margin-top: -18px;
    }

    .Home-header-box .header-right a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .Home-header-box .header-right.header_menu a#menu {
        background: none;
        width: 100%;
        height: 100%;
        position: relative;
        top: auto;
        left: auto
    }

    .Home-header-box .header-right a img {
        display: block;
        width: 21px;
        height: 21px;
        margin: 0 auto;
        position: relative;
        top: 8px;
    }

    .Home-header-box .header-center {
        width: 70%;
        margin: 0 auto;
        padding-top: 9px;
    }

    .Home-header-box .header-center a {
        display: block;
        width: auto;
        height: 30px;
        text-align: center;
    }

    .Home-header-box .header-center a img {
        width: auto;
        height: 100%;
    }

    .Home-header-box .header-center a span {
        display: inline-block;
        margin-left: 3px;
    }

    .bot {
        position: absolute;
        height: 20px;
        bottom: -8px;
        background: #fff;
        border-radius: 10px;
        width: 100%;
    }

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

    .Home-header-nav {
        width: 100%;
        /*box-shadow:0px 5px 8px 0px rgba(177,177,177,0.16); */
        z-index: 10;
        position: relative;
        background: #fff;
        height: 0px;
        overflow: hidden;
        line-height: 30px;
        -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;
    }

    .header-nav-list {
        position: absolute;
    }

    .header-nav-list ul li {
        float: left;
    }

    .header-nav-list ul li a {
        display: block;
        font-size: 0.937rem;
        color: #333;
        margin: 0 23px;
    }

    .header-nav-list ul li a span {
        display: block;
    }

    .header-nav-list ul li a i {
        display: block;
        height: 3px;
        width: 100%;
        background: #fff;
        border-radius: 10px;
    }

    .header-nav-list ul li.cur a {
        color: #4976F1;
    }

    .header-nav-list ul li.cur a i {
        background-color: #4976F1;
    }

    .Home-header-nav.fixed {
        position: fixed;
        top: 50px;
        height: 50px;
        /*padding:7px 0 8px; */
    }

    .Home-header-nav.slide-up {
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    .w_b {
        position: fixed;
        top: 13px;
        left: 15px;
    }

    .w_b a {
        display: inline-block;
        padding-right: 10px;
        z-index: 10
    }

    .w_b a img {
        display: inline-block;
        width: 9px;
        height: 15px;
    }

    /*轮播*/
    .m_swiper_box {
        padding: 0 15px;
        margin-top: 5px;
    }

    .m_lunbo_box {
        width: 100%;
        height: 202px;
        overflow: hidden;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
    }

    .m_lunbo_box ul {
        width: 100%;
        height: 100%;
    }

    .m_lunbo_box ul li {
        width: 100%;
        height: 100%;
        border-radius: 5px;
        overflow: hidden;
    }

    .m_lunbo_box ul li img {
        width: 100%;
        height: 100%;
    }

    .m_lunbo_box .swiper-pagination {
        color: #FFF;
        z-index: 1;
        font-size: 0.875rem;
        right: 15px;
        bottom: 15px;
        left: auto;
        width: auto;
        background: rgba(0, 0, 0, 0.5);
        padding: 4px 8px;
        border-radius: 3px;
    }

    .m_swiper_bj {
        display: block;
        width: 94%;
        margin: auto;
        position: relative;
        top: -3px;
    }

    .m_lunbo_box .videor {
        position: absolute;
        left: 10px;
        bottom: 10px;
        width: 35px;
        z-index: 10;
    }

    .m_lunbo_box .videor > a img {
        display: inline-block;
        width: 34px;
        height: 34px;
        margin-top: 5px
    }

    .m_lunbo_box .videor > img + img {
        margin-top: 5px;
    }

    .y_lphometext {
        position: relative;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 0 15px;
        margin-top: 10px;
    }

    .y_lptitle {
    }

    .y_lptitle p.y_lpname span {
        display: inline-block;
        font-size: 1.3125rem;
        color: #333;
        font-weight: 600;
        max-width: 73%;
        float: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .y_lptitle p.y_lpname em {
        position: relative;
        top: 2px;
        display: inline-block;
        font-size: 0.6875rem;
        color: #D61F2B;
        background: #FFE6EC;
        border-radius: 2px;
        padding: 2px 4px;
        margin-left: 8px;
    }

    .y_lptitle p.y_guanzhu {
        border: 1px solid #FC6023;
        border-radius: 30px;
        background: #fff;
        padding: 3px 10px;
    }

    .y_lptitle p.y_guanzhu i {
        width: 17px;
        height: auto;
        position: relative;
        top: -2px;
    }

    .y_lptitle p.y_guanzhu i img {
        width: 17px;
        height: auto;
    }

    .y_lptitle p.y_guanzhu span {
        display: inline-block;
        font-size: 0.9rem;
        color: #fc6023;
    }

    .y_lphomejg {
        margin-top: 10px;
        position: relative;
    }

    .y_lphomejg p.w-label i {
        border-radius: 2px;
        display: inline-block;
        font-size: 0.6875rem;
        padding: 3px 7px;
        background: #EFF2F4;
        color: #475C89;
        vertical-align: top;
    }

    .y_lphomejg p.w-label i + i {
        margin-left: 5px;
    }

    .y_lphomejg p.y_jiage {
        margin-top: 8px;
    }

    .y_lphomejg p.y_jiage span {
        display: inline-block;
        font-size: 1rem;
        color: #D50000;
    }

    .y_lphomejg p.y_jiage span em {
        display: inline-block;
        font-size: 1.75rem;
        color: #D50000;
        margin-right: 2px;
        font-weight: 600;
    }

    .y_lphomejg p.y_jiage span .unit {
        font-weight: 600;
    }

    .y_lphomejg p.y_jiage a {
        display: inline-block;
        width: 22px;
        height: auto;
        margin-left: 10px;
    }

    .y_lphomejg p.y_jiage a img {
        width: 100%;
        height: auto;
    }

    .w-commonality {
        font-size: 0.6rem;
        color: #999;
        margin-left: 5px;
    }

    .y_lphomejg .y_yxq {
        font-size: 0.9rem;
        margin-top: 8px;
    }

    .y_lphomejg .y_yxq i {
        color: #999;
        margin-right: 8px;
        float: left;
    }

    .y_lphomejg .y_yxq em {
        float: left;
        width: 82%;
        color: #333;
        line-height: 21px;
        position: relative;
        top: -1px;
    }

    .y_lphomejg a {
        width: 35px;
        height: 35px;
        position: absolute;
        top: -18px;
        right: 10px;
    }

    .y_lphomejg a img {
        width: 100%;
        height: 100%;
    }

    .m_pm_box {
        color: #333;
        float: left;
        display: block;
        overflow: hidden;
        width: 87%;
    }

    .m_pm {
        width: auto !important;
    }

    .m_pm .tempWrap {
        width: auto !important;
    }

    .m_pm ul li {
        font-size: 0.875rem;
        color: #333;
        display: block;
        white-space: nowrap;
        margin-right: 20px;
        display: block;
        float: left;
    }

    .y_demo_bm {
        margin-top: 15px;
        border-top: 1px solid #F8F8F8;
        height: 58px;
    }

    .y_demo_bm a {
        display: inline-block;
        border-radius: 5px;
        width: 49%;
        height: 58px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
        font-size: 1rem;
        color: #333;
        font-weight: 600;
    }

    .y_demo_bm a:nth-child(1):before {
        content: "";
        width: 1px;
        height: 16px;
        background: #eee;
        position: absolute;
        top: 20px;
        right: 0;
    }

    .y_demo_bm a i {
        width: 30px;
        height: 30px;
        border-radius: 100px;
        display: block;
        margin-right: 10px;
    }

    .y_demo_bm a i img {
        width: 100%;
        height: 100%;
    }

    /*热线*/
    .y_modtel_box {
        width: 100%;
        margin-top: 15px;
    }

    .y_modtel {
        position: relative;
        background: url(/image/v2/m_lpindex2.png) no-repeat 0 0/ 100% 100%;;
        height: 71px;
    }

    .y_modtel .y_modtel_text p.y_text {
        font-size: 0.6875rem;
        color: #FECCB9;
        padding: 12px 0;
        position: absolute;
        top: 30px;
        left: 18px;
    }

    .y_modtel .y_modtel_text p.y_call {
        font-size: 0.875rem;
        color: #FFF;
        position: absolute;
        top: 12px;
        left: 20px;
    }

    .y_modtel .y_modtel_text p.y_call i {
        display: inline-block;
        margin-right: 8px;
        vertical-align: top;
        position: relative;
        top: 4px;
        font-weight: 600;
    }

    .y_modtel .y_modtel_text p.y_call span {
        font-size: 1.25rem;
        color: #FFF;
        font-weight: 600;
    }

    .y_modtel .y_telimg {
        position: absolute;
        right: 2.5%;
        bottom: 0;
        width: 71px;
        height: 71px;
    }

    .y_modtel .y_telimg img {
        width: 100%;
        height: 100%;
    }

    /*.户型*/
    .v2_lpindx5_main {
        margin-top: 5px;
    }

    .y_lphomehx {
        background: #fff;
        padding: 0 15px;
        margin-top: 20px;
    }

    .y_lphomehx_cent {
        margin-top: 15px;
    }

    #y_lphomehx_cent li {
        padding: 15px 0;
        border-bottom: 1px solid #eee;
        position:relative;
    }
    .y_lphomehx_cent-bel {position:absolute;top:15px;right:0px;background:#FFEEEE;border-radius:3px;color:#D50000;font-size:0.75rem;display:inline-block;padding:8px 10px;}
    .y_lphomehx_cent-bel img {display:inline-block;width:9px;height:11px;margin-right:5px;position:relative;top:-1px;}

    #y_lphomehx_cent li:last-child {
        border-bottom: 0;
    }

    #y_lphomehx_cent li .y_tu {
        width: 33%;
        height: 104px;
        border: 1px solid #eee;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        vertical-align: top;
        float: left;
    }

    #y_lphomehx_cent li .y_tu .y_tuimg {
        width: 100%;
        height: 100%;
    }

    #y_lphomehx_cent li .y_tu .y_tuimg img {
        width: 100%;
        height: 100%;
    }

    #y_lphomehx_cent li .y_tu .y_tuhx {
        position: absolute;
        right: 0px;
        top: 0px;
        background: rgba(0, 0, 0, 0.5);
        padding: 3px 8px;
        font-size: 0.6rem;
        color: #fff;
    }

    #y_lphomehx_cent li .y_text {
        width: 59%;
        margin-left: 15px;
        float: left;
    }

    #y_lphomehx_cent li .y_text .y_textjs {
        font-size: 1.0625rem;
        color: #333;
        font-weight: 600;
        margin-top: 8px;
        width: 61%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    }

    #y_lphomehx_cent li .y_text .y_textjm {
        font-size: 0.875rem;
        color: #666;
        margin-top: 15px;
    }

    #y_lphomehx_cent li .y_text .txt-hu {
        font-size: 0.875rem;
        color: #666;
        margin-top: 15px;
    }

    /*基本信息*/

    .y_lpjbxx {
        background: #fff;
        margin-top: 20px;
    }

    .y_lpjbxx_main {
        margin: 0 15px;
    }

    .y_lpjbxx_cent {
        margin-top: 15px;
    }

    .y_lpjbxx_cent ul li {
        font-size: 0.875rem;
        color: #555;
        padding: 8px 0;
        position: relative;
    }

    .y_lpjbxx_cent ul li span {
        display: inline-block;
        float: left;
        color: #666;
        margin-right: 15px;
    }

    .y_lpjbxx_cent ul li em {
        display: inline-block;
        float: left;
        width: 75%;
        color: #333;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .y_lpjbxx_cent ul li em.lord {
        display: inline-block;
        float: left;
        width: 75%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .y_lpjbxx_cent ul li a {
        z-index: 5;
        position: absolute;
        right: 10px;
        top: 1px;
        font-size: 0.75rem;
        color: #D50000;
        display: block;
        padding: 4px 12px;
        border-radius: 20px;
        border: 1px solid #D50000;
    }

    .y_lpjbxx_cent ul li a i {
        display: inline-block;
        width: 20px;
        height: auto;
    }

    .y_lpjbxx_cent ul li a i img {
        width: 100%;
        height: auto;
        position: relative;
        top: -1px;
        padding-right: 3px;
    }

    .y_lpjbxx_cent ul li em.y_ckysz {
        font-size: 0.9rem;
        color: #fb6537;
    }

    /*2018-12-5 项目介绍 */
    .w-into {
        margin: 20px 10px 0 10px;
    }

    .w-into .w-font {
        margin: 20px 0 0;
        padding-bottom: 25px;
    }

    .w-into .w-font em {
        display: block;
        position: relative;
        font-size: 0.875rem;
        color: #333;
        font-weight: 600;
    }

    .w-into .w-font em:before {
        content: "";
        display: block;
        float: left;
        width: 6px;
        height: 4px;
        background: #D50000;
        border-radius: 0 10px 10px 0;
        margin-top: 7px;
        margin-right: 6px;
    }

    .w-into .w-font .w-fonttext {
        font-size: 0.875rem;
        color: #666;
        display: block;
        margin-top: 13px;
        line-height: 25px;
        height: 90px;
        overflow: hidden;
        position: relative;
    }

    .w-into .w-font .w-fonttext:before {
        content: "";
        display: block;
        padding: 30px 0 25px 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    }

    .w-into .w-font p {
        line-height: 25px;
        font-size: 0.95rem;
        color: #666;
        margin-top: 10px;
    }

    /*2018-12-5 楼盘相册*/
    .w-photo {
        margin-top: 25px;
        padding: 0 15px;
    }

    .w-photo .m_ophoto {
        margin-top: 25px;
    }

    .w-photo .m_ophoto_li {
        width: 48%;
        border: 1px solid #EEE;
        height: 59px;
        border-radius: 5px;
        overflow: hidden;
        float: left;
        margin-right: 4%;
        margin-bottom: 4%;
        position: relative;
    }

    .w-photo .m_ophoto_li:nth-child(2n) {
        margin-right: 0;
    }

    .w-photo .m_ophoto_li a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .w-photo .m_ophoto_li p {
        float: left;
    }

    .w-photo .m_ophoto_li p em {
        font-size: 0.875rem;
        color: #333;
        font-weight: 600;
        margin-top: 8px;
        display: block;
        margin-left: 12px;
    }

    .w-photo .m_ophoto_li p span {
        font-size: 0.6875rem;
        color: #999;
        display: block;
        margin-top: 8px;
        margin-left: 12px;
    }

    .w-photo .m_ophoto_li .sw-img {
        display: block;
        width: 50%;
        height: 57px;
        float: right;
    }

    .w-photo .m_ophoto_li .sw-img img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }

    /*报名切换*/
    #wcon {
        width: 100%;
        margin-top: 30px;
    }

    #wcon .swiper-slide {
        width: 88%;
        margin-left: 15px;
    }

    #wcon .swiper-slide:last-child {
        margin-right: 15px;
    }

    #wcon .swiper-slide a img {
        display: block;
        width: 100%;
    }

    /*.楼盘动态*/
    .y_lphomenew {
        margin-top: 20px;
        padding: 0 15px;
    }

    .y_lphomenew_cent {
        margin-top: 5px;
    }

    .y_lphomenew_cent ul li {
        padding: 17px 0;
    }

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

    .y_lphomenew_cent ul li .w_img {
        border-radius: 3px;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        width: 29%;
        height: 75px;
        margin-left: 10px;
        float: right;
    }

    .y_lphomenew_cent ul li .w_img img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .y_lphomenew_cent ul li .w_font {
        display: inline-block;
        vertical-align: top;
        width: 66%;
        position: relative;
        height: 75px;
    }

    .y_lphomenew_cent ul li .w_font p {
        font-size: 0.9375rem;
        line-height: 25px;
        color: #333;
        font-weight: 600;
    }

    .y_lphomenew_cent ul li .w_font .ti {
        position: absolute;
        bottom: -5px;
        width: 100%;
        line-height: 22px;
    }

    .y_lphomenew_cent ul li .w_font .ti i {
        font-size: 0.75rem;
        color: #666;
        background: #F8F8F8;
        padding: 3px 7px;
    }

    .y_lphomenew_cent ul li .w_font .ti span {
        font-size: 0.75rem;
        color: #666;
        float: right;
    }

    /*/周边配套*/
    .y_lpzbpt {
        background: #fff;
        margin-top: 20px;
    }

    /*.y_lpzbpt_main{}*/
    .y_lpzbpt_cent {
        margin-top: 12px;
    }

    .y_lpdt {
        width: 100%;
        height: 160px;
    }

    .y_lpdt_list {
        margin-top: 20px;
        padding: 0 2%;
    }

    .y_lpdt_list ul li {
        text-align: center;
        float: left;
        margin-right: 9%;
    }

    @media screen and (min-width: 300px) and (max-width: 374px) {
        .y_lpdt_list ul li {
            margin-right: 7.5%;
        }
    }

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

    .y_lpdt_list ul li .y_tu {
        width: 20px;
        height: auto;
        margin: 0 auto;
    }

    .y_lpdt_list ul li .y_tu img {
        width: 100%;
        height: auto;
    }

    .y_lpdt_list ul li .y_text {
        font-size: 1rem;
        color: #999;
        position: relative;
    }

    .y_lpdt_list ul li .y_text:before {
        content: "";
        display: block;
        width: 14px;
        height: 2px;
        border-radius: 10px;
        position: absolute;
        bottom: -6px;
        left: 50%;
        margin-left: -7px;
        background: #FFF;
    }

    .y_lpdt_list ul li a.on .y_text:before {
        background: #D50000;
    }

    .y_lpdt_list ul li a.on .y_text {
        color: #D50000;
    }

    .y_maplpdizhi {
        padding: 15px 15px;
    }

    .y_maplpdizhi img {
        width: 10px;
        display: inline-block;
        float: left;
        position: relative;
        top: 3px;
    }

    .y_maplpdizhi span {
        font-size: 0.9rem;
        color: #333;
        display: inline-block;
        float: left;
        width: 93%;
        margin-left: 5px;
        line-height: 20px;
    }

    /*房贷参考*/
    .loans {
        margin-top: 20px;
        padding: 0 15px;
    }

    .loans canvas {
        float: left;
        margin-top: 1px;
    }

    .loans p {
        margin: 0;
        padding: 0;
    }

    .loans .w-drawing {
        margin: 20px 0;
    }

    .loans .info {
        position: relative;
        display: block;
        margin-left: 10px;
        width: 50%;
        float: left;
    }

    .loans .info .info_xl_box {
        border: 1px solid #EEE;
        width: 100%;
        margin-bottom: 5px;
        position: relative;
        background: #fff;
    }

    .loans .info .info_xl {
        height: 35px;
        line-height: 35px;
        font-size: 0.875rem;
        color: #666;
        padding-left: 10px;
    }

    .loans .info .info_xl span {
        margin-left: 10px;
    }

    .loans .info .info_xl img {
        float: right;
        position: relative;
        top: 15px;
        right: 10px;
        width: 5%;
    }

    .loans .info .info_xl_box .info_xllist {
        display: none;
        width: 100%;
        padding: 5px 0;
        border-radius: 5px;
        position: absolute;
        top: 35px;
        background: #FFF;
        z-index: 10;
        box-shadow: 0px 0px 20px 0px #dfdfdf;
    }

    .loans .info .info_xl_box .info_xllist li {
        font-size: 0.7rem;
        font-size: #666;
        height: 35px;
        line-height: 35px;
        text-indent: 1em;
    }

    .loans .info p {
        padding: 0.3rem 0.6rem 0.3rem 0.1rem;
    }

    .loans .info p:nth-child(2) {
        font-size: 0.9375rem;
        color: #666;
    }

    .loans .info p:nth-child(3):before, .loans .info p:nth-child(4):before, .loans .info p:nth-child(5):before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #007AF5;
        margin-right: 5px;
        position: relative;
        top: -1px;
    }

    .loans .info p:nth-child(4):before {
        background: #FFA245;
    }

    .loans .info p:nth-child(5):before {
        background: #62BE4B;
    }

    .loans .info p:nth-child(3) {
        font-size: 0.875rem;
        color: #333;
    }

    .loans .info p:nth-child(4) {
        font-size: 0.875rem;
        color: #333;
    }

    .loans .info p:nth-child(5) {
        font-size: 0.875rem;
        color: #333;
    }

    .loans .info p:nth-child(6) {
        font-size: 1rem;
        color: #333;
        margin-top: 20px;
        text-align: right;
        font-weight: 600;
    }

    .loans .info p:nth-child(6) span {
        color: #D50000;
        font-weight: 600;
    }

    .loans .calcBtn {
        background: #EDF3FF;
        height: 40px;
        line-height: 40px;
        border-radius: 25px;
    }

    .loans .calcBtn a {
        display: block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 5px;
        background: #F9F9F9;
        color: #395281;
        font-size: 1rem;
    }

    #canvas_fdck {
        width: 100% !important;
        height: auto !important;
    }

    /*用户点评*/
    .h-remark {
        margin: 0 10px;
        padding: 20px 0;
    }

    .remark-txt {
    }

    .remark-txt p {
        font-size: 0.9375rem;
        color: #333;
        margin: 25px 0 15px 0;
    }

    .remark-txt p span {
        color: #EF0000;
    }

    .remark-txt textarea {
        display: block;
        width: 100%;
        resize: none;
        border: 0;
        color: #333;
        padding: 15px 10px;
        font-size: 0.875rem;
        background: #FAFAFA;
        height: 115px;
    }

    .remark-txt textarea::-webkit-input-placeholder {
        color: #666;
    }

    /* WebKit, Blink, Edge */
    .remark-txt textarea:-moz-placeholder {
        color: #666;
    }

    /* Mozilla Firefox 4 to 18 */
    .remark-txt textarea::-moz-placeholder {
        color: #666;
    }

    /* Mozilla Firefox 19+ */
    .remark-txt textarea:-ms-input-placeholder {
        color: #666;
    }

    /* Internet Explorer 10-11 */
    .remark-txt .remark-btn {
        display: block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 1rem;
        color: #fff;
        border-radius: 50px;
        margin-top: 20px;
        background: -webkit-linear-gradient(right, #EA3C3E, #F85047); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #EA3C3E, #F85047); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #EA3C3E, #F85047); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #EA3C3E, #F85047); /* 标准的语法 */

        box-shadow: 0px 0px 12px 0px rgba(234, 44, 45, 0.56);
    }

    .remark-list {
        margin-top: 5px;
        margin-left: 10px;
    }

    .remark-list ul li {
        border-bottom: 1px solid #f8f8f8;
        padding: 20px 0;
    }

    .remark-list ul li:last-child {
        border-bottom: 0;
    }

    .remark-list-photo {
        display: flex;
        align-items: center;
    }

    .remark-list-photo img {
        display: block;
        width: 41px;
        height: 41px;
        float: left;
    }

    .remark-list-photo p {
        float: left;
        margin-left: 15px;
    }

    .remark-list-photo p em {
        font-size: 0.9375rem;
        color: #333;
        font-weight: 600;
    }

    .remark-list-photo p span {
        font-weight: 600;
    }

    .remark-list-cont {
        margin-top: 17px;
        font-size: 0.9375rem;
        color: #333;
        line-height: 25px;
    }

    .Comment_time {
        margin-top: 16px;
    }

    .Comment_time span {
        font-size: 0.8125rem;
        color: #999;
    }

    .remark-reply {
        background: #F8F8F8;
        padding: 10px;
        margin-top: 10px;
        border-radius: 5px;
    }

    .remark-reply p {
        font-size: 0.8125rem;
        color: #BA7735;
        line-height: 25px;
    }

    .remark-reply p.time {
        font-size: 0.625rem;
        color: #999;
        margin-top: 15px;
    }

    /*点评报名弹窗*/
    .w_up_ap {
        display: none;
        position: fixed;
        top: -100%;
        margin-top: -200px;
        left: 50%;
        margin-left: -157px;
        z-index: 111;
    }

    .w_up_ap .w_up_info {
        display: inline-block;
        width: 315px;
        height: 215px;
        background: #fff;
        border-radius: 10px;
        text-align: center;
    }

    .w_up_ap .w_up_info p:first-child {
        font-size: 1.25rem;
        text-align: center;
        margin-top: 20px;
    }

    .w_up_ap .w_up_info p:nth-child(2) {
        font-size: 0.75rem;
        color: #424E5F;
        margin-top: 10px;
        text-align: center;
    }

    .w_up_ap .w_up_info input[name="mobile"] {
        background: #F8F8F8;
        display: inline-block;
        width: 260px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #424E5F;
        border: none;
        margin-top: 20px;
        border-radius: 25px;
        font-size: 0.875rem;
    }

    .w_up_ap .w_up_info .w_sbtn {
        display: block;
        font-size: 1.125rem;
        padding: 12px 0;
        border-radius: 30px;
        text-align: center;
        color: #fff;
        width: 260px;
        margin: 20px auto 0;
        background: #FE5904;
        background: -webkit-linear-gradient(right, #FF8D22, #FE5603); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #FF8D22, #FE5603); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #FF8D22, #FE5603); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #FF8D22, #FE5603); /* 标准的语法 */
    }

    .w_up_ap .ws_up_cls {
        display: inline-block;
        width: 17px;
        height: 17px;
        position: absolute;
        bottom: -50px;
        left: 50%;
        margin-left: -9px;
    }

    .w_up_ap .ws_up_cls img {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .cover {
        display: block;
        width: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 99;
        background: rgba(0, 0, 0, 0.5);
        display: none;
    }

    /*楼盘推荐*/
    .y_lphome_h {
        height: 23px;
        position: relative;
        border: none;
    }

    /*.y_lphome_h:after {content:"";display:inline-block;width:78%;height:1px;background:#E6E6E6;position:absolute;right:0;bottom:0;}*/
    .y_lphome_h span {
        font-size: 1.25rem;
        color: #333;
        display: block;
        float: left;
        font-weight: 600;
        padding-left: 0;
        border: none;
    }

    .y_lphome_h span b {
        color: #333;
    }

    .y_lphome_h a {
        display: block;
        font-weight: bold;
        float: right;
        position: relative;
        top: 4px;
        color: #D50000;
        font-size: 0.8125rem;
    }

    .y_lphome_h a img {
        width: 9px;
    }

    .y_lphometj {
        background: #fff;
        padding: 10px 0;
        margin-top: 10px;
    }

    .y_lphometj_main {
        margin: 0 10px;
    }

    .y_lphometj_main .y_lphome_h {
        height: 31px;
    }

    .m_zaigai_title {
        position: relative;
    }

    .m_zaigai_title a {
        position: absolute;
        right: 0px;
        padding: 0 10px;
    }

    .m_zaigai_title span {
        font-size: 1.1875rem;
        color: #333;
        font-weight: 600;
    }

    .sell_box {
        background: #fff;
        padding: 0px 10px 0 10px;
        margin-top: 20px;
    }

    .sell_conter {
        margin-top: 5px;
    }

    .sell_box .sell_conter ul li {
        border-bottom: 1px solid #F5F5F5;
        position: relative;
        padding: 15px 0;
    }

    .sell_box .sell_conter ul li:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .sell_box .sell_conter ul li .cal_price {
        z-index: 8;
        position: absolute;
        right: 0;
        top: 21px;
        height: 35px;
        width: 35px;
    }

    .sell_box .sell_conter ul li .cal_price img {
        width: 100%;
        height: 100%;
    }

    .sell_box .sell_conter ul li a {
        display: block;
    }

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

    .sell_box .sell_conter ul li .sell_img i {
        position: absolute;
        bottom: 4px;
        left: 4px;
        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;
    }

    .sell_box .sell_conter ul li .sell_img img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .sell_box .sell_conter ul li .sell_conter_right {
        float: left;
        width: 62%;
        margin-left: 15px;
    }

    .sell_box .sell_conter ul li .sell_conter_right p.jg_ing {
        margin-top: 5px;
    }

    .sell_box .sell_conter ul li .sell_conter_right p.jg_ing span {
        color: #D50000;
        font-size: 0.75rem;
        font-weight: bold;
    }

    .sell_box .sell_conter ul li .sell_conter_right p.jg_ing span em {
        color: #D50000;
        font-size: 1.05rem;
        font-weight: 600;
        display: inline-block;
        position: relative;
        top: 1px;
        margin-right: 2px;
    }

    .sell_conter_right .date {
        font-size: 0.6875rem;
        color: #999;
        margin-top: 5px;
    }

    .sell_conter_right .style {
        font-size: 0.6875rem;
        color: #999;
        position: relative;
        top: 3px;
    }

    .sell_conter_right .style {
    }

    .sell_conter_right .style i {
        max-width: 63px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        padding: 3px 8px;
        background: #EFF2F4;
        border-radius: 3px;
        vertical-align: top;
    }

    .sell_conter_right .style i:nth-child(1) {
        background: #FFE6EC;
        color: #D61F2B;
    }

    .sell_conter_right .style b {
        position: relative;
        display: inline-block;
        font-size: 0.6875rem;
        color: #D61F2B;
        background: #FFE6EC;
        border-radius: 2px;
        padding: 3px 4px;
        vertical-align: top;
        margin-right: 1.5px;
    }

    .sell_box .sell_conter ul li .sell_conter_right .title {
        font-size: 1.0625rem;
        color: #333;
        width: 77%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 600;
    }

    .m_gzlx {
        font-size: 0.6875rem;
        color: #333;
        margin-top: 10px;
        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_lj_ckgd {
        display: block;
        text-align: center;
        background: #F8F8F8;
        padding: 15px 0;
        font-size: 1rem;
        color: #395281;
        margin-top: 30px;
        border-radius: 5px;
    }

    /*户型更多*/

    a.w-more {
        display: block;
        background: #F9F9F9;
        color: #395281;
        font-size: 1rem;
        text-align: center;
        padding: 14px 0;
        border-radius: 5px;
    }

    a.w-more img {
        display: inline-block;
        width: 17px;
        height: 17px;
        display: none;
    }

    /*2018-10-13 报名看房 */
    .w_sign {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 55px;
    }

    .w_sign .f1 {
        font-size: 1.125rem;
        color: #fff;
        position: absolute;
        top: 6px;
        left: 80px;
    }

    .w_sign .f2 {
        font-size: 0.75rem;
        color: #fff;
        position: absolute;
        left: 80px;
        bottom: 7px;
    }

    .w_sign > img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .w_sign a.popup {
        text-align: center;
        font-size: 0.625rem;
        height: 20px;
        line-height: 20px;
        width: 88px;
        border-radius: 10px;
        position: absolute;
        top: 20px;
        right: 25px;
        color: #50B0FC;
        background: #fff;
        box-shadow: 1px 1px 1px 1px #50B0FC;
    }

    /*帮找户型*/
    .wna {
        display: block;
        position: relative;
        margin: 22px 15px;
    }

    .wna .wna_img {
        width: 46px;
        height: 46px;
        float: left;
    }

    .wna .wna_img img {
        width: 100%;
        height: 100%;
    }

    .wna .wna_text {
        float: left;
        margin-left: 12px;
    }

    .wna .f1 {
        color: #343434;
        font-size: 1rem;
        font-weight: 600;
    }

    .wna .f2 {
        font-size: 0.875rem;
        color: #666;
        margin-top: 9px;
    }

    .wna a.wx {
        width: 86px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        border-radius: 30px;
        position: absolute;
        right: 0;
        bottom: 5px;
        font-size: 0.875rem;
        background: linear-gradient(left, #FF3535, #FE6262);
        background: -webkit-linear-gradient(left, #FF3535, #FE6262);
        background: -o-linear-gradient(left, #FF3535, #FE6262);
        background: -moz-linear-gradient(left, #FF3535, #FE6262);
    }

    .y_lpkpsj {
        margin-top: 8px;
    }

    .y_lpkpsj i {
        width: 18px;
        height: 18px;
        display: inline-block;
        margin-right: 5px;
        position: relative;
        top: -1px;
    }

    .y_lpkpsj i img {
        width: 100%;
        height: 100%;
    }

    .y_lpkpsj span {
        font-size: 0.95rem;
        color: #555555;
    }

    .y_lpdizhi {
        margin-top: 8px;
    }

    .y_lpdizhi a {
        display: block;
    }

    .y_lpdizhi a span {
        font-size: 0.95rem;
        color: #555;
        display: block;
        float: left;
    }

    .y_lpdizhi a span i {
        display: inline-block;
        width: 17px;
        height: auto;
        margin-right: 5px;
        position: relative;
        top: -1px;
    }

    .y_lpdizhi a span i img {
        width: 100%;
        height: auto;
    }

    .y_lpdizhi a em {
        width: 10px;
        height: auto;
        display: block;
        float: right;
        position: relative;
        top: -3px;
    }

    .y_lpdizhi a em img {
        width: 100%;
        height: auto;
    }

    .y_lpwykhp {
        background: url('../image/ico_33.png') no-repeat #F5F9FE 20px center;
        border-radius: 5px;
        text-align: center;
        height: 40px;
        width: 100%;
        line-height: 40px;
        background-size: 20%;
    }

    .y_lpwykhp a {
        display: block;
        font-size: 1rem;
        color: #555;
    }

    .y_lpwykhp a i {
        display: inline-block;
        width: 23px;
        height: auto;
        margin-left: 8px;
        position: relative;
        top: -1px;
    }

    .y_lpwykhp a i img {
        width: 100%;
        height: auto;
    }

    /*楼盘评测*/
    .y_lphome_h2 {
        border: none;
        padding-bottom: 0px;
    }

    .y_lphomepc {
        background: #fff;
        padding: 10px 0;
        margin-top: 10px;
    }

    .y_lphomepc_main {
        margin: 0 10px;
    }

    .y_lphomepc_cent {
        margin-top: 20px;
    }

    .y_lphomepc_swip {
        overflow: hidden;
        width: 100%;
        height: auto;
        position: relative;
    }

    .y_longhr {
        width: 65%;
        margin: 15px auto;
        position: relative;
        height: 40px;
    }

    .y_lphomepc_swip .swiper-pagination {
        bottom: 24%;
        width: 50%;
        left: 50%;
        margin-left: -25%;
        z-index: 3;
    }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 3px;
    }

    .y_lphomepc_swip .swiper-button-next, .y_lphomepc_swip .swiper-button-prev {
        width: 40px;
        height: 40px;
        bottom: 0px;
        top: auto;
        position: absolute;
        background: none;
        z-index: 3;
    }

    .y_lphomepc_swip .swiper-button-next {
        background: url('../image/ico_you1.png') no-repeat center;
        background-size: 40px;
    }

    .y_lphomepc_swip .swiper-button-prev {
        background: url('../image/ico_zuo1.png') no-repeat center;
        background-size: 40px;
    }

    .y_lphomepc_swip .swiper-button-next:hover {
        background: url('../image/ico_you1_1.png') no-repeat center;
        background-size: 40px;
    }

    .y_lphomepc_swip .swiper-button-prev:hover {
        background: url('../image/ico_zuo1_1.png') no-repeat center;
        background-size: 40px;
    }

    .m_Broadcast {
        border: 1px solid;
        margin-top: 20px;
    }

    .m_Broadcast ul {
        border: 1px solid;
    }

    .m_Broadcast ul li {
        border: 1px solid;
    }

    .y_lphomepc_cent_h {
        background: #FDF8F7;
        padding: 10px 0;
        font-size: 1rem;
        color: #333;
        height: 40px;
    }

    .y_lphomepc_cent_h i {
        width: 16px;
        height: 16px;
        margin: 0 8px;
        position: relative;
        top: -1px;
        float: left;
    }

    .y_centerpc {
        margin-top: 20px;
        padding: 10px;
        max-height: 480px;
        overflow: auto;
    }

    .y_lphomepc_cent_h .y_lphomepc_cent_h_span {
        display: block;
    }

    .y_lphomepc_cent_h p span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 90%;
        display: block;
    }

    /*.y_lpliji{ margin: 10px;}
.y_lpliji_main{ position: relative;}
.y_lpliji_main p.y_bg{ width: 100%; height: auto;max-height: 61px;}
.y_lpliji_main p.y_bg img{ width: 100%; height: auto;}

.y_lpliji_main a{border-radius: 30px; display: block; position: absolute; right:3%; top: 28%; font-size: 0.9rem; color: #fff; padding: 5px  10px;}
.y_lpliji_main a{
  background: -webkit-gradient(linear, 100% 0, 0 0, from(#FF7E35), to(#FFB546));
  background: -webkit-linear-gradient(right, #FF7E35, #FFB546);
  background: -moz-linear-gradient(right, #FF7E35, #FFB546);
  background: -o-linear-gradient(right, #FF7E35, #FFB546);
  background: linear-gradient(right, #FF7E35, #FFB546);
}
*/

    /*楼盘点评*/

    .y_lphomedp {
        background: #fff;
        padding: 10px 0;
        margin-top: 10px;
    }

    .y_lphomedp_main {
        margin: 0 10px;
    }

    .y_lphomedp_cent {
        margin-top: 20px;
    }

    .y_lphomedp_cent ul li + li {
        margin-top: 20px;
    }

    .y_lphomedp_cent ul li .y_lphomedp_top .y_left {
        width: 45px;
        height: 45px;
        background: #fff;
        border-radius: 100%;
        overflow: hidden;
    }

    .y_lphomedp_cent ul li .y_lphomedp_top .y_left img {
        width: 100%;
        height: 100%;
    }

    .y_lphomedp_cent ul li .y_lphomedp_top .y_right {
        line-height: 45px;
        font-size: 1.1rem;
        color: #333;
        font-weight: 600;
        margin-left: 10px;
    }

    .y_lphomedp_cent ul li .y_lphomedp_text {
        position: relative;
        background: #F4F7FD;
        padding: 12px;
        margin-top: 20px;
        border-radius: 8px;
        box-shadow: 0px 1px 5px 0px rgba(204, 204, 204, 0.5);
    }

    .y_lphomedp_cent ul li .y_lphomedp_text i.y_sanjiao {
        width: 0;
        display: block;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #F4F7FD;
        position: absolute;
        left: 10px;
        top: -10px;
    }

    .y_lphomedp_cent ul li .y_lphomedp_text .y_dpneirong {
        font-size: 1rem;
        line-height: 25px;
        color: #333;
    }

    .y_lphomedp_cent ul li .y_bottom {
        height: 25px;
        line-height: 25px;
    }

    .y_lphomedp_cent ul li .y_bottom em {
        font-size: 0.9rem;
        color: #999;
        display: inline-block;
        float: left;
    }

    .y_lphomedp_cent ul li .y_bottom span {
        font-size: 0.9rem;
        color: #999;
        display: inline-block;
        float: right;
    }

    .y_lphomedp_cent ul li .y_bottom span i {
        display: inline-block;
        width: 15px;
        height: auto;
        position: relative;
        top: -4px;
        margin-right: 3px;
    }

    .y_lphomedp_cent ul li .y_bottom span i img {
        width: 100%;
        height: auto;
    }

    .y_lpwydp {
        background: #FFF1E3;
        padding: 10px;
        text-align: center;
        margin-top: 30px;
        border-radius: 3px;
    }

    .y_lpwydp a {
        display: block;
        font-size: 1.1rem;
        color: #FF9E2C;
    }

    .y_lpwydp a i {
        display: inline-block;
        width: 23px;
        height: 23px;
        margin-right: 5px;
        position: relative;
        top: -2px;
    }

    .y_lpwydp a i img {
        width: 100%;
        height: 100%;
    }

    /*.看房定制*/
    .y_lpkfdz {
        margin-top: 20px;
    }

    .y_lpkfdz_bg {
        width: 100%;
        height: 100%;
    }

    .y_lpkfdz_bg img {
        width: 100%;
        height: auto;
    }

    .y_lpkfdz_main {
        background: #fff;
        margin: 0 10px;
        border: 5px solid #C5A57E;
        border-radius: 10px;
    }

    .y_lpkfdz_cent .y_lpkfdz_h {
        font-size: 1.3rem;
        color: #B38854;
        text-align: center;
        font-weight: 600;
        margin-top: 30px;
    }

    .y_lpkfdz_dzrs {
        text-align: center;
        margin-top: 10px;
    }

    .y_lpkfdz_dzrs span {
        font-size: 0.9rem;
        color: #313B48;
        display: inline-block;
        padding: 3px 10px;
        border-radius: 5px;
    }

    .y_lpkfdz_dzrs span em {
        color: #FF3F3F;
    }

    .adorn {
        margin: 15px 25px;
        text-align: center;
        position: relative;
    }

    .adorn:before {
        content: "";
        display: inline-block;
        width: 46%;
        height: 1px;
        background: #C5A57E;
        position: absolute;
        left: 0;
        top: 11px;
    }

    .adorn:after {
        content: "";
        display: inline-block;
        width: 46%;
        height: 1px;
        background: #C5A57E;
        position: absolute;
        right: 0;
        top: 11px;
    }

    .adorn img {
        display: inline-block;
        width: 9px;
        height: 9px;
    }

    .y_lpkfdz_nav {
        margin: 0 25px;
    }

    .y_lpkfdz_nav ul li {
        width: 48%;
        display: inline-block;
    }

    .y_lpkfdz_nav ul li:nth-child(2n) {
        float: right;
    }

    .y_lpkfdz_nav ul li:nth-child(3) {
        margin-top: 10px;
    }

    .y_lpkfdz_nav ul li .y_tu {
        width: 35px;
        height: 35;
        display: inline-block;
        vertical-align: middle;
    }

    .y_lpkfdz_nav ul li .y_tu img {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .y_lpkfdz_nav ul li .y_text {
        font-size: 0.875rem;
        color: #4B3F33;
        margin-left: 5px;
        display: inline-block;
        vertical-align: middle;
    }

    .y_lpkfdz_inplist {
        margin: 20px 25px 0;
    }

    .y_lpkfdz_inplist .y_lpkfdzinpund { /*background: #F6F2EE; */
        padding: 5px 0;
        margin-bottom: 15px;
        border-radius: 20px;
        overflow: hidden;
    }

    .y_lpkfdz_inplist .y_lpkfdzinpund i {
        display: inline-block;
        width: 22px;
        height: auto;
        margin: 0 10px;
    }

    .y_lpkfdz_inplist .y_lpkfdzinpund i img {
        width: 100%;
        height: auto;
    }

    .y_lpkfdz_inplist .y_lpkfdzinpund input.y_input {
        width: 100%;
        height: 40px;
        text-align: center;
        border: none;
        background: #F6F2EE;
        font-size: 1rem;
        color: #666;
        border-radius: 20px;
    }

    .y_lpkfdz_inplist .y_lpkfdzsub {
        margin-top: 20px;
    }

    .y_lpkfdz_inplist .y_lpkfdzsub a {
        display: block;
        font-size: 1.2rem;
        color: #F6DFC6;
        background: #4B3B30;
        padding: 8px 0;
        width: 100%;
        text-align: center;
        border-radius: 20px;
    }

    /*楼盘首页导航*/
    .xungua {
        z-index: 10;
    }

    .y_lpindexnav {
        background: #FFF;
        width: 100%;
        position: fixed;
        left: 0px;
        top: 55px;
        z-index: 10;
        box-shadow: 0px 1px 2px 0px #f2f2f2
    }

    .m1_albumtnav_box {
        background: #FFF;
        width: 100%;
    }

    .wrapper012_box {
        width: 100%;
    }

    .wrapper012 {
        position: relative;
        height: 50px;
        width: 95%;
        overflow: hidden;
        margin: 0 auto;
    }

    .wrapper012 .scroller {
        position: absolute;
        width: 100%;
    }

    .wrapper012 .scroller ul {
        width: 100%;
    }

    .wrapper012 .scroller ul li {
        width: 65px;
        text-align: center;
        padding: 8px 0;
        float: left;
    }

    .wrapper012 .scroller ul li a {
        font-size: 0.875rem;
        color: #666;
        display: block;
    }

    .wrapper012 .scroller ul li a i {
        display: block;
        height: 2px;
        border-radius: 10px;
        width: 42%;
        margin: 0 auto;
        position: relative;
        top: 8px;
    }

    .wrapper012 .scroller ul li.on a i {
        background-color: #D50000;
    }

    .wrapper012 .scroller ul li.on a {
        color: #D50000;
    }

    /*媒体查询*/
    @media (max-width: 320px) {

        .y_lpliji_main a {
            top: 25%;
            right: 2%;
        }

        .y_lphomenew_cent ul li .y_newtextmain .y_title span {
            width: 91%;
        }

        .y_lpkfdz_inplist .y_lpkfdzinpund input.y_input {
            width: 80%
        }
    }

    /*楼盘描述弹窗*/
    .add {
        position: fixed;
    }

    .m_lpdescribe_box {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10000;
        display: none;
    }

    .m_lpdescribe_zhez {
        width: 100%;
        height: 100%;
        background: rgba(51, 51, 51, 0.4);
    }

    .m_lpdescribe {
        position: absolute;
        bottom: -80%;
        width: 100%;
        height: 65%;
        background: #FFF;
        border-radius: 10px 10px 0 0;
        padding: 30px 0 20px 0;
    }

    .m_lpdescribe_title {
        padding: 0 20px;
    }

    .m_lpdescribe_title em {
        font-size: 1.125rem;
        color: #333;
        font-weight: 600;
    }

    .m_lpdescribe_gb {
        float: right;
        width: 17px;
        position: relative;
        right: 4px;
    }

    .m_lpdescribe_gb img {
        width: 100%;
    }

    .m_lpdescribe_text {
        margin-top: 10px;
        font-size: 1rem;
        color: #333;
        line-height: 25px;
        height: 88%;
        overflow: auto;
        padding: 0 20px;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -o-overflow-scrolling: touch;
    }

    /*相册弹窗*/
    .none {
        display: none !important;
    }

    html, body {
        position: relative;
        height: 100%;
    }

    .m_swiper_xc {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        background: #000;
        display: none;
    }

    .m_swiper_ajax {
        width: 100%;
        height: 100%;
    }

    .m_tcswiper_box {
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -o-flex;
        align-items: center;
    }

    .m_swiper {
        width: 100%;
        height: 80%;
    }

    .m_swiper_ul {
        width: 100%;
        height: 100%;
    }

    .m_swiper_li {
        overflow: hidden;
        height: 100%;
    }

    .m_swiper_li img {
        width: 100%;
        object-fit: fill;
    }

    .m_swiper_gb {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 10;
        width: 17px;
    }

    .m_swiper_gb img {
        width: 100%;
        display: block;
    }

    .m_tcswiper_box .swiper-button-prev {
        width: 26px;
        height: 52px;
        background: rgba(0, 0, 0, 0.3) url(../image/lpindex3.png) no-repeat 6px 17px/ 10px 16px;
        border-radius: 0 3px 3px 0;
        left: 0;
    }

    .m_tcswiper_box .swiper-button-next {
        width: 26px;
        height: 52px;
        background: rgba(0, 0, 0, 0.3) url(../image/lpindex4.png) no-repeat 10px 17px/ 10px 16px;
        border-radius: 3px 0 0 3px;
        right: 0;
    }

    .swiper_text {
        border: 1px solid;
        position: absolute;
        bottom: 17px;
        width: 100%;
        padding: 0 16px;
    }

    .m_swiper_head {
        height: 10%;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .m_swiper_head .m_swiper_fh {
        float: left;
        height: 100%;
        position: relative;
        z-index: 10;
    }

    .m_swiper_head .m_swiper_fh img {
        width: 12px;
        margin-top: 20px;
        margin-left: 20px;
    }

    .m_swiper_qb {
        float: right;
        margin-top: 20px;
        margin-right: 20px;
        position: relative;
        z-index: 10;
    }

    .m_swiper_qb a {
        font-size: 1.0625rem;
        color: #FFF;
    }

    .m_tcswiper_box .swiper-pagination {
        color: #FFF;
        z-index: 1;
        font-size: 1rem;
        top: 20px;
    }
    .m_lunbo_box .videor a i.live {display:inline-block;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,0.6);display: -webkit-flex;display: flex;flex-wrap: nowrap;justify-content:center;align-items:center;}
    .m_lunbo_box .videor a i.live img {display:inline-block;width:20px;height:auto;margin-bottom:8px;}


</style>

<!-- 返回按钮 -->
<div class="w_b" style="display:none">
    <a href="javascript:history.back(-1)"><img src="/image/search/w_b.png" alt=""></a>
</div>


<div class="Home-header c">
    <div class="Home-header-box houselist-header y_header">
        <div class="header_back"><a href="<?php if ($this->params['referer'] == '/') {
                echo $this->params['referer'];
            } else {
                echo 'javascript:history.back(-1)';
            } ?>"><img src="/image/v2/dh1.png"></a></div>
        <div class="header_logo2"><a href="/"><img src="/image/v2/index01.png"></a></div>
        <div class="header_menu"><a></a></div>
    </div>
    <div class="Home-header-nav c y_qylist y_lpindexnav">

        <div class="m1_albumtnav_box">
            <div class="wrapper012_box">
                <div class="wrapper012" id="demo05">
                    <div class="scroller">
                        <ul class="clearfix m_hq">
                            <li class="on">
                                <a href="<?= '/house/', $model['house']['id'] ?>/">
                                    <span>楼盘</span>
                                    <i></i>
                                </a>
                            </li>
                            <li>
                                <a href="<?= '/house/details/', $model['house']['id'] ?>/">
                                    <span>详情</span>
                                    <i></i>
                                </a>
                            </li>

                            <li style="<?php modules_show(56) ?>">
                                <a href="<?= '/house/news/', $model['house']['id'] ?>/">
                                    <span>动态</span>
                                    <i></i>
                                </a>
                            </li>
                            <li>
                                <a href="<?= '/house/album/', $model['house']['id'] ?>/">
                                    <span>相册</span>
                                    <i></i>
                                </a>
                            </li>
                            <li>
                                <a href="<?= '/house/type/', $model['house']['id'] ?>/">
                                    <span>户型</span>
                                    <i></i>
                                </a>
                            </li>
                            <li>
                                <a href="<?= '/house/houseremark/', $model['house']['id'] ?>/">
                                    <span>点评</span>
                                    <i></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>


    </div>
</div>

<div class="navsidebar" style="height:55px;"></div>
<div class="y_lphome_top y_homelist_list">

    <?php if (!empty($model['album'])) { ?>
        <!-- 轮播 -->
        <div class="m_swiper_box">
            <div class="m_lunbo_box swiper-container1">
                <ul class="swiper-wrapper">
                    <!--直播视频-->
                    <?php if (!empty($model['house']['live'])) { ?>
                        <li class="swiper-slide" data-name="live">
                            <a href="<?= $model['house']['live']['url'] ?>&city=<?= empty($model['house']['area']) ? $model['house']['city'] : $model['house']['area'] ?>">
                                <img class="swiper-lazy" src="<?= $model['house']['live']['img'] ?>" alt="">
                            </a>
                        </li>
                    <?php } ?>
                    <li class="swiper-slide" data-hid='1'
                        data-src="<?= Yii::$app->params['httpImg']['hosts'], Yii::$app->params['httpImg']['houses'], $model['house']['thumb'], '/same' ?>">
                        <img class="swiper-lazy"
                             src="<?= Yii::$app->params['httpImg']['hosts'], Yii::$app->params['httpImg']['houses'], $model['house']['thumb'], '/same' ?>"
                             alt="">
                    </li>

                    <?php foreach ($model['album'] as $key => $val) { ?>
                        <li class="swiper-slide" data-hid='<?= $key + 2 ?>'
                            data-src="<?= Yii::$app->params['httpImg']['hosts'], Yii::$app->params['httpImg']['housealbums'], $val['img'], Yii::$app->params['pfgwatermark'] ?>">
                            <img class="swiper-lazy"
                                 data-src="<?= Yii::$app->params['httpImg']['hosts'], Yii::$app->params['httpImg']['housealbums'], $val['img'], Yii::$app->params['pfgwatermark'] ?>"
                                 alt="">
                            <div class="swiper-lazy-preloader"></div>
                        </li>
                    <?php } ?>
                </ul>

                <div class="swiper-pagination" id="swiperzs"></div>
                <!-- 视频与VR -->
                <!--视频链接-->
                <div class="videor">
                    <!--直播视频-->
                    <?php if (!empty($model['house']['live'])) { ?>
                        <a href="<?= $model['house']['live']['url'] ?>&city=<?= empty($model['house']['area']) ? $model['house']['city'] : $model['house']['area'] ?>">
                            <i class="live"><img src="/image/video/live.png" alt=""></i>
                        </a>
                    <?php } ?>
                    <?php if (!empty($model['house']['video_url'])) { ?>
                        <a href="/video/videodetails/<?= $model['house']['id'] ?>"><img src="/image/vi2.png" alt=""></a>
                    <?php } ?>

                    <?php if (!empty($model['house']['panorama'])) { ?>
                        <a href="/house/zhongqu/<?= $model['house']['id'] ?>?h=<?= $model['house']['panorama'] ?>"><img src="/image/vr2.png" alt=""></a>
                    <?php } ?>
                </div>
            </div>
            <img class="m_swiper_bj" src="/image/v2/m_lpindex1.png" alt="">
        </div>
    <?php } ?>

    <div class="y_lphometext">
        <div class="y_lptitle c">
            <p class="y_lpname c">
                <span><?= $model['house']['name'] ?></span>
                <em><?= $model['house']['state'] ?></em>
            </p>
        </div>
        <div class="y_lphomejg">
            <?php if (!empty($model['characteristic'])) { ?>
                <p class="w-label">
                    <?php if (!empty($model['house']['preferential'])): ?>
                        <span class="wlabel-discounts"><?= $model['house']['preferential'] ?></span>
                    <?php endif; ?>

                    <?php foreach ($model['characteristic'] as $key => $val) { ?>
                        <i><?= $val ?></i>
                    <?php } ?>

                </p>
            <?php } ?>
            <p class="y_jiage">
                <?php if (!empty($model['house']['sale_price'])) { ?>
                    <span>
                        <?php if($model['house']['price_unit'] != '元/㎡' && $model['house']['price_unit'] != '元/㎡起') {?>
                            <i>总价:</i>
                        <?php } else {?>
                            <i>均价:</i>
                        <?php }?>
                        <em class="jiage"><?= $model['house']['sale_price'] ?></em>
                        <b class="unit"><?= $model['house']['price_unit'] ?></b> 
                    </span>
                <?php } else { ?>
                    <span class="jiage"><em>待定</em></span>
                <?php } ?>

                <i class="w-commonality">(有效期 &nbsp<?= \common\Helps\Time::TermOfValidity() ?>)</i>
            </p>


            <!-- <p class="y_yxq"><i>在售户型</i>（建筑面积） <?= f_unit($model['house']['main_units']) ?></p> -->
            <p class="y_yxq c">
                <i>地址</i><em><?= !empty($model['house']['address']) ? $model['house']['address'] : '暂无资料' ?></em></p>

            <!-- 房贷计算 -->
            <a href="/house/loan/<?php echo $model['house']['id'] ?>/" class="Calculation"><img src="/image/fdjs.png"
                                                                                                alt=""></a>

        </div>


        <div class="y_demo_bm c">
            <a class="popup" href="javascript:;" data-name="降价通知" data-text="<i>折扣</i>不错过，买房<i>更省钱！</i>降价了，我们第一时间通知您！"
               data-id="<?= $model['house']['id'] ?>" data-module="28" data-button="立即获取">
                <i><img src="/image/v2/m_lpindex7.png" alt=""></i>降价通知
            </a>
            <a class="popup" href="javascript:;" data-name="报名看房" data-text="易购<i>大平台专业团队，专属一对一</i>看房服务，<i>0费用，高效率！</i>"
               data-id="<?= $model['house']['id'] ?>" data-module="11" data-button="立即报名">
                <i><img src="/image/v2/m_lpindex8.png" alt=""></i>报名看房
            </a>
        </div>
    </div>

    <div style="height:10px;background:#F8F8F8;"></div>

    <!-- 20180621添加 -->
    <div class="y_modtel_box">
        <div class="y_modtel">
            <div class="y_modtel_text">
                <p class="y_call y_housetel"><i>售楼热线</i><span><?= $model['house']['tel'] ?></span></p>
                <p class="y_text">楼盘动态、政策行情、优惠信息等可免费咨询</p>
            </div>

            <div class="y_telimg">
                <a href="tel:<?= $model['house']['tel'] ?>">
                    <img src="/image/v2/m_lpindex3.png" alt="">
                </a>
            </div>

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


<!-- 户型 -->
<?php if (!empty($model['type'])) { ?>
    <div class="y_lphomehx">
        <div class="y_lphomehx_main">
            <div class="y_lphome_h">
                <span>楼盘户型</span>
                <!-- <a href="<?= '/house/type/', $model['house']['hid'], '/' ?>">更多户型 ></a> -->
            </div>

            <div class="v2_lpindx5_main">
                <div class="lou_interest">
                    <ul id="y_lphomehx_cent">
                        <?php foreach ($model['type'] as $val) { ?>
                            <li class="c">
                                <a href="<?= '/house/type/', $model['house']['hid'], '/' ?>">
                                    <div class="y_tu">
                                        <p class="y_tuimg"><img
                                                    src="<?= Yii::$app->params['httpImg']['hosts'], Yii::$app->params['httpImg']['housetypes'], $val['img'], Yii::$app->params['pfgwatermark'] ?>"
                                                    alt=""></p>
                                        <!-- <p class="y_tuhx"><?= $val['title'] ?></p> -->
                                    </div>
                                    <div class="y_text">
                                        <!-- <p class="txt-title"><?= $val['title'] ?></p> -->
                                        <p class="y_textjs"><?= $val['title'] ?></p>
                                        <p class="txt-hu"><?= $val['indoor_info'] ?></p>
                                        <p class="y_textjm">(建筑面积)<?= $val['area'] ?></p>
                                    </div>
                                </a>
                                <span class="y_lphomehx_cent-bel popup"  data-name="户型加推" data-text="户型加推、新产品开盘早知道"
               data-id="<?= $model['house']['id'] ?>" data-module="70" data-button="立即获取"><img src="/image/dingyue.png" alt="">户型加推</span>
                            </li>
                        <?php } ?>
                    </ul>
                </div>
                <div style="text-align: center;margin:10px 0 20px 0 ;"><a class="w-more"
                                                                          href="<?= '/house/type/', $model['house']['hid'], '/' ?>">查看全部主力户型
                        <img src="/image/house/w-more.png" alt=""></a></div>
            </div>
        </div>
    </div>

<?php } ?>

<div style="height:10px;background:#F8F8F8"></div>

<div class="wna c">
    <div class="wna_img"><img src="/image/v2/lpindex1.png" alt=""></div>
    <div class="wna_text">
        <p class="f1 fc">好户型很重要！</p>
        <p class="f2 fc">专业顾问为您详解户型问题</p>
    </div>
    <a class="popup wx" href="javascript:void(0);" data-name="帮我看户型" data-text="为您解答户型问题·给您推荐合适户型"
       data-id="<?= $model['house']['id'] ?>" data-module="27" data-button="一键获取">帮我看户型</a>
    <!-- <img src="/image/house/w_oi.png" alt=""> -->
</div>

<div style="height:10px;background:#F8F8F8"></div>


<!-- 楼盘评测 -->
<?php // if(!empty($pince)){ ?>
<!--    <div class="y_lphomepc">-->
<!--        <div class="y_lphomepc_main">-->
<!--            <div class="y_lphome_h y_lphome_h2 c">-->
<!--                <span>楼盘评测</span>-->
<!--            </div>-->
<!--            <div class="y_lphomepc_cent">-->
<!--                <div class="y_lphomepc_cent_list">-->
<!---->
<!--                    <div class="y_lphomepc_swip swiper-container2">-->
<!---->
<!--                        <div class="y_lphomepc_swip_main swiper-wrapper">-->
<!--                            --><?php // foreach ($pince as $key=>$val){ ?>
<!--                                <div class="y_neirongpc swiper-slide">-->
<!--                                    <div class="y_lphomepc_cent_h">-->
<!--                                        -->
<!--                                        <span class="y_lphomepc_cent_h_span"><i><img src="/image/ico_36.png" alt=""></i>--><? //= $key  ?><!--</span>-->
<!--                                    </div>-->
<!--                                    <div class="y_centerpc">-->
<!--                                        --><? //=  implode("",$pince[$key]) ?>
<!--                                    </div>-->
<!--                                </div>-->
<!---->
<!--                            --><?php // } ?>
<!--                        </div>-->
<!---->
<!--                        <div class="y_longhr">-->
<!--                                <div class="swiper-button-prev"></div>-->
<!--                                <div class="swiper-pagination"></div>-->
<!--                                <div class="swiper-button-next"></div>-->
<!--                            </div>-->
<!---->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<?php // } ?>

<!-- 基本信息 -->
<div class="y_lpjbxx">
    <div class="y_lpjbxx_main">
        <div class="y_lphome_h">
            <span>楼盘详情</span>
            <!-- <a href="<?= '/house/details/', $model['house']['hid'], '/' ?>">更多信息 ></a> -->
        </div>
        <div class="y_lpjbxx_cent">
            <ul>
                <li class="c">
                    <span>开盘时间</span>
                    <em style="width: 54%;"><?= f_unit($model['house']['open_time']) ?></em>
                    <a class="popup" data-name="开盘通知" data-text="为方便您获取开盘信息，请输入您的的手机号，开盘信息会第一时间发送到您手机上！"
                       data-id="<?= $model['house']['id'] ?>" data-module="13" href="javascipt:;">开盘通知</a>
                </li>
                <li class="c"><span>交房时间</span><em><?= f_unit($model['house']['launch_time']) ?></em></li>
                <li class="c"><span>主力户型</span><em class="lord">（建筑面积）<?= f_unit($model['house']['main_units']) ?></em>
                </li>
                <li class="c"><span>开<i style="padding:0 4px"></i>发<i
                                style="padding:0 4px"></i>商</span><em><?= f_unit($model['house']['developers']) ?></em>
                </li>
                <?php if (!empty($model['certificate']['permit'])) { ?>
                    <li class="c">
                        <span>许<i style="padding:0 4px"></i>可<i style="padding:0 4px"></i>证</span>
                        <!--                        <i class="y_ckysz" href="javascript:;" data-id="-->
                        <? //= $model['house']['id'] ?><!--"><img style="display:inline-block;width:65px;position:relative;top:-3px;left:10px;" src="/image/check.png" alt=""></i>-->
                        <i class="y_ckysz" href="javascript:;">    <?= $model['certificate']['permit'] ?></i>
                        <!-- <em class="y_ckysz" style="width:50%;" data-id="<?= $model['house']['id'] ?>">查看 >></em> -->
                    </li>
                <?php } ?>
                <li class="c">
                    <span>楼盘地址</span>
                    <em><?= !empty($model['house']['address']) ? $model['house']['address'] : '暂无资料' ?>
                    </em>
                </li>
            </ul>
        </div>
        <div style="text-align: center;margin:15px 0 20px;"><a class="w-more"
                                                               href="<?= '/house/details/', $model['house']['hid'], '/' ?>">查看全部楼盘信息
                <img src="/image/house/w-more.png" alt=""></a></div>
    </div>
</div>


<div style="height:15px;background:#EFEFEF"></div>

<!-- 2018-12-5 项目介绍 -->


<?php if (!empty($model['house']['info'])): ?>
    <div class="w-into" style="<?php modules_show(129) ?>">
        <div class="y_lphome_h">
            <span>项目介绍</span>
        </div>
        <div class="w-font">
            <em>楼盘概述</em>

            <div class="w-fonttext">
                <?php
                echo $model['house']['info'];
                ?>
            </div>

        </div>
        <div style="text-align: center;" class="m_Article_click"><a class="w-more" href="javascript:void(0);">查看全部项目介绍
                <img src="/image/house/w-more.png" alt=""></a></div>
    </div>
<?php endif; ?>

<!-- 楼盘描述弹窗 -->
<div class="m_lpdescribe_box Developers_tc">
    <div class="m_lpdescribe_zhez Developers_zhez"></div>

    <div class="m_lpdescribe Developers_tx">
        <div class="m_lpdescribe_title c">
            <em><?= $model['house']['name'] ?></em>
            <div class="m_lpdescribe_gb Developers_gb"><img src="/image/v2/m_lpindex5.png" alt=""></div>

        </div>


        <div class="m_lpdescribe_text">
            <?= $model['house']['info']; ?>
        </div>

    </div>

</div>


<!-- 报名轮播 -->
<div id="wcon" class="swiper-container">
    <div class="swiper-wrapper">
        <!-- <div class="swiper-slide">
                <a class="popup" href="javascript:void(0);" data-name="降价通知" data-text="楼盘降价的消息我们将第一时间通知您！" data-id="<?= $model['house']['id'] ?>" data-module="36">
                    <img src="/image/index/w-specia1.png" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a class="popup" href="javascript:void(0);" data-name="领取优惠" data-text="楼盘活动折扣/付款方式折扣/特价房价格" data-id="<?= $model['house']['id'] ?>" data-module="37">
                    <img src="/image/index/w-special_1.png" alt="">
                </a>
            </div> -->

        <!-- <div class="swiper-slide">
                <a class="popup" href="javascript:void(0);" data-name="折扣房源" data-text="随时随地获取<i>限量折扣房源！</i>" data-id="<?= $model['house']['id'] ?>" data-module="36" data-button="一键订阅">
                    <img src="/image/v2/m_lpindex9.png" alt="">
                </a>
            </div> -->
        <!-- 2020-1-3 新春优惠更划算 -->
        <div class="swiper-slide">
            <a class="popup" href="javascript:void(0);" data-name="房源动态订阅服务" data-text=""
               data-id="<?= $model['house']['id'] ?>" data-module="61" data-button="报名领取">
                <img src="/image/v2/windex10_2.png" alt="">
            </a>
        </div>
        <div class="swiper-slide">
            <a class="popup" href="javascript:void(0);" data-name="获取底价" data-text="实时<i>底价，</i>报名专享！一般人我们不告诉他！"
               data-id="<?= $model['house']['id'] ?>" data-module="37" data-button="立即获取">
                <img src="/image/v2/m_lpindex10.png" alt="">
            </a>
        </div>
    </div>
</div>


<!-- 楼盘相册 -->
<?php if (!empty($model['album'])) { ?>
    <div class="w-photo">
        <div class="y_lphome_h">
            <span>楼盘相册</span>
            <a href="/house/album/<?= $model['house']['id'] ?>/"><img src="/image/v2/m_lpindex4.png" alt=""></a>
        </div>

        <div class="m_ophoto c">
            <?php foreach ($model['album'] as $k => $val) { if($k<4){?>
                <div class="m_ophoto_li c">
                    <a href="/house/album/<?= $model['house']['id'] ?>?album_id=<?= $val['album_id'] ?>"></a>
                    <p>
                        <em><?= $val['name'] ?></em>
                        <span>共<?= $val['album_total'] ?>张</span>
                    </p>
                    <div class="sw-img"><img
                                src="<?= Yii::$app->params['httpImg']['hosts'], Yii::$app->params['httpImg']['housealbums'], $val['img'], Yii::$app->params['pfgwatermark'] ?>"
                                alt=""></div>
                </div>
            <?php }} ?>
        </div>
    </div>
<?php } ?>

<div style="height:10px;background:#F8F8F8;margin-top: 10px;"></div>

<!-- 楼盘动态 -->

<?php if (!empty($model['news'])) { ?>
    <div class="y_lphomenew" style="<?php modules_show(56) ?>">
        <div class="y_lphomenew_main">
            <div class="y_lphome_h c">
                <span>楼盘动态</span>
                <!-- <a href="javascript:;">订阅动态</a>  -->
                <a class="popup" href="javascript:void(0);" data-name="订阅动态" data-text="房源消息第一时间通知，随时掌握楼盘动态"
                   data-id="<?= $model['house']['id'] ?>" data-module="49" data-button="立即报名">订阅动态</a>
            </div>
            <div class="y_lphomenew_cent">
                <ul>
                    <?php foreach ($model['news'] as $val) { ?>
                        <li>
                            <a href="<?= Url::to(['/news/details/' . $val['id']]) ?>">

                                <div class="w_font">
                                    <p><?php if (strlen($val['subject']) > 50) {
                                            echo mb_substr($val['subject'], 0, 29, 'utf-8') . "...";
                                        } else {
                                            echo $val['subject'];
                                        } ?></p>
                                    <p class="ti"><i><?= $val['news_name'] ?></i> <span><?= $val['open_time'] ?></span>
                                    </p>
                                </div>
                                <?php if (!empty($val['thumb'])) { ?>
                                    <div class="w_img"><img src="
                                 <?php
                                        $news_img = json_decode($val['thumb'], true);
                                        if (!empty($news_img)) {
                                            echo Yii::$app->params['httpImg']['host'], Yii::$app->params['httpImg']['newsthumb'], array_values($news_img)[0];
                                        }
                                        ?>" alt=""></div>
                                <?php } ?>
                            </a>
                        </li>
                    <?php } ?>
                </ul>
            </div>
            <div style="text-align: center;margin:20px 0;"><a class="w-more"
                                                              href="<?= '/house/news/', $model['house']['hid'], '/' ?>">查看全部楼盘信息
                    <img src="/image/house/w-more.png" alt=""></a></div>
        </div>
    </div>
<?php } ?>


<div style="height:10px;background:#F8F8F8"></div>


<!-- 周边配套 -->
<div class="y_lpzbpt">
    <div class="y_lpzbpt_main">
        <div class="y_lphome_h" style="padding:0 15px">
            <span>周边配套</span>
        </div>

        <div class="y_lpdt_list">
            <ul class="c">
                <li>
                    <a href="javascript:;">
                        <!-- <p class="y_tu"><img src="/image/ico_44.png" alt=""></p> -->
                        <p class="y_text">学校</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <!-- <p class="y_tu"><img src="/image/ico_45.png" alt=""></p> -->
                        <p class="y_text">医院</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <!-- <p class="y_tu"><img src="/image/ico_46.png" alt=""></p> -->
                        <p class="y_text">交通</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <!-- <p class="y_tu"><img src="/image/ico_47.png" alt=""></p> -->
                        <p class="y_text">餐饮</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <!-- <p class="y_tu"><img src="/image/ico_48.png" alt=""></p> -->
                        <p class="y_text">娱乐</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <!-- <p class="y_tu"><img src="/image/ico_49.png" alt=""></p> -->
                        <p class="y_text">购物</p>
                    </a>
                </li>
                <!-- <li>
                        <a href="javascript:;">
                            <p class="y_tu"><img src="/image/ico_50.png" alt=""></p>
                            <p class="y_text">银行</p>
                        </a>
                    </li> -->
            </ul>
        </div>

        <div class="y_lpzbpt_cent">

            <div class="y_lpdt" id="y_lpmap" data-jwd="<?= $model['house']['longitude_latitude'] ?>"
                 data-jg="<?php if (!empty($model['house']['sale_price'])) echo $model['house']['sale_price'], $model['house']['price_unit'] ?>"
                 data-title='<?= $model['house']['name'] ?>'>

            </div>
            <!-- <div class="y_lpmap" id="y_lpmap" data-jwd="110.12202,19.947868" data-jg="10000元/㎡" data-title='半山半岛'>

                </div> -->

            <div class="y_maplpdizhi c"><img src="/image/v2/dt1.png"
                                             alt=""><span><?= !empty($model['house']['address']) ? $model['house']['address'] : '暂无资料' ?></span>
            </div>

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


<div style="height:10px;background:#F8F8F8;"></div>

<!-- 房贷参考 -->
<?php if (!empty($model['house']['sale_price']) && strpos($model['house']['price_unit'], '元/㎡') !== false) { ?>
    <div class="loans">
        <div class="y_lphome_h">
            <span>房贷参考</span>
        </div>
        <div class="w-drawing c">
            <div style="overflow:visible;text-align:right; width:40%;float: left;">
                <canvas id="canvas_fdck" height="145" width="145" style="width: 133px; height: 133px;"></canvas>
            </div>
            <div class="info">
                <div class="info_xl_box">
                    <div class="info_xl">
                        <span>请选择户型</span>
                        <img src="/image/ico_13.png" alt="">
                    </div>
                    <?php if (!empty($model['type'])) { ?>
                        <ul class="info_xllist">
                            <?php foreach ($model['type'] as $v) { ?>
                                <li Size="<?php echo trim(\common\Helps\Str::trimall($v['area']), '㎡'); ?>"><?php echo $v['indoor_info'] ?></li>
                            <?php } ?>
                        </ul>
                    <?php } ?>
                </div>
                <p>房屋总价约：<span id="totalPay"></span>万</p>
                <p>首付：<span id="firstPay"></span>万 <span>(3成)</span></p>
                <p>贷款：<span id="loanPrice"></span>万 <span>(20年)</span></p>
                <p>利息：<span id="interset"></span>万 <span></span></p>
                <p>月均还款<span class="perMonth"></span>元</p>
            </div>
        </div>
        <p class="calcBtn"><a href="/house/loan/<?php echo $model['house']['id'] ?>/">房贷计算器</a></p>
    </div>
<?php } ?>


<div style="height:10px;background:#F8F8F8;margin-top:20px;"></div>


<!-- 用户点评   -->
<div class="h-remark">
    <div class="y_lphome_h">
        <span>用户点评</span>
    </div>
    <div class="remark-txt">
        <p>请将您的<span>疑问</span>告诉我们吧</p>
        <textarea rows="4" name="content" onfocus="this.placeholder=''" onblur="this.placeholder='亲，这个楼盘怎么样？快来说两句！'"
                  placeholder="亲，这个楼盘怎么样？快来说两句！"></textarea>
        <a class="remark-btn" href="javascript:void(0);">立即提问</a>
    </div>
    <?php if (!empty($model['remark'])) { ?>
        <div class="remark-list">
            <ul>
                <?php foreach ($model['remark'] as $val) { ?>
                    <li class="c">
                        <div class="remark-list-photo c">
                            <img src="/image/v2/icon-photo.png" alt="">
                            <p>
                                <em>房友<span tel-data="<?= $val['mobile'] ?>"></span></em>
                            </p>
                        </div>
                        <div class="remark-list-cont">
                            <?php echo $val['content'] ?>
                        </div>
                        <div class="Comment_time">
                            <span><?php echo date('Y-m-d', $val['create_at']) ?></span>
                            <span><?php echo date('H:i:s', $val['create_at']) ?></span>
                        </div>

                        <?php if (!empty($val['reply'])) { ?>
                            <div class="remark-reply">
                                <p>置业顾问 : <?php echo $val['reply'] ?></p>
                                <p class="time"><?php echo date('Y-m-d', $val['update_at']) ?></p>
                            </div>
                        <?php } ?>
                    </li>
                <?php } ?>
            </ul>
        </div>
        <div style="text-align: center;margin:10px 0 0;"><a class="w-more"
                                                            href="/house/houseremark/<?= $model['house']['id'] ?>">查看更多房友点评</a>
        </div>
    <?php } ?>
</div>

<div style="height:10px;background:#F8F8F8"></div>


<?php if (!empty($model['tuijian_house'])) { ?>
    <!-- 楼盘推荐 -->
    <div class="sell_box" style="margin-top: 20px;">
        <div class="m_zaigai_title">
            <span>楼盘推荐</span>
            <!-- <a href="/house/search/"><img src="/image/index/w_t.png" alt=""></a> -->
        </div>


        <div class="sell_conter">
            <ul>
                <?php foreach ($model['tuijian_house'] as $val) { ?>
                    <li class="c">
                        <a href="/house/<?= $val['id'] ?>" class="c">
                            <div class="sell_img"><img src="<?= $val['thumb'] ?>" alt=""><i><?= $val['city_name'] ?></i>
                            </div>
                            <div class="sell_conter_right">
                                <p class="title"><?= $val['name'] ?></p>
                                <?php if (!empty($val['sale_price'])) { ?>
                                    <p class="jg_ing jg_ingdd">
                                        <span><em><?= $val['sale_price'] ?></em> <?= $val['price_unit'] ?></span></p>
                                <?php } else { ?>
                                    <p class="jg_ing jg_ingdd"><span><em>待定</em></span></p>
                                <?php } ?>
                                <p class="date"></p>
                                <p class="style">
                                    <span class="wlabel-discounts">全款98折</span>
                                    <b><?= $val['state'] ?></b>
                                    <?php if (!empty($val['characteristic'])) {
                                        foreach ($val['characteristic'] as $c => $v) {
                                            if ($c < 2) { ?>
                                                <i><?= $v ?></i>
                                            <?php }
                                        }
                                    } ?>
                                </p>
                            </div>
                        </a>
                        <div class="m_gzlx c">
                            <p class="m_gzlx_l"><img src="/image/v2/index6.png" alt="">楼盘热度</p>
                            <p class="m_gzlx_r">已有<?= rand(100, 999) ?>人关注</p>
                        </div>

                        <div class="cal_price"><a href="tel:<?= $val['tel'] ?>"><img src="/image/v2/search3.png"></a>
                        </div>
                    </li>
                <?php } ?>
            </ul>
            <a href="/house/search?city=<?= $model['house']['city'] ?>" class="m_lj_ckgd">查看更多推荐楼盘</a>
        </div>
    </div>


<?php } ?>


<!-- 看房定制 -->
<div class="y_lpkfdz" style="display: none;">
    <div class="y_lpkfdz_main">
        <div class="y_lpkfdz_cent">
            <div class="y_lpkfdz_h">看房定制</div>
            <div class="y_lpkfdz_dzrs"><span>已有<em>242</em>人定制</span></div>
            <div class="adorn"><img src="/image/house/icon-2.png" alt=""></div>
            <div class="y_lpkfdz_nav">
                <ul class="c">
                    <li>
                        <p class="y_tu"><img src="/image/house/icon-1.png" alt=""></p>
                        <p class="y_text">个性化定制</p>
                    </li>
                    <li>
                        <p class="y_tu"><img src="/image/house/icon-3.png" alt=""></p>
                        <p class="y_text">全程免费看房</p>
                    </li>
                    <li>
                        <p class="y_tu"><img src="/image/house/icon-4.png" alt=""></p>
                        <p class="y_text">大平台有保障</p>
                    </li>
                </ul>
            </div>
            <div class="y_lpkfdz_inplist">
                <form class="submit_area">
                    <input type="hidden" name="hid" value="<?= $model['house']['id'] ?>">
                    <!-- 0 为公共报名，其它为楼盘ID-->
                    <input type="hidden" name="source" value="1">
                    <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
                    <input type="hidden" name="equipment" value="1">
                    <!--来源设备 （ PC端  2,手机端   1 ）-->
                    <div class="y_lpkfdzinpund">
                        <input class="y_input" name="mobile" type="text" placeholder="您的手机号">
                    </div>
                    <div class="y_lpkfdzsub"><a class="apply_submit" href="javascript:;">立即报名</a></div>
                </form>
            </div>
            <div style="height:25px;"></div>
        </div>
    </div>

</div>


<!-- Swiper 相册弹窗-->
<div class="m_swiper_xc">

    <div class="m_swiper_ajax">

    </div>

    <div class=""></div>


</div>


<!-- 提交电话窗口 -->
<div class="w_up_ap">
    <div class="w_up_info">
        <p>手机快捷点评</p>
        <p>安全保障，无需注册账号，我们将为你保密个人信息。</p>
        <input type="hidden" name="hid" value="<?= $model['house']['id'] ?>">              <!-- 0 为公共报名，其它为楼盘ID-->
        <input type="hidden" name="source" value="29">
        <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
        <input type="text" name="mobile" placeholder="请输入手机号码" onfocus="this.placeholder=''"
               onblur="this.placeholder='请输入手机号码'">
        <a class="w_sbtn" href="javascript:void(0);">确定</a>
    </div>
    <a class="ws_up_cls" href="javascript:void(0);"><img src="/image/house/ws_up_cls.png" alt=""></a>
</div>
<div class="cover"></div>
<!-- 大数据S -->

<?php
if (strpos($model['house']['links'], 'script') !== false) {
    echo $model['house']['links'];
} else {
    echo '<script>' . $model['house']['links'] . '</script>';
}
?>

<!-- 大数据E -->