liyaoyu
/
pfhwyigou


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
							<?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>