abstract：在线预览地址：http://www.pursuer.top/xiaomi1 html部分：小米商城 在线预览地址：http://www.pursuer.top/xiaomi1
html部分：
小米商城
搜索
小米闪购
手机
查看更多
智能
热门
电视影音
电脑
家具
家电
热门
家居
家电
©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号
违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
探索黑科技，小米为发烧而生！
css部分：
/*公共样式*/
*{padding:0;margin:0;}
a{text-decoration: none;cursor:pointer;}
li{list-style:none;}
.clear{clear: both;}
/*头部样式*/
.header{width:100%;height:40px;background-color:#333;}
.menu{width:1226px;height:40px;background: #ccc;margin:0 auto;}
/*主体样式*/
.main{width:1226px;margin:0 auto;}
/*导航*/
.mainNav{width:1226px;height:80px;background:#ccc;margin:10px auto;}
/*轮播图*/
.mainRpm{margin:10px auto;}
.mainRpm_l{width:246px;height:460px;background:#ccc;float: left;}
.mainRpm_r{width:980px;height:460px;background:#bbb;float: left;}
/*商品广告*/
.mainShop{margin:10px auto;}
.mainShop_l{width:235px;height:170px;background:#5f5750;float: left;}
.mainShop_r{width:317px;height:170px;float: left;margin-left:13px;}
/*小米闪购*/
.mainPurchase{margin:20px auto;}
.mainPurchase_tit{padding:20px 0;}
.mainPurchase_shop{width: 234px;height:329px;float: left;background-color: #ccc;}
/*广告位*/
.mainImg{width:1226px;height:119px;background:#ccc;margin:30px auto;}
/*专区*/
.mainPhone{margin:10px auto;}
.mainPhone_tit{height: 60px;margin: 10px 0;line-height:60px;}
.mainPhone_tit .tit{height:40px;line-height:40px;float: left;}
.mainPhone_tit .more{height:40px;line-height:40px;float: right;font-size: 14px;}
.mainPhone_tit .short{height:40px;line-height:40px;float: right;margin-left:15px;font-size: 14px;}
.mainPhone_tit .short:hover{color:#ff6700;border-bottom: 2px solid #ff6700;}
.mainPhone_l{width:234px;height:614px;float:left;}
.mainPhone_l .ad{width:234px;height:300px;}
.mainPhone_r{width:992px;height:614px;float:right;}
.mainPhone_r .p{width:234px;height:300px;background:#ccc;float:left;margin-left: 14px;}
.mainPhone_r .p1{width:234px;height:300px;float:left;margin-left: 14px;}
.mainPhone_r .p1 .ad{width:234px;height:145px;background:#ccc;}
.mainRecommend{width:1226px;height:310px;background:#ccc;margin:20px auto;}
.mainHost{width:1226px;height:490px;background:#ccc;margin:20px auto;}
.mainContainer{width:1226px;height:490px;background:#ccc;margin:20px auto;}
.mainVideo{width:1226px;height:360px;background:#ccc;margin:20px auto 40px;}
/*底部样式*/
.foot{width:1226px;margin:0 auto;}
.foot_top{height:80px;margin:0 auto;text-align: center;border-bottom: 1px solid #e0e0e0;}
.foot_top a{color:#616161;font-size: 16px;line-height: 80px;}
.foot_top i{font-size:20px;line-height: 80px;margin-right:10px;}
.foot_top a:hover{color:#ff6700;}
.foot_top span{color:#616161;margin:0 50px;}
.foot_middle{height:114px;margin:40px 0;}
.foot_middle .nav{height: 114px;width: 160px;float: left;}
.foot_middle .nav .tit{font-size: 14px;margin-bottom: 26px;color: #424242;}
.foot_middle .nav .list{font-size: 12px;margin:10px 0;color:#555;display: block;}
.foot_middle .nav .list:hover{color:#ff6700;}
.foot_middle .nav_r{height:114px;width:265px;float: left;border-left: 1px solid #e0e0e0;}
.foot_middle .nav_r span{text-align: center;color: #ff6700;display: block;}
.foot_middle .nav_r #cont{width: 118px;height: 28px;border:1px solid #ff6700;margin:20px auto 0;color:#ff6700;text-align: center;line-height:30px;font-size:14px;}
.foot_middle .nav_r #cont:hover{background: #ff6700;color:#fff;}
.foot_middle .nav_r #cont i{margin-right: 10px;}
.foot_bottom{height:84px;}
.foot_bottom .foot_bottom_l{width:56px;height: 57px;float: left;margin-right: 16px;}
.foot_bottom .foot_bottom_m{width:640px;height: 57px;float: left;}
.foot_bottom .foot_bottom_m .up{width: 640px;height: 19px;margin-bottom:6px;color: #555;font-size: 12px;}
.foot_bottom .foot_bottom_m .up a{color: #555;}
.foot_bottom .foot_bottom_m .up a:hover{color: #ff6700;}
.foot_bottom .foot_bottom_m .up span{margin:0 0 0 2px;}
.foot_bottom .foot_bottom_m .down{width: 640px;height: 31px;font-size: 10px;}
.foot_bottom .foot_bottom_m .down span a{color: #757575;}
.foot_bottom .foot_bottom_m .down span a:hover{color: #ff6700;}
.foot_bottom .foot_bottom_m .down span{color:#555;}
.foot_bottom .foot_bottom_r{width:455px;height:57px;float:right;}
.foot_bottom .foot_bottom_r img{width: 83px;height: 28px;float:left;margin-left:8px;}
.slogan{font-size: 24px;font-family: '楷体';text-align: center;color: #ccc;padding-bottom:20px;}
Correcting teacher：天蓬老师Correction time：2019-08-27 09:16:09
Teacher's summary：写得不错, 不是在css中, 类名中的多个单词之间,推荐使用连接线, 而不是下划线
