代码拉取完成，页面将自动刷新
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style type="text/css">
body{margin: 0px;padding: 0px;}
#containter{width: 980px;margin: 0px auto;font-size: 10px;}
#pagetop{min-height: 75px;border: #0C6 solid 1px;}
.logo{width:260px ;height:70px ;float: left;}
.topinfo{width:380px;float: left;vertical-align:middle;line-height: 60px;font-size: 15px;}
.topnav{width: 360px;float: left;}
.topnavlist{width: 360px;}
.topnavlist ul{ width: 360px;list-style: none;}
.topnavlist ul li{ display: inline-block;width: 60px;}
.topnavlist ul li a{text-decoration:none;color: #666;}
#nav{text-align: center;}
#nav ul{ list-style:none;margin: 0px;padding: 0px;}
#nav ul li{ width:100px;line-height: 36px;font-size: 15px;font-weight: bold;display: inline-block;text-align: center;}
#nav ul li a{text-decoration: none;color:#000000;}
#navlist{}
#pagebody{min-height: 650px;border:#00F solid 1px;}
table.shop_table {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
margin-bottom: 50px;
width: 100%;
}
table.shop_table th, table.shop_table td {
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 15px;
text-align: center;
}
table.shop_table th {
background: none repeat scroll 0 0 #f4f4f4;
font-size: 15px;
text-transform: uppercase;
}
td.product-thumbnail img {
height: auto;
width: 70px;
}
td.product-name {
font-size: 18px;
}
div.quantity input.plus, div.quantity input.minus {
background: none repeat scroll 0 0 #5a88ca;
border: medium none;
color: #fff;
height: 25px;
line-height: 15px;
width: 25px;
}
td.product-quantity div.quantity {
float: none;
margin: 0;
}
td.actions div.coupon {
float: left;
}
.cart-collaterals {
overflow: hidden;
}
.cross-sells {
float: left;
margin-right: 3%;
width: 57%;
}
.cart_totals {
float: right;
margin-bottom: 50px;
width: 40%;
}
.cart-collaterals h2 {
color: #5a88ca;
font-size: 25px;
margin-bottom: 25px;
text-transform: uppercase;
}
div.cart-collaterals ul.products {
list-style: outside none none;
margin: 0 0 0 -30px;
padding: 0;
}
div.cart-collaterals ul.products li.product {
float: left;
margin-left: 30px;
position: relative;
width: 198px;
}
.cart_totals table {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
width: 100%;
}
.cart_totals table th, .cart_totals table td {
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 10px;
}
.cart_totals table th {
background: none repeat scroll 0 0 #f4f4f4;
}
.onsale {
}
div.cart-collaterals ul.products li.product .onsale {
background: none repeat scroll 0 0 #5a88ca;
color: #fff;
padding: 5px 10px;
position: absolute;
right: 0;
}
div.cart-collaterals ul.products li.product h3 {
color: #333;
font-size: 20px;
margin-top: 15px;
}
div.cart-collaterals ul.products li.product .price {
color: #333;
display: block;
margin-bottom: 10px;
overflow: hidden;
}
.price > ins {
}
div.cart-collaterals ul.products li.product .price ins {
color: #5a88ca;
font-weight: 700;
margin-left: 10px;
text-decoration: none;
}
.woocommerce-info {
background: none repeat scroll 0 0 #f4f4f4;
font-size: 18px;
margin-bottom: 20px;
padding: 15px;
}
#pagefooter{min-height:150px;border: #0C6 solid 1px;}
#footnav{height: 100px;}
#footnav ul{margin: 0px;padding: 0px;list-style: none;text-align: center;}
#footnav ul h3{}
.listnav{display:inline-block;width: 200px;}
#footnav ul .listnav ul li{line-height: 20px}
</style>
</head>
<body>
<div id="containter">
<!--网站头部-->
<div id="pagetop">
<div class="logo"><img src="imgs/logo.jpg"/></div>
<div class="topinfo">
<span>您好，欢迎登陆阅生活！<a href="login.html">请登陆</a>新用户？<a href="zhuce.html">请注册</a></span>
</div>
<div class="topnav" style="position:absolute;top:10px;right:500px;">
<div class="topnavlist">
<div>
<ul>
<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 id="nav" style="clear: both">
<div style="background: url(imgs/top1.jpg);height:36px">
<ul id="navlist">
<li><a href="#">网站首页</a></li>
<li><a href="fenlei.html">分类导航</a></li>
<li><a href="#">购物帮助</a></li>
<li><a href="#">关于我们</a></li>
</ul>
</div>
<div style="background: url(imgs/top2.jpg);height:36px;text-align: left;text-indent:25px;line-height: 36px;background-image: url(imgs/gouwu.png);background-repeat: no-repeat;">
<span style="color:#000000;font-size: 15px;">搜索</span><span><select><option>所有分类</option><option>热卖</option></select></span><span><input type="text" maxlength="50" size="50"/><input type="button" value="搜索"/></span>
</div>
</div>
</div>
<div id="pagebody">
<div class="woocommerce">
<form action="#" method="post">
<table cellspacing="0" class="shop_table cart">
<thead>
<tr>
<th class="product-remove"> </th>
<th class="product-thumbnail"> </th>
<th class="product-name">商品信息</th>
<th class="product-price">单价</th>
<th class="product-quantity">数量</th>
<th class="product-subtotal">金额</th>
</tr>
</thead>
<tbody>
<tr class="cart_item">
<td class="product-remove">
<a href="#" title="Remove this item" class="remove">×</a>
</td>
<td class="product-thumbnail">
<a href="single-product.html"><img src="imgs/edu/1.jpg" alt="poster_1_up" width="145" height="145" class="shop_thumbnail"></a>
</td>
<td class="product-name">
<a href="single-product.html">你是人间的四月天</a>
</td>
<td class="product-price">
<span class="amount">￥36</span>
</td>
<td class="product-quantity">
<div class="quantity buttons_added">
<input type="button" class="minus" value="-">
<input type="number" class="input-text qty text" min="0" step="1" title="Qty" value="1" size="4">
<input type="button" class="plus" value="+">
</div>
</td>
<td class="product-subtotal">
<span class="amount">￥36</span>
</td>
</tr>
<tr>
<td colspan="6" class="actions">
<input name="proceed" type="submit" class="checkout-button button alt wc-forward" value="结算">
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>
</div>
<div id="pagefooter">
<div id="footnav">
<ul>
<li class="listnav">
<h3>付款方式</h3>
<ul>
<li><a href="#">银行汇款</li>
<li><a href="#">在线支付</li>
<li><a href="#">现金支付</li>
<li><a href="#">公司转账</li>
</ul>
</li>
<li class="listnav">
<h3>送货方式</h3>
<ul>
<li><a href="#">上门服务</li>
<li><a href="#">EMS快递</li>
<li><a href="#">快速发货</li>
<li><a href="#">平邮发货</li>
</ul>
</li>
<li class="listnav">
<h3>售后服务</h3>
<ul>
<li><a href="#">质保承诺</li>
<li><a href="#">退换货政策</li>
<li><a href="#">价格保护</li>
<li><a href="#">返修申请</li>
</ul>
</li>
<li class="listnav">
<h3>购物帮助</h3>
<ul>
<li><a href="#">用户等级</li>
<li><a href="#">积分管理</li>
<li><a href="#">购物流程</li>
<li><a href="#">常见问题</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
举报
请认真填写举报原因，尽可能描述详细。
请选择举报类型
误判申诉
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化