master

分支 (1)

管理

管理

master

vwangzhan
/
bangzhuzongxin.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: 68px;
				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 {
				height: 570px;
				width: 980px;
			}

			.ul5 li {
				height: 27px;
				line-height: 25px;
				background-image: url(img/图片素材/arrow_crum.gif);
				background-repeat: no-repeat;
				background-position: 0px 50%;
				text-indent: 1em;
				border-bottom: 1px solid #C6C6C6;
			}

			.w180 {
				width: 190px;
			}

			.lianxi {

				height: 190px;
				width: 748px;
				padding: 10px 10px;
			}

			.lianxi img {
				margin-top: -10px;
				margin-left: -20px;
			}

			.p5 {
				width: 518px;
				margin-top: -190px;
				height: 40px;
				line-height: 20px;
			}

			.kefu {
				border: 1px solid;
				height: 118px;
				line-height: 20px;
				width: 470px;
			}

			.ul6 li p {
				height: 22px;
				line-height: 22px;
			}

			.wtlx {
				border-bottom: 1px solid #C6C6C6;
				background-image: url(img/图片素材/search_bg.gif);
			}

			.mt5 .p1 {

				height: 28px;
				text-indent: 4em;
				background-image: url(img/图片素材/sub_l_mail.gif);
			}

			.mt5 .p2 {
				height: 28px;
				text-indent: 4em;
				background-image: url(img/图片素材/sub_l_msg.gif);
			}

			.h3 {
				color: #595959;
				height: 50px;
				line-height: 50px;
			}

			.hezuo {
				color: #5F5F5F;
				height: 120px;
				width: 200px;
				padding: 0px 10px;
				margin-right: 25px;
				border-top: 2px solid #D11B43;
			}
			.acolor{
				color: #3B6FE5;
			}
		</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">免费注册</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="34px" 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="shaixinhuo.html"><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 class="content ohcb">
				<div class="ohcb h35">
					<a href="首页.html" class="acolor" style="margin-right: 7px;">首页</a><img   src="img/图片素材/crumbicon.gif" />
					<a href="#" class="acolor" style="margin:0px 7px;">帮助中心</a><img src="img/图片素材/crumbicon.gif" /><a style="margin:0px 7px;">联系我们</a></div>
				<div class="fl ohcb w180 bd" style="height: 200px;">
					<p class="h30 wtlx ind"><strong>问题分类</strong></p>
					<ul class="ul5 pdlr">
						<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 style="border: 0px;">
							<a href="#">知识库</a>
						</li>
					</ul>
				</div>
				<div class="fr" style="height: 58px; border: 1px solid #C6C6C6;width: 738px;padding: 0px 20px;">
					<div class="fl" style="width: 80px;height: 24px; margin-top: 18px;"><img src="img/图片素材/search_font.gif" /></div>
					<div class="fl" style=" height: 30px;width: 346px;margin-top: 16px;"><img src="img/图片素材/input_bg.gif" />
					<p style="color: #8D8D8D;margin-top: -26px;margin-left: 10px;">请输入问题关键字</p>
					</div>
					<div class="fl" style="height: 28px;width: 76px;margin-top: 16px;"><img src="img/图片素材/sear_help_btn.gif" /></div>
					<div class="fr">
						<h2>4008-901-888</h2>
						<p>未开通400地区请拨打</p>
						<p>010-577710988</p>
					</div>
					<div class="fr  mt5" style="margin-right: 10px;"><img src="img/图片素材/telicon.gif" /></div>
				</div>
				<div class="fr  mt10 h30" style="width: 778px;"><strong>联系我们</strong></div>
				<div class="fr  lianxi"><img height="210px" width="768px" src="img/txt_bg.gif" />
					<div>
						<p class="p5">如果您对VJIA的产品有任何疑问，或者对我们的服务有任何意见或建议，非常欢迎您直接与我们联络，我们将竭诚为您服务。</p>
					</div>
					<div class="kefu mt10">
						<p>客户服务热线（免长途费）：4008-901-888（未开通400地区请拨打010-577710988）</p>
						<p>订购热线（免长途费）：4008-901-888（未开通400地区请拨打010-577710988）</p>
						<p>服务时间：7X24小时</p>
						<p>客服传真：010-59763402</p>
						<p>客服邮箱：service:vjia.com</p>
					</div>
					<div class="fr" style="margin-top: -180px;position: relative;"><img src="img/图片素材/img_contact.gif" /></div>
				</div>
				<div class="fl w180 mt10 bd" style="height: 233px">
					<p class="h30 wtlx ind"><strong>联系我们</strong></p>
					<ul class="ul6  pdlr">
						<li>
							<p><strong>客服电话：</strong></p>
							<p>4008-901-888（仅收市话费）</p>
							<p>010-577710988</p>
						</li>
						<li>
							<p><strong>客服电话：</strong></p>
							<p>4008-901-888（仅收市话费）</p>
							<li>
								<p><strong>客服电话：</strong></p>
								<p>4008-901-888（仅收市话费）</p>
								<li>
									<p><strong>客服电话：</strong></p>
									<p>4008-901-888（仅收市话费）</p>
					</ul>
				</div>
				<div class="fl mt20" style="height: 120px;width: 750px;margin-left: 30px;">
					<div class="fl bd hezuo">
						<h3 class="h3">商务合作</h3>
						<p class="h30">联系人：鄂小姐</p>
						<p>联系方式：ena@vancl.cn</p>
					</div>
					<div class="fl bd hezuo">
						<h3 class="h3">线上推广合作</h3>
						<p class="h30">联系人：李小姐</p>
						<p>联系方式：xstghz@vancl.cn</p>
					</div>
					<div class="fl bd hezuo">
						<h3 class="h3">联盟合作</h3>
						<p class="h30">联系人：赵小姐</p>
						<p>联系方式：lmhz@vancl.cn</p>
					</div>
				</div>
				<div class="fl bd mt5" style="width: 190px;height: 57px;">
					<p class="p1 wtlx h30"><a href="#" class="color1">邮件联系</a></p>
					<p class="p2 wtlx h30"><a href="#" class="color1">投诉建议</a></p>
				</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="登录注册.html">注册新用户</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="#"><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>