<?php use yii\helpers\Url; ?> <script src="/js/search_ajax.js"></script> <style> /*搜索弹出*/ .clear_c{display:block; zoom:1;} .clear_c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;} .search-header{background: #fff; display: block;position:relative;width:91%;margin:auto;box-shadow :0px 0px 16px 0px rgba(185, 211, 236, 0.4);margin-top:10px;height:40px;} .back-btn_maing{ float: left; width: 10%; display: block;} .back_search_m{ width: 88%; float: right; display: block;} .back_search_m .form input{ width: 81%; margin-bottom: 0px; display: block; float: left; border:none; border-radius:3px; height:40px;font-size:0.8125rem;background:#fff;} /*.back_search_m .form a img{width: 23px; height: auto;}*/ .back_search_m .form{ position: relative;} .y_scriptm{ position: absolute; width:100%; left: 0px;top:115px;z-index: 12;height:100%;background:#FFF;display:none;} .y_scriptm .select4_box{width: 100%;overflow: auto; overflow-y:auto;background:#FFF;height:326px;} .y_scriptm .select4_box ul li{width: 100%;padding:0px 18px;} .y_scriptm .select4_box ul li a{ background:none; display: inline-block; width: 100%; text-align: left;border-bottom:1px solid #f8f8f8;padding:15px 0;} .y_scriptm .select4_box ul li span:nth-child(1){display: block; float: left;} .y_scriptm .select4_box ul li span:nth-child(1){font-size: 1rem; color: #333;} .y_scriptm .select4_box ul li span:nth-child(1) i{font-size: 0.8rem;color: #999; display: inline-block; margin-left: 5px;} .y_scriptm .select4_box ul li span:nth-child(2){display: block; float: right; font-size: 0.8rem; color: #999;} .y_scriptm .select4_box ul li span:nth-child(2) em{font-size: 1rem;color: #f00;} .select4_box li.active{ background:#f5f5f5;} #serachBox {z-index: 10;position: relative;} .search-container{} .search-container .title {position: relative;line-height: 14px;font-size:1.125rem;font-family: 'PingFang-Medium'; color:#000;display:block;font-weight:600;} .search-container .title .title-icon {display: block;width: 15px;height: 15px;background:url(/image/v2/sous2.png) no-repeat 0 0/ 100% 100%; float:left;margin-right:5px;} .search-container .title .title-icon.on{background:url(/image/v2/sous3.png) no-repeat 0 0/ 100% 100%; width:15px;height:19px;position: relative;top:-2px;} .search-container .filter-list, .search-container .history-list {background-color: #FFF;} .search-container .filter-list .filter-item {float: left;box-sizing: border-box;width: 22%;display: block; margin-right:4%; margin-bottom:4%;} .search-container .filter-list .filter-item:nth-child(4n){margin-right:0;} .search-container .history-list .list-item a {display: block; width: 100%;font-size: 0.9rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color:#333;} .search-container .filter-list .filter-item a {display: block;box-sizing: border-box;font-size: 0.9rem;text-align: center;color: #333;} .search-container .filter-list .filter-item a .item-text {display: block;box-sizing: border-box;width:100%; height: 100%;float: left;font-size: 0.875rem;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#F3F5F7;padding:8px 0;} .search-container .filter-list .filter-item:nth-child(3n) a .item-text{border-right:0px;} .search-container .filter-list .filter-item a i{ float: left; width: 16px; height: 15px; display: block; margin-left: 5px;} .search-container .filter-list .filter-item a i img{ width: 100%; height: 100%;position: relative;top:-5px} .search-container .search-history .title {border-top: 1px solid #ebebeb;} .search-container .clear-histroy { display: block;width: 100%;height: 41px;line-height: 41px;text-align: center;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;color: #999;font-size: 1rem;background-color: #fafafa;} .search-container .none-history {display: none;width: 100%;height: 41px;line-height: 41px;text-align: center;border-bottom: 1px solid #e7e7e7;color: #999;font-size: 1rem;background-color: #FFF;} .search-header .back-btn {position: absolute;left: 17px;top: 13px;width: 15px;height: 15px;background: url("/image/v2/sous1.png") no-repeat 0 0/ 100% 100%;} /* 搜索框图标*/ /*.index_form {position:relative;}*/ .w_sek {position:absolute;top:6px;left:10px;} .w_cls {position:absolute;top:9px;right:19%; display:none;width:15px;height:15px;} .submit{ width:16.5%; display: block; float: right; text-align: center; height: 40px; line-height:40px;position:relative;font-size:0.875rem;color:#333;} .submit:before {content:"";width:1px;height: 15px;position:absolute;display:block;background:#E6E5EB;top:13px;left:0;} .search-filter {margin:0 15px;} .w_li {margin-top:15px;} .w_c p {color:#4B8DE3;} .y_publicright {width: 44px;height: 40px;position: absolute;right: 0;top: 3px;margin-top:0;} .y_publicright a {display: block;width: 44px;height: 44px;background: url(../image/v2/dh2.png) no-repeat center;background-size: 20px 20px;} /*报名*/ .wx_box {position:absolute;left:0;bottom:0;width:100%;height:50px;overflow:hidden;} .wx_box img {display:inline-block;width:100%;height:100%;} </style> <div id="serachBox" style="background:#fff; width:100%; height:100%;position:fixed;top:0;bottom:0;"> <div class="y_header"> <!-- <div class="header_back"><a href="javascript:history.back(-1)"><img src="/image/search/w_b.png"></a></div>--> <div class="header_back"><a href="javascript:void(0);" class="back-btn" onclick="btnCloses2();"><img style="top:14px" src="/image/v2/dh1.png"></a></div> <div class="header_logo2" style="top: 15px;font-size: 1rem;color:#333;font-weight:600;">搜索</div> <div class="y_publicright" style=""><a></a></div> </div> <div class="navsidebar" style="height:55px;"></div> <div class="search-header clear_c"> <div class="back-btn_maing"> <a href="javascript:void(0);" class="back-btn"></a> </div> <div class="back_search_m"> <div class="form"> <form class="index_form" action="javascript:search();"> <!-- <a class="w_sek" href="javascript:void(0);"><img src="/image/index/w_seek.png" alt=""></a> --> <input type="search" placeholder="楼盘名" class="y_headerscr header_searchs"> <a class="w_cls" href="javascript:void(0);"><img src="/image/index/w_cls.png" alt=""></a> <a class="submit" type="submit"> <span>搜索</span> </a> <input type="submit" value="查找" style="display:none"> </form> </div> </div> </div> <div class="y_scriptm"></div> <div class="search-container" style="border-bottom:1px solid #F5F5F5;margin-top:30px;padding-bottom: 50px;"> <?php if( !empty($shaixuan)){ ?> <div class="search-filter"> <h2 class="title c"><span class="title-icon"></span>热门户型</h2> <div class="w_li c"> <ul class="filter-list"> <?php foreach ($shaixuan as $val){ ?> <li class="filter-item"><a href="<?= '/house/search/?type=',$val['id'] ?>"><span class="item-text"><?= $val['huxing_name'] ?></span></a></li> <?php } ?> </ul> </div> </div> <?php } ?> </div> <div class="search-container" style="margin-top:50px;"> <div class="search-filter"> <h2 class="title c"><span class="title-icon on"></span>热门区域</h2> <!-- <div class="w_albel"> <img src="/image/index/w_plot.png" alt=""> <p>小区</p> </div> --> <div class="w_li c"> <ul class="filter-list"> <?php foreach ($hot_city as $val){ ?> <li class="filter-item"><a href="<?= '/house/search/?city=',$val['id'] ?>"><span class="item-text"><?= $val['city_name'] ?></span></a></li> <?php } ?> </ul> </div> </div> </div> <!-- 报名 --> <div class="wx_box"> <a class="popup" href="javascript:;" data-name="房源推荐" data-text="针对需求荐房,买房不走弯路,<span style='color:red;'>买对房,买好房。</span>" data-id="0" data-module="50" data-button="立即咨询"><img src="/image/v2/widn.png" alt=""></a> </div> </div>