<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>商品详情页！</title>
<!-- 引入css 初始化的css 文件 -->
<link rel="stylesheet" href="css/base.css">
<!-- 引入公共样式的css 文件 -->
<link rel="stylesheet" href="css/common.css">
<!-- 引入详情页面的css文件 -->
<link rel="stylesheet" href="css/detail.css">
</head>
<body>
<div class="shortcut">
<div class="w">
<div class="fl">
<ul>
<li>
<a href="#">请登录</a>
<a href="#" class="style-red">免费注册</a>
</li>
</ul>
</div>
<div class="fr">
<ul>
<li><a href="#">我的订单</a></li>
<li class="spacer"></li>
<li><a href="#">客户服务</a> <i class="icomoon"></i></li>
<li class="spacer"></li>
<li><a href="#">网站导航</a> <i class="icomoon"></i></li>
</ul>
</div>
</div>
</div>
<!-- header制作 -->
<div class="header w">
<!-- logo -->
<div class="logo">
<h1>
<a href="index.html" title="品优购">品优购</a>
</h1>
</div>
<!-- search -->
<div class="search">
<input type="text" class="text" value="请搜索内容...">
<button class="btn">搜索</button>
</div>
<!-- hotwrods -->
<div class="hotwrods">
<a href="#" class="style-red">优惠购首发</a>
<a href="#">亿元优惠</a>
<a href="#">9.9元团购</a>
<a href="#">美满99减30</a>
<a href="#">办公用品</a>
<a href="#">电脑</a>
<a href="#">通信</a>
</div>
<div class="shopcar">
<i class="car"> </i>我的购物车 <i class="arrow"> </i>
<i class="count">80</i>
</div>
</div>
<!-- header 结束 -->
<!-- nav start -->
<div class="nav">
<div class="w">
<div class="dropdown fl">
<div class="dt"> 全部商品分类 </div>
<div class="dd" style="display: none;">
<ul>
<li class="menu_item"><a href="#">家用电器</a> <i> </i> </li>
<li class="menu_item">
<a>手机</a> 、
<a href="#">数码</a> 、
<a href="#">通信</a>
<i> </i>
</li>
<li class="menu_item"><a href="#">电脑、办公</a> <i> </i> </li>
<li class="menu_item"><a href="#">家居、家具、家装、厨具</a> <i> </i> </li>
<li class="menu_item"><a href="#">男装、女装、童装、内衣</a> <i> </i> </li>
<li class="menu_item"><a href="#">个户化妆、清洁用品、宠物</a> <i> </i> </li>
<li class="menu_item"><a href="#">鞋靴、箱包、珠宝、奢侈品</a> <i> </i> </li>
<li class="menu_item"><a href="#">运动户外、钟表</a> <i> </i> </li>
<li class="menu_item"><a href="#">汽车、汽车用品</a> <i> </i> </li>
<li class="menu_item"><a href="#">母婴、玩具乐器</a> <i> </i> </li>
<li class="menu_item"><a href="#">食品、酒类、生鲜、特产</a> <i> </i> </li>
<li class="menu_item"><a href="#">医药保健</a> <i> </i> </li>
<li class="menu_item"><a href="#">图书、音像、电子书</a> <i> </i> </li>
<li class="menu_item"><a href="#">彩票、旅行、充值、票务</a> <i> </i> </li>
<li class="menu_item"><a href="#">理财、众筹、白条、保险</a> <i> </i> </li>
</ul>
</div>
</div>
<!-- 右侧导航 -->
<div class="navitems fl">
<ul>
<li><a href="#">服装城</a></li>
<li><a href="#">美妆馆</a></li>
<li><a href="#">传智超市</a></li>
<li><a href="#">全球购</a></li>
<li><a href="#">闪购</a></li>
<li><a href="#">团购</a></li>
<li><a href="#">拍卖</a></li>
<li><a href="#">有趣</a></li>
</ul>
</div>
</div>
</div>
<!-- nav end -->
<!-- 详情页内容 -->
<div class="de_container w">
<!-- 面包屑导航 -->
<div class="crumb_wrap">
<a href="#">化妆品</a>
</div>
<!-- 产品介绍 -->
<div class="product_intro clearfix">
<!-- 预览 -->
<div class="preview_wrap fl">
<div class="preview_img">
<img src="images/try3.jpg" width="100%" height="100%" alt="">
</div>
<div class="preview_list">
<a href="#" class="arrow_prev"></a>
<a href="#" class="arrow_next"></a>
<ul class="list_item">
<li>
<img src="images/try3.jpg" width="100%" height="100%" alt="">
</li>
<li class="current">
<img src="images/try3.jpg" width="100%" height="100%" alt="">
</li>
<li>
<img src="images/try3.jpg" width="100%" height="100%" alt="">
</li>
<li>
<img src="images/try3.jpg" width="100%" height="100%" alt="">
</li>
<li>
<img src="images/try3.jpg" width="100%" height="100%" alt="">
</li>
</ul>
</div>
</div>
<!-- 产品详细 -->
<div class="itemInfo_wrap fr">
<div class="sku_name">
千妆魔镜热门眼妆 </div>
<div class="news">
可以滋润保湿唇部肌肤，为您打造莹润双唇,可以撕掉的唇部，给双唇多重保护，改善唇部纹理，让双唇看上去丰润有光泽······
</div>
<div class="summary">
<dl class="summary_price">
<dt>价格</dt>
<dd>
<i class="price">￥529.00 </i>
<a href="#">降价通知</a>
<div class="remark">累计评价612188</div>
</dd>
</dl>
<dl class="summary_promotion">
<dt>促销</dt>
<dd>
<em>加购价</em>
满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换
购热销商品 详情 》
</dd>
</dl>
<dl class="choose_color">
</dl>
<dl class="choose_version">
</dl>
<dl class="choose_type">
<dt>购买方式</dt>
<dd>
<a href="javascript:;" class="current">支付宝</a>
<a href="javascript:;">微信</a>
<a href="javascript:;">银行卡</a>
</dd>
</dl>
<div class="choose_btns">
<div class="choose_amount">
<input type="text" value="1">
<a href="javascript:;" class="add">+</a>
<a href="javascript:;" class="reduce">-</a>
</div>
<a href="#" class="addcar">加入购物车</a>
</div>
</div>
</div>
</div>
<!-- product_detail -->
<div class="product_detail clearfix">
<!-- aside -->
<div class="aside fl">
<div class="tab_list">
<ul>
<li class="first_tab ">相关分类</li>
<li class="second_tab current">推荐品牌</li>
</ul>
</div>
<div class="tab_con">
<ul>
<li>
<img src="./images/try1.jpg" width="100%" height="100%" alt="">
<h5>商品1</h5>
<div class="aside_price">¥19</div>
<a href="#" class="as_addcar">加入购物车</a>
</li>
<li>
<img src="./images/try1.jpg" width="100%" height="100%" alt="">
<h5>商品1</h5>
<div class="aside_price">¥19</div>
<a href="#" class="as_addcar">加入购物车</a>
</li>
<li>
<img src="./images/try1.jpg" width="100%" height="100%" alt="">
化妆品电商2个页面.zip （49个子文件） 
化妆品电商2个页面 
.DS_Store 6KB
detail.html 14KB audio home.ogg 223KB css common.css 4KB detail.css 5KB base.css 1KB index.css 9KB index.html 5KB images 
cp6.jpg 30KB
th7.png 21KB th8.png 19KB th3.png 18KB sanxian.png 3KB try2.jpg 121KB cp5.jpg 29KB shizhuang.jpg 49KB but.png 4KB cp4.jpg 31KB jiantou.png 3KB try1.jpg 71KB try4.jpg 48KB cp2.jpg 30KB th2.png 23KB cp8.jpg 28KB new.jpg 42KB try3.jpg 81KB logo.png 4KB th6.png 20KB cp.jpg 43KB pic2.jpg 48KB search.png 3KB pic3.jpg 60KB try5.jpg 49KB wenzi.png 26KB try6.jpg 51KB pic1.jpg 72KB sanjiao.png 3KB but.jpg 26KB anniu.png 4KB liebiao.png 3KB th1.png 18KB cp1.jpg 26KB logo1.jpg 32KB th5.png 18KB tu1.jpg 48KB cp3.jpg 28KB th4.png 18KB cp7.jpg 30KB video 
home_loop_720p.mp4 923KB资源评论
