master

分支 (1)

管理

管理

master

vwangzhan
/
shaixinhuo.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/yangshi1.css" />
		<style type="text/css">
			body {
				font-size: 12px;
			}

			a {
				color: #666972;
				text-decoration: none;
			}

			* {
				list-style-type: none;
				padding: 0px;
				margin: 0px;
			}

			a:hover {
				text-decoration: underline;
			}

			#top {
				margin: 0px auto;
				line-height: 30px;
				height: 30px;
				background-image: url(img/图片素材/top_bg.gif);
			}

			#top #top1 {
				width: 988px;
				margin: 0px auto;
				height: 30px;
			}

			#top #top1 .welcome {
				color: #A8B0B2;
				width: 145px;
			}

			#top .denglu .zhuce {
				list-style: none;
				margin-left: 148px;
				margin-top: -32px;
				width: 130px;
				height: 30px;
				line-height: 30px;
			}

			#top .denglu .zhuce li {
				float: left;
			}

			#top .denglu .zhuce a {
				color: #EF002C;
				padding: 0px 8px;
			}

			#top .denglu .zhuce a:hover {
				text-decoration: underline;
			}

			#top .denglu .daohang {
				height: 30px;
				width: 500px;
			}

			#top .daohang ul {
				height: 30px;
				width: 505px;
				margin-left: 480px;
				margin-top: -32px;
			}

			#top .daohang ul li {
				line-height: 35px;
				float: left;
			}

			#top .daohang ul li a {
				border-right: 1px solid;
				padding: 0px 6.5px;
			}

			#top .daohang ul li a:hover {
				text-decoration: underline;
			}

			span {
				color: #EF002C;
			}
			/*
			  * 顶部样式
			  */

			#main {
				width: 985px;
				margin: auto;
				margin-top: 10px;
			}

			#main .V ul {
				overflow: hidden;
				height: 71px;
				width: 985px;
				margin: 0px auto;
			}

			#main .V ul li {
				margin-left: 4px;
				float: left;
			}

			#main .V ul .li1 {
				margin-top: 20px;
				margin-left: 20px;
			}

			#main .V ul .li2 {
				margin-top: 26px;
				margin-left: 30px;
				border: 1px solid #E5E5E5;
			}

			#main .V .li2 div {
				width: 80px;
				height: 32px;
			}

			#main .V input {
				margin-top: 0.5px;
				height: 26px;
				width: 300px;
			}

			.sousuo {
				height: 28px;
				width: 80px;
				margin-top: -31.5px;
				margin-left: 300px;
			}

			#main .fenlei {
				height: 37px;
				border: 1px solid #E5E5E5;
				background-image: url(img/图片素材/nav_bg.gif);
				margin-top: 10px;
				overflow: hidden;
			}

			#main .fenlei li {
				height: 37px;
				float: left;
				padding: 0px 25px;
				line-height: 37px;
			}

			#main .fenlei a {
				color: white;
				font-size: 14px;
				font-weight: bold;
			}

			#main .fenlei li:hover {
				color: #7A9AA7;
				background-color: white;
			}

			#main .fenlei div {
				width: 180px;
				height: 35px;
				margin-left: 809px;
				margin-top: -1px;
			}

			#main .key {
				margin-top: 2px;
				height: 50px;
				background-color: #EEEEEE;
				border: 1px solid #E3E3E3;
			}

			#main .key1 {
				height: 23px;
				margin-left: 12px;
				border-bottom: 1px solid #E5E5E5;
			}

			#main .key1 ul {
				height: 25px;
				margin-top: 0px;
				overflow: hidden;
			}

			#main .key1 ul li {
				margin-top: 3px;
				float: left;
				height: 16px;
				line-height: 16px;
				padding: 0px 11.5px;
				border-right: 1px solid #E5E5E5;
			}

			#main .key2 {
				height: 23px;
			}

			#main .key2 ul {
				width: 460px;
				height: 25px;
				margin-top: -20px;
				overflow: hidden;
				margin-left: 87px;
			}

			#main .key2 ul li {
				float: left;
				height: 16px;
				line-height: 16px;
				padding: 0px 10px;
			}

			#main .key2 h4 {
				line-height: 25px;
				height: 25px;
				width: 65px;
				margin-top: -3px;
				color: #EB143D;
				margin-left: 25px;
				font-weight: normal;
			}

			#main .key2 .remen2 {
				height: 20px;
				width: 450px;
				margin-left: 510px;
				margin-top: -28px;
			}
			#main .key2 .remen2 ul{
				height: 15px;
				width: 398px;
			}

			#main .key2 .remen1 {
				margin-top: 2px;
			}

			#main .key a:hover {
				text-decoration: underline;
			}

			#bottom {
				height: 238px;
				width: 985px;
				margin-left: 190px;
				margin-top: 10px;
				margin: auto;
			}

			#bottom .bottom1 {
				margin-top: 5px;
				border: 1px solid #CFCFD1;
				height: 120px;
				background-color: #E8E8EA;
			}

			#bottom .bottom1 .div1 .li3 {
				float: left;
			}

			#bottom .bottom1 .div1 {
				height: 120px;
				border-top: 1px solid #CFCFD1;
				width: 943px;
				margin: -1px 20px;
			}

			#bottom .bottom1 .div1 .li3 .ul2 {
				width: 120px;
				border-right: 1px solid #D0D0D2;
				height: 100px;
				padding: 0px 31px;
				margin-left: 5px;
				margin-top: 20px;
			}

			#bottom .bottom1 .div1 .ul2 li {
				height: 20px;
				line-height: 20px;
				margin-left: 5px;
				width: 130px;
				text-indent: 1.5em;
			}

			#bottom .bottom2 {
				height: 28px;
			}

			#bottom .bottom2 ul {
				height: 14px;
				width: 500px;
				text-align: center;
				margin: auto;
				margin-top: 10px;
				margin-left: 325px;
			}

			#bottom .bottom2 ul li {
				float: left;
				padding: 0px 15px;
				border-right: 1px solid #9C6C9E;
			}

			#bottom .bottom3 {
				color: #666972;
				margin: 0px;
				text-align: center;
				margin-top: -5px;
			}

			#bottom .bottom4 {
				text-align: center;
				margin-top: 10px;
			}

			#bottom .bottom4 img {
				padding: 0px 20px;
			}

			#content {
				width: 980px;
				height: 1040px;
				margin-bottom: 50px;
			}

			.zuixin {
				width: 480px;
			}

			.all {
				width: 210px;
				height: 28px;
			}
			.all input{
				width: 145px;
			}

			.ul3 li {
				float: left;
			}

			.ul4 li {
				margin-top: 10px;
				border: 1px solid #CECECE;
				height: 191px;
			}

			.bdbottom {
				border-bottom: 1px solid #CECECE;
				height: 35px;
			}
		</style>
	</head>

	<body>
		<div id="top">
			<div id="top1">
				<div class="denglu">
					<div class="welcome">您好，欢迎光临凡客诚品！</div>
					<div class="zhuce">
						<li>[
							<a href="dengluzhuce.html">登录</a>|</li>
						<li>
							<a href="dengluzhuce.html.html">免费注册</a>]
						</li>
					</div>
				</div>
				<div class="daohang">
					<ul>
						<li>
							<a href="#" style="	border-right-width: 0px;"><span>购物车0件</span></a>
						</li>
						<li>
							<a href="#" style="	border-right-width: 0px;"><img align="center" src="img/图片素材/cash.gif" /></a>
						</li>
						<li>
							<a href="#">我的订单</a>
						</li>
						<li>
							<a href="#">我的V+&nbsp;<img src="img/图片素材/open_icon.gif" /></a>
						</li>
						<li>
							<a href="#">网站导航 <img src="img/图片素材/open_icon.gif" /></a>
						</li>
						<li>
							<a href="bangzhuzongxin.html">帮助中心</a>
						</li>
						<li>
							<a href="#">手机V+</a>
						</li>
						<li>
							<a href="#" style="	border-right-width: 0px;"><span>收藏V+</span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div id="main">
			<div class="V">
				<ul>
					<li>
						<a href="#"><img src="img/图片素材/logo.gif" /></a>
					</li>
					<li class="li1"><img src="img/图片素材/top_ser.gif" /></li>
					<li class="li2">
						<div style="width: 80px;">
							<input type="text" size="43px" name="" id="" value="" />
							<div class="sousuo">
								<a href="#"><img height="33px" src="img/图片素材/search_btn.gif" /></a>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="fenlei">
				<ul>
					<a href="index.html">
						<li>首页</li>
					</a>
					<a href="#">
						<li>男装</li>
					</a>
					<a href="#">
						<li>女装</li>
					</a>
					<a href="#">
						<li>运动户外</li>
					</a>
					<a href="#">
						<li>箱包</li>
					</a>
					<a href="#">
						<li>鞋靴</li>
					</a>
					<a href="chanpin.html">
						<li>家纺</li>
					</a>
					<a href="#">
						<li>美妆</li>
					</a>
					<a href="#">
						<li>明星&潮牌</li>
					</a>
				</ul>
				<div>
					<a href="#"><img height="39px" src="img/图片素材/nav_newproduct.gif" /><img height="39px" src="img/图片素材/nav_presetimer.gif" /></a>
				</div>
			</div>
			<div class="key">
				<div class="key1">
					<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>
						<li>
							<a href="#">美包</a>
						</li>
						<li>
							<a href="#">春款单鞋</a>
						</li>
						<li>
							<a href="#">围巾</a>
						</li>
						<li>
							<a href="#">iphon壳</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 class="key2">
					<div class="remen1">
						<h4>热门关键词:</h4>
						<ul>
							<li>
								<a href="#">长袖T</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 class="remen2">
						<h4>热门品牌:</h4>
						<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>
						</ul>
					</div>
				</div>
			</div>
			<div id="time" style="margin-top: 5px;">
				<a href="#"><img src="img/图片素材/banner.gif" /></a>
			</div>
			<div id="content">
				<div class="ohcb">
					<a href="#"><img src="img/图片素材/banner2.png" /></a>
				</div>
				<div class="ohcb h30" style="border-bottom: 1px solid #9E0019;">
					<div class="fl zuixin"><img src="img/图片素材/img01.png" /></div>
					<div class="fl all"><input type="text" id="" value="" />
						<select name="">
							<option value="">全部</option>
						</select>
					</div>
					<div class="fl mt5">
						<a href="#"><img src="img/图片素材/img02.png" /></a>
					</div>
				</div>
				<div class="h30">
					<ul class="ohcb ul3 h30">
						<li><strong>选择商品分类:</strong></li>
						<li><input type="radio" name="fenlei" id="quanbu" value="" /><label for="quanbu">全部</label></li>
						<li><input type="radio" name="fenlei" id="chuangyi" value="" /><label for="chuangyi">创意生活</label></li>
						<li><input type="radio" name="fenlei" id="xiexue" value="" /><label for="xiexue">鞋靴</label></li>
						<li><input type="radio" name="fenlei" id="nvzhuang" value="" /><label for="nvzhuang">女装</label></li>
						<li><input type="radio" name="fenlei" id="xiangbao" value="" /><label for="xiangbao">箱包</label></li>
						<li><input type="radio" name="fenlei" id="nanzhuang" value="" /><label for="nanzhuang">男装</label></li>
						<li><input type="radio" name="fenlei" id="yudong" value="" /><label for="yundong">运动户外</label></li>
						<li><input type="radio" name="fenlei" id="mingxing" value="" /><label for="mingxing">明星设计师品牌</label>部</li>
						<li><input type="radio" name="fenlei" id="neiyi" value="" /><label for="neiyi">内衣</label></li>
						<li><input type="radio" name="fenlei" id="peishi" value="" /><label for="peishi">配饰</label></li>
						<li><input type="radio" name="fenlei" id="zhongbiao" value="" /><label for="zhongbiao">钟表</label></li>
						<li><input type="radio" name="fenlei" id="meizhuang" value="" /><label for="meizhuang">美妆</label></li>
						<li><input type="radio" name="fenlei" id="chuxiao" value="" /><label for="chuxiao">处销活动</label></li>
						<li><input type="radio" name="fenlei" id="jiaidan" value="" /><label for="jiadian">家电数码</label></li>
						<li><input type="radio" name="fenlei" id="muying" value="" /><label for="muying">母婴童装</label></li>
						<li><input type="radio" name="fenlei" id="shipin" value="" /><label for="shipin">食品</label></li>
					</ul>
				</div>
				<div>
					<div class="h30 bdbottom"><img align="center" src="img/图片素材/img03.png" /><strong>今日到货</strong><span class="span1">共<span class="span2"><strong>56</strong></span>款</span>
					</div>
					<div>
						<ul class="ul3 ul4 ohcb">
							<li>
								<a href="#"><img src="img/图片素材/produ01.png" /></a>
							</li>
							<li class="mg10">
								<a href="#"><img src="img/图片素材/produ02.png" /></a>
							</li>
							<li>
								<a href="#"><img src="img/图片素材/produ03.png" /></a>
							</li>
						</ul>
						<ul class="ul3 ul4 ohcb">
							<li>
								<a href="#"><img src="img/图片素材/produ04.png" /></a>
							</li>
							<li class="mg10">
								<a href="#"><img src="img/图片素材/produ05.png" /></a>
							</li>
							<li>
								<a href="#"><img src="img/图片素材/produ06.png" /></a>
							</li>
						</ul>
					</div>
				</div>
				<div  class="mt40">
					<div class="h30 bdbottom"><img align="center" src="img/图片素材/img03.png" /><strong>2012-2-29到货</strong><span class="span1">共<span class="span2"><strong>244</strong></span>款</span>
					</div>
					<div>
						<ul class="ul3 ul4 ohcb">
							<li>
								<a href="#"><img src="img/图片素材/produ07.png" /></a>
							</li>
							<li class="mg10">
								<a href="#"><img src="img/图片素材/produ08.png" /></a>
							</li>
							<li>
								<a href="#"><img src="img/图片素材/produ09.png" /></a>
							</li>
						</ul>
						<ul class="ul3 ul4 ohcb">
							<li>
								<a href="#"><img src="img/图片素材/produ10.png" /></a>
							</li>
							<li class="mg10">
								<a href="#"><img src="img/图片素材/produ11.png" /></a>
							</li>
							<li>
								<a href="#"><img src="img/图片素材/produ12.png" /></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div id="bottom">
				<div class="bottom1">
					<div class="div1">
						<li class="li3">
							<ul class="ul2">
								<li>
									<a href="#"><span>新手指南</span></a>
								</li>
								<li>
									<a href="#">注册新用户</a>
								</li>
								<li>
									<a href="#">网站订购流程</a>
								</li>
							</ul>
						</li>
						<li class="li3">
							<ul class="ul2">
								<li>
									<a href="#"><span>如何付款/退款</span></a>
								</li>
								<li>
									<a href="#">支付方式</a>
								</li>
								<li>
									<a href="#">如何办理退款</a>
								</li>
								<li>
									<a href="#">发票制度说明</a>
								</li>
							</ul>
						</li>
						<li class="li3">
							<ul class="ul2">
								<li>
									<a href="#"><span>配送方式</span></a>
								</li>
								<li>
									<a href="#">配送范围及配送时间</a>
								</li>
								<li>
									<a href="#">配送费收取标准</a>
								</li>
							</ul>
						</li>
						<li class="li3">
							<ul class="ul2">
								<li>
									<a href="#"><span>售后服务</span></a>
								</li>
								<li>
									<a href="#">退换货政策</a>
								</li>
								<li>
									<a href="#">如何办理退换货</a>
								</li>
							</ul>
						</li>
						<li class="li3" style="border-right: 0px;">
							<ul class="ul2" style="border-right: 0px;">
								<li>
									<a href="bangzhuzongxin.html"><span>帮助中心</span></a>
								</li>
								<li>
									<a href="#">常见热点问题</a>
								</li>
								<li>
									<a href="#">联系我们</a>
								</li>
								<li>
									<a href="#">投诉与建议</a>
								</li>
							</ul>
						</li>
					</div>
				</div>
				<div class="bottom2">
					<ul>
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="#">客户服务</a>
						</li>
						<li>
							<a href="#">品牌合作</a>
						</li>
						<li>
							<a href="#">网站联盟</a>
						</li>
						<li style="border-right: 0px;">
							<a href="#">投诉与建议</a>
						</li>
					</ul>
				</div>
				<div class="bottom3">
					Copyrite &copy; 2011 vjia.com All Rights Reserved京ICP08000757号 京公安网备110105005926
				</div>
				<div class="bottom4">
					<a href="#"><img src="img/图片素材/btm_logo_1.gif" /></a>
					<a href="#"><img src="img/图片素材/btm_logo_2.gif" /></a>
				</div>
			</div>
	</body>

</html>