DuShiGuanGuang
/
product.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商品详情</title>

<!--公共样式-->
<link rel="stylesheet" type="text/css" href="css/reset.css"/>

<!--公共js-->
<script type="text/javascript" src="js/plugin/jquery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/common.js"></script>

<!--当前页面js-->
<script type="text/javascript" src="js/product.js"></script>

</head>

<body>
<!--head-->
<div class="container container_head">
	<div class="container_1000 cf m_center">
    	欢迎光临都市观光，Welcome!
        <p class="f_right head_right">
        	<a href="#this">收藏</a>
            <a href="#this">设为首页</a>
        </p>
    </div>
</div>

<!--logo和搜索-->
<div class="container container_1000 m_center container_subhead cf">
	<a href="#this" class="logo f_left">
    	<img src="images/logo/logo.png" />
    </a>

    <div class="f_left container_search cf">
    	<form class="f_left">
        	<input type="text" class="sousuo" />
	        <input type="submit" value=" " class="btn_search f_left" />
        </form>
        <p class="f_left resou"><b>热搜：</b><a href="chepiao-detail.html">巴士线路3</a> <a href="#this">特价一天</a> <a href="#this">今日疯抢</a></p>
    </div>
</div>

<!--导航-->
<div class="container container_nav">
	<div class="container container_1000 m_center">
        <ul class="nav cf">
        	<li>
            	<a href="index.html">首页</a>
            </li>
            <li>
            	<a href="user-jilu.html">个人中心</a>
            </li>
            <li>
            	<a href="04love02.html">介绍</a>
            </li>
            <li>
            	<a href="02about03.html">最新资讯</a>
            </li>
            <li>
            	<a href="help.html">联系我们</a>
            </li>
        </ul>
    </div>
</div>

<!--内容-->
<div class="container container_1000 m_center container_huodong">
    <h1 class="title_product">
    	<p class="f_left">网站信息</p>
        <p class="f_right">购买</p>
    </h1>
    <div class="container cf product_wrap">
    	<!--产品左侧-->
    	<div class="f_left product_left">
        	<!--列表-->
            <div class="list-left cf">
                <a target="_blank" class="product_img" href="#this">
                    <img src="images/eq/eq_product.png"  />
                </a>
                <div class="site-info">
                    <div class="siteinfo-top">
                        <h3>巴士线路3(原名淘牛品）</h3>
                        <p>13年初创建，因商品给力，在U站中迅速打响了名气。外站、U站同步推广，推广效果较好。左侧需加上活动Logo，10件销量及以上可以报名并销量不足100的，需定时上架（明天10点）。c店信誉1钻及以上~</p>
                        <a target="_blank" href="http://www.1zw.com/">http://www.1zw.com/</a>
                    </div>
                    <div class="siteinfo-bottom">
                        <h3>巴士线路3</h3>
                        <p>巴士线路3 （1zw.com) 每天海量产品  时时更新 给你全新的不同体验</p>
                        <p>使用人数：2813414 喜欢人数：78257</p>
                        <p>创建时间：2013-01-18</p>
                        <a target="_blank" href="http://www.1zw.com/">http://www.1zw.com/</a>
                    </div>
				</div>
            </div>
        </div>

        <!--右侧购买-->
        <div class="f_right product_right">
            <div class="content-center">
                <span class="product_price">价格：</span>

                <!--价位选择-->
                <div class="container of">
                    <ul class="product-fee of" id="js_product-fee">
                        <li class="focus">
                            <a href="#this">一天首页6天内页 450元</a>
                        </li>
                        <li>
                            <a href="#this">2天首页5内页 650元</a>
                        </li>
                        <li>
                            <a href="#this">7天首页 1800元</a>
						</li>
					</ul>
                    <div class="feeerror">请选择产品套餐</div>
                </div>

                <!--购买数量-->
                <div class="content-bottom">
                    <div class="buy_num cf">
                        <span class="price">购买数量：</span>
                        <div class="f_left num_wrap">
                        	<span class="num_reduce js_num_reduce"></span>
                            <input type="text" class="num_text js_num_text" value="1" autocomplete="off" maxlength="3" />
                            <span class="num_plus js_num_plus"></span>
                        </div>
                        <span class="f_left kucun">库存：9999</span>
                    </div>
                    <div class="buy-button cf">
                        <a href="#this" class="add-cart">+加入购物车</a>
                        <a href="#this" class="go-buy">直接购买</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--推荐套餐,套餐详情没有-->
    <div class="tuijian">
    	<h1 class="m_b25">爆款套餐</h1>
        <div class="container cf taocan_list">
            <ul class="taocan_list section cf f_left">
                <li>
                    <a href="#this" class="product_img">
                        <img src="images/eq/eq_product.png" />
                    </a>
                    <a href="#this" class="product_txt product_txt_2">巴士线路3巴士线路3巴士线路3巴士线路3</a>
                    <span class="yuanjia">原价：250</span>
                </li>
                <li>
                    <a href="#this" class="product_img">
                        <img src="images/eq/eq_product.png" />
                    </a>
                    <a href="#this" class="product_txt product_txt_2">巴士线路3</a>
                    <span class="yuanjia">原价：250</span>
                </li>
                <li>
                    <a href="#this" class="product_img">
                        <img src="images/eq/eq_product.png" />
                    </a>
                    <a href="#this" class="product_txt product_txt_2">巴士线路3</a>
                    <span class="yuanjia">原价：250</span>
                </li>
                <li>
                    <a href="#this" class="product_img">
                        <img src="images/eq/eq_product.png" />
                    </a>
                    <a href="#this" class="product_txt product_txt_2">巴士线路3</a>
                    <span class="yuanjia">原价：250</span>
                </li>
                <li>
                    <a href="#this" class="product_img">
                        <img src="images/eq/eq_product.png" />
                    </a>
                    <a href="#this" class="product_txt product_txt_2">巴士线路3</a>
                    <span class="yuanjia">原价：250</span>
                </li>
                <li>
                    <a href="#this" class="product_img">
                        <img src="images/eq/eq_product.png" />
                    </a>
                    <a href="#this" class="product_txt product_txt_2">巴士线路3</a>
                    <span class="yuanjia">原价：250</span>
                </li>
            </ul>
            <div class="taocan_resutl">
                <a href="#this" class="product_taocan">
                    查看更多
                </a>
                <div class="taocan_info">
                    <p class="price">套餐价格：<i>1480</i></p>
                    <p>节省：420</p>
                    <a href="#this" class="btn_taocan">查看套餐</a>
                </div>
            </div>
        </div>
    </div>
