|
@@ -0,0 +1,533 @@
|
|
|
+<!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>
|