摘要：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>小米商城</title> <link rel="stylesheet" type="text/css" href=&
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小米商城</title>
<link rel="stylesheet" type="text/css" href="static/css/style.css">
<link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css">
</head>
<body>
<!-- 底部 -->
<div class="footer">
<!-- 底部内容的上-->
<div class="footer_top">
<a href="#">
<i class="fa fa-wrench"></i>预约维修服务
</a><span></span>
<a href="#">
<i class="fa fa-rotate-right "></i>7天无理由退货</a><span></span>
<a href="#">
<i class="fa fa-refresh"></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>
<span class="separate"></span>
<!-- 底部内容的中-->
<div class="footer_botton">
<div class="footer_botton_left">
<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>
<div class="footer_botton_right">
<p class="telephone">Feir-520-1314</p>
<p class="time">周一至周日 8:00-18:00<br>(仅收市话费)</p>
<button><span class="fa fa-commenting "></span> 联系客服</button>
</div>
</div>
<div class="clear"></div>
<!-- 底部内容的下-->
<div class=""></div>
</div>
</body>
</html>
/* 尾部样式 */
/* footer_top 下的样式 */
.footer_top{height: 80px;width: 1226px;margin-top: 10px;line-height: 80px;text-align: center;}
.footer_top a{font-size: 16px;color: #616161;font-weight: 300px;}
.footer_top a:hover{color: #ff6700;}
.footer_top a i{font-size: 20px;margin-right: 10px;}
.footer_top span{font-size: 20px;color: #616161;border-left: 1px solid #c0c0c0;margin: 0px 56px;}
.separate{width: 1226px;height: 0px;border-bottom: 1px solid #c0c0c0;display: block; }
/* footer_botton下的样式*/
.footer_botton{width: 1226px;height:100px; margin: 40px auto;}
.footer_botton_left dl{float: left;display: block;width: 100px;margin-right: 55px;}
.footer_botton_left dt{font-size: 14px;line-height: 14px;color: #424242;margin-bottom: 26px;}
.footer_botton_left dd{font-size: 12px;line-height: 18px;color: #424242;margin-top: 10px;}
.footer_botton_left dd a{color: #757575;}
.footer_botton_left dd a:hover{color: #ff6700;}
.footer_botton_right{width: 258px;height: 112px;border-left: 1px solid #e0e0e0;float: right;text-align: center;}
.footer_botton_right .telephone{color: #ff6700;margin: 0px 0px 5px;font-size: 22px;line-height: 22px;}
.footer_botton_right .time{color: #616161;margin: 0px 16px;font-size: 12px;}
.footer_botton_right button{width: 112px;height: 28px;font-size: 12px;line-height: 28px;border: 1px solid #ff6700;background: #fff;margin-top: 20px;}
.footer_botton_right button:hover{background: #ff6700; color:#fff;}
