小米商城底部布局1

<div class="site_footer">
		<div class="site_footer_content">
			<div class="site_footer_content_t">
				<a href=""><i class="fa fa-wrench"></i>预约维修服务</a><span></span>
				<a href=""><i class="fa fa-undo"></i>7天无理由退货</a><span></span>
				<a href=""><i class="fa fa-recycle"></i>15天免费换货</a><span></span>
				<a href=""><i class="fa fa-gift"></i>满150包邮</a><span></span>
				<a href=""><i class="fa fa-map-marker"></i>520余家售后网点</a>
			</div>
			<div class="site_footer_content_b">
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="">账号管理</a></dd>
					<dd><a href="">购物指南</a></dd>
					<dd><a href="">订单操作</a></dd>
				</dl>
				<dl>
					<dt>服务支持</dt>
					<dd><a href="">售后政策</a></dd>
					<dd><a href="">自助服务</a></dd>
					<dd><a href="">相关下载</a></dd>
				</dl>
				<dl>
					<dt>线下门店</dt>
					<dd><a href="">小米之家</a></dd>
					<dd><a href="">服务网点</a></dd>
					<dd><a href="">授权体验店</a></dd>
				</dl>
				<dl>
					<dt>关于小米</dt>
					<dd><a href="">了解小米</a></dd>
					<dd><a href="">加入小米</a></dd>
					<dd><a href="">投资者关系</a></dd>
				</dl>
				<dl>
					<dt>关注我们</dt>
					<dd><a href="">新浪微博</a></dd>
					<dd><a href="">官方微信</a></dd>
					<dd><a href="">联系我们</a></dd>
				</dl>
				<dl>
					<dt>特色服务</dt>
					<dd><a href="">F码通道</a></dd>
					<dd><a href="">礼物码</a></dd>
					<dd><a href="">防伪查询</a></dd>
				</dl>
				<div class="contact">
					<p class="telephone">400-100-5678</p>
					<p class="time">周一至周日 8:00-18:00<br>(仅收市话费)</p>
					<a href=""><i class="fa fa-commenting" style="margin-right: 4px;"></i>联系客服</a>
				</div>
			</div>
		</div>
	</div>

.site_footer{width: 100%;height: 272px;}
.site_footer_content a:hover{color: orange;}
.site_footer_content_t{border-bottom: 1px solid #E0E0E0;}
.site_footer_content_t a{display: inline-block;width: 240px;height: 80px;line-height: 80px;text-align: center;color: #616161;}
.site_footer_content_t a i{font-size: 20px;margin-right: 10px;}
.site_footer_content_t span{font-size: 20px;border-left:1px solid #E0E0E0;}

.site_footer_content_b{margin-top: 20px;}
.site_footer_content_b dl{width: 162px;float: left;}
.site_footer_content_b dl dt{color: #616161;margin-bottom: 20px;}
.site_footer_content_b dl dd{height: 35px;line-height: 35px;font-size: 12px;}
.site_footer_content_b dl a{color:#757575;}
.site_footer_content_b .contact{width: 203px;float: right;padding-left: 50px;border-left: 1px solid #E0E0E0;text-align: center;height: 136px;}
.contact .telephone{color: #FF6700;font-size:20px;}
.contact .time{font-size:12px;color: #616161;margin-top:10px;}
.contact a{display: inline-block;width: 120px;height: 30px;line-height: 30px;text-align: center;border:1px solid #FF6700;color: #FF6700;font-size: 12px;margin-top: 20px;}
.contact a:hover{background: #FF6700;color: #FFF;}