使用方法：

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/iconfont/iconfont.css" />
<link rel="stylesheet" type="text/css" href="statics/css/style.css" />

2、body引入HTML代碼

<div class="container">
	<h2 class="title">新聞動態(tài)</h2>
	<p class="desc">商之翼每日趣聞，新鮮事盡在新聞動態(tài)！</p>
	<ul class="news">
		<li class="news-item">
			<h3><a href="#"><i class="iconfont"></i>公司動態(tài)</a></h3>
			<dl>

				<dt>
			<a href="#" >
				
				<img src="statics/images/news_pic1.jpg">
				
			</a>
		</dt>
				<dd>
					<a href="#"><span>06-06</span>【億邦動力】商之翼CEO在中國電子商務(wù)大會演講：借助同城電商達(dá)成資源共享，滲透到城市的每個細(xì)胞，實(shí)現(xiàn)精準(zhǔn)扶貧！</a>
				</dd>

				<dd>
					<a href="#"><span>07-06</span>“運(yùn)籌帷幄，營在未來”—2018商之翼第三屆客戶運(yùn)營交流沙龍會議成功舉辦</a>
				</dd>

			</dl>
		</li>
		<li class="news-item">
			<h3><a href="#"><i class="iconfont"></i>電商資訊</a></h3>
			<dl>

				<dt>
			<a href="#" >
				
				<img src="statics/images/news_pic2.jpg">
				
			</a>
		</dt>
				<dd>
					<a href="#"><span>07-25</span>新零售：手機(jī)點(diǎn)餐觸角已展露</a>
				</dd>

				<dd>
					<a href="#"><span>07-18</span> 百世：有意回歸供應(yīng)鏈，布局全球</a>
				</dd>

			</dl>
		</li>
		<li class="news-item">
			<h3><a href="#"><i class="iconfont"></i>客戶案例</a></h3>
			<dl>

				<dt>
			<a href="#" >
				
				<img src="statics/images/news_pic3.jpg">
				
			</a>
		</dt>
				<dd>
					<a href="#"><span>04-28</span>客戶案例 | 上海地產(chǎn)集團(tuán)教給你如何玩轉(zhuǎn)農(nóng)產(chǎn)品電商</a>
				</dd>

				<dd>
					<a href="#"><span>12-05</span>客戶案例 | “互聯(lián)網(wǎng)+購車”新模式正在成為新的風(fēng)口 </a>
				</dd>

			</dl>
		</li>
	</ul>
</div>