dever-product
/
dreamland


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533
							<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">

	<title>首页</title>

	<meta name="Keywords" content="" />
	<meta name="Description" content="" />
	<link rel="stylesheet" href="./static/swiper.min.css" />
<link href="css/global.css?v=38e4caa9" rel="stylesheet"><link href="css/index.css?v=e301079b" rel="stylesheet"></head>

<body>
	<header>
		<div class="wrapper">
			<div class="clearfix">
				<a class="logo"><img src="images/logo.png?v=715222a7" alt=""></a>
				<ul class="menu">
					<li><a href="#">登录</a></li>
					<li><a href="#">注册</a></li>
					<li><a href="#">企业邮箱登录</a></li>
				</ul>
			</div>
			<ul class="tnav">
				<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>
	</header>
	<!-- banner swiper -->
	<div class="index-slide">
		<div class="swiper-container">
			<div class="swiper-wrapper clearfix">
				<div class="swiper-slide">
					<a href="#" target="_blank" title="">
						<img src="images/banner.jpg?v=7bbe3c38" width="1200" height="500" alt="" title=""></a>
				</div>
				<div class="swiper-slide">
					<a href="#" target="_blank" title="">
						<img src="images/banner.jpg?v=7bbe3c38" width="1200" height="500" alt="" title=""></a>
				</div>
				<div class="swiper-slide">
					<a href="#" target="_blank" title="">
						<img src="images/banner.jpg?v=7bbe3c38" width="1200" height="500" alt="" title=""></a>
				</div>
			</div>
			<a href="javascript:;" class="arrow-l"></a><a href="javascript:;" class="arrow-r"></a>
			<div class="pagination"></div>
		</div>
	</div>
	<!-- end banner swiper -->

	<!-- 精选 -->
	<h3 class="common-tit">
		<div>
			<div class="wrapper">CAREFULLY CHOSEN</div>
		</div>
		<div>
			<div class="wrapper">
				<p><span>精选</span></p>
			</div>
		</div>
	</h3>
	<div class="three-cols-module wrapper clearfix " id="jignxuan">
		<ul>
			<li>
				<a href="#">
					<div class="imgcont"><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></div>
					<p>MONCLER GENIUS一屋·众声</p>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="imgcont"><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></div>
					<p>Roberto Cavalli 2019春夏系列</p>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="imgcont"><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></div>
					<p>Roberto Cavalli 2019春夏系列</p>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="imgcont"><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></div>
					<p>
						<i class="ico-video"></i> 仙气十足的Erdem为伦敦皇家芭蕾舞团设计了什么样的服装
					</p>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="imgcont"><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></div>
					<p>
						<i class="ico-video"></i> 仙气十足的Erdem为伦敦皇家芭蕾舞团设计了什么样的服装
					</p>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="imgcont"><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></div>
					<p>
						<i class="ico-video"></i> 仙气十足的Erdem为伦敦皇家芭蕾舞团设计了什么样的服装
					</p>
				</a>
			</li>
		</ul>
	</div>
	<!-- end 精选 -->

	<div class="ad wrapper">
		<a href="#"><img src="images/ad.jpg?v=86319426" alt=""></a>
	</div>

	<!-- 独家策划 -->
	<h3 class="common-tit">
		<div>
			<div class="wrapper">EXCLUSIVE PLANNING</div>
		</div>
		<div>
			<div class="wrapper">
				<p><span>独家策划</span></p>
			</div>
		</div>
	</h3>
	<div class="planning-module wrapper clearfix">
		<div class="swiper-container" id="dujia">
			<ul class="swiper-pagination">
				<li class="active">西方失去宇宙，少了斯坦李的</li>
				<li>西方失去宇宙，少了斯坦李的</li>
				<li>西方失去宇宙，少了斯坦李的</li>
				<li>西方失去宇宙，少了斯坦李的</li>
				<li>西方失去宇宙，少了斯坦李的</li>
				<li>西方失去宇宙，少了斯坦李的</li>
			</ul>
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a href="#"><img src="images/ad.jpg?v=86319426" width="380" height="380" alt="" title=""></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="images/banner.jpg?v=7bbe3c38" width="380" height="380" alt="" title=""></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="images/ad.jpg?v=86319426" width="380" height="380" alt="" title=""></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="images/banner.jpg?v=7bbe3c38" width="380" height="380" alt="" title=""></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="images/ad.jpg?v=86319426" width="380" height="380" alt="" title=""></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="images/banner.jpg?v=7bbe3c38" width="380" height="380" alt="" title=""></a>
				</div>
			</div>
		</div>
		<div class="top-module">
			<h3>精彩TOP</h3>
			<ul>
				<li><em>1</em><a href="#">倪妮看秀造型被称赞，倪妮看秀造型被称赞，平光镜搭...</a></li>
				<li><em>2</em><a href="#">倪妮看秀造型被称赞，平光镜搭...</a></li>
				<li><em>3</em><a href="#">倪妮看秀造型被称赞，平光镜搭...</a></li>
				<li><em>4</em><a href="#">倪妮看秀造型被称赞，平光镜搭...</a></li>
				<li><em>5</em><a href="#">倪妮看秀造型被称赞，平光镜搭...</a></li>
				<li><em>6</em><a href="#">倪妮看秀造型被称赞，平光镜搭...</a></li>
			</ul>
		</div>
	</div>
	<!-- end 独家策划 -->

	<!-- 时装 -->
	<h3 class="common-tit">
		<div>
			<div class="wrapper">FASHION</div>
		</div>
		<div>
			<div class="wrapper">
				<p><span>时装</span></p>
			</div>
		</div>
	</h3>
	<div class="fashion-module wrapper">
		<ul>
			<li><a href="#"><img src="images/tmp1.jpg?v=c5bb1cf7" /><span>Fil 小白：“独立”定义时尚</span></a></li>
			<li><a href="#"><img src="images/tmp1.jpg?v=c5bb1cf7" /><span>Fil 小白：“独立”定义时尚</span></a></li>
			<li><a href="#"><img src="images/tmp1.jpg?v=c5bb1cf7" /><span>Fil 小白：“独立”定义时尚</span></a></li>
			<li><a href="#"><img src="images/tmp1.jpg?v=c5bb1cf7" /><span>Fil 小白：“独立”定义时尚</span></a></li>
		</ul>
		<div class="ad">
			<a href="#"><img src="images/ad.jpg?v=86319426" alt=""></a>
		</div>
	</div>
	<!-- end 时装 -->

	<!-- 美容 -->
	<h3 class="common-tit">
		<div>
			<div class="wrapper">BEAUTY</div>
		</div>
		<div>
			<div class="wrapper">
				<p><span>美容</span></p>
			</div>
		</div>
	</h3>
	<div class="three-cols-module wrapper clearfix " id="beauty">
		<ul>
			<li>
				<a href="#">
					<div class="imgcont"><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></div>
					<p>MONCLER GENIUS一屋·众声</p>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="imgcont"><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></div>
					<p>Roberto Cavalli 2019春夏系列</p>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="imgcont"><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></div>
					<p>Roberto Cavalli 2019春夏系列</p>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="imgcont"><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></div>
					<p>
						仙气十足的Erdem为伦敦皇家芭蕾舞团设计了什么样的服装
					</p>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="imgcont"><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></div>
					<p>
						仙气十足的Erdem为伦敦皇家芭蕾舞团设计了什么样的服装
					</p>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="imgcont"><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></div>
					<p>
						仙气十足的Erdem为伦敦皇家芭蕾舞团设计了什么样的服装
					</p>
				</a>
			</li>
		</ul>
	</div>
	<!-- end 美容 -->

	<!-- end 秀场 -->
	<h3 class="common-tit runway-tit">
		<div>
			<div class="wrapper">RUNWAY</div>
		</div>
		<div>
			<div class="wrapper">
				<p><span>秀场</span></p>
			</div>
		</div>
	</h3>
	<div class="runway-wrapper wrapper">
		<div class="module-bd">
			<div class="swiper-container">
				<ul>
					<li>
						<a href="#" target="_blank">
							<img
								src="http://shows.vogueimg.com.cn/showspic/FashionImages/F2019RTW/paris/apc/collection/0E9VWGPvgAN1280_h.jpg.360X540.jpg">
							<span>Roberto Cavalli 2019春夏系列</span>
						</a>
					</li>
					<li><a href="#" target="_blank"><img
								src="http://shows.vogueimg.com.cn/showspic/FashionImages/F2019RTW/paris/alexander-mcqueen/collection/3640bW7k9b41280_h.jpg.360X540.jpg"><span>Roberto
								Cavalli 2019春夏系列</span></a>
					</li>
					<li><a href="#" target="_blank"><img
								src="http://shows.vogueimg.com.cn/showspic/FashionImages/F2019RTW/paris/agnes-b/collection/0oLWvvm4gw81280_h.jpg.360X540.jpg"><span>Roberto
								Cavalli 2019春夏系列</span></a>
					</li>
					<li><a href="#" target="_blank"><img
								src="http://shows.vogueimg.com.cn/showspic/FashionImages/F2019RTW/paris/beautiful-people/collection/1dPg2mZwPDp1280_h.jpg.360X540.jpg"><span>Roberto
								Cavalli 2019春夏系列</span></a>
					</li>
					<li><a href="#" target="_blank"><img
								src="http://shows.vogueimg.com.cn/showspic/FashionImages/F2019RTW/paris/acne-studios-pre/collection/0eRynrG26x31280_h.jpg.360X540.jpg"><span>Roberto
								Cavalli 2019春夏系列</span></a>
					</li>
					<li><a href="#" target="_blank"><img
								src="http://shows.vogueimg.com.cn/showspic/FashionImages/F2019RTW/paris/giambattista-valli/collection/0BLqGd1pkyk1280_h.jpg.360X540.jpg"><span>Roberto
								Cavalli 2019春夏系列</span></a>
					</li>
				</ul>
				<a href="javascript:;" class="btn-prev"></a>
				<a href="javascript:;" class="btn-next"></a>
			</div>
		</div>
	</div>
	<!-- end 秀场 -->

	<!-- 娱乐 -->
	<h3 class="common-tit">
		<div>
			<div class="wrapper">STAR</div>
		</div>
		<div>
			<div class="wrapper">
				<p><span>娱乐</span></p>
			</div>
		</div>
	</h3>
	<div class="star-module">
		<div class="wrapper clearfix">
			<dl>
				<dt>
					<a href=""><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></a>
				</dt>
				<dd>
					<h3><a href="#">明星设计时代的更替 | MODE</a></h3>
				</dd>
				<dd>
					<p>85 岁的 Karl Lagerfeld 走了，Chanel
						进入了“后老佛爷”时代。人们说，这标志着一个时装时代的结束。30岁的蕾哈娜（Rihanna）即将迎接她对自己做时装设计师规划的全新阶段，如果 LVMH
						与她的合作如期展开，那么这将是全球最大的奢侈品牌自1987年创立 Christian Lacroix 后，第二个从零开始推出......</p>
				</dd>
			</dl>
			<dl>
				<dt>
					<a href=""><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></a>
				</dt>
				<dd>
					<h3><a href="#">2019FEIA中国时尚文化消费投资影响力论坛暨年度颁奖礼隆重举行</a></h3>
				</dd>
				<dd>
					<p>1月15日，由中国知名产业投资机构清科文创与中国第一时尚生活媒体平台JSTYLE精美联合主办的“新文创与大消费时代——2019FEIA中国时尚文化消费投资影响力论坛暨年度颁奖礼”在北京望京凯悦酒店圆满落幕。
					</p>
				</dd>
			</dl>
			<dl>
				<dt>
					<a href=""><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""></a>
				</dt>
				<dd>
					<h3><a href="#">范丞丞“恋爱点评员”带你在《女儿们的男朋友》中吃瓜吃柠檬！</a></h3>
				</dd>
				<dd>
					<p>爸爸与“小情人”的新综艺《女儿们的男朋友》马上就要开播了，看来我们又有瓜可以吃啦！不但老爸团都是大明星，范丞丞、王子文、张大大和陈铭组成的“点评团”也超值得期待。</p>
				</dd>
			</dl>
		</div>
	</div>
	<!-- end 娱乐 -->

	<!-- 推荐 -->
	<div class="recommend-module wrapper">
		<ul>
			<li><a href=""><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""><span>精品购物指南</span></a></li>
			<li><a href=""><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""><span>精品购物指南</span></a></li>
			<li><a href=""><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""><span>精品购物指南</span></a></li>
			<li><a href=""><img src="images/tmp1.jpg?v=c5bb1cf7" alt=""><span>精品购物指南</span></a></li>
		</ul>
		<div class="wechats">
			<dl>
				<dd>
					<h4>精品购物指南</h4>
					<p>官方微信</p>
					<span>扫一扫立即关注 </span>
				</dd>
				<dt>
					<img src="images/qrcode.png?v=c3386e72" alt="">
				</dt>
			</dl>
			<dl>
				<dd>
					<h4>精品购物指南</h4>
					<p>官方微信</p>
					<span>扫一扫立即关注 </span>
				</dd>
				<dt>
					<img src="images/qrcode.png?v=c3386e72" alt="">
				</dt>
			</dl>
			<dl>
				<dd>
					<h4>精品购物指南</h4>
					<p>官方微信</p>
					<span>扫一扫立即关注 </span>
				</dd>
				<dt>
					<img src="images/qrcode.png?v=c3386e72" alt="">
				</dt>
			</dl>
			<dl>
				<dd>
					<h4>精品购物指南</h4>
					<p>官方微信</p>
					<span>扫一扫立即关注 </span>
				</dd>
				<dt>
					<img src="images/qrcode.png?v=c3386e72" alt="">
				</dt>
			</dl>
		</div>
	</div>
	<!-- end 推荐 -->

	<footer>
		<div class="bnav">
			<div class="wrapper">
				<ul>
					<li><a href="#"><img src="images/jpw.png?v=79b1ce8d" alt=""></a></li>
					<li><a href="#"><img src="images/jpcm.png?v=8fedd557" alt=""></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 class="wrapper">
			<div class="contact">
				<p>地址：北京市海淀区中关村大街甲28号海淀文化艺术大厦B座7层</p>
				<p>邮编：100086 | 总机：（010）51269000</p>
				<br>
				<p>Copyright©1996-2016 精品传媒集团版权所有 未经授权禁止复制或建立镜像</p>
				<p><a href="#">京ICP许可证080599号</a>　<a href="#">京ICP备09028816号</a>　<a href="#">广告经营许可证</a>　<a
						href="#">京海工商广字第190号</a></p>
				<p>北京市公安局海淀分局 备案号：1101081739</p>
			</div>
		</div>
	</footer>

	<a href="javascript:;" class="gotop"></a>

	<div class="mask">
		<!-- 登录 -->
		<!-- <div class="layer">
			<h4><span>账户登录</span></h4>
			<form action="">
				<div class="form-item"><i class="ico-email"></i><input type="text" placeholder="邮箱" ></div>
				<div class="form-item"><i class="ico-password"></i><input type="password" placeholder="密码" ></div>
				<div class="form-links">
					<a href="#">忘记密码？</a>
					<a href="#">注册用户</a>
				</div>
				<div class="btn-wrap">
					<a href="#" class="btn">登录</a>
				</div>
			</form>
		</div> -->

		<!-- 找回密码 -->
		<!-- <div class="layer">
				<h4><span>找回密码</span></h4>
				<form action="">
					<div class="form-item"><i class="ico-email"></i><input type="text" placeholder="邮箱" ></div>
					<div class="form-links align-right">
						<a href="#">点此登录</a><span>|</span>
						<a href="#">点此注册</a>
					</div>
					<div class="btn-wrap">
						<a href="#" class="btn">确认</a>
					</div>
				</form>
			</div> -->

		<!-- 账号注册 -->
		<div class="layer">
			<h4><span>账号注册</span></h4>
			<form action="">
				<div class="form-item"><i class="ico-email"></i><input type="text" placeholder="邮箱"></div>
				<div class="form-item"><i class="ico-password"></i><input type="password" placeholder="密码"></div>
				<div class="form-item"><i class="ico-password"></i><input type="password" placeholder="密码"></div>
				<div class="form-links align-right">
					<a href="#">已有账号？点此登录</a>
				</div>
				<div class="btn-wrap">
					<a href="#" class="btn">注册</a>
				</div>
			</form>
		</div>
	</div>

	<script src="./static/jquery.js"></script> 
<script type="text/javascript" src="js/global.js?v=7cc82a43"></script><script type="text/javascript" src="js/index.js?v=68d4b78b"></script></body>
<script src="./static/expand-slide.js"></script>
<script src="./static/swiper.min.js"></script>
<script src="./static/jquery.roundabout2.js"></script>
<script>
	new ExpandSlide($('.index-slide'), {
		nextBtn: $('.index-slide .arrow-r'),
		prevBtn: $('.index-slide .arrow-l'),
		autoplay: 5,
		callback: function (es) {

		}
	})
	var planningSwiper = new Swiper('.planning-module .swiper-container', {
		effect: 'fade'
	});

	$('.planning-module .swiper-pagination').on('click', 'li', function () {
		var index = $(this).addClass('active').siblings().removeClass('active').end().index();
		planningSwiper.slideTo(index);
	})

	$('.runway-wrapper .swiper-container ul').roundabout({
		autoplay: true,
		autoplayDuration: 5000,
		autoplayPauseOnHover: true,
		minScale: 0.1,
		minOpacity: 1,
		btnPrev: '.runway-wrapper .btn-prev',
		btnNext: '.runway-wrapper .btn-next'
	});
</script>

</html>