深灰 div>
</span> ;亮红</div> <div class="content-color-left"><span style="background:#3871B7;"></span>亮蓝< ;/div>
<p>选择小米提供的保障服务</p>
</div>
< /div>
< ;/span>

<p style="font-size: 18px; color: #000;">意外保障服务</p>
<p>手机意外摔落/进水/碾压等损坏</p>
< ;b class="fa fa-check-square content-bz-btn"></b> 我已阅读<a href="#"> 服务条款</ a>| 服务条款</a>
99元
;

<p style="font-size: 18px; color: #000;">碎屏覆盖服务</p>
< p>手机意外碎屏</p>
<b class="fa fa-check-square content-bz-btn"></b> 我已阅读 <a href="#"> 服务条款</a>|<a href="#"> 服务条款 </a>
179元
加入购物车
< ;i class="fa fa-check-circle-o"></i> 7天无内心恢复
;
<!--说明-->
<div class="detail-img">
<h6>特别说明</h6>
<img src="static/images/sm.jpg" />
<h6>官方微信</h6>
<img src="static/images/2.jpg" />
</div>
<!--尾-->
<div class="footers">
<div class="footer">
<div class="for-li">
<a href="#"><i class="fa fa-wrench"> 预约维修服务</i><span>|</span></a>
<a href="#"><i class="fa fa-rotate-right"> 7天无理由退货</i><span>|</span></a>
<a href="#"><i class="fa fa-refresh"> 15天免费换货</i><span>|</span></a>
<a href="#"><i class="fa fa-gift"> 满150元包邮</i><span>|</span></a>
<a href="#"><i class="fa fa-map-marker"> 520余家售后网点</i></a>
</div>
</div>
</div>
<div class="for-li-1">
<div class="for-li-a">
<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="for-conten">
<p class="suorg">Feir-520-1314</p>
<p class="suorg-1">周一至周日 8:00-18:00<br />(仅收市话费)</p>
<button class="btn"><span class="fa fa-commenting "></span> 联系客服</button>
</div>
</div>
</div>
<div class="clear"></div>
<div class="for-end">
<div class="end-1" style="margin-right: 15px;"><img src="static/images/footlogo.png" alt="" /></div>
<div class="end-2">
<div class="endli">
<ul>
<li>小米商城<span></span></li>
<li>MIUI<span></span></li>
<li>米家<span></span></li>
<li>米聊<span></span></li>
<li>多看<span></span></li>
<li>游戏<span></span></li>
<li>路由器<span></span></li>
<li>米粉卡<span></span></li>
<li>政企服务<span></span></li>
<li>小米天猫店<span></span></li>
<li>隐私政策<span></span></li>
<li>问题反馈<span></span></li>
<li>Select Region</li>
</ul>
</div>
<div class="endli-p">
<a href="#">©mi.com</a>
京ICP证110507号
<a href="#">京ICP备10046444号</a>
<a href="#">京公网安备11010802020134号</a>
<a href="#">京网文[2014]0059-0009号</a>
</a>
<br> 违法和不良信息举报电话:185-0130-1238,本网站所列数据,除特殊说明,所有数据均出自我司实验室测试
</div>
</div>
<div class="end-3">
<img src="static/images/footericon1.png" alt="" class="icon" style="margin-right: 10px;" />
<img src="static/images/footericon2.png" alt="" class="icon" style="margin-right: 10px;" />
<img src="static/images/footericon3.png" alt="" class="icon" style="margin-right: 10px;" />
<img src="static/images/footericon4.png" alt="" class="icon" style="margin-right: 10px;" />
<img src="static/images/footericon5.png" alt="" class="icon" />
</div>
<div class="font">探索黑科技,小米为发烧而生! </div>
</div>
</body>
<script>
layui.use('carousel', function(){
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#test1'
,width: '560px' //设置容器宽度
,height:'600px'
,arrow: 'always' //始终显示箭头
//,anim: 'updown' //切换动画方式
});
});
</script>
<script>
//默认第一版本 替换class名方法
$(document).ready(function(){
//获取class eq遍历(0)从0开始(代表第一个)替换class名 为.content-box-bb rls
$(".detail_much_left").eq(0).attr("class",".detail_much_left rls")
$(".content-color-left").eq(0).attr("class",".content-color-left rls")
//点击选中的版本
$(".detail_much_left").click(function(){
$(".detail_much_left").attr("class",".detail_much_left")
$(this).attr("class",".detail_much_left rls")
})
//点击切换颜色
$(".content-color-left").click(function(){
$(".content-color-left").attr("class",".content-color-left")
$(this).attr("class",".content-color-left rls")
})
})
</script>
</html>