<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3339796_38swcn03c2r.css">
<link rel="stylesheet" href="../css/public.css">
<link rel="stylesheet" href="../css/index.css">
<link rel="stylesheet" href="../css/log_in.css">
<link rel="stylesheet" href="../css/regiter.css">
<script src="../js/jquery.js"></script>
<script src="../js/api.js"></script>
<script src="../js/index.js"></script>
<script src="../js/log_in.js"></script>
<script src="../js/register.js"></script>
</head>
<body>
<!-- 头部 -->
<div class="top_container">
<div class="content layout_jc_end">
<div class="options">
<span class="log_in">登录</span>
<span class="gun" style="padding: 0;">|</span>
<span class="sign_in">注册</span>
<span class="my_bills">我的订单</span>
<span class="my_likes">我的收藏</span>
<span class="shopping_car"><i class="iconfont icon-gouwuche"></i> 购物车(0)</span>
</div>
</div>
</div>
<!-- 标题导航栏 -->
<div class="nav_container">
<div class="content nav flex">
<!-- 左边 -->
<div class="nav_left layout_jc_between">
<div class="pic layout_jc_start">
<img src="../img/logo.png" alt="">
</div>
<div class="lil_nav">
<span class="index">首页</span>
<span class="all">全部商品</span>
<span class="about_us">关于我们</span>
</div>
</div>
<!-- 右边 -->
<div class="nav_right layout_jc_end layout_ai_center">
<div class="search flex">
<input type="text" placeholder="请输入搜索内容">
<div class="Go"></div>
</div>
</div>
</div>
</div>
<!-- 轮播图 -->
<div class="train_container">
<!-- 窗户 -->
<div class="content">
<!-- 移动火车 -->
<div class="train flex">
<img src="" alt="">
<img src="" alt="">
<img src="" alt="">
<img src="" alt="">
</div>
<!-- 左右箭头 -->
<div class="left"></div>
<div class="right"></div>
<!-- 点了之后图片可以滑动的点点 -->
<div class="dots">
<span class="change"></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!-- 商品 -->
<div class="commodity">
<!-- 手机界面 -->
<div class="content commodity_phone c_total">
<div class="title" style="height: 42px;">手机</div>
<div class="c_detail phone flex">
<div class="right flex_wrap layout_jc_between layout_ac_between">
</div>
</div>
</div>
<!-- 家电界面 -->
<div class="content commodity_household c_total">
<div class="title" style="height: 42px;">家电
<div class="hot">热门</div>
<div class="tv_video">电视影音</div>
</div>
<div class="c_detail household flex">
<div class="right flex_wrap layout_jc_between layout_ac_between">
</div>
</div>
</div>
<!-- 配件界面 -->
<div class="content commodity_fittings c_total">
<div class="title" style="height: 42px;">配件
<div class="hot">热门</div>
<div class="baohutao">保护套</div>
<div class="charger">充电器</div>
</div>
<div class="c_detail fittings flex">
<div class="right flex_wrap layout_jc_between layout_ac_between">
</div>
</div>
</div>
</div>
<!-- 底部栏 -->
<div class="buttom_container">
<div class="content blackboard">
<div class="guarantee layout_jc_between">
<div class="g g1 layout_jc_between"><img src="../img/icon_savety_shelder.png"
alt=""><span>7天无理由退换货</span></div>
<div class="g g1 layout_jc_between"><img src="../img/icon_savety_shelder.png"
alt=""><span>满99元全场免邮</span></div>
<div class="g g1 layout_jc_between"><img src="../img/icon_savety_shelder.png"
alt=""><span>100%品质保证</span></div>
</div>
<div class="bc_logo">
<img src="../img/black_cat_logo.png" alt="">
</div>
<div class="buttom_nav">
<span class="s1">首页</span>
<span class="s2">全部商品</span>
<span>关于我们</span>
</div>
<span class="copyright">商城版权所有 © 2012-2021</span>
</div>
</div>
<!-- 登录界面 -->
<div class="cover">
</div>
<div class="login_win">
<div class="close">×</div>
<div class="denglu">登录</div>
<input type="text" placeholder="请输入账号" class="account">
<input type="password" name="" id="" placeholder="请输入密码" class="pwd">
<div class="go">登录</div>
<div class="error_place error_place_11">错误的地方</div>
<div class="error_place error_place_22">错误的地方</div>
<div class="err err1"></div>
<div class="err err2"></div>
</div>
<!-- 注册界面 -->
<div class="reg_cover"></div>
<div class="register_win">
<div class="close">×</div>
<div class="zhuce">注册</div>
<input type="text" placeholder="请输入账号" class="account">
<input type="password" name="" id="" placeholder="请输入密码" class="pwd">
<input type="password" name="" id="" placeholder="请再次输入密码" class="pwd_again">
<div class="go">注册</div>
<div class="error_place error_place_1">错误的地方</div>
<div class="error_place error_place_2">错误的地方</div>
<div class="error_place error_place_3">错误的地方</div>
<div class="err err1"></div>
<div class="err err2"></div>
<div class="err err3"></div>
</div>
</body>
</html>