01-detail.html
<html lang="en">
<head>
<meta charset="UTF-8">
<title>手机详情页！title>
<meta name="description" content="品优购JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/detail.css">
<script src="js/detail.js">script>
head>
<body>
<div class="shortcut">
<div class="w">
<div class="fl">
<ul>
<li>品优购欢迎您！ li>
<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>li>
<li class="spacer">li>
<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>
<li class="spacer">li>
<li><a href="#">网站导航a> <i class="icomoon">i>li>
ul>
div>
div>
div>
<div class="header w">
<div class="logo">
<h1>
<a href="index.html" title="品优购">品优购a>
h1>
div>
<div class="search">
<input type="text" class="text" value="请搜索内容...">
<button class="btn">搜索button>
div>
<div class="hotwrods">
<a href="#" class="style-red">优惠购首发a>
<a href="#">亿元优惠a>
<a href="#">9.9元团购a>
<a href="#">美满99减30a>
<a href="#">办公用品a>
<a href="#">电脑a>
<a href="#">通信a>
div>
<div class="shopcar">
<i class="car"> i>我的购物车 <i class="arrow"> i>
<i class="count">80i>
div>
div>
<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 href="list.html">手机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>
<div class="de_container w">
<div class="crumb_wrap">
<a href="#">手机、数码、通讯a> 〉 <a href="#">手机 a> 〉 <a href="#">Apple苹果 a> 〉 <a href="#">iphone 6S Plus系类a>
div>
<div class="product_intro clearfix">
<div class="preview_wrap fl">
<div class="preview_img">
<img src="upload/s3.png" alt="">
<div class="mask">div>
<div class="big">
<img src="upload/big.jpg" alt="" class="bigImg">
div>
div>
<div class="preview_list">
<a href="#" class="arrow_prev">a>
<a href="#" class="arrow_next">a>
<ul class="list_item">
<li>
<img src="upload/pre.jpg" alt="">
li>
<li class="current">
<img src="upload/pre.jpg" alt="">
li>
<li>
<img src="upload/pre.jpg" alt="">
li>
<li>
<img src="upload/pre.jpg" alt="">
li>
<li>
<img src="upload/pre.jpg" alt="">
li>
ul>
div>
div>
<div class="itemInfo_wrap fr">
<div class="sku_name">
Apple iPhone 6s（A1700）64G玫瑰金色 移动通信电信4G手机
div>
<div class="news">
推荐选择下方[移动优惠购],手机套餐齐搞定,不用换号,每月还有花费返
div>
<div class="summary">
<dl class="summary_price">
<dt>价格dt>
<dd>
<i class="price">￥5299.00 i>
<a href="#">降价通知a>
<div class="remark">累计评价612188div>
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="summary_support">
<dt>支持dt>
<dd>以旧换新，闲置手机回收 4G套餐超值抢 礼品购dd>
dl>
<dl class="choose_color">
<dt>选择颜色dt>
<dd>
<a href="javascript:;" class="current">玫瑰金a>
<a href="javascript:;">金色a>
<a href="javascript:;">白色a>
<a href="javascript:;">土豪色a>
dd>
dl>
<dl class="choose_version">
<dt>选择版本dt>
<dd>
<a href="javascript:;" class="current">公开版a>
<a href="javascript:;">移动4Ga>
dd>
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>
<div class="product_detail clearfix">
<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="upload/aside_img.jpg" alt="">
<h5>华为 HUAWEI P20 Pro 全面屏徕卡h5>
<div class="aside_price">¥19div>
<a href="#" class="as_addcar">加入购物车a>
li>
<li>
<img src="upload/aside_img.jpg" alt="">
<h5>华为 HUAWEI P20 Pro 全面屏徕卡h5>
<div class="aside_price">¥19div>
<a href="#" class="as_addcar">加入购物车a>
li>
<li>
<img src="upload/aside_img.jpg" alt="">
<h5>华为 HUAWEI P20 Pro 全面屏徕卡h5>
<div class="aside_price">¥19div>
<a href="#" class="as_addcar">加入购物车a>
li>
<li>
<img src="upload/aside_img.jpg" alt="">
<h5>华为 HUAWEI P20 Pro 全面屏徕卡h5>
<div class="aside_price">¥19div>
<a href="#" class="as_addcar">加入购物车a>
li>
<li>
<img src="upload/aside_img.jpg" alt="">
<h5>华为 HUAWEI P20 Pro 全面屏徕卡h5>
<div class="aside_price">¥19div>
<a href="#" class="as_addcar">加入购物车a>
li>
<li>
<img src="upload/aside_img.jpg" alt="">
<h5>华为 HUAWEI P20 Pro 全面屏徕卡h5>
<div class="aside_price">¥19div>
<a href="#" class="as_addcar">加入购物车a>
li>
ul>
div>
div>
<div class="detail fr">
<div class="detail_tab_list">
<ul>
<li class="current">商品介绍li>
<li>规格与包装li>
<li>售后保障li>
<li>商品评价（50000）li>
<li>手机社区li>
ul>
div>
<div class="detail_tab_con">
<div class="item">
<ul class="item_info">
<li>分辨率：1920*1080(FHD)li>
<li>后置摄像头：1200万像素li>
<li>前置摄像头：500万像素li>
<li>核 数：其他li>
<li>频 率：以官网信息为准li>
<li>品牌： Apple ♥关注li>
<li>商品名称：APPLEiPhone 6s Plusli>
<li>商品编号：1861098li>
<li>商品毛重：0.51kgli>
<li>商品产地：中国大陆li>
<li>热点：指纹识别，Apple Pay，金属机身，拍照神器li>
<li>系统：苹果（IOS）li>
<li>像素：1000-1600万li>
<li>机身内存：64GBli>
ul>
<p>
<a href="#" class="more">查看更多参数a>
p>
<img src="upload/detail_img1.jpg" alt="">
<img src="upload/detail_img2.jpg" alt="">
<img src="upload/detail_img3.jpg" alt="">
div>