</div>

<!--底部成交记录-->
<div class="container container_1000 m_center container_pingjia">
	<div class="title_coloumn cf m_b25">
    	<ul class="tab_title" id="js_tab_title">
        	<li>
            	成交记录（256983）
            </li>
            <li>用户咨询</li>
            <li>用户评价</li>
            <li>交易保障</li>
        </ul>
    </div>
    <div class="container cf container_tab" id="js_container_tab">

        <!--购买记录-->
        <div class="container">
        	<table border="0" cellspacing="0" cellpadding="0" class="table_pingjia" width="100%;">
            	<thead>
                	<tr>
                    	<td>账号名</td>
                        <td>产品信息</td>
                        <td>购买数量</td>
                        <td>支付金额</td>
                        <td>支付时间</td>
                        <td>状态</td>
					</tr>
				</thead>
				<tbody>
                	<tr>
                        <td>五月淘**</td>
                        <td>抢秒杀 - 一天首页6天内页</td>
                        <td>1</td>
                        <td>450</td>
                        <td>2014-06-23 11:30:34</td>
                        <td>已上线</td>
					</tr>
                    <tr>
                        <td>五月淘**</td>
                        <td>抢秒杀 - 一天首页6天内页</td>
                        <td>1</td>
                        <td>450</td>
                        <td>2014-06-23 11:30:34</td>
                        <td>已上线</td>
					</tr>
                    <tr>
                        <td>五月淘**</td>
                        <td>抢秒杀 - 一天首页6天内页</td>
                        <td>1</td>
                        <td>450</td>
                        <td>2014-06-23 11:30:34</td>
                        <td>已上线</td>
					</tr>
                    <tr>
                        <td>五月淘**</td>
                        <td>抢秒杀 - 一天首页6天内页</td>
                        <td>1</td>
                        <td>450</td>
                        <td>2014-06-23 11:30:34</td>
                        <td>已上线</td>
					</tr>
                    <tr>
                        <td>五月淘**</td>
                        <td>抢秒杀 - 一天首页6天内页</td>
                        <td>1</td>
                        <td>450</td>
                        <td>2014-06-23 11:30:34</td>
                        <td>已上线</td>
					</tr>
                    <tr>
                        <td>五月淘**</td>
                        <td>抢秒杀 - 一天首页6天内页</td>
                        <td>1</td>
                        <td>450</td>
                        <td>2014-06-23 11:30:34</td>
                        <td>已上线</td>
					</tr>
                    <tr>
                        <td>五月淘**</td>
                        <td>抢秒杀 - 一天首页6天内页</td>
                        <td>1</td>
                        <td>450</td>
                        <td>2014-06-23 11:30:34</td>
                        <td>已上线</td>
					</tr>
                    <tr>
                        <td>五月淘**</td>
                        <td>抢秒杀 - 一天首页6天内页</td>
                        <td>1</td>
                        <td>450</td>
                        <td>2014-06-23 11:30:34</td>
                        <td>已上线</td>
					</tr>
                    <tr>
                        <td>五月淘**</td>
                        <td>抢秒杀 - 一天首页6天内页</td>
                        <td>1</td>
                        <td>450</td>
                        <td>2014-06-23 11:30:34</td>
                        <td>已上线</td>
					</tr>
                    <tr>
                        <td>五月淘**</td>
                        <td>抢秒杀 - 一天首页6天内页</td>
                        <td>1</td>
                        <td>450</td>
                        <td>2014-06-23 11:30:34</td>
                        <td>已上线</td>
					</tr>
                </tbody>
			</table>

            <!--翻页-->
            <div class="page align_center">
                <span>94条记录</span>
                <span>1/10 页</span>
                <a href="#this">上一页</a>
                <span class="focus">1</span>
                <a href="#this">2</a>
                <a href="#this">3</a>
                <a href="#this">4</a>
                <a href="#this">5</a>
                <a href="#this">下一页</a>
                <a href="#this">最后一页</a>
            </div>
        </div>

        <!--问答-->
        <div class="container">
        	<div class="tw_box">
            	<p class="wen">
                	<span class="name">z41**</span>提问：已经报名了！什么时候上活动呢。
                    <span class="times">[2014-06-14 15:13:02]</span>
				</p>
                <p class="da">商家回答：都是当天就会预告的</p>
			</div>
            <div class="tw_box">
            	<p class="wen">
                	<span class="name">z41**</span>提问：已经报名了！什么时候上活动呢。
                    <span class="times">[2014-06-14 15:13:02]</span>
				</p>
                <p class="da">商家回答：都是当天就会预告的</p>
			</div>
            <div class="tw_box">
            	<p class="wen">
                	<span class="name">z41**</span>提问：已经报名了！什么时候上活动呢。
                    <span class="times">[2014-06-14 15:13:02]</span>
				</p>
                <p class="da">商家回答：都是当天就会预告的</p>
			</div>
            <div class="tw_box">
            	<p class="wen">
                	<span class="name">z41**</span>提问：已经报名了！什么时候上活动呢。
                    <span class="times">[2014-06-14 15:13:02]</span>
				</p>
                <p class="da">商家回答：都是当天就会预告的</p>
			</div>
            <div class="tw_box">
            	<p class="wen">
                	<span class="name">z41**</span>提问：已经报名了！什么时候上活动呢。
                    <span class="times">[2014-06-14 15:13:02]</span>
				</p>
                <p class="da">商家回答：都是当天就会预告的</p>
			</div>
            <!--翻页-->
            <div class="page align_center">
                <span>94条记录</span>
                <span>1/10 页</span>
                <a href="#this">上一页</a>
                <span class="focus">1</span>
                <a href="#this">2</a>
                <a href="#this">3</a>
                <a href="#this">4</a>
                <a href="#this">5</a>
                <a href="#this">下一页</a>
                <a href="#this">最后一页</a>
            </div>
        </div>

        <!--用户评价-->
        <div class="container">
        	<div class="tw_box">
            	<p class="wen">
                	<span class="name">z41**</span>一般 反正我亏了 没有卖多少
                    <span class="times">[2014-06-14 15:13:02]</span>
				</p>
			</div>
            <div class="tw_box">
            	<p class="wen">
                	<span class="name">z41**</span>一般 反正我亏了 没有卖多少
                    <span class="times">[2014-06-14 15:13:02]</span>
				</p>
			</div>
            <div class="tw_box">
            	<p class="wen">
                	<span class="name">z41**</span>一般 反正我亏了 没有卖多少
                    <span class="times">[2014-06-14 15:13:02]</span>
				</p>
			</div>
            <div class="tw_box">
            	<p class="wen">
                	<span class="name">z41**</span>一般 反正我亏了 没有卖多少
                    <span class="times">[2014-06-14 15:13:02]</span>
				</p>
			</div>
            <div class="tw_box">
            	<p class="wen">
                	<span class="name">z41**</span>一般 反正我亏了 没有卖多少
                    <span class="times">[2014-06-14 15:13:02]</span>
				</p>
			</div>
            <div class="tw_box">
            	<p class="wen">
                	<span class="name">z41**</span>一般 反正我亏了 没有卖多少
                    <span class="times">[2014-06-14 15:13:02]</span>
				</p>
			</div>
            <!--翻页-->
            <div class="page align_center">
                <span>94条记录</span>
                <span>1/10 页</span>
                <a href="#this">上一页</a>
                <span class="focus">1</span>
                <a href="#this">2</a>
                <a href="#this">3</a>
                <a href="#this">4</a>
                <a href="#this">5</a>
                <a href="#this">下一页</a>
                <a href="#this">最后一页</a>
            </div>
        </div>

        <!--交易保障-->
        <div class="container">
        	<img src="images/eq/baozhang.png" />
        </div>

    </div>
</div>

<!--footer-->
<div class="container container_1000 m_center container_footer">
	<div class="foot_link">
        <a target="_blank" href="help.html">关于我们</a>
        <a target="_blank" href="help.html">联系我们</a>
        <a target="_blank" href="help.html">付款方式</a>
        <a target="_blank" href="help.html">网站入住</a>
        <a target="_blank" href="help.html">常见问题</a>
    </div>

    <div class="foot_info">
        都市观光，致力打造爆款！ Copyright 2012-2013，版权所有 浙ICP备12046811号-1
    </div>
</div>

</body>
</html>