<?php
$news = \common\models\News::find()->andWhere(['del'=>1])->andWhere(['state'=>1])->limit(5)->orderBy(['create_at'=>SORT_DESC,'id'=>SORT_DESC])->asArray()->all();
?>
<style>
.news_search_box{position:fixed;top:0;left:0;width:100%;height:100%;background:#FFF;z-index:10000;display:none}
.header_menu span{font-size:1.0625rem;color:#666;line-height:44px;display: block;}
.news_search{margin-top:24px;}
.news_search_title{padding:0 15px;}
.news_search_title img{width:14px;height:14px;position:relative;top:-2px;}
.news_search_title em{font-size:1rem;color:#333;font-weight:600;margin-left:3px;}
.news_search ul{margin-top:15px;}
.news_search ul li{padding:17px 15px;border-bottom:1px solid #F8F8F8;}
.news_search ul li i{font-size:0.75rem;color:#666;font-weight:600;position:relative;top:3px;float:left;}
.news_search ul li:nth-child(1) i ,.news_search ul li:nth-child(2) i , .news_search ul li:nth-child(3) i{color:#ED1505;}
.news_search ul li span{font-size:1rem;color:#333;margin-left:6px;float:left;display:block;width:78%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.search-header{ background: #fff; display: block; padding: 10px;border-bottom:1px solid #EEE;}
.back-btn_maing{ float: left; width: 10%; display: block;}
.back_search_m{ width: 88%; float: right; display: block;}
.back_search_m .form input{ width: 85%; margin-bottom: 0px; display: block; float: left; border:none; border-radius:3px; height: 35px;font-size:0.75rem;padding:0 10px 0 36px;background:#EFEFEF;}
.back_search_m .form{ position: relative;}
.back_search_m .form .y_scriptm{ position: absolute; width:85%; left: 0px;top: 34px;z-index: 12;}
.back_search_m .form .y_scriptm .select4_box{background:#fff; border: 1px solid #e1e1e1;width:100%;height:310px;overflow:auto;}
.back_search_m .form .y_scriptm .select4_box ul li{width: 100%;padding:5px 0;}
.back_search_m .form .y_scriptm .select4_box ul li a{ background:none; display: inline-block; width: 100%; text-align: left; padding: 0 10px;}
.back_search_m .form .y_scriptm .select4_box ul li span:nth-child(1){display: block; float: left;}
.back_search_m .form .y_scriptm .select4_box ul li span:nth-child(1){font-size: 1rem; color: #333;}
.back_search_m .form .y_scriptm .select4_box ul li span:nth-child(1) i{font-size: 0.8rem;color: #666; display: inline-block; margin-left: 5px;}
.back_search_m .form .y_scriptm .select4_box ul li span:nth-child(2){display: block; float: right; font-size: 0.8rem; color: #666;}
.back_search_m .form .y_scriptm .select4_box ul li span:nth-child(2) em{font-size: 1rem;color: #f00;}
.w_cls {position:absolute;top:6px;right:60px; display:none;}
.w_sek {position:absolute;top:6px;left:10px;}
.submit{ width: 15%; display: block; float: left; text-align: center; height: 35px; line-height: 35px;}
.search-header .back-btn {position:absolute;left: 8px; top: 13px;width: 30px;height: 30px;background: url("/image/index/w_back.png") no-repeat;background-position: center;}
</style>
<body>
<div class="news_search_box">
<div class="search-header 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 calss="index_form">
<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 class="y_scriptm">
</div>
</div>
</div>
</div>
<div class="news_search">
<div class="news_search_title">
<img src="/image/v2/news1.png" alt="">
<em>热门搜索</em>
</div>
<?php if (!empty($news)) { ?>
<ul>
<?php foreach ($news as $key=>$val) { ?>
<li class="c"><i><?= $key+1 ?></i><span><?= $val['short_subject'] ?></span></li>
<?php } ?>
</ul>
<?php } ?>
</div>
</div>
</body>
</html>