Browse Source

Merge branch '2017zt' of http://svn.ouj.com:3000/FED/dwweb-pc into 2018zt

# Conflicts:
#	.gitignore
Eechon 6 years ago
parent
commit
147950819c
100 changed files with 35381 additions and 2095 deletions
  1. 7 1
      .gitignore
  2. 6 4
      2017专区/PC单机/src/modules/page/zt.js
  3. 1 1
      2017专区/PC单机/src/modules/sealoader/sealoader.js
  4. 13 2
      2017专区/PC单机/src/zt1.html
  5. 396 0
      2017专区/tvg改版/src/_artical.1.html
  6. 232 0
      2017专区/tvg改版/src/_artical.html
  7. 1475 1209
      2017专区/tvg改版/src/_index.html
  8. BIN
      2017专区/tvg改版/src/img/score.png
  9. BIN
      2017专区/tvg改版/src/img/sprite.png
  10. 268 1
      2017专区/tvg改版/src/sass/global.scss
  11. 761 434
      2017专区/tvg改版/src/sass/modules/_artical.scss
  12. 433 429
      2017专区/tvg改版/src/sass/modules/_index.scss
  13. 22 8
      2017专区/绝地求生/src/_index_new.html
  14. 20 6
      2017专区/绝地求生/src/sass/global-new.scss
  15. 135 0
      2017专区/艾兰岛/fis-conf.js
  16. 1 0
      2017专区/艾兰岛/map.json
  17. 10 0
      2017专区/艾兰岛/package.json
  18. 117 0
      2017专区/艾兰岛/src/_artical.html
  19. 146 0
      2017专区/艾兰岛/src/_artical_sidebar.html
  20. 185 0
      2017专区/艾兰岛/src/_artical_stategy.html
  21. 1633 0
      2017专区/艾兰岛/src/_index.html
  22. 496 0
      2017专区/艾兰岛/src/_list_img.html
  23. 237 0
      2017专区/艾兰岛/src/_list_text.html
  24. 45 0
      2017专区/艾兰岛/src/font/AdobeFnt16.lst
  25. BIN
      2017专区/艾兰岛/src/font/lego/iconfont.eot
  26. 107 0
      2017专区/艾兰岛/src/font/lego/iconfont.svg
  27. BIN
      2017专区/艾兰岛/src/font/lego/iconfont.ttf
  28. BIN
      2017专区/艾兰岛/src/font/lego/iconfont.woff
  29. BIN
      2017专区/艾兰岛/src/img/artical-bg.jpg
  30. BIN
      2017专区/艾兰岛/src/img/banner.jpg
  31. BIN
      2017专区/艾兰岛/src/img/flag-active.png
  32. BIN
      2017专区/艾兰岛/src/img/flag.png
  33. BIN
      2017专区/艾兰岛/src/img/icon-checked.jpg
  34. BIN
      2017专区/艾兰岛/src/img/icon-play.png
  35. BIN
      2017专区/艾兰岛/src/img/icon-search.png
  36. BIN
      2017专区/艾兰岛/src/img/index-bg.jpg
  37. BIN
      2017专区/艾兰岛/src/img/label-active.png
  38. BIN
      2017专区/艾兰岛/src/img/label-blue.png
  39. BIN
      2017专区/艾兰岛/src/img/label-green.png
  40. BIN
      2017专区/艾兰岛/src/img/label-orange.png
  41. BIN
      2017专区/艾兰岛/src/img/label.png
  42. BIN
      2017专区/艾兰岛/src/img/silder-title.png
  43. BIN
      2017专区/艾兰岛/src/img/title-label.jpg
  44. 12129 0
      2017专区/艾兰岛/src/lib/jq_lego.js
  45. 252 0
      2017专区/艾兰岛/src/lib/mod.js
  46. 86 0
      2017专区/艾兰岛/src/modules/common/friend.html
  47. 35 0
      2017专区/艾兰岛/src/modules/common/header.html
  48. 29 0
      2017专区/艾兰岛/src/modules/common/hot.html
  49. 288 0
      2017专区/艾兰岛/src/modules/common/rank.html
  50. 147 0
      2017专区/艾兰岛/src/modules/cookie/cookie.js
  51. 1276 0
      2017专区/艾兰岛/src/modules/dialog/dialog.js
  52. 0 0
      2017专区/艾兰岛/src/modules/dwudbproxy/css/dwLoginPopup.css
  53. 0 0
      2017专区/艾兰岛/src/modules/dwudbproxy/css/vhuyaLoginPopup.css
  54. 490 0
      2017专区/艾兰岛/src/modules/dwudbproxy/dwudbproxy.js
  55. 35 0
      2017专区/艾兰岛/src/modules/dwudbproxy/tpl/dwLoginPopup.tmpl
  56. 13 0
      2017专区/艾兰岛/src/modules/dwudbproxy/tpl/vhuyaLoginPopup.tmpl
  57. 242 0
      2017专区/艾兰岛/src/modules/jquery.lazyload/jquery.lazyload.js
  58. 337 0
      2017专区/艾兰岛/src/modules/pages/artical.js
  59. 159 0
      2017专区/艾兰岛/src/modules/pages/index.js
  60. 40 0
      2017专区/艾兰岛/src/modules/pages/list.js
  61. 32 0
      2017专区/艾兰岛/src/modules/pages/video.js
  62. 498 0
      2017专区/艾兰岛/src/modules/photoswipe/default-skin/default-skin.css
  63. BIN
      2017专区/艾兰岛/src/modules/photoswipe/default-skin/default-skin.png
  64. 1 0
      2017专区/艾兰岛/src/modules/photoswipe/default-skin/default-skin.svg
  65. BIN
      2017专区/艾兰岛/src/modules/photoswipe/default-skin/icon-left.png
  66. BIN
      2017专区/艾兰岛/src/modules/photoswipe/default-skin/icon-next_hover.png
  67. BIN
      2017专区/艾兰岛/src/modules/photoswipe/default-skin/icon-prev_hover.png
  68. BIN
      2017专区/艾兰岛/src/modules/photoswipe/default-skin/icon-right.png
  69. BIN
      2017专区/艾兰岛/src/modules/photoswipe/default-skin/preloader.gif
  70. 65 0
      2017专区/艾兰岛/src/modules/photoswipe/photoswipe-dom.tmpl
  71. 861 0
      2017专区/艾兰岛/src/modules/photoswipe/photoswipe-ui-default.js
  72. 3 0
      2017专区/艾兰岛/src/modules/photoswipe/photoswipe-ui-default.min.js
  73. 178 0
      2017专区/艾兰岛/src/modules/photoswipe/photoswipe.css
  74. 3718 0
      2017专区/艾兰岛/src/modules/photoswipe/photoswipe.js
  75. 3 0
      2017专区/艾兰岛/src/modules/photoswipe/photoswipe.min.js
  76. 90 0
      2017专区/艾兰岛/src/modules/sealoader/sealoader.js
  77. 14 0
      2017专区/艾兰岛/src/modules/swiper/swiper.js
  78. 1545 0
      2017专区/艾兰岛/src/modules/underscore/underscore.js
  79. 84 0
      2017专区/艾兰岛/src/sass/base/_base.scss
  80. 796 0
      2017专区/艾兰岛/src/sass/base/_header.scss
  81. 727 0
      2017专区/艾兰岛/src/sass/base/_layout.scss
  82. 172 0
      2017专区/艾兰岛/src/sass/base/_mixins.scss
  83. 536 0
      2017专区/艾兰岛/src/sass/base/_ui-dialog.scss
  84. 510 0
      2017专区/艾兰岛/src/sass/global.scss
  85. 12 0
      2017专区/艾兰岛/src/sass/lego/_base.scss
  86. 159 0
      2017专区/艾兰岛/src/sass/lego/_button.scss
  87. 432 0
      2017专区/艾兰岛/src/sass/lego/_form.scss
  88. 25 0
      2017专区/艾兰岛/src/sass/lego/_icon.scss
  89. 40 0
      2017专区/艾兰岛/src/sass/lego/_lego.scss
  90. 1147 0
      2017专区/艾兰岛/src/sass/lego/_lego2.scss
  91. 90 0
      2017专区/艾兰岛/src/sass/lego/_list.scss
  92. 215 0
      2017专区/艾兰岛/src/sass/lego/_mixins.scss
  93. 528 0
      2017专区/艾兰岛/src/sass/lego/_normalize.scss
  94. 93 0
      2017专区/艾兰岛/src/sass/lego/_print.scss
  95. 138 0
      2017专区/艾兰岛/src/sass/lego/_reset.scss
  96. 63 0
      2017专区/艾兰岛/src/sass/lego/_table.scss
  97. 71 0
      2017专区/艾兰岛/src/sass/lego/_ui.accordion.scss
  98. 39 0
      2017专区/艾兰岛/src/sass/lego/_ui.badge.scss
  99. 117 0
      2017专区/艾兰岛/src/sass/lego/_ui.carousel.scss
  100. 75 0
      2017专区/艾兰岛/src/sass/lego/_ui.dialog.scss

+ 7 - 1
.gitignore

@@ -1,4 +1,4 @@
-_dest/
+_dest/
 node_modules/
 dist/
 .cache/
@@ -10,7 +10,13 @@ npm-debug.log
 2017专题/超次元坦克/.idea/workspace.xml
 2017专题/超次元坦克/.idea/超次元坦克.iml
 2017专题/超次元坦克/.idea/codeStyleSettings.xml
+<<<<<<< HEAD
 2018专题/1807吸血鬼专题-商务/src/video/
 *.iml
 *.xml
 2018专题/1808万象物语专题-商务/src/video/evaluation.mp4
+=======
+.idea/
+.cache/
+dist/
+>>>>>>> 683dd79b18167d3e5ed2df37b1b39faf9f0b7d6d

+ 6 - 4
2017专区/PC单机/src/modules/page/zt.js

@@ -150,10 +150,12 @@ var V = {
             $(".zt-intro-wrap").append('<div class="btn-focus">+ 关注</div>')
         }
 
-        if(dwUDBProxy.isLogin()) {
-            M.getFocus(ztId);
-        } else{
-            $(".btn-focus").addClass("active")
+        if(window.dwUDBProxy) {
+             if(dwUDBProxy.isLogin()) {
+                M.getFocus(ztId);
+            } else{
+                $(".btn-focus").addClass("active")
+            }
         }
    },
    initWapPage : function(){

+ 1 - 1
2017专区/PC单机/src/modules/sealoader/sealoader.js

@@ -70,7 +70,7 @@ if (window.seajs) {
 		if (queue) {
 			if (queue === true) {
 				queue = [callback];
-				loadScript('http://assets.dwstatic.com/amkit/entry.js', function() {
+				loadScript('//assets.dwstatic.com/amkit/entry.js', function() {
 					var c;
 					for (var i = 0, len = queue.length; i < len; i++) {
 						c = queue[i];

+ 13 - 2
2017专区/PC单机/src/zt1.html

@@ -31,7 +31,7 @@
     </style>
 </head>
 <body class="zq-pc" data-title="专题模板1">
-    <script src="//pub.dwstatic.com/common/dwNavbar/navbar.js"></script> 
+    <!-- <script src="//pub.dwstatic.com/common/dwNavbar/navbar.js"></script>  -->
 
     <link rel="import" href="modules/common/mheader.html?__inline">        
 
@@ -1969,9 +1969,20 @@
         </div>
     </div>
     <script src="//pub.dwstatic.com/common/js/dwudbproxy.js "></script>
-    <script src="http://pub.dwstatic.com/common/js/articleComment.js"></script>
     <script charset="utf-8" src="//pub.dwstatic.com/common/dwFoot/duowanFooter.js"></script>
     <script src="lib/mod.js"></script>
     <script>require('modules/page/zt.js');</script>
+    <script>
+//小程序不执行
+var isWxminiprogram = /(\?|\&)platform=wxminiprogram(&*|$)/.test(location.href)
+if(!isWxminiprogram) {
+	if((!/Android|webOS|iPhone|Windows Phone|iPod|BlackBerry|SymbianOS/i.test(window.navigator.userAgent) && !/[\?&]pc(?:[=&].*|$)/.test(window.location.href)) || /from=pc/i.test(location.search)){
+    document.write('<script src="//comment3.duowan.com/scripts/comments.js"><\/script>')
+    } else {
+      document.write('<script src="//pub.dwstatic.com/common/js/articleComment.js"><\/script>')
+    }
+} 
+</script>
+    <script src="//pub.dwstatic.com/p/2017dwh5/1.1.0/lib/miniprogram_9a7dd4d.js"></script>
 </body>
 </html>

+ 396 - 0
2017专区/tvg改版/src/_artical.1.html

@@ -71,6 +71,402 @@
                             <div class="comment-wrap">
                                 $comment
                             </div>
+                            <div class="cloudPlay">
+                                <div class="cloudPlay-section recommend">
+                                    <div class="section-title">
+                                        <h1>云玩游戏</h1>
+                                        <small>无需购买主机,3A游戏大作免费“云”玩!</small>
+                                        <a href="http://yun.duowan.com/" class="link-more fr">更多</a>
+                                    </div>
+                                    <div class="section-content">
+                                        <ul class="video-wrap">
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <span class="item-tag">质量效应:仙女座</span>
+                                                        <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                                        <div class="item-mask">
+                                                            <i class="icon-play"></i>
+                                                            <span>29:55</span>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                                    <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <span class="item-tag">质量效应:仙女座</span>
+                                                        <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                                        <div class="item-mask">
+                                                            <i class="icon-play"></i>
+                                                            <span>29:55</span>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                                    <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <span class="item-tag">质量效应:仙女座</span>
+                                                        <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                                        <div class="item-mask">
+                                                            <i class="icon-play"></i>
+                                                            <span>29:55</span>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                                    <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <span class="item-tag">质量效应:仙女座</span>
+                                                        <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                                        <div class="item-mask">
+                                                            <span>29:55</span>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                                    <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <span class="item-tag">质量效应:仙女座</span>
+                                                        <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                                        <div class="item-mask">
+                                                            <span>29:55</span>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                                    <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <span class="item-tag">质量效应:仙女座</span>
+                                                        <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                                        <div class="item-mask">
+                                                            <span>29:55</span>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                                    <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <span class="item-tag">质量效应:仙女座</span>
+                                                        <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                                        <div class="item-mask">
+                                                            <span>29:55</span>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                                    <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <span class="item-tag">质量效应:仙女座</span>
+                                                        <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                                        <div class="item-mask">
+                                                            <span>29:55</span>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                                    <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <span class="item-tag">质量效应:仙女座</span>
+                                                        <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                                        <div class="item-mask">
+                                                            <span>29:55</span>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                                    <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <span class="item-tag">质量效应:仙女座</span>
+                                                        <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                                        <div class="item-mask">
+                                                            <span>29:55</span>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                                    <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                                <div class="cloudPlay-section  hot">
+                                    <div class="section-title">
+                                        <h1>热门游戏剧情连载</h1>
+                                        <a href="http://yun.duowan.com/" class="link-more fr">更多</a>
+                                    </div>
+                                    <div class="section-content">
+                                        <ul class="video-wrap clearfix">
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <div class="score-tag">
+                                                            88
+                                                        </div>
+                                                        <img src="http://screenshot.dwstatic.com/ojiastoreimage/ef751231e4694f93af39e320d0865a05_size800x998_len193396.jpg" alt="">
+                                                        <div class="update-info">
+                                                            <p>07月22日更新</p>
+                                                            <em>13</em>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">底特律:我欲我欲成成人</p>
+                                                    <p class="item-info clearfix">
+                                                        <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                                             alt="">
+                                                        <em>黑桐谷歌</em>
+                                                    </p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <div class="score-tag">
+                                                            88
+                                                        </div>
+                                                        <img src="http://screenshot.dwstatic.com/ojiastoreimage/92a0ba56c39cc57e85566e4b3382dd4a_size800x998_len129505.jpg" alt="">
+                                                        <div class="update-info">
+                                                            <p>07月22日更新</p>
+                                                            <em>13</em>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">底特律:我欲我欲成成人</p>
+                                                    <p class="item-info clearfix">
+                                                        <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                                             alt="">
+                                                        <em>黑桐谷歌</em>
+                                                    </p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <div class="score-tag">
+                                                            88
+                                                        </div>
+                                                        <img src="http://screenshot.dwstatic.com/ojiastoreimage/92a0ba56c39cc57e85566e4b3382dd4a_size800x998_len129505.jpg" alt="">
+                                                        <div class="update-info">
+                                                            <p>07月22日更新</p>
+                                                            <em>13</em>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">底特律:我欲我欲成成人</p>
+                                                    <p class="item-info clearfix">
+                                                        <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                                             alt="">
+                                                        <em>黑桐谷歌</em>
+                                                    </p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <div class="score-tag">
+                                                            88
+                                                        </div>
+                                                        <img src="http://screenshot.dwstatic.com/ojiastoreimage/92a0ba56c39cc57e85566e4b3382dd4a_size800x998_len129505.jpg" alt="">
+                                                        <div class="update-info">
+                                                            <p>07月22日更新</p>
+                                                            <em>13</em>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">底特律:我欲我欲成成人</p>
+                                                    <p class="item-info clearfix">
+                                                        <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                                             alt="">
+                                                        <em>黑桐谷歌</em>
+                                                    </p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <div class="score-tag">
+                                                            88
+                                                        </div>
+                                                        <img src="http://screenshot.dwstatic.com/ojiastoreimage/92a0ba56c39cc57e85566e4b3382dd4a_size800x998_len129505.jpg" alt="">
+                                                        <div class="update-info">
+                                                            <p>07月22日更新</p>
+                                                            <em>13</em>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">底特律:我欲我欲成成人</p>
+                                                    <p class="item-info clearfix">
+                                                        <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                                             alt="">
+                                                        <em>黑桐谷歌</em>
+                                                    </p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <div class="score-tag">
+                                                            88
+                                                        </div>
+                                                        <img src="http://screenshot.dwstatic.com/ojiastoreimage/92a0ba56c39cc57e85566e4b3382dd4a_size800x998_len129505.jpg" alt="">
+                                                        <div class="update-info">
+                                                            <p>07月22日更新</p>
+                                                            <em>13</em>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">底特律:我欲我欲成成人</p>
+                                                    <p class="item-info clearfix">
+                                                        <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                                             alt="">
+                                                        <em>黑桐谷歌</em>
+                                                    </p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <div class="score-tag">
+                                                            88
+                                                        </div>
+                                                        <img src="http://screenshot.dwstatic.com/ojiastoreimage/92a0ba56c39cc57e85566e4b3382dd4a_size800x998_len129505.jpg" alt="">
+                                                        <div class="update-info">
+                                                            <p>07月22日更新</p>
+                                                            <em>13</em>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">底特律:我欲我欲成成人</p>
+                                                    <p class="item-info clearfix">
+                                                        <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                                             alt="">
+                                                        <em>黑桐谷歌</em>
+                                                    </p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <div class="score-tag">
+                                                            88
+                                                        </div>
+                                                        <img src="http://screenshot.dwstatic.com/ojiastoreimage/92a0ba56c39cc57e85566e4b3382dd4a_size800x998_len129505.jpg" alt="">
+                                                        <div class="update-info">
+                                                            <p>07月22日更新</p>
+                                                            <em>13</em>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">底特律:我欲我欲成成人</p>
+                                                    <p class="item-info clearfix">
+                                                        <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                                             alt="">
+                                                        <em>黑桐谷歌</em>
+                                                    </p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <div class="score-tag">
+                                                            88
+                                                        </div>
+                                                        <img src="http://screenshot.dwstatic.com/ojiastoreimage/92a0ba56c39cc57e85566e4b3382dd4a_size800x998_len129505.jpg" alt="">
+                                                        <div class="update-info">
+                                                            <p>07月22日更新</p>
+                                                            <em>13</em>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">底特律:我欲我欲成成人</p>
+                                                    <p class="item-info clearfix">
+                                                        <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                                             alt="">
+                                                        <em>黑桐谷歌</em>
+                                                    </p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <div class="score-tag">
+                                                            88
+                                                        </div>
+                                                        <img src="http://screenshot.dwstatic.com/ojiastoreimage/92a0ba56c39cc57e85566e4b3382dd4a_size800x998_len129505.jpg" alt="">
+                                                        <div class="update-info">
+                                                            <p>07月22日更新</p>
+                                                            <em>13</em>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">底特律:我欲我欲成成人</p>
+                                                    <p class="item-info clearfix">
+                                                        <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                                             alt="">
+                                                        <em>黑桐谷歌</em>
+                                                    </p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <div class="score-tag">
+                                                            88
+                                                        </div>
+                                                        <img src="http://screenshot.dwstatic.com/ojiastoreimage/92a0ba56c39cc57e85566e4b3382dd4a_size800x998_len129505.jpg" alt="">
+                                                        <div class="update-info">
+                                                            <p>07月22日更新</p>
+                                                            <em>13</em>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">底特律:我欲我欲成成人</p>
+                                                    <p class="item-info clearfix">
+                                                        <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                                             alt="">
+                                                        <em>黑桐谷歌</em>
+                                                    </p>
+                                                </a>
+                                            </li>
+                                            <li class="video-item">
+                                                <a href="">
+                                                    <div class="img-con">
+                                                        <div class="score-tag">
+                                                            88
+                                                        </div>
+                                                        <img src="http://screenshot.dwstatic.com/ojiastoreimage/92a0ba56c39cc57e85566e4b3382dd4a_size800x998_len129505.jpg" alt="">
+                                                        <div class="update-info">
+                                                            <p>07月22日更新</p>
+                                                            <em>13</em>
+                                                        </div>
+                                                    </div>
+                                                    <p class="title">底特律:我欲我欲成成人</p>
+                                                    <p class="item-info clearfix">
+                                                        <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                                             alt="">
+                                                        <em>黑桐谷歌</em>
+                                                    </p>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>

+ 232 - 0
2017专区/tvg改版/src/_artical.html

@@ -229,6 +229,238 @@
                     <!-- 首屏新闻} -->
                 </div>
                 <!-- 首屏} -->
+                           <!-- 云玩 -->
+            <div class="mod-cloudPlay" id="d3">
+                <!-- 云玩游戏{ -->
+                <div class="mod-video-new fl">
+                    <div class="mod-title">
+                        <h2>云玩游戏</h2><small>无需购买主机,3A游戏大作免费“云”玩!</small>
+                        <a href="" class="link-more" target="_blank">更多</a>
+                    </div>
+                    <ul class="video-wrap">
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <!-- 云玩游戏} -->
+                <!-- 热门游戏剧情连载{ -->
+                <div class="mod-video-fun fr">
+                    <div class="mod-title">
+                        <h2>热门游戏剧情连载</h2>
+
+                        <a href="" class="link-more" target="_blank">更多</a>
+
+                    </div>
+                    <ul class="video-wrap">
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <div class="score-tag">
+                                        88
+                                    </div>
+                                    <img src="http://fed.webdev.ouj.com/130x162" alt="">
+                                    <div class="update-info">
+                                        <p>07月22日更新</p>
+                                        <em>13</em>
+                                    </div>
+                                </div>
+                                <p class="title">底特律:我欲我欲成成人</p>
+                                <p class="item-info clearfix">
+                                    <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                         alt="">
+                                    <em>黑桐谷歌</em>
+                                </p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/130x162" alt=""></div>
+                                <p class="title">底特律:我欲我欲成成人</p>
+                                <p class="item-info clearfix">
+                                    <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                         alt="">
+                                    <em>黑桐谷歌</em>
+                                </p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/130x162" alt=""></div>
+                                <p class="title">底特律:我欲我欲成成人</p>
+                                <p class="item-info clearfix">
+                                    <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                         alt="">
+                                    <em>黑桐谷歌</em>
+                                </p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/130x162" alt=""></div>
+                                <p class="title">底特我欲律:我欲我欲我欲成人</p>
+                                <p class="item-info clearfix">
+                                    <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                         alt="">
+                                    <em>黑桐谷歌</em>
+                                </p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/130x162" alt=""></div>
+                                <p class="title">底特律:我欲成人</p>
+                                <p class="item-info clearfix">
+                                    <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                         alt="">
+                                    <em>黑桐谷asdsaddsasd歌</em>
+                                </p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/130x162" alt=""></div>
+                                <p class="title">底特律:我欲我欲成人</p>
+                                <p class="item-info clearfix">
+                                    <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                         alt="">
+                                    <em>黑桐谷歌</em>
+                                </p>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <!-- 热门游戏剧情连载} -->
+
+            </div>
+            <!-- 云玩 -->
                             <div class="comment-wrap">
                                 $comment
                             </div>

+ 1475 - 1209
2017专区/tvg改版/src/_index.html

@@ -13,107 +13,319 @@
 </head>
 
 <body data-id="index">
-    <script src="http://www.duowan.com/public/s/i/navbar/navbar.js" charset="utf-8"></script><!--ignore-->
+<script src="http://www.duowan.com/public/s/i/navbar/navbar.js" charset="utf-8"></script><!--ignore-->
 
-    <div class="g-body page-index">
+<div class="g-body page-index">
 
-        <link rel="import" href="modules/common/header.html?__inline">
+    <link rel="import" href="modules/common/header.html?__inline">
 
-        <div class="g-inner">
+    <div class="g-inner">
 
 
+        <div class="dw-mod-index">
+            <!-- 首屏{ -->
+            <div class="mod-primary" id="d1">
+                <!-- 首屏轮播{ -->
+                <div class="banner fl">
+                    <div class="swiper-container">
+                        <div class="swiper-wrapper">
+                            <div class="swiper-slide">
+                                <a href="#">
+                                    <div class="img-con">
+                                        <img src="http://fed.webdev.ouj.com/668x339"/>
+                                    </div>
+                                    <p class="title">COD二战预售超火爆 世界观前瞻带你进入战火世界</p>
+                                </a>
+                            </div>
+                            <div class="swiper-slide">
+                                <a href="#">
+                                    <div class="img-con">
+                                        <img src="http://fed.webdev.ouj.com/668x339"/>
+                                    </div>
+                                    <p class="title">COD二战预售超火爆 世界观前瞻带你进入战火世界</p>
+                                </a>
+                            </div>
+                            <div class="swiper-slide">
+                                <a href="#">
+                                    <div class="img-con">
+                                        <img src="http://fed.webdev.ouj.com/668x339"/>
+                                    </div>
+                                    <p class="title">COD二战预售超火爆 世界观前瞻带你进入战火世界</p>
+                                </a>
+                            </div>
+                        </div>
+                        <!-- Add Pagination -->
+                        <div class="swiper-pagination"></div>
+                    </div>
+                </div>
+                <!-- 首屏轮播} -->
+                <!-- 首屏新闻{ -->
+                <div class="news fr">
+                    <ul class="new-wrap">
+                        <li>
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/239x135" alt=""></div>
+                                <p>英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/239x135" alt=""></div>
+                                <p>英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/239x135" alt=""></div>
+                                <p>英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/239x135" alt=""></div>
+                                <p>英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <!-- 首屏新闻} -->
+            </div>
+            <!-- 首屏} -->
+
+            <div class="mod-second" id="d2">
+                <!-- 焦点资讯{ -->
+                <div class="info fl" data-role="tab-info">
+                    <div class="mod-title">
+                        <h2>焦点资讯</h2>
+                        <ul class="tab-wrap g-tab__nav" data-switchable-role="nav">
+                            <li class="g-tab__trigger is-active tab-news">最新资讯</li>
+                            <li class="g-tab__trigger tab-news">过往情报</li>
+                            <li class="g-tab__trigger tab-gl">攻略心得</li>
+                        </ul>
+                        <a href="" class="link-more link-news" target="_blank">更多1</a>
+                        <a href="" class="link-more link-gl" target="_blank" style="display:none">更多2</a>
+                    </div>
+                    <div class="g-tab__bd" data-switchable-role="content">
+                        <!-- 最新资讯{ -->
+                        <div class="g-tab__panel">
+                            <ul class="info-wrap">
 
-            <div class="dw-mod-index">
-                <!-- 首屏{ -->
-                <div class="mod-primary" id="d1">
-                    <!-- 首屏轮播{ -->
-                    <div class="banner fl">
-                        <div class="swiper-container">
-                            <div class="swiper-wrapper">
-                                <div class="swiper-slide">
-                                    <a href="#">
-                                        <div class="img-con">
-                                            <img src="http://fed.webdev.ouj.com/668x339" />
+                                <li class="info-item">
+                                    <a href="">
+                                        <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                        <div class="desc-wrap fr">
+                                            <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                            <div class="desc">
+                                                <ul class="tag-wrap fl">
+                                                    <li class="tag">攻略</li>
+                                                    <li class="tag">NS</li>
+                                                    <li class="tag">X1</li>
+                                                    <li class="tag">X1</li>
+                                                </ul>
+                                                <span class="date fr">8-13</span>
+                                            </div>
                                         </div>
-                                        <p class="title">COD二战预售超火爆 世界观前瞻带你进入战火世界</p>
                                     </a>
-                                </div>
-                                <div class="swiper-slide">
-                                    <a href="#">
-                                        <div class="img-con">
-                                            <img src="http://fed.webdev.ouj.com/668x339" />
+                                </li>
+                                <li class="info-item">
+                                    <a href="">
+                                        <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                        <div class="desc-wrap fr">
+                                            <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                            <div class="desc">
+                                                <ul class="tag-wrap fl">
+                                                    <li class="tag">攻略</li>
+                                                    <li class="tag">NS</li>
+                                                    <li class="tag">X1</li>
+                                                    <li class="tag">X1</li>
+                                                </ul>
+                                                <span class="date fr">8-13</span>
+                                            </div>
                                         </div>
-                                        <p class="title">COD二战预售超火爆 世界观前瞻带你进入战火世界</p>
                                     </a>
-                                </div>
-                                <div class="swiper-slide">
-                                    <a href="#">
-                                        <div class="img-con">
-                                            <img src="http://fed.webdev.ouj.com/668x339" />
+                                </li>
+                                <li class="info-item">
+                                    <a href="">
+                                        <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                        <div class="desc-wrap fr">
+                                            <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                            <div class="desc">
+                                                <ul class="tag-wrap fl">
+                                                    <li class="tag">攻略</li>
+                                                    <li class="tag">NS</li>
+                                                    <li class="tag">X1</li>
+                                                    <li class="tag">X1</li>
+                                                </ul>
+                                                <span class="date fr">8-13</span>
+                                            </div>
                                         </div>
-                                        <p class="title">COD二战预售超火爆 世界观前瞻带你进入战火世界</p>
                                     </a>
-                                </div>
-                            </div>
-                            <!-- Add Pagination -->
-                            <div class="swiper-pagination"></div>
-                        </div>
-                    </div>
-                    <!-- 首屏轮播} -->
-                    <!-- 首屏新闻{ -->
-                    <div class="news fr">
-                        <ul class="new-wrap">
-                            <li>
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/239x135" alt=""></div>
-                                    <p>英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/239x135" alt=""></div>
-                                    <p>英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/239x135" alt=""></div>
-                                    <p>英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/239x135" alt=""></div>
-                                    <p>英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                    <!-- 首屏新闻} -->
-                </div>
-                <!-- 首屏} -->
+                                </li>
+                                <li class="info-item">
+                                    <a href="">
+                                        <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                        <div class="desc-wrap fr">
+                                            <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                            <div class="desc">
+                                                <ul class="tag-wrap fl">
+                                                    <li class="tag">攻略</li>
+                                                    <li class="tag">NS</li>
+                                                    <li class="tag">X1</li>
+                                                    <li class="tag">X1</li>
+                                                </ul>
+                                                <span class="date fr">8-13</span>
+                                            </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="info-item">
+                                    <a href="">
+                                        <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                        <div class="desc-wrap fr">
+                                            <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                            <div class="desc">
+                                                <ul class="tag-wrap fl">
+                                                    <li class="tag">攻略</li>
+                                                    <li class="tag">NS</li>
+                                                    <li class="tag">X1</li>
+                                                    <li class="tag">X1</li>
+                                                </ul>
+                                                <span class="date fr">8-13</span>
+                                            </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="info-item">
+                                    <a href="">
+                                        <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                        <div class="desc-wrap fr">
+                                            <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                            <div class="desc">
+                                                <ul class="tag-wrap fl">
+                                                    <li class="tag">攻略</li>
+                                                    <li class="tag">NS</li>
+                                                    <li class="tag">X1</li>
+                                                    <li class="tag">X1</li>
+                                                </ul>
+                                                <span class="date fr">8-13</span>
+                                            </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="info-item">
+                                    <a href="">
+                                        <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                        <div class="desc-wrap fr">
+                                            <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                            <div class="desc">
+                                                <ul class="tag-wrap fl">
+                                                    <li class="tag">攻略</li>
+                                                    <li class="tag">NS</li>
+                                                    <li class="tag">X1</li>
+                                                    <li class="tag">X1</li>
+                                                </ul>
+                                                <span class="date fr">8-13</span>
+                                            </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="info-item">
+                                    <a href="">
+                                        <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                        <div class="desc-wrap fr">
+                                            <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                            <div class="desc">
+                                                <ul class="tag-wrap fl">
+                                                    <li class="tag">攻略</li>
+                                                    <li class="tag">NS</li>
+                                                    <li class="tag">X1</li>
+                                                    <li class="tag">X1</li>
+                                                </ul>
+                                                <span class="date fr">8-13</span>
+                                            </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="info-item">
+                                    <a href="">
+                                        <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                        <div class="desc-wrap fr">
+                                            <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                            <div class="desc">
+                                                <ul class="tag-wrap fl">
+                                                    <li class="tag">攻略</li>
+                                                    <li class="tag">NS</li>
+                                                    <li class="tag">X1</li>
+                                                    <li class="tag">X1</li>
+                                                </ul>
+                                                <span class="date fr">8-13</span>
+                                            </div>
+                                        </div>
+                                    </a>
+                                </li>
 
-                <div class="mod-second" id="d2">
-                    <!-- 焦点资讯{ -->
-                    <div class="info fl" data-role="tab-info">
-                        <div class="mod-title">
-                            <h2>焦点资讯</h2>
-                            <ul class="tab-wrap g-tab__nav" data-switchable-role="nav">
-                                <li class="g-tab__trigger is-active tab-news">最新资讯</li>
-                                <li class="g-tab__trigger tab-news">过往情报</li>
-                                <li class="g-tab__trigger tab-gl">攻略心得</li>
+                                <li class="info-item">
+                                    <a href="">
+                                        <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                        <div class="desc-wrap fr">
+                                            <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                            <div class="desc">
+                                                <ul class="tag-wrap fl">
+                                                    <li class="tag">攻略</li>
+                                                    <li class="tag">NS</li>
+                                                    <li class="tag">X1</li>
+                                                    <li class="tag">X1</li>
+                                                </ul>
+                                                <span class="date fr">8-13</span>
+                                            </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="info-item">
+                                    <a href="">
+                                        <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                        <div class="desc-wrap fr">
+                                            <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                            <div class="desc">
+                                                <ul class="tag-wrap fl">
+                                                    <li class="tag">攻略</li>
+                                                    <li class="tag">NS</li>
+                                                    <li class="tag">X1</li>
+                                                    <li class="tag">X1</li>
+                                                </ul>
+                                                <span class="date fr">8-13</span>
+                                            </div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="info-item">
+                                    <a href="">
+                                        <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                        <div class="desc-wrap fr">
+                                            <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                            <div class="desc">
+                                                <ul class="tag-wrap fl">
+                                                    <li class="tag">攻略</li>
+                                                    <li class="tag">NS</li>
+                                                    <li class="tag">X1</li>
+                                                    <li class="tag">X1</li>
+                                                </ul>
+                                                <span class="date fr">8-13</span>
+                                            </div>
+                                        </div>
+                                    </a>
+                                </li>
                             </ul>
-                            <a href="" class="link-more link-news" target="_blank">更多1</a>
-                            <a href="" class="link-more link-gl" target="_blank" style="display:none">更多2</a>
                         </div>
-                        <div class="g-tab__bd" data-switchable-role="content">
-                            <!-- 最新资讯{ -->
+                        <!-- 最新资讯} -->
+                        <!-- 过往情报{ -->
+                        <div class="g-tab__panel u-hide">
                             <div class="g-tab__panel">
                                 <ul class="info-wrap">
-
                                     <li class="info-item">
                                         <a href="">
-                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                            </div>
                                             <div class="desc-wrap fr">
                                                 <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
                                                 <div class="desc">
@@ -130,7 +342,8 @@
                                     </li>
                                     <li class="info-item">
                                         <a href="">
-                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                            </div>
                                             <div class="desc-wrap fr">
                                                 <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
                                                 <div class="desc">
@@ -147,7 +360,8 @@
                                     </li>
                                     <li class="info-item">
                                         <a href="">
-                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                            </div>
                                             <div class="desc-wrap fr">
                                                 <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
                                                 <div class="desc">
@@ -164,7 +378,8 @@
                                     </li>
                                     <li class="info-item">
                                         <a href="">
-                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                            </div>
                                             <div class="desc-wrap fr">
                                                 <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
                                                 <div class="desc">
@@ -181,7 +396,8 @@
                                     </li>
                                     <li class="info-item">
                                         <a href="">
-                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                            </div>
                                             <div class="desc-wrap fr">
                                                 <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
                                                 <div class="desc">
@@ -198,7 +414,8 @@
                                     </li>
                                     <li class="info-item">
                                         <a href="">
-                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                            </div>
                                             <div class="desc-wrap fr">
                                                 <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
                                                 <div class="desc">
@@ -215,7 +432,8 @@
                                     </li>
                                     <li class="info-item">
                                         <a href="">
-                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                            </div>
                                             <div class="desc-wrap fr">
                                                 <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
                                                 <div class="desc">
@@ -232,7 +450,8 @@
                                     </li>
                                     <li class="info-item">
                                         <a href="">
-                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                            </div>
                                             <div class="desc-wrap fr">
                                                 <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
                                                 <div class="desc">
@@ -249,7 +468,8 @@
                                     </li>
                                     <li class="info-item">
                                         <a href="">
-                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                            </div>
                                             <div class="desc-wrap fr">
                                                 <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
                                                 <div class="desc">
@@ -264,10 +484,10 @@
                                             </div>
                                         </a>
                                     </li>
-
                                     <li class="info-item">
                                         <a href="">
-                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                            </div>
                                             <div class="desc-wrap fr">
                                                 <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
                                                 <div class="desc">
@@ -284,7 +504,8 @@
                                     </li>
                                     <li class="info-item">
                                         <a href="">
-                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                            </div>
                                             <div class="desc-wrap fr">
                                                 <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
                                                 <div class="desc">
@@ -299,9 +520,11 @@
                                             </div>
                                         </a>
                                     </li>
+
                                     <li class="info-item">
                                         <a href="">
-                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                            </div>
                                             <div class="desc-wrap fr">
                                                 <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
                                                 <div class="desc">
@@ -316,1213 +539,1256 @@
                                             </div>
                                         </a>
                                     </li>
-                                </ul>
-                            </div>
-                            <!-- 最新资讯} -->
-                            <!-- 过往情报{ -->
-                            <div class="g-tab__panel u-hide">
-                                <div class="g-tab__panel">
-                                    <ul class="info-wrap">
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                        <li class="info-item">
-                                            <a href="">
-                                                <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                                <div class="desc-wrap fr">
-                                                    <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
-                                                    <div class="desc">
-                                                        <ul class="tag-wrap fl">
-                                                            <li class="tag">攻略</li>
-                                                            <li class="tag">NS</li>
-                                                            <li class="tag">X1</li>
-                                                            <li class="tag">X1</li>
-                                                        </ul>
-                                                        <span class="date fr">8-13</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-
-
-                            </div>
-                            <!-- 过往情报} -->
-                            <!-- 攻略心得{ -->
-                            <div class="g-tab__panel u-hide">
-                                <ul class="gl-wrap">
-                                    <li class="gl-item">
+                                    <li class="info-item">
                                         <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
                                             </div>
-                                        </a>
-                                    </li>
-                                    <li class="gl-item">
-                                        <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
+                                            <div class="desc-wrap fr">
+                                                <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                                <div class="desc">
+                                                    <ul class="tag-wrap fl">
+                                                        <li class="tag">攻略</li>
+                                                        <li class="tag">NS</li>
+                                                        <li class="tag">X1</li>
+                                                        <li class="tag">X1</li>
+                                                    </ul>
+                                                    <span class="date fr">8-13</span>
+                                                </div>
                                             </div>
                                         </a>
                                     </li>
-                                    <li class="gl-item">
+                                    <li class="info-item">
                                         <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
+                                            <div class="cover fl"><img src="http://fed.webdev.ouj.com/158x88" alt="">
                                             </div>
-                                        </a>
-                                    </li>
-                                    <li class="gl-item">
-                                        <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li class="gl-item">
-                                        <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li class="gl-item">
-                                        <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li class="gl-item">
-                                        <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li class="gl-item">
-                                        <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li class="gl-item">
-                                        <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li class="gl-item">
-                                        <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li class="gl-item">
-                                        <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li class="gl-item">
-                                        <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li class="gl-item">
-                                        <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li class="gl-item">
-                                        <a href="">
-                                            <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
-                                            <p class="sub-title">相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
-                                            <div class="desc">
-                                                <ul class="tag-wrap fl">
-                                                    <li class="tag">攻略</li>
-                                                    <li class="tag">NS</li>
-                                                    <li class="tag">X1</li>
-                                                    <li class="tag">X1</li>
-                                                </ul>
-                                                <span class="date fr">8-13</span>
+                                            <div class="desc-wrap fr">
+                                                <p>预购Xbox One X 你就能感受到4K画面真实的力量 </p>
+                                                <div class="desc">
+                                                    <ul class="tag-wrap fl">
+                                                        <li class="tag">攻略</li>
+                                                        <li class="tag">NS</li>
+                                                        <li class="tag">X1</li>
+                                                        <li class="tag">X1</li>
+                                                    </ul>
+                                                    <span class="date fr">8-13</span>
+                                                </div>
                                             </div>
                                         </a>
                                     </li>
-
-
                                 </ul>
                             </div>
-                            <!-- 攻略心得} -->
+
+
                         </div>
-                        <!-- 焦点资讯} -->
+                        <!-- 过往情报} -->
+                        <!-- 攻略心得{ -->
+                        <div class="g-tab__panel u-hide">
+                            <ul class="gl-wrap">
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="gl-item">
+                                    <a href="">
+                                        <p class="title">预购Xbox One X 你就能感受到4K画面真实的力量</p>
+                                        <p class="sub-title">
+                                            相信各位在玩《绝地求生》时都会遇到过缺弹药的问题,在缺弹药时大家通常都会做什么的呢?换武器继续刚?还是找个安全地方先避一避?</p>
+                                        <div class="desc">
+                                            <ul class="tag-wrap fl">
+                                                <li class="tag">攻略</li>
+                                                <li class="tag">NS</li>
+                                                <li class="tag">X1</li>
+                                                <li class="tag">X1</li>
+                                            </ul>
+                                            <span class="date fr">8-13</span>
+                                        </div>
+                                    </a>
+                                </li>
 
-                    </div>
-                    <!-- 热点专题{ -->
-                    <div class="hot fr">
-                        <div class="mod-title">
-                            <h2>热点专题</h2>
-                            <a href="" class="link-more" target="_blank">更多</a>
+
+                            </ul>
                         </div>
-                        <link rel="import" href="modules/common/hot.html?__inline">
+                        <!-- 攻略心得} -->
                     </div>
-                    <!-- 热点专题} -->
+                    <!-- 焦点资讯} -->
 
+                </div>
+                <!-- 热点专题{ -->
+                <div class="hot fr">
+                    <div class="mod-title">
+                        <h2>热点专题</h2>
+                        <a href="" class="link-more" target="_blank">更多</a>
+                    </div>
+                    <link rel="import" href="modules/common/hot.html?__inline">
+                </div>
+                <!-- 热点专题} -->
 
 
-                </div>
+            </div>
 
-                <!-- 推荐视频{ -->
-                <div class="mod-video" id="d3">
-                    <!-- 最新视频{ -->
-                    <div class="mod-video-new fl">
-                        <div class="mod-title">
-                            <h2>最新视频</h2>
+            <!-- 推荐视频{ -->
+            <!--<div class="mod-video" id="d3">-->
+                <!--&lt;!&ndash; 最新视频{ &ndash;&gt;-->
+                <!--<div class="mod-video-new fl">-->
+                    <!--<div class="mod-title">-->
+                        <!--<h2>最新视频</h2>-->
 
-                            <a href="" class="link-more" target="_blank">更多</a>
+                        <!--<a href="" class="link-more" target="_blank">更多</a>-->
 
-                        </div>
-                        <ul class="video-wrap">
-                            <li class="video-item">
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
-                            </li>
-                        </ul>
+                    <!--</div>-->
+                    <!--<ul class="video-wrap">-->
+                        <!--<li class="video-item">-->
+                            <!--<a href="">-->
+                                <!--<div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>-->
+                                <!--<p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>-->
+                            <!--</a>-->
+                        <!--</li>-->
+                        <!--<li class="video-item">-->
+                            <!--<a href="">-->
+                                <!--<div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>-->
+                                <!--<p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>-->
+                            <!--</a>-->
+                        <!--</li>-->
+                        <!--<li class="video-item">-->
+                            <!--<a href="">-->
+                                <!--<div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>-->
+                                <!--<p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>-->
+                            <!--</a>-->
+                        <!--</li>-->
+                        <!--<li class="video-item">-->
+                            <!--<a href="">-->
+                                <!--<div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>-->
+                                <!--<p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>-->
+                            <!--</a>-->
+                        <!--</li>-->
+                        <!--<li class="video-item">-->
+                            <!--<a href="">-->
+                                <!--<div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>-->
+                                <!--<p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>-->
+                            <!--</a>-->
+                        <!--</li>-->
+                    <!--</ul>-->
+                <!--</div>-->
+                <!--&lt;!&ndash; 最新视频} &ndash;&gt;-->
+                <!--&lt;!&ndash; 搞笑视频{ &ndash;&gt;-->
+                <!--<div class="mod-video-fun fr">-->
+                    <!--<div class="mod-title">-->
+                        <!--<h2>搞笑视频</h2>-->
+
+                        <!--<a href="" class="link-more" target="_blank">更多</a>-->
+
+                    <!--</div>-->
+                    <!--<ul class="video-wrap">-->
+                        <!--<li class="video-item">-->
+                            <!--<a href="">-->
+                                <!--<div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>-->
+                                <!--<p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>-->
+                            <!--</a>-->
+                        <!--</li>-->
+                        <!--<li class="video-item">-->
+                            <!--<a href="">-->
+                                <!--<div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>-->
+                                <!--<p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>-->
+                            <!--</a>-->
+                        <!--</li>-->
+                        <!--<li class="video-item">-->
+                            <!--<a href="">-->
+                                <!--<div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>-->
+                                <!--<p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>-->
+                            <!--</a>-->
+                        <!--</li>-->
+                        <!--<li class="video-item">-->
+                            <!--<a href="">-->
+                                <!--<div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>-->
+                                <!--<p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>-->
+                            <!--</a>-->
+                        <!--</li>-->
+                        <!--<li class="video-item">-->
+                            <!--<a href="">-->
+                                <!--<div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>-->
+                                <!--<p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>-->
+                            <!--</a>-->
+                        <!--</li>-->
+                    <!--</ul>-->
+                <!--</div>-->
+                <!--&lt;!&ndash; 搞笑视频} &ndash;&gt;-->
+
+            <!--</div>-->
+            <!-- 推荐视频} -->
+
+            <!-- 云玩 -->
+            <div class="mod-cloudPlay" id="d3">
+                <!-- 云玩游戏{ -->
+                <div class="mod-video-new fl">
+                    <div class="mod-title">
+                        <h2>云玩游戏</h2><small>无需购买主机,3A游戏大作免费“云”玩!</small>
+                        <a href="" class="link-more" target="_blank">更多</a>
                     </div>
-                    <!-- 最新视频} -->
-                    <!-- 搞笑视频{ -->
-                    <div class="mod-video-fun fr">
-                        <div class="mod-title">
-                            <h2>搞笑视频</h2>
+                    <ul class="video-wrap">
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://ojiastoreimage.bs2dl.huanjuyun.com/1910x1080/1534316205578_len226599.jpg" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <span class="item-tag">质量效应:仙女座</span>
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                    <div class="item-mask">
+                                        <span>29:55</span>
+                                    </div>
+                                </div>
+                                <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
+                                <p class="info"><span class="author">师崔斯特</span><em>48</em></p>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <!-- 云玩游戏} -->
+                <!-- 热门游戏剧情连载{ -->
+                <div class="mod-video-fun fr">
+                    <div class="mod-title">
+                        <h2>热门游戏剧情连载</h2>
 
-                            <a href="" class="link-more" target="_blank">更多</a>
+                        <a href="" class="link-more" target="_blank">更多</a>
 
-                        </div>
-                        <ul class="video-wrap">
-                            <li class="video-item">
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
+                    </div>
+                    <ul class="video-wrap">
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con">
+                                    <div class="score-tag">
+                                        88
+                                    </div>
+                                    <img src="http://fed.webdev.ouj.com/130x162" alt="">
+                                    <div class="update-info">
+                                        <p>07月22日更新</p>
+                                        <em>13</em>
+                                    </div>
+                                </div>
+                                <p class="title">底特律:我欲我欲成成人</p>
+                                <p class="item-info clearfix">
+                                    <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                         alt="">
+                                    <em>黑桐谷歌</em>
+                                </p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/130x162" alt=""></div>
+                                <p class="title">底特律:我欲我欲成成人</p>
+                                <p class="item-info clearfix">
+                                    <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                         alt="">
+                                    <em>黑桐谷歌</em>
+                                </p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/130x162" alt=""></div>
+                                <p class="title">底特律:我欲我欲成成人</p>
+                                <p class="item-info clearfix">
+                                    <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                         alt="">
+                                    <em>黑桐谷歌</em>
+                                </p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/130x162" alt=""></div>
+                                <p class="title">底特我欲律:我欲我欲我欲成人</p>
+                                <p class="item-info clearfix">
+                                    <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                         alt="">
+                                    <em>黑桐谷歌</em>
+                                </p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/130x162" alt=""></div>
+                                <p class="title">底特律:我欲成人</p>
+                                <p class="item-info clearfix">
+                                    <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                         alt="">
+                                    <em>黑桐谷asdsaddsasd歌</em>
+                                </p>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="">
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/130x162" alt=""></div>
+                                <p class="title">底特律:我欲我欲成人</p>
+                                <p class="item-info clearfix">
+                                    <img src="http://screenshot.dwstatic.com/ojiasnsimage/1371d8a2bfed12117f27fbc5706ba3e4_len45392.jpg?imageview/0/w/150/h/150/format/jpg"
+                                         alt="">
+                                    <em>黑桐谷歌</em>
+                                </p>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <!-- 热门游戏剧情连载} -->
+
+            </div>
+            <!-- 云玩 -->
+
+            <!-- 游戏专区{ -->
+            <div class="mod-game" id="d4">
+                <div class="mod-title">
+                    <h2>游戏专区</h2>
+                    <a href="" class="link-more" target="_blank">更多</a>
+                </div>
+                <div class="game-wrap" data-role="tab-game">
+                    <div class="tab-nav fl">
+                        <ul class="tab-wrap g-tab__nav" data-switchable-role="nav">
+                            <li class="g-tab__trigger is-active">
+                                <p>怪物猎人XX</p>
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/270x140" alt=""></div>
                             </li>
-                            <li class="video-item">
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
+                            <li class="g-tab__trigger">
+                                <p>怪物猎人XX</p>
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/270x140" alt=""></div>
                             </li>
-                            <li class="video-item">
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
+                            <li class="g-tab__trigger">
+                                <p>怪物猎人XX</p>
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/270x140" alt=""></div>
                             </li>
-                            <li class="video-item">
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
+                            <li class="g-tab__trigger">
+                                <p>怪物猎人XX</p>
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/270x140" alt=""></div>
                             </li>
-                            <li class="video-item">
-                                <a href="">
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/158x88" alt=""></div>
-                                    <p class="title">英雄联盟英雄MV第一五期:卡牌大 师崔斯特</p>
-                                </a>
+                            <li class="g-tab__trigger">
+                                <p>怪物猎人XX</p>
+                                <div class="img-con"><img src="http://fed.webdev.ouj.com/270x140" alt=""></div>
                             </li>
-                        </ul>
-                    </div>
-                    <!-- 搞笑视频} -->
-
-                </div>
-                <!-- 推荐视频} -->
 
-                <!-- 游戏专区{ -->
-                <div class="mod-game" id="d4">
-                    <div class="mod-title">
-                        <h2>游戏专区</h2>
-                        <a href="" class="link-more" target="_blank">更多</a>
+                        </ul>
                     </div>
-                    <div class="game-wrap" data-role="tab-game">
-                        <div class="tab-nav fl">
-                            <ul class="tab-wrap g-tab__nav" data-switchable-role="nav">
-                                <li class="g-tab__trigger is-active">
-                                    <p>怪物猎人XX</p>
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/270x140" alt=""></div>
-                                </li>
-                                <li class="g-tab__trigger">
-                                    <p>怪物猎人XX</p>
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/270x140" alt=""></div>
-                                </li>
-                                <li class="g-tab__trigger">
-                                    <p>怪物猎人XX</p>
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/270x140" alt=""></div>
-                                </li>
-                                <li class="g-tab__trigger">
-                                    <p>怪物猎人XX</p>
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/270x140" alt=""></div>
-                                </li>
-                                <li class="g-tab__trigger">
-                                    <p>怪物猎人XX</p>
-                                    <div class="img-con"><img src="http://fed.webdev.ouj.com/270x140" alt=""></div>
-                                </li>
-
-                            </ul>
-                        </div>
-                        <div class="tab-content fl">
-                            <div class="g-tab__bd" data-switchable-role="content">
-                                <div class="content-item g-tab__panel">
-                                    <div class="content-con">
-                                        <div class="game-main fl">
-                                            <h2 class="main-title">刺客信条 起源</h2>
-                                            <div class="main-desc">
-                                                <div class="desc-details fl">
-                                                    <p>发售日期:<span>2017年10月11日</span></p>
-                                                    <p>开发厂商:
-                                                        <sapn>微软</sapn>
-                                                    </p>
-                                                    <p>游戏类型:<span>竞速类</span></p>
-                                                </div>
-                                                <div class="desc-tab fr">
-                                                    <ul>
-                                                        <li><a href="" target="_blank">改装教学</a></li>
-                                                        <li><a href="" target="_blank">基础教学</a></li>
-                                                        <li><a href="" target="_blank">全零件收集</a></li>
-                                                        <li><a href="" target="_blank">性能列表</a></li>
-                                                        <li><a href="" target="_blank">捷径一览</a></li>
-                                                        <li><a href="" target="_blank">讨论区</a></li>
-                                                    </ul>
-                                                </div>
+                    <div class="tab-content fl">
+                        <div class="g-tab__bd" data-switchable-role="content">
+                            <div class="content-item g-tab__panel">
+                                <div class="content-con">
+                                    <div class="game-main fl">
+                                        <h2 class="main-title">刺客信条 起源</h2>
+                                        <div class="main-desc">
+                                            <div class="desc-details fl">
+                                                <p>发售日期:<span>2017年10月11日</span></p>
+                                                <p>开发厂商:
+                                                    <sapn>微软</sapn>
+                                                </p>
+                                                <p>游戏类型:<span>竞速类</span></p>
                                             </div>
-                                            <div class="main-info">
-                                                <p>
-                                                    新手指南:
-                                                    <a target="_blank" href="">游戏测评</a>
-                                                    <a target="_blank" href="">成就列表</a>
-                                                    <a target="_blank" href="">基本操作</a>
-                                                    <a target="_blank" href="">游戏前沿</a>
-                                                    <a target="_blank" href="">PC配置推荐</a>
+                                            <div class="desc-tab fr">
+                                                <ul>
+                                                    <li><a href="" target="_blank">改装教学</a></li>
+                                                    <li><a href="" target="_blank">基础教学</a></li>
+                                                    <li><a href="" target="_blank">全零件收集</a></li>
+                                                    <li><a href="" target="_blank">性能列表</a></li>
+                                                    <li><a href="" target="_blank">捷径一览</a></li>
+                                                    <li><a href="" target="_blank">讨论区</a></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                        <div class="main-info">
+                                            <p>
+                                                新手指南:
+                                                <a target="_blank" href="">游戏测评</a>
+                                                <a target="_blank" href="">成就列表</a>
+                                                <a target="_blank" href="">基本操作</a>
+                                                <a target="_blank" href="">游戏前沿</a>
+                                                <a target="_blank" href="">PC配置推荐</a>
 
 
-                                                </p>
-                                                <p>
-                                                    新手指南:
-                                                    <a target="_blank" href="">游戏测评</a>
-                                                    <a target="_blank" href="">成就列表</a>
-                                                    <a target="_blank" href="">基本操作</a>
-                                                    <a target="_blank" href="">游戏前沿</a>
-                                                    <a target="_blank" href="">PC配置推荐</a>
+                                            </p>
+                                            <p>
+                                                新手指南:
+                                                <a target="_blank" href="">游戏测评</a>
+                                                <a target="_blank" href="">成就列表</a>
+                                                <a target="_blank" href="">基本操作</a>
+                                                <a target="_blank" href="">游戏前沿</a>
+                                                <a target="_blank" href="">PC配置推荐</a>
 
 
-                                                </p>
-                                                <p>
-                                                    新手指南:
-                                                    <a target="_blank" href="">游戏测评</a>
-                                                    <a target="_blank" href="">成就列表</a>
-                                                    <a target="_blank" href="">基本操作</a>
-                                                    <a target="_blank" href="">游戏前沿</a>
-                                                    <a target="_blank" href="">PC配置推荐</a>
+                                            </p>
+                                            <p>
+                                                新手指南:
+                                                <a target="_blank" href="">游戏测评</a>
+                                                <a target="_blank" href="">成就列表</a>
+                                                <a target="_blank" href="">基本操作</a>
+                                                <a target="_blank" href="">游戏前沿</a>
+                                                <a target="_blank" href="">PC配置推荐</a>
 
 
-                                                </p>
-                                                <p>
-                                                    新手指南:
-                                                    <a target="_blank" href="">游戏测评</a>
-                                                    <a target="_blank" href="">成就列表</a>
-                                                    <a target="_blank" href="">基本操作</a>
-                                                    <a target="_blank" href="">游戏前沿</a>
-                                                    <a target="_blank" href="">PC配置推荐</a>
+                                            </p>
+                                            <p>
+                                                新手指南:
+                                                <a target="_blank" href="">游戏测评</a>
+                                                <a target="_blank" href="">成就列表</a>
+                                                <a target="_blank" href="">基本操作</a>
+                                                <a target="_blank" href="">游戏前沿</a>
+                                                <a target="_blank" href="">PC配置推荐</a>
 
 
-                                                </p>
+                                            </p>
 
-                                            </div>
-                                        </div>
-                                        <div class="game-side fr">
-                                            <h2 class="side-title">最新攻略</h2>
-                                            <ul>
-                                                <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
-                                                <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
-                                                <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
-                                                <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
-                                                <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
-                                                <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
-                                                <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
-                                                <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
-                                                <li><a href="" target="_blank">《极限竞速7》全车辆性能列表一览</a></li>
-                                            </ul>
                                         </div>
                                     </div>
+                                    <div class="game-side fr">
+                                        <h2 class="side-title">最新攻略</h2>
+                                        <ul>
+                                            <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
+                                            <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
+                                            <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
+                                            <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
+                                            <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
+                                            <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
+                                            <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
+                                            <li><a href="" target="_blank">《极限竞速7》PC版外观一键导入工具</a></li>
+                                            <li><a href="" target="_blank">《极限竞速7》全车辆性能列表一览</a></li>
+                                        </ul>
+                                    </div>
                                 </div>
-                                <div class="content-item g-tab__panel u-hide">
+                            </div>
+                            <div class="content-item g-tab__panel u-hide">
 
-                                </div>
-                                <div class="content-item g-tab__panel u-hide">
+                            </div>
+                            <div class="content-item g-tab__panel u-hide">
 
-                                </div>
-                                <div class="content-item g-tab__panel u-hide">
+                            </div>
+                            <div class="content-item g-tab__panel u-hide">
 
-                                </div>
-                                <div class="content-item g-tab__panel u-hide">
+                            </div>
+                            <div class="content-item g-tab__panel u-hide">
 
-                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
-                <!-- 游戏专区} -->
-
-                <!-- 发售信息{ -->
-                <div class="mod-sales" id="d5">
-                    <div class="mod-title">
-                        <h2>发售信息</h2>
-                        <a href="" class="link-more" target="_blank">更多</a>
-                    </div>
-                    <div class="sales-wrap">
-                        <div class="sales-tb fl">
-                            <h2>2017年9月</h2>
-                            <div class="sales-list-wrap">
-                                <div class="sales-list fl">
-                                    <ul class="list-wrap">
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">[xboxone]漫威 VS Capcom 无限(日)</span>
-                                                <span class="game-plateform">[xboxone]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="" target="_blank">
-                                                <span class="date">09-01</span>
-                                                <span class="game-name">超级马里奥 奥德赛(中)</span>
-                                                <span class="game-plateform">[PS4]</span>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <!-- <div class="sales-list fl">
-                                    <ul class="list-wrap">
-                                       
-
-                                    </ul>
-                                </div> -->
-                            </div>
-                            <a href="" class="all" target="_blank">查看完整发售表</a>
+            </div>
+            <!-- 游戏专区} -->
 
-                        </div>
-                        <div class="sales-rank fr">
-                            <div class="sales-rank-content">
-                                <div class="rank-title">
-                                    <span class="title fl">新游戏期待绑</span>
-                                    <span class="rate fr">热度指数</span>
-                                </div>
-                                <ul class="rank-list-wrap">
-                                    <li class="rank-item top">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+            <!-- 发售信息{ -->
+            <div class="mod-sales" id="d5">
+                <div class="mod-title">
+                    <h2>发售信息</h2>
+                    <a href="" class="link-more" target="_blank">更多</a>
+                </div>
+                <div class="sales-wrap">
+                    <div class="sales-tb fl">
+                        <h2>2017年9月</h2>
+                        <div class="sales-list-wrap">
+                            <div class="sales-list fl">
+                                <ul class="list-wrap">
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">[xboxone]漫威 VS Capcom 无限(日)</span>
+                                            <span class="game-plateform">[xboxone]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item top">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item top">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                </ul>
-                            </div>
-                            <div class="sales-rank-content">
-                                <div class="rank-title">
-                                    <span class="title fl">新游戏期待绑</span>
-                                    <span class="rate fr">热度指数</span>
-                                </div>
-                                <ul class="rank-list-wrap">
-                                    <li class="rank-item top">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item top">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item top">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-                                    <li class="rank-item">
-                                        <i>1</i>
-                                        <a href="" target="_blank">银河战士(中)</a>
-                                        <span>46456</span>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="" target="_blank">
+                                            <span class="date">09-01</span>
+                                            <span class="game-name">超级马里奥 奥德赛(中)</span>
+                                            <span class="game-plateform">[PS4]</span>
+                                        </a>
                                     </li>
-
                                 </ul>
                             </div>
+                            <!-- <div class="sales-list fl">
+                                <ul class="list-wrap">
+
+
+                                </ul>
+                            </div> -->
                         </div>
+                        <a href="" class="all" target="_blank">查看完整发售表</a>
+
                     </div>
-                </div>
-                <!-- 发售信息} -->
+                    <div class="sales-rank fr">
+                        <div class="sales-rank-content">
+                            <div class="rank-title">
+                                <span class="title fl">新游戏期待绑</span>
+                                <span class="rate fr">热度指数</span>
+                            </div>
+                            <ul class="rank-list-wrap">
+                                <li class="rank-item top">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item top">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item top">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="sales-rank-content">
+                            <div class="rank-title">
+                                <span class="title fl">新游戏期待绑</span>
+                                <span class="rate fr">热度指数</span>
+                            </div>
+                            <ul class="rank-list-wrap">
+                                <li class="rank-item top">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item top">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item top">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
+                                <li class="rank-item">
+                                    <i>1</i>
+                                    <a href="" target="_blank">银河战士(中)</a>
+                                    <span>46456</span>
+                                </li>
 
-                <div class="g-sidebar">
-                    <ul class="aside-menu">
-                        <li class="aside-menu__item">
-                            <a href="#d1" target="_self">推荐推荐</a>
-                        </li>
-                        <li class="aside-menu__item">
-                            <a href="#d2" target="_self">资讯</a>
-                        </li>
-                        <li class="aside-menu__item">
-                            <a href="#d3" target="_self">视频</a>
-                        </li>
-                        <li class="aside-menu__item">
-                            <a href="#d4" target="_self">专区</a>
-                        </li>
-                        <li class="aside-menu__item">
-                            <a href="#d5" target="_self">发售</a>
-                        </li>
-                        
-                    </ul>
-                    <div class="aside-totop"></div>
+                            </ul>
+                        </div>
+                    </div>
                 </div>
+            </div>
+            <!-- 发售信息} -->
 
+            <div class="g-sidebar">
+                <ul class="aside-menu">
+                    <li class="aside-menu__item">
+                        <a href="#d1" target="_self">推荐推荐</a>
+                    </li>
+                    <li class="aside-menu__item">
+                        <a href="#d2" target="_self">资讯</a>
+                    </li>
+                    <li class="aside-menu__item">
+                        <a href="#d3" target="_self">云玩游戏</a>
+                    </li>
+                    <!--<li class="aside-menu__item">-->
+                        <!--<a href="#d3" target="_self">视频</a>-->
+                    <!--</li>-->
+                    <li class="aside-menu__item">
+                        <a href="#d4" target="_self">专区</a>
+                    </li>
+                    <li class="aside-menu__item">
+                        <a href="#d5" target="_self">发售</a>
+                    </li>
 
+                </ul>
+                <div class="aside-totop"></div>
+            </div>
 
 
-            </div>
         </div>
+    </div>
 
-        <div class="ZQ__map">
-            <!-- 搜索 - 标识{ -->
-            <div class="foot-action">
-                <form id="form-search2" method="get" action="http://so.duowan.com/cse/search" target="_blank" accept-charset="utf-8">
-                    <div class="search">
-                        <input type="text" name="q" data-baidusug="on" id="" value="CSGO" onfocus="if(this.value=='CSGO') this.value='';" onblur="if(this.value=='') this.value='CSGO';">
-                        <input type="hidden" name="s" value="14439980297804472906">
-                        <a href="javascript:void(0)" onclick="javascript:document.getElementById('form-search2').submit()" title="搜索" class="submit">搜索</a>
-                    </div>
-                    <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">联系小编</a>
-                </form>
-            </div>
-            <!-- }搜索 - 标识 -->
-            <div class="inner">
-                <div class="map-list">
-                    <ul class="list">
-                        <li><span class="label">CSGO栏目热点</span></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321459121455.html">每周囧图</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321531647730.html">爆笑动画</a></li>
-                        <li><a target="_blank" href="http://bbs.duowan.com/forum-2604-1.html">火爆论坛</a></li>
-                    </ul>
-                    <ul class="list">
-                        <li><span class="label">CSGO热点新闻</span></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/319717437215.html">电竞新闻</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/312991474877.html">最新资讯</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321459434055.html">玩家杂谈</a></li>
-                    </ul>
-                    <ul class="list">
-                        <li><span class="label">CSGO枪械涂装</span></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321014912214.html">主武器</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321014923727.html">重武器</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321014954658.html">冲锋枪</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321014896078.html">手枪</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321015016045.html">匕首</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321015028068.html">武器箱</a></li>
-                    </ul>
-                    <ul class="list">
-                        <li><span class="label">CSGO热门武器</span></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321041432214.html">AK47</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321040759158.html">M4A4</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321041197706.html">AWP</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321033004655.html">P90</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321040270648.html">SSG553</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321041252882.html">AUG</a></li>
-                    </ul>
-                    <ul class="list">
-                        <li><span class="label">CSGO游戏视频</span></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/313154193636.html">比赛视频</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/313154205603.html">精彩集锦</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/313154197978.html">解说视频</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/313768096656.html">娱乐视频</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/316606797557.html">教学视频</a></li>
-                    </ul>
-                    <ul class="list">
-                        <li><span class="label">CSGO模型补丁</span></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321459095549.html">地图模型</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321459121455.html">精品图片</a></li>
-                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321534959160.html">地图推荐</a></li>
-                    </ul>
-
-                    <ul class="list">
-                        <li><span class="label">CSGO游戏信息</span></li>
-                        <li><a target="_blank" href="http://store.steampowered.com/" rel="nofollow">STEAM官网</a></li>
-                        <li><a target="_blank" href="http://steamcommunity.com/app/730/workshop/" rel="nofollow">创意工坊</a></li>
-                        <li><a target="_blank" href="http://steamcommunity.com/market/search?appid=730" rel="nofollow">STEAM市场</a></li>
-                    </ul>
+    <div class="ZQ__map">
+        <!-- 搜索 - 标识{ -->
+        <div class="foot-action">
+            <form id="form-search2" method="get" action="http://so.duowan.com/cse/search" target="_blank"
+                  accept-charset="utf-8">
+                <div class="search">
+                    <input type="text" name="q" data-baidusug="on" id="" value="CSGO"
+                           onfocus="if(this.value=='CSGO') this.value='';"
+                           onblur="if(this.value=='') this.value='CSGO';">
+                    <input type="hidden" name="s" value="14439980297804472906">
+                    <a href="javascript:void(0)" onclick="javascript:document.getElementById('form-search2').submit()"
+                       title="搜索" class="submit">搜索</a>
                 </div>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">联系小编</a>
+            </form>
+        </div>
+        <!-- }搜索 - 标识 -->
+        <div class="inner">
+            <div class="map-list">
+                <ul class="list">
+                    <li><span class="label">CSGO栏目热点</span></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321459121455.html">每周囧图</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321531647730.html">爆笑动画</a></li>
+                    <li><a target="_blank" href="http://bbs.duowan.com/forum-2604-1.html">火爆论坛</a></li>
+                </ul>
+                <ul class="list">
+                    <li><span class="label">CSGO热点新闻</span></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/319717437215.html">电竞新闻</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/312991474877.html">最新资讯</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321459434055.html">玩家杂谈</a></li>
+                </ul>
+                <ul class="list">
+                    <li><span class="label">CSGO枪械涂装</span></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321014912214.html">主武器</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321014923727.html">重武器</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321014954658.html">冲锋枪</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321014896078.html">手枪</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321015016045.html">匕首</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321015028068.html">武器箱</a></li>
+                </ul>
+                <ul class="list">
+                    <li><span class="label">CSGO热门武器</span></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321041432214.html">AK47</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321040759158.html">M4A4</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321041197706.html">AWP</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321033004655.html">P90</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321040270648.html">SSG553</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321041252882.html">AUG</a></li>
+                </ul>
+                <ul class="list">
+                    <li><span class="label">CSGO游戏视频</span></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/313154193636.html">比赛视频</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/313154205603.html">精彩集锦</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/313154197978.html">解说视频</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/313768096656.html">娱乐视频</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/316606797557.html">教学视频</a></li>
+                </ul>
+                <ul class="list">
+                    <li><span class="label">CSGO模型补丁</span></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321459095549.html">地图模型</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321459121455.html">精品图片</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321534959160.html">地图推荐</a></li>
+                </ul>
 
+                <ul class="list">
+                    <li><span class="label">CSGO游戏信息</span></li>
+                    <li><a target="_blank" href="http://store.steampowered.com/" rel="nofollow">STEAM官网</a></li>
+                    <li><a target="_blank" href="http://steamcommunity.com/app/730/workshop/" rel="nofollow">创意工坊</a>
+                    </li>
+                    <li><a target="_blank" href="http://steamcommunity.com/market/search?appid=730" rel="nofollow">STEAM市场</a>
+                    </li>
+                </ul>
             </div>
+
         </div>
-        <div class="ZQ__friend">
-            <div class="inner">
-                <p class="link">
-                    <span class="label"><em>友情链接</em></span>
-                    <a href="http://www.duowan.com/" target="_blank">多玩游戏</a>
-                    <a href="http://fight.pcgames.com.cn/csgo/" target="_blank">太平洋CSGO</a>
-                    <a href="http://sj.xiaopi.com/cfsy/" target="_blank">cf手游</a>
-                    <a href="http://www.dota.tw/" target="_blank">斗塔游戏</a>
-                    <a href="http://www.wancaomei.com/" target="_blank">草莓游戏</a>
-                    <a href="http://cod.yxbao.com/" target="_blank">使命召唤</a>
-                    <a href="http://lol.duowan.com/LPL/" target="_blank">LPL夏季赛</a>
-                    <a href="http://cr.duowan.com/" target="_blank">皇室战争</a>
-                    <a href="http://vrgame.duowan.com" target="_blank">多玩VR</a>
-                </p>
-            </div>
+    </div>
+    <div class="ZQ__friend">
+        <div class="inner">
+            <p class="link">
+                <span class="label"><em>友情链接</em></span>
+                <a href="http://www.duowan.com/" target="_blank">多玩游戏</a>
+                <a href="http://fight.pcgames.com.cn/csgo/" target="_blank">太平洋CSGO</a>
+                <a href="http://sj.xiaopi.com/cfsy/" target="_blank">cf手游</a>
+                <a href="http://www.dota.tw/" target="_blank">斗塔游戏</a>
+                <a href="http://www.wancaomei.com/" target="_blank">草莓游戏</a>
+                <a href="http://cod.yxbao.com/" target="_blank">使命召唤</a>
+                <a href="http://lol.duowan.com/LPL/" target="_blank">LPL夏季赛</a>
+                <a href="http://cr.duowan.com/" target="_blank">皇室战争</a>
+                <a href="http://vrgame.duowan.com" target="_blank">多玩VR</a>
+            </p>
         </div>
-        <script src="lib/mod.js"></script>
-        <script>
-            require('modules/pages/index.js');
-        </script>
+    </div>
+    <script src="lib/mod.js"></script>
+    <script>
+        require('modules/pages/index.js');
+    </script>
+
+    <!-- S 模板-导航底部 -->
+    <script src="http://www.duowan.com/assets/js/duowanFooter.js" charset="utf-8"></script><!--ignore-->
+    <!-- E 模板-导航底部 -->
 
-        <!-- S 模板-导航底部 -->
-        <script src="http://www.duowan.com/assets/js/duowanFooter.js" charset="utf-8"></script><!--ignore-->
-        <!-- E 模板-导航底部 -->
-        
 </body>
 
 </html>

BIN
2017专区/tvg改版/src/img/score.png


BIN
2017专区/tvg改版/src/img/sprite.png


+ 268 - 1
2017专区/tvg改版/src/sass/global.scss

@@ -790,8 +790,275 @@ body {
         }
     }
 }
+// 宽屏云玩
+.mod-cloudPlay {
+    @include clearfix;
+    .video-wrap {
+        @include clearfix;
+        margin-top: 30px;
+        margin-right: -10px;
+        margin-bottom: -15px;
+        .video-item {
+            margin-right: 10px;
+            margin-bottom: 15px;
+            float: left;
+            width: 158px;
+            a {
+                display: block;
+                &:hover {
+                    @include opacity(0.8);
+                    text-decoration: none;
+                }
+                .img-con {
+                    width: 158px;
+                    height: 88px;
+                    overflow: hidden;
+                    position: relative;
+                    &:hover {
+                        &:after {
+                            display: block;
+                        }
+                    }
+                    &:after {
+                        position: absolute;
+                        content: "";
+                        display: none;
+                        width: 34px;
+                        height: 34px;
+                        background: url(/src/img/play-icon.png?__sprite) no-repeat;
+                        left: 50%;
+                        top: 50%;
+                        margin-left: -17px;
+                        margin-top: -17px;
+                        z-index: 20;
+                    }
+                    img {
+                        width: 100%;
+                        height: 100%;
+                    }
+                }
+                .title {
+                    margin-top: 10px;
+                    line-height: 22px;
+                }
 
-
+            }
+        }
+    }
+    .mod-video-new {
+        width: 920px;
+        .mod-title{
+            small{
+                height: 22px;
+                float: left;
+                font-size: 12px;
+                line-height: 30px;
+                font-family: SimSun;
+                color: #999;
+                margin-left: 10px;
+                overflow: hidden;
+                padding-top: 4px;
+            }
+        }
+        .img-con {
+            width: 100% !important;
+            height: 130px !important;
+        }
+        .video-item {
+            width: 222px !important;
+            height: 188px !important;
+            a {
+                height: 142px;
+            }
+            p.title {
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+            p.info {
+                line-height: 22px;
+                .author {
+                    font-size: 12px;
+                    float: left;
+                    color: #839bb4;
+                    height: 18px;
+                    overflow: hidden;
+                }
+                em {
+                    background-image: url("../../img/sprite.png");
+                    background-position: -191px -1084px;
+                    float: right;
+                    color: #999;
+                    padding-left: 18px;
+                    background-repeat: no-repeat;
+                    line-height: 19px;
+                }
+            }
+            &:hover {
+                p.title {
+                    white-space: normal;
+                }
+                p.info {
+                    display: none;
+                }
+                .item-tag {
+                    top: 0;
+                }
+                .item-mask {
+                    bottom: 0;
+                    opacity: 1;
+                    span {
+                        bottom: 0;
+                    }
+                }
+            }
+            .item-tag {
+                padding: 0 5px;
+                position: absolute;
+                right: 0;
+                top: -24px;
+                width: auto;
+                height: 24px;
+                line-height: 24px;
+                text-indent: 5px;
+                color: #fff;
+                overflow: hidden;
+                background-color: rgba(0, 0, 0, .5);
+                zoom: 1;
+                z-index: 11;
+                -webkit-transition: all 300ms ease;
+                transition: all 300ms ease;
+            }
+            .item-mask {
+                background: linear-gradient(rgba(72, 72, 72, 0.2), rgba(2, 2, 2, 0.8));
+                position: absolute;
+                bottom: -30px;
+                left: 0;
+                width: 100%;
+                height: 30px;
+                z-index: 10;
+                opacity: 0;
+                -webkit-transition: opacity 300ms ease;
+                transition: opacity 300ms ease;
+                span {
+                    position: absolute;
+                    z-index: 11;
+                    right: 7px;
+                    bottom: -24px;
+                    line-height: 30px;
+                    color: #fff;
+                    font-size: 12px;
+                    -webkit-transition: all 300ms ease;
+                    transition: all 300ms ease;
+                    background-color: transparent;
+                }
+            }
+        }
+    }
+    .mod-video-fun {
+        width: 240px;
+        .video-item {
+            position: relative;
+            width: 115px !important;
+            height: 189px !important;
+            .img-con {
+                width: 100% !important;
+                height: 136px !important;
+                position: relative;
+                transition: all 0.2s ease;
+                &:hover {
+                    transform: translate(-1px, -5px);
+                    box-shadow: 0 12px 30px -8px rgba(0, 0, 0, .4);
+                }
+                .score-tag{
+                    position: absolute;
+                    height: 28px;
+                    width: 24px;
+                    background: url("../../img/score.png") no-repeat;
+                    top: 7px;
+                    left: 8px;
+                    font-size: 12px;
+                    color: #fff;
+                    line-height: 28px;
+                    text-align: center;
+                    text-shadow: 0 2px 3px rgba(0,0,0,.69);
+                }
+                .update-info{
+                    height: 24px;
+                    width: 120px;
+                    overflow: hidden;
+                    position: absolute;
+                    border-radius: 2px;
+                    left: 5px;
+                    bottom: 5px;
+                    font-size: 11px;
+                    line-height: 24px;
+                    text-align: center;
+                    color: #fff;
+                    p{
+                        height: 100%;
+                        width: 82px;
+                        background: #000;
+                        background: rgba(0,0,0,.8);
+                        float: left;
+                        border-radius: 3px 0 0 3px;
+                    }
+                    em{
+                        height: 100%;
+                        width: 24px;
+                        color: #fff;
+                        display: block;
+                        background: #FF263A;
+                        float: left;
+                        border-radius: 0 3px 3px 0;
+                    }
+                }
+            }
+            .title {
+                font-size: 12px;
+                color: #000;
+                line-height: 29px !important;
+                font-weight: 400;
+                white-space: nowrap;
+                word-wrap: normal;
+                overflow: hidden;
+                -ms-text-overflow: ellipsis;
+                text-overflow: ellipsis;
+                margin-top: 0 !important;
+                &:hover {
+                    color: red;
+                }
+            }
+            .item-info {
+                overflow: hidden;
+                height: 24px;
+                float: left;
+                margin-right: 6px;
+                margin-top: -6px;
+                img {
+                    height: 24px;
+                    display: block;
+                    vertical-align: top;
+                    float: left;
+                    width: 24px;
+                    border-radius: 50%;
+                    margin-right: 5px;
+                }
+                em {
+                    width: 70px;
+                    float: left;
+                    white-space: nowrap;
+                    word-wrap: normal;
+                    overflow: hidden;
+                    -ms-text-overflow: ellipsis;
+                    text-overflow: ellipsis;
+                    color: #999;
+                    line-height: 24px;
+                }
+            }
+        }
+    }
+}
 
 //-----分页------
 #pageNum {

+ 761 - 434
2017专区/tvg改版/src/sass/modules/_artical.scss

@@ -1,439 +1,766 @@
 @charset "UTF-8";
 
-.page-artical{
-    .dw-mod-fl {
-        width: 910px;
+.page-artical {
+	.dw-mod-fl {
+		width: 910px;
 
-    }
-    .dw-mod-fr {
-        width: 240px;
-        padding-bottom: 20px;
-        .mod-title {
-            margin-bottom: 20px;
-        }
-        .hot-box {
-            margin-bottom: 50px;
-        }
-        .sales-box {
-            margin-top: 40px;
-            .list-wrap {
-                li {
-                    a {
-                        font-size: 14px;
-                        .game-name {
-                            width: 170px;
-                            @include ellipsis;                       
-                        }
-                        .date {
-                            margin-left: 10px;
-                            margin-right: 10px;
-                        }
-                    }
-                }
-            }
-        }
-        .rank-box {
-            margin-top: 40px;
-            .mod-title {
-                margin-bottom: 20px;
-            }
-            .rank-wrap {
-                background: #ececec;
-                padding: 5px 0;
-                .rank-item {
-                    line-height: 31px;
-                    @include clearfix;
-                    &:nth-of-type(1) {
-                        i {
-                            background: $hovercolor;
-                        }
-                    }
-                    &:nth-of-type(2) {
-                        i {
-                            background: $hovercolor;
-                        }
-                    }
-                    &:nth-of-type(3) {
-                        i {
-                            background: $hovercolor;
-                        }
-                    }
-                    a {
-                        // @include inline-block;
-                        display: block;
-                        width: 145px;
-                        @include ellipsis;
-                        float: left;
-                    }
-                    i {
-                        width: 15px;
-                        height: 15px;
-                        color: #fff;
-                        background: #999;
-                        margin-left: 10px;
-                        margin-right: 15px;
-                        @include inline-block;
-                        margin-top: 7px;
-                        line-height: 15px;
-                        font-size: 12px;
-                        text-align: center;
-                        float: left;
-                    }
-                    span {
-                        float: right;
-                        margin-right: 10px;
-                    }
-                }
-            }
-        }
-        .news-box {
-            margin-top: 40px;
-            .news-wrap {
-                margin-top: 20px;
-                li {
-                    list-style: disc inside;
-                    a {
-                        line-height: 30px;
-                        @include ellipsis;
-                    }
-                }
-            }
-        }
-    }
-    
-    a {
-        &:hover {
-            color: $hovercolor;
-            text-decoration: underline;
-        }
-    }
-     .bdsharebuttonbox {
-        padding-right: 10px;
-        height: 20px;
-        line-height: 20px;
-        overflow: hidden;
-        float: right;
-    }
-    .bdsharebuttonbox a {
-        position: relative;
-        top: -4px;
-    }
-    .bdsharebuttonbox span {
-        float: left;
-        _display: inline;
-    }
-    .artical-wrap{
-        &.bottom {
-            padding:20px 0 ;
-        }
-        padding: 20px;
-        .box-hd{
-        }
-        table{
-            &.tb100 {
-                width: 100%;
-            }
-            td{
-                border: 1px solid #CCC;
-                line-height: 30px;
-                text-align: center;
-            }
-        }
-        .art-title{
-            padding-left: 20px;
-            color: #333;
-            font-size: 32px;
-            line-height: 1.1em;
-            margin: 18px 0 18px;
-            font-weight: 700;
-            text-align: center;
-        }
-        .art-info{
-            font-style: normal;
-            color: #999;
-            font-size: 14px;
-            padding-bottom: 20px;
-            margin: 0 20px;
-            text-align: center;
-            a,span{
-                margin: 0 8px;
-            }
-        }
-        .art-summary{
-            padding: 20px 25px;
-            @include clearfix();
-            background-color: #FBFBFB;
-            font-size: 14px;
-            margin: 22px 20px;
-            position: relative;
-            p{
-                overflow: hidden;
-                line-height: 1.8em;
-                text-indent: 2em;
-            }
-            em{
-                position: absolute;
-                width: 19px;
-                height: 15px;
-                
-            }
-        }
-        .box-bd{
-            position: relative;
-            p{
-                font-size: 16px;
-                margin-top: 1.5em;
-                line-height: 1.5em;
-            }
-            .title {
-                background-color: #2c2c2c;
-                color: #fff;
-                line-height: 2.5em;
-                position: relative;
-                margin-left: -1.5em;
-                text-indent: 1.5em;
-                &:before {
-                    content: "";
-                    @include inline-block;
-                    width: 10px;
-                    height: 10px;
-                    background-color: #ee4a47;
-                    position: absolute;
-                    top: 50%;
-                    left: 1.5em;
-                    margin-top: -5px;
-                    
-                }
-            }
-            img{
-                max-width: 70%;
-            }
-            .link-bbs{
-                width: 368px;
-                height: 30px;
-                display: block;
-                background-color: #cff7bf;
-                color: $maincolor;
-                margin: 40px auto;
-                font-size: 14px;
-                text-align: center;
-                line-height: 30px;
-                -webkit-border-radius: 3px;
-                -moz-border-radius: 3px;
-                border-radius: 3px
-            }
-            a{
-                color: $maincolor;
-            }
-        }
-        .box-ft{
-            .share-wrap{
-                margin-top: 20px;
-                padding: 20px 0 20px 0;
-                border-top: 1px dashed #CCC;
-            }
-            .ft-bar {
-                @include clearfix;
-                margin-top: 20px;
-                margin-bottom: 20px;
-                .mod-title {
-                    margin-bottom: 20px;
-                }
-                .recommend-news {
-                    width: 510px;
-                    .recommend-wrap {                       
-                        @include clearfix;
-                        margin-right: -15px;
-                        margin-bottom: -15px;
-                        .recommend-item {
-                            float: left;
-                            width: 240px;
-                            height: 136px;
-                            overflow: hidden;
-                            margin-bottom: 15px;
-                            margin-right: 15px;
-                            a {
-                                display: block;
-                                width: 100%;
-                                height: 100%;
-                                position: relative;
-                                &:hover {
-                                    .active-wrap {
-                                        bottom :0;
-                                    }
-                                }
-                                .img-con {
-                                    width: 240px;
-                                    height: 136px;
-                                    overflow: hidden;
-                                    img {
-                                        width: 100%;
-                                        height:auto;
-                                    }
-                                }
-                                .active-wrap {
-                                    position: absolute;
-                                    bottom: -26px;
-                                    transition: .1s bottom ease-in-out;
-                                    p {
-                                        padding: 0 10px;
-                                        line-height: 26px;
-                                        font-size: 15px;
-                                        color: #fff;
-                                        position: relative;
-                                        z-index: 4;
-                                    }
-                                    .mask {
-                                        position: absolute;
-                                        width: 100%;
-                                        height: 100%;
-                                        background: #000;
-                                        @include opacity(0.6);
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-                .hot-news {
-                    width: 500px;
-                    .hot-news-wrap {
-                        @include clearfix;
-                        margin-right: -15px;
-                        margin-bottom: -15px;
-                        .hot-news-item {
-                            width: 240px;
-                            height: 138px;
-                            margin-bottom: 15px;
-                            margin-right: 15px;
-                            float: left;
-                                .img-con {
-                                    height: 100%;
-                                    width: 100%;
-                                    overflow: hidden;
-                                    position: relative;
-                                    img {
-                                        width: 100%;
-                                        height: 100%;
-                                    }
-                                    .tag {
-                                        color: #fff;
-                                        position: absolute;
-                                        top: 0;
-                                        left: 0;
-                                        line-height: 20px;
-                                        padding: 0 10px;
-                                        z-index: 5;
-                                        &:after {
-                                            content: "";
-                                            position: absolute;
-                                            height: 100%;
-                                            width: 100%;
-                                            background-color: #ee1306;
-                                            @include opacity(0.6);
-                                            left: 0;
-                                            top: 0;
-                                            z-index: -4;
-                                        }
-                                    }
-                                    .title{
-                                        width: 100%;
-                                        position: absolute;
-                                        bottom: 0;
-                                        text-align: center;
-                                        line-height: 30px;
-                                        color: #fff;
-                                        z-index: 5;
-                                        font-size: 15px;
-                                        a{
-                                            color: #fff;
-                                            cursor: pointer;
-                                            &:hover {
-                                                color: $hovercolor;
-                                                text-decoration: none;
-                                            }
-                                        }
-                                    }
-                                    .title-mask {
-                                        width: 100%;
-                                        position: absolute;
-                                        @include opacity(0.6);
-                                        background-color: #000;
-                                        height:30px;
-                                        bottom: 0;
-                                    }
-                                }
-                            
-                        }
-                    }
-                }
-            }
-        }
-    }
-    .article-pc-catalog{
-        position: relative;
-        z-index: 10;
-        background: #ffffff;
-        font-size: 14px;
-        margin-top: 50px;
-        height: 40px;
-        .catalog-hd{
-            position: relative;
-            line-height: 40px;
-            color: #333333;
-            padding: 0 20px;
-            cursor: pointer;
-            .btn-open{
-                position: absolute;
-                top: 0;
-                right: 20px;
-                padding-right: 13px;
-                &:before{
-                    content: '';
-                    position: absolute;
-                    top: 18px;
-                    right: 0;
-                    @include triangle-down(4px,#888888);
-                }
-            }
-            &.is-open{
-                .btn-open{
-                    &:before{
-                        top: 13px;
-                        @include triangle-up(4px,#888888);
-                    }
-                }
-            }
-        }
-        .catalog-bd{
-            position: absolute;
-            width: 100%;
-            display: none;
-            background: #ffffff;
-            border-top: 1px solid #ececec;
-            ul{
-                padding: 0 20px;
-            }
-            li{
-                float: left;
-                width: 33%;
-                line-height: 40px;
-                height: 40px;
-                overflow: hidden;
-                color: #4689b0;
-                @include ellipsis();
-                &.active{
-                    a{
-                        color: #da280c;
-                    }
-                }
-            }
-            a{
-                color: #666666;
-                &:hover{
-                    text-decoration: none;
-                }
-            }
+	}
+	.dw-mod-fr {
+		width: 240px;
+		padding-bottom: 20px;
+		.mod-title {
+			margin-bottom: 20px;
+		}
+		.hot-box {
+			margin-bottom: 50px;
+		}
+		.sales-box {
+			margin-top: 40px;
+			.list-wrap {
+				li {
+					a {
+						font-size: 14px;
+						.game-name {
+							width: 170px;
+							@include ellipsis;
+						}
+						.date {
+							margin-left: 10px;
+							margin-right: 10px;
+						}
+					}
+				}
+			}
+		}
+		.rank-box {
+			margin-top: 40px;
+			.mod-title {
+				margin-bottom: 20px;
+			}
+			.rank-wrap {
+				background: #ececec;
+				padding: 5px 0;
+				.rank-item {
+					line-height: 31px;
+					@include clearfix;
+					&:nth-of-type(1) {
+						i {
+							background: $hovercolor;
+						}
+					}
+					&:nth-of-type(2) {
+						i {
+							background: $hovercolor;
+						}
+					}
+					&:nth-of-type(3) {
+						i {
+							background: $hovercolor;
+						}
+					}
+					a {
+						// @include inline-block;
+						display: block;
+						width: 145px;
+						@include ellipsis;
+						float: left;
+					}
+					i {
+						width: 15px;
+						height: 15px;
+						color: #fff;
+						background: #999;
+						margin-left: 10px;
+						margin-right: 15px;
+						@include inline-block;
+						margin-top: 7px;
+						line-height: 15px;
+						font-size: 12px;
+						text-align: center;
+						float: left;
+					}
+					span {
+						float: right;
+						margin-right: 10px;
+					}
+				}
+			}
+		}
+		.news-box {
+			margin-top: 40px;
+			.news-wrap {
+				margin-top: 20px;
+				li {
+					list-style: disc inside;
+					a {
+						line-height: 30px;
+						@include ellipsis;
+					}
+				}
+			}
+		}
+	}
+
+	a {
+		&:hover {
+			color: $hovercolor;
+			text-decoration: underline;
+		}
+	}
+	.bdsharebuttonbox {
+		padding-right: 10px;
+		height: 20px;
+		line-height: 20px;
+		overflow: hidden;
+		float: right;
+	}
+	.bdsharebuttonbox a {
+		position: relative;
+		top: -4px;
+	}
+	.bdsharebuttonbox span {
+		float: left;
+		_display: inline;
+	}
+	.artical-wrap {
+        .mod-cloudPlay{
+            margin-top: 20px;
+            margin-bottom: 10px;
         }
-    }
+		&.bottom {
+			padding: 20px 0;
+		}
+		padding: 20px;
+		.box-hd {
+		}
+		table {
+			&.tb100 {
+				width: 100%;
+			}
+			td {
+				border: 1px solid #CCC;
+				line-height: 30px;
+				text-align: center;
+			}
+		}
+		.art-title {
+			padding-left: 20px;
+			color: #333;
+			font-size: 32px;
+			line-height: 1.1em;
+			margin: 18px 0 18px;
+			font-weight: 700;
+			text-align: center;
+		}
+		.art-info {
+			font-style: normal;
+			color: #999;
+			font-size: 14px;
+			padding-bottom: 20px;
+			margin: 0 20px;
+			text-align: center;
+			a, span {
+				margin: 0 8px;
+			}
+		}
+		.art-summary {
+			padding: 20px 25px;
+			@include clearfix();
+			background-color: #FBFBFB;
+			font-size: 14px;
+			margin: 22px 20px;
+			position: relative;
+			p {
+				overflow: hidden;
+				line-height: 1.8em;
+				text-indent: 2em;
+			}
+			em {
+				position: absolute;
+				width: 19px;
+				height: 15px;
+
+			}
+		}
+		.box-bd {
+			position: relative;
+			p {
+				font-size: 16px;
+				margin-top: 1.5em;
+				line-height: 1.5em;
+			}
+			.title {
+				background-color: #2c2c2c;
+				color: #fff;
+				line-height: 2.5em;
+				position: relative;
+				margin-left: -1.5em;
+				text-indent: 1.5em;
+				&:before {
+					content: "";
+					@include inline-block;
+					width: 10px;
+					height: 10px;
+					background-color: #ee4a47;
+					position: absolute;
+					top: 50%;
+					left: 1.5em;
+					margin-top: -5px;
+
+				}
+			}
+			img {
+				max-width: 70%;
+			}
+			.link-bbs {
+				width: 368px;
+				height: 30px;
+				display: block;
+				background-color: #cff7bf;
+				color: $maincolor;
+				margin: 40px auto;
+				font-size: 14px;
+				text-align: center;
+				line-height: 30px;
+				-webkit-border-radius: 3px;
+				-moz-border-radius: 3px;
+				border-radius: 3px
+			}
+			a {
+				color: $maincolor;
+			}
+		}
+		.box-ft {
+			.share-wrap {
+				margin-top: 20px;
+				padding: 20px 0 20px 0;
+				border-top: 1px dashed #CCC;
+			}
+			.ft-bar {
+				@include clearfix;
+				margin-top: 20px;
+				margin-bottom: 20px;
+				.mod-title {
+					margin-bottom: 20px;
+				}
+				.recommend-news {
+					width: 510px;
+					.recommend-wrap {
+						@include clearfix;
+						margin-right: -15px;
+						margin-bottom: -15px;
+						.recommend-item {
+							float: left;
+							width: 240px;
+							height: 136px;
+							overflow: hidden;
+							margin-bottom: 15px;
+							margin-right: 15px;
+							a {
+								display: block;
+								width: 100%;
+								height: 100%;
+								position: relative;
+								&:hover {
+									.active-wrap {
+										bottom: 0;
+									}
+								}
+								.img-con {
+									width: 240px;
+									height: 136px;
+									overflow: hidden;
+									img {
+										width: 100%;
+										height: auto;
+									}
+								}
+								.active-wrap {
+									position: absolute;
+									bottom: -26px;
+									transition: .1s bottom ease-in-out;
+									p {
+										padding: 0 10px;
+										line-height: 26px;
+										font-size: 15px;
+										color: #fff;
+										position: relative;
+										z-index: 4;
+									}
+									.mask {
+										position: absolute;
+										width: 100%;
+										height: 100%;
+										background: #000;
+										@include opacity(0.6);
+									}
+								}
+							}
+						}
+					}
+				}
+				.hot-news {
+					width: 500px;
+					.hot-news-wrap {
+						@include clearfix;
+						margin-right: -15px;
+						margin-bottom: -15px;
+						.hot-news-item {
+							width: 240px;
+							height: 138px;
+							margin-bottom: 15px;
+							margin-right: 15px;
+							float: left;
+							.img-con {
+								height: 100%;
+								width: 100%;
+								overflow: hidden;
+								position: relative;
+								img {
+									width: 100%;
+									height: 100%;
+								}
+								.tag {
+									color: #fff;
+									position: absolute;
+									top: 0;
+									left: 0;
+									line-height: 20px;
+									padding: 0 10px;
+									z-index: 5;
+									&:after {
+										content: "";
+										position: absolute;
+										height: 100%;
+										width: 100%;
+										background-color: #ee1306;
+										@include opacity(0.6);
+										left: 0;
+										top: 0;
+										z-index: -4;
+									}
+								}
+								.title {
+									width: 100%;
+									position: absolute;
+									bottom: 0;
+									text-align: center;
+									line-height: 30px;
+									color: #fff;
+									z-index: 5;
+									font-size: 15px;
+									a {
+										color: #fff;
+										cursor: pointer;
+										&:hover {
+											color: $hovercolor;
+											text-decoration: none;
+										}
+									}
+								}
+								.title-mask {
+									width: 100%;
+									position: absolute;
+									@include opacity(0.6);
+									background-color: #000;
+									height: 30px;
+									bottom: 0;
+								}
+							}
+
+						}
+					}
+				}
+			}
+		}
+	}
+	.article-pc-catalog {
+		position: relative;
+		z-index: 10;
+		background: #ffffff;
+		font-size: 14px;
+		margin-top: 50px;
+		height: 40px;
+		.catalog-hd {
+			position: relative;
+			line-height: 40px;
+			color: #333333;
+			padding: 0 20px;
+			cursor: pointer;
+			.btn-open {
+				position: absolute;
+				top: 0;
+				right: 20px;
+				padding-right: 13px;
+				&:before {
+					content: '';
+					position: absolute;
+					top: 18px;
+					right: 0;
+					@include triangle-down(4px, #888888);
+				}
+			}
+			&.is-open {
+				.btn-open {
+					&:before {
+						top: 13px;
+						@include triangle-up(4px, #888888);
+					}
+				}
+			}
+		}
+		.catalog-bd {
+			position: absolute;
+			width: 100%;
+			display: none;
+			background: #ffffff;
+			border-top: 1px solid #ececec;
+			ul {
+				padding: 0 20px;
+			}
+			li {
+				float: left;
+				width: 33%;
+				line-height: 40px;
+				height: 40px;
+				overflow: hidden;
+				color: #4689b0;
+				@include ellipsis();
+				&.active {
+					a {
+						color: #da280c;
+					}
+				}
+			}
+			a {
+				color: #666666;
+				&:hover {
+					text-decoration: none;
+				}
+			}
+		}
+	}
+}
+
+.icon-cloud {
+	width: 38px;
+	height: 38px;
+	display: inline-block;
+	background-image: url("../../img/sprite.png");
+	background-position: -173px -515px;
+	background-repeat: no-repeat;
+}
+
+.icon-play{
+	width: 24px;
+	height: 24px;
+	display: inline-block;
+	background-image: url("../../img/sprite.png");
+	background-repeat: no-repeat;
+	background-position: -181px -1044px;
+}
+
+//云玩模块
+.cloudPlay {
+	width: 100%;
+	margin-top: 20px;
+	.cloudPlay-section {
+		overflow: hidden;
+		margin-bottom: 20px;
+		.section-title {
+			height: 39px;
+			border-bottom: 1px solid #e3e3e3;
+			position: relative;
+			overflow: hidden;
+			color: #333;
+			h1 {
+				float: left;
+				font-weight: 400;
+				line-height: 39px;
+				font-size: 18px;
+				color: #fff;
+				background: #2c2c2c;
+				padding: 0 10px;
+			}
+			small{
+				height: 22px;
+				float: left;
+				font-size: 12px;
+				line-height: 30px;
+				font-family: SimSun;
+				color: #999;
+				margin-left: 10px;
+				overflow: hidden;
+				padding-top: 4px;
+			}
+			a.link-more{
+				float: right;
+				color: #2c2c2c;
+				line-height: 40px;
+				text-align: center;
+				&::after{
+					content: "";
+					display: inline-block;
+					width: 0;
+					height: 0;
+					border: 5px solid #2c2c2c;
+					border-color: transparent transparent transparent #2c2c2c;
+					margin-left: 10px;
+				}
+			}
+		}
+		&.recommend{
+			.section-content{
+				box-sizing: border-box;
+				padding: 20px 0 20px 0;
+				.img-con {
+					position: relative;
+					overflow: hidden;
+					width: 100% !important;
+					height: 100px !important;
+				}
+				.video-item {
+					float: left;
+					margin-right: 15px;
+					width: calc(20% - 15px) !important;
+					height: 186px !important;
+					img{
+						width: 100%;
+						height: 100%;
+					}
+					a {
+						height: 142px;
+					}
+					p.title {
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						line-height: 22px;
+					}
+					p.info {
+						line-height: 22px;
+						.author {
+							font-size: 12px;
+							float: left;
+							color: #839bb4;
+							height: 18px;
+							overflow: hidden;
+						}
+						em {
+							background-image: url("../../img/sprite.png");
+							background-position: -191px -1084px;
+							float: right;
+							color: #999;
+							padding-left: 18px;
+							background-repeat: no-repeat;
+							line-height: 19px;
+						}
+					}
+					&:hover {
+						a{
+							text-decoration: none;
+						}
+						p.title {
+							white-space: normal;
+						}
+						p.info {
+							display: none;
+						}
+						.item-tag {
+							top: 0;
+						}
+						.item-mask {
+							bottom: 0;
+							opacity: 1;
+							span {
+								bottom: 0;
+							}
+							.icon-play{
+								bottom: 3px;
+							}
+						}
+					}
+					.item-tag {
+						padding: 0 5px;
+						position: absolute;
+						right: 0;
+						top: -24px;
+						width: auto;
+						height: 24px;
+						line-height: 24px;
+						text-indent: 5px;
+						color: #fff;
+						overflow: hidden;
+						background-color: rgba(0, 0, 0, .5);
+						zoom: 1;
+						z-index: 11;
+						-webkit-transition: all 300ms ease;
+						transition: all 300ms ease;
+					}
+					.item-mask {
+						background: linear-gradient(rgba(72, 72, 72, 0.2), rgba(2, 2, 2, 0.8));
+						position: absolute;
+						bottom: -30px;
+						left: 0;
+						width: 100%;
+						height: 30px;
+						z-index: 10;
+						opacity: 0;
+						-webkit-transition: opacity 300ms ease;
+						transition: opacity 300ms ease;
+						span {
+							position: absolute;
+							z-index: 11;
+							right: 7px;
+							bottom: -24px;
+							line-height: 30px;
+							color: #fff;
+							font-size: 12px;
+							-webkit-transition: all 300ms ease;
+							transition: all 300ms ease;
+							background-color: transparent;
+						}
+						.icon-play{
+							-webkit-transition: opacity 300ms ease;
+							transition: opacity 300ms ease;
+							position: absolute;
+							bottom: -24px;
+							left: 5px;
+						}
+					}
+				}
+			}
+		}
+		&.hot{
+			h1{
+				float: left;
+				font-weight: 400;
+				line-height: 39px;
+				font-size: 18px;
+				color: #fff;
+				background: #2c2c2c;
+				padding: 0 10px;
+			}
+			.section-content{
+				box-sizing: border-box;
+				padding: 20px 0 20px 0;
+				.img-con {
+					position: relative;
+					overflow: hidden;
+					width: 100% !important;
+					height: 100px !important;
+				}
+				.video-item {
+					position: relative;
+					width: 128px !important;
+					height: 220px !important;
+					float: left;
+					margin-right:17px;
+					img{
+						width: 100%;
+						height: 100%;
+						border-radius: 3px;
+					}
+					a{
+						text-decoration: none;
+					}
+					.img-con {
+						width: 100% !important;
+						height: 160px !important;
+						position: relative;
+						transition: all 0.2s ease;
+						&:hover {
+							transform: translate(-1px, -5px);
+							box-shadow: 0 12px 30px -8px rgba(0, 0, 0, .4);
+						}
+						.score-tag{
+							position: absolute;
+							height: 28px;
+							width: 24px;
+							background: url("../../img/score.png") no-repeat;
+							top: 7px;
+							left: 8px;
+							font-size: 12px;
+							color: #fff;
+							line-height: 28px;
+							text-align: center;
+							text-shadow: 0 2px 3px rgba(0,0,0,.69);
+						}
+						.update-info{
+							height: 24px;
+							width: 120px;
+							overflow: hidden;
+							position: absolute;
+							border-radius: 2px;
+							left: 5px;
+							bottom: 5px;
+							font-size: 11px;
+							line-height: 24px;
+							text-align: center;
+							color: #fff;
+							p{
+								height: 100%;
+								width: 94px;
+								background: #000;
+								background: rgba(0,0,0,.8);
+								float: left;
+								border-radius: 3px 0 0 3px;
+							}
+							em{
+								height: 100%;
+								width: 24px;
+								color: #fff;
+								display: block;
+								background: #FF263A;
+								float: left;
+								border-radius: 0 3px 3px 0;
+							}
+						}
+					}
+					.title {
+						font-size: 12px;
+						color: #000;
+						line-height: 29px !important;
+						font-weight: 400;
+						white-space: nowrap;
+						word-wrap: normal;
+						overflow: hidden;
+						-ms-text-overflow: ellipsis;
+						text-overflow: ellipsis;
+						margin-top: 0 !important;
+						&:hover {
+							color: red;
+						}
+					}
+					.item-info {
+						overflow: hidden;
+						height: 24px;
+						float: left;
+						margin-right: 6px;
+						margin-top: -6px;
+						img {
+							height: 24px;
+							display: block;
+							vertical-align: top;
+							float: left;
+							width: 24px;
+							border-radius: 50%;
+							margin-right: 5px;
+						}
+						em {
+							width: 70px;
+							float: left;
+							white-space: nowrap;
+							word-wrap: normal;
+							overflow: hidden;
+							-ms-text-overflow: ellipsis;
+							text-overflow: ellipsis;
+							color: #999;
+							line-height: 24px;
+						}
+					}
+				}
+			}
+		}
+	}
 }

+ 433 - 429
2017专区/tvg改版/src/sass/modules/_index.scss

@@ -3,438 +3,442 @@
 @import "../base/mixins";
 @import "./swiper.min.css";
 
-.page-index{
-    &.g-body {
-        padding-bottom: 0;
-    }
-    a {
-        &:hover {
-            color: $hovercolor;
-        }
-    }
-    .dw-mod-index {
-        width: $mainwidth;
-        margin: 0 auto;
-        margin-top: 30px;
+.page-index {
+	&.g-body {
+		padding-bottom: 0;
+	}
+	a {
+		&:hover {
+			color: $hovercolor;
+		}
+	}
+	.dw-mod-index {
+		width: $mainwidth;
+		margin: 0 auto;
+		margin-top: 30px;
 
-        .mod-second {
-            @include clearfix;
-            margin-top: 40px;
-            .info {
-                width: 930px;
-                .g-tab__bd {
-                    margin-top: 40px;
-                    .g-tab__panel {
-                        width: 930px;
-                    }
-                }
-            }
-            .hot {
-                width: 240px;
-                .mod-title {
-                    margin-bottom: 20px;
-                }
-            }
-        }
-        .mod-video {
-            @include clearfix;
-            margin-top: 50px;
-            .mod-video-new {
-                width: 670px;
-            }
-            .mod-video-fun {
-                width: 500px;
-            }
-            .video-wrap {
-                @include clearfix;
-                margin-top: 30px;
-                margin-right: -10px;
-                margin-bottom: -15px;
-                .video-item {
-                    margin-right: 10px;
-                    margin-bottom: 15px;
-                    float: left;
-                    width: 158px;
-                    a {
-                        display: block;
-                        &:hover {
-                            @include opacity(0.8);
-                            text-decoration: none;
-                        }
-                        .img-con {
-                            width: 158px;
-                            height: 88px;
-                            overflow: hidden;
-                            position: relative;
-                            &:hover {
-                                &:after {
-                                    display: block;
-                                }
-                            }
-                            &:after {
-                                position: absolute;
-                                content: "";
-                                display: none;
-                                width: 34px;
-                                height: 34px;
-                                background: url(/src/img/play-icon.png?__sprite) no-repeat;
-                                left: 50%;
-                                top: 50%;
-                                margin-left: -17px;
-                                margin-top: -17px;
-                            }
-                            img {
-                                width: 100%;
-                                height: 100%;
-                            }
-                        }
-                        .title {
-                            margin-top: 10px;
-                            line-height: 22px;
-                        }
-                        
-                    }
-                }
-            }
-        }
-        .mod-game {
-            margin-top: 50px;
-            .mod-title {
-                margin-bottom: 30px;
-                
-            }
-            .game-wrap {
-                @include clearfix;
-                .tab-nav {
-                    width: 270px;
-                    background: #191919;
-                    overflow: hidden;
-                    li {
-                        border-top: 1px solid #333;
-                        margin-top: -1px;
-                        &.is-active {
-                            padding: 17.5px 0;
-                            background-color: #333;
-                            .img-con {
-                                display: block;
-                            }
-                            p {
-                                display: none;
-                            }
-                        }
-                        p {
-                            text-align: center;
-                            color: #999;
-                            font-size: 17px;
-                            line-height: 35px;
-                            cursor: default;
-                        }
-                        .img-con {
-                            width: 269px;
-                            margin-left: 1px;
-                            height: 140px;
-                            overflow: hidden;
-                            display: none;
-                            position: relative;
-                            &:after {
-                                content : "";
-                                display: block;
-                                position: absolute;
-                                right: -1px;
-                                top: 50%;
-                                margin-top: -5px;
-                                @include triangle-left(10px,#333);
-                                z-index: 5;
-                            }
-                            img {
-                                width: 100%;
-                                height: 100%;
-                            }
-                        } 
-                    }
-                }
-                .tab-content {
-                    width: 920px;
-                    background: #333333;
-                    height: 315px;
-                    .content-item {
-                        position: relative;
-                        
-                        .content-con {
-                            @include clearfix;
-                            margin: 25px;
-                            .game-main {
-                                width: 586px;
-                                .main-title {
-                                    color: #fff;
-                                    font-size: 18px;
-                                }
-                                .main-desc {
-                                    @include clearfix;
-                                    margin-top: 15px;
-                                    border-bottom: 1px dashed #999;
-                                    padding-bottom: 20px;
-                                    .desc-details {
-                                        p {
-                                            color: #949494;
-                                            line-height: 20px;
-                                        }
-                                    }
-                                    .desc-tab {
-                                        width: 232px;
-                                        ul {
-                                            @include clearfix;
-                                            margin-right: -10px;
-                                            margin-bottom: -10px;
-                                            li {
-                                                float: left;
-                                                width: 70px;
-                                                margin-right: 10px;
-                                                margin-bottom: 10px;
-                                                a {
-                                                    display: block;
-                                                    text-align: center;
-                                                    line-height: 20px;
-                                                    @include ellipsis;
-                                                    border: 1px solid #3698d7;
-                                                    color: #3698d7;
-                                                    &:hover {
-                                                        text-decoration: none;
-                                                        background: #3698d7;
-                                                        color: #333;
-                                                    }
-                                                }
-                                            }
-                                        }
-                                    }
-                                }
-                                .main-info {
-                                    margin-top: 20px;
-                                    
-                                    p {
-                                        color: #fff;
-                                        font-size: 16px;
-                                        line-height: 32px;
-                                        
-                                            a {
-                                                color: #949494;
-                                                font-size: 14px;
-                                                padding: 0 10px;
-                                                border-left: 1px solid #949494;
-                                                &:first-child {
-                                                    border: none;
-                                                }
-                                                &:hover {
-                                                    text-decoration: none;
-                                                    color: #da280c;
-                                                }
-                                            }
-                                        
-                                        
-                                    }
-                                }
-                            }
-                            .game-side {
-                                width: 246px;
-                                .side-title {
-                                    font-size: 17px;
-                                    line-height: 20px;
-                                    color: #fff;
-                                    margin-bottom: 15px;
-                                }
-                                li {
-                                    a {
-                                        color: #949494;
-                                        @include ellipsis;
-                                        line-height: 25px;
-                                        &:hover {
-                                            text-decoration: none;
-                                            color: #da280c;
-                                        }
-                                        &:before {
-                                            content:" · ";
-                                        }
-                                    }
-                                }
-                            }
-                        }
+		.mod-second {
+			@include clearfix;
+			margin-top: 40px;
+			.info {
+				width: 930px;
+				.g-tab__bd {
+					margin-top: 40px;
+					.g-tab__panel {
+						width: 930px;
+					}
+				}
+			}
+			.hot {
+				width: 240px;
+				.mod-title {
+					margin-bottom: 20px;
 
-                    }
-                       
-                }
-            }
-        }
-        .mod-sales {
+				}
+			}
+		}
+		.mod-video{
+			@include clearfix;
+			margin-top: 50px;
+			.mod-video-new {
+				width: 670px;
+			}
+			.mod-video-fun {
+				width: 500px;
+			}
+			.video-wrap {
+				@include clearfix;
+				margin-top: 30px;
+				margin-right: -10px;
+				margin-bottom: -15px;
+				.video-item {
+					margin-right: 10px;
+					margin-bottom: 15px;
+					float: left;
+					width: 158px;
+					a {
+						display: block;
+						&:hover {
+							@include opacity(0.8);
+							text-decoration: none;
+						}
+						.img-con {
+							width: 158px;
+							height: 88px;
+							overflow: hidden;
+							position: relative;
+							&:hover {
+								&:after {
+									display: block;
+								}
+							}
+							&:after {
+								position: absolute;
+								content: "";
+								display: none;
+								width: 34px;
+								height: 34px;
+								background: url(/src/img/play-icon.png?__sprite) no-repeat;
+								left: 50%;
+								top: 50%;
+								margin-left: -17px;
+								margin-top: -17px;
+								z-index: 20;
+							}
+							img {
+								width: 100%;
+								height: 100%;
+							}
+						}
+						.title {
+							margin-top: 10px;
+							line-height: 22px;
+						}
+
+					}
+				}
+			}
+		}
+		.mod-game {
+			margin-top: 50px;
+			.mod-title {
+				margin-bottom: 30px;
+
+			}
+			.game-wrap {
+				@include clearfix;
+				.tab-nav {
+					width: 270px;
+					background: #191919;
+					overflow: hidden;
+					li {
+						border-top: 1px solid #333;
+						margin-top: -1px;
+						&.is-active {
+							padding: 17.5px 0;
+							background-color: #333;
+							.img-con {
+								display: block;
+							}
+							p {
+								display: none;
+							}
+						}
+						p {
+							text-align: center;
+							color: #999;
+							font-size: 17px;
+							line-height: 35px;
+							cursor: default;
+						}
+						.img-con {
+							width: 269px;
+							margin-left: 1px;
+							height: 140px;
+							overflow: hidden;
+							display: none;
+							position: relative;
+							&:after {
+								content: "";
+								display: block;
+								position: absolute;
+								right: -1px;
+								top: 50%;
+								margin-top: -5px;
+								@include triangle-left(10px, #333);
+								z-index: 5;
+							}
+							img {
+								width: 100%;
+								height: 100%;
+							}
+						}
+					}
+				}
+				.tab-content {
+					width: 920px;
+					background: #333333;
+					height: 315px;
+					.content-item {
+						position: relative;
+
+						.content-con {
+							@include clearfix;
+							margin: 25px;
+							.game-main {
+								width: 586px;
+								.main-title {
+									color: #fff;
+									font-size: 18px;
+								}
+								.main-desc {
+									@include clearfix;
+									margin-top: 15px;
+									border-bottom: 1px dashed #999;
+									padding-bottom: 20px;
+									.desc-details {
+										p {
+											color: #949494;
+											line-height: 20px;
+										}
+									}
+									.desc-tab {
+										width: 232px;
+										ul {
+											@include clearfix;
+											margin-right: -10px;
+											margin-bottom: -10px;
+											li {
+												float: left;
+												width: 70px;
+												margin-right: 10px;
+												margin-bottom: 10px;
+												a {
+													display: block;
+													text-align: center;
+													line-height: 20px;
+													@include ellipsis;
+													border: 1px solid #3698d7;
+													color: #3698d7;
+													&:hover {
+														text-decoration: none;
+														background: #3698d7;
+														color: #333;
+													}
+												}
+											}
+										}
+									}
+								}
+								.main-info {
+									margin-top: 20px;
+
+									p {
+										color: #fff;
+										font-size: 16px;
+										line-height: 32px;
+
+										a {
+											color: #949494;
+											font-size: 14px;
+											padding: 0 10px;
+											border-left: 1px solid #949494;
+											&:first-child {
+												border: none;
+											}
+											&:hover {
+												text-decoration: none;
+												color: #da280c;
+											}
+										}
+
+									}
+								}
+							}
+							.game-side {
+								width: 246px;
+								.side-title {
+									font-size: 17px;
+									line-height: 20px;
+									color: #fff;
+									margin-bottom: 15px;
+								}
+								li {
+									a {
+										color: #949494;
+										@include ellipsis;
+										line-height: 25px;
+										&:hover {
+											text-decoration: none;
+											color: #da280c;
+										}
+										&:before {
+											content: " · ";
+										}
+									}
+								}
+							}
+						}
+
+					}
+
+				}
+			}
+		}
+		.mod-sales {
+			margin-top: 50px;
+			.mod-title {
+				margin-bottom: 30px;
+
+			}
+			.sales-wrap {
+				@include clearfix;
+				.sales-tb {
+					width: 790px;
+					h2 {
+						border: 1px solid #999;
+						text-align: center;
+						font-size: 17px;
+						line-height: 35px;
+					}
+					.sales-list-wrap {
+						width: 790px;
+						@include clearfix;
+						.sales-list {
+							width: 100%;
+							.list-wrap {
+								@include clearfix;
+								height: 648px;
+								li {
+									float: left;
+									width: 50%;
+									&:nth-of-type(2n-1) {
+										background-color: transparent;
+									}
+									&:nth-of-type(4n+1) {
+										background-color: #ececec;
+									}
+									&:nth-of-type(4n+2) {
+										background-color: #ececec;
+									}
+
+								}
+							}
+						}
+					}
+					.all {
+						display: block;
+						background: #666;
+						text-align: center;
+						line-height: 36px;
+						text-align: center;
+						font-size: 16px;
+						color: #fff;
+						&:hover {
+							text-decoration: none;
+							color: #fff;
+						}
+					}
+
+				}
+				.sales-rank {
+					width: 370px;
+					margin-bottom: -40px;
+					.sales-rank-content {
+						border: 1px solid #999;
+						margin-bottom: 40px;
+						.rank-title {
+							@include clearfix;
+							padding: 0 10px;
+							line-height: 30px;
+							border-bottom: 1px solid #ececec;
+							.title {
+								font-size: 15px;
+							}
+							.rate {
+								font-size: 14px;
+								color: $hovercolor;
+							}
+						}
+						.rank-item {
+							@include clearfix;
+							line-height: 31px;
+							&:nth-of-type(1) {
+								i {
+									background: $hovercolor;
+								}
+								span {
+									color: $hovercolor;
+								}
+							}
+							&:nth-of-type(2) {
+								i {
+									background: $hovercolor;
+								}
+								span {
+									color: $hovercolor;
+								}
+							}
+							&:nth-of-type(3) {
+								i {
+									background: $hovercolor;
+								}
+								span {
+									color: $hovercolor;
+								}
+							}
+							i {
+								width: 15px;
+								height: 15px;
+								float: left;
+								color: #fff;
+								background: #999;
+								margin-left: 10px;
+								margin-right: 15px;
+								text-align: center;
+								@include inline-block;
+								vertical-align: middle;
+								margin-top: 7px;
+								line-height: 15px;
+								font-size: 12px;
+							}
+							a {
+								float: left;
+							}
+							span {
+								float: right;
+								margin-right: 10px;
+							}
+						}
+					}
+				}
+			}
+		}
+        .mod-cloudPlay{
             margin-top: 50px;
-            .mod-title {
-                margin-bottom: 30px;
-            }
-            .sales-wrap {
-                @include clearfix;
-                .sales-tb {
-                    width: 790px;
-                    h2 {
-                        border: 1px solid #999;
-                        text-align: center;
-                        font-size: 17px;
-                        line-height: 35px;
-                    }
-                    .sales-list-wrap {
-                        width: 790px;
-                        @include clearfix;
-                        .sales-list {
-                            width: 100%;
-                            .list-wrap {
-                                @include clearfix;
-                                height: 648px;
-                                li {
-                                    float: left;
-                                    width: 50%;
-                                    &:nth-of-type(2n-1){
-                                        background-color: transparent;
-                                    }
-                                    &:nth-of-type(4n+1){
-                                        background-color: #ececec;
-                                    }
-                                    &:nth-of-type(4n+2){
-                                        background-color: #ececec;
-                                    }
-                                    
-                                }
-                            }
-                        }
-                    }
-                    .all {
-                        display: block;
-                        background: #666;
-                        text-align: center;
-                        line-height: 36px;
-                        text-align: center;
-                        font-size: 16px;
-                        color: #fff;
-                        &:hover {
-                            text-decoration: none;
-                            color: #fff;
-                        }
-                    } 
-                    
-                }
-                .sales-rank {
-                     width: 370px;
-                     margin-bottom: -40px;
-                     .sales-rank-content {
-                         border: 1px solid #999;
-                         margin-bottom: 40px;
-                         .rank-title {
-                             @include clearfix;
-                             padding: 0 10px;
-                             line-height: 30px;
-                             border-bottom: 1px solid #ececec;
-                             .title {
-                                 font-size: 15px;
-                             }
-                            .rate {
-                                font-size: 14px;
-                                color: $hovercolor;
-                            }
-                         }
-                        .rank-item {
-                            @include clearfix;
-                            line-height: 31px;
-                            &:nth-of-type(1) {
-                                i {
-                                    background: $hovercolor;
-                                }
-                                span {
-                                    color: $hovercolor;
-                                }
-                            }
-                            &:nth-of-type(2) {
-                                i {
-                                    background: $hovercolor;
-                                }
-                                span {
-                                    color: $hovercolor;
-                                }
-                            }
-                            &:nth-of-type(3) {
-                                i {
-                                    background: $hovercolor;
-                                }
-                                span {
-                                    color: $hovercolor;
-                                }
-                            }
-                            i {
-                                width: 15px;
-                                height: 15px;
-                                float: left;
-                                color: #fff;
-                                background: #999;
-                                margin-left: 10px;
-                                margin-right: 15px;
-                                text-align: center;
-                                @include inline-block;
-                                vertical-align: middle;
-                                margin-top: 7px;
-                                line-height: 15px;
-                                font-size: 12px;
-                                text-align: center;
-                            }
-                            a {
-                                float: left;
-                            }
-                            span {
-                                float: right;
-                                margin-right: 10px;
-                            }
-                        }
-                     }
-                }
-            }
-        }
-    }
-    .g-sidebar{
-        position: fixed;
-        width: 60px;
-        left: 50%;
-        top: 30%;
-        margin-left: 622px;
-        text-align: center;
-        color: #ccc;
-        font-size: 12px;
-        @media screen and (max-width: 1400px) and (min-width: 1280px) {
-            margin-left: 580px;
-        }
-        @media screen and (max-width: 1280px) {
-            display: none;
-        }
-        .aside-menu{
-        }
-        .aside-menu__item{
-            border: 1px solid #F0F0F0;
-            margin-top: -1px;
-            background-color: #FFFFFF;
-            a{
-                height: 40px;
-                line-height: 40px;
-                display: block;
-                color: #8c8c8c;
-                outline: none;
-                &.active,&:hover {
-                    background-color: #2c2c2c;
-                    text-decoration: none;
-                    color: #FFFFFF;
-                }
-            }
-        }
-        .aside-totop{
-            margin-left: 1px;
-            width: 58px;
-            height: 40px;
-            cursor: pointer;
-            background: url(../img/icon-backtotop.png) no-repeat;
         }
-    }
+	}
+	.g-sidebar {
+		position: fixed;
+		width: 60px;
+		left: 50%;
+		top: 30%;
+		margin-left: 622px;
+		text-align: center;
+		color: #ccc;
+		font-size: 12px;
+		@media screen and (max-width: 1400px) and (min-width: 1280px) {
+			margin-left: 580px;
+		}
+		@media screen and (max-width: 1280px) {
+			display: none;
+		}
+		.aside-menu {
+		}
+		.aside-menu__item {
+			border: 1px solid #F0F0F0;
+			margin-top: -1px;
+			background-color: #FFFFFF;
+			a {
+				height: 40px;
+				line-height: 40px;
+				display: block;
+				color: #8c8c8c;
+				outline: none;
+				&.active, &:hover {
+					background-color: #2c2c2c;
+					text-decoration: none;
+					color: #FFFFFF;
+				}
+			}
+		}
+		.aside-totop {
+			margin-left: 1px;
+			width: 58px;
+			height: 40px;
+			cursor: pointer;
+			background: url(../img/icon-backtotop.png) no-repeat;
+		}
+	}
 
 }

+ 22 - 8
2017专区/绝地求生/src/_index_new.html

@@ -506,11 +506,11 @@
                         <h2>
                             <i class="icon-hall-fame"></i>绝地名人堂</h2>
                         <div class="g-index-hr">
-                            <ul class="ui-slide__nav" data-switchable-role="nav">
+                          <!--   <ul class="ui-slide__nav" data-switchable-role="nav">
                                 <li class="ui-slide__trigger is-active"></li>
                                 <li class="ui-slide__trigger"></li>
                                 <li class="ui-slide__trigger"></li>
-                            </ul>
+                            </ul> -->
                         </div>
                     </div>
                     <div class="ui-hallfame-cont">
@@ -531,12 +531,12 @@
                                 </a>
                             </li>
                         </ul>
-                        <span class="ui-slide__prev" data-switchable-role="prev">
+                        <!-- <span class="ui-slide__prev" data-switchable-role="prev">
                             <i class="ui-icon"></i>
                         </span>
                         <span class="ui-slide__next" data-switchable-role="next">
                             <i class="ui-icon"></i>
-                        </span>
+                        </span> -->
                     </div>
                 </div>
 
@@ -1223,6 +1223,15 @@
                                                 </div>
                                             </a>
                                         </li>
+                                        <li class="g-col-gItem">
+                                            <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                <div class="gItem-pic">
+                                                    <img src="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg" alt="守望先锋午时已到第23期:这期又是大锤">
+                                                    <div class="gItem-mask"></div>
+                                                    <span class="gItem-desc">标题标题标题</span>
+                                                </div>
+                                            </a>
+                                        </li>
                                     </ul>
                                     <ul class="intro-text-list">
                                         <li>
@@ -1257,11 +1266,16 @@
                                                 <a href="" title="" class="link-smaller">救人操作</a>
                                             </p>
                                         </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                            <a href="" title="">救人操作方法</a>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
                                     </ul>
                                 </div>
                             </div>
 
-                            <div class="mod-guide g-col-816">
+                           <!--  <div class="mod-guide g-col-816">
                                 <div class="mod-title gray-skin">
                                     <h2>武器装备
                                         <i></i>
@@ -1410,14 +1424,14 @@
                                         </li>
                                     </ul>
                                 </div>
-                            </div>
+                            </div> -->
                         </div>
 
-                        <div class="strategy-mod-fr">
+                       <!--  <div class="strategy-mod-fr">
                             <div class="g-col-304 weibo-show">
                                 <iframe width="100%" height="550" class="share_self" frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=1&ptype=1&speed=0&skin=1&isTitle=1&noborder=1&isWeibo=1&isFans=1&uid=6477133187&verifier=ffe8ad57&dpc=1"></iframe>
                             </div>
-                        </div>
+                        </div> -->
                     </div>
                 </div>
                 <!-- 攻略中心 e-->

+ 20 - 6
2017专区/绝地求生/src/sass/global-new.scss

@@ -345,6 +345,9 @@ hot-cate;
                 background: $maincolor;
             }
         }
+        ul{
+            float: right;
+        }
     }
     .g-tab__nav {
         @include clearfix;
@@ -1130,7 +1133,10 @@ hot-cate;
 
 .dw-mod-video {
     .mod-large-title {
-        margin-bottom: 20px;
+        margin-bottom: 7px;
+        h2{
+            position: absolute;
+        }
     }
     .link-more {
         display: block;
@@ -1368,8 +1374,8 @@ hot-cate;
     }
     margin-top: 16px;
     .strategy-mod-fl {
-        float: left;
-        width: 802px;
+        // float: left;
+        // width: 802px;
     }
     .strategy-mod-fr {
         float: right;
@@ -1396,6 +1402,14 @@ hot-cate;
     }
     .intro-img-list {
         margin-right: -20px;
+        .g-col-gItem{
+            width:212px;
+            margin: 0 19px 16px 0;
+            .gItem-pic{
+                width:212px;
+                height:118px;
+            }
+        }
     }
     .mod-intro,
     .mod-guide {
@@ -1412,8 +1426,8 @@ hot-cate;
         font-size: 0;
         li {
             @include inline-block;
-            width: 185px;
-            margin-right: 20px;
+            width: 212px;
+            margin-right: 19px;
             text-align: center;
             font-size: 14px;
             line-height: 30px;
@@ -1427,7 +1441,7 @@ hot-cate;
                 color: $baseColor;
                 &.link-smaller {
                     float: left;
-                    width: 84px;
+                    width: 98px;
                     margin-left: 16px;
                     &:first-child {
                         margin-left: 0;

+ 135 - 0
2017专区/艾兰岛/fis-conf.js

@@ -0,0 +1,135 @@
+var version = '';
+var path = '/zq2018/ylands/';
+
+fis.set('project.files', ['*.html', 'map.json']);
+fis.set('project.exclude', ['tpl/**.tmpl', '_dest/**']);
+
+fis.hook('commonjs', {
+    baseUrl: './src/modules',
+    extList: ['.js']
+});
+
+// 开启同名依赖
+fis.match('/src/modules/**', {
+    useSameNameRequire: true
+});
+
+// fis.match('/lib/**.js', {
+//     release: version + '/$1',
+//     packTo: 'lib.js'
+// });
+
+// 允许你在 js 中直接 require css+文件
+// fis.match('*.{js,es}', {
+//     preprocessor: [
+//         fis.plugin('js-require-file'),
+//         fis.plugin('js-require-css', {
+//             mode: 'dependency'
+//         })
+//     ]
+// });
+
+/*设置发布路径*/
+fis.match(/^\/src\/(.*)/i, {
+    release: version + '/$1', 
+    // url: version + '/$1'
+});
+
+// 配置图片压缩
+fis.match('**.png', {
+    optimizer: fis.plugin('png-compressor', {
+        type: 'pngquant'
+    })
+});
+
+/*Sprite背景图移到staticPub/images*/
+fis.match(/^\/sass\/(.*\.(png|jpg|gif|jpeg))$/i, {
+    release: 'img/sprite/$1',
+    url: 'img/sprite/$1'
+});
+
+fis.match(/^\/src\/sass\/((.*)\.(css|less|scss|sass))$/i, {
+    rExt: '.css',
+    useSprite: true,
+    parser: fis.plugin('node-sass'),
+    postprocessor: fis.plugin('autoprefixer', {
+        browsers: ['> 1%', 'last 2 versions'],
+        cascade: true
+    }),
+    release: version + '/css/$1', 
+    url: './css/$1'
+}).match('_*.scss', {
+    release: false
+})
+
+/*对CSS中的图片进行合并,包括html中的内联样式*/
+fis.match('*.{css,html,tpl}', {
+    useSprite: true,
+});
+
+fis.match('*.tmpl', {
+    isJsLike: true,
+    release: false,
+    parser: fis.plugin('utc')
+})
+
+fis.match(/^\/src\/modules\/(.*\.js)$/i, {
+    isMod: true
+});
+
+/*css压缩*/
+fis.match('*.css', {
+    optimizer: fis.plugin('clean-css')
+});
+
+
+/*启用 fis-spriter-csssprites 插件*/
+fis.match('::package', {
+    spriter: fis.plugin('csssprites',{
+        margin: 20,
+        htmlUseSprite: true,/*开启模板内联css处理*/
+        styleReg: /(<style(?:(?=\s)[\s\S]*?["'\s\w\/\-]>|>))([\s\S]*?)(<\/style\s*>|$)/ig
+    }),
+    postpackager: fis.plugin('loader', {
+        resourceType: 'commonJs',
+        useInlineMap: true // 资源映射表内嵌
+    })
+});
+
+/*图片文件域名配置*/
+fis.media('dev').match('*.{jpg,png,jpeg,gif,css,js}', {
+    domain: '../../',
+});
+
+fis.media('prod').match('*.{jpg,png,jpeg,gif,css,scss,js,woff,ttf,svg,eot}', {
+    domain: 'http://pub.dwstatic.com' + path,
+}).match('::package', {
+    postpackager: fis.plugin('loader', {
+        allInOne: {
+            resourceType: 'mod',
+            js: function (file) {
+                return version + 'js/' + file.filename + ".js";
+            },
+            css: function (file) {
+                return version + 'css/' + file.filename + ".css";
+            }
+        },
+        resoucemap: version + 'js/${filepath}_map.js',
+    })
+}).match('*.js', {
+    optimizer: fis.plugin('uglify-js',{
+        mangle: {
+            except: 'exports, module, require, define'
+        }
+    })
+}).match('*.{js,css,png,jpg,gif,swf}', {
+    useHash: true
+}).match(/^\/src\/modules\/(.*\.js)$/i, {
+    useHash: false
+}).match(/^\/src\/sass\/((.*)\.(css|less|scss|sass))$/i, {
+    url: version + 'css/$1',
+    optimizer: fis.plugin('clean-css'),
+    useHash: true
+}).match('sass/(**.png)', {
+    release: version + 'img/sprite/$1'
+});

+ 1 - 0
2017专区/艾兰岛/map.json

@@ -0,0 +1 @@
+__RESOURCE_MAP__

+ 10 - 0
2017专区/艾兰岛/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "sa",
+  "version": "1.1.0",
+  "description": "FED Workflow",
+  "main": "index.js",
+  "scripts": {
+    "debug": "fis3 server restart && fis3 release dev -w ",
+    "build": "fis3 release prod -d ../../../pub/zq2018/ylands/"
+  }
+}

+ 117 - 0
2017专区/艾兰岛/src/_artical.html

@@ -0,0 +1,117 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="Keywords" content="多玩游戏">
+    <meta name="description" content="">
+    <title>多玩游戏网</title>
+    <link href="sass/global.scss" rel="stylesheet">
+    <script src="lib/jq_lego.js"></script><!--ignore-->
+
+</head>
+
+<body>
+    <script src="http://www.duowan.com/public/s/i/navbar/navbar.js" charset="utf-8"></script><!--ignore-->
+
+    <div class="g-body page-artical">
+
+        <link rel="import" href="modules/common/header.html?__inline">
+
+        <div class="dw-mod-content">
+            <div class="g-inner">
+    
+                <!-- 面包屑{ -->
+                <div class="dw-mod-crumbs">
+                    <span>当前位置:</span><a href="#">多玩首页</a> > <a href="">电视游戏频道</a> > <a href="">攻略</a> > 文章名称
+                </div>
+                <!-- 面包屑} -->
+    
+                <div class="dw-mod-artical">
+                    <div class="dw-mod">
+                        <div class="artical-wrap bottom">
+                            <div class="box-hd">
+                                <h1 class="art-title">LCK教练谈训练赛:负面影响更大</h1>
+                                <div class="art-panel">
+                                    <div class="share-wrap clearfix">
+                                        <div class="bdsharebuttonbox article-share">
+                                            <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
+                                            <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
+                                            <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
+                                            <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
+                                            <a href="#" class="bds_more" data-cmd="more"></a>
+                                        </div>
+                                    </div>
+                                    <p class="art-info">
+                                        <span><em id="voteCount">3</em>个赞</span>
+                                        <span>作者:迦南</span>
+                                        <span>2016-09-20 18:42:11 </span>
+                                    </p>
+                                </div>
+                                
+    
+                                <div class="art-summary">
+                                    <div class="label"><div class="text">小编前言</div></div>
+                                    <div class="content">
+                                        <p>哈喽小伙伴们,新的一期手游抢鲜看和大家见面啦!本期节目同样是猛料多多哟!EA出品经典模拟城市登机双平台,吼吼!我是要成为市长的男人~</p>
+                                    </div>
+                                    
+                                </div>
+                            </div>
+                            <div class="box-bd">
+                                
+    <p style="text-align:center;"><img src="http://img3.dwstatic.com/tv/1710/371560681044/1507605487893.jpg" alt="《火焰纹章无双》官方基础操作方法、游戏画面介绍" /></p>
+    <!-- <p style="text-align: center;"><img src="http://img2.dwstatic.com/tv/1710/370948834931/1506994519346.jpg" alt="《火焰纹章无双》全部角色加入条件一览" /></p>
+    <p style="text-align: center;"><img src="http://img2.dwstatic.com/tv/1710/370948834931/1506994519465.jpg" alt="《火焰纹章无双》全部角色加入条件一览" /></p> -->
+    
+                            </div>
+                            <div class="box-ft">
+                                <div class="btn-like">
+                                    赞打赏
+                                </div>
+                                
+                                <div class="comment-wrap">
+                                    $comment
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div style="display: none">
+                        <div id="article" data-article="197988987041"></div>
+                        <div id="title" data-title="2333"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script src="lib/mod.js"></script>
+    <script>
+        function parseText(id,xmlObj) {
+            var node = XPath.selectSingleNode(xmlObj,"xml/article/status/total");
+            var num = node.getAttribute('value')
+            $('#voteCount').text(num)
+        }
+        require('modules/pages/artical.js');
+    </script>  
+
+    <!-- S 模板-导航底部 -->
+    <script src="http://www.duowan.com/assets/js/duowanFooter.js" charset="utf-8"></script><!--ignore-->
+    <!-- E 模板-导航底部 -->
+    <script>
+        window._bd_share_config = {
+            "common": {
+                "bdSnsKey": {},
+                "bdMini": "1",
+                "bdMiniList": ["tieba", "douban", "bdhome", "tqq"],
+                "bdStyle": "1",
+                "bdSize": "40"
+            },
+            "share": {}
+        };
+        with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
+    </script>
+</body>
+
+</html>

+ 146 - 0
2017专区/艾兰岛/src/_artical_sidebar.html

@@ -0,0 +1,146 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="Keywords" content="多玩游戏">
+    <meta name="description" content="">
+    <title>多玩游戏网</title>
+    <link href="sass/global.scss" rel="stylesheet">
+    <script src="lib/jq_lego.js"></script><!--ignore-->
+
+</head>
+
+<body>
+    <script src="http://www.duowan.com/public/s/i/navbar/navbar.js" charset="utf-8"></script><!--ignore-->
+
+    <div class="g-body page-artical">
+
+        <link rel="import" href="modules/common/header.html?__inline">
+
+        <div class="dw-mod-content">
+            <div class="g-inner">
+    
+                
+    
+                <div class="dw-mod-artical clearfix">
+                    <!-- main bar{ -->
+                    <div class="dw-mod-fl fl">
+                        <!-- 面包屑{ -->
+                        <div class="dw-mod-crumbs">
+                            <span>当前位置:</span>
+                            <a href="#">多玩首页</a> >
+                            <a href="">电视游戏频道</a> >
+                            <a href="">攻略</a> > 文章名称
+                        </div>
+                        <!-- 面包屑} -->
+                        <div class="dw-mod-artical">
+                            <div class="dw-mod">
+                                <div class="artical-wrap bottom">
+                                    <div class="box-hd">
+                                        <h1 class="art-title">LCK教练谈训练赛:负面影响更大</h1>
+                                        <div class="art-panel">
+                                            <div class="share-wrap clearfix">
+                                                <div class="bdsharebuttonbox article-share">
+                                                    <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
+                                                    <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
+                                                    <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
+                                                    <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
+                                                    <a href="#" class="bds_more" data-cmd="more"></a>
+                                                </div>
+                                            </div>
+                                            <p class="art-info">
+                                                <span><em id="voteCount">3</em>个赞</span>
+                                                <span>作者:迦南</span>
+                                                <span>2016-09-20 18:42:11 </span>
+                                            </p>
+                                        </div>
+                
+                
+                                        <div class="art-summary">
+                                            <div class="label">
+                                                <div class="text">小编前言</div>
+                                            </div>
+                                            <div class="content">
+                                                <p>哈喽小伙伴们,新的一期手游抢鲜看和大家见面啦!本期节目同样是猛料多多哟!EA出品经典模拟城市登机双平台,吼吼!我是要成为市长的男人~</p>
+                                            </div>
+                
+                                        </div>
+                                    </div>
+                                    <div class="box-bd">
+                
+                                        <p style="text-align:center;">
+                                            <img src="http://img3.dwstatic.com/tv/1710/371560681044/1507605487893.jpg" alt="《火焰纹章无双》官方基础操作方法、游戏画面介绍"
+                                            />
+                                        </p>
+                                        <!-- <p style="text-align: center;"><img src="http://img2.dwstatic.com/tv/1710/370948834931/1506994519346.jpg" alt="《火焰纹章无双》全部角色加入条件一览" /></p>
+                                <p style="text-align: center;"><img src="http://img2.dwstatic.com/tv/1710/370948834931/1506994519465.jpg" alt="《火焰纹章无双》全部角色加入条件一览" /></p> -->
+                
+                                    </div>
+                                    <div class="box-ft">
+                                        <div class="btn-like">
+                                            赞打赏
+                                        </div>
+                
+                                        <div class="comment-wrap">
+                                            $comment
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="dw-mod-fr">
+                                <!-- <link rel="import" href="modules/common/aside.html?__inline"> -->
+                            </div>
+                        </div>
+                
+                    </div>
+                    <!-- main bar} -->
+                    
+                    <!-- 侧边栏{ -->
+                    <div class="dw-mod-fr fr">
+                        <div class="aside-wrap">
+                            <link rel="import" href="modules/common/hot.html?__inline">
+                            <link rel="import" href="modules/common/rank.html?__inline">
+                        </div>
+                    </div>
+                    <!-- 侧边栏{ -->
+                </div>
+
+                <div style="display: none">
+                    <div id="article" data-article="197988987041"></div>
+                    <div id="title" data-title="2333"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script src="lib/mod.js"></script>
+    <script>
+        function parseText(id,xmlObj) {
+            var node = XPath.selectSingleNode(xmlObj,"xml/article/status/total");
+            var num = node.getAttribute('value')
+            $('#voteCount').text(num)
+        }
+        require('modules/pages/artical.js');
+    </script>  
+
+    <!-- S 模板-导航底部 -->
+    <script src="http://www.duowan.com/assets/js/duowanFooter.js" charset="utf-8"></script><!--ignore-->
+    <!-- E 模板-导航底部 -->
+    <script>
+        window._bd_share_config = {
+            "common": {
+                "bdSnsKey": {},
+                "bdMini": "1",
+                "bdMiniList": ["tieba", "douban", "bdhome", "tqq"],
+                "bdStyle": "1",
+                "bdSize": "40"
+            },
+            "share": {}
+        };
+        with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
+    </script>
+</body>
+
+</html>

+ 185 - 0
2017专区/艾兰岛/src/_artical_stategy.html

@@ -0,0 +1,185 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="Keywords" content="多玩游戏">
+    <meta name="description" content="">
+    <title>多玩游戏网</title>
+    <link href="sass/global.scss" rel="stylesheet">
+    <script src="lib/jq_lego.js"></script><!--ignore-->
+
+</head>
+
+<body>
+    <script src="http://www.duowan.com/public/s/i/navbar/navbar.js" charset="utf-8"></script><!--ignore-->
+
+    <div class="g-body page-artical">
+
+        <link rel="import" href="modules/common/header.html?__inline">
+
+        <div class="dw-mod-content">
+            <div class="g-inner">
+    
+                
+    
+                <div class="dw-mod-artical clearfix">
+                    <!-- 侧边栏{ -->
+                    <div class="dw-mod-fr fl">
+                        <div class="mod-catalog">
+                            <div class="catalog-cover">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                </a>
+                            </div>
+                            <ul class="catalog-wrap">
+                                <li class="catalog-item cur">
+                                    <p class="catalog-lv1">系统介绍</p>
+                                    <div class="lv2-wrap" style="display: block;">
+                                        <p class="catalog-lv2"><a href="">矮人支线任务</a></p>
+                                        <p class="catalog-lv2"><a href="">矮人支线任务</a></p>
+                                        <p class="catalog-lv2"><a href="">矮人支线任务</a></p>
+                                        <p class="catalog-lv2"><a href="">矮人支线任务矮人支线任务矮人支线任务矮人支线任务</a></p>
+                                        
+                                    </div>
+                                    
+                                </li>
+                                <li class="catalog-item">
+                                    <p class="catalog-lv1">系统介绍</p>
+                                    <div class="lv2-wrap">
+                                        <p class="catalog-lv2"><a href="">矮人支线任务</a></p>
+                                        <p class="catalog-lv2"><a href="">矮人支线任务</a></p>
+                                        <p class="catalog-lv2"><a href="">矮人支线任务</a></p>
+                                        <p class="catalog-lv2"><a href="">矮人支线任务矮人支线任务矮人支线任务矮人支线任务</a></p>
+                                        
+                                    </div>
+                                    
+                                </li>
+                                <li class="catalog-item ">
+                                    <p class="catalog-lv1">系统介绍</p>
+                                    <div class="lv2-wrap">
+                                        <p class="catalog-lv2"><a href="">矮人支线任务</a></p>
+                                        <p class="catalog-lv2"><a href="">矮人支线任务</a></p>
+                                        <p class="catalog-lv2"><a href="">矮人支线任务</a></p>
+                                        <p class="catalog-lv2"><a href="">矮人支线任务矮人支线任务矮人支线任务矮人支线任务</a></p>
+                                        
+                                    </div>
+                                    
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <!-- 侧边栏{ -->
+
+
+
+                    <!-- main bar{ -->
+                    <div class="dw-mod-fl fr">
+                        <!-- 面包屑{ -->
+                        <div class="dw-mod-crumbs">
+                            <span>当前位置:</span>
+                            <a href="#">多玩首页</a> >
+                            <a href="">电视游戏频道</a> >
+                            <a href="">攻略</a> > 文章名称
+                        </div>
+                        <!-- 面包屑} -->
+                        <div class="dw-mod-artical">
+                            <div class="dw-mod">
+                                <div class="artical-wrap bottom">
+                                    <div class="box-hd">
+                                        <h1 class="art-title">LCK教练谈训练赛:负面影响更大</h1>
+                                        <div class="art-panel">
+                                            <div class="share-wrap clearfix">
+                                                <div class="bdsharebuttonbox article-share">
+                                                    <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
+                                                    <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
+                                                    <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
+                                                    <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
+                                                    <a href="#" class="bds_more" data-cmd="more"></a>
+                                                </div>
+                                            </div>
+                                            <p class="art-info">
+                                                <span><em id="voteCount">3</em>个赞</span>
+                                                <span>作者:迦南</span>
+                                                <span>2016-09-20 18:42:11 </span>
+                                            </p>
+                                        </div>
+                
+                
+                                        <div class="art-summary">
+                                            <div class="label">
+                                                <div class="text">小编前言</div>
+                                            </div>
+                                            <div class="content">
+                                                <p>哈喽小伙伴们,新的一期手游抢鲜看和大家见面啦!本期节目同样是猛料多多哟!EA出品经典模拟城市登机双平台,吼吼!我是要成为市长的男人~</p>
+                                            </div>
+                
+                                        </div>
+                                    </div>
+                                    <div class="box-bd">
+                
+                                        <p style="text-align:center;">
+                                            <img src="http://img3.dwstatic.com/tv/1710/371560681044/1507605487893.jpg" alt="《火焰纹章无双》官方基础操作方法、游戏画面介绍"
+                                            />
+                                        </p>
+                                        <!-- <p style="text-align: center;"><img src="http://img2.dwstatic.com/tv/1710/370948834931/1506994519346.jpg" alt="《火焰纹章无双》全部角色加入条件一览" /></p>
+                                <p style="text-align: center;"><img src="http://img2.dwstatic.com/tv/1710/370948834931/1506994519465.jpg" alt="《火焰纹章无双》全部角色加入条件一览" /></p> -->
+                
+                                    </div>
+                                    <div class="box-ft">
+                                        <div class="btn-like">
+                                            赞打赏
+                                        </div>
+                
+                                        <div class="comment-wrap">
+                                            $comment
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="dw-mod-fr">
+                                <!-- <link rel="import" href="modules/common/aside.html?__inline"> -->
+                            </div>
+                        </div>
+                
+                    </div>
+                    <!-- main bar} -->
+                    <div style="display: none">
+                        <div id="article" data-article="197988987041"></div>
+                        <div id="title" data-title="2333"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script src="lib/mod.js"></script>
+    <script>
+        function parseText(id,xmlObj) {
+            var node = XPath.selectSingleNode(xmlObj,"xml/article/status/total");
+            var num = node.getAttribute('value')
+            $('#voteCount').text(num)
+        }
+        require('modules/pages/artical.js');
+    </script>  
+
+    <!-- S 模板-导航底部 -->
+    <script src="http://www.duowan.com/assets/js/duowanFooter.js" charset="utf-8"></script><!--ignore-->
+    <!-- E 模板-导航底部 -->
+    <script>
+        window._bd_share_config = {
+            "common": {
+                "bdSnsKey": {},
+                "bdMini": "1",
+                "bdMiniList": ["tieba", "douban", "bdhome", "tqq"],
+                "bdStyle": "1",
+                "bdSize": "40"
+            },
+            "share": {}
+        };
+        with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
+    </script>
+</body>
+
+</html>

+ 1633 - 0
2017专区/艾兰岛/src/_index.html

@@ -0,0 +1,1633 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="Keywords" content="多玩游戏">
+    <meta name="description" content="">
+    <title>多玩游戏网</title>
+    <link href="sass/global.scss" rel="stylesheet">
+    <script src="lib/jq_lego.js"></script><!--ignore-->
+</head>
+
+<body data-id="index">
+    <script src="http://www.duowan.com/public/s/i/navbar/navbar.js" charset="utf-8"></script><!--ignore-->
+
+    <div class="page-index">
+        <!-- 公共头部{ -->
+        <link rel="import" href="modules/common/header.html?__inline">
+        <!-- 公共头部} -->
+
+
+        <div class="dw-mod-content">
+            <div class="g-inner">
+                <div class="dw-mod-index">
+                    <!-- 首屏{ -->
+                    <div class="mod-primary" id="d1">
+                        <!-- 头图&论坛{ -->
+                        <div class="col-1">
+                            <!-- 头图{ -->
+                            <div class="swiper-container">
+                                <div class="swiper-wrapper">
+                                    <div class="swiper-slide">
+                                        <a href="#">
+                                            <div class="img-con">
+                                                <img src="http://fed.webdev.ouj.com/668x339" />
+                                            </div>
+                                            <p class="title">COD二战预售超火爆 世界观前瞻带你进入战火世界</p>
+                                        </a>
+                                    </div>
+                                    <div class="swiper-slide">
+                                        <a href="#">
+                                            <div class="img-con">
+                                                <img src="http://fed.webdev.ouj.com/668x339" />
+                                            </div>
+                                            <p class="title">COD二战预售超火爆 世界观前瞻带你进入战火世界</p>
+                                        </a>
+                                    </div>
+                                    <div class="swiper-slide">
+                                        <a href="#">
+                                            <div class="img-con">
+                                                <img src="http://fed.webdev.ouj.com/668x339" />
+                                            </div>
+                                            <p class="title">COD二战预售超火爆 世界观前瞻带你进入战火世界</p>
+                                        </a>
+                                    </div>
+                                </div>
+                                <!-- Add Pagination -->
+                                <div class="swiper-pagination"></div>
+                            </div>
+                            <!-- 头图} -->
+                            <!-- 论坛{ -->
+                            <div class="bbs" data-role="tab-bbs">
+                                <div class="mod-title">
+                                    <h2>论坛热帖</h2>
+                                    <ul class="tab-wrap g-tab__nav" data-switchable-role="nav">
+                                        <li class="g-tab__trigger is-active">全部</li>
+                                        <li class="g-tab__trigger">热门</li>
+                                        <li class="g-tab__trigger">最新</li>
+                                    </ul>
+                                    <a href="" class="link-more link-news" target="_blank">更多</a>
+                                    
+                                </div>
+                                <div class="g-tab__bd" data-switchable-role="content">
+                                    <div class="g-tab__panel">
+                                        <ul class="bbs-list">
+                                            <li>
+                                                <p><a href="">大话22免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            
+                                        </ul>
+                                    </div>
+                                    <div class="g-tab__panel u-hide">
+                                        <ul class="bbs-list">
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            
+                                        </ul>
+                                    </div>
+                                    <div class="g-tab__panel u-hide">
+                                        <ul class="bbs-list">
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            <li>
+                                                <p><a href="">大话2免费版几率节开启心跳活连周庆跃新闻大话2免费版几率节开启心跳活连周庆跃新闻</a></p>
+                                                <span>6-17</span>
+                                            </li>
+                                            
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                            <!-- 论坛{ -->                        
+                        </div>
+                        <!-- 头图&论坛} -->
+                        <!-- 首屏资讯{ -->
+                        <div class="col-2">
+                            <div class="col-hd">
+                                <h2 class="primary-title">艾兰岛研发新进度:战斗系统全面革新</h2>
+                                <p> 
+                                    <span><a href="">游戏最新资讯</a></span>
+                                    <span class="middle"><a href="">游戏最新装备</a></span>
+                                    <span><a href="">游戏最新心得</a></span>
+                                </p>
+                            </div>
+                            <div class="col-bd">
+                                <div class="primary-tab" data-role="primary-tab">
+                                    <div class="tab-hd">
+                                        <ul class="g-tab__nav"  data-switchable-role="nav">
+                                            <li class="g-tab__trigger is-active">最新资讯</li>
+                                            <li class="g-tab__trigger">昨日回顾</li>
+                                            <li class="g-tab__trigger">热门视频</li>
+                                           
+                                        </ul>
+                                        <div class="more"><a href="" class="g-more">更多</a></div>
+                                    </div>
+    
+                                    <div class="g-tab__bd" data-switchable-role="content">
+                                        <div class="g-tab__panel">
+                                            <ul>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                
+                                            </ul>
+                                        </div>
+                                        <div class="g-tab__panel u-hide">
+                                            <ul>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                
+                                            </ul>
+                                        </div>
+                                        <div class="g-tab__panel u-hide">
+                                            <ul>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                <li>
+                                                    <label class="stategy">攻略</label>
+                                                    <p><a href="">无独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶!CS玩家游戏直播时人恐新闻站美测</a></p>
+                                                    <span>5-24</span>
+                                                </li>
+                                                
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- 首屏资讯} -->
+                        <!-- 热门模块{ -->
+                        <div class="col-3">
+                            <link rel="import" href="modules/common/hot.html?__inline">
+                            
+                        </div>
+                        <!-- 热门模块} -->                    
+                    </div>
+                    <!-- 首屏} -->
+                    
+                    <!-- 新手入门&高手进阶&坐骑宠物{ -->
+                    <div class="mod-second">
+                        <div class="grid-box">
+                            <div class="label label-green">新手入门</div>
+                            <ul>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                
+                            </ul>
+                        </div>
+                        <div class="grid-box">
+                            <div class="label label-orange">新手入门</div>
+                            <ul>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                
+                            </ul>
+                        </div>
+                        <div class="grid-box">
+                            <div class="label label-blue">新手入门</div>
+                            <ul>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/158x88" alt=""></a></li>
+                                
+                            </ul>
+                        </div>
+                    </div>
+                    <!-- 新手入门&高手进阶&坐骑宠物} -->
+                    
+
+                    <!-- 知名主播{ -->
+                    <div class="mod-podcast">
+                        <div class="mod-title">
+                            <h2>知名主播</h2>
+                            <!-- <ul class="tab-wrap g-tab__nav" data-switchable-role="nav">
+                                <li class="g-tab__trigger is-active">全部</li>
+                                <li class="g-tab__trigger">热门</li>
+                                <li class="g-tab__trigger">最新</li>
+                            </ul> -->
+                            <a href="" class="link-more link-news" target="_blank">更多</a>
+                            
+                        </div>
+                        <div class="podcast" data-role="podcast-tab">
+                            <ul class="tab-wrap g-tab__nav clearfix" data-switchable-role="nav">
+                                <li class="g-tab__trigger is-active">
+                                    <div class="podcast-wrap">
+                                        <img src="http://img.dwstatic.com/news/1801/381233058835/1517277945197.png" alt="">
+                                    </div>
+                                    <p>小菊花</p>
+                                </li>
+                                <li class="g-tab__trigger">
+                                    <div class="podcast-wrap">
+                                        <img src="http://img.dwstatic.com/news/1801/381233058835/1517277945197.png" alt="">
+                                    </div>
+                                    <p>小菊花</p>
+                                </li>
+                                <li class="g-tab__trigger">
+                                    <div class="podcast-wrap">
+                                        <img src="http://img.dwstatic.com/news/1801/381233058835/1517277945197.png" alt="">
+                                    </div>
+                                    <p>小菊花</p>
+                                </li>
+                            </ul>
+                            <div class="g-tab__bd" data-switchable-role="content">
+                                <div class="g-tab__panel video-wrap">
+                                    <ul>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="g-tab__panel video-wrap u-hide">
+                                    <ul>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="g-tab__panel video-wrap u-hide">
+                                    <ul>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙大召唤分身新英雄孙召唤分身新英雄孙</p>
+                                                <div class="text-wrap">
+                                                    <span class="author">好妹妹</span>
+                                                    <span class="date">2018-06-22</span>
+                                                </div>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>                              
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 知名主播} -->      
+                    
+                    <!-- 地图{ -->
+                    <div class="mod-map">
+                        <!-- 地图推荐{ -->
+                        <div class="map-recomm" data-role="map-recomm-tab">
+                            <div class="mod-title">
+                                <h2>地图推荐</h2>
+                                <ul class="tab-wrap g-tab__nav" data-switchable-role="nav">
+                                    <li class="g-tab__trigger is-active">最新更新</li>
+                                    <li class="g-tab__trigger">对战</li>
+                                    <li class="g-tab__trigger">电路</li>
+                                    <li class="g-tab__trigger">解谜</li>
+                                    <li class="g-tab__trigger">跑酷</li>                                                                        
+                                </ul>
+                                <a href="" class="link-more link-news" target="_blank">更多</a>
+                        
+                            </div>
+                            <div class="g-tab__bd" data-switchable-role="content">
+                                <div class="g-tab__panel">
+                                    <ul class="recomm-list">
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        
+                                    </ul>
+                                </div>
+                                <div class="g-tab__panel u-hide">
+                                    <ul class="recomm-list">
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        
+                                    </ul>
+                                </div>
+                                <div class="g-tab__panel u-hide">
+                                    <ul class="recomm-list">
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        
+                                    </ul>
+                                </div>
+                                <div class="g-tab__panel u-hide">
+                                    <ul class="recomm-list">
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        
+                                    </ul>
+                                </div>
+                                <div class="g-tab__panel u-hide">
+                                    <ul class="recomm-list">
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                                                <p>腾云驾雾还能召唤分身新英雄孙 大话2免费版几率腾云驾雾还能召唤分身新英雄孙 大话2免费版几率</p>
+                                            </a>
+                                        </li>
+                                        
+                                        
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- 地图推荐} --> 
+                        <!-- 地图排行榜{ --> 
+                            <!--<link rel="import" href="modules/common/rank.html?__inline">-->
+                        <!-- 地图排行榜} --> 
+                    </div>
+                    <!-- 地图} -->                    
+                    
+                    <!--游戏图鉴{-->
+                    <div class="mod-tz">
+                        <div class="g-ui-tab">
+                            <div class="mod-title">
+                                <h2>游戏图鉴</h2>
+                            </div>
+                            <div class="g-tab__bd yxzl-pannel">
+                                <div class="col-l">
+                                    <h5>搜索</h5>
+                                    <div class="input-wrap search-wrap clearfix">
+                                        <input class="search-text" type="text" placeholder="">
+                                        <button class="btn-search"></button>
+                                    </div>
+                                    <h5 class="center">类型筛选</h5>
+                                    <ul class="redio-wrap" data-switchable-role="nav">
+                                        <li class="is-active" data-tag="fri">
+                                            <span class="redio-box"></span>友好</li>
+                                        <li data-tag="mid">
+                                            <span class="redio-box"></span>中立</li>
+                                        <li data-tag="ene">
+                                            <span class="redio-box"></span>敌对</li>
+                                    </ul>
+                                    <!--<label> <input type="checkbox" vaule="1">友好</label>-->
+                                    <!--<label> <input type="checkbox" vaule="2">中立</label>-->
+                                    <!--<label> <input type="checkbox" vaule="3">敌对</label>-->
+                                </div>
+                                <div class="col-r">
+                                    <div class="col-r-content">
+                                        <ul class="list-plant">
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="ene">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="ene">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="ene">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="ene">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="ene">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="ene">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="ene">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="ene">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="ene">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="mid">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="fri">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="ene">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="ene">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                            <li class="ene">
+                                                <a target="_blank" href="">
+                                                    <span class="img">
+                                                        <img src="http://fed.webdev.ouj.com/85x85" alt="" />
+                                                    </span>
+                                                    
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!--游戏图鉴}-->
+                    
+                    <!-- 攻略&资讯&宠物{ -->
+                    <div class="mod-news">
+                        <!-- 综合攻略{ -->
+                        <div class="col">
+                            <div class="col-wrap">
+                                <div class="mod-title">
+                                    <h2>综合攻略</h2>
+                                    
+                                    <a href="" class="link-more link-news" target="_blank">更多</a>
+                        
+                                </div>
+                                <ul>
+                                    <li>
+                                        <p><a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a></p>
+                                        <span>6-21</span>
+                                    </li>
+                                    <li>
+                                        <p><a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a></p>
+                                        <span>6-21</span>
+                                    </li>
+                                    <li>
+                                        <p><a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a></p>
+                                        <span>6-21</span>
+                                    </li>
+                                    <li>
+                                        <p><a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a></p>
+                                        <span>6-21</span>
+                                    </li>
+                                    <li>
+                                        <p><a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a></p>
+                                        <span>6-21</span>
+                                    </li>
+                                    <li>
+                                        <p><a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a></p>
+                                        <span>6-21</span>
+                                    </li>
+                                    <li>
+                                        <p><a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a></p>
+                                        <span>6-21</span>
+                                    </li>
+                                    <li>
+                                        <p><a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a></p>
+                                        <span>6-21</span>
+                                    </li>
+                                    <li>
+                                        <p><a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a></p>
+                                        <span>6-21</span>
+                                    </li>
+                                    <li>
+                                        <p><a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a></p>
+                                        <span>6-21</span>
+                                    </li>
+                                    <li>
+                                        <p><a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a></p>
+                                        <span>6-21</span>
+                                    </li>
+                                    
+
+                                </ul>
+                            </div>
+                        </div>
+                        <!-- 综合攻略} -->
+                        <!-- 新闻资讯{ -->
+                        <div class="col">
+                            <div class="col-wrap">
+                                <div class="mod-title">
+                                    <h2>新闻资讯</h2>
+                                    
+                                    <a href="" class="link-more link-news" target="_blank">更多</a>
+                        
+                                </div>
+                            </div>
+                        </div>
+                        <!-- 新闻资讯} -->
+                        <!-- 坐骑宠物{ -->
+                        <div class="col">
+                            <div class="col-wrap">
+                                <div class="mod-title">
+                                    <h2>坐骑宠物</h2>
+                                    
+                                    <a href="" class="link-more link-news" target="_blank">更多</a>
+                        
+                                </div>
+                            </div>
+                        </div>
+                        <!-- 坐骑宠物} -->
+                    </div>
+                    <!-- 攻略&资讯&宠物} -->                        
+                    
+    
+    
+                </div>
+            </div>
+            
+        </div>
+
+        <link rel="import" href="modules/common/friend.html?__inline">
+
+
+        <script src="lib/mod.js"></script>
+        <script>
+            require('modules/pages/index.js');
+        </script>
+
+        <!-- S 模板-导航底部 -->
+        <script src="http://www.duowan.com/assets/js/duowanFooter.js" charset="utf-8"></script><!--ignore-->
+        <!-- E 模板-导航底部 -->
+        
+</body>
+
+</html>

+ 496 - 0
2017专区/艾兰岛/src/_list_img.html

@@ -0,0 +1,496 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="Keywords" content="多玩游戏">
+    <meta name="description" content="">
+    <title>多玩游戏网</title>
+    <link href="sass/global.scss" rel="stylesheet">
+    <script src="lib/jq_lego.js"></script><!--ignore-->
+</head>
+
+<body>
+<script src="http://www.duowan.com/public/s/i/navbar/navbar.js" charset="utf-8"></script><!--ignore-->
+<div class="g-body page-list">
+    <link rel="import" href="modules/common/header.html?__inline">
+
+    <div class="dw-mod-content">
+        <div class="g-inner">
+
+
+            <div class="dw-mod-list clearfix">
+                <!-- main bar{ -->
+                <div class="dw-mod-fl fl">
+                    <!-- 面包屑{ -->
+                    <div class="dw-mod-crumbs">
+                        <span>当前位置:</span>
+                        <a href="#">多玩首页</a> >
+                        <a href="">电视游戏频道</a> >
+                        <a href="">攻略</a> > 文章名称
+                    </div>
+                    <!-- 面包屑} -->
+                    <div class="img-list">
+                        <ul class="recomm-list">
+                            <li>
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/260x160" alt="">
+                                    <h2 class="item-title">这是条目标题这是条目标题这是条目标题这是条目标题这是条目标题</h2>
+                                    <p class="item-desc">
+                                        这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字</p>
+                                    <p class="item-info">
+                                        <span>作者:xxx</span>
+                                        <span>日期: 1982-12-11</span>
+                                    </p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/260x160" alt="">
+                                    <h2 class="item-title">这是条目标题这是条目标题这是条目标题这是条目标题这是条目标题</h2>
+                                    <p class="item-desc">
+                                        这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字</p>
+                                    <p class="item-info">
+                                        <span>作者:xxx</span>
+                                        <span>日期: 1982-12-11</span>
+                                    </p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/260x160" alt="">
+                                    <h2 class="item-title">这是条目标题这是条目标题这是条目标题这是条目标题这是条目标题</h2>
+                                    <p class="item-desc">
+                                        这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字</p>
+                                    <p class="item-info">
+                                        <span>作者:xxx</span>
+                                        <span>日期: 1982-12-11</span>
+                                    </p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/260x160" alt="">
+                                    <h2 class="item-title">这是条目标题这是条目标题这是条目标题这是条目标题这是条目标题</h2>
+                                    <p class="item-desc">
+                                        这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字</p>
+                                    <p class="item-info">
+                                        <span>作者:xxx</span>
+                                        <span>日期: 1982-12-11</span>
+                                    </p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/260x160" alt="">
+                                    <h2 class="item-title">这是条目标题这是条目标题这是条目标题这是条目标题这是条目标题</h2>
+                                    <p class="item-desc">
+                                        这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字</p>
+                                    <p class="item-info">
+                                        <span>作者:xxx</span>
+                                        <span>日期: 1982-12-11</span>
+                                    </p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/260x160" alt="">
+                                    <h2 class="item-title">这是条目标题这是条目标题这是条目标题这是条目标题这是条目标题</h2>
+                                    <p class="item-desc">
+                                        这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字</p>
+                                    <p class="item-info">
+                                        <span>作者:xxx</span>
+                                        <span>日期: 1982-12-11</span>
+                                    </p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/260x160" alt="">
+                                    <h2 class="item-title">这是条目标题这是条目标题这是条目标题这是条目标题这是条目标题</h2>
+                                    <p class="item-desc">
+                                        这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字</p>
+                                    <p class="item-info">
+                                        <span>作者:xxx</span>
+                                        <span>日期: 1982-12-11</span>
+                                    </p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/260x160" alt="">
+                                    <h2 class="item-title">这是条目标题这是条目标题这是条目标题这是条目标题这是条目标题</h2>
+                                    <p class="item-desc">
+                                        这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字</p>
+                                    <p class="item-info">
+                                        <span>作者:xxx</span>
+                                        <span>日期: 1982-12-11</span>
+                                    </p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/260x160" alt="">
+                                    <h2 class="item-title">这是条目标题这是条目标题这是条目标题这是条目标题这是条目标题</h2>
+                                    <p class="item-desc">
+                                        这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字</p>
+                                    <p class="item-info">
+                                        <span>作者:xxx</span>
+                                        <span>日期: 1982-12-11</span>
+                                    </p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/260x160" alt="">
+                                    <h2 class="item-title">这是条目标题这是条目标题这是条目标题这是条目标题这是条目标题</h2>
+                                    <p class="item-desc">
+                                        这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字这是条目描述文字</p>
+                                    <p class="item-info">
+                                        <span>作者:xxx</span>
+                                        <span>日期: 1982-12-11</span>
+                                    </p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/200x160" alt="">
+                                    <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                    <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/200x160" alt="">
+                                    <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                    <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                </a>
+                            </li>
+
+                        </ul>
+                    </div>
+                    <div class="mod-map clearfix">
+                        <!-- 地图推荐{ -->
+                        <div class="video-recomm" data-role="video-recomm-tab">
+                            <div class="mod-title">
+                                <h2>视频推荐</h2>
+                                <ul class="tab-wrap g-tab__nav" data-switchable-role="nav">
+                                    <li class="g-tab__trigger is-active">最新视频</li>
+                                    <li class="g-tab__trigger">搞笑</li>
+                                    <li class="g-tab__trigger">电路</li>
+                                    <li class="g-tab__trigger">解谜</li>
+                                    <li class="g-tab__trigger">跑酷</li>
+                                </ul>
+                                <a href="" class="link-more link-news" target="_blank">更多</a>
+
+                            </div>
+                            <div class="g-tab__bd" data-switchable-role="content">
+                                <div class="g-tab__panel">
+                                    <ul class="recomm-list">
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+
+                                    </ul>
+                                </div>
+                                <div class="g-tab__panel u-hide">
+                                    <ul class="recomm-list">
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+
+                                    </ul>
+                                </div>
+                                <div class="g-tab__panel u-hide">
+                                    <ul class="recomm-list">
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+
+                                    </ul>
+                                </div>
+                                <div class="g-tab__panel u-hide">
+                                    <ul class="recomm-list">
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+
+                                    </ul>
+                                </div>
+                                <div class="g-tab__panel u-hide">
+                                    <ul class="recomm-list">
+                                        <li>
+                                            <a href="">
+                                                <img src="http://fed.webdev.ouj.com/225x125" alt="">
+                                                <h6>这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题这是视频标题</h6>
+                                                <p><em class="author">葛温德琳</em> <em class="upload-time">1980-12-11</em></p>
+                                            </a>
+                                        </li>
+
+
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- 地图推荐} -->
+                        <!-- 地图排行榜{ -->
+                        <!--<link rel="import" href="modules/common/rank.html?__inline">-->
+                        <!-- 地图排行榜} -->
+                    </div>
+                </div>
+                <!-- main bar} -->
+
+
+                <!-- 侧边栏{ -->
+                <!--<div class="dw-mod-fr fr">-->
+                <!--<div class="aside-wrap">-->
+                <!--<link rel="import" href="modules/common/hot.html?__inline">-->
+                <!--<link rel="import" href="modules/common/rank.html?__inline">-->
+                <!--</div>-->
+                <!---->
+                <!---->
+                <!--</div>-->
+                <!-- 侧边栏} -->
+            </div>
+
+        </div>
+    </div>
+</div>
+<div class="ZQ__map">
+    <!-- 搜索 - 标识{ -->
+    <div class="foot-action">
+        <form id="form-search2" method="get" action="http://so.duowan.com/cse/search" target="_blank"
+              accept-charset="utf-8">
+            <div class="search">
+                <input type="text" name="q" data-baidusug="on" id="" value="CSGO"
+                       onfocus="if(this.value=='CSGO') this.value='';" onblur="if(this.value=='') this.value='CSGO';">
+                <input type="hidden" name="s" value="14439980297804472906">
+                <a href="javascript:void(0)" onclick="javascript:document.getElementById('form-search2').submit()"
+                   title="搜索" class="submit">搜索</a>
+            </div>
+            <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">联系小编</a>
+        </form>
+    </div>
+    <!-- }搜索 - 标识 -->
+    <div class="inner">
+        <div class="map-list">
+            <ul class="list">
+                <li><span class="label">CSGO栏目热点</span></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321459121455.html">每周囧图</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321531647730.html">爆笑动画</a></li>
+                <li><a target="_blank" href="http://bbs.duowan.com/forum-2604-1.html">火爆论坛</a></li>
+            </ul>
+            <ul class="list">
+                <li><span class="label">CSGO热点新闻</span></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/319717437215.html">电竞新闻</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/312991474877.html">最新资讯</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321459434055.html">玩家杂谈</a></li>
+            </ul>
+            <ul class="list">
+                <li><span class="label">CSGO枪械涂装</span></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321014912214.html">主武器</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321014923727.html">重武器</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321014954658.html">冲锋枪</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321014896078.html">手枪</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321015016045.html">匕首</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321015028068.html">武器箱</a></li>
+            </ul>
+            <ul class="list">
+                <li><span class="label">CSGO热门武器</span></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321041432214.html">AK47</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321040759158.html">M4A4</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321041197706.html">AWP</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321033004655.html">P90</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321040270648.html">SSG553</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321041252882.html">AUG</a></li>
+            </ul>
+            <ul class="list">
+                <li><span class="label">CSGO游戏视频</span></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/313154193636.html">比赛视频</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/313154205603.html">精彩集锦</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/313154197978.html">解说视频</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/313768096656.html">娱乐视频</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/316606797557.html">教学视频</a></li>
+            </ul>
+            <ul class="list">
+                <li><span class="label">CSGO模型补丁</span></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321459095549.html">地图模型</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321459121455.html">精品图片</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321534959160.html">地图推荐</a></li>
+            </ul>
+
+            <ul class="list">
+                <li><span class="label">CSGO游戏信息</span></li>
+                <li><a target="_blank" href="http://store.steampowered.com/" rel="nofollow">STEAM官网</a></li>
+                <li><a target="_blank" href="http://steamcommunity.com/app/730/workshop/" rel="nofollow">创意工坊</a></li>
+                <li><a target="_blank" href="http://steamcommunity.com/market/search?appid=730"
+                       rel="nofollow">STEAM市场</a></li>
+            </ul>
+        </div>
+
+    </div>
+</div>
+<div class="ZQ__friend">
+    <div class="inner">
+        <p class="link">
+            <span class="label"><em>友情链接</em></span>
+            <a href="http://www.duowan.com/" target="_blank">多玩游戏</a>
+            <a href="http://fight.pcgames.com.cn/csgo/" target="_blank">太平洋CSGO</a>
+            <a href="http://sj.xiaopi.com/cfsy/" target="_blank">cf手游</a>
+            <a href="http://www.dota.tw/" target="_blank">斗塔游戏</a>
+            <a href="http://www.wancaomei.com/" target="_blank">草莓游戏</a>
+            <a href="http://cod.yxbao.com/" target="_blank">使命召唤</a>
+            <a href="http://lol.duowan.com/LPL/" target="_blank">LPL夏季赛</a>
+            <a href="http://cr.duowan.com/" target="_blank">皇室战争</a>
+            <a href="http://vrgame.duowan.com" target="_blank">多玩VR</a>
+        </p>
+    </div>
+</div>
+
+<!-- S 模板-导航底部 -->
+<script src="http://www.duowan.com/assets/js/duowanFooter.js" charset="utf-8"></script><!--ignore-->
+<!-- E 模板-导航底部 -->
+<script src="lib/mod.js"></script>
+<script>
+    require('modules/pages/list.js');
+</script>
+</body>
+
+</html>

+ 237 - 0
2017专区/艾兰岛/src/_list_text.html

@@ -0,0 +1,237 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="Keywords" content="多玩游戏">
+    <meta name="description" content="">
+    <title>多玩游戏网</title>
+    <link href="sass/global.scss" rel="stylesheet">
+    <script src="lib/jq_lego.js"></script><!--ignore-->
+</head>
+
+<body>
+    <script src="http://www.duowan.com/public/s/i/navbar/navbar.js" charset="utf-8"></script><!--ignore-->
+    <div class="g-body page-list">
+        <link rel="import" href="modules/common/header.html?__inline">
+
+        <div class="dw-mod-content">
+            <div class="g-inner">
+                
+    
+                <div class="dw-mod-list clearfix">
+                    <!-- main bar{ -->
+                    <div class="dw-mod-fl fl">
+                        <!-- 面包屑{ -->
+                        <div class="dw-mod-crumbs">
+                            <span>当前位置:</span>
+                            <a href="#">多玩首页</a> >
+                            <a href="">电视游戏频道</a> >
+                            <a href="">攻略</a> > 文章名称
+                        </div>
+                        <!-- 面包屑} -->
+                        <div class="list-wrap">
+                            <ul >
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                                <li>
+                                    <p>
+                                        <a href="">独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶独有偶!CS玩家游戏直播时人恐新闻站美测无独有偶</a>
+                                    </p>
+                                    <span>6-21</span>
+                                </li>
+                        
+                            </ul>
+                        </div>
+                
+                    </div>
+                    <!-- main bar} -->
+    
+    
+                    <!-- 侧边栏{ -->
+                    <div class="dw-mod-fr fr">
+                        <div class="aside-wrap">
+                            <link rel="import" href="modules/common/hot.html?__inline">
+                            <link rel="import" href="modules/common/rank.html?__inline">
+                        </div>
+    
+    
+                    </div>
+                    <!-- 侧边栏} -->
+                </div>
+    
+            </div>
+        </div>
+    </div>
+    <div class="ZQ__map">
+        <!-- 搜索 - 标识{ -->
+        <div class="foot-action">
+            <form id="form-search2" method="get" action="http://so.duowan.com/cse/search" target="_blank" accept-charset="utf-8">
+                <div class="search">
+                    <input type="text" name="q" data-baidusug="on" id="" value="CSGO" onfocus="if(this.value=='CSGO') this.value='';" onblur="if(this.value=='') this.value='CSGO';">
+                    <input type="hidden" name="s" value="14439980297804472906">
+                    <a href="javascript:void(0)" onclick="javascript:document.getElementById('form-search2').submit()" title="搜索" class="submit">搜索</a>
+                </div>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">联系小编</a>
+            </form>
+        </div>
+        <!-- }搜索 - 标识 -->
+        <div class="inner">
+            <div class="map-list">
+                <ul class="list">
+                    <li><span class="label">CSGO栏目热点</span></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321459121455.html">每周囧图</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321531647730.html">爆笑动画</a></li>
+                    <li><a target="_blank" href="http://bbs.duowan.com/forum-2604-1.html">火爆论坛</a></li>
+                </ul>
+                <ul class="list">
+                    <li><span class="label">CSGO热点新闻</span></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/319717437215.html">电竞新闻</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/312991474877.html">最新资讯</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321459434055.html">玩家杂谈</a></li>
+                </ul>
+                <ul class="list">
+                    <li><span class="label">CSGO枪械涂装</span></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321014912214.html">主武器</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321014923727.html">重武器</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321014954658.html">冲锋枪</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321014896078.html">手枪</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321015016045.html">匕首</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321015028068.html">武器箱</a></li>
+                </ul>
+                <ul class="list">
+                    <li><span class="label">CSGO热门武器</span></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321041432214.html">AK47</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321040759158.html">M4A4</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321041197706.html">AWP</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321033004655.html">P90</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321040270648.html">SSG553</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321041252882.html">AUG</a></li>
+                </ul>
+                <ul class="list">
+                    <li><span class="label">CSGO游戏视频</span></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/313154193636.html">比赛视频</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/313154205603.html">精彩集锦</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/313154197978.html">解说视频</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/313768096656.html">娱乐视频</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/316606797557.html">教学视频</a></li>
+                </ul>
+                <ul class="list">
+                    <li><span class="label">CSGO模型补丁</span></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321459095549.html">地图模型</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/tag/321459121455.html">精品图片</a></li>
+                    <li><a target="_blank" href="http://csgo.duowan.com/1603/321534959160.html">地图推荐</a></li>
+                </ul>
+
+                <ul class="list">
+                    <li><span class="label">CSGO游戏信息</span></li>
+                    <li><a target="_blank" href="http://store.steampowered.com/" rel="nofollow">STEAM官网</a></li>
+                    <li><a target="_blank" href="http://steamcommunity.com/app/730/workshop/" rel="nofollow">创意工坊</a></li>
+                    <li><a target="_blank" href="http://steamcommunity.com/market/search?appid=730" rel="nofollow">STEAM市场</a></li>
+                </ul>
+            </div>
+
+        </div>
+    </div>
+    <div class="ZQ__friend">
+        <div class="inner">
+            <p class="link">
+                <span class="label"><em>友情链接</em></span>
+                <a href="http://www.duowan.com/" target="_blank">多玩游戏</a>
+                <a href="http://fight.pcgames.com.cn/csgo/" target="_blank">太平洋CSGO</a>
+                <a href="http://sj.xiaopi.com/cfsy/" target="_blank">cf手游</a>
+                <a href="http://www.dota.tw/" target="_blank">斗塔游戏</a>
+                <a href="http://www.wancaomei.com/" target="_blank">草莓游戏</a>
+                <a href="http://cod.yxbao.com/" target="_blank">使命召唤</a>
+                <a href="http://lol.duowan.com/LPL/" target="_blank">LPL夏季赛</a>
+                <a href="http://cr.duowan.com/" target="_blank">皇室战争</a>
+                <a href="http://vrgame.duowan.com" target="_blank">多玩VR</a>
+            </p>
+        </div>
+    </div>
+
+    <!-- S 模板-导航底部 -->
+    <script src="http://www.duowan.com/assets/js/duowanFooter.js" charset="utf-8"></script><!--ignore-->
+    <!-- E 模板-导航底部 -->
+    
+</body>
+
+</html>

+ 45 - 0
2017专区/艾兰岛/src/font/AdobeFnt16.lst

@@ -0,0 +1,45 @@
+%!Adobe-FontList 1.16
+%Locale:0x804
+
+%BeginFont
+Handler:DirectoryHandler
+FontType:Invalid
+OutlineFileName:E:\FED\dwweb-pc2\LOL\猩红之月LOL专题\src\Font\lego\iconfont.eot
+FileModTime:1487212266
+%EndFont
+
+%BeginFont
+Handler:DirectoryHandler
+FontType:Invalid
+OutlineFileName:E:\FED\dwweb-pc2\LOL\猩红之月LOL专题\src\Font\lego\iconfont.svg
+FileModTime:1487212266
+%EndFont
+
+%BeginFont
+Handler:DirectoryHandler
+FontType:TrueType
+FontName:iconfont
+FamilyName:iconfont
+StyleName:Medium
+FullName:iconfont
+MenuName:iconfont
+StyleBits:0
+WritingScript:Roman
+OutlineFileName:E:\FED\dwweb-pc2\LOL\猩红之月LOL专题\src\Font\lego\iconfont.ttf
+DataFormat:sfntData
+FileLength:11304
+FileModTime:1487212266
+WeightClass:500
+WidthClass:5
+AngleClass:0
+NameArray:0,Mac,4,iconfont
+NameArray:0,Win,1,iconfont
+%EndFont
+
+%BeginFont
+Handler:DirectoryHandler
+FontType:Invalid
+OutlineFileName:E:\FED\dwweb-pc2\LOL\猩红之月LOL专题\src\Font\lego\iconfont.woff
+FileModTime:1487212266
+%EndFont
+

BIN
2017专区/艾兰岛/src/font/lego/iconfont.eot


+ 107 - 0
2017专区/艾兰岛/src/font/lego/iconfont.svg

@@ -0,0 +1,107 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20120731 at Tue May 19 15:44:08 2015
+ By Ads
+</metadata>
+<defs>
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face 
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    panose-1="2 0 6 3 0 0 0 0 0 0"
+    ascent="812"
+    descent="-212"
+    x-height="792"
+    bbox="0 -212 1024 812"
+    underline-thickness="50"
+    underline-position="-100"
+    unicode-range="U+0078-E654"
+  />
+<missing-glyph horiz-adv-x="374" 
+d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
+    <glyph glyph-name=".notdef" horiz-adv-x="374" 
+d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
+    <glyph glyph-name=".null" horiz-adv-x="0" 
+ />
+    <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341" 
+ />
+    <glyph glyph-name="x" unicode="x" horiz-adv-x="1001" 
+d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
+t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
+t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
+    <glyph glyph-name="uniE603" unicode="&#xe603;" 
+d="M875 316q0 -5 -2.5 -10t-7.5 -7.5t-10 -2.5h-307v-307q0 -9 -6 -15t-15 -6q-5 0 -10 3t-7.5 7.5t-2.5 10.5v307h-308q-2 0 -4.5 0.5t-4.5 1.5l-4 2l-2 4q-2 1 -3 3t-1.5 4.5t-0.5 4.5q0 6 2.5 10.5t7.5 7.5t10 3h308v307q0 9 6 15t14 6q4 0 8 -2t6.5 -4.5t4.5 -6.5t2 -8
+v-307h307q8 0 14 -6t6 -15z" />
+    <glyph glyph-name="uniE613" unicode="&#xe613;" 
+d="M764 234l-222 -223q-6 -6 -14.5 -6t-14.5 6l-223 223q-6 6 -6 14.5t6 14.5q4 4 9 5.5t10.5 0t9.5 -5.5l188 -188v604q0 8 6 14t14.5 6t14.5 -6t6 -14v-604l187 188q6 6 14.5 6t14.5 -6t6 -14.5t-6 -14.5zM843 -46q0 -9 -6 -15t-15 -6h-590q-3 0 -5 1l-4 2l-4 2
+q-2 1 -3.5 3t-2.5 4t-1.5 4.5t-0.5 4.5q0 8 6 14t15 6h590q17 0 20 -15q1 -3 1 -5z" />
+    <glyph glyph-name="uniE61D" unicode="&#xe61d;" 
+d="M820 152q-4 0 -7.5 1.5t-6.5 4.5l-279 274l-278 -274q-7 -6 -15 -6t-14 6t-6 14.5t6 14.5l293 288q6 6 14.5 6t13.5 -6l293 -288q4 -4 5.5 -9t0.5 -10.5t-5 -9.5q-6 -6 -15 -6z" />
+    <glyph glyph-name="uniE626" unicode="&#xe626;" 
+d="M1015 269q-6 -6 -15 -6q-4 0 -7.5 1.5t-6.5 4.5l-65 68v-524q0 -8 -6 -14t-14 -6h-266q-8 0 -14 6t-6 14.5t6 14.5t14 6h245v545l-367 383l-367 -383v-545h224v306q0 8 6 14t15 6h244q9 0 15 -6t6 -14.5t-6 -14.5t-15 -6h-224v-306q-5 -17 -20 -20h-266q-4 0 -7.5 1.5
+t-6.5 4t-4.5 6.5t-1.5 8v524l-65 -68q-6 -6 -14.5 -6t-14.5 6t-6 14.5t6 14.5l487 508q6 6 15 6h3l4 -2h2q2 -1 3.5 -2t2.5 -2l487 -508q4 -4 5.5 -9.5t0 -10.5t-5.5 -9z" />
+    <glyph glyph-name="uniE628" unicode="&#xe628;" 
+d="M671 3q-9 0 -15 6l-287 293q-4 4 -5.5 9t0 10.5t5.5 9.5l287 293q6 6 14.5 6t14.5 -6t6.5 -14.5t-5.5 -14.5l-274 -279l274 -278q6 -6 5.5 -14.5t-6.5 -14.5q-3 -3 -6.5 -4.5t-7.5 -1.5z" />
+    <glyph glyph-name="uniE62B" unicode="&#xe62b;" 
+d="M394 316.5q0 -8.5 -6 -14.5t-15 -6h-103q-5 0 -8.5 1.5t-6.5 4.5t-4.5 6.5t-1.5 7.5q0 9 6 15t15 6h103q9 0 15 -6t6 -14.5zM805 316q0 -8 -6 -14t-14 -6h-104q-3 0 -6.5 1t-6 3t-4 4.5t-2.5 5.5t-1 6q0 9 6 15t14 6h104q5 0 10 -3t7.5 -7.5t2.5 -10.5zM548 574v-104
+q0 -5 -3 -10t-7.5 -7.5t-10.5 -2.5q-8 0 -14 6t-6 14v104q0 9 6 15t14.5 6t14.5 -6t6 -15zM548 163v-104q0 -9 -6 -15t-14.5 -6t-14.5 6t-6 15v104q0 3 1 6t3 5.5t4.5 4.5t5.5 3t6 1q6 0 10.5 -2.5t7.5 -7.5t3 -10zM412 383q-6 -10 -18 -10q-6 0 -10 3l-90 52q-3 1 -5 3.5
+t-3.5 5.5t-2 6t0.5 6.5t2 6.5q2 3 5.5 5.5t7.5 3.5t8 0.5t7 -2.5l90 -52q3 -1 5 -3.5t3.5 -5.5t2 -6t-0.5 -6.5t-2 -6.5zM768 177q-1 -2 -3 -4t-4.5 -3.5t-5 -2t-5 -0.5t-5.5 1t-5 2l-90 52q-7 4 -9.5 12t2 15.5t12.5 9.5t16 -2l89 -52q8 -4 10 -12t-2 -16zM674 529l-52 -89
+q-3 -5 -7.5 -8t-10.5 -3q-3 0 -5.5 1t-4.5 2q-7 4 -9.5 12.5t1.5 15.5l52 90q5 7 13 9t15.5 -2t9.5 -12t-2 -16zM468 173l-52 -90q-3 -5 -7.5 -7.5t-10 -2.5t-10.5 3q-7 4 -9.5 12t2.5 16l51 89q2 3 4.5 5.5t5.5 3.5t6 1.5t6 0t6 -2.5q8 -4 10 -12.5t-2 -15.5zM460 432
+q-4 -3 -10 -3q-12 0 -18 11l-51 89q-3 6 -3 11t2.5 10t7.5 7q8 5 16 2.5t12 -9.5l52 -90q4 -7 2 -15.5t-10 -12.5zM666 76q-2 -2 -4.5 -2.5t-5.5 -0.5q-4 0 -7 1t-6 3.5t-5 5.5l-52 90q-2 5 -2 10t2.5 10t7.5 8q2 1 4 1.5t4.5 1t4.5 0t4.5 -1.5t4 -2t3.5 -3t3 -4l52 -89
+q4 -8 1.5 -16t-9.5 -12zM760 427l-89 -51q-3 -2 -5.5 -2.5t-5.5 -0.5t-6.5 1t-6 3.5t-4.5 5.5q-3 5 -3 10.5t2.5 10t7.5 7.5l90 52q7 4 15.5 2t12.5 -10q3 -5 3 -10t-3 -10t-8 -8zM404 222l-90 -52q-5 -3 -10 -3q-12 0 -18 11q-4 7 -2 15t10 12l90 52q5 3 10 3t10 -2.5
+t8 -7.5q1 -3 2 -6.5t0.5 -6.5t-2 -6t-3.5 -5.5t-5 -3.5z" />
+    <glyph glyph-name="uniE62E" unicode="&#xe62e;" 
+d="M962 492v151h-898v-653h898v343q0 8 6 14t14 6q4 0 7 -1t5.5 -3t4.5 -4.5t3 -5.5t1 -6v-363q0 -3 -1 -6t-2 -5t-3 -4t-5 -3l-4 -2q-3 -1 -6 -1h-938q-9 0 -15 6t-6 15v693q0 9 6 15t15 6h938q9 0 15 -6t6 -15v-182q0 -5 -2.5 -9.5t-6.5 -7.5l-429 -287q-11 -8 -22 -1
+l-384 244q-3 2 -5.5 5.5t-3 7.5t0 8t2.5 7q5 7 13 9t15 -2l373 -237z" />
+    <glyph glyph-name="uniE631" unicode="&#xe631;" 
+d="M997 357.5q0 -83.5 -38 -160.5q-36 -73 -101 -129t-149 -87q-43 -16 -89 -24t-93 -8q-4 0 -8 1.5t-6.5 4.5t-4 6.5t-1.5 8.5q0 3 1 6t3 5.5t4.5 4.5t5.5 3t6 1q88 0 168 29q77 28 136 80q30 26 53.5 56t39 62.5t24 68t8.5 71.5q0 73 -32.5 140t-92.5 119q-59 51 -136 79
+q-80 30 -168 30t-168 -30q-25 -9 -49 -21t-45.5 -26.5t-41.5 -31.5q-30 -26 -53 -56t-39 -63t-24 -68t-8 -72q0 -89 47 -167q46 -77 127 -128q9 -6 9 -17q0 -58 -42 -133q51 8 98 40q32 22 51 45q5 7 13.5 7.5t15 -4.5t7.5 -13.5t-4 -15.5q-21 -26 -59 -52q-75 -52 -160 -52
+h-1q-4 1 -7.5 2t-6.5 3.5t-5 6.5q-5 11 2 21q35 50 50 102q5 17 6 32q-82 55 -129 135q-53 88 -53 188q0 84 37 160q36 74 101 130q22 19 46 34.5t49.5 29t53.5 23.5q87 31 182 31q47 0 93 -7.5t89 -23.5q84 -31 149 -87q32 -28 57.5 -60.5t43.5 -69.5q38 -76 38 -159.5z
+" />
+    <glyph glyph-name="uniE635" unicode="&#xe635;" 
+d="M1024 300q0 -97 -35.5 -187t-101.5 -162h-1l-24 -24q-6 -5 -14 -5.5t-14 5.5q-31 27 -114 60q-28 11 -42 17.5t-34 17.5t-32 24.5t-18 30.5q-1 3 -1 6q-3 26 -2 69v10v9q0 2 0.5 5t2 5t3.5 4l4 4q8 5 20.5 31.5t15.5 52.5q1 7 6 12t13 6q2 0 4.5 3t6.5 12.5t6 24.5
+q2 17 -6 22q-14 9 -9 24q1 4 3 9.5t4.5 15t4.5 19.5t4 23t3 25q2 32 -2 57.5t-15 42.5q-18 30 -59 35q-10 2 -15 10q-14 26 -76 26q-93 -2 -132 -52q-2 -4 -5 -8t-5 -8t-4 -8.5t-4 -9.5l-2 -10q-2 -5 -3 -10l-2 -12q-1 -5 -1.5 -11t-0.5 -12q-3 -53 15 -123q1 -5 0.5 -9
+t-3 -7.5t-6.5 -6.5q-8 -6 -6 -22q1 -9 3 -16.5t4 -11.5t4 -7t3.5 -4t2.5 -1q8 -1 13 -6t6 -12q3 -26 16 -52.5t21 -31.5q10 -6 10 -18v-9v-10q1 -11 1 -17t-0.5 -15.5t-1 -18.5t-1.5 -18q0 -3 -1 -6q-6 -17 -18 -30.5t-32 -24.5t-34.5 -17.5t-41.5 -17.5q-31 -12 -46 -19
+q-8 -3 -16 0t-11.5 10.5t-0.5 15.5t11 11q16 8 48 20q31 12 46.5 19t32.5 19.5t23 25.5q2 24 2 62q0 4 -1 10q-14 14 -26.5 41t-18.5 53q-10 5 -18 15q-15 20 -19 56q-2 16 1.5 29t11.5 22q-38 157 22 236q50 66 164 68q76 0 106 -38q53 -10 79 -53q19 -31 22 -77.5
+t-2.5 -76.5t-13.5 -59q16 -21 12 -51q-4 -36 -19 -56q-2 -2 -4 -4.5t-4.5 -4t-5 -3.5t-4.5 -3q-6 -28 -19 -56q-6 -11 -12 -21t-13 -17v-10q-1 -11 -1 -20t0.5 -20t1.5 -22q9 -19 32.5 -32.5t69.5 -31.5q78 -31 112 -56l10 11q61 65 93.5 148t32.5 172q0 96 -37 183
+q-36 85 -101 150q-32 33 -70 58t-80 43q-87 37 -183 37q-32 0 -63 -4t-61 -12.5t-59 -20.5q-85 -36 -150 -101t-101 -150q-37 -87 -37 -183t37 -183q36 -85 101 -150t150 -101q87 -37 183 -37q122 0 229 59q5 3 10 3t10 -3t8 -8q2 -5 2 -10t-3 -10t-7 -8q-38 -21 -79 -35
+t-84 -21.5t-86 -7.5q-104 0 -199 40q-92 39 -163 110t-110 163q-40 95 -40 199t40 199q20 46 47.5 87t62.5 76q71 71 163 110q95 40 199 40t199 -40q31 -13 59 -29.5t54.5 -36.5t49.5 -44q71 -71 110 -163q10 -23 17.5 -47.5t12.5 -49.5t7.5 -50.5t2.5 -51.5z" />
+    <glyph glyph-name="uniE63A" unicode="&#xe63a;" 
+d="M937 -111q0 -6 -3 -10.5t-7.5 -7.5t-10.5 -3h-778h-4l-2 2h-4q-1 1 -2.5 2t-2.5 3q-6 6 -5 15q5 83 67 133q36 29 120 62q31 12 46.5 19t32.5 19t23 26q2 23 2 62v10q-7 7 -14 17.5t-13 23t-11 26.5t-8 27q-3 1 -6 3.5t-6 5.5l-6 6q-7 10 -12 24t-7 32q-4 30 13 51
+q-38 157 22 235q25 33 66 50.5t98 18.5q76 0 106 -38q26 -5 46 -18.5t33 -34.5q15 -23 20.5 -54t2.5 -70q-4 -44 -17 -90q5 -6 8 -13t4.5 -17t0.5 -20q-1 -6 -2 -11.5t-2.5 -11t-3 -10t-3.5 -8.5t-4.5 -8t-4.5 -7q-4 -5 -8.5 -9t-9.5 -6q-5 -28 -19 -57q-6 -11 -12 -21
+t-13 -17v-4v-5q-1 -39 1 -62q9 -19 32.5 -32.5t69.5 -31.5q34 -14 53 -22.5t46.5 -26t45.5 -37.5q5 -7 4.5 -15.5t-7.5 -13.5q-1 -2 -3.5 -3t-4.5 -1.5t-4.5 -0.5t-4.5 1h-4q-2 1 -4 2.5t-4 3.5q-14 17 -37.5 32t-41 22.5t-49.5 20.5q-28 11 -42 17t-34 17.5t-32 25
+t-18 30.5q-1 2 -1 5q-3 27 -2 69v19q0 12 11 18q4 3 11 15t14.5 32t9.5 38q1 7 6.5 12t12.5 6q2 0 5 3t6.5 12.5t5.5 24.5q1 4 0 8t-1.5 6.5t-2 4.5t-2.5 2v1q-14 8 -9 24q9 28 15 59.5t4 70t-16 61.5q-19 30 -60 36q-3 0 -6 1.5t-5 3.5t-4 5q-14 26 -76 26q-93 -2 -132 -52
+q-25 -34 -27 -90q-3 -52 16 -122q3 -15 -10 -23q-8 -5 -6 -22q2 -15 6 -24.5t6.5 -12.5t4.5 -3q4 -1 7.5 -2.5t5.5 -3.5t4 -5.5t2 -6.5q2 -18 9.5 -37.5t15 -32t12.5 -15.5q11 -6 11 -18v-19v-17q0 -5 -0.5 -14.5t-1 -18.5t-0.5 -19q-1 -1 -1 -2.5t-1 -2.5q-6 -17 -18 -30.5
+t-32 -25t-34 -17.5t-42 -17q-26 -10 -40 -16t-34.5 -17t-34.5 -23q-41 -33 -50 -82h755q9 0 15 -6t6 -14z" />
+    <glyph glyph-name="uniE63D" unicode="&#xe63d;" 
+d="M766 318l-369 218q-10 6 -20.5 0t-10.5 -18v-450q0 -12 11 -18q2 -1 4.5 -2t5.5 -1q2 0 5 1t5 3l369 232q10 6 10 17q0 4 -1.5 7t-3.5 6t-5 5zM407 105v378l309 -184zM1024 300q0 -139 -70 -259q-5 -7 -13 -9.5t-15.5 2t-9.5 12.5t2 16q32 54 48.5 114.5t16.5 123.5
+q0 96 -37 183q-36 85 -101 150q-32 33 -70 58t-80 43q-87 37 -183 37q-48 0 -94 -9.5t-89 -27.5q-85 -36 -150 -101t-101 -150q-37 -87 -37 -183t37 -183q36 -85 101 -150t150 -101q87 -37 183 -37q88 0 170.5 32t147.5 91q4 4 9.5 5t10.5 -0.5t9 -5.5q5 -6 5 -14.5
+t-7 -14.5q-47 -43 -102.5 -73t-117 -45.5t-125.5 -15.5q-104 0 -199 40q-92 39 -163 110t-110 163q-40 95 -40 199t40 199q13 31 29.5 59t36.5 54.5t44 49.5q71 71 163 110q95 40 199 40t199 -40q92 -39 163 -110t110 -163q20 -47 30 -97t10 -102z" />
+    <glyph glyph-name="uniE640" unicode="&#xe640;" 
+d="M894 306q0 -74 -28 -143q-14 -33 -34 -62t-45 -54q-51 -51 -117 -79q-68 -29 -143 -29t-143 29q-66 28 -116.5 78.5t-78.5 116.5q-15 34 -22 70t-7 73q0 75 29 143q28 66 78 117q13 13 26.5 24t28.5 21t30.5 18.5t31.5 15.5q34 14 70 21.5t73 7.5q80 0 152 -33
+q70 -32 121 -89q3 -3 6.5 -7t6.5 -8v137q0 8 6 14t14.5 6t14.5 -6t6 -14v-184q0 -9 -6 -15t-15 -6h-183q-9 0 -15 6t-6 14.5t6 14.5t15 6h132q-6 8 -12 15q-46 50 -108 79q-16 7 -32.5 12.5t-33.5 9t-34 5.5t-35 2q-65 0 -124.5 -25t-106.5 -71q-95 -96 -95 -231t95 -231
+q47 -46 106.5 -70.5t124.5 -24.5q44 0 85 11t78 32.5t68 51.5q96 96 96 231q0 6 2.5 10.5t7 7.5t10.5 3q8 0 14 -6t6 -15z" />
+    <glyph glyph-name="uniE642" unicode="&#xe642;" 
+d="M383 3q-8 0 -14 6t-6 14.5t6 14.5l273 278l-273 279q-6 6 -6 14.5t6 14.5t14.5 6t14.5 -6l288 -293q3 -4 4.5 -9.5t0 -10.5t-4.5 -9l-288 -293q-6 -6 -15 -6z" />
+    <glyph glyph-name="uniE647" unicode="&#xe647;" 
+d="M726 115q6 -6 6 -14.5t-6 -14.5q-3 -3 -6.5 -4.5t-7.5 -1.5q-9 0 -15 6l-185 185l-185 -185q-2 -2 -4.5 -3.5t-5 -2t-5.5 -0.5q-8 0 -14 6t-6 14.5t6 14.5l185 185l-185 185q-6 6 -6 14.5t6 14.5q3 3 6.5 4.5t7.5 1.5t8 -1.5t7 -4.5l185 -185l185 185q6 6 14.5 6t14.5 -6
+t6 -14.5t-6 -14.5l-185 -185zM1024 300q0 -139 -70 -259q-5 -7 -13 -9.5t-15.5 2t-9.5 12.5t2 16q32 54 48.5 114.5t16.5 123.5q0 96 -37 183q-36 85 -101 150q-32 33 -70 58t-80 43q-87 37 -183 37q-48 0 -94 -9.5t-89 -27.5q-85 -36 -150 -101t-101 -150q-37 -87 -37 -183
+t37 -183q36 -85 101 -150t150 -101q87 -37 183 -37q88 0 170.5 32t147.5 91q4 4 9.5 5t10.5 -0.5t9 -5.5q5 -6 5 -14.5t-7 -14.5q-47 -43 -102.5 -73t-117 -45.5t-125.5 -15.5q-104 0 -199 40q-92 39 -163 110t-110 163q-40 95 -40 199t40 199q13 31 29.5 59t36.5 54.5
+t44 49.5q71 71 163 110q95 40 199 40t199 -40q92 -39 163 -110t110 -163q20 -47 30 -97t10 -102z" />
+    <glyph glyph-name="uniE648" unicode="&#xe648;" 
+d="M760 548q-9 21 -20 40.5t-24.5 37t-29.5 33.5q-8 8 -16.5 15t-17.5 14t-18 13.5t-18.5 12t-19.5 10.5t-21 9q-64 27 -135 27q-35 0 -69 -6.5t-66 -20.5q-20 -9 -39.5 -20t-37 -24.5t-33.5 -29.5q-48 -48 -74 -111q-28 -64 -28 -134.5t28 -135.5q26 -62 74 -110t110 -74
+q65 -28 135.5 -28t134.5 28q63 26 111 74q24 24 42.5 51.5t31.5 58.5q14 32 20.5 66t6.5 69q0 71 -27 135zM657 197q-44 -43 -99.5 -66.5t-117.5 -23.5q-126 0 -216 90t-90 216.5t90 216t216.5 89.5t216.5 -89q43 -44 66 -99.5t23 -117.5q0 -126 -89 -216zM955 -121
+q-3 -3 -7 -4.5t-8 -1.5q-8 0 -14 6l-194 193q-6 6 -6 14.5t6 14.5t14.5 6t14.5 -6l194 -193q4 -4 5.5 -9.5t0 -10.5t-5.5 -9z" />
+    <glyph glyph-name="uniE64A" unicode="&#xe64a;" 
+d="M514 321zM263 326l-2 2q-1 1 -1 2q-1 2 -2 5l2 -4q1 -2 3 -5zM762 38q0 -1 -1 -2v-1q0 1 1 3zM865 148q-42 0 -77.5 -21.5t-55.5 -56.5l-422 168q2 10 3.5 19.5t1.5 19.5q0 15 -2.5 28.5t-7.5 25.5l360 195q21 -28 53 -44.5t69 -16.5q63 0 108 44.5t45 108t-45 108
+t-108 44.5t-108 -44.5t-45 -108.5v-9l2 -10q0 -5 1 -10l2 -8q1 -5 2.5 -9.5t3.5 -8.5l-360 -195q-21 29 -53.5 46t-69.5 17q-41 0 -76.5 -20.5t-56 -55.5t-20.5 -77q0 -63 45 -107.5t108 -44.5q41 0 76 20.5t56 54.5l423 -168q-5 -18 -5 -37q0 -41 20.5 -76.5t56 -56
+t76.5 -20.5q63 0 108 45t45 108q0 31 -12 59.5t-32.5 49t-49 32.5t-59.5 12zM787 729q30 0 56 -15t41 -40.5t15 -56.5q0 -46 -33 -78.5t-79 -32.5q-30 0 -56 15t-41 40.5t-15 55.5q0 47 33 79.5t79 32.5zM162 166q-30 0 -56 15t-41 40.5t-15 55.5q0 47 33 79.5t79 32.5
+q30 0 55.5 -14.5t40.5 -39.5q2 -4 5 -9q3 -7 5.5 -15t4 -16.5t1.5 -17.5q0 -59 -49 -92q-29 -19 -63 -19zM865 -117q-46 0 -79 33t-33 79q0 5 0.5 10.5t1.5 10.5t2.5 9.5t3.5 9.5v1q0 1 1 2q8 20 23.5 35.5t36 24.5t43.5 9q46 0 79 -33t33 -79t-33 -79t-79 -33z" />
+    <glyph glyph-name="uniE654" unicode="&#xe654;" 
+d="M527 146q-8 1 -14 6l-293 288q-6 6 -6 14t6 14.5t14 6.5t15 -6l278 -274l279 274q6 6 14.5 6t14.5 -6q1 -2 2 -3.5t2 -3.5t1.5 -4t0.5 -4t-0.5 -4t-1.5 -4t-2 -3.5t-3 -2.5l-293 -288q-5 -6 -14 -6z" />
+  </font>
+</defs></svg>

BIN
2017专区/艾兰岛/src/font/lego/iconfont.ttf


BIN
2017专区/艾兰岛/src/font/lego/iconfont.woff


BIN
2017专区/艾兰岛/src/img/artical-bg.jpg


BIN
2017专区/艾兰岛/src/img/banner.jpg


BIN
2017专区/艾兰岛/src/img/flag-active.png


BIN
2017专区/艾兰岛/src/img/flag.png


BIN
2017专区/艾兰岛/src/img/icon-checked.jpg


BIN
2017专区/艾兰岛/src/img/icon-play.png


BIN
2017专区/艾兰岛/src/img/icon-search.png


BIN
2017专区/艾兰岛/src/img/index-bg.jpg


BIN
2017专区/艾兰岛/src/img/label-active.png


BIN
2017专区/艾兰岛/src/img/label-blue.png


BIN
2017专区/艾兰岛/src/img/label-green.png


BIN
2017专区/艾兰岛/src/img/label-orange.png


BIN
2017专区/艾兰岛/src/img/label.png


BIN
2017专区/艾兰岛/src/img/silder-title.png


BIN
2017专区/艾兰岛/src/img/title-label.jpg


+ 12129 - 0
2017专区/艾兰岛/src/lib/jq_lego.js

@@ -0,0 +1,12129 @@
+/*!
+ * jQuery JavaScript Library v1.12.1
+ * http://jquery.com/
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2016-02-22T19:07Z
+ */
+
+(function( global, factory ) {
+
+	if ( typeof module === "object" && typeof module.exports === "object" ) {
+		// For CommonJS and CommonJS-like environments where a proper `window`
+		// is present, execute the factory and get jQuery.
+		// For environments that do not have a `window` with a `document`
+		// (such as Node.js), expose a factory as module.exports.
+		// This accentuates the need for the creation of a real `window`.
+		// e.g. var jQuery = require("jquery")(window);
+		// See ticket #14549 for more info.
+		module.exports = global.document ?
+			factory( global, true ) :
+			function( w ) {
+				if ( !w.document ) {
+					throw new Error( "jQuery requires a window with a document" );
+				}
+				return factory( w );
+			};
+	} else {
+		factory( global );
+	}
+
+// Pass this if window is not defined yet
+}(typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
+
+// Support: Firefox 18+
+// Can't be in strict mode, several libs including ASP.NET trace
+// the stack via arguments.caller.callee and Firefox dies if
+// you try to trace through "use strict" call chains. (#13335)
+//"use strict";
+var deletedIds = [];
+
+var document = window.document;
+
+var slice = deletedIds.slice;
+
+var concat = deletedIds.concat;
+
+var push = deletedIds.push;
+
+var indexOf = deletedIds.indexOf;
+
+var class2type = {};
+
+var toString = class2type.toString;
+
+var hasOwn = class2type.hasOwnProperty;
+
+var support = {};
+
+
+
+var
+	version = "1.12.1",
+
+	// Define a local copy of jQuery
+	jQuery = function( selector, context ) {
+
+		// The jQuery object is actually just the init constructor 'enhanced'
+		// Need init if jQuery is called (just allow error to be thrown if not included)
+		return new jQuery.fn.init( selector, context );
+	},
+
+	// Support: Android<4.1, IE<9
+	// Make sure we trim BOM and NBSP
+	rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
+
+	// Matches dashed string for camelizing
+	rmsPrefix = /^-ms-/,
+	rdashAlpha = /-([\da-z])/gi,
+
+	// Used by jQuery.camelCase as callback to replace()
+	fcamelCase = function( all, letter ) {
+		return letter.toUpperCase();
+	};
+
+jQuery.fn = jQuery.prototype = {
+
+	// The current version of jQuery being used
+	jquery: version,
+
+	constructor: jQuery,
+
+	// Start with an empty selector
+	selector: "",
+
+	// The default length of a jQuery object is 0
+	length: 0,
+
+	toArray: function() {
+		return slice.call( this );
+	},
+
+	// Get the Nth element in the matched element set OR
+	// Get the whole matched element set as a clean array
+	get: function( num ) {
+		return num != null ?
+
+			// Return just the one element from the set
+			( num < 0 ? this[ num + this.length ] : this[ num ] ) :
+
+			// Return all the elements in a clean array
+			slice.call( this );
+	},
+
+	// Take an array of elements and push it onto the stack
+	// (returning the new matched element set)
+	pushStack: function( elems ) {
+
+		// Build a new jQuery matched element set
+		var ret = jQuery.merge( this.constructor(), elems );
+
+		// Add the old object onto the stack (as a reference)
+		ret.prevObject = this;
+		ret.context = this.context;
+
+		// Return the newly-formed element set
+		return ret;
+	},
+
+	// Execute a callback for every element in the matched set.
+	each: function( callback ) {
+		return jQuery.each( this, callback );
+	},
+
+	map: function( callback ) {
+		return this.pushStack( jQuery.map( this, function( elem, i ) {
+			return callback.call( elem, i, elem );
+		} ) );
+	},
+
+	slice: function() {
+		return this.pushStack( slice.apply( this, arguments ) );
+	},
+
+	first: function() {
+		return this.eq( 0 );
+	},
+
+	last: function() {
+		return this.eq( -1 );
+	},
+
+	eq: function( i ) {
+		var len = this.length,
+			j = +i + ( i < 0 ? len : 0 );
+		return this.pushStack( j >= 0 && j < len ? [ this[ j ] ] : [] );
+	},
+
+	end: function() {
+		return this.prevObject || this.constructor();
+	},
+
+	// For internal use only.
+	// Behaves like an Array's method, not like a jQuery method.
+	push: push,
+	sort: deletedIds.sort,
+	splice: deletedIds.splice
+};
+
+jQuery.extend = jQuery.fn.extend = function() {
+	var src, copyIsArray, copy, name, options, clone,
+		target = arguments[ 0 ] || {},
+		i = 1,
+		length = arguments.length,
+		deep = false;
+
+	// Handle a deep copy situation
+	if ( typeof target === "boolean" ) {
+		deep = target;
+
+		// skip the boolean and the target
+		target = arguments[ i ] || {};
+		i++;
+	}
+
+	// Handle case when target is a string or something (possible in deep copy)
+	if ( typeof target !== "object" && !jQuery.isFunction( target ) ) {
+		target = {};
+	}
+
+	// extend jQuery itself if only one argument is passed
+	if ( i === length ) {
+		target = this;
+		i--;
+	}
+
+	for ( ; i < length; i++ ) {
+
+		// Only deal with non-null/undefined values
+		if ( ( options = arguments[ i ] ) != null ) {
+
+			// Extend the base object
+			for ( name in options ) {
+				src = target[ name ];
+				copy = options[ name ];
+
+				// Prevent never-ending loop
+				if ( target === copy ) {
+					continue;
+				}
+
+				// Recurse if we're merging plain objects or arrays
+				if ( deep && copy && ( jQuery.isPlainObject( copy ) ||
+					( copyIsArray = jQuery.isArray( copy ) ) ) ) {
+
+					if ( copyIsArray ) {
+						copyIsArray = false;
+						clone = src && jQuery.isArray( src ) ? src : [];
+
+					} else {
+						clone = src && jQuery.isPlainObject( src ) ? src : {};
+					}
+
+					// Never move original objects, clone them
+					target[ name ] = jQuery.extend( deep, clone, copy );
+
+				// Don't bring in undefined values
+				} else if ( copy !== undefined ) {
+					target[ name ] = copy;
+				}
+			}
+		}
+	}
+
+	// Return the modified object
+	return target;
+};
+
+jQuery.extend( {
+
+	// Unique for each copy of jQuery on the page
+	expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ),
+
+	// Assume jQuery is ready without the ready module
+	isReady: true,
+
+	error: function( msg ) {
+		throw new Error( msg );
+	},
+
+	noop: function() {},
+
+	// See test/unit/core.js for details concerning isFunction.
+	// Since version 1.3, DOM methods and functions like alert
+	// aren't supported. They return false on IE (#2968).
+	isFunction: function( obj ) {
+		return jQuery.type( obj ) === "function";
+	},
+
+	isArray: Array.isArray || function( obj ) {
+		return jQuery.type( obj ) === "array";
+	},
+
+	isWindow: function( obj ) {
+		/* jshint eqeqeq: false */
+		return obj != null && obj == obj.window;
+	},
+
+	isNumeric: function( obj ) {
+
+		// parseFloat NaNs numeric-cast false positives (null|true|false|"")
+		// ...but misinterprets leading-number strings, particularly hex literals ("0x...")
+		// subtraction forces infinities to NaN
+		// adding 1 corrects loss of precision from parseFloat (#15100)
+		var realStringObj = obj && obj.toString();
+		return !jQuery.isArray( obj ) && ( realStringObj - parseFloat( realStringObj ) + 1 ) >= 0;
+	},
+
+	isEmptyObject: function( obj ) {
+		var name;
+		for ( name in obj ) {
+			return false;
+		}
+		return true;
+	},
+
+	isPlainObject: function( obj ) {
+		var key;
+
+		// Must be an Object.
+		// Because of IE, we also have to check the presence of the constructor property.
+		// Make sure that DOM nodes and window objects don't pass through, as well
+		if ( !obj || jQuery.type( obj ) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
+			return false;
+		}
+
+		try {
+
+			// Not own constructor property must be Object
+			if ( obj.constructor &&
+				!hasOwn.call( obj, "constructor" ) &&
+				!hasOwn.call( obj.constructor.prototype, "isPrototypeOf" ) ) {
+				return false;
+			}
+		} catch ( e ) {
+
+			// IE8,9 Will throw exceptions on certain host objects #9897
+			return false;
+		}
+
+		// Support: IE<9
+		// Handle iteration over inherited properties before own properties.
+		if ( !support.ownFirst ) {
+			for ( key in obj ) {
+				return hasOwn.call( obj, key );
+			}
+		}
+
+		// Own properties are enumerated firstly, so to speed up,
+		// if last one is own, then all properties are own.
+		for ( key in obj ) {}
+
+		return key === undefined || hasOwn.call( obj, key );
+	},
+
+	type: function( obj ) {
+		if ( obj == null ) {
+			return obj + "";
+		}
+		return typeof obj === "object" || typeof obj === "function" ?
+			class2type[ toString.call( obj ) ] || "object" :
+			typeof obj;
+	},
+
+	// Workarounds based on findings by Jim Driscoll
+	// http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
+	globalEval: function( data ) {
+		if ( data && jQuery.trim( data ) ) {
+
+			// We use execScript on Internet Explorer
+			// We use an anonymous function so that context is window
+			// rather than jQuery in Firefox
+			( window.execScript || function( data ) {
+				window[ "eval" ].call( window, data ); // jscs:ignore requireDotNotation
+			} )( data );
+		}
+	},
+
+	// Convert dashed to camelCase; used by the css and data modules
+	// Microsoft forgot to hump their vendor prefix (#9572)
+	camelCase: function( string ) {
+		return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
+	},
+
+	nodeName: function( elem, name ) {
+		return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+	},
+
+	each: function( obj, callback ) {
+		var length, i = 0;
+
+		if ( isArrayLike( obj ) ) {
+			length = obj.length;
+			for ( ; i < length; i++ ) {
+				if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
+					break;
+				}
+			}
+		} else {
+			for ( i in obj ) {
+				if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
+					break;
+				}
+			}
+		}
+
+		return obj;
+	},
+
+	// Support: Android<4.1, IE<9
+	trim: function( text ) {
+		return text == null ?
+			"" :
+			( text + "" ).replace( rtrim, "" );
+	},
+
+	// results is for internal usage only
+	makeArray: function( arr, results ) {
+		var ret = results || [];
+
+		if ( arr != null ) {
+			if ( isArrayLike( Object( arr ) ) ) {
+				jQuery.merge( ret,
+					typeof arr === "string" ?
+					[ arr ] : arr
+				);
+			} else {
+				push.call( ret, arr );
+			}
+		}
+
+		return ret;
+	},
+
+	inArray: function( elem, arr, i ) {
+		var len;
+
+		if ( arr ) {
+			if ( indexOf ) {
+				return indexOf.call( arr, elem, i );
+			}
+
+			len = arr.length;
+			i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;
+
+			for ( ; i < len; i++ ) {
+
+				// Skip accessing in sparse arrays
+				if ( i in arr && arr[ i ] === elem ) {
+					return i;
+				}
+			}
+		}
+
+		return -1;
+	},
+
+	merge: function( first, second ) {
+		var len = +second.length,
+			j = 0,
+			i = first.length;
+
+		while ( j < len ) {
+			first[ i++ ] = second[ j++ ];
+		}
+
+		// Support: IE<9
+		// Workaround casting of .length to NaN on otherwise arraylike objects (e.g., NodeLists)
+		if ( len !== len ) {
+			while ( second[ j ] !== undefined ) {
+				first[ i++ ] = second[ j++ ];
+			}
+		}
+
+		first.length = i;
+
+		return first;
+	},
+
+	grep: function( elems, callback, invert ) {
+		var callbackInverse,
+			matches = [],
+			i = 0,
+			length = elems.length,
+			callbackExpect = !invert;
+
+		// Go through the array, only saving the items
+		// that pass the validator function
+		for ( ; i < length; i++ ) {
+			callbackInverse = !callback( elems[ i ], i );
+			if ( callbackInverse !== callbackExpect ) {
+				matches.push( elems[ i ] );
+			}
+		}
+
+		return matches;
+	},
+
+	// arg is for internal usage only
+	map: function( elems, callback, arg ) {
+		var length, value,
+			i = 0,
+			ret = [];
+
+		// Go through the array, translating each of the items to their new values
+		if ( isArrayLike( elems ) ) {
+			length = elems.length;
+			for ( ; i < length; i++ ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret.push( value );
+				}
+			}
+
+		// Go through every key on the object,
+		} else {
+			for ( i in elems ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret.push( value );
+				}
+			}
+		}
+
+		// Flatten any nested arrays
+		return concat.apply( [], ret );
+	},
+
+	// A global GUID counter for objects
+	guid: 1,
+
+	// Bind a function to a context, optionally partially applying any
+	// arguments.
+	proxy: function( fn, context ) {
+		var args, proxy, tmp;
+
+		if ( typeof context === "string" ) {
+			tmp = fn[ context ];
+			context = fn;
+			fn = tmp;
+		}
+
+		// Quick check to determine if target is callable, in the spec
+		// this throws a TypeError, but we will just return undefined.
+		if ( !jQuery.isFunction( fn ) ) {
+			return undefined;
+		}
+
+		// Simulated bind
+		args = slice.call( arguments, 2 );
+		proxy = function() {
+			return fn.apply( context || this, args.concat( slice.call( arguments ) ) );
+		};
+
+		// Set the guid of unique handler to the same of original handler, so it can be removed
+		proxy.guid = fn.guid = fn.guid || jQuery.guid++;
+
+		return proxy;
+	},
+
+	now: function() {
+		return +( new Date() );
+	},
+
+	// jQuery.support is not used in Core but other projects attach their
+	// properties to it so it needs to exist.
+	support: support
+} );
+
+// JSHint would error on this code due to the Symbol not being defined in ES5.
+// Defining this global in .jshintrc would create a danger of using the global
+// unguarded in another place, it seems safer to just disable JSHint for these
+// three lines.
+/* jshint ignore: start */
+if ( typeof Symbol === "function" ) {
+	jQuery.fn[ Symbol.iterator ] = deletedIds[ Symbol.iterator ];
+}
+/* jshint ignore: end */
+
+// Populate the class2type map
+jQuery.each( "Boolean Number String Function Array Date RegExp Object Error Symbol".split( " " ),
+function( i, name ) {
+	class2type[ "[object " + name + "]" ] = name.toLowerCase();
+} );
+
+function isArrayLike( obj ) {
+
+	// Support: iOS 8.2 (not reproducible in simulator)
+	// `in` check used to prevent JIT error (gh-2145)
+	// hasOwn isn't used here due to false negatives
+	// regarding Nodelist length in IE
+	var length = !!obj && "length" in obj && obj.length,
+		type = jQuery.type( obj );
+
+	if ( type === "function" || jQuery.isWindow( obj ) ) {
+		return false;
+	}
+
+	return type === "array" || length === 0 ||
+		typeof length === "number" && length > 0 && ( length - 1 ) in obj;
+}
+var Sizzle =
+/*!
+ * Sizzle CSS Selector Engine v2.2.1
+ * http://sizzlejs.com/
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2015-10-17
+ */
+(function( window ) {
+
+var i,
+	support,
+	Expr,
+	getText,
+	isXML,
+	tokenize,
+	compile,
+	select,
+	outermostContext,
+	sortInput,
+	hasDuplicate,
+
+	// Local document vars
+	setDocument,
+	document,
+	docElem,
+	documentIsHTML,
+	rbuggyQSA,
+	rbuggyMatches,
+	matches,
+	contains,
+
+	// Instance-specific data
+	expando = "sizzle" + 1 * new Date(),
+	preferredDoc = window.document,
+	dirruns = 0,
+	done = 0,
+	classCache = createCache(),
+	tokenCache = createCache(),
+	compilerCache = createCache(),
+	sortOrder = function( a, b ) {
+		if ( a === b ) {
+			hasDuplicate = true;
+		}
+		return 0;
+	},
+
+	// General-purpose constants
+	MAX_NEGATIVE = 1 << 31,
+
+	// Instance methods
+	hasOwn = ({}).hasOwnProperty,
+	arr = [],
+	pop = arr.pop,
+	push_native = arr.push,
+	push = arr.push,
+	slice = arr.slice,
+	// Use a stripped-down indexOf as it's faster than native
+	// http://jsperf.com/thor-indexof-vs-for/5
+	indexOf = function( list, elem ) {
+		var i = 0,
+			len = list.length;
+		for ( ; i < len; i++ ) {
+			if ( list[i] === elem ) {
+				return i;
+			}
+		}
+		return -1;
+	},
+
+	booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+
+	// Regular expressions
+
+	// http://www.w3.org/TR/css3-selectors/#whitespace
+	whitespace = "[\\x20\\t\\r\\n\\f]",
+
+	// http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+	identifier = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",
+
+	// Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors
+	attributes = "\\[" + whitespace + "*(" + identifier + ")(?:" + whitespace +
+		// Operator (capture 2)
+		"*([*^$|!~]?=)" + whitespace +
+		// "Attribute values must be CSS identifiers [capture 5] or strings [capture 3 or capture 4]"
+		"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" + whitespace +
+		"*\\]",
+
+	pseudos = ":(" + identifier + ")(?:\\((" +
+		// To reduce the number of selectors needing tokenize in the preFilter, prefer arguments:
+		// 1. quoted (capture 3; capture 4 or capture 5)
+		"('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" +
+		// 2. simple (capture 6)
+		"((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" +
+		// 3. anything else (capture 2)
+		".*" +
+		")\\)|)",
+
+	// Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
+	rwhitespace = new RegExp( whitespace + "+", "g" ),
+	rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
+
+	rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
+	rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ),
+
+	rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*?)" + whitespace + "*\\]", "g" ),
+
+	rpseudo = new RegExp( pseudos ),
+	ridentifier = new RegExp( "^" + identifier + "$" ),
+
+	matchExpr = {
+		"ID": new RegExp( "^#(" + identifier + ")" ),
+		"CLASS": new RegExp( "^\\.(" + identifier + ")" ),
+		"TAG": new RegExp( "^(" + identifier + "|[*])" ),
+		"ATTR": new RegExp( "^" + attributes ),
+		"PSEUDO": new RegExp( "^" + pseudos ),
+		"CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace +
+			"*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
+			"*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
+		"bool": new RegExp( "^(?:" + booleans + ")$", "i" ),
+		// For use in libraries implementing .is()
+		// We use this for POS matching in `select`
+		"needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+			whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
+	},
+
+	rinputs = /^(?:input|select|textarea|button)$/i,
+	rheader = /^h\d$/i,
+
+	rnative = /^[^{]+\{\s*\[native \w/,
+
+	// Easily-parseable/retrievable ID or TAG or CLASS selectors
+	rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+
+	rsibling = /[+~]/,
+	rescape = /'|\\/g,
+
+	// CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
+	runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ),
+	funescape = function( _, escaped, escapedWhitespace ) {
+		var high = "0x" + escaped - 0x10000;
+		// NaN means non-codepoint
+		// Support: Firefox<24
+		// Workaround erroneous numeric interpretation of +"0x"
+		return high !== high || escapedWhitespace ?
+			escaped :
+			high < 0 ?
+				// BMP codepoint
+				String.fromCharCode( high + 0x10000 ) :
+				// Supplemental Plane codepoint (surrogate pair)
+				String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
+	},
+
+	// Used for iframes
+	// See setDocument()
+	// Removing the function wrapper causes a "Permission Denied"
+	// error in IE
+	unloadHandler = function() {
+		setDocument();
+	};
+
+// Optimize for push.apply( _, NodeList )
+try {
+	push.apply(
+		(arr = slice.call( preferredDoc.childNodes )),
+		preferredDoc.childNodes
+	);
+	// Support: Android<4.0
+	// Detect silently failing push.apply
+	arr[ preferredDoc.childNodes.length ].nodeType;
+} catch ( e ) {
+	push = { apply: arr.length ?
+
+		// Leverage slice if possible
+		function( target, els ) {
+			push_native.apply( target, slice.call(els) );
+		} :
+
+		// Support: IE<9
+		// Otherwise append directly
+		function( target, els ) {
+			var j = target.length,
+				i = 0;
+			// Can't trust NodeList.length
+			while ( (target[j++] = els[i++]) ) {}
+			target.length = j - 1;
+		}
+	};
+}
+
+function Sizzle( selector, context, results, seed ) {
+	var m, i, elem, nid, nidselect, match, groups, newSelector,
+		newContext = context && context.ownerDocument,
+
+		// nodeType defaults to 9, since context defaults to document
+		nodeType = context ? context.nodeType : 9;
+
+	results = results || [];
+
+	// Return early from calls with invalid selector or context
+	if ( typeof selector !== "string" || !selector ||
+		nodeType !== 1 && nodeType !== 9 && nodeType !== 11 ) {
+
+		return results;
+	}
+
+	// Try to shortcut find operations (as opposed to filters) in HTML documents
+	if ( !seed ) {
+
+		if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) {
+			setDocument( context );
+		}
+		context = context || document;
+
+		if ( documentIsHTML ) {
+
+			// If the selector is sufficiently simple, try using a "get*By*" DOM method
+			// (excepting DocumentFragment context, where the methods don't exist)
+			if ( nodeType !== 11 && (match = rquickExpr.exec( selector )) ) {
+
+				// ID selector
+				if ( (m = match[1]) ) {
+
+					// Document context
+					if ( nodeType === 9 ) {
+						if ( (elem = context.getElementById( m )) ) {
+
+							// Support: IE, Opera, Webkit
+							// TODO: identify versions
+							// getElementById can match elements by name instead of ID
+							if ( elem.id === m ) {
+								results.push( elem );
+								return results;
+							}
+						} else {
+							return results;
+						}
+
+					// Element context
+					} else {
+
+						// Support: IE, Opera, Webkit
+						// TODO: identify versions
+						// getElementById can match elements by name instead of ID
+						if ( newContext && (elem = newContext.getElementById( m )) &&
+							contains( context, elem ) &&
+							elem.id === m ) {
+
+							results.push( elem );
+							return results;
+						}
+					}
+
+				// Type selector
+				} else if ( match[2] ) {
+					push.apply( results, context.getElementsByTagName( selector ) );
+					return results;
+
+				// Class selector
+				} else if ( (m = match[3]) && support.getElementsByClassName &&
+					context.getElementsByClassName ) {
+
+					push.apply( results, context.getElementsByClassName( m ) );
+					return results;
+				}
+			}
+
+			// Take advantage of querySelectorAll
+			if ( support.qsa &&
+				!compilerCache[ selector + " " ] &&
+				(!rbuggyQSA || !rbuggyQSA.test( selector )) ) {
+
+				if ( nodeType !== 1 ) {
+					newContext = context;
+					newSelector = selector;
+
+				// qSA looks outside Element context, which is not what we want
+				// Thanks to Andrew Dupont for this workaround technique
+				// Support: IE <=8
+				// Exclude object elements
+				} else if ( context.nodeName.toLowerCase() !== "object" ) {
+
+					// Capture the context ID, setting it first if necessary
+					if ( (nid = context.getAttribute( "id" )) ) {
+						nid = nid.replace( rescape, "\\$&" );
+					} else {
+						context.setAttribute( "id", (nid = expando) );
+					}
+
+					// Prefix every selector in the list
+					groups = tokenize( selector );
+					i = groups.length;
+					nidselect = ridentifier.test( nid ) ? "#" + nid : "[id='" + nid + "']";
+					while ( i-- ) {
+						groups[i] = nidselect + " " + toSelector( groups[i] );
+					}
+					newSelector = groups.join( "," );
+
+					// Expand context for sibling selectors
+					newContext = rsibling.test( selector ) && testContext( context.parentNode ) ||
+						context;
+				}
+
+				if ( newSelector ) {
+					try {
+						push.apply( results,
+							newContext.querySelectorAll( newSelector )
+						);
+						return results;
+					} catch ( qsaError ) {
+					} finally {
+						if ( nid === expando ) {
+							context.removeAttribute( "id" );
+						}
+					}
+				}
+			}
+		}
+	}
+
+	// All others
+	return select( selector.replace( rtrim, "$1" ), context, results, seed );
+}
+
+/**
+ * Create key-value caches of limited size
+ * @returns {function(string, object)} Returns the Object data after storing it on itself with
+ *	property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
+ *	deleting the oldest entry
+ */
+function createCache() {
+	var keys = [];
+
+	function cache( key, value ) {
+		// Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
+		if ( keys.push( key + " " ) > Expr.cacheLength ) {
+			// Only keep the most recent entries
+			delete cache[ keys.shift() ];
+		}
+		return (cache[ key + " " ] = value);
+	}
+	return cache;
+}
+
+/**
+ * Mark a function for special use by Sizzle
+ * @param {Function} fn The function to mark
+ */
+function markFunction( fn ) {
+	fn[ expando ] = true;
+	return fn;
+}
+
+/**
+ * Support testing using an element
+ * @param {Function} fn Passed the created div and expects a boolean result
+ */
+function assert( fn ) {
+	var div = document.createElement("div");
+
+	try {
+		return !!fn( div );
+	} catch (e) {
+		return false;
+	} finally {
+		// Remove from its parent by default
+		if ( div.parentNode ) {
+			div.parentNode.removeChild( div );
+		}
+		// release memory in IE
+		div = null;
+	}
+}
+
+/**
+ * Adds the same handler for all of the specified attrs
+ * @param {String} attrs Pipe-separated list of attributes
+ * @param {Function} handler The method that will be applied
+ */
+function addHandle( attrs, handler ) {
+	var arr = attrs.split("|"),
+		i = arr.length;
+
+	while ( i-- ) {
+		Expr.attrHandle[ arr[i] ] = handler;
+	}
+}
+
+/**
+ * Checks document order of two siblings
+ * @param {Element} a
+ * @param {Element} b
+ * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b
+ */
+function siblingCheck( a, b ) {
+	var cur = b && a,
+		diff = cur && a.nodeType === 1 && b.nodeType === 1 &&
+			( ~b.sourceIndex || MAX_NEGATIVE ) -
+			( ~a.sourceIndex || MAX_NEGATIVE );
+
+	// Use IE sourceIndex if available on both nodes
+	if ( diff ) {
+		return diff;
+	}
+
+	// Check if b follows a
+	if ( cur ) {
+		while ( (cur = cur.nextSibling) ) {
+			if ( cur === b ) {
+				return -1;
+			}
+		}
+	}
+
+	return a ? 1 : -1;
+}
+
+/**
+ * Returns a function to use in pseudos for input types
+ * @param {String} type
+ */
+function createInputPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return name === "input" && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for buttons
+ * @param {String} type
+ */
+function createButtonPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return (name === "input" || name === "button") && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for positionals
+ * @param {Function} fn
+ */
+function createPositionalPseudo( fn ) {
+	return markFunction(function( argument ) {
+		argument = +argument;
+		return markFunction(function( seed, matches ) {
+			var j,
+				matchIndexes = fn( [], seed.length, argument ),
+				i = matchIndexes.length;
+
+			// Match elements found at the specified indexes
+			while ( i-- ) {
+				if ( seed[ (j = matchIndexes[i]) ] ) {
+					seed[j] = !(matches[j] = seed[j]);
+				}
+			}
+		});
+	});
+}
+
+/**
+ * Checks a node for validity as a Sizzle context
+ * @param {Element|Object=} context
+ * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value
+ */
+function testContext( context ) {
+	return context && typeof context.getElementsByTagName !== "undefined" && context;
+}
+
+// Expose support vars for convenience
+support = Sizzle.support = {};
+
+/**
+ * Detects XML nodes
+ * @param {Element|Object} elem An element or a document
+ * @returns {Boolean} True iff elem is a non-HTML XML node
+ */
+isXML = Sizzle.isXML = function( elem ) {
+	// documentElement is verified for cases where it doesn't yet exist
+	// (such as loading iframes in IE - #4833)
+	var documentElement = elem && (elem.ownerDocument || elem).documentElement;
+	return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+/**
+ * Sets document-related variables once based on the current document
+ * @param {Element|Object} [doc] An element or document object to use to set the document
+ * @returns {Object} Returns the current document
+ */
+setDocument = Sizzle.setDocument = function( node ) {
+	var hasCompare, parent,
+		doc = node ? node.ownerDocument || node : preferredDoc;
+
+	// Return early if doc is invalid or already selected
+	if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) {
+		return document;
+	}
+
+	// Update global variables
+	document = doc;
+	docElem = document.documentElement;
+	documentIsHTML = !isXML( document );
+
+	// Support: IE 9-11, Edge
+	// Accessing iframe documents after unload throws "permission denied" errors (jQuery #13936)
+	if ( (parent = document.defaultView) && parent.top !== parent ) {
+		// Support: IE 11
+		if ( parent.addEventListener ) {
+			parent.addEventListener( "unload", unloadHandler, false );
+
+		// Support: IE 9 - 10 only
+		} else if ( parent.attachEvent ) {
+			parent.attachEvent( "onunload", unloadHandler );
+		}
+	}
+
+	/* Attributes
+	---------------------------------------------------------------------- */
+
+	// Support: IE<8
+	// Verify that getAttribute really returns attributes and not properties
+	// (excepting IE8 booleans)
+	support.attributes = assert(function( div ) {
+		div.className = "i";
+		return !div.getAttribute("className");
+	});
+
+	/* getElement(s)By*
+	---------------------------------------------------------------------- */
+
+	// Check if getElementsByTagName("*") returns only elements
+	support.getElementsByTagName = assert(function( div ) {
+		div.appendChild( document.createComment("") );
+		return !div.getElementsByTagName("*").length;
+	});
+
+	// Support: IE<9
+	support.getElementsByClassName = rnative.test( document.getElementsByClassName );
+
+	// Support: IE<10
+	// Check if getElementById returns elements by name
+	// The broken getElementById methods don't pick up programatically-set names,
+	// so use a roundabout getElementsByName test
+	support.getById = assert(function( div ) {
+		docElem.appendChild( div ).id = expando;
+		return !document.getElementsByName || !document.getElementsByName( expando ).length;
+	});
+
+	// ID find and filter
+	if ( support.getById ) {
+		Expr.find["ID"] = function( id, context ) {
+			if ( typeof context.getElementById !== "undefined" && documentIsHTML ) {
+				var m = context.getElementById( id );
+				return m ? [ m ] : [];
+			}
+		};
+		Expr.filter["ID"] = function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				return elem.getAttribute("id") === attrId;
+			};
+		};
+	} else {
+		// Support: IE6/7
+		// getElementById is not reliable as a find shortcut
+		delete Expr.find["ID"];
+
+		Expr.filter["ID"] =  function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				var node = typeof elem.getAttributeNode !== "undefined" &&
+					elem.getAttributeNode("id");
+				return node && node.value === attrId;
+			};
+		};
+	}
+
+	// Tag
+	Expr.find["TAG"] = support.getElementsByTagName ?
+		function( tag, context ) {
+			if ( typeof context.getElementsByTagName !== "undefined" ) {
+				return context.getElementsByTagName( tag );
+
+			// DocumentFragment nodes don't have gEBTN
+			} else if ( support.qsa ) {
+				return context.querySelectorAll( tag );
+			}
+		} :
+
+		function( tag, context ) {
+			var elem,
+				tmp = [],
+				i = 0,
+				// By happy coincidence, a (broken) gEBTN appears on DocumentFragment nodes too
+				results = context.getElementsByTagName( tag );
+
+			// Filter out possible comments
+			if ( tag === "*" ) {
+				while ( (elem = results[i++]) ) {
+					if ( elem.nodeType === 1 ) {
+						tmp.push( elem );
+					}
+				}
+
+				return tmp;
+			}
+			return results;
+		};
+
+	// Class
+	Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) {
+		if ( typeof context.getElementsByClassName !== "undefined" && documentIsHTML ) {
+			return context.getElementsByClassName( className );
+		}
+	};
+
+	/* QSA/matchesSelector
+	---------------------------------------------------------------------- */
+
+	// QSA and matchesSelector support
+
+	// matchesSelector(:active) reports false when true (IE9/Opera 11.5)
+	rbuggyMatches = [];
+
+	// qSa(:focus) reports false when true (Chrome 21)
+	// We allow this because of a bug in IE8/9 that throws an error
+	// whenever `document.activeElement` is accessed on an iframe
+	// So, we allow :focus to pass through QSA all the time to avoid the IE error
+	// See http://bugs.jquery.com/ticket/13378
+	rbuggyQSA = [];
+
+	if ( (support.qsa = rnative.test( document.querySelectorAll )) ) {
+		// Build QSA regex
+		// Regex strategy adopted from Diego Perini
+		assert(function( div ) {
+			// Select is set to empty string on purpose
+			// This is to test IE's treatment of not explicitly
+			// setting a boolean content attribute,
+			// since its presence should be enough
+			// http://bugs.jquery.com/ticket/12359
+			docElem.appendChild( div ).innerHTML = "<a id='" + expando + "'></a>" +
+				"<select id='" + expando + "-\r\\' msallowcapture=''>" +
+				"<option selected=''></option></select>";
+
+			// Support: IE8, Opera 11-12.16
+			// Nothing should be selected when empty strings follow ^= or $= or *=
+			// The test attribute must be unknown in Opera but "safe" for WinRT
+			// http://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section
+			if ( div.querySelectorAll("[msallowcapture^='']").length ) {
+				rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" );
+			}
+
+			// Support: IE8
+			// Boolean attributes and "value" are not treated correctly
+			if ( !div.querySelectorAll("[selected]").length ) {
+				rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" );
+			}
+
+			// Support: Chrome<29, Android<4.4, Safari<7.0+, iOS<7.0+, PhantomJS<1.9.8+
+			if ( !div.querySelectorAll( "[id~=" + expando + "-]" ).length ) {
+				rbuggyQSA.push("~=");
+			}
+
+			// Webkit/Opera - :checked should return selected option elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":checked").length ) {
+				rbuggyQSA.push(":checked");
+			}
+
+			// Support: Safari 8+, iOS 8+
+			// https://bugs.webkit.org/show_bug.cgi?id=136851
+			// In-page `selector#id sibing-combinator selector` fails
+			if ( !div.querySelectorAll( "a#" + expando + "+*" ).length ) {
+				rbuggyQSA.push(".#.+[+~]");
+			}
+		});
+
+		assert(function( div ) {
+			// Support: Windows 8 Native Apps
+			// The type and name attributes are restricted during .innerHTML assignment
+			var input = document.createElement("input");
+			input.setAttribute( "type", "hidden" );
+			div.appendChild( input ).setAttribute( "name", "D" );
+
+			// Support: IE8
+			// Enforce case-sensitivity of name attribute
+			if ( div.querySelectorAll("[name=d]").length ) {
+				rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" );
+			}
+
+			// FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":enabled").length ) {
+				rbuggyQSA.push( ":enabled", ":disabled" );
+			}
+
+			// Opera 10-11 does not throw on post-comma invalid pseudos
+			div.querySelectorAll("*,:x");
+			rbuggyQSA.push(",.*:");
+		});
+	}
+
+	if ( (support.matchesSelector = rnative.test( (matches = docElem.matches ||
+		docElem.webkitMatchesSelector ||
+		docElem.mozMatchesSelector ||
+		docElem.oMatchesSelector ||
+		docElem.msMatchesSelector) )) ) {
+
+		assert(function( div ) {
+			// Check to see if it's possible to do matchesSelector
+			// on a disconnected node (IE 9)
+			support.disconnectedMatch = matches.call( div, "div" );
+
+			// This should fail with an exception
+			// Gecko does not error, returns false instead
+			matches.call( div, "[s!='']:x" );
+			rbuggyMatches.push( "!=", pseudos );
+		});
+	}
+
+	rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") );
+	rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") );
+
+	/* Contains
+	---------------------------------------------------------------------- */
+	hasCompare = rnative.test( docElem.compareDocumentPosition );
+
+	// Element contains another
+	// Purposefully self-exclusive
+	// As in, an element does not contain itself
+	contains = hasCompare || rnative.test( docElem.contains ) ?
+		function( a, b ) {
+			var adown = a.nodeType === 9 ? a.documentElement : a,
+				bup = b && b.parentNode;
+			return a === bup || !!( bup && bup.nodeType === 1 && (
+				adown.contains ?
+					adown.contains( bup ) :
+					a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
+			));
+		} :
+		function( a, b ) {
+			if ( b ) {
+				while ( (b = b.parentNode) ) {
+					if ( b === a ) {
+						return true;
+					}
+				}
+			}
+			return false;
+		};
+
+	/* Sorting
+	---------------------------------------------------------------------- */
+
+	// Document order sorting
+	sortOrder = hasCompare ?
+	function( a, b ) {
+
+		// Flag for duplicate removal
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		// Sort on method existence if only one input has compareDocumentPosition
+		var compare = !a.compareDocumentPosition - !b.compareDocumentPosition;
+		if ( compare ) {
+			return compare;
+		}
+
+		// Calculate position if both inputs belong to the same document
+		compare = ( a.ownerDocument || a ) === ( b.ownerDocument || b ) ?
+			a.compareDocumentPosition( b ) :
+
+			// Otherwise we know they are disconnected
+			1;
+
+		// Disconnected nodes
+		if ( compare & 1 ||
+			(!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) {
+
+			// Choose the first element that is related to our preferred document
+			if ( a === document || a.ownerDocument === preferredDoc && contains(preferredDoc, a) ) {
+				return -1;
+			}
+			if ( b === document || b.ownerDocument === preferredDoc && contains(preferredDoc, b) ) {
+				return 1;
+			}
+
+			// Maintain original order
+			return sortInput ?
+				( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) :
+				0;
+		}
+
+		return compare & 4 ? -1 : 1;
+	} :
+	function( a, b ) {
+		// Exit early if the nodes are identical
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		var cur,
+			i = 0,
+			aup = a.parentNode,
+			bup = b.parentNode,
+			ap = [ a ],
+			bp = [ b ];
+
+		// Parentless nodes are either documents or disconnected
+		if ( !aup || !bup ) {
+			return a === document ? -1 :
+				b === document ? 1 :
+				aup ? -1 :
+				bup ? 1 :
+				sortInput ?
+				( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) :
+				0;
+
+		// If the nodes are siblings, we can do a quick check
+		} else if ( aup === bup ) {
+			return siblingCheck( a, b );
+		}
+
+		// Otherwise we need full lists of their ancestors for comparison
+		cur = a;
+		while ( (cur = cur.parentNode) ) {
+			ap.unshift( cur );
+		}
+		cur = b;
+		while ( (cur = cur.parentNode) ) {
+			bp.unshift( cur );
+		}
+
+		// Walk down the tree looking for a discrepancy
+		while ( ap[i] === bp[i] ) {
+			i++;
+		}
+
+		return i ?
+			// Do a sibling check if the nodes have a common ancestor
+			siblingCheck( ap[i], bp[i] ) :
+
+			// Otherwise nodes in our document sort first
+			ap[i] === preferredDoc ? -1 :
+			bp[i] === preferredDoc ? 1 :
+			0;
+	};
+
+	return document;
+};
+
+Sizzle.matches = function( expr, elements ) {
+	return Sizzle( expr, null, null, elements );
+};
+
+Sizzle.matchesSelector = function( elem, expr ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	// Make sure that attribute selectors are quoted
+	expr = expr.replace( rattributeQuotes, "='$1']" );
+
+	if ( support.matchesSelector && documentIsHTML &&
+		!compilerCache[ expr + " " ] &&
+		( !rbuggyMatches || !rbuggyMatches.test( expr ) ) &&
+		( !rbuggyQSA     || !rbuggyQSA.test( expr ) ) ) {
+
+		try {
+			var ret = matches.call( elem, expr );
+
+			// IE 9's matchesSelector returns false on disconnected nodes
+			if ( ret || support.disconnectedMatch ||
+					// As well, disconnected nodes are said to be in a document
+					// fragment in IE 9
+					elem.document && elem.document.nodeType !== 11 ) {
+				return ret;
+			}
+		} catch (e) {}
+	}
+
+	return Sizzle( expr, document, null, [ elem ] ).length > 0;
+};
+
+Sizzle.contains = function( context, elem ) {
+	// Set document vars if needed
+	if ( ( context.ownerDocument || context ) !== document ) {
+		setDocument( context );
+	}
+	return contains( context, elem );
+};
+
+Sizzle.attr = function( elem, name ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	var fn = Expr.attrHandle[ name.toLowerCase() ],
+		// Don't get fooled by Object.prototype properties (jQuery #13807)
+		val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ?
+			fn( elem, name, !documentIsHTML ) :
+			undefined;
+
+	return val !== undefined ?
+		val :
+		support.attributes || !documentIsHTML ?
+			elem.getAttribute( name ) :
+			(val = elem.getAttributeNode(name)) && val.specified ?
+				val.value :
+				null;
+};
+
+Sizzle.error = function( msg ) {
+	throw new Error( "Syntax error, unrecognized expression: " + msg );
+};
+
+/**
+ * Document sorting and removing duplicates
+ * @param {ArrayLike} results
+ */
+Sizzle.uniqueSort = function( results ) {
+	var elem,
+		duplicates = [],
+		j = 0,
+		i = 0;
+
+	// Unless we *know* we can detect duplicates, assume their presence
+	hasDuplicate = !support.detectDuplicates;
+	sortInput = !support.sortStable && results.slice( 0 );
+	results.sort( sortOrder );
+
+	if ( hasDuplicate ) {
+		while ( (elem = results[i++]) ) {
+			if ( elem === results[ i ] ) {
+				j = duplicates.push( i );
+			}
+		}
+		while ( j-- ) {
+			results.splice( duplicates[ j ], 1 );
+		}
+	}
+
+	// Clear input after sorting to release objects
+	// See https://github.com/jquery/sizzle/pull/225
+	sortInput = null;
+
+	return results;
+};
+
+/**
+ * Utility function for retrieving the text value of an array of DOM nodes
+ * @param {Array|Element} elem
+ */
+getText = Sizzle.getText = function( elem ) {
+	var node,
+		ret = "",
+		i = 0,
+		nodeType = elem.nodeType;
+
+	if ( !nodeType ) {
+		// If no nodeType, this is expected to be an array
+		while ( (node = elem[i++]) ) {
+			// Do not traverse comment nodes
+			ret += getText( node );
+		}
+	} else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
+		// Use textContent for elements
+		// innerText usage removed for consistency of new lines (jQuery #11153)
+		if ( typeof elem.textContent === "string" ) {
+			return elem.textContent;
+		} else {
+			// Traverse its children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				ret += getText( elem );
+			}
+		}
+	} else if ( nodeType === 3 || nodeType === 4 ) {
+		return elem.nodeValue;
+	}
+	// Do not include comment or processing instruction nodes
+
+	return ret;
+};
+
+Expr = Sizzle.selectors = {
+
+	// Can be adjusted by the user
+	cacheLength: 50,
+
+	createPseudo: markFunction,
+
+	match: matchExpr,
+
+	attrHandle: {},
+
+	find: {},
+
+	relative: {
+		">": { dir: "parentNode", first: true },
+		" ": { dir: "parentNode" },
+		"+": { dir: "previousSibling", first: true },
+		"~": { dir: "previousSibling" }
+	},
+
+	preFilter: {
+		"ATTR": function( match ) {
+			match[1] = match[1].replace( runescape, funescape );
+
+			// Move the given value to match[3] whether quoted or unquoted
+			match[3] = ( match[3] || match[4] || match[5] || "" ).replace( runescape, funescape );
+
+			if ( match[2] === "~=" ) {
+				match[3] = " " + match[3] + " ";
+			}
+
+			return match.slice( 0, 4 );
+		},
+
+		"CHILD": function( match ) {
+			/* matches from matchExpr["CHILD"]
+				1 type (only|nth|...)
+				2 what (child|of-type)
+				3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
+				4 xn-component of xn+y argument ([+-]?\d*n|)
+				5 sign of xn-component
+				6 x of xn-component
+				7 sign of y-component
+				8 y of y-component
+			*/
+			match[1] = match[1].toLowerCase();
+
+			if ( match[1].slice( 0, 3 ) === "nth" ) {
+				// nth-* requires argument
+				if ( !match[3] ) {
+					Sizzle.error( match[0] );
+				}
+
+				// numeric x and y parameters for Expr.filter.CHILD
+				// remember that false/true cast respectively to 0/1
+				match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) );
+				match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" );
+
+			// other types prohibit arguments
+			} else if ( match[3] ) {
+				Sizzle.error( match[0] );
+			}
+
+			return match;
+		},
+
+		"PSEUDO": function( match ) {
+			var excess,
+				unquoted = !match[6] && match[2];
+
+			if ( matchExpr["CHILD"].test( match[0] ) ) {
+				return null;
+			}
+
+			// Accept quoted arguments as-is
+			if ( match[3] ) {
+				match[2] = match[4] || match[5] || "";
+
+			// Strip excess characters from unquoted arguments
+			} else if ( unquoted && rpseudo.test( unquoted ) &&
+				// Get excess from tokenize (recursively)
+				(excess = tokenize( unquoted, true )) &&
+				// advance to the next closing parenthesis
+				(excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
+
+				// excess is a negative index
+				match[0] = match[0].slice( 0, excess );
+				match[2] = unquoted.slice( 0, excess );
+			}
+
+			// Return only captures needed by the pseudo filter method (type and argument)
+			return match.slice( 0, 3 );
+		}
+	},
+
+	filter: {
+
+		"TAG": function( nodeNameSelector ) {
+			var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase();
+			return nodeNameSelector === "*" ?
+				function() { return true; } :
+				function( elem ) {
+					return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
+				};
+		},
+
+		"CLASS": function( className ) {
+			var pattern = classCache[ className + " " ];
+
+			return pattern ||
+				(pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) &&
+				classCache( className, function( elem ) {
+					return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== "undefined" && elem.getAttribute("class") || "" );
+				});
+		},
+
+		"ATTR": function( name, operator, check ) {
+			return function( elem ) {
+				var result = Sizzle.attr( elem, name );
+
+				if ( result == null ) {
+					return operator === "!=";
+				}
+				if ( !operator ) {
+					return true;
+				}
+
+				result += "";
+
+				return operator === "=" ? result === check :
+					operator === "!=" ? result !== check :
+					operator === "^=" ? check && result.indexOf( check ) === 0 :
+					operator === "*=" ? check && result.indexOf( check ) > -1 :
+					operator === "$=" ? check && result.slice( -check.length ) === check :
+					operator === "~=" ? ( " " + result.replace( rwhitespace, " " ) + " " ).indexOf( check ) > -1 :
+					operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" :
+					false;
+			};
+		},
+
+		"CHILD": function( type, what, argument, first, last ) {
+			var simple = type.slice( 0, 3 ) !== "nth",
+				forward = type.slice( -4 ) !== "last",
+				ofType = what === "of-type";
+
+			return first === 1 && last === 0 ?
+
+				// Shortcut for :nth-*(n)
+				function( elem ) {
+					return !!elem.parentNode;
+				} :
+
+				function( elem, context, xml ) {
+					var cache, uniqueCache, outerCache, node, nodeIndex, start,
+						dir = simple !== forward ? "nextSibling" : "previousSibling",
+						parent = elem.parentNode,
+						name = ofType && elem.nodeName.toLowerCase(),
+						useCache = !xml && !ofType,
+						diff = false;
+
+					if ( parent ) {
+
+						// :(first|last|only)-(child|of-type)
+						if ( simple ) {
+							while ( dir ) {
+								node = elem;
+								while ( (node = node[ dir ]) ) {
+									if ( ofType ?
+										node.nodeName.toLowerCase() === name :
+										node.nodeType === 1 ) {
+
+										return false;
+									}
+								}
+								// Reverse direction for :only-* (if we haven't yet done so)
+								start = dir = type === "only" && !start && "nextSibling";
+							}
+							return true;
+						}
+
+						start = [ forward ? parent.firstChild : parent.lastChild ];
+
+						// non-xml :nth-child(...) stores cache data on `parent`
+						if ( forward && useCache ) {
+
+							// Seek `elem` from a previously-cached index
+
+							// ...in a gzip-friendly way
+							node = parent;
+							outerCache = node[ expando ] || (node[ expando ] = {});
+
+							// Support: IE <9 only
+							// Defend against cloned attroperties (jQuery gh-1709)
+							uniqueCache = outerCache[ node.uniqueID ] ||
+								(outerCache[ node.uniqueID ] = {});
+
+							cache = uniqueCache[ type ] || [];
+							nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ];
+							diff = nodeIndex && cache[ 2 ];
+							node = nodeIndex && parent.childNodes[ nodeIndex ];
+
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+
+								// Fallback to seeking `elem` from the start
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								// When found, cache indexes on `parent` and break
+								if ( node.nodeType === 1 && ++diff && node === elem ) {
+									uniqueCache[ type ] = [ dirruns, nodeIndex, diff ];
+									break;
+								}
+							}
+
+						} else {
+							// Use previously-cached element index if available
+							if ( useCache ) {
+								// ...in a gzip-friendly way
+								node = elem;
+								outerCache = node[ expando ] || (node[ expando ] = {});
+
+								// Support: IE <9 only
+								// Defend against cloned attroperties (jQuery gh-1709)
+								uniqueCache = outerCache[ node.uniqueID ] ||
+									(outerCache[ node.uniqueID ] = {});
+
+								cache = uniqueCache[ type ] || [];
+								nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ];
+								diff = nodeIndex;
+							}
+
+							// xml :nth-child(...)
+							// or :nth-last-child(...) or :nth(-last)?-of-type(...)
+							if ( diff === false ) {
+								// Use the same loop as above to seek `elem` from the start
+								while ( (node = ++nodeIndex && node && node[ dir ] ||
+									(diff = nodeIndex = 0) || start.pop()) ) {
+
+									if ( ( ofType ?
+										node.nodeName.toLowerCase() === name :
+										node.nodeType === 1 ) &&
+										++diff ) {
+
+										// Cache the index of each encountered element
+										if ( useCache ) {
+											outerCache = node[ expando ] || (node[ expando ] = {});
+
+											// Support: IE <9 only
+											// Defend against cloned attroperties (jQuery gh-1709)
+											uniqueCache = outerCache[ node.uniqueID ] ||
+												(outerCache[ node.uniqueID ] = {});
+
+											uniqueCache[ type ] = [ dirruns, diff ];
+										}
+
+										if ( node === elem ) {
+											break;
+										}
+									}
+								}
+							}
+						}
+
+						// Incorporate the offset, then check against cycle size
+						diff -= last;
+						return diff === first || ( diff % first === 0 && diff / first >= 0 );
+					}
+				};
+		},
+
+		"PSEUDO": function( pseudo, argument ) {
+			// pseudo-class names are case-insensitive
+			// http://www.w3.org/TR/selectors/#pseudo-classes
+			// Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
+			// Remember that setFilters inherits from pseudos
+			var args,
+				fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
+					Sizzle.error( "unsupported pseudo: " + pseudo );
+
+			// The user may use createPseudo to indicate that
+			// arguments are needed to create the filter function
+			// just as Sizzle does
+			if ( fn[ expando ] ) {
+				return fn( argument );
+			}
+
+			// But maintain support for old signatures
+			if ( fn.length > 1 ) {
+				args = [ pseudo, pseudo, "", argument ];
+				return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
+					markFunction(function( seed, matches ) {
+						var idx,
+							matched = fn( seed, argument ),
+							i = matched.length;
+						while ( i-- ) {
+							idx = indexOf( seed, matched[i] );
+							seed[ idx ] = !( matches[ idx ] = matched[i] );
+						}
+					}) :
+					function( elem ) {
+						return fn( elem, 0, args );
+					};
+			}
+
+			return fn;
+		}
+	},
+
+	pseudos: {
+		// Potentially complex pseudos
+		"not": markFunction(function( selector ) {
+			// Trim the selector passed to compile
+			// to avoid treating leading and trailing
+			// spaces as combinators
+			var input = [],
+				results = [],
+				matcher = compile( selector.replace( rtrim, "$1" ) );
+
+			return matcher[ expando ] ?
+				markFunction(function( seed, matches, context, xml ) {
+					var elem,
+						unmatched = matcher( seed, null, xml, [] ),
+						i = seed.length;
+
+					// Match elements unmatched by `matcher`
+					while ( i-- ) {
+						if ( (elem = unmatched[i]) ) {
+							seed[i] = !(matches[i] = elem);
+						}
+					}
+				}) :
+				function( elem, context, xml ) {
+					input[0] = elem;
+					matcher( input, null, xml, results );
+					// Don't keep the element (issue #299)
+					input[0] = null;
+					return !results.pop();
+				};
+		}),
+
+		"has": markFunction(function( selector ) {
+			return function( elem ) {
+				return Sizzle( selector, elem ).length > 0;
+			};
+		}),
+
+		"contains": markFunction(function( text ) {
+			text = text.replace( runescape, funescape );
+			return function( elem ) {
+				return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
+			};
+		}),
+
+		// "Whether an element is represented by a :lang() selector
+		// is based solely on the element's language value
+		// being equal to the identifier C,
+		// or beginning with the identifier C immediately followed by "-".
+		// The matching of C against the element's language value is performed case-insensitively.
+		// The identifier C does not have to be a valid language name."
+		// http://www.w3.org/TR/selectors/#lang-pseudo
+		"lang": markFunction( function( lang ) {
+			// lang value must be a valid identifier
+			if ( !ridentifier.test(lang || "") ) {
+				Sizzle.error( "unsupported lang: " + lang );
+			}
+			lang = lang.replace( runescape, funescape ).toLowerCase();
+			return function( elem ) {
+				var elemLang;
+				do {
+					if ( (elemLang = documentIsHTML ?
+						elem.lang :
+						elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) {
+
+						elemLang = elemLang.toLowerCase();
+						return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
+					}
+				} while ( (elem = elem.parentNode) && elem.nodeType === 1 );
+				return false;
+			};
+		}),
+
+		// Miscellaneous
+		"target": function( elem ) {
+			var hash = window.location && window.location.hash;
+			return hash && hash.slice( 1 ) === elem.id;
+		},
+
+		"root": function( elem ) {
+			return elem === docElem;
+		},
+
+		"focus": function( elem ) {
+			return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
+		},
+
+		// Boolean properties
+		"enabled": function( elem ) {
+			return elem.disabled === false;
+		},
+
+		"disabled": function( elem ) {
+			return elem.disabled === true;
+		},
+
+		"checked": function( elem ) {
+			// In CSS3, :checked should return both checked and selected elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			var nodeName = elem.nodeName.toLowerCase();
+			return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
+		},
+
+		"selected": function( elem ) {
+			// Accessing this property makes selected-by-default
+			// options in Safari work properly
+			if ( elem.parentNode ) {
+				elem.parentNode.selectedIndex;
+			}
+
+			return elem.selected === true;
+		},
+
+		// Contents
+		"empty": function( elem ) {
+			// http://www.w3.org/TR/selectors/#empty-pseudo
+			// :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5),
+			//   but not by others (comment: 8; processing instruction: 7; etc.)
+			// nodeType < 6 works because attributes (2) do not appear as children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				if ( elem.nodeType < 6 ) {
+					return false;
+				}
+			}
+			return true;
+		},
+
+		"parent": function( elem ) {
+			return !Expr.pseudos["empty"]( elem );
+		},
+
+		// Element/input types
+		"header": function( elem ) {
+			return rheader.test( elem.nodeName );
+		},
+
+		"input": function( elem ) {
+			return rinputs.test( elem.nodeName );
+		},
+
+		"button": function( elem ) {
+			var name = elem.nodeName.toLowerCase();
+			return name === "input" && elem.type === "button" || name === "button";
+		},
+
+		"text": function( elem ) {
+			var attr;
+			return elem.nodeName.toLowerCase() === "input" &&
+				elem.type === "text" &&
+
+				// Support: IE<8
+				// New HTML5 attribute values (e.g., "search") appear with elem.type === "text"
+				( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === "text" );
+		},
+
+		// Position-in-collection
+		"first": createPositionalPseudo(function() {
+			return [ 0 ];
+		}),
+
+		"last": createPositionalPseudo(function( matchIndexes, length ) {
+			return [ length - 1 ];
+		}),
+
+		"eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			return [ argument < 0 ? argument + length : argument ];
+		}),
+
+		"even": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 0;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"odd": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 1;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; --i >= 0; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; ++i < length; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		})
+	}
+};
+
+Expr.pseudos["nth"] = Expr.pseudos["eq"];
+
+// Add button/input type pseudos
+for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
+	Expr.pseudos[ i ] = createInputPseudo( i );
+}
+for ( i in { submit: true, reset: true } ) {
+	Expr.pseudos[ i ] = createButtonPseudo( i );
+}
+
+// Easy API for creating new setFilters
+function setFilters() {}
+setFilters.prototype = Expr.filters = Expr.pseudos;
+Expr.setFilters = new setFilters();
+
+tokenize = Sizzle.tokenize = function( selector, parseOnly ) {
+	var matched, match, tokens, type,
+		soFar, groups, preFilters,
+		cached = tokenCache[ selector + " " ];
+
+	if ( cached ) {
+		return parseOnly ? 0 : cached.slice( 0 );
+	}
+
+	soFar = selector;
+	groups = [];
+	preFilters = Expr.preFilter;
+
+	while ( soFar ) {
+
+		// Comma and first run
+		if ( !matched || (match = rcomma.exec( soFar )) ) {
+			if ( match ) {
+				// Don't consume trailing commas as valid
+				soFar = soFar.slice( match[0].length ) || soFar;
+			}
+			groups.push( (tokens = []) );
+		}
+
+		matched = false;
+
+		// Combinators
+		if ( (match = rcombinators.exec( soFar )) ) {
+			matched = match.shift();
+			tokens.push({
+				value: matched,
+				// Cast descendant combinators to space
+				type: match[0].replace( rtrim, " " )
+			});
+			soFar = soFar.slice( matched.length );
+		}
+
+		// Filters
+		for ( type in Expr.filter ) {
+			if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
+				(match = preFilters[ type ]( match ))) ) {
+				matched = match.shift();
+				tokens.push({
+					value: matched,
+					type: type,
+					matches: match
+				});
+				soFar = soFar.slice( matched.length );
+			}
+		}
+
+		if ( !matched ) {
+			break;
+		}
+	}
+
+	// Return the length of the invalid excess
+	// if we're just parsing
+	// Otherwise, throw an error or return tokens
+	return parseOnly ?
+		soFar.length :
+		soFar ?
+			Sizzle.error( selector ) :
+			// Cache the tokens
+			tokenCache( selector, groups ).slice( 0 );
+};
+
+function toSelector( tokens ) {
+	var i = 0,
+		len = tokens.length,
+		selector = "";
+	for ( ; i < len; i++ ) {
+		selector += tokens[i].value;
+	}
+	return selector;
+}
+
+function addCombinator( matcher, combinator, base ) {
+	var dir = combinator.dir,
+		checkNonElements = base && dir === "parentNode",
+		doneName = done++;
+
+	return combinator.first ?
+		// Check against closest ancestor/preceding element
+		function( elem, context, xml ) {
+			while ( (elem = elem[ dir ]) ) {
+				if ( elem.nodeType === 1 || checkNonElements ) {
+					return matcher( elem, context, xml );
+				}
+			}
+		} :
+
+		// Check against all ancestor/preceding elements
+		function( elem, context, xml ) {
+			var oldCache, uniqueCache, outerCache,
+				newCache = [ dirruns, doneName ];
+
+			// We can't set arbitrary data on XML nodes, so they don't benefit from combinator caching
+			if ( xml ) {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						if ( matcher( elem, context, xml ) ) {
+							return true;
+						}
+					}
+				}
+			} else {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						outerCache = elem[ expando ] || (elem[ expando ] = {});
+
+						// Support: IE <9 only
+						// Defend against cloned attroperties (jQuery gh-1709)
+						uniqueCache = outerCache[ elem.uniqueID ] || (outerCache[ elem.uniqueID ] = {});
+
+						if ( (oldCache = uniqueCache[ dir ]) &&
+							oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) {
+
+							// Assign to newCache so results back-propagate to previous elements
+							return (newCache[ 2 ] = oldCache[ 2 ]);
+						} else {
+							// Reuse newcache so results back-propagate to previous elements
+							uniqueCache[ dir ] = newCache;
+
+							// A match means we're done; a fail means we have to keep checking
+							if ( (newCache[ 2 ] = matcher( elem, context, xml )) ) {
+								return true;
+							}
+						}
+					}
+				}
+			}
+		};
+}
+
+function elementMatcher( matchers ) {
+	return matchers.length > 1 ?
+		function( elem, context, xml ) {
+			var i = matchers.length;
+			while ( i-- ) {
+				if ( !matchers[i]( elem, context, xml ) ) {
+					return false;
+				}
+			}
+			return true;
+		} :
+		matchers[0];
+}
+
+function multipleContexts( selector, contexts, results ) {
+	var i = 0,
+		len = contexts.length;
+	for ( ; i < len; i++ ) {
+		Sizzle( selector, contexts[i], results );
+	}
+	return results;
+}
+
+function condense( unmatched, map, filter, context, xml ) {
+	var elem,
+		newUnmatched = [],
+		i = 0,
+		len = unmatched.length,
+		mapped = map != null;
+
+	for ( ; i < len; i++ ) {
+		if ( (elem = unmatched[i]) ) {
+			if ( !filter || filter( elem, context, xml ) ) {
+				newUnmatched.push( elem );
+				if ( mapped ) {
+					map.push( i );
+				}
+			}
+		}
+	}
+
+	return newUnmatched;
+}
+
+function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
+	if ( postFilter && !postFilter[ expando ] ) {
+		postFilter = setMatcher( postFilter );
+	}
+	if ( postFinder && !postFinder[ expando ] ) {
+		postFinder = setMatcher( postFinder, postSelector );
+	}
+	return markFunction(function( seed, results, context, xml ) {
+		var temp, i, elem,
+			preMap = [],
+			postMap = [],
+			preexisting = results.length,
+
+			// Get initial elements from seed or context
+			elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ),
+
+			// Prefilter to get matcher input, preserving a map for seed-results synchronization
+			matcherIn = preFilter && ( seed || !selector ) ?
+				condense( elems, preMap, preFilter, context, xml ) :
+				elems,
+
+			matcherOut = matcher ?
+				// If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
+				postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
+
+					// ...intermediate processing is necessary
+					[] :
+
+					// ...otherwise use results directly
+					results :
+				matcherIn;
+
+		// Find primary matches
+		if ( matcher ) {
+			matcher( matcherIn, matcherOut, context, xml );
+		}
+
+		// Apply postFilter
+		if ( postFilter ) {
+			temp = condense( matcherOut, postMap );
+			postFilter( temp, [], context, xml );
+
+			// Un-match failing elements by moving them back to matcherIn
+			i = temp.length;
+			while ( i-- ) {
+				if ( (elem = temp[i]) ) {
+					matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
+				}
+			}
+		}
+
+		if ( seed ) {
+			if ( postFinder || preFilter ) {
+				if ( postFinder ) {
+					// Get the final matcherOut by condensing this intermediate into postFinder contexts
+					temp = [];
+					i = matcherOut.length;
+					while ( i-- ) {
+						if ( (elem = matcherOut[i]) ) {
+							// Restore matcherIn since elem is not yet a final match
+							temp.push( (matcherIn[i] = elem) );
+						}
+					}
+					postFinder( null, (matcherOut = []), temp, xml );
+				}
+
+				// Move matched elements from seed to results to keep them synchronized
+				i = matcherOut.length;
+				while ( i-- ) {
+					if ( (elem = matcherOut[i]) &&
+						(temp = postFinder ? indexOf( seed, elem ) : preMap[i]) > -1 ) {
+
+						seed[temp] = !(results[temp] = elem);
+					}
+				}
+			}
+
+		// Add elements to results, through postFinder if defined
+		} else {
+			matcherOut = condense(
+				matcherOut === results ?
+					matcherOut.splice( preexisting, matcherOut.length ) :
+					matcherOut
+			);
+			if ( postFinder ) {
+				postFinder( null, results, matcherOut, xml );
+			} else {
+				push.apply( results, matcherOut );
+			}
+		}
+	});
+}
+
+function matcherFromTokens( tokens ) {
+	var checkContext, matcher, j,
+		len = tokens.length,
+		leadingRelative = Expr.relative[ tokens[0].type ],
+		implicitRelative = leadingRelative || Expr.relative[" "],
+		i = leadingRelative ? 1 : 0,
+
+		// The foundational matcher ensures that elements are reachable from top-level context(s)
+		matchContext = addCombinator( function( elem ) {
+			return elem === checkContext;
+		}, implicitRelative, true ),
+		matchAnyContext = addCombinator( function( elem ) {
+			return indexOf( checkContext, elem ) > -1;
+		}, implicitRelative, true ),
+		matchers = [ function( elem, context, xml ) {
+			var ret = ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
+				(checkContext = context).nodeType ?
+					matchContext( elem, context, xml ) :
+					matchAnyContext( elem, context, xml ) );
+			// Avoid hanging onto element (issue #299)
+			checkContext = null;
+			return ret;
+		} ];
+
+	for ( ; i < len; i++ ) {
+		if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
+			matchers = [ addCombinator(elementMatcher( matchers ), matcher) ];
+		} else {
+			matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
+
+			// Return special upon seeing a positional matcher
+			if ( matcher[ expando ] ) {
+				// Find the next relative operator (if any) for proper handling
+				j = ++i;
+				for ( ; j < len; j++ ) {
+					if ( Expr.relative[ tokens[j].type ] ) {
+						break;
+					}
+				}
+				return setMatcher(
+					i > 1 && elementMatcher( matchers ),
+					i > 1 && toSelector(
+						// If the preceding token was a descendant combinator, insert an implicit any-element `*`
+						tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" })
+					).replace( rtrim, "$1" ),
+					matcher,
+					i < j && matcherFromTokens( tokens.slice( i, j ) ),
+					j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
+					j < len && toSelector( tokens )
+				);
+			}
+			matchers.push( matcher );
+		}
+	}
+
+	return elementMatcher( matchers );
+}
+
+function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
+	var bySet = setMatchers.length > 0,
+		byElement = elementMatchers.length > 0,
+		superMatcher = function( seed, context, xml, results, outermost ) {
+			var elem, j, matcher,
+				matchedCount = 0,
+				i = "0",
+				unmatched = seed && [],
+				setMatched = [],
+				contextBackup = outermostContext,
+				// We must always have either seed elements or outermost context
+				elems = seed || byElement && Expr.find["TAG"]( "*", outermost ),
+				// Use integer dirruns iff this is the outermost matcher
+				dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1),
+				len = elems.length;
+
+			if ( outermost ) {
+				outermostContext = context === document || context || outermost;
+			}
+
+			// Add elements passing elementMatchers directly to results
+			// Support: IE<9, Safari
+			// Tolerate NodeList properties (IE: "length"; Safari: <number>) matching elements by id
+			for ( ; i !== len && (elem = elems[i]) != null; i++ ) {
+				if ( byElement && elem ) {
+					j = 0;
+					if ( !context && elem.ownerDocument !== document ) {
+						setDocument( elem );
+						xml = !documentIsHTML;
+					}
+					while ( (matcher = elementMatchers[j++]) ) {
+						if ( matcher( elem, context || document, xml) ) {
+							results.push( elem );
+							break;
+						}
+					}
+					if ( outermost ) {
+						dirruns = dirrunsUnique;
+					}
+				}
+
+				// Track unmatched elements for set filters
+				if ( bySet ) {
+					// They will have gone through all possible matchers
+					if ( (elem = !matcher && elem) ) {
+						matchedCount--;
+					}
+
+					// Lengthen the array for every element, matched or not
+					if ( seed ) {
+						unmatched.push( elem );
+					}
+				}
+			}
+
+			// `i` is now the count of elements visited above, and adding it to `matchedCount`
+			// makes the latter nonnegative.
+			matchedCount += i;
+
+			// Apply set filters to unmatched elements
+			// NOTE: This can be skipped if there are no unmatched elements (i.e., `matchedCount`
+			// equals `i`), unless we didn't visit _any_ elements in the above loop because we have
+			// no element matchers and no seed.
+			// Incrementing an initially-string "0" `i` allows `i` to remain a string only in that
+			// case, which will result in a "00" `matchedCount` that differs from `i` but is also
+			// numerically zero.
+			if ( bySet && i !== matchedCount ) {
+				j = 0;
+				while ( (matcher = setMatchers[j++]) ) {
+					matcher( unmatched, setMatched, context, xml );
+				}
+
+				if ( seed ) {
+					// Reintegrate element matches to eliminate the need for sorting
+					if ( matchedCount > 0 ) {
+						while ( i-- ) {
+							if ( !(unmatched[i] || setMatched[i]) ) {
+								setMatched[i] = pop.call( results );
+							}
+						}
+					}
+
+					// Discard index placeholder values to get only actual matches
+					setMatched = condense( setMatched );
+				}
+
+				// Add matches to results
+				push.apply( results, setMatched );
+
+				// Seedless set matches succeeding multiple successful matchers stipulate sorting
+				if ( outermost && !seed && setMatched.length > 0 &&
+					( matchedCount + setMatchers.length ) > 1 ) {
+
+					Sizzle.uniqueSort( results );
+				}
+			}
+
+			// Override manipulation of globals by nested matchers
+			if ( outermost ) {
+				dirruns = dirrunsUnique;
+				outermostContext = contextBackup;
+			}
+
+			return unmatched;
+		};
+
+	return bySet ?
+		markFunction( superMatcher ) :
+		superMatcher;
+}
+
+compile = Sizzle.compile = function( selector, match /* Internal Use Only */ ) {
+	var i,
+		setMatchers = [],
+		elementMatchers = [],
+		cached = compilerCache[ selector + " " ];
+
+	if ( !cached ) {
+		// Generate a function of recursive functions that can be used to check each element
+		if ( !match ) {
+			match = tokenize( selector );
+		}
+		i = match.length;
+		while ( i-- ) {
+			cached = matcherFromTokens( match[i] );
+			if ( cached[ expando ] ) {
+				setMatchers.push( cached );
+			} else {
+				elementMatchers.push( cached );
+			}
+		}
+
+		// Cache the compiled function
+		cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
+
+		// Save selector and tokenization
+		cached.selector = selector;
+	}
+	return cached;
+};
+
+/**
+ * A low-level selection function that works with Sizzle's compiled
+ *  selector functions
+ * @param {String|Function} selector A selector or a pre-compiled
+ *  selector function built with Sizzle.compile
+ * @param {Element} context
+ * @param {Array} [results]
+ * @param {Array} [seed] A set of elements to match against
+ */
+select = Sizzle.select = function( selector, context, results, seed ) {
+	var i, tokens, token, type, find,
+		compiled = typeof selector === "function" && selector,
+		match = !seed && tokenize( (selector = compiled.selector || selector) );
+
+	results = results || [];
+
+	// Try to minimize operations if there is only one selector in the list and no seed
+	// (the latter of which guarantees us context)
+	if ( match.length === 1 ) {
+
+		// Reduce context if the leading compound selector is an ID
+		tokens = match[0] = match[0].slice( 0 );
+		if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
+				support.getById && context.nodeType === 9 && documentIsHTML &&
+				Expr.relative[ tokens[1].type ] ) {
+
+			context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0];
+			if ( !context ) {
+				return results;
+
+			// Precompiled matchers will still verify ancestry, so step up a level
+			} else if ( compiled ) {
+				context = context.parentNode;
+			}
+
+			selector = selector.slice( tokens.shift().value.length );
+		}
+
+		// Fetch a seed set for right-to-left matching
+		i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length;
+		while ( i-- ) {
+			token = tokens[i];
+
+			// Abort if we hit a combinator
+			if ( Expr.relative[ (type = token.type) ] ) {
+				break;
+			}
+			if ( (find = Expr.find[ type ]) ) {
+				// Search, expanding context for leading sibling combinators
+				if ( (seed = find(
+					token.matches[0].replace( runescape, funescape ),
+					rsibling.test( tokens[0].type ) && testContext( context.parentNode ) || context
+				)) ) {
+
+					// If seed is empty or no tokens remain, we can return early
+					tokens.splice( i, 1 );
+					selector = seed.length && toSelector( tokens );
+					if ( !selector ) {
+						push.apply( results, seed );
+						return results;
+					}
+
+					break;
+				}
+			}
+		}
+	}
+
+	// Compile and execute a filtering function if one is not provided
+	// Provide `match` to avoid retokenization if we modified the selector above
+	( compiled || compile( selector, match ) )(
+		seed,
+		context,
+		!documentIsHTML,
+		results,
+		!context || rsibling.test( selector ) && testContext( context.parentNode ) || context
+	);
+	return results;
+};
+
+// One-time assignments
+
+// Sort stability
+support.sortStable = expando.split("").sort( sortOrder ).join("") === expando;
+
+// Support: Chrome 14-35+
+// Always assume duplicates if they aren't passed to the comparison function
+support.detectDuplicates = !!hasDuplicate;
+
+// Initialize against the default document
+setDocument();
+
+// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27)
+// Detached nodes confoundingly follow *each other*
+support.sortDetached = assert(function( div1 ) {
+	// Should return 1, but returns 4 (following)
+	return div1.compareDocumentPosition( document.createElement("div") ) & 1;
+});
+
+// Support: IE<8
+// Prevent attribute/property "interpolation"
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !assert(function( div ) {
+	div.innerHTML = "<a href='#'></a>";
+	return div.firstChild.getAttribute("href") === "#" ;
+}) ) {
+	addHandle( "type|href|height|width", function( elem, name, isXML ) {
+		if ( !isXML ) {
+			return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 );
+		}
+	});
+}
+
+// Support: IE<9
+// Use defaultValue in place of getAttribute("value")
+if ( !support.attributes || !assert(function( div ) {
+	div.innerHTML = "<input/>";
+	div.firstChild.setAttribute( "value", "" );
+	return div.firstChild.getAttribute( "value" ) === "";
+}) ) {
+	addHandle( "value", function( elem, name, isXML ) {
+		if ( !isXML && elem.nodeName.toLowerCase() === "input" ) {
+			return elem.defaultValue;
+		}
+	});
+}
+
+// Support: IE<9
+// Use getAttributeNode to fetch booleans when getAttribute lies
+if ( !assert(function( div ) {
+	return div.getAttribute("disabled") == null;
+}) ) {
+	addHandle( booleans, function( elem, name, isXML ) {
+		var val;
+		if ( !isXML ) {
+			return elem[ name ] === true ? name.toLowerCase() :
+					(val = elem.getAttributeNode( name )) && val.specified ?
+					val.value :
+				null;
+		}
+	});
+}
+
+return Sizzle;
+
+})( window );
+
+
+
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[ ":" ] = jQuery.expr.pseudos;
+jQuery.uniqueSort = jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+
+
+
+var dir = function( elem, dir, until ) {
+	var matched = [],
+		truncate = until !== undefined;
+
+	while ( ( elem = elem[ dir ] ) && elem.nodeType !== 9 ) {
+		if ( elem.nodeType === 1 ) {
+			if ( truncate && jQuery( elem ).is( until ) ) {
+				break;
+			}
+			matched.push( elem );
+		}
+	}
+	return matched;
+};
+
+
+var siblings = function( n, elem ) {
+	var matched = [];
+
+	for ( ; n; n = n.nextSibling ) {
+		if ( n.nodeType === 1 && n !== elem ) {
+			matched.push( n );
+		}
+	}
+
+	return matched;
+};
+
+
+var rneedsContext = jQuery.expr.match.needsContext;
+
+var rsingleTag = ( /^<([\w-]+)\s*\/?>(?:<\/\1>|)$/ );
+
+
+
+var risSimple = /^.[^:#\[\.,]*$/;
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, not ) {
+	if ( jQuery.isFunction( qualifier ) ) {
+		return jQuery.grep( elements, function( elem, i ) {
+			/* jshint -W018 */
+			return !!qualifier.call( elem, i, elem ) !== not;
+		} );
+
+	}
+
+	if ( qualifier.nodeType ) {
+		return jQuery.grep( elements, function( elem ) {
+			return ( elem === qualifier ) !== not;
+		} );
+
+	}
+
+	if ( typeof qualifier === "string" ) {
+		if ( risSimple.test( qualifier ) ) {
+			return jQuery.filter( qualifier, elements, not );
+		}
+
+		qualifier = jQuery.filter( qualifier, elements );
+	}
+
+	return jQuery.grep( elements, function( elem ) {
+		return ( jQuery.inArray( elem, qualifier ) > -1 ) !== not;
+	} );
+}
+
+jQuery.filter = function( expr, elems, not ) {
+	var elem = elems[ 0 ];
+
+	if ( not ) {
+		expr = ":not(" + expr + ")";
+	}
+
+	return elems.length === 1 && elem.nodeType === 1 ?
+		jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [] :
+		jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) {
+			return elem.nodeType === 1;
+		} ) );
+};
+
+jQuery.fn.extend( {
+	find: function( selector ) {
+		var i,
+			ret = [],
+			self = this,
+			len = self.length;
+
+		if ( typeof selector !== "string" ) {
+			return this.pushStack( jQuery( selector ).filter( function() {
+				for ( i = 0; i < len; i++ ) {
+					if ( jQuery.contains( self[ i ], this ) ) {
+						return true;
+					}
+				}
+			} ) );
+		}
+
+		for ( i = 0; i < len; i++ ) {
+			jQuery.find( selector, self[ i ], ret );
+		}
+
+		// Needed because $( selector, context ) becomes $( context ).find( selector )
+		ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret );
+		ret.selector = this.selector ? this.selector + " " + selector : selector;
+		return ret;
+	},
+	filter: function( selector ) {
+		return this.pushStack( winnow( this, selector || [], false ) );
+	},
+	not: function( selector ) {
+		return this.pushStack( winnow( this, selector || [], true ) );
+	},
+	is: function( selector ) {
+		return !!winnow(
+			this,
+
+			// If this is a positional/relative selector, check membership in the returned set
+			// so $("p:first").is("p:last") won't return true for a doc with two "p".
+			typeof selector === "string" && rneedsContext.test( selector ) ?
+				jQuery( selector ) :
+				selector || [],
+			false
+		).length;
+	}
+} );
+
+
+// Initialize a jQuery object
+
+
+// A central reference to the root jQuery(document)
+var rootjQuery,
+
+	// A simple way to check for HTML strings
+	// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
+	// Strict HTML recognition (#11290: must start with <)
+	rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,
+
+	init = jQuery.fn.init = function( selector, context, root ) {
+		var match, elem;
+
+		// HANDLE: $(""), $(null), $(undefined), $(false)
+		if ( !selector ) {
+			return this;
+		}
+
+		// init accepts an alternate rootjQuery
+		// so migrate can support jQuery.sub (gh-2101)
+		root = root || rootjQuery;
+
+		// Handle HTML strings
+		if ( typeof selector === "string" ) {
+			if ( selector.charAt( 0 ) === "<" &&
+				selector.charAt( selector.length - 1 ) === ">" &&
+				selector.length >= 3 ) {
+
+				// Assume that strings that start and end with <> are HTML and skip the regex check
+				match = [ null, selector, null ];
+
+			} else {
+				match = rquickExpr.exec( selector );
+			}
+
+			// Match html or make sure no context is specified for #id
+			if ( match && ( match[ 1 ] || !context ) ) {
+
+				// HANDLE: $(html) -> $(array)
+				if ( match[ 1 ] ) {
+					context = context instanceof jQuery ? context[ 0 ] : context;
+
+					// scripts is true for back-compat
+					// Intentionally let the error be thrown if parseHTML is not present
+					jQuery.merge( this, jQuery.parseHTML(
+						match[ 1 ],
+						context && context.nodeType ? context.ownerDocument || context : document,
+						true
+					) );
+
+					// HANDLE: $(html, props)
+					if ( rsingleTag.test( match[ 1 ] ) && jQuery.isPlainObject( context ) ) {
+						for ( match in context ) {
+
+							// Properties of context are called as methods if possible
+							if ( jQuery.isFunction( this[ match ] ) ) {
+								this[ match ]( context[ match ] );
+
+							// ...and otherwise set as attributes
+							} else {
+								this.attr( match, context[ match ] );
+							}
+						}
+					}
+
+					return this;
+
+				// HANDLE: $(#id)
+				} else {
+					elem = document.getElementById( match[ 2 ] );
+
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+
+						// Handle the case where IE and Opera return items
+						// by name instead of ID
+						if ( elem.id !== match[ 2 ] ) {
+							return rootjQuery.find( selector );
+						}
+
+						// Otherwise, we inject the element directly into the jQuery object
+						this.length = 1;
+						this[ 0 ] = elem;
+					}
+
+					this.context = document;
+					this.selector = selector;
+					return this;
+				}
+
+			// HANDLE: $(expr, $(...))
+			} else if ( !context || context.jquery ) {
+				return ( context || root ).find( selector );
+
+			// HANDLE: $(expr, context)
+			// (which is just equivalent to: $(context).find(expr)
+			} else {
+				return this.constructor( context ).find( selector );
+			}
+
+		// HANDLE: $(DOMElement)
+		} else if ( selector.nodeType ) {
+			this.context = this[ 0 ] = selector;
+			this.length = 1;
+			return this;
+
+		// HANDLE: $(function)
+		// Shortcut for document ready
+		} else if ( jQuery.isFunction( selector ) ) {
+			return typeof root.ready !== "undefined" ?
+				root.ready( selector ) :
+
+				// Execute immediately if ready is not present
+				selector( jQuery );
+		}
+
+		if ( selector.selector !== undefined ) {
+			this.selector = selector.selector;
+			this.context = selector.context;
+		}
+
+		return jQuery.makeArray( selector, this );
+	};
+
+// Give the init function the jQuery prototype for later instantiation
+init.prototype = jQuery.fn;
+
+// Initialize central reference
+rootjQuery = jQuery( document );
+
+
+var rparentsprev = /^(?:parents|prev(?:Until|All))/,
+
+	// methods guaranteed to produce a unique set when starting from a unique set
+	guaranteedUnique = {
+		children: true,
+		contents: true,
+		next: true,
+		prev: true
+	};
+
+jQuery.fn.extend( {
+	has: function( target ) {
+		var i,
+			targets = jQuery( target, this ),
+			len = targets.length;
+
+		return this.filter( function() {
+			for ( i = 0; i < len; i++ ) {
+				if ( jQuery.contains( this, targets[ i ] ) ) {
+					return true;
+				}
+			}
+		} );
+	},
+
+	closest: function( selectors, context ) {
+		var cur,
+			i = 0,
+			l = this.length,
+			matched = [],
+			pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ?
+				jQuery( selectors, context || this.context ) :
+				0;
+
+		for ( ; i < l; i++ ) {
+			for ( cur = this[ i ]; cur && cur !== context; cur = cur.parentNode ) {
+
+				// Always skip document fragments
+				if ( cur.nodeType < 11 && ( pos ?
+					pos.index( cur ) > -1 :
+
+					// Don't pass non-elements to Sizzle
+					cur.nodeType === 1 &&
+						jQuery.find.matchesSelector( cur, selectors ) ) ) {
+
+					matched.push( cur );
+					break;
+				}
+			}
+		}
+
+		return this.pushStack( matched.length > 1 ? jQuery.uniqueSort( matched ) : matched );
+	},
+
+	// Determine the position of an element within
+	// the matched set of elements
+	index: function( elem ) {
+
+		// No argument, return index in parent
+		if ( !elem ) {
+			return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1;
+		}
+
+		// index in selector
+		if ( typeof elem === "string" ) {
+			return jQuery.inArray( this[ 0 ], jQuery( elem ) );
+		}
+
+		// Locate the position of the desired element
+		return jQuery.inArray(
+
+			// If it receives a jQuery object, the first element is used
+			elem.jquery ? elem[ 0 ] : elem, this );
+	},
+
+	add: function( selector, context ) {
+		return this.pushStack(
+			jQuery.uniqueSort(
+				jQuery.merge( this.get(), jQuery( selector, context ) )
+			)
+		);
+	},
+
+	addBack: function( selector ) {
+		return this.add( selector == null ?
+			this.prevObject : this.prevObject.filter( selector )
+		);
+	}
+} );
+
+function sibling( cur, dir ) {
+	do {
+		cur = cur[ dir ];
+	} while ( cur && cur.nodeType !== 1 );
+
+	return cur;
+}
+
+jQuery.each( {
+	parent: function( elem ) {
+		var parent = elem.parentNode;
+		return parent && parent.nodeType !== 11 ? parent : null;
+	},
+	parents: function( elem ) {
+		return dir( elem, "parentNode" );
+	},
+	parentsUntil: function( elem, i, until ) {
+		return dir( elem, "parentNode", until );
+	},
+	next: function( elem ) {
+		return sibling( elem, "nextSibling" );
+	},
+	prev: function( elem ) {
+		return sibling( elem, "previousSibling" );
+	},
+	nextAll: function( elem ) {
+		return dir( elem, "nextSibling" );
+	},
+	prevAll: function( elem ) {
+		return dir( elem, "previousSibling" );
+	},
+	nextUntil: function( elem, i, until ) {
+		return dir( elem, "nextSibling", until );
+	},
+	prevUntil: function( elem, i, until ) {
+		return dir( elem, "previousSibling", until );
+	},
+	siblings: function( elem ) {
+		return siblings( ( elem.parentNode || {} ).firstChild, elem );
+	},
+	children: function( elem ) {
+		return siblings( elem.firstChild );
+	},
+	contents: function( elem ) {
+		return jQuery.nodeName( elem, "iframe" ) ?
+			elem.contentDocument || elem.contentWindow.document :
+			jQuery.merge( [], elem.childNodes );
+	}
+}, function( name, fn ) {
+	jQuery.fn[ name ] = function( until, selector ) {
+		var ret = jQuery.map( this, fn, until );
+
+		if ( name.slice( -5 ) !== "Until" ) {
+			selector = until;
+		}
+
+		if ( selector && typeof selector === "string" ) {
+			ret = jQuery.filter( selector, ret );
+		}
+
+		if ( this.length > 1 ) {
+
+			// Remove duplicates
+			if ( !guaranteedUnique[ name ] ) {
+				ret = jQuery.uniqueSort( ret );
+			}
+
+			// Reverse order for parents* and prev-derivatives
+			if ( rparentsprev.test( name ) ) {
+				ret = ret.reverse();
+			}
+		}
+
+		return this.pushStack( ret );
+	};
+} );
+var rnotwhite = ( /\S+/g );
+
+
+
+// Convert String-formatted options into Object-formatted ones
+function createOptions( options ) {
+	var object = {};
+	jQuery.each( options.match( rnotwhite ) || [], function( _, flag ) {
+		object[ flag ] = true;
+	} );
+	return object;
+}
+
+/*
+ * Create a callback list using the following parameters:
+ *
+ *	options: an optional list of space-separated options that will change how
+ *			the callback list behaves or a more traditional option object
+ *
+ * By default a callback list will act like an event callback list and can be
+ * "fired" multiple times.
+ *
+ * Possible options:
+ *
+ *	once:			will ensure the callback list can only be fired once (like a Deferred)
+ *
+ *	memory:			will keep track of previous values and will call any callback added
+ *					after the list has been fired right away with the latest "memorized"
+ *					values (like a Deferred)
+ *
+ *	unique:			will ensure a callback can only be added once (no duplicate in the list)
+ *
+ *	stopOnFalse:	interrupt callings when a callback returns false
+ *
+ */
+jQuery.Callbacks = function( options ) {
+
+	// Convert options from String-formatted to Object-formatted if needed
+	// (we check in cache first)
+	options = typeof options === "string" ?
+		createOptions( options ) :
+		jQuery.extend( {}, options );
+
+	var // Flag to know if list is currently firing
+		firing,
+
+		// Last fire value for non-forgettable lists
+		memory,
+
+		// Flag to know if list was already fired
+		fired,
+
+		// Flag to prevent firing
+		locked,
+
+		// Actual callback list
+		list = [],
+
+		// Queue of execution data for repeatable lists
+		queue = [],
+
+		// Index of currently firing callback (modified by add/remove as needed)
+		firingIndex = -1,
+
+		// Fire callbacks
+		fire = function() {
+
+			// Enforce single-firing
+			locked = options.once;
+
+			// Execute callbacks for all pending executions,
+			// respecting firingIndex overrides and runtime changes
+			fired = firing = true;
+			for ( ; queue.length; firingIndex = -1 ) {
+				memory = queue.shift();
+				while ( ++firingIndex < list.length ) {
+
+					// Run callback and check for early termination
+					if ( list[ firingIndex ].apply( memory[ 0 ], memory[ 1 ] ) === false &&
+						options.stopOnFalse ) {
+
+						// Jump to end and forget the data so .add doesn't re-fire
+						firingIndex = list.length;
+						memory = false;
+					}
+				}
+			}
+
+			// Forget the data if we're done with it
+			if ( !options.memory ) {
+				memory = false;
+			}
+
+			firing = false;
+
+			// Clean up if we're done firing for good
+			if ( locked ) {
+
+				// Keep an empty list if we have data for future add calls
+				if ( memory ) {
+					list = [];
+
+				// Otherwise, this object is spent
+				} else {
+					list = "";
+				}
+			}
+		},
+
+		// Actual Callbacks object
+		self = {
+
+			// Add a callback or a collection of callbacks to the list
+			add: function() {
+				if ( list ) {
+
+					// If we have memory from a past run, we should fire after adding
+					if ( memory && !firing ) {
+						firingIndex = list.length - 1;
+						queue.push( memory );
+					}
+
+					( function add( args ) {
+						jQuery.each( args, function( _, arg ) {
+							if ( jQuery.isFunction( arg ) ) {
+								if ( !options.unique || !self.has( arg ) ) {
+									list.push( arg );
+								}
+							} else if ( arg && arg.length && jQuery.type( arg ) !== "string" ) {
+
+								// Inspect recursively
+								add( arg );
+							}
+						} );
+					} )( arguments );
+
+					if ( memory && !firing ) {
+						fire();
+					}
+				}
+				return this;
+			},
+
+			// Remove a callback from the list
+			remove: function() {
+				jQuery.each( arguments, function( _, arg ) {
+					var index;
+					while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
+						list.splice( index, 1 );
+
+						// Handle firing indexes
+						if ( index <= firingIndex ) {
+							firingIndex--;
+						}
+					}
+				} );
+				return this;
+			},
+
+			// Check if a given callback is in the list.
+			// If no argument is given, return whether or not list has callbacks attached.
+			has: function( fn ) {
+				return fn ?
+					jQuery.inArray( fn, list ) > -1 :
+					list.length > 0;
+			},
+
+			// Remove all callbacks from the list
+			empty: function() {
+				if ( list ) {
+					list = [];
+				}
+				return this;
+			},
+
+			// Disable .fire and .add
+			// Abort any current/pending executions
+			// Clear all callbacks and values
+			disable: function() {
+				locked = queue = [];
+				list = memory = "";
+				return this;
+			},
+			disabled: function() {
+				return !list;
+			},
+
+			// Disable .fire
+			// Also disable .add unless we have memory (since it would have no effect)
+			// Abort any pending executions
+			lock: function() {
+				locked = true;
+				if ( !memory ) {
+					self.disable();
+				}
+				return this;
+			},
+			locked: function() {
+				return !!locked;
+			},
+
+			// Call all callbacks with the given context and arguments
+			fireWith: function( context, args ) {
+				if ( !locked ) {
+					args = args || [];
+					args = [ context, args.slice ? args.slice() : args ];
+					queue.push( args );
+					if ( !firing ) {
+						fire();
+					}
+				}
+				return this;
+			},
+
+			// Call all the callbacks with the given arguments
+			fire: function() {
+				self.fireWith( this, arguments );
+				return this;
+			},
+
+			// To know if the callbacks have already been called at least once
+			fired: function() {
+				return !!fired;
+			}
+		};
+
+	return self;
+};
+
+
+jQuery.extend( {
+
+	Deferred: function( func ) {
+		var tuples = [
+
+				// action, add listener, listener list, final state
+				[ "resolve", "done", jQuery.Callbacks( "once memory" ), "resolved" ],
+				[ "reject", "fail", jQuery.Callbacks( "once memory" ), "rejected" ],
+				[ "notify", "progress", jQuery.Callbacks( "memory" ) ]
+			],
+			state = "pending",
+			promise = {
+				state: function() {
+					return state;
+				},
+				always: function() {
+					deferred.done( arguments ).fail( arguments );
+					return this;
+				},
+				then: function( /* fnDone, fnFail, fnProgress */ ) {
+					var fns = arguments;
+					return jQuery.Deferred( function( newDefer ) {
+						jQuery.each( tuples, function( i, tuple ) {
+							var fn = jQuery.isFunction( fns[ i ] ) && fns[ i ];
+
+							// deferred[ done | fail | progress ] for forwarding actions to newDefer
+							deferred[ tuple[ 1 ] ]( function() {
+								var returned = fn && fn.apply( this, arguments );
+								if ( returned && jQuery.isFunction( returned.promise ) ) {
+									returned.promise()
+										.progress( newDefer.notify )
+										.done( newDefer.resolve )
+										.fail( newDefer.reject );
+								} else {
+									newDefer[ tuple[ 0 ] + "With" ](
+										this === promise ? newDefer.promise() : this,
+										fn ? [ returned ] : arguments
+									);
+								}
+							} );
+						} );
+						fns = null;
+					} ).promise();
+				},
+
+				// Get a promise for this deferred
+				// If obj is provided, the promise aspect is added to the object
+				promise: function( obj ) {
+					return obj != null ? jQuery.extend( obj, promise ) : promise;
+				}
+			},
+			deferred = {};
+
+		// Keep pipe for back-compat
+		promise.pipe = promise.then;
+
+		// Add list-specific methods
+		jQuery.each( tuples, function( i, tuple ) {
+			var list = tuple[ 2 ],
+				stateString = tuple[ 3 ];
+
+			// promise[ done | fail | progress ] = list.add
+			promise[ tuple[ 1 ] ] = list.add;
+
+			// Handle state
+			if ( stateString ) {
+				list.add( function() {
+
+					// state = [ resolved | rejected ]
+					state = stateString;
+
+				// [ reject_list | resolve_list ].disable; progress_list.lock
+				}, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock );
+			}
+
+			// deferred[ resolve | reject | notify ]
+			deferred[ tuple[ 0 ] ] = function() {
+				deferred[ tuple[ 0 ] + "With" ]( this === deferred ? promise : this, arguments );
+				return this;
+			};
+			deferred[ tuple[ 0 ] + "With" ] = list.fireWith;
+		} );
+
+		// Make the deferred a promise
+		promise.promise( deferred );
+
+		// Call given func if any
+		if ( func ) {
+			func.call( deferred, deferred );
+		}
+
+		// All done!
+		return deferred;
+	},
+
+	// Deferred helper
+	when: function( subordinate /* , ..., subordinateN */ ) {
+		var i = 0,
+			resolveValues = slice.call( arguments ),
+			length = resolveValues.length,
+
+			// the count of uncompleted subordinates
+			remaining = length !== 1 ||
+				( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,
+
+			// the master Deferred.
+			// If resolveValues consist of only a single Deferred, just use that.
+			deferred = remaining === 1 ? subordinate : jQuery.Deferred(),
+
+			// Update function for both resolve and progress values
+			updateFunc = function( i, contexts, values ) {
+				return function( value ) {
+					contexts[ i ] = this;
+					values[ i ] = arguments.length > 1 ? slice.call( arguments ) : value;
+					if ( values === progressValues ) {
+						deferred.notifyWith( contexts, values );
+
+					} else if ( !( --remaining ) ) {
+						deferred.resolveWith( contexts, values );
+					}
+				};
+			},
+
+			progressValues, progressContexts, resolveContexts;
+
+		// add listeners to Deferred subordinates; treat others as resolved
+		if ( length > 1 ) {
+			progressValues = new Array( length );
+			progressContexts = new Array( length );
+			resolveContexts = new Array( length );
+			for ( ; i < length; i++ ) {
+				if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) {
+					resolveValues[ i ].promise()
+						.progress( updateFunc( i, progressContexts, progressValues ) )
+						.done( updateFunc( i, resolveContexts, resolveValues ) )
+						.fail( deferred.reject );
+				} else {
+					--remaining;
+				}
+			}
+		}
+
+		// if we're not waiting on anything, resolve the master
+		if ( !remaining ) {
+			deferred.resolveWith( resolveContexts, resolveValues );
+		}
+
+		return deferred.promise();
+	}
+} );
+
+
+// The deferred used on DOM ready
+var readyList;
+
+jQuery.fn.ready = function( fn ) {
+
+	// Add the callback
+	jQuery.ready.promise().done( fn );
+
+	return this;
+};
+
+jQuery.extend( {
+
+	// Is the DOM ready to be used? Set to true once it occurs.
+	isReady: false,
+
+	// A counter to track how many items to wait for before
+	// the ready event fires. See #6781
+	readyWait: 1,
+
+	// Hold (or release) the ready event
+	holdReady: function( hold ) {
+		if ( hold ) {
+			jQuery.readyWait++;
+		} else {
+			jQuery.ready( true );
+		}
+	},
+
+	// Handle when the DOM is ready
+	ready: function( wait ) {
+
+		// Abort if there are pending holds or we're already ready
+		if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
+			return;
+		}
+
+		// Remember that the DOM is ready
+		jQuery.isReady = true;
+
+		// If a normal DOM Ready event fired, decrement, and wait if need be
+		if ( wait !== true && --jQuery.readyWait > 0 ) {
+			return;
+		}
+
+		// If there are functions bound, to execute
+		readyList.resolveWith( document, [ jQuery ] );
+
+		// Trigger any bound ready events
+		if ( jQuery.fn.triggerHandler ) {
+			jQuery( document ).triggerHandler( "ready" );
+			jQuery( document ).off( "ready" );
+		}
+	}
+} );
+
+/**
+ * Clean-up method for dom ready events
+ */
+function detach() {
+	if ( document.addEventListener ) {
+		document.removeEventListener( "DOMContentLoaded", completed );
+		window.removeEventListener( "load", completed );
+
+	} else {
+		document.detachEvent( "onreadystatechange", completed );
+		window.detachEvent( "onload", completed );
+	}
+}
+
+/**
+ * The ready event handler and self cleanup method
+ */
+function completed() {
+
+	// readyState === "complete" is good enough for us to call the dom ready in oldIE
+	if ( document.addEventListener ||
+		window.event.type === "load" ||
+		document.readyState === "complete" ) {
+
+		detach();
+		jQuery.ready();
+	}
+}
+
+jQuery.ready.promise = function( obj ) {
+	if ( !readyList ) {
+
+		readyList = jQuery.Deferred();
+
+		// Catch cases where $(document).ready() is called
+		// after the browser event has already occurred.
+		// Support: IE6-10
+		// Older IE sometimes signals "interactive" too soon
+		if ( document.readyState === "complete" ||
+			( document.readyState !== "loading" && !document.documentElement.doScroll ) ) {
+
+			// Handle it asynchronously to allow scripts the opportunity to delay ready
+			window.setTimeout( jQuery.ready );
+
+		// Standards-based browsers support DOMContentLoaded
+		} else if ( document.addEventListener ) {
+
+			// Use the handy event callback
+			document.addEventListener( "DOMContentLoaded", completed );
+
+			// A fallback to window.onload, that will always work
+			window.addEventListener( "load", completed );
+
+		// If IE event model is used
+		} else {
+
+			// Ensure firing before onload, maybe late but safe also for iframes
+			document.attachEvent( "onreadystatechange", completed );
+
+			// A fallback to window.onload, that will always work
+			window.attachEvent( "onload", completed );
+
+			// If IE and not a frame
+			// continually check to see if the document is ready
+			var top = false;
+
+			try {
+				top = window.frameElement == null && document.documentElement;
+			} catch ( e ) {}
+
+			if ( top && top.doScroll ) {
+				( function doScrollCheck() {
+					if ( !jQuery.isReady ) {
+
+						try {
+
+							// Use the trick by Diego Perini
+							// http://javascript.nwbox.com/IEContentLoaded/
+							top.doScroll( "left" );
+						} catch ( e ) {
+							return window.setTimeout( doScrollCheck, 50 );
+						}
+
+						// detach all dom ready events
+						detach();
+
+						// and execute any waiting functions
+						jQuery.ready();
+					}
+				} )();
+			}
+		}
+	}
+	return readyList.promise( obj );
+};
+
+// Kick off the DOM ready check even if the user does not
+jQuery.ready.promise();
+
+
+
+
+// Support: IE<9
+// Iteration over object's inherited properties before its own
+var i;
+for ( i in jQuery( support ) ) {
+	break;
+}
+support.ownFirst = i === "0";
+
+// Note: most support tests are defined in their respective modules.
+// false until the test is run
+support.inlineBlockNeedsLayout = false;
+
+// Execute ASAP in case we need to set body.style.zoom
+jQuery( function() {
+
+	// Minified: var a,b,c,d
+	var val, div, body, container;
+
+	body = document.getElementsByTagName( "body" )[ 0 ];
+	if ( !body || !body.style ) {
+
+		// Return for frameset docs that don't have a body
+		return;
+	}
+
+	// Setup
+	div = document.createElement( "div" );
+	container = document.createElement( "div" );
+	container.style.cssText = "position:absolute;border:0;width:0;height:0;top:0;left:-9999px";
+	body.appendChild( container ).appendChild( div );
+
+	if ( typeof div.style.zoom !== "undefined" ) {
+
+		// Support: IE<8
+		// Check if natively block-level elements act like inline-block
+		// elements when setting their display to 'inline' and giving
+		// them layout
+		div.style.cssText = "display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1";
+
+		support.inlineBlockNeedsLayout = val = div.offsetWidth === 3;
+		if ( val ) {
+
+			// Prevent IE 6 from affecting layout for positioned elements #11048
+			// Prevent IE from shrinking the body in IE 7 mode #12869
+			// Support: IE<8
+			body.style.zoom = 1;
+		}
+	}
+
+	body.removeChild( container );
+} );
+
+
+( function() {
+	var div = document.createElement( "div" );
+
+	// Support: IE<9
+	support.deleteExpando = true;
+	try {
+		delete div.test;
+	} catch ( e ) {
+		support.deleteExpando = false;
+	}
+
+	// Null elements to avoid leaks in IE.
+	div = null;
+} )();
+var acceptData = function( elem ) {
+	var noData = jQuery.noData[ ( elem.nodeName + " " ).toLowerCase() ],
+		nodeType = +elem.nodeType || 1;
+
+	// Do not set data on non-element DOM nodes because it will not be cleared (#8335).
+	return nodeType !== 1 && nodeType !== 9 ?
+		false :
+
+		// Nodes accept data unless otherwise specified; rejection can be conditional
+		!noData || noData !== true && elem.getAttribute( "classid" ) === noData;
+};
+
+
+
+
+var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
+	rmultiDash = /([A-Z])/g;
+
+function dataAttr( elem, key, data ) {
+
+	// If nothing was found internally, try to fetch any
+	// data from the HTML5 data-* attribute
+	if ( data === undefined && elem.nodeType === 1 ) {
+
+		var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
+
+		data = elem.getAttribute( name );
+
+		if ( typeof data === "string" ) {
+			try {
+				data = data === "true" ? true :
+					data === "false" ? false :
+					data === "null" ? null :
+
+					// Only convert to a number if it doesn't change the string
+					+data + "" === data ? +data :
+					rbrace.test( data ) ? jQuery.parseJSON( data ) :
+					data;
+			} catch ( e ) {}
+
+			// Make sure we set the data so it isn't changed later
+			jQuery.data( elem, key, data );
+
+		} else {
+			data = undefined;
+		}
+	}
+
+	return data;
+}
+
+// checks a cache object for emptiness
+function isEmptyDataObject( obj ) {
+	var name;
+	for ( name in obj ) {
+
+		// if the public data object is empty, the private is still empty
+		if ( name === "data" && jQuery.isEmptyObject( obj[ name ] ) ) {
+			continue;
+		}
+		if ( name !== "toJSON" ) {
+			return false;
+		}
+	}
+
+	return true;
+}
+
+function internalData( elem, name, data, pvt /* Internal Use Only */ ) {
+	if ( !acceptData( elem ) ) {
+		return;
+	}
+
+	var ret, thisCache,
+		internalKey = jQuery.expando,
+
+		// We have to handle DOM nodes and JS objects differently because IE6-7
+		// can't GC object references properly across the DOM-JS boundary
+		isNode = elem.nodeType,
+
+		// Only DOM nodes need the global jQuery cache; JS object data is
+		// attached directly to the object so GC can occur automatically
+		cache = isNode ? jQuery.cache : elem,
+
+		// Only defining an ID for JS objects if its cache already exists allows
+		// the code to shortcut on the same path as a DOM node with no cache
+		id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey;
+
+	// Avoid doing any more work than we need to when trying to get data on an
+	// object that has no data at all
+	if ( ( !id || !cache[ id ] || ( !pvt && !cache[ id ].data ) ) &&
+		data === undefined && typeof name === "string" ) {
+		return;
+	}
+
+	if ( !id ) {
+
+		// Only DOM nodes need a new unique ID for each element since their data
+		// ends up in the global cache
+		if ( isNode ) {
+			id = elem[ internalKey ] = deletedIds.pop() || jQuery.guid++;
+		} else {
+			id = internalKey;
+		}
+	}
+
+	if ( !cache[ id ] ) {
+
+		// Avoid exposing jQuery metadata on plain JS objects when the object
+		// is serialized using JSON.stringify
+		cache[ id ] = isNode ? {} : { toJSON: jQuery.noop };
+	}
+
+	// An object can be passed to jQuery.data instead of a key/value pair; this gets
+	// shallow copied over onto the existing cache
+	if ( typeof name === "object" || typeof name === "function" ) {
+		if ( pvt ) {
+			cache[ id ] = jQuery.extend( cache[ id ], name );
+		} else {
+			cache[ id ].data = jQuery.extend( cache[ id ].data, name );
+		}
+	}
+
+	thisCache = cache[ id ];
+
+	// jQuery data() is stored in a separate object inside the object's internal data
+	// cache in order to avoid key collisions between internal data and user-defined
+	// data.
+	if ( !pvt ) {
+		if ( !thisCache.data ) {
+			thisCache.data = {};
+		}
+
+		thisCache = thisCache.data;
+	}
+
+	if ( data !== undefined ) {
+		thisCache[ jQuery.camelCase( name ) ] = data;
+	}
+
+	// Check for both converted-to-camel and non-converted data property names
+	// If a data property was specified
+	if ( typeof name === "string" ) {
+
+		// First Try to find as-is property data
+		ret = thisCache[ name ];
+
+		// Test for null|undefined property data
+		if ( ret == null ) {
+
+			// Try to find the camelCased property
+			ret = thisCache[ jQuery.camelCase( name ) ];
+		}
+	} else {
+		ret = thisCache;
+	}
+
+	return ret;
+}
+
+function internalRemoveData( elem, name, pvt ) {
+	if ( !acceptData( elem ) ) {
+		return;
+	}
+
+	var thisCache, i,
+		isNode = elem.nodeType,
+
+		// See jQuery.data for more information
+		cache = isNode ? jQuery.cache : elem,
+		id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
+
+	// If there is already no cache entry for this object, there is no
+	// purpose in continuing
+	if ( !cache[ id ] ) {
+		return;
+	}
+
+	if ( name ) {
+
+		thisCache = pvt ? cache[ id ] : cache[ id ].data;
+
+		if ( thisCache ) {
+
+			// Support array or space separated string names for data keys
+			if ( !jQuery.isArray( name ) ) {
+
+				// try the string as a key before any manipulation
+				if ( name in thisCache ) {
+					name = [ name ];
+				} else {
+
+					// split the camel cased version by spaces unless a key with the spaces exists
+					name = jQuery.camelCase( name );
+					if ( name in thisCache ) {
+						name = [ name ];
+					} else {
+						name = name.split( " " );
+					}
+				}
+			} else {
+
+				// If "name" is an array of keys...
+				// When data is initially created, via ("key", "val") signature,
+				// keys will be converted to camelCase.
+				// Since there is no way to tell _how_ a key was added, remove
+				// both plain key and camelCase key. #12786
+				// This will only penalize the array argument path.
+				name = name.concat( jQuery.map( name, jQuery.camelCase ) );
+			}
+
+			i = name.length;
+			while ( i-- ) {
+				delete thisCache[ name[ i ] ];
+			}
+
+			// If there is no data left in the cache, we want to continue
+			// and let the cache object itself get destroyed
+			if ( pvt ? !isEmptyDataObject( thisCache ) : !jQuery.isEmptyObject( thisCache ) ) {
+				return;
+			}
+		}
+	}
+
+	// See jQuery.data for more information
+	if ( !pvt ) {
+		delete cache[ id ].data;
+
+		// Don't destroy the parent cache unless the internal data object
+		// had been the only thing left in it
+		if ( !isEmptyDataObject( cache[ id ] ) ) {
+			return;
+		}
+	}
+
+	// Destroy the cache
+	if ( isNode ) {
+		jQuery.cleanData( [ elem ], true );
+
+	// Use delete when supported for expandos or `cache` is not a window per isWindow (#10080)
+	/* jshint eqeqeq: false */
+	} else if ( support.deleteExpando || cache != cache.window ) {
+		/* jshint eqeqeq: true */
+		delete cache[ id ];
+
+	// When all else fails, undefined
+	} else {
+		cache[ id ] = undefined;
+	}
+}
+
+jQuery.extend( {
+	cache: {},
+
+	// The following elements (space-suffixed to avoid Object.prototype collisions)
+	// throw uncatchable exceptions if you attempt to set expando properties
+	noData: {
+		"applet ": true,
+		"embed ": true,
+
+		// ...but Flash objects (which have this classid) *can* handle expandos
+		"object ": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+	},
+
+	hasData: function( elem ) {
+		elem = elem.nodeType ? jQuery.cache[ elem[ jQuery.expando ] ] : elem[ jQuery.expando ];
+		return !!elem && !isEmptyDataObject( elem );
+	},
+
+	data: function( elem, name, data ) {
+		return internalData( elem, name, data );
+	},
+
+	removeData: function( elem, name ) {
+		return internalRemoveData( elem, name );
+	},
+
+	// For internal use only.
+	_data: function( elem, name, data ) {
+		return internalData( elem, name, data, true );
+	},
+
+	_removeData: function( elem, name ) {
+		return internalRemoveData( elem, name, true );
+	}
+} );
+
+jQuery.fn.extend( {
+	data: function( key, value ) {
+		var i, name, data,
+			elem = this[ 0 ],
+			attrs = elem && elem.attributes;
+
+		// Special expections of .data basically thwart jQuery.access,
+		// so implement the relevant behavior ourselves
+
+		// Gets all values
+		if ( key === undefined ) {
+			if ( this.length ) {
+				data = jQuery.data( elem );
+
+				if ( elem.nodeType === 1 && !jQuery._data( elem, "parsedAttrs" ) ) {
+					i = attrs.length;
+					while ( i-- ) {
+
+						// Support: IE11+
+						// The attrs elements can be null (#14894)
+						if ( attrs[ i ] ) {
+							name = attrs[ i ].name;
+							if ( name.indexOf( "data-" ) === 0 ) {
+								name = jQuery.camelCase( name.slice( 5 ) );
+								dataAttr( elem, name, data[ name ] );
+							}
+						}
+					}
+					jQuery._data( elem, "parsedAttrs", true );
+				}
+			}
+
+			return data;
+		}
+
+		// Sets multiple values
+		if ( typeof key === "object" ) {
+			return this.each( function() {
+				jQuery.data( this, key );
+			} );
+		}
+
+		return arguments.length > 1 ?
+
+			// Sets one value
+			this.each( function() {
+				jQuery.data( this, key, value );
+			} ) :
+
+			// Gets one value
+			// Try to fetch any internally stored data first
+			elem ? dataAttr( elem, key, jQuery.data( elem, key ) ) : undefined;
+	},
+
+	removeData: function( key ) {
+		return this.each( function() {
+			jQuery.removeData( this, key );
+		} );
+	}
+} );
+
+
+jQuery.extend( {
+	queue: function( elem, type, data ) {
+		var queue;
+
+		if ( elem ) {
+			type = ( type || "fx" ) + "queue";
+			queue = jQuery._data( elem, type );
+
+			// Speed up dequeue by getting out quickly if this is just a lookup
+			if ( data ) {
+				if ( !queue || jQuery.isArray( data ) ) {
+					queue = jQuery._data( elem, type, jQuery.makeArray( data ) );
+				} else {
+					queue.push( data );
+				}
+			}
+			return queue || [];
+		}
+	},
+
+	dequeue: function( elem, type ) {
+		type = type || "fx";
+
+		var queue = jQuery.queue( elem, type ),
+			startLength = queue.length,
+			fn = queue.shift(),
+			hooks = jQuery._queueHooks( elem, type ),
+			next = function() {
+				jQuery.dequeue( elem, type );
+			};
+
+		// If the fx queue is dequeued, always remove the progress sentinel
+		if ( fn === "inprogress" ) {
+			fn = queue.shift();
+			startLength--;
+		}
+
+		if ( fn ) {
+
+			// Add a progress sentinel to prevent the fx queue from being
+			// automatically dequeued
+			if ( type === "fx" ) {
+				queue.unshift( "inprogress" );
+			}
+
+			// clear up the last queue stop function
+			delete hooks.stop;
+			fn.call( elem, next, hooks );
+		}
+
+		if ( !startLength && hooks ) {
+			hooks.empty.fire();
+		}
+	},
+
+	// not intended for public consumption - generates a queueHooks object,
+	// or returns the current one
+	_queueHooks: function( elem, type ) {
+		var key = type + "queueHooks";
+		return jQuery._data( elem, key ) || jQuery._data( elem, key, {
+			empty: jQuery.Callbacks( "once memory" ).add( function() {
+				jQuery._removeData( elem, type + "queue" );
+				jQuery._removeData( elem, key );
+			} )
+		} );
+	}
+} );
+
+jQuery.fn.extend( {
+	queue: function( type, data ) {
+		var setter = 2;
+
+		if ( typeof type !== "string" ) {
+			data = type;
+			type = "fx";
+			setter--;
+		}
+
+		if ( arguments.length < setter ) {
+			return jQuery.queue( this[ 0 ], type );
+		}
+
+		return data === undefined ?
+			this :
+			this.each( function() {
+				var queue = jQuery.queue( this, type, data );
+
+				// ensure a hooks for this queue
+				jQuery._queueHooks( this, type );
+
+				if ( type === "fx" && queue[ 0 ] !== "inprogress" ) {
+					jQuery.dequeue( this, type );
+				}
+			} );
+	},
+	dequeue: function( type ) {
+		return this.each( function() {
+			jQuery.dequeue( this, type );
+		} );
+	},
+	clearQueue: function( type ) {
+		return this.queue( type || "fx", [] );
+	},
+
+	// Get a promise resolved when queues of a certain type
+	// are emptied (fx is the type by default)
+	promise: function( type, obj ) {
+		var tmp,
+			count = 1,
+			defer = jQuery.Deferred(),
+			elements = this,
+			i = this.length,
+			resolve = function() {
+				if ( !( --count ) ) {
+					defer.resolveWith( elements, [ elements ] );
+				}
+			};
+
+		if ( typeof type !== "string" ) {
+			obj = type;
+			type = undefined;
+		}
+		type = type || "fx";
+
+		while ( i-- ) {
+			tmp = jQuery._data( elements[ i ], type + "queueHooks" );
+			if ( tmp && tmp.empty ) {
+				count++;
+				tmp.empty.add( resolve );
+			}
+		}
+		resolve();
+		return defer.promise( obj );
+	}
+} );
+
+
+( function() {
+	var shrinkWrapBlocksVal;
+
+	support.shrinkWrapBlocks = function() {
+		if ( shrinkWrapBlocksVal != null ) {
+			return shrinkWrapBlocksVal;
+		}
+
+		// Will be changed later if needed.
+		shrinkWrapBlocksVal = false;
+
+		// Minified: var b,c,d
+		var div, body, container;
+
+		body = document.getElementsByTagName( "body" )[ 0 ];
+		if ( !body || !body.style ) {
+
+			// Test fired too early or in an unsupported environment, exit.
+			return;
+		}
+
+		// Setup
+		div = document.createElement( "div" );
+		container = document.createElement( "div" );
+		container.style.cssText = "position:absolute;border:0;width:0;height:0;top:0;left:-9999px";
+		body.appendChild( container ).appendChild( div );
+
+		// Support: IE6
+		// Check if elements with layout shrink-wrap their children
+		if ( typeof div.style.zoom !== "undefined" ) {
+
+			// Reset CSS: box-sizing; display; margin; border
+			div.style.cssText =
+
+				// Support: Firefox<29, Android 2.3
+				// Vendor-prefix box-sizing
+				"-webkit-box-sizing:content-box;-moz-box-sizing:content-box;" +
+				"box-sizing:content-box;display:block;margin:0;border:0;" +
+				"padding:1px;width:1px;zoom:1";
+			div.appendChild( document.createElement( "div" ) ).style.width = "5px";
+			shrinkWrapBlocksVal = div.offsetWidth !== 3;
+		}
+
+		body.removeChild( container );
+
+		return shrinkWrapBlocksVal;
+	};
+
+} )();
+var pnum = ( /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/ ).source;
+
+var rcssNum = new RegExp( "^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i" );
+
+
+var cssExpand = [ "Top", "Right", "Bottom", "Left" ];
+
+var isHidden = function( elem, el ) {
+
+		// isHidden might be called from jQuery#filter function;
+		// in that case, element will be second argument
+		elem = el || elem;
+		return jQuery.css( elem, "display" ) === "none" ||
+			!jQuery.contains( elem.ownerDocument, elem );
+	};
+
+
+
+function adjustCSS( elem, prop, valueParts, tween ) {
+	var adjusted,
+		scale = 1,
+		maxIterations = 20,
+		currentValue = tween ?
+			function() { return tween.cur(); } :
+			function() { return jQuery.css( elem, prop, "" ); },
+		initial = currentValue(),
+		unit = valueParts && valueParts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ),
+
+		// Starting value computation is required for potential unit mismatches
+		initialInUnit = ( jQuery.cssNumber[ prop ] || unit !== "px" && +initial ) &&
+			rcssNum.exec( jQuery.css( elem, prop ) );
+
+	if ( initialInUnit && initialInUnit[ 3 ] !== unit ) {
+
+		// Trust units reported by jQuery.css
+		unit = unit || initialInUnit[ 3 ];
+
+		// Make sure we update the tween properties later on
+		valueParts = valueParts || [];
+
+		// Iteratively approximate from a nonzero starting point
+		initialInUnit = +initial || 1;
+
+		do {
+
+			// If previous iteration zeroed out, double until we get *something*.
+			// Use string for doubling so we don't accidentally see scale as unchanged below
+			scale = scale || ".5";
+
+			// Adjust and apply
+			initialInUnit = initialInUnit / scale;
+			jQuery.style( elem, prop, initialInUnit + unit );
+
+		// Update scale, tolerating zero or NaN from tween.cur()
+		// Break the loop if scale is unchanged or perfect, or if we've just had enough.
+		} while (
+			scale !== ( scale = currentValue() / initial ) && scale !== 1 && --maxIterations
+		);
+	}
+
+	if ( valueParts ) {
+		initialInUnit = +initialInUnit || +initial || 0;
+
+		// Apply relative offset (+=/-=) if specified
+		adjusted = valueParts[ 1 ] ?
+			initialInUnit + ( valueParts[ 1 ] + 1 ) * valueParts[ 2 ] :
+			+valueParts[ 2 ];
+		if ( tween ) {
+			tween.unit = unit;
+			tween.start = initialInUnit;
+			tween.end = adjusted;
+		}
+	}
+	return adjusted;
+}
+
+
+// Multifunctional method to get and set values of a collection
+// The value/s can optionally be executed if it's a function
+var access = function( elems, fn, key, value, chainable, emptyGet, raw ) {
+	var i = 0,
+		length = elems.length,
+		bulk = key == null;
+
+	// Sets many values
+	if ( jQuery.type( key ) === "object" ) {
+		chainable = true;
+		for ( i in key ) {
+			access( elems, fn, i, key[ i ], true, emptyGet, raw );
+		}
+
+	// Sets one value
+	} else if ( value !== undefined ) {
+		chainable = true;
+
+		if ( !jQuery.isFunction( value ) ) {
+			raw = true;
+		}
+
+		if ( bulk ) {
+
+			// Bulk operations run against the entire set
+			if ( raw ) {
+				fn.call( elems, value );
+				fn = null;
+
+			// ...except when executing function values
+			} else {
+				bulk = fn;
+				fn = function( elem, key, value ) {
+					return bulk.call( jQuery( elem ), value );
+				};
+			}
+		}
+
+		if ( fn ) {
+			for ( ; i < length; i++ ) {
+				fn(
+					elems[ i ],
+					key,
+					raw ? value : value.call( elems[ i ], i, fn( elems[ i ], key ) )
+				);
+			}
+		}
+	}
+
+	return chainable ?
+		elems :
+
+		// Gets
+		bulk ?
+			fn.call( elems ) :
+			length ? fn( elems[ 0 ], key ) : emptyGet;
+};
+var rcheckableType = ( /^(?:checkbox|radio)$/i );
+
+var rtagName = ( /<([\w:-]+)/ );
+
+var rscriptType = ( /^$|\/(?:java|ecma)script/i );
+
+var rleadingWhitespace = ( /^\s+/ );
+
+var nodeNames = "abbr|article|aside|audio|bdi|canvas|data|datalist|" +
+		"details|dialog|figcaption|figure|footer|header|hgroup|main|" +
+		"mark|meter|nav|output|picture|progress|section|summary|template|time|video";
+
+
+
+function createSafeFragment( document ) {
+	var list = nodeNames.split( "|" ),
+		safeFrag = document.createDocumentFragment();
+
+	if ( safeFrag.createElement ) {
+		while ( list.length ) {
+			safeFrag.createElement(
+				list.pop()
+			);
+		}
+	}
+	return safeFrag;
+}
+
+
+( function() {
+	var div = document.createElement( "div" ),
+		fragment = document.createDocumentFragment(),
+		input = document.createElement( "input" );
+
+	// Setup
+	div.innerHTML = "  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";
+
+	// IE strips leading whitespace when .innerHTML is used
+	support.leadingWhitespace = div.firstChild.nodeType === 3;
+
+	// Make sure that tbody elements aren't automatically inserted
+	// IE will insert them into empty tables
+	support.tbody = !div.getElementsByTagName( "tbody" ).length;
+
+	// Make sure that link elements get serialized correctly by innerHTML
+	// This requires a wrapper element in IE
+	support.htmlSerialize = !!div.getElementsByTagName( "link" ).length;
+
+	// Makes sure cloning an html5 element does not cause problems
+	// Where outerHTML is undefined, this still works
+	support.html5Clone =
+		document.createElement( "nav" ).cloneNode( true ).outerHTML !== "<:nav></:nav>";
+
+	// Check if a disconnected checkbox will retain its checked
+	// value of true after appended to the DOM (IE6/7)
+	input.type = "checkbox";
+	input.checked = true;
+	fragment.appendChild( input );
+	support.appendChecked = input.checked;
+
+	// Make sure textarea (and checkbox) defaultValue is properly cloned
+	// Support: IE6-IE11+
+	div.innerHTML = "<textarea>x</textarea>";
+	support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue;
+
+	// #11217 - WebKit loses check when the name is after the checked attribute
+	fragment.appendChild( div );
+
+	// Support: Windows Web Apps (WWA)
+	// `name` and `type` must use .setAttribute for WWA (#14901)
+	input = document.createElement( "input" );
+	input.setAttribute( "type", "radio" );
+	input.setAttribute( "checked", "checked" );
+	input.setAttribute( "name", "t" );
+
+	div.appendChild( input );
+
+	// Support: Safari 5.1, iOS 5.1, Android 4.x, Android 2.3
+	// old WebKit doesn't clone checked state correctly in fragments
+	support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked;
+
+	// Support: IE<9
+	// Cloned elements keep attachEvent handlers, we use addEventListener on IE9+
+	support.noCloneEvent = !!div.addEventListener;
+
+	// Support: IE<9
+	// Since attributes and properties are the same in IE,
+	// cleanData must set properties to undefined rather than use removeAttribute
+	div[ jQuery.expando ] = 1;
+	support.attributes = !div.getAttribute( jQuery.expando );
+} )();
+
+
+// We have to close these tags to support XHTML (#13200)
+var wrapMap = {
+	option: [ 1, "<select multiple='multiple'>", "</select>" ],
+	legend: [ 1, "<fieldset>", "</fieldset>" ],
+	area: [ 1, "<map>", "</map>" ],
+
+	// Support: IE8
+	param: [ 1, "<object>", "</object>" ],
+	thead: [ 1, "<table>", "</table>" ],
+	tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+	col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
+	td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+
+	// IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags,
+	// unless wrapped in a div with non-breaking characters in front of it.
+	_default: support.htmlSerialize ? [ 0, "", "" ] : [ 1, "X<div>", "</div>" ]
+};
+
+// Support: IE8-IE9
+wrapMap.optgroup = wrapMap.option;
+
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+
+function getAll( context, tag ) {
+	var elems, elem,
+		i = 0,
+		found = typeof context.getElementsByTagName !== "undefined" ?
+			context.getElementsByTagName( tag || "*" ) :
+			typeof context.querySelectorAll !== "undefined" ?
+				context.querySelectorAll( tag || "*" ) :
+				undefined;
+
+	if ( !found ) {
+		for ( found = [], elems = context.childNodes || context;
+			( elem = elems[ i ] ) != null;
+			i++
+		) {
+			if ( !tag || jQuery.nodeName( elem, tag ) ) {
+				found.push( elem );
+			} else {
+				jQuery.merge( found, getAll( elem, tag ) );
+			}
+		}
+	}
+
+	return tag === undefined || tag && jQuery.nodeName( context, tag ) ?
+		jQuery.merge( [ context ], found ) :
+		found;
+}
+
+
+// Mark scripts as having already been evaluated
+function setGlobalEval( elems, refElements ) {
+	var elem,
+		i = 0;
+	for ( ; ( elem = elems[ i ] ) != null; i++ ) {
+		jQuery._data(
+			elem,
+			"globalEval",
+			!refElements || jQuery._data( refElements[ i ], "globalEval" )
+		);
+	}
+}
+
+
+var rhtml = /<|&#?\w+;/,
+	rtbody = /<tbody/i;
+
+function fixDefaultChecked( elem ) {
+	if ( rcheckableType.test( elem.type ) ) {
+		elem.defaultChecked = elem.checked;
+	}
+}
+
+function buildFragment( elems, context, scripts, selection, ignored ) {
+	var j, elem, contains,
+		tmp, tag, tbody, wrap,
+		l = elems.length,
+
+		// Ensure a safe fragment
+		safe = createSafeFragment( context ),
+
+		nodes = [],
+		i = 0;
+
+	for ( ; i < l; i++ ) {
+		elem = elems[ i ];
+
+		if ( elem || elem === 0 ) {
+
+			// Add nodes directly
+			if ( jQuery.type( elem ) === "object" ) {
+				jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
+
+			// Convert non-html into a text node
+			} else if ( !rhtml.test( elem ) ) {
+				nodes.push( context.createTextNode( elem ) );
+
+			// Convert html into DOM nodes
+			} else {
+				tmp = tmp || safe.appendChild( context.createElement( "div" ) );
+
+				// Deserialize a standard representation
+				tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase();
+				wrap = wrapMap[ tag ] || wrapMap._default;
+
+				tmp.innerHTML = wrap[ 1 ] + jQuery.htmlPrefilter( elem ) + wrap[ 2 ];
+
+				// Descend through wrappers to the right content
+				j = wrap[ 0 ];
+				while ( j-- ) {
+					tmp = tmp.lastChild;
+				}
+
+				// Manually add leading whitespace removed by IE
+				if ( !support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
+					nodes.push( context.createTextNode( rleadingWhitespace.exec( elem )[ 0 ] ) );
+				}
+
+				// Remove IE's autoinserted <tbody> from table fragments
+				if ( !support.tbody ) {
+
+					// String was a <table>, *may* have spurious <tbody>
+					elem = tag === "table" && !rtbody.test( elem ) ?
+						tmp.firstChild :
+
+						// String was a bare <thead> or <tfoot>
+						wrap[ 1 ] === "<table>" && !rtbody.test( elem ) ?
+							tmp :
+							0;
+
+					j = elem && elem.childNodes.length;
+					while ( j-- ) {
+						if ( jQuery.nodeName( ( tbody = elem.childNodes[ j ] ), "tbody" ) &&
+							!tbody.childNodes.length ) {
+
+							elem.removeChild( tbody );
+						}
+					}
+				}
+
+				jQuery.merge( nodes, tmp.childNodes );
+
+				// Fix #12392 for WebKit and IE > 9
+				tmp.textContent = "";
+
+				// Fix #12392 for oldIE
+				while ( tmp.firstChild ) {
+					tmp.removeChild( tmp.firstChild );
+				}
+
+				// Remember the top-level container for proper cleanup
+				tmp = safe.lastChild;
+			}
+		}
+	}
+
+	// Fix #11356: Clear elements from fragment
+	if ( tmp ) {
+		safe.removeChild( tmp );
+	}
+
+	// Reset defaultChecked for any radios and checkboxes
+	// about to be appended to the DOM in IE 6/7 (#8060)
+	if ( !support.appendChecked ) {
+		jQuery.grep( getAll( nodes, "input" ), fixDefaultChecked );
+	}
+
+	i = 0;
+	while ( ( elem = nodes[ i++ ] ) ) {
+
+		// Skip elements already in the context collection (trac-4087)
+		if ( selection && jQuery.inArray( elem, selection ) > -1 ) {
+			if ( ignored ) {
+				ignored.push( elem );
+			}
+
+			continue;
+		}
+
+		contains = jQuery.contains( elem.ownerDocument, elem );
+
+		// Append to fragment
+		tmp = getAll( safe.appendChild( elem ), "script" );
+
+		// Preserve script evaluation history
+		if ( contains ) {
+			setGlobalEval( tmp );
+		}
+
+		// Capture executables
+		if ( scripts ) {
+			j = 0;
+			while ( ( elem = tmp[ j++ ] ) ) {
+				if ( rscriptType.test( elem.type || "" ) ) {
+					scripts.push( elem );
+				}
+			}
+		}
+	}
+
+	tmp = null;
+
+	return safe;
+}
+
+
+( function() {
+	var i, eventName,
+		div = document.createElement( "div" );
+
+	// Support: IE<9 (lack submit/change bubble), Firefox (lack focus(in | out) events)
+	for ( i in { submit: true, change: true, focusin: true } ) {
+		eventName = "on" + i;
+
+		if ( !( support[ i ] = eventName in window ) ) {
+
+			// Beware of CSP restrictions (https://developer.mozilla.org/en/Security/CSP)
+			div.setAttribute( eventName, "t" );
+			support[ i ] = div.attributes[ eventName ].expando === false;
+		}
+	}
+
+	// Null elements to avoid leaks in IE.
+	div = null;
+} )();
+
+
+var rformElems = /^(?:input|select|textarea)$/i,
+	rkeyEvent = /^key/,
+	rmouseEvent = /^(?:mouse|pointer|contextmenu|drag|drop)|click/,
+	rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
+	rtypenamespace = /^([^.]*)(?:\.(.+)|)/;
+
+function returnTrue() {
+	return true;
+}
+
+function returnFalse() {
+	return false;
+}
+
+// Support: IE9
+// See #13393 for more info
+function safeActiveElement() {
+	try {
+		return document.activeElement;
+	} catch ( err ) { }
+}
+
+function on( elem, types, selector, data, fn, one ) {
+	var origFn, type;
+
+	// Types can be a map of types/handlers
+	if ( typeof types === "object" ) {
+
+		// ( types-Object, selector, data )
+		if ( typeof selector !== "string" ) {
+
+			// ( types-Object, data )
+			data = data || selector;
+			selector = undefined;
+		}
+		for ( type in types ) {
+			on( elem, type, selector, data, types[ type ], one );
+		}
+		return elem;
+	}
+
+	if ( data == null && fn == null ) {
+
+		// ( types, fn )
+		fn = selector;
+		data = selector = undefined;
+	} else if ( fn == null ) {
+		if ( typeof selector === "string" ) {
+
+			// ( types, selector, fn )
+			fn = data;
+			data = undefined;
+		} else {
+
+			// ( types, data, fn )
+			fn = data;
+			data = selector;
+			selector = undefined;
+		}
+	}
+	if ( fn === false ) {
+		fn = returnFalse;
+	} else if ( !fn ) {
+		return elem;
+	}
+
+	if ( one === 1 ) {
+		origFn = fn;
+		fn = function( event ) {
+
+			// Can use an empty set, since event contains the info
+			jQuery().off( event );
+			return origFn.apply( this, arguments );
+		};
+
+		// Use same guid so caller can remove using origFn
+		fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
+	}
+	return elem.each( function() {
+		jQuery.event.add( this, types, fn, data, selector );
+	} );
+}
+
+/*
+ * Helper functions for managing events -- not part of the public interface.
+ * Props to Dean Edwards' addEvent library for many of the ideas.
+ */
+jQuery.event = {
+
+	global: {},
+
+	add: function( elem, types, handler, data, selector ) {
+		var tmp, events, t, handleObjIn,
+			special, eventHandle, handleObj,
+			handlers, type, namespaces, origType,
+			elemData = jQuery._data( elem );
+
+		// Don't attach events to noData or text/comment nodes (but allow plain objects)
+		if ( !elemData ) {
+			return;
+		}
+
+		// Caller can pass in an object of custom data in lieu of the handler
+		if ( handler.handler ) {
+			handleObjIn = handler;
+			handler = handleObjIn.handler;
+			selector = handleObjIn.selector;
+		}
+
+		// Make sure that the handler has a unique ID, used to find/remove it later
+		if ( !handler.guid ) {
+			handler.guid = jQuery.guid++;
+		}
+
+		// Init the element's event structure and main handler, if this is the first
+		if ( !( events = elemData.events ) ) {
+			events = elemData.events = {};
+		}
+		if ( !( eventHandle = elemData.handle ) ) {
+			eventHandle = elemData.handle = function( e ) {
+
+				// Discard the second event of a jQuery.event.trigger() and
+				// when an event is called after a page has unloaded
+				return typeof jQuery !== "undefined" &&
+					( !e || jQuery.event.triggered !== e.type ) ?
+					jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
+					undefined;
+			};
+
+			// Add elem as a property of the handle fn to prevent a memory leak
+			// with IE non-native events
+			eventHandle.elem = elem;
+		}
+
+		// Handle multiple events separated by a space
+		types = ( types || "" ).match( rnotwhite ) || [ "" ];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[ t ] ) || [];
+			type = origType = tmp[ 1 ];
+			namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort();
+
+			// There *must* be a type, no attaching namespace-only handlers
+			if ( !type ) {
+				continue;
+			}
+
+			// If event changes its type, use the special event handlers for the changed type
+			special = jQuery.event.special[ type ] || {};
+
+			// If selector defined, determine special event api type, otherwise given type
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+
+			// Update special based on newly reset type
+			special = jQuery.event.special[ type ] || {};
+
+			// handleObj is passed to all event handlers
+			handleObj = jQuery.extend( {
+				type: type,
+				origType: origType,
+				data: data,
+				handler: handler,
+				guid: handler.guid,
+				selector: selector,
+				needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
+				namespace: namespaces.join( "." )
+			}, handleObjIn );
+
+			// Init the event handler queue if we're the first
+			if ( !( handlers = events[ type ] ) ) {
+				handlers = events[ type ] = [];
+				handlers.delegateCount = 0;
+
+				// Only use addEventListener/attachEvent if the special events handler returns false
+				if ( !special.setup ||
+					special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+
+					// Bind the global event handler to the element
+					if ( elem.addEventListener ) {
+						elem.addEventListener( type, eventHandle, false );
+
+					} else if ( elem.attachEvent ) {
+						elem.attachEvent( "on" + type, eventHandle );
+					}
+				}
+			}
+
+			if ( special.add ) {
+				special.add.call( elem, handleObj );
+
+				if ( !handleObj.handler.guid ) {
+					handleObj.handler.guid = handler.guid;
+				}
+			}
+
+			// Add to the element's handler list, delegates in front
+			if ( selector ) {
+				handlers.splice( handlers.delegateCount++, 0, handleObj );
+			} else {
+				handlers.push( handleObj );
+			}
+
+			// Keep track of which events have ever been used, for event optimization
+			jQuery.event.global[ type ] = true;
+		}
+
+		// Nullify elem to prevent memory leaks in IE
+		elem = null;
+	},
+
+	// Detach an event or set of events from an element
+	remove: function( elem, types, handler, selector, mappedTypes ) {
+		var j, handleObj, tmp,
+			origCount, t, events,
+			special, handlers, type,
+			namespaces, origType,
+			elemData = jQuery.hasData( elem ) && jQuery._data( elem );
+
+		if ( !elemData || !( events = elemData.events ) ) {
+			return;
+		}
+
+		// Once for each type.namespace in types; type may be omitted
+		types = ( types || "" ).match( rnotwhite ) || [ "" ];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[ t ] ) || [];
+			type = origType = tmp[ 1 ];
+			namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort();
+
+			// Unbind all events (on this namespace, if provided) for the element
+			if ( !type ) {
+				for ( type in events ) {
+					jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
+				}
+				continue;
+			}
+
+			special = jQuery.event.special[ type ] || {};
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+			handlers = events[ type ] || [];
+			tmp = tmp[ 2 ] &&
+				new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" );
+
+			// Remove matching events
+			origCount = j = handlers.length;
+			while ( j-- ) {
+				handleObj = handlers[ j ];
+
+				if ( ( mappedTypes || origType === handleObj.origType ) &&
+					( !handler || handler.guid === handleObj.guid ) &&
+					( !tmp || tmp.test( handleObj.namespace ) ) &&
+					( !selector || selector === handleObj.selector ||
+						selector === "**" && handleObj.selector ) ) {
+					handlers.splice( j, 1 );
+
+					if ( handleObj.selector ) {
+						handlers.delegateCount--;
+					}
+					if ( special.remove ) {
+						special.remove.call( elem, handleObj );
+					}
+				}
+			}
+
+			// Remove generic event handler if we removed something and no more handlers exist
+			// (avoids potential for endless recursion during removal of special event handlers)
+			if ( origCount && !handlers.length ) {
+				if ( !special.teardown ||
+					special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
+
+					jQuery.removeEvent( elem, type, elemData.handle );
+				}
+
+				delete events[ type ];
+			}
+		}
+
+		// Remove the expando if it's no longer used
+		if ( jQuery.isEmptyObject( events ) ) {
+			delete elemData.handle;
+
+			// removeData also checks for emptiness and clears the expando if empty
+			// so use it instead of delete
+			jQuery._removeData( elem, "events" );
+		}
+	},
+
+	trigger: function( event, data, elem, onlyHandlers ) {
+		var handle, ontype, cur,
+			bubbleType, special, tmp, i,
+			eventPath = [ elem || document ],
+			type = hasOwn.call( event, "type" ) ? event.type : event,
+			namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split( "." ) : [];
+
+		cur = tmp = elem = elem || document;
+
+		// Don't do events on text and comment nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		// focus/blur morphs to focusin/out; ensure we're not firing them right now
+		if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
+			return;
+		}
+
+		if ( type.indexOf( "." ) > -1 ) {
+
+			// Namespaced trigger; create a regexp to match event type in handle()
+			namespaces = type.split( "." );
+			type = namespaces.shift();
+			namespaces.sort();
+		}
+		ontype = type.indexOf( ":" ) < 0 && "on" + type;
+
+		// Caller can pass in a jQuery.Event object, Object, or just an event type string
+		event = event[ jQuery.expando ] ?
+			event :
+			new jQuery.Event( type, typeof event === "object" && event );
+
+		// Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true)
+		event.isTrigger = onlyHandlers ? 2 : 3;
+		event.namespace = namespaces.join( "." );
+		event.rnamespace = event.namespace ?
+			new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" ) :
+			null;
+
+		// Clean up the event in case it is being reused
+		event.result = undefined;
+		if ( !event.target ) {
+			event.target = elem;
+		}
+
+		// Clone any incoming data and prepend the event, creating the handler arg list
+		data = data == null ?
+			[ event ] :
+			jQuery.makeArray( data, [ event ] );
+
+		// Allow special events to draw outside the lines
+		special = jQuery.event.special[ type ] || {};
+		if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) {
+			return;
+		}
+
+		// Determine event propagation path in advance, per W3C events spec (#9951)
+		// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
+		if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
+
+			bubbleType = special.delegateType || type;
+			if ( !rfocusMorph.test( bubbleType + type ) ) {
+				cur = cur.parentNode;
+			}
+			for ( ; cur; cur = cur.parentNode ) {
+				eventPath.push( cur );
+				tmp = cur;
+			}
+
+			// Only add window if we got to document (e.g., not plain obj or detached DOM)
+			if ( tmp === ( elem.ownerDocument || document ) ) {
+				eventPath.push( tmp.defaultView || tmp.parentWindow || window );
+			}
+		}
+
+		// Fire handlers on the event path
+		i = 0;
+		while ( ( cur = eventPath[ i++ ] ) && !event.isPropagationStopped() ) {
+
+			event.type = i > 1 ?
+				bubbleType :
+				special.bindType || type;
+
+			// jQuery handler
+			handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] &&
+				jQuery._data( cur, "handle" );
+
+			if ( handle ) {
+				handle.apply( cur, data );
+			}
+
+			// Native handler
+			handle = ontype && cur[ ontype ];
+			if ( handle && handle.apply && acceptData( cur ) ) {
+				event.result = handle.apply( cur, data );
+				if ( event.result === false ) {
+					event.preventDefault();
+				}
+			}
+		}
+		event.type = type;
+
+		// If nobody prevented the default action, do it now
+		if ( !onlyHandlers && !event.isDefaultPrevented() ) {
+
+			if (
+				( !special._default ||
+				 special._default.apply( eventPath.pop(), data ) === false
+				) && acceptData( elem )
+			) {
+
+				// Call a native DOM method on the target with the same name name as the event.
+				// Can't use an .isFunction() check here because IE6/7 fails that test.
+				// Don't do default actions on window, that's where global variables be (#6170)
+				if ( ontype && elem[ type ] && !jQuery.isWindow( elem ) ) {
+
+					// Don't re-trigger an onFOO event when we call its FOO() method
+					tmp = elem[ ontype ];
+
+					if ( tmp ) {
+						elem[ ontype ] = null;
+					}
+
+					// Prevent re-triggering of the same event, since we already bubbled it above
+					jQuery.event.triggered = type;
+					try {
+						elem[ type ]();
+					} catch ( e ) {
+
+						// IE<9 dies on focus/blur to hidden element (#1486,#12518)
+						// only reproducible on winXP IE8 native, not IE9 in IE8 mode
+					}
+					jQuery.event.triggered = undefined;
+
+					if ( tmp ) {
+						elem[ ontype ] = tmp;
+					}
+				}
+			}
+		}
+
+		return event.result;
+	},
+
+	dispatch: function( event ) {
+
+		// Make a writable jQuery.Event from the native event object
+		event = jQuery.event.fix( event );
+
+		var i, j, ret, matched, handleObj,
+			handlerQueue = [],
+			args = slice.call( arguments ),
+			handlers = ( jQuery._data( this, "events" ) || {} )[ event.type ] || [],
+			special = jQuery.event.special[ event.type ] || {};
+
+		// Use the fix-ed jQuery.Event rather than the (read-only) native event
+		args[ 0 ] = event;
+		event.delegateTarget = this;
+
+		// Call the preDispatch hook for the mapped type, and let it bail if desired
+		if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
+			return;
+		}
+
+		// Determine handlers
+		handlerQueue = jQuery.event.handlers.call( this, event, handlers );
+
+		// Run delegates first; they may want to stop propagation beneath us
+		i = 0;
+		while ( ( matched = handlerQueue[ i++ ] ) && !event.isPropagationStopped() ) {
+			event.currentTarget = matched.elem;
+
+			j = 0;
+			while ( ( handleObj = matched.handlers[ j++ ] ) &&
+				!event.isImmediatePropagationStopped() ) {
+
+				// Triggered event must either 1) have no namespace, or 2) have namespace(s)
+				// a subset or equal to those in the bound event (both can have no namespace).
+				if ( !event.rnamespace || event.rnamespace.test( handleObj.namespace ) ) {
+
+					event.handleObj = handleObj;
+					event.data = handleObj.data;
+
+					ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle ||
+						handleObj.handler ).apply( matched.elem, args );
+
+					if ( ret !== undefined ) {
+						if ( ( event.result = ret ) === false ) {
+							event.preventDefault();
+							event.stopPropagation();
+						}
+					}
+				}
+			}
+		}
+
+		// Call the postDispatch hook for the mapped type
+		if ( special.postDispatch ) {
+			special.postDispatch.call( this, event );
+		}
+
+		return event.result;
+	},
+
+	handlers: function( event, handlers ) {
+		var i, matches, sel, handleObj,
+			handlerQueue = [],
+			delegateCount = handlers.delegateCount,
+			cur = event.target;
+
+		// Support (at least): Chrome, IE9
+		// Find delegate handlers
+		// Black-hole SVG <use> instance trees (#13180)
+		//
+		// Support: Firefox<=42+
+		// Avoid non-left-click in FF but don't block IE radio events (#3861, gh-2343)
+		if ( delegateCount && cur.nodeType &&
+			( event.type !== "click" || isNaN( event.button ) || event.button < 1 ) ) {
+
+			/* jshint eqeqeq: false */
+			for ( ; cur != this; cur = cur.parentNode || this ) {
+				/* jshint eqeqeq: true */
+
+				// Don't check non-elements (#13208)
+				// Don't process clicks on disabled elements (#6911, #8165, #11382, #11764)
+				if ( cur.nodeType === 1 && ( cur.disabled !== true || event.type !== "click" ) ) {
+					matches = [];
+					for ( i = 0; i < delegateCount; i++ ) {
+						handleObj = handlers[ i ];
+
+						// Don't conflict with Object.prototype properties (#13203)
+						sel = handleObj.selector + " ";
+
+						if ( matches[ sel ] === undefined ) {
+							matches[ sel ] = handleObj.needsContext ?
+								jQuery( sel, this ).index( cur ) > -1 :
+								jQuery.find( sel, this, null, [ cur ] ).length;
+						}
+						if ( matches[ sel ] ) {
+							matches.push( handleObj );
+						}
+					}
+					if ( matches.length ) {
+						handlerQueue.push( { elem: cur, handlers: matches } );
+					}
+				}
+			}
+		}
+
+		// Add the remaining (directly-bound) handlers
+		if ( delegateCount < handlers.length ) {
+			handlerQueue.push( { elem: this, handlers: handlers.slice( delegateCount ) } );
+		}
+
+		return handlerQueue;
+	},
+
+	fix: function( event ) {
+		if ( event[ jQuery.expando ] ) {
+			return event;
+		}
+
+		// Create a writable copy of the event object and normalize some properties
+		var i, prop, copy,
+			type = event.type,
+			originalEvent = event,
+			fixHook = this.fixHooks[ type ];
+
+		if ( !fixHook ) {
+			this.fixHooks[ type ] = fixHook =
+				rmouseEvent.test( type ) ? this.mouseHooks :
+				rkeyEvent.test( type ) ? this.keyHooks :
+				{};
+		}
+		copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
+
+		event = new jQuery.Event( originalEvent );
+
+		i = copy.length;
+		while ( i-- ) {
+			prop = copy[ i ];
+			event[ prop ] = originalEvent[ prop ];
+		}
+
+		// Support: IE<9
+		// Fix target property (#1925)
+		if ( !event.target ) {
+			event.target = originalEvent.srcElement || document;
+		}
+
+		// Support: Safari 6-8+
+		// Target should not be a text node (#504, #13143)
+		if ( event.target.nodeType === 3 ) {
+			event.target = event.target.parentNode;
+		}
+
+		// Support: IE<9
+		// For mouse/key events, metaKey==false if it's undefined (#3368, #11328)
+		event.metaKey = !!event.metaKey;
+
+		return fixHook.filter ? fixHook.filter( event, originalEvent ) : event;
+	},
+
+	// Includes some event props shared by KeyEvent and MouseEvent
+	props: ( "altKey bubbles cancelable ctrlKey currentTarget detail eventPhase " +
+		"metaKey relatedTarget shiftKey target timeStamp view which" ).split( " " ),
+
+	fixHooks: {},
+
+	keyHooks: {
+		props: "char charCode key keyCode".split( " " ),
+		filter: function( event, original ) {
+
+			// Add which for key events
+			if ( event.which == null ) {
+				event.which = original.charCode != null ? original.charCode : original.keyCode;
+			}
+
+			return event;
+		}
+	},
+
+	mouseHooks: {
+		props: ( "button buttons clientX clientY fromElement offsetX offsetY " +
+			"pageX pageY screenX screenY toElement" ).split( " " ),
+		filter: function( event, original ) {
+			var body, eventDoc, doc,
+				button = original.button,
+				fromElement = original.fromElement;
+
+			// Calculate pageX/Y if missing and clientX/Y available
+			if ( event.pageX == null && original.clientX != null ) {
+				eventDoc = event.target.ownerDocument || document;
+				doc = eventDoc.documentElement;
+				body = eventDoc.body;
+
+				event.pageX = original.clientX +
+					( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) -
+					( doc && doc.clientLeft || body && body.clientLeft || 0 );
+				event.pageY = original.clientY +
+					( doc && doc.scrollTop  || body && body.scrollTop  || 0 ) -
+					( doc && doc.clientTop  || body && body.clientTop  || 0 );
+			}
+
+			// Add relatedTarget, if necessary
+			if ( !event.relatedTarget && fromElement ) {
+				event.relatedTarget = fromElement === event.target ?
+					original.toElement :
+					fromElement;
+			}
+
+			// Add which for click: 1 === left; 2 === middle; 3 === right
+			// Note: button is not normalized, so don't use it
+			if ( !event.which && button !== undefined ) {
+				event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
+			}
+
+			return event;
+		}
+	},
+
+	special: {
+		load: {
+
+			// Prevent triggered image.load events from bubbling to window.load
+			noBubble: true
+		},
+		focus: {
+
+			// Fire native event if possible so blur/focus sequence is correct
+			trigger: function() {
+				if ( this !== safeActiveElement() && this.focus ) {
+					try {
+						this.focus();
+						return false;
+					} catch ( e ) {
+
+						// Support: IE<9
+						// If we error on focus to hidden element (#1486, #12518),
+						// let .trigger() run the handlers
+					}
+				}
+			},
+			delegateType: "focusin"
+		},
+		blur: {
+			trigger: function() {
+				if ( this === safeActiveElement() && this.blur ) {
+					this.blur();
+					return false;
+				}
+			},
+			delegateType: "focusout"
+		},
+		click: {
+
+			// For checkbox, fire native event so checked state will be right
+			trigger: function() {
+				if ( jQuery.nodeName( this, "input" ) && this.type === "checkbox" && this.click ) {
+					this.click();
+					return false;
+				}
+			},
+
+			// For cross-browser consistency, don't fire native .click() on links
+			_default: function( event ) {
+				return jQuery.nodeName( event.target, "a" );
+			}
+		},
+
+		beforeunload: {
+			postDispatch: function( event ) {
+
+				// Support: Firefox 20+
+				// Firefox doesn't alert if the returnValue field is not set.
+				if ( event.result !== undefined && event.originalEvent ) {
+					event.originalEvent.returnValue = event.result;
+				}
+			}
+		}
+	},
+
+	// Piggyback on a donor event to simulate a different one
+	simulate: function( type, elem, event ) {
+		var e = jQuery.extend(
+			new jQuery.Event(),
+			event,
+			{
+				type: type,
+				isSimulated: true
+
+				// Previously, `originalEvent: {}` was set here, so stopPropagation call
+				// would not be triggered on donor event, since in our own
+				// jQuery.event.stopPropagation function we had a check for existence of
+				// originalEvent.stopPropagation method, so, consequently it would be a noop.
+				//
+				// Guard for simulated events was moved to jQuery.event.stopPropagation function
+				// since `originalEvent` should point to the original event for the
+				// constancy with other events and for more focused logic
+			}
+		);
+
+		jQuery.event.trigger( e, null, elem );
+
+		if ( e.isDefaultPrevented() ) {
+			event.preventDefault();
+		}
+	}
+};
+
+jQuery.removeEvent = document.removeEventListener ?
+	function( elem, type, handle ) {
+
+		// This "if" is needed for plain objects
+		if ( elem.removeEventListener ) {
+			elem.removeEventListener( type, handle );
+		}
+	} :
+	function( elem, type, handle ) {
+		var name = "on" + type;
+
+		if ( elem.detachEvent ) {
+
+			// #8545, #7054, preventing memory leaks for custom events in IE6-8
+			// detachEvent needed property on element, by name of that event,
+			// to properly expose it to GC
+			if ( typeof elem[ name ] === "undefined" ) {
+				elem[ name ] = null;
+			}
+
+			elem.detachEvent( name, handle );
+		}
+	};
+
+jQuery.Event = function( src, props ) {
+
+	// Allow instantiation without the 'new' keyword
+	if ( !( this instanceof jQuery.Event ) ) {
+		return new jQuery.Event( src, props );
+	}
+
+	// Event object
+	if ( src && src.type ) {
+		this.originalEvent = src;
+		this.type = src.type;
+
+		// Events bubbling up the document may have been marked as prevented
+		// by a handler lower down the tree; reflect the correct value.
+		this.isDefaultPrevented = src.defaultPrevented ||
+				src.defaultPrevented === undefined &&
+
+				// Support: IE < 9, Android < 4.0
+				src.returnValue === false ?
+			returnTrue :
+			returnFalse;
+
+	// Event type
+	} else {
+		this.type = src;
+	}
+
+	// Put explicitly provided properties onto the event object
+	if ( props ) {
+		jQuery.extend( this, props );
+	}
+
+	// Create a timestamp if incoming event doesn't have one
+	this.timeStamp = src && src.timeStamp || jQuery.now();
+
+	// Mark it as fixed
+	this[ jQuery.expando ] = true;
+};
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+	constructor: jQuery.Event,
+	isDefaultPrevented: returnFalse,
+	isPropagationStopped: returnFalse,
+	isImmediatePropagationStopped: returnFalse,
+
+	preventDefault: function() {
+		var e = this.originalEvent;
+
+		this.isDefaultPrevented = returnTrue;
+		if ( !e ) {
+			return;
+		}
+
+		// If preventDefault exists, run it on the original event
+		if ( e.preventDefault ) {
+			e.preventDefault();
+
+		// Support: IE
+		// Otherwise set the returnValue property of the original event to false
+		} else {
+			e.returnValue = false;
+		}
+	},
+	stopPropagation: function() {
+		var e = this.originalEvent;
+
+		this.isPropagationStopped = returnTrue;
+
+		if ( !e || this.isSimulated ) {
+			return;
+		}
+
+		// If stopPropagation exists, run it on the original event
+		if ( e.stopPropagation ) {
+			e.stopPropagation();
+		}
+
+		// Support: IE
+		// Set the cancelBubble property of the original event to true
+		e.cancelBubble = true;
+	},
+	stopImmediatePropagation: function() {
+		var e = this.originalEvent;
+
+		this.isImmediatePropagationStopped = returnTrue;
+
+		if ( e && e.stopImmediatePropagation ) {
+			e.stopImmediatePropagation();
+		}
+
+		this.stopPropagation();
+	}
+};
+
+// Create mouseenter/leave events using mouseover/out and event-time checks
+// so that event delegation works in jQuery.
+// Do the same for pointerenter/pointerleave and pointerover/pointerout
+//
+// Support: Safari 7 only
+// Safari sends mouseenter too often; see:
+// https://code.google.com/p/chromium/issues/detail?id=470258
+// for the description of the bug (it existed in older Chrome versions as well).
+jQuery.each( {
+	mouseenter: "mouseover",
+	mouseleave: "mouseout",
+	pointerenter: "pointerover",
+	pointerleave: "pointerout"
+}, function( orig, fix ) {
+	jQuery.event.special[ orig ] = {
+		delegateType: fix,
+		bindType: fix,
+
+		handle: function( event ) {
+			var ret,
+				target = this,
+				related = event.relatedTarget,
+				handleObj = event.handleObj;
+
+			// For mouseenter/leave call the handler if related is outside the target.
+			// NB: No relatedTarget if the mouse left/entered the browser window
+			if ( !related || ( related !== target && !jQuery.contains( target, related ) ) ) {
+				event.type = handleObj.origType;
+				ret = handleObj.handler.apply( this, arguments );
+				event.type = fix;
+			}
+			return ret;
+		}
+	};
+} );
+
+// IE submit delegation
+if ( !support.submit ) {
+
+	jQuery.event.special.submit = {
+		setup: function() {
+
+			// Only need this for delegated form submit events
+			if ( jQuery.nodeName( this, "form" ) ) {
+				return false;
+			}
+
+			// Lazy-add a submit handler when a descendant form may potentially be submitted
+			jQuery.event.add( this, "click._submit keypress._submit", function( e ) {
+
+				// Node name check avoids a VML-related crash in IE (#9807)
+				var elem = e.target,
+					form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ?
+
+						// Support: IE <=8
+						// We use jQuery.prop instead of elem.form
+						// to allow fixing the IE8 delegated submit issue (gh-2332)
+						// by 3rd party polyfills/workarounds.
+						jQuery.prop( elem, "form" ) :
+						undefined;
+
+				if ( form && !jQuery._data( form, "submit" ) ) {
+					jQuery.event.add( form, "submit._submit", function( event ) {
+						event._submitBubble = true;
+					} );
+					jQuery._data( form, "submit", true );
+				}
+			} );
+
+			// return undefined since we don't need an event listener
+		},
+
+		postDispatch: function( event ) {
+
+			// If form was submitted by the user, bubble the event up the tree
+			if ( event._submitBubble ) {
+				delete event._submitBubble;
+				if ( this.parentNode && !event.isTrigger ) {
+					jQuery.event.simulate( "submit", this.parentNode, event );
+				}
+			}
+		},
+
+		teardown: function() {
+
+			// Only need this for delegated form submit events
+			if ( jQuery.nodeName( this, "form" ) ) {
+				return false;
+			}
+
+			// Remove delegated handlers; cleanData eventually reaps submit handlers attached above
+			jQuery.event.remove( this, "._submit" );
+		}
+	};
+}
+
+// IE change delegation and checkbox/radio fix
+if ( !support.change ) {
+
+	jQuery.event.special.change = {
+
+		setup: function() {
+
+			if ( rformElems.test( this.nodeName ) ) {
+
+				// IE doesn't fire change on a check/radio until blur; trigger it on click
+				// after a propertychange. Eat the blur-change in special.change.handle.
+				// This still fires onchange a second time for check/radio after blur.
+				if ( this.type === "checkbox" || this.type === "radio" ) {
+					jQuery.event.add( this, "propertychange._change", function( event ) {
+						if ( event.originalEvent.propertyName === "checked" ) {
+							this._justChanged = true;
+						}
+					} );
+					jQuery.event.add( this, "click._change", function( event ) {
+						if ( this._justChanged && !event.isTrigger ) {
+							this._justChanged = false;
+						}
+
+						// Allow triggered, simulated change events (#11500)
+						jQuery.event.simulate( "change", this, event );
+					} );
+				}
+				return false;
+			}
+
+			// Delegated event; lazy-add a change handler on descendant inputs
+			jQuery.event.add( this, "beforeactivate._change", function( e ) {
+				var elem = e.target;
+
+				if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "change" ) ) {
+					jQuery.event.add( elem, "change._change", function( event ) {
+						if ( this.parentNode && !event.isSimulated && !event.isTrigger ) {
+							jQuery.event.simulate( "change", this.parentNode, event );
+						}
+					} );
+					jQuery._data( elem, "change", true );
+				}
+			} );
+		},
+
+		handle: function( event ) {
+			var elem = event.target;
+
+			// Swallow native change events from checkbox/radio, we already triggered them above
+			if ( this !== elem || event.isSimulated || event.isTrigger ||
+				( elem.type !== "radio" && elem.type !== "checkbox" ) ) {
+
+				return event.handleObj.handler.apply( this, arguments );
+			}
+		},
+
+		teardown: function() {
+			jQuery.event.remove( this, "._change" );
+
+			return !rformElems.test( this.nodeName );
+		}
+	};
+}
+
+// Support: Firefox
+// Firefox doesn't have focus(in | out) events
+// Related ticket - https://bugzilla.mozilla.org/show_bug.cgi?id=687787
+//
+// Support: Chrome, Safari
+// focus(in | out) events fire after focus & blur events,
+// which is spec violation - http://www.w3.org/TR/DOM-Level-3-Events/#events-focusevent-event-order
+// Related ticket - https://code.google.com/p/chromium/issues/detail?id=449857
+if ( !support.focusin ) {
+	jQuery.each( { focus: "focusin", blur: "focusout" }, function( orig, fix ) {
+
+		// Attach a single capturing handler on the document while someone wants focusin/focusout
+		var handler = function( event ) {
+			jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ) );
+		};
+
+		jQuery.event.special[ fix ] = {
+			setup: function() {
+				var doc = this.ownerDocument || this,
+					attaches = jQuery._data( doc, fix );
+
+				if ( !attaches ) {
+					doc.addEventListener( orig, handler, true );
+				}
+				jQuery._data( doc, fix, ( attaches || 0 ) + 1 );
+			},
+			teardown: function() {
+				var doc = this.ownerDocument || this,
+					attaches = jQuery._data( doc, fix ) - 1;
+
+				if ( !attaches ) {
+					doc.removeEventListener( orig, handler, true );
+					jQuery._removeData( doc, fix );
+				} else {
+					jQuery._data( doc, fix, attaches );
+				}
+			}
+		};
+	} );
+}
+
+jQuery.fn.extend( {
+
+	on: function( types, selector, data, fn ) {
+		return on( this, types, selector, data, fn );
+	},
+	one: function( types, selector, data, fn ) {
+		return on( this, types, selector, data, fn, 1 );
+	},
+	off: function( types, selector, fn ) {
+		var handleObj, type;
+		if ( types && types.preventDefault && types.handleObj ) {
+
+			// ( event )  dispatched jQuery.Event
+			handleObj = types.handleObj;
+			jQuery( types.delegateTarget ).off(
+				handleObj.namespace ?
+					handleObj.origType + "." + handleObj.namespace :
+					handleObj.origType,
+				handleObj.selector,
+				handleObj.handler
+			);
+			return this;
+		}
+		if ( typeof types === "object" ) {
+
+			// ( types-object [, selector] )
+			for ( type in types ) {
+				this.off( type, selector, types[ type ] );
+			}
+			return this;
+		}
+		if ( selector === false || typeof selector === "function" ) {
+
+			// ( types [, fn] )
+			fn = selector;
+			selector = undefined;
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		}
+		return this.each( function() {
+			jQuery.event.remove( this, types, fn, selector );
+		} );
+	},
+
+	trigger: function( type, data ) {
+		return this.each( function() {
+			jQuery.event.trigger( type, data, this );
+		} );
+	},
+	triggerHandler: function( type, data ) {
+		var elem = this[ 0 ];
+		if ( elem ) {
+			return jQuery.event.trigger( type, data, elem, true );
+		}
+	}
+} );
+
+
+var rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g,
+	rnoshimcache = new RegExp( "<(?:" + nodeNames + ")[\\s/>]", "i" ),
+	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:-]+)[^>]*)\/>/gi,
+
+	// Support: IE 10-11, Edge 10240+
+	// In IE/Edge using regex groups here causes severe slowdowns.
+	// See https://connect.microsoft.com/IE/feedback/details/1736512/
+	rnoInnerhtml = /<script|<style|<link/i,
+
+	// checked="checked" or checked
+	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+	rscriptTypeMasked = /^true\/(.*)/,
+	rcleanScript = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,
+	safeFragment = createSafeFragment( document ),
+	fragmentDiv = safeFragment.appendChild( document.createElement( "div" ) );
+
+// Support: IE<8
+// Manipulating tables requires a tbody
+function manipulationTarget( elem, content ) {
+	return jQuery.nodeName( elem, "table" ) &&
+		jQuery.nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ?
+
+		elem.getElementsByTagName( "tbody" )[ 0 ] ||
+			elem.appendChild( elem.ownerDocument.createElement( "tbody" ) ) :
+		elem;
+}
+
+// Replace/restore the type attribute of script elements for safe DOM manipulation
+function disableScript( elem ) {
+	elem.type = ( jQuery.find.attr( elem, "type" ) !== null ) + "/" + elem.type;
+	return elem;
+}
+function restoreScript( elem ) {
+	var match = rscriptTypeMasked.exec( elem.type );
+	if ( match ) {
+		elem.type = match[ 1 ];
+	} else {
+		elem.removeAttribute( "type" );
+	}
+	return elem;
+}
+
+function cloneCopyEvent( src, dest ) {
+	if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
+		return;
+	}
+
+	var type, i, l,
+		oldData = jQuery._data( src ),
+		curData = jQuery._data( dest, oldData ),
+		events = oldData.events;
+
+	if ( events ) {
+		delete curData.handle;
+		curData.events = {};
+
+		for ( type in events ) {
+			for ( i = 0, l = events[ type ].length; i < l; i++ ) {
+				jQuery.event.add( dest, type, events[ type ][ i ] );
+			}
+		}
+	}
+
+	// make the cloned public data object a copy from the original
+	if ( curData.data ) {
+		curData.data = jQuery.extend( {}, curData.data );
+	}
+}
+
+function fixCloneNodeIssues( src, dest ) {
+	var nodeName, e, data;
+
+	// We do not need to do anything for non-Elements
+	if ( dest.nodeType !== 1 ) {
+		return;
+	}
+
+	nodeName = dest.nodeName.toLowerCase();
+
+	// IE6-8 copies events bound via attachEvent when using cloneNode.
+	if ( !support.noCloneEvent && dest[ jQuery.expando ] ) {
+		data = jQuery._data( dest );
+
+		for ( e in data.events ) {
+			jQuery.removeEvent( dest, e, data.handle );
+		}
+
+		// Event data gets referenced instead of copied if the expando gets copied too
+		dest.removeAttribute( jQuery.expando );
+	}
+
+	// IE blanks contents when cloning scripts, and tries to evaluate newly-set text
+	if ( nodeName === "script" && dest.text !== src.text ) {
+		disableScript( dest ).text = src.text;
+		restoreScript( dest );
+
+	// IE6-10 improperly clones children of object elements using classid.
+	// IE10 throws NoModificationAllowedError if parent is null, #12132.
+	} else if ( nodeName === "object" ) {
+		if ( dest.parentNode ) {
+			dest.outerHTML = src.outerHTML;
+		}
+
+		// This path appears unavoidable for IE9. When cloning an object
+		// element in IE9, the outerHTML strategy above is not sufficient.
+		// If the src has innerHTML and the destination does not,
+		// copy the src.innerHTML into the dest.innerHTML. #10324
+		if ( support.html5Clone && ( src.innerHTML && !jQuery.trim( dest.innerHTML ) ) ) {
+			dest.innerHTML = src.innerHTML;
+		}
+
+	} else if ( nodeName === "input" && rcheckableType.test( src.type ) ) {
+
+		// IE6-8 fails to persist the checked state of a cloned checkbox
+		// or radio button. Worse, IE6-7 fail to give the cloned element
+		// a checked appearance if the defaultChecked value isn't also set
+
+		dest.defaultChecked = dest.checked = src.checked;
+
+		// IE6-7 get confused and end up setting the value of a cloned
+		// checkbox/radio button to an empty string instead of "on"
+		if ( dest.value !== src.value ) {
+			dest.value = src.value;
+		}
+
+	// IE6-8 fails to return the selected option to the default selected
+	// state when cloning options
+	} else if ( nodeName === "option" ) {
+		dest.defaultSelected = dest.selected = src.defaultSelected;
+
+	// IE6-8 fails to set the defaultValue to the correct value when
+	// cloning other types of input fields
+	} else if ( nodeName === "input" || nodeName === "textarea" ) {
+		dest.defaultValue = src.defaultValue;
+	}
+}
+
+function domManip( collection, args, callback, ignored ) {
+
+	// Flatten any nested arrays
+	args = concat.apply( [], args );
+
+	var first, node, hasScripts,
+		scripts, doc, fragment,
+		i = 0,
+		l = collection.length,
+		iNoClone = l - 1,
+		value = args[ 0 ],
+		isFunction = jQuery.isFunction( value );
+
+	// We can't cloneNode fragments that contain checked, in WebKit
+	if ( isFunction ||
+			( l > 1 && typeof value === "string" &&
+				!support.checkClone && rchecked.test( value ) ) ) {
+		return collection.each( function( index ) {
+			var self = collection.eq( index );
+			if ( isFunction ) {
+				args[ 0 ] = value.call( this, index, self.html() );
+			}
+			domManip( self, args, callback, ignored );
+		} );
+	}
+
+	if ( l ) {
+		fragment = buildFragment( args, collection[ 0 ].ownerDocument, false, collection, ignored );
+		first = fragment.firstChild;
+
+		if ( fragment.childNodes.length === 1 ) {
+			fragment = first;
+		}
+
+		// Require either new content or an interest in ignored elements to invoke the callback
+		if ( first || ignored ) {
+			scripts = jQuery.map( getAll( fragment, "script" ), disableScript );
+			hasScripts = scripts.length;
+
+			// Use the original fragment for the last item
+			// instead of the first because it can end up
+			// being emptied incorrectly in certain situations (#8070).
+			for ( ; i < l; i++ ) {
+				node = fragment;
+
+				if ( i !== iNoClone ) {
+					node = jQuery.clone( node, true, true );
+
+					// Keep references to cloned scripts for later restoration
+					if ( hasScripts ) {
+
+						// Support: Android<4.1, PhantomJS<2
+						// push.apply(_, arraylike) throws on ancient WebKit
+						jQuery.merge( scripts, getAll( node, "script" ) );
+					}
+				}
+
+				callback.call( collection[ i ], node, i );
+			}
+
+			if ( hasScripts ) {
+				doc = scripts[ scripts.length - 1 ].ownerDocument;
+
+				// Reenable scripts
+				jQuery.map( scripts, restoreScript );
+
+				// Evaluate executable scripts on first document insertion
+				for ( i = 0; i < hasScripts; i++ ) {
+					node = scripts[ i ];
+					if ( rscriptType.test( node.type || "" ) &&
+						!jQuery._data( node, "globalEval" ) &&
+						jQuery.contains( doc, node ) ) {
+
+						if ( node.src ) {
+
+							// Optional AJAX dependency, but won't run scripts if not present
+							if ( jQuery._evalUrl ) {
+								jQuery._evalUrl( node.src );
+							}
+						} else {
+							jQuery.globalEval(
+								( node.text || node.textContent || node.innerHTML || "" )
+									.replace( rcleanScript, "" )
+							);
+						}
+					}
+				}
+			}
+
+			// Fix #11809: Avoid leaking memory
+			fragment = first = null;
+		}
+	}
+
+	return collection;
+}
+
+function remove( elem, selector, keepData ) {
+	var node,
+		elems = selector ? jQuery.filter( selector, elem ) : elem,
+		i = 0;
+
+	for ( ; ( node = elems[ i ] ) != null; i++ ) {
+
+		if ( !keepData && node.nodeType === 1 ) {
+			jQuery.cleanData( getAll( node ) );
+		}
+
+		if ( node.parentNode ) {
+			if ( keepData && jQuery.contains( node.ownerDocument, node ) ) {
+				setGlobalEval( getAll( node, "script" ) );
+			}
+			node.parentNode.removeChild( node );
+		}
+	}
+
+	return elem;
+}
+
+jQuery.extend( {
+	htmlPrefilter: function( html ) {
+		return html.replace( rxhtmlTag, "<$1></$2>" );
+	},
+
+	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+		var destElements, node, clone, i, srcElements,
+			inPage = jQuery.contains( elem.ownerDocument, elem );
+
+		if ( support.html5Clone || jQuery.isXMLDoc( elem ) ||
+			!rnoshimcache.test( "<" + elem.nodeName + ">" ) ) {
+
+			clone = elem.cloneNode( true );
+
+		// IE<=8 does not properly clone detached, unknown element nodes
+		} else {
+			fragmentDiv.innerHTML = elem.outerHTML;
+			fragmentDiv.removeChild( clone = fragmentDiv.firstChild );
+		}
+
+		if ( ( !support.noCloneEvent || !support.noCloneChecked ) &&
+				( elem.nodeType === 1 || elem.nodeType === 11 ) && !jQuery.isXMLDoc( elem ) ) {
+
+			// We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2
+			destElements = getAll( clone );
+			srcElements = getAll( elem );
+
+			// Fix all IE cloning issues
+			for ( i = 0; ( node = srcElements[ i ] ) != null; ++i ) {
+
+				// Ensure that the destination node is not null; Fixes #9587
+				if ( destElements[ i ] ) {
+					fixCloneNodeIssues( node, destElements[ i ] );
+				}
+			}
+		}
+
+		// Copy the events from the original to the clone
+		if ( dataAndEvents ) {
+			if ( deepDataAndEvents ) {
+				srcElements = srcElements || getAll( elem );
+				destElements = destElements || getAll( clone );
+
+				for ( i = 0; ( node = srcElements[ i ] ) != null; i++ ) {
+					cloneCopyEvent( node, destElements[ i ] );
+				}
+			} else {
+				cloneCopyEvent( elem, clone );
+			}
+		}
+
+		// Preserve script evaluation history
+		destElements = getAll( clone, "script" );
+		if ( destElements.length > 0 ) {
+			setGlobalEval( destElements, !inPage && getAll( elem, "script" ) );
+		}
+
+		destElements = srcElements = node = null;
+
+		// Return the cloned set
+		return clone;
+	},
+
+	cleanData: function( elems, /* internal */ forceAcceptData ) {
+		var elem, type, id, data,
+			i = 0,
+			internalKey = jQuery.expando,
+			cache = jQuery.cache,
+			attributes = support.attributes,
+			special = jQuery.event.special;
+
+		for ( ; ( elem = elems[ i ] ) != null; i++ ) {
+			if ( forceAcceptData || acceptData( elem ) ) {
+
+				id = elem[ internalKey ];
+				data = id && cache[ id ];
+
+				if ( data ) {
+					if ( data.events ) {
+						for ( type in data.events ) {
+							if ( special[ type ] ) {
+								jQuery.event.remove( elem, type );
+
+							// This is a shortcut to avoid jQuery.event.remove's overhead
+							} else {
+								jQuery.removeEvent( elem, type, data.handle );
+							}
+						}
+					}
+
+					// Remove cache only if it was not already removed by jQuery.event.remove
+					if ( cache[ id ] ) {
+
+						delete cache[ id ];
+
+						// Support: IE<9
+						// IE does not allow us to delete expando properties from nodes
+						// IE creates expando attributes along with the property
+						// IE does not have a removeAttribute function on Document nodes
+						if ( !attributes && typeof elem.removeAttribute !== "undefined" ) {
+							elem.removeAttribute( internalKey );
+
+						// Webkit & Blink performance suffers when deleting properties
+						// from DOM nodes, so set to undefined instead
+						// https://code.google.com/p/chromium/issues/detail?id=378607
+						} else {
+							elem[ internalKey ] = undefined;
+						}
+
+						deletedIds.push( id );
+					}
+				}
+			}
+		}
+	}
+} );
+
+jQuery.fn.extend( {
+
+	// Keep domManip exposed until 3.0 (gh-2225)
+	domManip: domManip,
+
+	detach: function( selector ) {
+		return remove( this, selector, true );
+	},
+
+	remove: function( selector ) {
+		return remove( this, selector );
+	},
+
+	text: function( value ) {
+		return access( this, function( value ) {
+			return value === undefined ?
+				jQuery.text( this ) :
+				this.empty().append(
+					( this[ 0 ] && this[ 0 ].ownerDocument || document ).createTextNode( value )
+				);
+		}, null, value, arguments.length );
+	},
+
+	append: function() {
+		return domManip( this, arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.appendChild( elem );
+			}
+		} );
+	},
+
+	prepend: function() {
+		return domManip( this, arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.insertBefore( elem, target.firstChild );
+			}
+		} );
+	},
+
+	before: function() {
+		return domManip( this, arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this );
+			}
+		} );
+	},
+
+	after: function() {
+		return domManip( this, arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this.nextSibling );
+			}
+		} );
+	},
+
+	empty: function() {
+		var elem,
+			i = 0;
+
+		for ( ; ( elem = this[ i ] ) != null; i++ ) {
+
+			// Remove element nodes and prevent memory leaks
+			if ( elem.nodeType === 1 ) {
+				jQuery.cleanData( getAll( elem, false ) );
+			}
+
+			// Remove any remaining nodes
+			while ( elem.firstChild ) {
+				elem.removeChild( elem.firstChild );
+			}
+
+			// If this is a select, ensure that it displays empty (#12336)
+			// Support: IE<9
+			if ( elem.options && jQuery.nodeName( elem, "select" ) ) {
+				elem.options.length = 0;
+			}
+		}
+
+		return this;
+	},
+
+	clone: function( dataAndEvents, deepDataAndEvents ) {
+		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+		return this.map( function() {
+			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+		} );
+	},
+
+	html: function( value ) {
+		return access( this, function( value ) {
+			var elem = this[ 0 ] || {},
+				i = 0,
+				l = this.length;
+
+			if ( value === undefined ) {
+				return elem.nodeType === 1 ?
+					elem.innerHTML.replace( rinlinejQuery, "" ) :
+					undefined;
+			}
+
+			// See if we can take a shortcut and just use innerHTML
+			if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
+				( support.htmlSerialize || !rnoshimcache.test( value )  ) &&
+				( support.leadingWhitespace || !rleadingWhitespace.test( value ) ) &&
+				!wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) {
+
+				value = jQuery.htmlPrefilter( value );
+
+				try {
+					for ( ; i < l; i++ ) {
+
+						// Remove element nodes and prevent memory leaks
+						elem = this[ i ] || {};
+						if ( elem.nodeType === 1 ) {
+							jQuery.cleanData( getAll( elem, false ) );
+							elem.innerHTML = value;
+						}
+					}
+
+					elem = 0;
+
+				// If using innerHTML throws an exception, use the fallback method
+				} catch ( e ) {}
+			}
+
+			if ( elem ) {
+				this.empty().append( value );
+			}
+		}, null, value, arguments.length );
+	},
+
+	replaceWith: function() {
+		var ignored = [];
+
+		// Make the changes, replacing each non-ignored context element with the new content
+		return domManip( this, arguments, function( elem ) {
+			var parent = this.parentNode;
+
+			if ( jQuery.inArray( this, ignored ) < 0 ) {
+				jQuery.cleanData( getAll( this ) );
+				if ( parent ) {
+					parent.replaceChild( elem, this );
+				}
+			}
+
+		// Force callback invocation
+		}, ignored );
+	}
+} );
+
+jQuery.each( {
+	appendTo: "append",
+	prependTo: "prepend",
+	insertBefore: "before",
+	insertAfter: "after",
+	replaceAll: "replaceWith"
+}, function( name, original ) {
+	jQuery.fn[ name ] = function( selector ) {
+		var elems,
+			i = 0,
+			ret = [],
+			insert = jQuery( selector ),
+			last = insert.length - 1;
+
+		for ( ; i <= last; i++ ) {
+			elems = i === last ? this : this.clone( true );
+			jQuery( insert[ i ] )[ original ]( elems );
+
+			// Modern browsers can apply jQuery collections as arrays, but oldIE needs a .get()
+			push.apply( ret, elems.get() );
+		}
+
+		return this.pushStack( ret );
+	};
+} );
+
+
+var iframe,
+	elemdisplay = {
+
+		// Support: Firefox
+		// We have to pre-define these values for FF (#10227)
+		HTML: "block",
+		BODY: "block"
+	};
+
+/**
+ * Retrieve the actual display of a element
+ * @param {String} name nodeName of the element
+ * @param {Object} doc Document object
+ */
+
+// Called only from within defaultDisplay
+function actualDisplay( name, doc ) {
+	var elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ),
+
+		display = jQuery.css( elem[ 0 ], "display" );
+
+	// We don't have any data stored on the element,
+	// so use "detach" method as fast way to get rid of the element
+	elem.detach();
+
+	return display;
+}
+
+/**
+ * Try to determine the default display value of an element
+ * @param {String} nodeName
+ */
+function defaultDisplay( nodeName ) {
+	var doc = document,
+		display = elemdisplay[ nodeName ];
+
+	if ( !display ) {
+		display = actualDisplay( nodeName, doc );
+
+		// If the simple way fails, read from inside an iframe
+		if ( display === "none" || !display ) {
+
+			// Use the already-created iframe if possible
+			iframe = ( iframe || jQuery( "<iframe frameborder='0' width='0' height='0'/>" ) )
+				.appendTo( doc.documentElement );
+
+			// Always write a new HTML skeleton so Webkit and Firefox don't choke on reuse
+			doc = ( iframe[ 0 ].contentWindow || iframe[ 0 ].contentDocument ).document;
+
+			// Support: IE
+			doc.write();
+			doc.close();
+
+			display = actualDisplay( nodeName, doc );
+			iframe.detach();
+		}
+
+		// Store the correct default display
+		elemdisplay[ nodeName ] = display;
+	}
+
+	return display;
+}
+var rmargin = ( /^margin/ );
+
+var rnumnonpx = new RegExp( "^(" + pnum + ")(?!px)[a-z%]+$", "i" );
+
+var swap = function( elem, options, callback, args ) {
+	var ret, name,
+		old = {};
+
+	// Remember the old values, and insert the new ones
+	for ( name in options ) {
+		old[ name ] = elem.style[ name ];
+		elem.style[ name ] = options[ name ];
+	}
+
+	ret = callback.apply( elem, args || [] );
+
+	// Revert the old values
+	for ( name in options ) {
+		elem.style[ name ] = old[ name ];
+	}
+
+	return ret;
+};
+
+
+var documentElement = document.documentElement;
+
+
+
+( function() {
+	var pixelPositionVal, pixelMarginRightVal, boxSizingReliableVal,
+		reliableHiddenOffsetsVal, reliableMarginRightVal, reliableMarginLeftVal,
+		container = document.createElement( "div" ),
+		div = document.createElement( "div" );
+
+	// Finish early in limited (non-browser) environments
+	if ( !div.style ) {
+		return;
+	}
+
+	div.style.cssText = "float:left;opacity:.5";
+
+	// Support: IE<9
+	// Make sure that element opacity exists (as opposed to filter)
+	support.opacity = div.style.opacity === "0.5";
+
+	// Verify style float existence
+	// (IE uses styleFloat instead of cssFloat)
+	support.cssFloat = !!div.style.cssFloat;
+
+	div.style.backgroundClip = "content-box";
+	div.cloneNode( true ).style.backgroundClip = "";
+	support.clearCloneStyle = div.style.backgroundClip === "content-box";
+
+	container = document.createElement( "div" );
+	container.style.cssText = "border:0;width:8px;height:0;top:0;left:-9999px;" +
+		"padding:0;margin-top:1px;position:absolute";
+	div.innerHTML = "";
+	container.appendChild( div );
+
+	// Support: Firefox<29, Android 2.3
+	// Vendor-prefix box-sizing
+	support.boxSizing = div.style.boxSizing === "" || div.style.MozBoxSizing === "" ||
+		div.style.WebkitBoxSizing === "";
+
+	jQuery.extend( support, {
+		reliableHiddenOffsets: function() {
+			if ( pixelPositionVal == null ) {
+				computeStyleTests();
+			}
+			return reliableHiddenOffsetsVal;
+		},
+
+		boxSizingReliable: function() {
+
+			// We're checking for pixelPositionVal here instead of boxSizingReliableVal
+			// since that compresses better and they're computed together anyway.
+			if ( pixelPositionVal == null ) {
+				computeStyleTests();
+			}
+			return boxSizingReliableVal;
+		},
+
+		pixelMarginRight: function() {
+
+			// Support: Android 4.0-4.3
+			if ( pixelPositionVal == null ) {
+				computeStyleTests();
+			}
+			return pixelMarginRightVal;
+		},
+
+		pixelPosition: function() {
+			if ( pixelPositionVal == null ) {
+				computeStyleTests();
+			}
+			return pixelPositionVal;
+		},
+
+		reliableMarginRight: function() {
+
+			// Support: Android 2.3
+			if ( pixelPositionVal == null ) {
+				computeStyleTests();
+			}
+			return reliableMarginRightVal;
+		},
+
+		reliableMarginLeft: function() {
+
+			// Support: IE <=8 only, Android 4.0 - 4.3 only, Firefox <=3 - 37
+			if ( pixelPositionVal == null ) {
+				computeStyleTests();
+			}
+			return reliableMarginLeftVal;
+		}
+	} );
+
+	function computeStyleTests() {
+		var contents, divStyle,
+			documentElement = document.documentElement;
+
+		// Setup
+		documentElement.appendChild( container );
+
+		div.style.cssText =
+
+			// Support: Android 2.3
+			// Vendor-prefix box-sizing
+			"-webkit-box-sizing:border-box;box-sizing:border-box;" +
+			"position:relative;display:block;" +
+			"margin:auto;border:1px;padding:1px;" +
+			"top:1%;width:50%";
+
+		// Support: IE<9
+		// Assume reasonable values in the absence of getComputedStyle
+		pixelPositionVal = boxSizingReliableVal = reliableMarginLeftVal = false;
+		pixelMarginRightVal = reliableMarginRightVal = true;
+
+		// Check for getComputedStyle so that this code is not run in IE<9.
+		if ( window.getComputedStyle ) {
+			divStyle = window.getComputedStyle( div );
+			pixelPositionVal = ( divStyle || {} ).top !== "1%";
+			reliableMarginLeftVal = ( divStyle || {} ).marginLeft === "2px";
+			boxSizingReliableVal = ( divStyle || { width: "4px" } ).width === "4px";
+
+			// Support: Android 4.0 - 4.3 only
+			// Some styles come back with percentage values, even though they shouldn't
+			div.style.marginRight = "50%";
+			pixelMarginRightVal = ( divStyle || { marginRight: "4px" } ).marginRight === "4px";
+
+			// Support: Android 2.3 only
+			// Div with explicit width and no margin-right incorrectly
+			// gets computed margin-right based on width of container (#3333)
+			// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+			contents = div.appendChild( document.createElement( "div" ) );
+
+			// Reset CSS: box-sizing; display; margin; border; padding
+			contents.style.cssText = div.style.cssText =
+
+				// Support: Android 2.3
+				// Vendor-prefix box-sizing
+				"-webkit-box-sizing:content-box;-moz-box-sizing:content-box;" +
+				"box-sizing:content-box;display:block;margin:0;border:0;padding:0";
+			contents.style.marginRight = contents.style.width = "0";
+			div.style.width = "1px";
+
+			reliableMarginRightVal =
+				!parseFloat( ( window.getComputedStyle( contents ) || {} ).marginRight );
+
+			div.removeChild( contents );
+		}
+
+		// Support: IE6-8
+		// First check that getClientRects works as expected
+		// Check if table cells still have offsetWidth/Height when they are set
+		// to display:none and there are still other visible table cells in a
+		// table row; if so, offsetWidth/Height are not reliable for use when
+		// determining if an element has been hidden directly using
+		// display:none (it is still safe to use offsets if a parent element is
+		// hidden; don safety goggles and see bug #4512 for more information).
+		div.style.display = "none";
+		reliableHiddenOffsetsVal = div.getClientRects().length === 0;
+		if ( reliableHiddenOffsetsVal ) {
+			div.style.display = "";
+			div.innerHTML = "<table><tr><td></td><td>t</td></tr></table>";
+			contents = div.getElementsByTagName( "td" );
+			contents[ 0 ].style.cssText = "margin:0;border:0;padding:0;display:none";
+			reliableHiddenOffsetsVal = contents[ 0 ].offsetHeight === 0;
+			if ( reliableHiddenOffsetsVal ) {
+				contents[ 0 ].style.display = "";
+				contents[ 1 ].style.display = "none";
+				reliableHiddenOffsetsVal = contents[ 0 ].offsetHeight === 0;
+			}
+		}
+
+		// Teardown
+		documentElement.removeChild( container );
+	}
+
+} )();
+
+
+var getStyles, curCSS,
+	rposition = /^(top|right|bottom|left)$/;
+
+if ( window.getComputedStyle ) {
+	getStyles = function( elem ) {
+
+		// Support: IE<=11+, Firefox<=30+ (#15098, #14150)
+		// IE throws on elements created in popups
+		// FF meanwhile throws on frame elements through "defaultView.getComputedStyle"
+		var view = elem.ownerDocument.defaultView;
+
+		if ( !view || !view.opener ) {
+			view = window;
+		}
+
+		return view.getComputedStyle( elem );
+	};
+
+	curCSS = function( elem, name, computed ) {
+		var width, minWidth, maxWidth, ret,
+			style = elem.style;
+
+		computed = computed || getStyles( elem );
+
+		// getPropertyValue is only needed for .css('filter') in IE9, see #12537
+		ret = computed ? computed.getPropertyValue( name ) || computed[ name ] : undefined;
+
+		// Support: Opera 12.1x only
+		// Fall back to style even without computed
+		// computed is undefined for elems on document fragments
+		if ( ( ret === "" || ret === undefined ) && !jQuery.contains( elem.ownerDocument, elem ) ) {
+			ret = jQuery.style( elem, name );
+		}
+
+		if ( computed ) {
+
+			// A tribute to the "awesome hack by Dean Edwards"
+			// Chrome < 17 and Safari 5.0 uses "computed value"
+			// instead of "used value" for margin-right
+			// Safari 5.1.7 (at least) returns percentage for a larger set of values,
+			// but width seems to be reliably pixels
+			// this is against the CSSOM draft spec:
+			// http://dev.w3.org/csswg/cssom/#resolved-values
+			if ( !support.pixelMarginRight() && rnumnonpx.test( ret ) && rmargin.test( name ) ) {
+
+				// Remember the original values
+				width = style.width;
+				minWidth = style.minWidth;
+				maxWidth = style.maxWidth;
+
+				// Put in the new values to get a computed value out
+				style.minWidth = style.maxWidth = style.width = ret;
+				ret = computed.width;
+
+				// Revert the changed values
+				style.width = width;
+				style.minWidth = minWidth;
+				style.maxWidth = maxWidth;
+			}
+		}
+
+		// Support: IE
+		// IE returns zIndex value as an integer.
+		return ret === undefined ?
+			ret :
+			ret + "";
+	};
+} else if ( documentElement.currentStyle ) {
+	getStyles = function( elem ) {
+		return elem.currentStyle;
+	};
+
+	curCSS = function( elem, name, computed ) {
+		var left, rs, rsLeft, ret,
+			style = elem.style;
+
+		computed = computed || getStyles( elem );
+		ret = computed ? computed[ name ] : undefined;
+
+		// Avoid setting ret to empty string here
+		// so we don't default to auto
+		if ( ret == null && style && style[ name ] ) {
+			ret = style[ name ];
+		}
+
+		// From the awesome hack by Dean Edwards
+		// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+		// If we're not dealing with a regular pixel number
+		// but a number that has a weird ending, we need to convert it to pixels
+		// but not position css attributes, as those are
+		// proportional to the parent element instead
+		// and we can't measure the parent instead because it
+		// might trigger a "stacking dolls" problem
+		if ( rnumnonpx.test( ret ) && !rposition.test( name ) ) {
+
+			// Remember the original values
+			left = style.left;
+			rs = elem.runtimeStyle;
+			rsLeft = rs && rs.left;
+
+			// Put in the new values to get a computed value out
+			if ( rsLeft ) {
+				rs.left = elem.currentStyle.left;
+			}
+			style.left = name === "fontSize" ? "1em" : ret;
+			ret = style.pixelLeft + "px";
+
+			// Revert the changed values
+			style.left = left;
+			if ( rsLeft ) {
+				rs.left = rsLeft;
+			}
+		}
+
+		// Support: IE
+		// IE returns zIndex value as an integer.
+		return ret === undefined ?
+			ret :
+			ret + "" || "auto";
+	};
+}
+
+
+
+
+function addGetHookIf( conditionFn, hookFn ) {
+
+	// Define the hook, we'll check on the first run if it's really needed.
+	return {
+		get: function() {
+			if ( conditionFn() ) {
+
+				// Hook not needed (or it's not possible to use it due
+				// to missing dependency), remove it.
+				delete this.get;
+				return;
+			}
+
+			// Hook needed; redefine it so that the support test is not executed again.
+			return ( this.get = hookFn ).apply( this, arguments );
+		}
+	};
+}
+
+
+var
+
+		ralpha = /alpha\([^)]*\)/i,
+	ropacity = /opacity\s*=\s*([^)]*)/i,
+
+	// swappable if display is none or starts with table except
+	// "table", "table-cell", or "table-caption"
+	// see here for display values:
+	// https://developer.mozilla.org/en-US/docs/CSS/display
+	rdisplayswap = /^(none|table(?!-c[ea]).+)/,
+	rnumsplit = new RegExp( "^(" + pnum + ")(.*)$", "i" ),
+
+	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+	cssNormalTransform = {
+		letterSpacing: "0",
+		fontWeight: "400"
+	},
+
+	cssPrefixes = [ "Webkit", "O", "Moz", "ms" ],
+	emptyStyle = document.createElement( "div" ).style;
+
+
+// return a css property mapped to a potentially vendor prefixed property
+function vendorPropName( name ) {
+
+	// shortcut for names that are not vendor prefixed
+	if ( name in emptyStyle ) {
+		return name;
+	}
+
+	// check for vendor prefixed names
+	var capName = name.charAt( 0 ).toUpperCase() + name.slice( 1 ),
+		i = cssPrefixes.length;
+
+	while ( i-- ) {
+		name = cssPrefixes[ i ] + capName;
+		if ( name in emptyStyle ) {
+			return name;
+		}
+	}
+}
+
+function showHide( elements, show ) {
+	var display, elem, hidden,
+		values = [],
+		index = 0,
+		length = elements.length;
+
+	for ( ; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+
+		values[ index ] = jQuery._data( elem, "olddisplay" );
+		display = elem.style.display;
+		if ( show ) {
+
+			// Reset the inline display of this element to learn if it is
+			// being hidden by cascaded rules or not
+			if ( !values[ index ] && display === "none" ) {
+				elem.style.display = "";
+			}
+
+			// Set elements which have been overridden with display: none
+			// in a stylesheet to whatever the default browser style is
+			// for such an element
+			if ( elem.style.display === "" && isHidden( elem ) ) {
+				values[ index ] =
+					jQuery._data( elem, "olddisplay", defaultDisplay( elem.nodeName ) );
+			}
+		} else {
+			hidden = isHidden( elem );
+
+			if ( display && display !== "none" || !hidden ) {
+				jQuery._data(
+					elem,
+					"olddisplay",
+					hidden ? display : jQuery.css( elem, "display" )
+				);
+			}
+		}
+	}
+
+	// Set the display of most of the elements in a second loop
+	// to avoid the constant reflow
+	for ( index = 0; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+		if ( !show || elem.style.display === "none" || elem.style.display === "" ) {
+			elem.style.display = show ? values[ index ] || "" : "none";
+		}
+	}
+
+	return elements;
+}
+
+function setPositiveNumber( elem, value, subtract ) {
+	var matches = rnumsplit.exec( value );
+	return matches ?
+
+		// Guard against undefined "subtract", e.g., when used as in cssHooks
+		Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) :
+		value;
+}
+
+function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) {
+	var i = extra === ( isBorderBox ? "border" : "content" ) ?
+
+		// If we already have the right measurement, avoid augmentation
+		4 :
+
+		// Otherwise initialize for horizontal or vertical properties
+		name === "width" ? 1 : 0,
+
+		val = 0;
+
+	for ( ; i < 4; i += 2 ) {
+
+		// both box models exclude margin, so add it if we want it
+		if ( extra === "margin" ) {
+			val += jQuery.css( elem, extra + cssExpand[ i ], true, styles );
+		}
+
+		if ( isBorderBox ) {
+
+			// border-box includes padding, so remove it if we want content
+			if ( extra === "content" ) {
+				val -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+			}
+
+			// at this point, extra isn't border nor margin, so remove border
+			if ( extra !== "margin" ) {
+				val -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		} else {
+
+			// at this point, extra isn't content, so add padding
+			val += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+
+			// at this point, extra isn't content nor padding, so add border
+			if ( extra !== "padding" ) {
+				val += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		}
+	}
+
+	return val;
+}
+
+function getWidthOrHeight( elem, name, extra ) {
+
+	// Start with offset property, which is equivalent to the border-box value
+	var valueIsBorderBox = true,
+		val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
+		styles = getStyles( elem ),
+		isBorderBox = support.boxSizing &&
+			jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
+
+	// Support: IE11 only
+	// In IE 11 fullscreen elements inside of an iframe have
+	// 100x too small dimensions (gh-1764).
+	if ( document.msFullscreenElement && window.top !== window ) {
+
+		// Support: IE11 only
+		// Running getBoundingClientRect on a disconnected node
+		// in IE throws an error.
+		if ( elem.getClientRects().length ) {
+			val = Math.round( elem.getBoundingClientRect()[ name ] * 100 );
+		}
+	}
+
+	// some non-html elements return undefined for offsetWidth, so check for null/undefined
+	// svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
+	// MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
+	if ( val <= 0 || val == null ) {
+
+		// Fall back to computed then uncomputed css if necessary
+		val = curCSS( elem, name, styles );
+		if ( val < 0 || val == null ) {
+			val = elem.style[ name ];
+		}
+
+		// Computed unit is not pixels. Stop here and return.
+		if ( rnumnonpx.test( val ) ) {
+			return val;
+		}
+
+		// we need the check for style in case a browser which returns unreliable values
+		// for getComputedStyle silently falls back to the reliable elem.style
+		valueIsBorderBox = isBorderBox &&
+			( support.boxSizingReliable() || val === elem.style[ name ] );
+
+		// Normalize "", auto, and prepare for extra
+		val = parseFloat( val ) || 0;
+	}
+
+	// use the active box-sizing model to add/subtract irrelevant styles
+	return ( val +
+		augmentWidthOrHeight(
+			elem,
+			name,
+			extra || ( isBorderBox ? "border" : "content" ),
+			valueIsBorderBox,
+			styles
+		)
+	) + "px";
+}
+
+jQuery.extend( {
+
+	// Add in style property hooks for overriding the default
+	// behavior of getting and setting a style property
+	cssHooks: {
+		opacity: {
+			get: function( elem, computed ) {
+				if ( computed ) {
+
+					// We should always get a number back from opacity
+					var ret = curCSS( elem, "opacity" );
+					return ret === "" ? "1" : ret;
+				}
+			}
+		}
+	},
+
+	// Don't automatically add "px" to these possibly-unitless properties
+	cssNumber: {
+		"animationIterationCount": true,
+		"columnCount": true,
+		"fillOpacity": true,
+		"flexGrow": true,
+		"flexShrink": true,
+		"fontWeight": true,
+		"lineHeight": true,
+		"opacity": true,
+		"order": true,
+		"orphans": true,
+		"widows": true,
+		"zIndex": true,
+		"zoom": true
+	},
+
+	// Add in properties whose names you wish to fix before
+	// setting or getting the value
+	cssProps: {
+
+		// normalize float css property
+		"float": support.cssFloat ? "cssFloat" : "styleFloat"
+	},
+
+	// Get and set the style property on a DOM Node
+	style: function( elem, name, value, extra ) {
+
+		// Don't set styles on text and comment nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+			return;
+		}
+
+		// Make sure that we're working with the right name
+		var ret, type, hooks,
+			origName = jQuery.camelCase( name ),
+			style = elem.style;
+
+		name = jQuery.cssProps[ origName ] ||
+			( jQuery.cssProps[ origName ] = vendorPropName( origName ) || origName );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// Check if we're setting a value
+		if ( value !== undefined ) {
+			type = typeof value;
+
+			// Convert "+=" or "-=" to relative numbers (#7345)
+			if ( type === "string" && ( ret = rcssNum.exec( value ) ) && ret[ 1 ] ) {
+				value = adjustCSS( elem, name, ret );
+
+				// Fixes bug #9237
+				type = "number";
+			}
+
+			// Make sure that null and NaN values aren't set. See: #7116
+			if ( value == null || value !== value ) {
+				return;
+			}
+
+			// If a number was passed in, add the unit (except for certain CSS properties)
+			if ( type === "number" ) {
+				value += ret && ret[ 3 ] || ( jQuery.cssNumber[ origName ] ? "" : "px" );
+			}
+
+			// Fixes #8908, it can be done more correctly by specifing setters in cssHooks,
+			// but it would mean to define eight
+			// (for every problematic property) identical functions
+			if ( !support.clearCloneStyle && value === "" && name.indexOf( "background" ) === 0 ) {
+				style[ name ] = "inherit";
+			}
+
+			// If a hook was provided, use that value, otherwise just set the specified value
+			if ( !hooks || !( "set" in hooks ) ||
+				( value = hooks.set( elem, value, extra ) ) !== undefined ) {
+
+				// Support: IE
+				// Swallow errors from 'invalid' CSS values (#5509)
+				try {
+					style[ name ] = value;
+				} catch ( e ) {}
+			}
+
+		} else {
+
+			// If a hook was provided get the non-computed value from there
+			if ( hooks && "get" in hooks &&
+				( ret = hooks.get( elem, false, extra ) ) !== undefined ) {
+
+				return ret;
+			}
+
+			// Otherwise just get the value from the style object
+			return style[ name ];
+		}
+	},
+
+	css: function( elem, name, extra, styles ) {
+		var num, val, hooks,
+			origName = jQuery.camelCase( name );
+
+		// Make sure that we're working with the right name
+		name = jQuery.cssProps[ origName ] ||
+			( jQuery.cssProps[ origName ] = vendorPropName( origName ) || origName );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// If a hook was provided get the computed value from there
+		if ( hooks && "get" in hooks ) {
+			val = hooks.get( elem, true, extra );
+		}
+
+		// Otherwise, if a way to get the computed value exists, use that
+		if ( val === undefined ) {
+			val = curCSS( elem, name, styles );
+		}
+
+		//convert "normal" to computed value
+		if ( val === "normal" && name in cssNormalTransform ) {
+			val = cssNormalTransform[ name ];
+		}
+
+		// Return, converting to number if forced or a qualifier was provided and val looks numeric
+		if ( extra === "" || extra ) {
+			num = parseFloat( val );
+			return extra === true || isFinite( num ) ? num || 0 : val;
+		}
+		return val;
+	}
+} );
+
+jQuery.each( [ "height", "width" ], function( i, name ) {
+	jQuery.cssHooks[ name ] = {
+		get: function( elem, computed, extra ) {
+			if ( computed ) {
+
+				// certain elements can have dimension info if we invisibly show them
+				// however, it must have a current display style that would benefit from this
+				return rdisplayswap.test( jQuery.css( elem, "display" ) ) &&
+					elem.offsetWidth === 0 ?
+						swap( elem, cssShow, function() {
+							return getWidthOrHeight( elem, name, extra );
+						} ) :
+						getWidthOrHeight( elem, name, extra );
+			}
+		},
+
+		set: function( elem, value, extra ) {
+			var styles = extra && getStyles( elem );
+			return setPositiveNumber( elem, value, extra ?
+				augmentWidthOrHeight(
+					elem,
+					name,
+					extra,
+					support.boxSizing &&
+						jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
+					styles
+				) : 0
+			);
+		}
+	};
+} );
+
+if ( !support.opacity ) {
+	jQuery.cssHooks.opacity = {
+		get: function( elem, computed ) {
+
+			// IE uses filters for opacity
+			return ropacity.test( ( computed && elem.currentStyle ?
+				elem.currentStyle.filter :
+				elem.style.filter ) || "" ) ?
+					( 0.01 * parseFloat( RegExp.$1 ) ) + "" :
+					computed ? "1" : "";
+		},
+
+		set: function( elem, value ) {
+			var style = elem.style,
+				currentStyle = elem.currentStyle,
+				opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",
+				filter = currentStyle && currentStyle.filter || style.filter || "";
+
+			// IE has trouble with opacity if it does not have layout
+			// Force it by setting the zoom level
+			style.zoom = 1;
+
+			// if setting opacity to 1, and no other filters exist -
+			// attempt to remove filter attribute #6652
+			// if value === "", then remove inline opacity #12685
+			if ( ( value >= 1 || value === "" ) &&
+					jQuery.trim( filter.replace( ralpha, "" ) ) === "" &&
+					style.removeAttribute ) {
+
+				// Setting style.filter to null, "" & " " still leave "filter:" in the cssText
+				// if "filter:" is present at all, clearType is disabled, we want to avoid this
+				// style.removeAttribute is IE Only, but so apparently is this code path...
+				style.removeAttribute( "filter" );
+
+				// if there is no filter style applied in a css rule
+				// or unset inline opacity, we are done
+				if ( value === "" || currentStyle && !currentStyle.filter ) {
+					return;
+				}
+			}
+
+			// otherwise, set new filter values
+			style.filter = ralpha.test( filter ) ?
+				filter.replace( ralpha, opacity ) :
+				filter + " " + opacity;
+		}
+	};
+}
+
+jQuery.cssHooks.marginRight = addGetHookIf( support.reliableMarginRight,
+	function( elem, computed ) {
+		if ( computed ) {
+			return swap( elem, { "display": "inline-block" },
+				curCSS, [ elem, "marginRight" ] );
+		}
+	}
+);
+
+jQuery.cssHooks.marginLeft = addGetHookIf( support.reliableMarginLeft,
+	function( elem, computed ) {
+		if ( computed ) {
+			return (
+				parseFloat( curCSS( elem, "marginLeft" ) ) ||
+
+				// Support: IE<=11+
+				// Running getBoundingClientRect on a disconnected node in IE throws an error
+				// Support: IE8 only
+				// getClientRects() errors on disconnected elems
+				( jQuery.contains( elem.ownerDocument, elem ) ?
+					elem.getBoundingClientRect().left -
+						swap( elem, { marginLeft: 0 }, function() {
+							return elem.getBoundingClientRect().left;
+						} ) :
+					0
+				)
+			) + "px";
+		}
+	}
+);
+
+// These hooks are used by animate to expand properties
+jQuery.each( {
+	margin: "",
+	padding: "",
+	border: "Width"
+}, function( prefix, suffix ) {
+	jQuery.cssHooks[ prefix + suffix ] = {
+		expand: function( value ) {
+			var i = 0,
+				expanded = {},
+
+				// assumes a single number if not a string
+				parts = typeof value === "string" ? value.split( " " ) : [ value ];
+
+			for ( ; i < 4; i++ ) {
+				expanded[ prefix + cssExpand[ i ] + suffix ] =
+					parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
+			}
+
+			return expanded;
+		}
+	};
+
+	if ( !rmargin.test( prefix ) ) {
+		jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
+	}
+} );
+
+jQuery.fn.extend( {
+	css: function( name, value ) {
+		return access( this, function( elem, name, value ) {
+			var styles, len,
+				map = {},
+				i = 0;
+
+			if ( jQuery.isArray( name ) ) {
+				styles = getStyles( elem );
+				len = name.length;
+
+				for ( ; i < len; i++ ) {
+					map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles );
+				}
+
+				return map;
+			}
+
+			return value !== undefined ?
+				jQuery.style( elem, name, value ) :
+				jQuery.css( elem, name );
+		}, name, value, arguments.length > 1 );
+	},
+	show: function() {
+		return showHide( this, true );
+	},
+	hide: function() {
+		return showHide( this );
+	},
+	toggle: function( state ) {
+		if ( typeof state === "boolean" ) {
+			return state ? this.show() : this.hide();
+		}
+
+		return this.each( function() {
+			if ( isHidden( this ) ) {
+				jQuery( this ).show();
+			} else {
+				jQuery( this ).hide();
+			}
+		} );
+	}
+} );
+
+
+function Tween( elem, options, prop, end, easing ) {
+	return new Tween.prototype.init( elem, options, prop, end, easing );
+}
+jQuery.Tween = Tween;
+
+Tween.prototype = {
+	constructor: Tween,
+	init: function( elem, options, prop, end, easing, unit ) {
+		this.elem = elem;
+		this.prop = prop;
+		this.easing = easing || jQuery.easing._default;
+		this.options = options;
+		this.start = this.now = this.cur();
+		this.end = end;
+		this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
+	},
+	cur: function() {
+		var hooks = Tween.propHooks[ this.prop ];
+
+		return hooks && hooks.get ?
+			hooks.get( this ) :
+			Tween.propHooks._default.get( this );
+	},
+	run: function( percent ) {
+		var eased,
+			hooks = Tween.propHooks[ this.prop ];
+
+		if ( this.options.duration ) {
+			this.pos = eased = jQuery.easing[ this.easing ](
+				percent, this.options.duration * percent, 0, 1, this.options.duration
+			);
+		} else {
+			this.pos = eased = percent;
+		}
+		this.now = ( this.end - this.start ) * eased + this.start;
+
+		if ( this.options.step ) {
+			this.options.step.call( this.elem, this.now, this );
+		}
+
+		if ( hooks && hooks.set ) {
+			hooks.set( this );
+		} else {
+			Tween.propHooks._default.set( this );
+		}
+		return this;
+	}
+};
+
+Tween.prototype.init.prototype = Tween.prototype;
+
+Tween.propHooks = {
+	_default: {
+		get: function( tween ) {
+			var result;
+
+			// Use a property on the element directly when it is not a DOM element,
+			// or when there is no matching style property that exists.
+			if ( tween.elem.nodeType !== 1 ||
+				tween.elem[ tween.prop ] != null && tween.elem.style[ tween.prop ] == null ) {
+				return tween.elem[ tween.prop ];
+			}
+
+			// passing an empty string as a 3rd parameter to .css will automatically
+			// attempt a parseFloat and fallback to a string if the parse fails
+			// so, simple values such as "10px" are parsed to Float.
+			// complex values such as "rotate(1rad)" are returned as is.
+			result = jQuery.css( tween.elem, tween.prop, "" );
+
+			// Empty strings, null, undefined and "auto" are converted to 0.
+			return !result || result === "auto" ? 0 : result;
+		},
+		set: function( tween ) {
+
+			// use step hook for back compat - use cssHook if its there - use .style if its
+			// available and use plain properties where available
+			if ( jQuery.fx.step[ tween.prop ] ) {
+				jQuery.fx.step[ tween.prop ]( tween );
+			} else if ( tween.elem.nodeType === 1 &&
+				( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null ||
+					jQuery.cssHooks[ tween.prop ] ) ) {
+				jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
+			} else {
+				tween.elem[ tween.prop ] = tween.now;
+			}
+		}
+	}
+};
+
+// Support: IE <=9
+// Panic based approach to setting things on disconnected nodes
+
+Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
+	set: function( tween ) {
+		if ( tween.elem.nodeType && tween.elem.parentNode ) {
+			tween.elem[ tween.prop ] = tween.now;
+		}
+	}
+};
+
+jQuery.easing = {
+	linear: function( p ) {
+		return p;
+	},
+	swing: function( p ) {
+		return 0.5 - Math.cos( p * Math.PI ) / 2;
+	},
+	_default: "swing"
+};
+
+jQuery.fx = Tween.prototype.init;
+
+// Back Compat <1.8 extension point
+jQuery.fx.step = {};
+
+
+
+
+var
+	fxNow, timerId,
+	rfxtypes = /^(?:toggle|show|hide)$/,
+	rrun = /queueHooks$/;
+
+// Animations created synchronously will run synchronously
+function createFxNow() {
+	window.setTimeout( function() {
+		fxNow = undefined;
+	} );
+	return ( fxNow = jQuery.now() );
+}
+
+// Generate parameters to create a standard animation
+function genFx( type, includeWidth ) {
+	var which,
+		attrs = { height: type },
+		i = 0;
+
+	// if we include width, step value is 1 to do all cssExpand values,
+	// if we don't include width, step value is 2 to skip over Left and Right
+	includeWidth = includeWidth ? 1 : 0;
+	for ( ; i < 4 ; i += 2 - includeWidth ) {
+		which = cssExpand[ i ];
+		attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
+	}
+
+	if ( includeWidth ) {
+		attrs.opacity = attrs.width = type;
+	}
+
+	return attrs;
+}
+
+function createTween( value, prop, animation ) {
+	var tween,
+		collection = ( Animation.tweeners[ prop ] || [] ).concat( Animation.tweeners[ "*" ] ),
+		index = 0,
+		length = collection.length;
+	for ( ; index < length; index++ ) {
+		if ( ( tween = collection[ index ].call( animation, prop, value ) ) ) {
+
+			// we're done with this property
+			return tween;
+		}
+	}
+}
+
+function defaultPrefilter( elem, props, opts ) {
+	/* jshint validthis: true */
+	var prop, value, toggle, tween, hooks, oldfire, display, checkDisplay,
+		anim = this,
+		orig = {},
+		style = elem.style,
+		hidden = elem.nodeType && isHidden( elem ),
+		dataShow = jQuery._data( elem, "fxshow" );
+
+	// handle queue: false promises
+	if ( !opts.queue ) {
+		hooks = jQuery._queueHooks( elem, "fx" );
+		if ( hooks.unqueued == null ) {
+			hooks.unqueued = 0;
+			oldfire = hooks.empty.fire;
+			hooks.empty.fire = function() {
+				if ( !hooks.unqueued ) {
+					oldfire();
+				}
+			};
+		}
+		hooks.unqueued++;
+
+		anim.always( function() {
+
+			// doing this makes sure that the complete handler will be called
+			// before this completes
+			anim.always( function() {
+				hooks.unqueued--;
+				if ( !jQuery.queue( elem, "fx" ).length ) {
+					hooks.empty.fire();
+				}
+			} );
+		} );
+	}
+
+	// height/width overflow pass
+	if ( elem.nodeType === 1 && ( "height" in props || "width" in props ) ) {
+
+		// Make sure that nothing sneaks out
+		// Record all 3 overflow attributes because IE does not
+		// change the overflow attribute when overflowX and
+		// overflowY are set to the same value
+		opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
+
+		// Set display property to inline-block for height/width
+		// animations on inline elements that are having width/height animated
+		display = jQuery.css( elem, "display" );
+
+		// Test default display if display is currently "none"
+		checkDisplay = display === "none" ?
+			jQuery._data( elem, "olddisplay" ) || defaultDisplay( elem.nodeName ) : display;
+
+		if ( checkDisplay === "inline" && jQuery.css( elem, "float" ) === "none" ) {
+
+			// inline-level elements accept inline-block;
+			// block-level elements need to be inline with layout
+			if ( !support.inlineBlockNeedsLayout || defaultDisplay( elem.nodeName ) === "inline" ) {
+				style.display = "inline-block";
+			} else {
+				style.zoom = 1;
+			}
+		}
+	}
+
+	if ( opts.overflow ) {
+		style.overflow = "hidden";
+		if ( !support.shrinkWrapBlocks() ) {
+			anim.always( function() {
+				style.overflow = opts.overflow[ 0 ];
+				style.overflowX = opts.overflow[ 1 ];
+				style.overflowY = opts.overflow[ 2 ];
+			} );
+		}
+	}
+
+	// show/hide pass
+	for ( prop in props ) {
+		value = props[ prop ];
+		if ( rfxtypes.exec( value ) ) {
+			delete props[ prop ];
+			toggle = toggle || value === "toggle";
+			if ( value === ( hidden ? "hide" : "show" ) ) {
+
+				// If there is dataShow left over from a stopped hide or show
+				// and we are going to proceed with show, we should pretend to be hidden
+				if ( value === "show" && dataShow && dataShow[ prop ] !== undefined ) {
+					hidden = true;
+				} else {
+					continue;
+				}
+			}
+			orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop );
+
+		// Any non-fx value stops us from restoring the original display value
+		} else {
+			display = undefined;
+		}
+	}
+
+	if ( !jQuery.isEmptyObject( orig ) ) {
+		if ( dataShow ) {
+			if ( "hidden" in dataShow ) {
+				hidden = dataShow.hidden;
+			}
+		} else {
+			dataShow = jQuery._data( elem, "fxshow", {} );
+		}
+
+		// store state if its toggle - enables .stop().toggle() to "reverse"
+		if ( toggle ) {
+			dataShow.hidden = !hidden;
+		}
+		if ( hidden ) {
+			jQuery( elem ).show();
+		} else {
+			anim.done( function() {
+				jQuery( elem ).hide();
+			} );
+		}
+		anim.done( function() {
+			var prop;
+			jQuery._removeData( elem, "fxshow" );
+			for ( prop in orig ) {
+				jQuery.style( elem, prop, orig[ prop ] );
+			}
+		} );
+		for ( prop in orig ) {
+			tween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim );
+
+			if ( !( prop in dataShow ) ) {
+				dataShow[ prop ] = tween.start;
+				if ( hidden ) {
+					tween.end = tween.start;
+					tween.start = prop === "width" || prop === "height" ? 1 : 0;
+				}
+			}
+		}
+
+	// If this is a noop like .hide().hide(), restore an overwritten display value
+	} else if ( ( display === "none" ? defaultDisplay( elem.nodeName ) : display ) === "inline" ) {
+		style.display = display;
+	}
+}
+
+function propFilter( props, specialEasing ) {
+	var index, name, easing, value, hooks;
+
+	// camelCase, specialEasing and expand cssHook pass
+	for ( index in props ) {
+		name = jQuery.camelCase( index );
+		easing = specialEasing[ name ];
+		value = props[ index ];
+		if ( jQuery.isArray( value ) ) {
+			easing = value[ 1 ];
+			value = props[ index ] = value[ 0 ];
+		}
+
+		if ( index !== name ) {
+			props[ name ] = value;
+			delete props[ index ];
+		}
+
+		hooks = jQuery.cssHooks[ name ];
+		if ( hooks && "expand" in hooks ) {
+			value = hooks.expand( value );
+			delete props[ name ];
+
+			// not quite $.extend, this wont overwrite keys already present.
+			// also - reusing 'index' from above because we have the correct "name"
+			for ( index in value ) {
+				if ( !( index in props ) ) {
+					props[ index ] = value[ index ];
+					specialEasing[ index ] = easing;
+				}
+			}
+		} else {
+			specialEasing[ name ] = easing;
+		}
+	}
+}
+
+function Animation( elem, properties, options ) {
+	var result,
+		stopped,
+		index = 0,
+		length = Animation.prefilters.length,
+		deferred = jQuery.Deferred().always( function() {
+
+			// don't match elem in the :animated selector
+			delete tick.elem;
+		} ),
+		tick = function() {
+			if ( stopped ) {
+				return false;
+			}
+			var currentTime = fxNow || createFxNow(),
+				remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
+
+				// Support: Android 2.3
+				// Archaic crash bug won't allow us to use `1 - ( 0.5 || 0 )` (#12497)
+				temp = remaining / animation.duration || 0,
+				percent = 1 - temp,
+				index = 0,
+				length = animation.tweens.length;
+
+			for ( ; index < length ; index++ ) {
+				animation.tweens[ index ].run( percent );
+			}
+
+			deferred.notifyWith( elem, [ animation, percent, remaining ] );
+
+			if ( percent < 1 && length ) {
+				return remaining;
+			} else {
+				deferred.resolveWith( elem, [ animation ] );
+				return false;
+			}
+		},
+		animation = deferred.promise( {
+			elem: elem,
+			props: jQuery.extend( {}, properties ),
+			opts: jQuery.extend( true, {
+				specialEasing: {},
+				easing: jQuery.easing._default
+			}, options ),
+			originalProperties: properties,
+			originalOptions: options,
+			startTime: fxNow || createFxNow(),
+			duration: options.duration,
+			tweens: [],
+			createTween: function( prop, end ) {
+				var tween = jQuery.Tween( elem, animation.opts, prop, end,
+						animation.opts.specialEasing[ prop ] || animation.opts.easing );
+				animation.tweens.push( tween );
+				return tween;
+			},
+			stop: function( gotoEnd ) {
+				var index = 0,
+
+					// if we are going to the end, we want to run all the tweens
+					// otherwise we skip this part
+					length = gotoEnd ? animation.tweens.length : 0;
+				if ( stopped ) {
+					return this;
+				}
+				stopped = true;
+				for ( ; index < length ; index++ ) {
+					animation.tweens[ index ].run( 1 );
+				}
+
+				// resolve when we played the last frame
+				// otherwise, reject
+				if ( gotoEnd ) {
+					deferred.notifyWith( elem, [ animation, 1, 0 ] );
+					deferred.resolveWith( elem, [ animation, gotoEnd ] );
+				} else {
+					deferred.rejectWith( elem, [ animation, gotoEnd ] );
+				}
+				return this;
+			}
+		} ),
+		props = animation.props;
+
+	propFilter( props, animation.opts.specialEasing );
+
+	for ( ; index < length ; index++ ) {
+		result = Animation.prefilters[ index ].call( animation, elem, props, animation.opts );
+		if ( result ) {
+			if ( jQuery.isFunction( result.stop ) ) {
+				jQuery._queueHooks( animation.elem, animation.opts.queue ).stop =
+					jQuery.proxy( result.stop, result );
+			}
+			return result;
+		}
+	}
+
+	jQuery.map( props, createTween, animation );
+
+	if ( jQuery.isFunction( animation.opts.start ) ) {
+		animation.opts.start.call( elem, animation );
+	}
+
+	jQuery.fx.timer(
+		jQuery.extend( tick, {
+			elem: elem,
+			anim: animation,
+			queue: animation.opts.queue
+		} )
+	);
+
+	// attach callbacks from options
+	return animation.progress( animation.opts.progress )
+		.done( animation.opts.done, animation.opts.complete )
+		.fail( animation.opts.fail )
+		.always( animation.opts.always );
+}
+
+jQuery.Animation = jQuery.extend( Animation, {
+
+	tweeners: {
+		"*": [ function( prop, value ) {
+			var tween = this.createTween( prop, value );
+			adjustCSS( tween.elem, prop, rcssNum.exec( value ), tween );
+			return tween;
+		} ]
+	},
+
+	tweener: function( props, callback ) {
+		if ( jQuery.isFunction( props ) ) {
+			callback = props;
+			props = [ "*" ];
+		} else {
+			props = props.match( rnotwhite );
+		}
+
+		var prop,
+			index = 0,
+			length = props.length;
+
+		for ( ; index < length ; index++ ) {
+			prop = props[ index ];
+			Animation.tweeners[ prop ] = Animation.tweeners[ prop ] || [];
+			Animation.tweeners[ prop ].unshift( callback );
+		}
+	},
+
+	prefilters: [ defaultPrefilter ],
+
+	prefilter: function( callback, prepend ) {
+		if ( prepend ) {
+			Animation.prefilters.unshift( callback );
+		} else {
+			Animation.prefilters.push( callback );
+		}
+	}
+} );
+
+jQuery.speed = function( speed, easing, fn ) {
+	var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
+		complete: fn || !fn && easing ||
+			jQuery.isFunction( speed ) && speed,
+		duration: speed,
+		easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
+	};
+
+	opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+		opt.duration in jQuery.fx.speeds ?
+			jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
+
+	// normalize opt.queue - true/undefined/null -> "fx"
+	if ( opt.queue == null || opt.queue === true ) {
+		opt.queue = "fx";
+	}
+
+	// Queueing
+	opt.old = opt.complete;
+
+	opt.complete = function() {
+		if ( jQuery.isFunction( opt.old ) ) {
+			opt.old.call( this );
+		}
+
+		if ( opt.queue ) {
+			jQuery.dequeue( this, opt.queue );
+		}
+	};
+
+	return opt;
+};
+
+jQuery.fn.extend( {
+	fadeTo: function( speed, to, easing, callback ) {
+
+		// show any hidden elements after setting opacity to 0
+		return this.filter( isHidden ).css( "opacity", 0 ).show()
+
+			// animate to the value specified
+			.end().animate( { opacity: to }, speed, easing, callback );
+	},
+	animate: function( prop, speed, easing, callback ) {
+		var empty = jQuery.isEmptyObject( prop ),
+			optall = jQuery.speed( speed, easing, callback ),
+			doAnimation = function() {
+
+				// Operate on a copy of prop so per-property easing won't be lost
+				var anim = Animation( this, jQuery.extend( {}, prop ), optall );
+
+				// Empty animations, or finishing resolves immediately
+				if ( empty || jQuery._data( this, "finish" ) ) {
+					anim.stop( true );
+				}
+			};
+			doAnimation.finish = doAnimation;
+
+		return empty || optall.queue === false ?
+			this.each( doAnimation ) :
+			this.queue( optall.queue, doAnimation );
+	},
+	stop: function( type, clearQueue, gotoEnd ) {
+		var stopQueue = function( hooks ) {
+			var stop = hooks.stop;
+			delete hooks.stop;
+			stop( gotoEnd );
+		};
+
+		if ( typeof type !== "string" ) {
+			gotoEnd = clearQueue;
+			clearQueue = type;
+			type = undefined;
+		}
+		if ( clearQueue && type !== false ) {
+			this.queue( type || "fx", [] );
+		}
+
+		return this.each( function() {
+			var dequeue = true,
+				index = type != null && type + "queueHooks",
+				timers = jQuery.timers,
+				data = jQuery._data( this );
+
+			if ( index ) {
+				if ( data[ index ] && data[ index ].stop ) {
+					stopQueue( data[ index ] );
+				}
+			} else {
+				for ( index in data ) {
+					if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
+						stopQueue( data[ index ] );
+					}
+				}
+			}
+
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this &&
+					( type == null || timers[ index ].queue === type ) ) {
+
+					timers[ index ].anim.stop( gotoEnd );
+					dequeue = false;
+					timers.splice( index, 1 );
+				}
+			}
+
+			// start the next in the queue if the last step wasn't forced
+			// timers currently will call their complete callbacks, which will dequeue
+			// but only if they were gotoEnd
+			if ( dequeue || !gotoEnd ) {
+				jQuery.dequeue( this, type );
+			}
+		} );
+	},
+	finish: function( type ) {
+		if ( type !== false ) {
+			type = type || "fx";
+		}
+		return this.each( function() {
+			var index,
+				data = jQuery._data( this ),
+				queue = data[ type + "queue" ],
+				hooks = data[ type + "queueHooks" ],
+				timers = jQuery.timers,
+				length = queue ? queue.length : 0;
+
+			// enable finishing flag on private data
+			data.finish = true;
+
+			// empty the queue first
+			jQuery.queue( this, type, [] );
+
+			if ( hooks && hooks.stop ) {
+				hooks.stop.call( this, true );
+			}
+
+			// look for any active animations, and finish them
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && timers[ index ].queue === type ) {
+					timers[ index ].anim.stop( true );
+					timers.splice( index, 1 );
+				}
+			}
+
+			// look for any animations in the old queue and finish them
+			for ( index = 0; index < length; index++ ) {
+				if ( queue[ index ] && queue[ index ].finish ) {
+					queue[ index ].finish.call( this );
+				}
+			}
+
+			// turn off finishing flag
+			delete data.finish;
+		} );
+	}
+} );
+
+jQuery.each( [ "toggle", "show", "hide" ], function( i, name ) {
+	var cssFn = jQuery.fn[ name ];
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return speed == null || typeof speed === "boolean" ?
+			cssFn.apply( this, arguments ) :
+			this.animate( genFx( name, true ), speed, easing, callback );
+	};
+} );
+
+// Generate shortcuts for custom animations
+jQuery.each( {
+	slideDown: genFx( "show" ),
+	slideUp: genFx( "hide" ),
+	slideToggle: genFx( "toggle" ),
+	fadeIn: { opacity: "show" },
+	fadeOut: { opacity: "hide" },
+	fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return this.animate( props, speed, easing, callback );
+	};
+} );
+
+jQuery.timers = [];
+jQuery.fx.tick = function() {
+	var timer,
+		timers = jQuery.timers,
+		i = 0;
+
+	fxNow = jQuery.now();
+
+	for ( ; i < timers.length; i++ ) {
+		timer = timers[ i ];
+
+		// Checks the timer has not already been removed
+		if ( !timer() && timers[ i ] === timer ) {
+			timers.splice( i--, 1 );
+		}
+	}
+
+	if ( !timers.length ) {
+		jQuery.fx.stop();
+	}
+	fxNow = undefined;
+};
+
+jQuery.fx.timer = function( timer ) {
+	jQuery.timers.push( timer );
+	if ( timer() ) {
+		jQuery.fx.start();
+	} else {
+		jQuery.timers.pop();
+	}
+};
+
+jQuery.fx.interval = 13;
+
+jQuery.fx.start = function() {
+	if ( !timerId ) {
+		timerId = window.setInterval( jQuery.fx.tick, jQuery.fx.interval );
+	}
+};
+
+jQuery.fx.stop = function() {
+	window.clearInterval( timerId );
+	timerId = null;
+};
+
+jQuery.fx.speeds = {
+	slow: 600,
+	fast: 200,
+
+	// Default speed
+	_default: 400
+};
+
+
+// Based off of the plugin by Clint Helfers, with permission.
+// http://web.archive.org/web/20100324014747/http://blindsignals.com/index.php/2009/07/jquery-delay/
+jQuery.fn.delay = function( time, type ) {
+	time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
+	type = type || "fx";
+
+	return this.queue( type, function( next, hooks ) {
+		var timeout = window.setTimeout( next, time );
+		hooks.stop = function() {
+			window.clearTimeout( timeout );
+		};
+	} );
+};
+
+
+( function() {
+	var a,
+		input = document.createElement( "input" ),
+		div = document.createElement( "div" ),
+		select = document.createElement( "select" ),
+		opt = select.appendChild( document.createElement( "option" ) );
+
+	// Setup
+	div = document.createElement( "div" );
+	div.setAttribute( "className", "t" );
+	div.innerHTML = "  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";
+	a = div.getElementsByTagName( "a" )[ 0 ];
+
+	// Support: Windows Web Apps (WWA)
+	// `type` must use .setAttribute for WWA (#14901)
+	input.setAttribute( "type", "checkbox" );
+	div.appendChild( input );
+
+	a = div.getElementsByTagName( "a" )[ 0 ];
+
+	// First batch of tests.
+	a.style.cssText = "top:1px";
+
+	// Test setAttribute on camelCase class.
+	// If it works, we need attrFixes when doing get/setAttribute (ie6/7)
+	support.getSetAttribute = div.className !== "t";
+
+	// Get the style information from getAttribute
+	// (IE uses .cssText instead)
+	support.style = /top/.test( a.getAttribute( "style" ) );
+
+	// Make sure that URLs aren't manipulated
+	// (IE normalizes it by default)
+	support.hrefNormalized = a.getAttribute( "href" ) === "/a";
+
+	// Check the default checkbox/radio value ("" on WebKit; "on" elsewhere)
+	support.checkOn = !!input.value;
+
+	// Make sure that a selected-by-default option has a working selected property.
+	// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
+	support.optSelected = opt.selected;
+
+	// Tests for enctype support on a form (#6743)
+	support.enctype = !!document.createElement( "form" ).enctype;
+
+	// Make sure that the options inside disabled selects aren't marked as disabled
+	// (WebKit marks them as disabled)
+	select.disabled = true;
+	support.optDisabled = !opt.disabled;
+
+	// Support: IE8 only
+	// Check if we can trust getAttribute("value")
+	input = document.createElement( "input" );
+	input.setAttribute( "value", "" );
+	support.input = input.getAttribute( "value" ) === "";
+
+	// Check if an input maintains its value after becoming a radio
+	input.value = "t";
+	input.setAttribute( "type", "radio" );
+	support.radioValue = input.value === "t";
+} )();
+
+
+var rreturn = /\r/g;
+
+jQuery.fn.extend( {
+	val: function( value ) {
+		var hooks, ret, isFunction,
+			elem = this[ 0 ];
+
+		if ( !arguments.length ) {
+			if ( elem ) {
+				hooks = jQuery.valHooks[ elem.type ] ||
+					jQuery.valHooks[ elem.nodeName.toLowerCase() ];
+
+				if (
+					hooks &&
+					"get" in hooks &&
+					( ret = hooks.get( elem, "value" ) ) !== undefined
+				) {
+					return ret;
+				}
+
+				ret = elem.value;
+
+				return typeof ret === "string" ?
+
+					// handle most common string cases
+					ret.replace( rreturn, "" ) :
+
+					// handle cases where value is null/undef or number
+					ret == null ? "" : ret;
+			}
+
+			return;
+		}
+
+		isFunction = jQuery.isFunction( value );
+
+		return this.each( function( i ) {
+			var val;
+
+			if ( this.nodeType !== 1 ) {
+				return;
+			}
+
+			if ( isFunction ) {
+				val = value.call( this, i, jQuery( this ).val() );
+			} else {
+				val = value;
+			}
+
+			// Treat null/undefined as ""; convert numbers to string
+			if ( val == null ) {
+				val = "";
+			} else if ( typeof val === "number" ) {
+				val += "";
+			} else if ( jQuery.isArray( val ) ) {
+				val = jQuery.map( val, function( value ) {
+					return value == null ? "" : value + "";
+				} );
+			}
+
+			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
+
+			// If set returns undefined, fall back to normal setting
+			if ( !hooks || !( "set" in hooks ) || hooks.set( this, val, "value" ) === undefined ) {
+				this.value = val;
+			}
+		} );
+	}
+} );
+
+jQuery.extend( {
+	valHooks: {
+		option: {
+			get: function( elem ) {
+				var val = jQuery.find.attr( elem, "value" );
+				return val != null ?
+					val :
+
+					// Support: IE10-11+
+					// option.text throws exceptions (#14686, #14858)
+					jQuery.trim( jQuery.text( elem ) );
+			}
+		},
+		select: {
+			get: function( elem ) {
+				var value, option,
+					options = elem.options,
+					index = elem.selectedIndex,
+					one = elem.type === "select-one" || index < 0,
+					values = one ? null : [],
+					max = one ? index + 1 : options.length,
+					i = index < 0 ?
+						max :
+						one ? index : 0;
+
+				// Loop through all the selected options
+				for ( ; i < max; i++ ) {
+					option = options[ i ];
+
+					// oldIE doesn't update selected after form reset (#2551)
+					if ( ( option.selected || i === index ) &&
+
+							// Don't return options that are disabled or in a disabled optgroup
+							( support.optDisabled ?
+								!option.disabled :
+								option.getAttribute( "disabled" ) === null ) &&
+							( !option.parentNode.disabled ||
+								!jQuery.nodeName( option.parentNode, "optgroup" ) ) ) {
+
+						// Get the specific value for the option
+						value = jQuery( option ).val();
+
+						// We don't need an array for one selects
+						if ( one ) {
+							return value;
+						}
+
+						// Multi-Selects return an array
+						values.push( value );
+					}
+				}
+
+				return values;
+			},
+
+			set: function( elem, value ) {
+				var optionSet, option,
+					options = elem.options,
+					values = jQuery.makeArray( value ),
+					i = options.length;
+
+				while ( i-- ) {
+					option = options[ i ];
+
+					if ( jQuery.inArray( jQuery.valHooks.option.get( option ), values ) >= 0 ) {
+
+						// Support: IE6
+						// When new option element is added to select box we need to
+						// force reflow of newly added node in order to workaround delay
+						// of initialization properties
+						try {
+							option.selected = optionSet = true;
+
+						} catch ( _ ) {
+
+							// Will be executed only in IE6
+							option.scrollHeight;
+						}
+
+					} else {
+						option.selected = false;
+					}
+				}
+
+				// Force browsers to behave consistently when non-matching value is set
+				if ( !optionSet ) {
+					elem.selectedIndex = -1;
+				}
+
+				return options;
+			}
+		}
+	}
+} );
+
+// Radios and checkboxes getter/setter
+jQuery.each( [ "radio", "checkbox" ], function() {
+	jQuery.valHooks[ this ] = {
+		set: function( elem, value ) {
+			if ( jQuery.isArray( value ) ) {
+				return ( elem.checked = jQuery.inArray( jQuery( elem ).val(), value ) > -1 );
+			}
+		}
+	};
+	if ( !support.checkOn ) {
+		jQuery.valHooks[ this ].get = function( elem ) {
+			return elem.getAttribute( "value" ) === null ? "on" : elem.value;
+		};
+	}
+} );
+
+
+
+
+var nodeHook, boolHook,
+	attrHandle = jQuery.expr.attrHandle,
+	ruseDefault = /^(?:checked|selected)$/i,
+	getSetAttribute = support.getSetAttribute,
+	getSetInput = support.input;
+
+jQuery.fn.extend( {
+	attr: function( name, value ) {
+		return access( this, jQuery.attr, name, value, arguments.length > 1 );
+	},
+
+	removeAttr: function( name ) {
+		return this.each( function() {
+			jQuery.removeAttr( this, name );
+		} );
+	}
+} );
+
+jQuery.extend( {
+	attr: function( elem, name, value ) {
+		var ret, hooks,
+			nType = elem.nodeType;
+
+		// Don't get/set attributes on text, comment and attribute nodes
+		if ( nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		// Fallback to prop when attributes are not supported
+		if ( typeof elem.getAttribute === "undefined" ) {
+			return jQuery.prop( elem, name, value );
+		}
+
+		// All attributes are lowercase
+		// Grab necessary hook if one is defined
+		if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
+			name = name.toLowerCase();
+			hooks = jQuery.attrHooks[ name ] ||
+				( jQuery.expr.match.bool.test( name ) ? boolHook : nodeHook );
+		}
+
+		if ( value !== undefined ) {
+			if ( value === null ) {
+				jQuery.removeAttr( elem, name );
+				return;
+			}
+
+			if ( hooks && "set" in hooks &&
+				( ret = hooks.set( elem, value, name ) ) !== undefined ) {
+				return ret;
+			}
+
+			elem.setAttribute( name, value + "" );
+			return value;
+		}
+
+		if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) {
+			return ret;
+		}
+
+		ret = jQuery.find.attr( elem, name );
+
+		// Non-existent attributes return null, we normalize to undefined
+		return ret == null ? undefined : ret;
+	},
+
+	attrHooks: {
+		type: {
+			set: function( elem, value ) {
+				if ( !support.radioValue && value === "radio" &&
+					jQuery.nodeName( elem, "input" ) ) {
+
+					// Setting the type on a radio button after the value resets the value in IE8-9
+					// Reset value to default in case type is set after value during creation
+					var val = elem.value;
+					elem.setAttribute( "type", value );
+					if ( val ) {
+						elem.value = val;
+					}
+					return value;
+				}
+			}
+		}
+	},
+
+	removeAttr: function( elem, value ) {
+		var name, propName,
+			i = 0,
+			attrNames = value && value.match( rnotwhite );
+
+		if ( attrNames && elem.nodeType === 1 ) {
+			while ( ( name = attrNames[ i++ ] ) ) {
+				propName = jQuery.propFix[ name ] || name;
+
+				// Boolean attributes get special treatment (#10870)
+				if ( jQuery.expr.match.bool.test( name ) ) {
+
+					// Set corresponding property to false
+					if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+						elem[ propName ] = false;
+
+					// Support: IE<9
+					// Also clear defaultChecked/defaultSelected (if appropriate)
+					} else {
+						elem[ jQuery.camelCase( "default-" + name ) ] =
+							elem[ propName ] = false;
+					}
+
+				// See #9699 for explanation of this approach (setting first, then removal)
+				} else {
+					jQuery.attr( elem, name, "" );
+				}
+
+				elem.removeAttribute( getSetAttribute ? name : propName );
+			}
+		}
+	}
+} );
+
+// Hooks for boolean attributes
+boolHook = {
+	set: function( elem, value, name ) {
+		if ( value === false ) {
+
+			// Remove boolean attributes when set to false
+			jQuery.removeAttr( elem, name );
+		} else if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+
+			// IE<8 needs the *property* name
+			elem.setAttribute( !getSetAttribute && jQuery.propFix[ name ] || name, name );
+
+		} else {
+
+			// Support: IE<9
+			// Use defaultChecked and defaultSelected for oldIE
+			elem[ jQuery.camelCase( "default-" + name ) ] = elem[ name ] = true;
+		}
+		return name;
+	}
+};
+
+jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( i, name ) {
+	var getter = attrHandle[ name ] || jQuery.find.attr;
+
+	if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+		attrHandle[ name ] = function( elem, name, isXML ) {
+			var ret, handle;
+			if ( !isXML ) {
+
+				// Avoid an infinite loop by temporarily removing this function from the getter
+				handle = attrHandle[ name ];
+				attrHandle[ name ] = ret;
+				ret = getter( elem, name, isXML ) != null ?
+					name.toLowerCase() :
+					null;
+				attrHandle[ name ] = handle;
+			}
+			return ret;
+		};
+	} else {
+		attrHandle[ name ] = function( elem, name, isXML ) {
+			if ( !isXML ) {
+				return elem[ jQuery.camelCase( "default-" + name ) ] ?
+					name.toLowerCase() :
+					null;
+			}
+		};
+	}
+} );
+
+// fix oldIE attroperties
+if ( !getSetInput || !getSetAttribute ) {
+	jQuery.attrHooks.value = {
+		set: function( elem, value, name ) {
+			if ( jQuery.nodeName( elem, "input" ) ) {
+
+				// Does not return so that setAttribute is also used
+				elem.defaultValue = value;
+			} else {
+
+				// Use nodeHook if defined (#1954); otherwise setAttribute is fine
+				return nodeHook && nodeHook.set( elem, value, name );
+			}
+		}
+	};
+}
+
+// IE6/7 do not support getting/setting some attributes with get/setAttribute
+if ( !getSetAttribute ) {
+
+	// Use this for any attribute in IE6/7
+	// This fixes almost every IE6/7 issue
+	nodeHook = {
+		set: function( elem, value, name ) {
+
+			// Set the existing or create a new attribute node
+			var ret = elem.getAttributeNode( name );
+			if ( !ret ) {
+				elem.setAttributeNode(
+					( ret = elem.ownerDocument.createAttribute( name ) )
+				);
+			}
+
+			ret.value = value += "";
+
+			// Break association with cloned elements by also using setAttribute (#9646)
+			if ( name === "value" || value === elem.getAttribute( name ) ) {
+				return value;
+			}
+		}
+	};
+
+	// Some attributes are constructed with empty-string values when not defined
+	attrHandle.id = attrHandle.name = attrHandle.coords =
+		function( elem, name, isXML ) {
+			var ret;
+			if ( !isXML ) {
+				return ( ret = elem.getAttributeNode( name ) ) && ret.value !== "" ?
+					ret.value :
+					null;
+			}
+		};
+
+	// Fixing value retrieval on a button requires this module
+	jQuery.valHooks.button = {
+		get: function( elem, name ) {
+			var ret = elem.getAttributeNode( name );
+			if ( ret && ret.specified ) {
+				return ret.value;
+			}
+		},
+		set: nodeHook.set
+	};
+
+	// Set contenteditable to false on removals(#10429)
+	// Setting to empty string throws an error as an invalid value
+	jQuery.attrHooks.contenteditable = {
+		set: function( elem, value, name ) {
+			nodeHook.set( elem, value === "" ? false : value, name );
+		}
+	};
+
+	// Set width and height to auto instead of 0 on empty string( Bug #8150 )
+	// This is for removals
+	jQuery.each( [ "width", "height" ], function( i, name ) {
+		jQuery.attrHooks[ name ] = {
+			set: function( elem, value ) {
+				if ( value === "" ) {
+					elem.setAttribute( name, "auto" );
+					return value;
+				}
+			}
+		};
+	} );
+}
+
+if ( !support.style ) {
+	jQuery.attrHooks.style = {
+		get: function( elem ) {
+
+			// Return undefined in the case of empty string
+			// Note: IE uppercases css property names, but if we were to .toLowerCase()
+			// .cssText, that would destroy case sensitivity in URL's, like in "background"
+			return elem.style.cssText || undefined;
+		},
+		set: function( elem, value ) {
+			return ( elem.style.cssText = value + "" );
+		}
+	};
+}
+
+
+
+
+var rfocusable = /^(?:input|select|textarea|button|object)$/i,
+	rclickable = /^(?:a|area)$/i;
+
+jQuery.fn.extend( {
+	prop: function( name, value ) {
+		return access( this, jQuery.prop, name, value, arguments.length > 1 );
+	},
+
+	removeProp: function( name ) {
+		name = jQuery.propFix[ name ] || name;
+		return this.each( function() {
+
+			// try/catch handles cases where IE balks (such as removing a property on window)
+			try {
+				this[ name ] = undefined;
+				delete this[ name ];
+			} catch ( e ) {}
+		} );
+	}
+} );
+
+jQuery.extend( {
+	prop: function( elem, name, value ) {
+		var ret, hooks,
+			nType = elem.nodeType;
+
+		// Don't get/set properties on text, comment and attribute nodes
+		if ( nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
+
+			// Fix name and attach hooks
+			name = jQuery.propFix[ name ] || name;
+			hooks = jQuery.propHooks[ name ];
+		}
+
+		if ( value !== undefined ) {
+			if ( hooks && "set" in hooks &&
+				( ret = hooks.set( elem, value, name ) ) !== undefined ) {
+				return ret;
+			}
+
+			return ( elem[ name ] = value );
+		}
+
+		if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) {
+			return ret;
+		}
+
+		return elem[ name ];
+	},
+
+	propHooks: {
+		tabIndex: {
+			get: function( elem ) {
+
+				// elem.tabIndex doesn't always return the
+				// correct value when it hasn't been explicitly set
+				// http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
+				// Use proper attribute retrieval(#12072)
+				var tabindex = jQuery.find.attr( elem, "tabindex" );
+
+				return tabindex ?
+					parseInt( tabindex, 10 ) :
+					rfocusable.test( elem.nodeName ) ||
+						rclickable.test( elem.nodeName ) && elem.href ?
+							0 :
+							-1;
+			}
+		}
+	},
+
+	propFix: {
+		"for": "htmlFor",
+		"class": "className"
+	}
+} );
+
+// Some attributes require a special call on IE
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !support.hrefNormalized ) {
+
+	// href/src property should get the full normalized URL (#10299/#12915)
+	jQuery.each( [ "href", "src" ], function( i, name ) {
+		jQuery.propHooks[ name ] = {
+			get: function( elem ) {
+				return elem.getAttribute( name, 4 );
+			}
+		};
+	} );
+}
+
+// Support: Safari, IE9+
+// mis-reports the default selected property of an option
+// Accessing the parent's selectedIndex property fixes it
+if ( !support.optSelected ) {
+	jQuery.propHooks.selected = {
+		get: function( elem ) {
+			var parent = elem.parentNode;
+
+			if ( parent ) {
+				parent.selectedIndex;
+
+				// Make sure that it also works with optgroups, see #5701
+				if ( parent.parentNode ) {
+					parent.parentNode.selectedIndex;
+				}
+			}
+			return null;
+		}
+	};
+}
+
+jQuery.each( [
+	"tabIndex",
+	"readOnly",
+	"maxLength",
+	"cellSpacing",
+	"cellPadding",
+	"rowSpan",
+	"colSpan",
+	"useMap",
+	"frameBorder",
+	"contentEditable"
+], function() {
+	jQuery.propFix[ this.toLowerCase() ] = this;
+} );
+
+// IE6/7 call enctype encoding
+if ( !support.enctype ) {
+	jQuery.propFix.enctype = "encoding";
+}
+
+
+
+
+var rclass = /[\t\r\n\f]/g;
+
+function getClass( elem ) {
+	return jQuery.attr( elem, "class" ) || "";
+}
+
+jQuery.fn.extend( {
+	addClass: function( value ) {
+		var classes, elem, cur, curValue, clazz, j, finalValue,
+			i = 0;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each( function( j ) {
+				jQuery( this ).addClass( value.call( this, j, getClass( this ) ) );
+			} );
+		}
+
+		if ( typeof value === "string" && value ) {
+			classes = value.match( rnotwhite ) || [];
+
+			while ( ( elem = this[ i++ ] ) ) {
+				curValue = getClass( elem );
+				cur = elem.nodeType === 1 &&
+					( " " + curValue + " " ).replace( rclass, " " );
+
+				if ( cur ) {
+					j = 0;
+					while ( ( clazz = classes[ j++ ] ) ) {
+						if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
+							cur += clazz + " ";
+						}
+					}
+
+					// only assign if different to avoid unneeded rendering.
+					finalValue = jQuery.trim( cur );
+					if ( curValue !== finalValue ) {
+						jQuery.attr( elem, "class", finalValue );
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	removeClass: function( value ) {
+		var classes, elem, cur, curValue, clazz, j, finalValue,
+			i = 0;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each( function( j ) {
+				jQuery( this ).removeClass( value.call( this, j, getClass( this ) ) );
+			} );
+		}
+
+		if ( !arguments.length ) {
+			return this.attr( "class", "" );
+		}
+
+		if ( typeof value === "string" && value ) {
+			classes = value.match( rnotwhite ) || [];
+
+			while ( ( elem = this[ i++ ] ) ) {
+				curValue = getClass( elem );
+
+				// This expression is here for better compressibility (see addClass)
+				cur = elem.nodeType === 1 &&
+					( " " + curValue + " " ).replace( rclass, " " );
+
+				if ( cur ) {
+					j = 0;
+					while ( ( clazz = classes[ j++ ] ) ) {
+
+						// Remove *all* instances
+						while ( cur.indexOf( " " + clazz + " " ) > -1 ) {
+							cur = cur.replace( " " + clazz + " ", " " );
+						}
+					}
+
+					// Only assign if different to avoid unneeded rendering.
+					finalValue = jQuery.trim( cur );
+					if ( curValue !== finalValue ) {
+						jQuery.attr( elem, "class", finalValue );
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	toggleClass: function( value, stateVal ) {
+		var type = typeof value;
+
+		if ( typeof stateVal === "boolean" && type === "string" ) {
+			return stateVal ? this.addClass( value ) : this.removeClass( value );
+		}
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each( function( i ) {
+				jQuery( this ).toggleClass(
+					value.call( this, i, getClass( this ), stateVal ),
+					stateVal
+				);
+			} );
+		}
+
+		return this.each( function() {
+			var className, i, self, classNames;
+
+			if ( type === "string" ) {
+
+				// Toggle individual class names
+				i = 0;
+				self = jQuery( this );
+				classNames = value.match( rnotwhite ) || [];
+
+				while ( ( className = classNames[ i++ ] ) ) {
+
+					// Check each className given, space separated list
+					if ( self.hasClass( className ) ) {
+						self.removeClass( className );
+					} else {
+						self.addClass( className );
+					}
+				}
+
+			// Toggle whole class name
+			} else if ( value === undefined || type === "boolean" ) {
+				className = getClass( this );
+				if ( className ) {
+
+					// store className if set
+					jQuery._data( this, "__className__", className );
+				}
+
+				// If the element has a class name or if we're passed "false",
+				// then remove the whole classname (if there was one, the above saved it).
+				// Otherwise bring back whatever was previously saved (if anything),
+				// falling back to the empty string if nothing was stored.
+				jQuery.attr( this, "class",
+					className || value === false ?
+					"" :
+					jQuery._data( this, "__className__" ) || ""
+				);
+			}
+		} );
+	},
+
+	hasClass: function( selector ) {
+		var className, elem,
+			i = 0;
+
+		className = " " + selector + " ";
+		while ( ( elem = this[ i++ ] ) ) {
+			if ( elem.nodeType === 1 &&
+				( " " + getClass( elem ) + " " ).replace( rclass, " " )
+					.indexOf( className ) > -1
+			) {
+				return true;
+			}
+		}
+
+		return false;
+	}
+} );
+
+
+
+
+// Return jQuery for attributes-only inclusion
+
+
+jQuery.each( ( "blur focus focusin focusout load resize scroll unload click dblclick " +
+	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+	"change select submit keydown keypress keyup error contextmenu" ).split( " " ),
+	function( i, name ) {
+
+	// Handle event binding
+	jQuery.fn[ name ] = function( data, fn ) {
+		return arguments.length > 0 ?
+			this.on( name, null, data, fn ) :
+			this.trigger( name );
+	};
+} );
+
+jQuery.fn.extend( {
+	hover: function( fnOver, fnOut ) {
+		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
+	}
+} );
+
+
+var location = window.location;
+
+var nonce = jQuery.now();
+
+var rquery = ( /\?/ );
+
+
+
+var rvalidtokens = /(,)|(\[|{)|(}|])|"(?:[^"\\\r\n]|\\["\\\/bfnrt]|\\u[\da-fA-F]{4})*"\s*:?|true|false|null|-?(?!0\d)\d+(?:\.\d+|)(?:[eE][+-]?\d+|)/g;
+
+jQuery.parseJSON = function( data ) {
+
+	// Attempt to parse using the native JSON parser first
+	if ( window.JSON && window.JSON.parse ) {
+
+		// Support: Android 2.3
+		// Workaround failure to string-cast null input
+		return window.JSON.parse( data + "" );
+	}
+
+	var requireNonComma,
+		depth = null,
+		str = jQuery.trim( data + "" );
+
+	// Guard against invalid (and possibly dangerous) input by ensuring that nothing remains
+	// after removing valid tokens
+	return str && !jQuery.trim( str.replace( rvalidtokens, function( token, comma, open, close ) {
+
+		// Force termination if we see a misplaced comma
+		if ( requireNonComma && comma ) {
+			depth = 0;
+		}
+
+		// Perform no more replacements after returning to outermost depth
+		if ( depth === 0 ) {
+			return token;
+		}
+
+		// Commas must not follow "[", "{", or ","
+		requireNonComma = open || comma;
+
+		// Determine new depth
+		// array/object open ("[" or "{"): depth += true - false (increment)
+		// array/object close ("]" or "}"): depth += false - true (decrement)
+		// other cases ("," or primitive): depth += true - true (numeric cast)
+		depth += !close - !open;
+
+		// Remove this token
+		return "";
+	} ) ) ?
+		( Function( "return " + str ) )() :
+		jQuery.error( "Invalid JSON: " + data );
+};
+
+
+// Cross-browser xml parsing
+jQuery.parseXML = function( data ) {
+	var xml, tmp;
+	if ( !data || typeof data !== "string" ) {
+		return null;
+	}
+	try {
+		if ( window.DOMParser ) { // Standard
+			tmp = new window.DOMParser();
+			xml = tmp.parseFromString( data, "text/xml" );
+		} else { // IE
+			xml = new window.ActiveXObject( "Microsoft.XMLDOM" );
+			xml.async = "false";
+			xml.loadXML( data );
+		}
+	} catch ( e ) {
+		xml = undefined;
+	}
+	if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
+		jQuery.error( "Invalid XML: " + data );
+	}
+	return xml;
+};
+
+
+var
+	rhash = /#.*$/,
+	rts = /([?&])_=[^&]*/,
+
+	// IE leaves an \r character at EOL
+	rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg,
+
+	// #7653, #8125, #8152: local protocol detection
+	rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
+	rnoContent = /^(?:GET|HEAD)$/,
+	rprotocol = /^\/\//,
+	rurl = /^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,
+
+	/* Prefilters
+	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+	 * 2) These are called:
+	 *    - BEFORE asking for a transport
+	 *    - AFTER param serialization (s.data is a string if s.processData is true)
+	 * 3) key is the dataType
+	 * 4) the catchall symbol "*" can be used
+	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+	 */
+	prefilters = {},
+
+	/* Transports bindings
+	 * 1) key is the dataType
+	 * 2) the catchall symbol "*" can be used
+	 * 3) selection will start with transport dataType and THEN go to "*" if needed
+	 */
+	transports = {},
+
+	// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
+	allTypes = "*/".concat( "*" ),
+
+	// Document location
+	ajaxLocation = location.href,
+
+	// Segment location into parts
+	ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+	// dataTypeExpression is optional and defaults to "*"
+	return function( dataTypeExpression, func ) {
+
+		if ( typeof dataTypeExpression !== "string" ) {
+			func = dataTypeExpression;
+			dataTypeExpression = "*";
+		}
+
+		var dataType,
+			i = 0,
+			dataTypes = dataTypeExpression.toLowerCase().match( rnotwhite ) || [];
+
+		if ( jQuery.isFunction( func ) ) {
+
+			// For each dataType in the dataTypeExpression
+			while ( ( dataType = dataTypes[ i++ ] ) ) {
+
+				// Prepend if requested
+				if ( dataType.charAt( 0 ) === "+" ) {
+					dataType = dataType.slice( 1 ) || "*";
+					( structure[ dataType ] = structure[ dataType ] || [] ).unshift( func );
+
+				// Otherwise append
+				} else {
+					( structure[ dataType ] = structure[ dataType ] || [] ).push( func );
+				}
+			}
+		}
+	};
+}
+
+// Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) {
+
+	var inspected = {},
+		seekingTransport = ( structure === transports );
+
+	function inspect( dataType ) {
+		var selected;
+		inspected[ dataType ] = true;
+		jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) {
+			var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR );
+			if ( typeof dataTypeOrTransport === "string" &&
+				!seekingTransport && !inspected[ dataTypeOrTransport ] ) {
+
+				options.dataTypes.unshift( dataTypeOrTransport );
+				inspect( dataTypeOrTransport );
+				return false;
+			} else if ( seekingTransport ) {
+				return !( selected = dataTypeOrTransport );
+			}
+		} );
+		return selected;
+	}
+
+	return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" );
+}
+
+// A special extend for ajax options
+// that takes "flat" options (not to be deep extended)
+// Fixes #9887
+function ajaxExtend( target, src ) {
+	var deep, key,
+		flatOptions = jQuery.ajaxSettings.flatOptions || {};
+
+	for ( key in src ) {
+		if ( src[ key ] !== undefined ) {
+			( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ];
+		}
+	}
+	if ( deep ) {
+		jQuery.extend( true, target, deep );
+	}
+
+	return target;
+}
+
+/* Handles responses to an ajax request:
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+function ajaxHandleResponses( s, jqXHR, responses ) {
+	var firstDataType, ct, finalDataType, type,
+		contents = s.contents,
+		dataTypes = s.dataTypes;
+
+	// Remove auto dataType and get content-type in the process
+	while ( dataTypes[ 0 ] === "*" ) {
+		dataTypes.shift();
+		if ( ct === undefined ) {
+			ct = s.mimeType || jqXHR.getResponseHeader( "Content-Type" );
+		}
+	}
+
+	// Check if we're dealing with a known content-type
+	if ( ct ) {
+		for ( type in contents ) {
+			if ( contents[ type ] && contents[ type ].test( ct ) ) {
+				dataTypes.unshift( type );
+				break;
+			}
+		}
+	}
+
+	// Check to see if we have a response for the expected dataType
+	if ( dataTypes[ 0 ] in responses ) {
+		finalDataType = dataTypes[ 0 ];
+	} else {
+
+		// Try convertible dataTypes
+		for ( type in responses ) {
+			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[ 0 ] ] ) {
+				finalDataType = type;
+				break;
+			}
+			if ( !firstDataType ) {
+				firstDataType = type;
+			}
+		}
+
+		// Or just use first one
+		finalDataType = finalDataType || firstDataType;
+	}
+
+	// If we found a dataType
+	// We add the dataType to the list if needed
+	// and return the corresponding response
+	if ( finalDataType ) {
+		if ( finalDataType !== dataTypes[ 0 ] ) {
+			dataTypes.unshift( finalDataType );
+		}
+		return responses[ finalDataType ];
+	}
+}
+
+/* Chain conversions given the request and the original response
+ * Also sets the responseXXX fields on the jqXHR instance
+ */
+function ajaxConvert( s, response, jqXHR, isSuccess ) {
+	var conv2, current, conv, tmp, prev,
+		converters = {},
+
+		// Work with a copy of dataTypes in case we need to modify it for conversion
+		dataTypes = s.dataTypes.slice();
+
+	// Create converters map with lowercased keys
+	if ( dataTypes[ 1 ] ) {
+		for ( conv in s.converters ) {
+			converters[ conv.toLowerCase() ] = s.converters[ conv ];
+		}
+	}
+
+	current = dataTypes.shift();
+
+	// Convert to each sequential dataType
+	while ( current ) {
+
+		if ( s.responseFields[ current ] ) {
+			jqXHR[ s.responseFields[ current ] ] = response;
+		}
+
+		// Apply the dataFilter if provided
+		if ( !prev && isSuccess && s.dataFilter ) {
+			response = s.dataFilter( response, s.dataType );
+		}
+
+		prev = current;
+		current = dataTypes.shift();
+
+		if ( current ) {
+
+			// There's only work to do if current dataType is non-auto
+			if ( current === "*" ) {
+
+				current = prev;
+
+			// Convert response if prev dataType is non-auto and differs from current
+			} else if ( prev !== "*" && prev !== current ) {
+
+				// Seek a direct converter
+				conv = converters[ prev + " " + current ] || converters[ "* " + current ];
+
+				// If none found, seek a pair
+				if ( !conv ) {
+					for ( conv2 in converters ) {
+
+						// If conv2 outputs current
+						tmp = conv2.split( " " );
+						if ( tmp[ 1 ] === current ) {
+
+							// If prev can be converted to accepted input
+							conv = converters[ prev + " " + tmp[ 0 ] ] ||
+								converters[ "* " + tmp[ 0 ] ];
+							if ( conv ) {
+
+								// Condense equivalence converters
+								if ( conv === true ) {
+									conv = converters[ conv2 ];
+
+								// Otherwise, insert the intermediate dataType
+								} else if ( converters[ conv2 ] !== true ) {
+									current = tmp[ 0 ];
+									dataTypes.unshift( tmp[ 1 ] );
+								}
+								break;
+							}
+						}
+					}
+				}
+
+				// Apply converter (if not an equivalence)
+				if ( conv !== true ) {
+
+					// Unless errors are allowed to bubble, catch and return them
+					if ( conv && s[ "throws" ] ) { // jscs:ignore requireDotNotation
+						response = conv( response );
+					} else {
+						try {
+							response = conv( response );
+						} catch ( e ) {
+							return {
+								state: "parsererror",
+								error: conv ? e : "No conversion from " + prev + " to " + current
+							};
+						}
+					}
+				}
+			}
+		}
+	}
+
+	return { state: "success", data: response };
+}
+
+jQuery.extend( {
+
+	// Counter for holding the number of active queries
+	active: 0,
+
+	// Last-Modified header cache for next request
+	lastModified: {},
+	etag: {},
+
+	ajaxSettings: {
+		url: ajaxLocation,
+		type: "GET",
+		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
+		global: true,
+		processData: true,
+		async: true,
+		contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+		/*
+		timeout: 0,
+		data: null,
+		dataType: null,
+		username: null,
+		password: null,
+		cache: null,
+		throws: false,
+		traditional: false,
+		headers: {},
+		*/
+
+		accepts: {
+			"*": allTypes,
+			text: "text/plain",
+			html: "text/html",
+			xml: "application/xml, text/xml",
+			json: "application/json, text/javascript"
+		},
+
+		contents: {
+			xml: /\bxml\b/,
+			html: /\bhtml/,
+			json: /\bjson\b/
+		},
+
+		responseFields: {
+			xml: "responseXML",
+			text: "responseText",
+			json: "responseJSON"
+		},
+
+		// Data converters
+		// Keys separate source (or catchall "*") and destination types with a single space
+		converters: {
+
+			// Convert anything to text
+			"* text": String,
+
+			// Text to html (true = no transformation)
+			"text html": true,
+
+			// Evaluate text as a json expression
+			"text json": jQuery.parseJSON,
+
+			// Parse text as xml
+			"text xml": jQuery.parseXML
+		},
+
+		// For options that shouldn't be deep extended:
+		// you can add your own custom options here if
+		// and when you create one that shouldn't be
+		// deep extended (see ajaxExtend)
+		flatOptions: {
+			url: true,
+			context: true
+		}
+	},
+
+	// Creates a full fledged settings object into target
+	// with both ajaxSettings and settings fields.
+	// If target is omitted, writes into ajaxSettings.
+	ajaxSetup: function( target, settings ) {
+		return settings ?
+
+			// Building a settings object
+			ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) :
+
+			// Extending ajaxSettings
+			ajaxExtend( jQuery.ajaxSettings, target );
+	},
+
+	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+	ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+	// Main method
+	ajax: function( url, options ) {
+
+		// If url is an object, simulate pre-1.5 signature
+		if ( typeof url === "object" ) {
+			options = url;
+			url = undefined;
+		}
+
+		// Force options to be an object
+		options = options || {};
+
+		var
+
+			// Cross-domain detection vars
+			parts,
+
+			// Loop variable
+			i,
+
+			// URL without anti-cache param
+			cacheURL,
+
+			// Response headers as string
+			responseHeadersString,
+
+			// timeout handle
+			timeoutTimer,
+
+			// To know if global events are to be dispatched
+			fireGlobals,
+
+			transport,
+
+			// Response headers
+			responseHeaders,
+
+			// Create the final options object
+			s = jQuery.ajaxSetup( {}, options ),
+
+			// Callbacks context
+			callbackContext = s.context || s,
+
+			// Context for global events is callbackContext if it is a DOM node or jQuery collection
+			globalEventContext = s.context &&
+				( callbackContext.nodeType || callbackContext.jquery ) ?
+					jQuery( callbackContext ) :
+					jQuery.event,
+
+			// Deferreds
+			deferred = jQuery.Deferred(),
+			completeDeferred = jQuery.Callbacks( "once memory" ),
+
+			// Status-dependent callbacks
+			statusCode = s.statusCode || {},
+
+			// Headers (they are sent all at once)
+			requestHeaders = {},
+			requestHeadersNames = {},
+
+			// The jqXHR state
+			state = 0,
+
+			// Default abort message
+			strAbort = "canceled",
+
+			// Fake xhr
+			jqXHR = {
+				readyState: 0,
+
+				// Builds headers hashtable if needed
+				getResponseHeader: function( key ) {
+					var match;
+					if ( state === 2 ) {
+						if ( !responseHeaders ) {
+							responseHeaders = {};
+							while ( ( match = rheaders.exec( responseHeadersString ) ) ) {
+								responseHeaders[ match[ 1 ].toLowerCase() ] = match[ 2 ];
+							}
+						}
+						match = responseHeaders[ key.toLowerCase() ];
+					}
+					return match == null ? null : match;
+				},
+
+				// Raw string
+				getAllResponseHeaders: function() {
+					return state === 2 ? responseHeadersString : null;
+				},
+
+				// Caches the header
+				setRequestHeader: function( name, value ) {
+					var lname = name.toLowerCase();
+					if ( !state ) {
+						name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
+						requestHeaders[ name ] = value;
+					}
+					return this;
+				},
+
+				// Overrides response content-type header
+				overrideMimeType: function( type ) {
+					if ( !state ) {
+						s.mimeType = type;
+					}
+					return this;
+				},
+
+				// Status-dependent callbacks
+				statusCode: function( map ) {
+					var code;
+					if ( map ) {
+						if ( state < 2 ) {
+							for ( code in map ) {
+
+								// Lazy-add the new callback in a way that preserves old ones
+								statusCode[ code ] = [ statusCode[ code ], map[ code ] ];
+							}
+						} else {
+
+							// Execute the appropriate callbacks
+							jqXHR.always( map[ jqXHR.status ] );
+						}
+					}
+					return this;
+				},
+
+				// Cancel the request
+				abort: function( statusText ) {
+					var finalText = statusText || strAbort;
+					if ( transport ) {
+						transport.abort( finalText );
+					}
+					done( 0, finalText );
+					return this;
+				}
+			};
+
+		// Attach deferreds
+		deferred.promise( jqXHR ).complete = completeDeferred.add;
+		jqXHR.success = jqXHR.done;
+		jqXHR.error = jqXHR.fail;
+
+		// Remove hash character (#7531: and string promotion)
+		// Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
+		// Handle falsy url in the settings object (#10093: consistency with old signature)
+		// We also use the url parameter if available
+		s.url = ( ( url || s.url || ajaxLocation ) + "" )
+			.replace( rhash, "" )
+			.replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
+
+		// Alias method option to type as per ticket #12004
+		s.type = options.method || options.type || s.method || s.type;
+
+		// Extract dataTypes list
+		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().match( rnotwhite ) || [ "" ];
+
+		// A cross-domain request is in order when we have a protocol:host:port mismatch
+		if ( s.crossDomain == null ) {
+			parts = rurl.exec( s.url.toLowerCase() );
+			s.crossDomain = !!( parts &&
+				( parts[ 1 ] !== ajaxLocParts[ 1 ] || parts[ 2 ] !== ajaxLocParts[ 2 ] ||
+					( parts[ 3 ] || ( parts[ 1 ] === "http:" ? "80" : "443" ) ) !==
+						( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? "80" : "443" ) ) )
+			);
+		}
+
+		// Convert data if not already a string
+		if ( s.data && s.processData && typeof s.data !== "string" ) {
+			s.data = jQuery.param( s.data, s.traditional );
+		}
+
+		// Apply prefilters
+		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+		// If request was aborted inside a prefilter, stop there
+		if ( state === 2 ) {
+			return jqXHR;
+		}
+
+		// We can fire global events as of now if asked to
+		// Don't fire events if jQuery.event is undefined in an AMD-usage scenario (#15118)
+		fireGlobals = jQuery.event && s.global;
+
+		// Watch for a new set of requests
+		if ( fireGlobals && jQuery.active++ === 0 ) {
+			jQuery.event.trigger( "ajaxStart" );
+		}
+
+		// Uppercase the type
+		s.type = s.type.toUpperCase();
+
+		// Determine if request has content
+		s.hasContent = !rnoContent.test( s.type );
+
+		// Save the URL in case we're toying with the If-Modified-Since
+		// and/or If-None-Match header later on
+		cacheURL = s.url;
+
+		// More options handling for requests with no content
+		if ( !s.hasContent ) {
+
+			// If data is available, append data to url
+			if ( s.data ) {
+				cacheURL = ( s.url += ( rquery.test( cacheURL ) ? "&" : "?" ) + s.data );
+
+				// #9682: remove data so that it's not used in an eventual retry
+				delete s.data;
+			}
+
+			// Add anti-cache in url if needed
+			if ( s.cache === false ) {
+				s.url = rts.test( cacheURL ) ?
+
+					// If there is already a '_' parameter, set its value
+					cacheURL.replace( rts, "$1_=" + nonce++ ) :
+
+					// Otherwise add one to the end
+					cacheURL + ( rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + nonce++;
+			}
+		}
+
+		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+		if ( s.ifModified ) {
+			if ( jQuery.lastModified[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] );
+			}
+			if ( jQuery.etag[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] );
+			}
+		}
+
+		// Set the correct header, if data is being sent
+		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+			jqXHR.setRequestHeader( "Content-Type", s.contentType );
+		}
+
+		// Set the Accepts header for the server, depending on the dataType
+		jqXHR.setRequestHeader(
+			"Accept",
+			s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[ 0 ] ] ?
+				s.accepts[ s.dataTypes[ 0 ] ] +
+					( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
+				s.accepts[ "*" ]
+		);
+
+		// Check for headers option
+		for ( i in s.headers ) {
+			jqXHR.setRequestHeader( i, s.headers[ i ] );
+		}
+
+		// Allow custom headers/mimetypes and early abort
+		if ( s.beforeSend &&
+			( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
+
+			// Abort if not done already and return
+			return jqXHR.abort();
+		}
+
+		// aborting is no longer a cancellation
+		strAbort = "abort";
+
+		// Install callbacks on deferreds
+		for ( i in { success: 1, error: 1, complete: 1 } ) {
+			jqXHR[ i ]( s[ i ] );
+		}
+
+		// Get transport
+		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+		// If no transport, we auto-abort
+		if ( !transport ) {
+			done( -1, "No Transport" );
+		} else {
+			jqXHR.readyState = 1;
+
+			// Send global event
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+			}
+
+			// If request was aborted inside ajaxSend, stop there
+			if ( state === 2 ) {
+				return jqXHR;
+			}
+
+			// Timeout
+			if ( s.async && s.timeout > 0 ) {
+				timeoutTimer = window.setTimeout( function() {
+					jqXHR.abort( "timeout" );
+				}, s.timeout );
+			}
+
+			try {
+				state = 1;
+				transport.send( requestHeaders, done );
+			} catch ( e ) {
+
+				// Propagate exception as error if not done
+				if ( state < 2 ) {
+					done( -1, e );
+
+				// Simply rethrow otherwise
+				} else {
+					throw e;
+				}
+			}
+		}
+
+		// Callback for when everything is done
+		function done( status, nativeStatusText, responses, headers ) {
+			var isSuccess, success, error, response, modified,
+				statusText = nativeStatusText;
+
+			// Called once
+			if ( state === 2 ) {
+				return;
+			}
+
+			// State is "done" now
+			state = 2;
+
+			// Clear timeout if it exists
+			if ( timeoutTimer ) {
+				window.clearTimeout( timeoutTimer );
+			}
+
+			// Dereference transport for early garbage collection
+			// (no matter how long the jqXHR object will be used)
+			transport = undefined;
+
+			// Cache response headers
+			responseHeadersString = headers || "";
+
+			// Set readyState
+			jqXHR.readyState = status > 0 ? 4 : 0;
+
+			// Determine if successful
+			isSuccess = status >= 200 && status < 300 || status === 304;
+
+			// Get response data
+			if ( responses ) {
+				response = ajaxHandleResponses( s, jqXHR, responses );
+			}
+
+			// Convert no matter what (that way responseXXX fields are always set)
+			response = ajaxConvert( s, response, jqXHR, isSuccess );
+
+			// If successful, handle type chaining
+			if ( isSuccess ) {
+
+				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+				if ( s.ifModified ) {
+					modified = jqXHR.getResponseHeader( "Last-Modified" );
+					if ( modified ) {
+						jQuery.lastModified[ cacheURL ] = modified;
+					}
+					modified = jqXHR.getResponseHeader( "etag" );
+					if ( modified ) {
+						jQuery.etag[ cacheURL ] = modified;
+					}
+				}
+
+				// if no content
+				if ( status === 204 || s.type === "HEAD" ) {
+					statusText = "nocontent";
+
+				// if not modified
+				} else if ( status === 304 ) {
+					statusText = "notmodified";
+
+				// If we have data, let's convert it
+				} else {
+					statusText = response.state;
+					success = response.data;
+					error = response.error;
+					isSuccess = !error;
+				}
+			} else {
+
+				// We extract error from statusText
+				// then normalize statusText and status for non-aborts
+				error = statusText;
+				if ( status || !statusText ) {
+					statusText = "error";
+					if ( status < 0 ) {
+						status = 0;
+					}
+				}
+			}
+
+			// Set data for the fake xhr object
+			jqXHR.status = status;
+			jqXHR.statusText = ( nativeStatusText || statusText ) + "";
+
+			// Success/Error
+			if ( isSuccess ) {
+				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+			} else {
+				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+			}
+
+			// Status-dependent callbacks
+			jqXHR.statusCode( statusCode );
+			statusCode = undefined;
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError",
+					[ jqXHR, s, isSuccess ? success : error ] );
+			}
+
+			// Complete
+			completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
+
+				// Handle the global AJAX counter
+				if ( !( --jQuery.active ) ) {
+					jQuery.event.trigger( "ajaxStop" );
+				}
+			}
+		}
+
+		return jqXHR;
+	},
+
+	getJSON: function( url, data, callback ) {
+		return jQuery.get( url, data, callback, "json" );
+	},
+
+	getScript: function( url, callback ) {
+		return jQuery.get( url, undefined, callback, "script" );
+	}
+} );
+
+jQuery.each( [ "get", "post" ], function( i, method ) {
+	jQuery[ method ] = function( url, data, callback, type ) {
+
+		// shift arguments if data argument was omitted
+		if ( jQuery.isFunction( data ) ) {
+			type = type || callback;
+			callback = data;
+			data = undefined;
+		}
+
+		// The url can be an options object (which then must have .url)
+		return jQuery.ajax( jQuery.extend( {
+			url: url,
+			type: method,
+			dataType: type,
+			data: data,
+			success: callback
+		}, jQuery.isPlainObject( url ) && url ) );
+	};
+} );
+
+
+jQuery._evalUrl = function( url ) {
+	return jQuery.ajax( {
+		url: url,
+
+		// Make this explicit, since user can override this through ajaxSetup (#11264)
+		type: "GET",
+		dataType: "script",
+		cache: true,
+		async: false,
+		global: false,
+		"throws": true
+	} );
+};
+
+
+jQuery.fn.extend( {
+	wrapAll: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each( function( i ) {
+				jQuery( this ).wrapAll( html.call( this, i ) );
+			} );
+		}
+
+		if ( this[ 0 ] ) {
+
+			// The elements to wrap the target around
+			var wrap = jQuery( html, this[ 0 ].ownerDocument ).eq( 0 ).clone( true );
+
+			if ( this[ 0 ].parentNode ) {
+				wrap.insertBefore( this[ 0 ] );
+			}
+
+			wrap.map( function() {
+				var elem = this;
+
+				while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
+					elem = elem.firstChild;
+				}
+
+				return elem;
+			} ).append( this );
+		}
+
+		return this;
+	},
+
+	wrapInner: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each( function( i ) {
+				jQuery( this ).wrapInner( html.call( this, i ) );
+			} );
+		}
+
+		return this.each( function() {
+			var self = jQuery( this ),
+				contents = self.contents();
+
+			if ( contents.length ) {
+				contents.wrapAll( html );
+
+			} else {
+				self.append( html );
+			}
+		} );
+	},
+
+	wrap: function( html ) {
+		var isFunction = jQuery.isFunction( html );
+
+		return this.each( function( i ) {
+			jQuery( this ).wrapAll( isFunction ? html.call( this, i ) : html );
+		} );
+	},
+
+	unwrap: function() {
+		return this.parent().each( function() {
+			if ( !jQuery.nodeName( this, "body" ) ) {
+				jQuery( this ).replaceWith( this.childNodes );
+			}
+		} ).end();
+	}
+} );
+
+
+function getDisplay( elem ) {
+	return elem.style && elem.style.display || jQuery.css( elem, "display" );
+}
+
+function filterHidden( elem ) {
+	while ( elem && elem.nodeType === 1 ) {
+		if ( getDisplay( elem ) === "none" || elem.type === "hidden" ) {
+			return true;
+		}
+		elem = elem.parentNode;
+	}
+	return false;
+}
+
+jQuery.expr.filters.hidden = function( elem ) {
+
+	// Support: Opera <= 12.12
+	// Opera reports offsetWidths and offsetHeights less than zero on some elements
+	return support.reliableHiddenOffsets() ?
+		( elem.offsetWidth <= 0 && elem.offsetHeight <= 0 &&
+			!elem.getClientRects().length ) :
+			filterHidden( elem );
+};
+
+jQuery.expr.filters.visible = function( elem ) {
+	return !jQuery.expr.filters.hidden( elem );
+};
+
+
+
+
+var r20 = /%20/g,
+	rbracket = /\[\]$/,
+	rCRLF = /\r?\n/g,
+	rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
+	rsubmittable = /^(?:input|select|textarea|keygen)/i;
+
+function buildParams( prefix, obj, traditional, add ) {
+	var name;
+
+	if ( jQuery.isArray( obj ) ) {
+
+		// Serialize array item.
+		jQuery.each( obj, function( i, v ) {
+			if ( traditional || rbracket.test( prefix ) ) {
+
+				// Treat each array item as a scalar.
+				add( prefix, v );
+
+			} else {
+
+				// Item is non-scalar (array or object), encode its numeric index.
+				buildParams(
+					prefix + "[" + ( typeof v === "object" && v != null ? i : "" ) + "]",
+					v,
+					traditional,
+					add
+				);
+			}
+		} );
+
+	} else if ( !traditional && jQuery.type( obj ) === "object" ) {
+
+		// Serialize object item.
+		for ( name in obj ) {
+			buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+		}
+
+	} else {
+
+		// Serialize scalar item.
+		add( prefix, obj );
+	}
+}
+
+// Serialize an array of form elements or a set of
+// key/values into a query string
+jQuery.param = function( a, traditional ) {
+	var prefix,
+		s = [],
+		add = function( key, value ) {
+
+			// If value is a function, invoke it and return its value
+			value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );
+			s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
+		};
+
+	// Set traditional to true for jQuery <= 1.3.2 behavior.
+	if ( traditional === undefined ) {
+		traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
+	}
+
+	// If an array was passed in, assume that it is an array of form elements.
+	if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+
+		// Serialize the form elements
+		jQuery.each( a, function() {
+			add( this.name, this.value );
+		} );
+
+	} else {
+
+		// If traditional, encode the "old" way (the way 1.3.2 or older
+		// did it), otherwise encode params recursively.
+		for ( prefix in a ) {
+			buildParams( prefix, a[ prefix ], traditional, add );
+		}
+	}
+
+	// Return the resulting serialization
+	return s.join( "&" ).replace( r20, "+" );
+};
+
+jQuery.fn.extend( {
+	serialize: function() {
+		return jQuery.param( this.serializeArray() );
+	},
+	serializeArray: function() {
+		return this.map( function() {
+
+			// Can add propHook for "elements" to filter or add form elements
+			var elements = jQuery.prop( this, "elements" );
+			return elements ? jQuery.makeArray( elements ) : this;
+		} )
+		.filter( function() {
+			var type = this.type;
+
+			// Use .is(":disabled") so that fieldset[disabled] works
+			return this.name && !jQuery( this ).is( ":disabled" ) &&
+				rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
+				( this.checked || !rcheckableType.test( type ) );
+		} )
+		.map( function( i, elem ) {
+			var val = jQuery( this ).val();
+
+			return val == null ?
+				null :
+				jQuery.isArray( val ) ?
+					jQuery.map( val, function( val ) {
+						return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+					} ) :
+					{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+		} ).get();
+	}
+} );
+
+
+// Create the request object
+// (This is still attached to ajaxSettings for backward compatibility)
+jQuery.ajaxSettings.xhr = window.ActiveXObject !== undefined ?
+
+	// Support: IE6-IE8
+	function() {
+
+		// XHR cannot access local files, always use ActiveX for that case
+		if ( this.isLocal ) {
+			return createActiveXHR();
+		}
+
+		// Support: IE 9-11
+		// IE seems to error on cross-domain PATCH requests when ActiveX XHR
+		// is used. In IE 9+ always use the native XHR.
+		// Note: this condition won't catch Edge as it doesn't define
+		// document.documentMode but it also doesn't support ActiveX so it won't
+		// reach this code.
+		if ( document.documentMode > 8 ) {
+			return createStandardXHR();
+		}
+
+		// Support: IE<9
+		// oldIE XHR does not support non-RFC2616 methods (#13240)
+		// See http://msdn.microsoft.com/en-us/library/ie/ms536648(v=vs.85).aspx
+		// and http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9
+		// Although this check for six methods instead of eight
+		// since IE also does not support "trace" and "connect"
+		return /^(get|post|head|put|delete|options)$/i.test( this.type ) &&
+			createStandardXHR() || createActiveXHR();
+	} :
+
+	// For all other browsers, use the standard XMLHttpRequest object
+	createStandardXHR;
+
+var xhrId = 0,
+	xhrCallbacks = {},
+	xhrSupported = jQuery.ajaxSettings.xhr();
+
+// Support: IE<10
+// Open requests must be manually aborted on unload (#5280)
+// See https://support.microsoft.com/kb/2856746 for more info
+if ( window.attachEvent ) {
+	window.attachEvent( "onunload", function() {
+		for ( var key in xhrCallbacks ) {
+			xhrCallbacks[ key ]( undefined, true );
+		}
+	} );
+}
+
+// Determine support properties
+support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported );
+xhrSupported = support.ajax = !!xhrSupported;
+
+// Create transport if the browser can provide an xhr
+if ( xhrSupported ) {
+
+	jQuery.ajaxTransport( function( options ) {
+
+		// Cross domain only allowed if supported through XMLHttpRequest
+		if ( !options.crossDomain || support.cors ) {
+
+			var callback;
+
+			return {
+				send: function( headers, complete ) {
+					var i,
+						xhr = options.xhr(),
+						id = ++xhrId;
+
+					// Open the socket
+					xhr.open(
+						options.type,
+						options.url,
+						options.async,
+						options.username,
+						options.password
+					);
+
+					// Apply custom fields if provided
+					if ( options.xhrFields ) {
+						for ( i in options.xhrFields ) {
+							xhr[ i ] = options.xhrFields[ i ];
+						}
+					}
+
+					// Override mime type if needed
+					if ( options.mimeType && xhr.overrideMimeType ) {
+						xhr.overrideMimeType( options.mimeType );
+					}
+
+					// X-Requested-With header
+					// For cross-domain requests, seeing as conditions for a preflight are
+					// akin to a jigsaw puzzle, we simply never set it to be sure.
+					// (it can always be set on a per-request basis or even using ajaxSetup)
+					// For same-domain requests, won't change header if already provided.
+					if ( !options.crossDomain && !headers[ "X-Requested-With" ] ) {
+						headers[ "X-Requested-With" ] = "XMLHttpRequest";
+					}
+
+					// Set headers
+					for ( i in headers ) {
+
+						// Support: IE<9
+						// IE's ActiveXObject throws a 'Type Mismatch' exception when setting
+						// request header to a null-value.
+						//
+						// To keep consistent with other XHR implementations, cast the value
+						// to string and ignore `undefined`.
+						if ( headers[ i ] !== undefined ) {
+							xhr.setRequestHeader( i, headers[ i ] + "" );
+						}
+					}
+
+					// Do send the request
+					// This may raise an exception which is actually
+					// handled in jQuery.ajax (so no try/catch here)
+					xhr.send( ( options.hasContent && options.data ) || null );
+
+					// Listener
+					callback = function( _, isAbort ) {
+						var status, statusText, responses;
+
+						// Was never called and is aborted or complete
+						if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
+
+							// Clean up
+							delete xhrCallbacks[ id ];
+							callback = undefined;
+							xhr.onreadystatechange = jQuery.noop;
+
+							// Abort manually if needed
+							if ( isAbort ) {
+								if ( xhr.readyState !== 4 ) {
+									xhr.abort();
+								}
+							} else {
+								responses = {};
+								status = xhr.status;
+
+								// Support: IE<10
+								// Accessing binary-data responseText throws an exception
+								// (#11426)
+								if ( typeof xhr.responseText === "string" ) {
+									responses.text = xhr.responseText;
+								}
+
+								// Firefox throws an exception when accessing
+								// statusText for faulty cross-domain requests
+								try {
+									statusText = xhr.statusText;
+								} catch ( e ) {
+
+									// We normalize with Webkit giving an empty statusText
+									statusText = "";
+								}
+
+								// Filter status for non standard behaviors
+
+								// If the request is local and we have data: assume a success
+								// (success with no data won't get notified, that's the best we
+								// can do given current implementations)
+								if ( !status && options.isLocal && !options.crossDomain ) {
+									status = responses.text ? 200 : 404;
+
+								// IE - #1450: sometimes returns 1223 when it should be 204
+								} else if ( status === 1223 ) {
+									status = 204;
+								}
+							}
+						}
+
+						// Call complete if needed
+						if ( responses ) {
+							complete( status, statusText, responses, xhr.getAllResponseHeaders() );
+						}
+					};
+
+					// Do send the request
+					// `xhr.send` may raise an exception, but it will be
+					// handled in jQuery.ajax (so no try/catch here)
+					if ( !options.async ) {
+
+						// If we're in sync mode we fire the callback
+						callback();
+					} else if ( xhr.readyState === 4 ) {
+
+						// (IE6 & IE7) if it's in cache and has been
+						// retrieved directly we need to fire the callback
+						window.setTimeout( callback );
+					} else {
+
+						// Register the callback, but delay it in case `xhr.send` throws
+						// Add to the list of active xhr callbacks
+						xhr.onreadystatechange = xhrCallbacks[ id ] = callback;
+					}
+				},
+
+				abort: function() {
+					if ( callback ) {
+						callback( undefined, true );
+					}
+				}
+			};
+		}
+	} );
+}
+
+// Functions to create xhrs
+function createStandardXHR() {
+	try {
+		return new window.XMLHttpRequest();
+	} catch ( e ) {}
+}
+
+function createActiveXHR() {
+	try {
+		return new window.ActiveXObject( "Microsoft.XMLHTTP" );
+	} catch ( e ) {}
+}
+
+
+
+
+// Prevent auto-execution of scripts when no explicit dataType was provided (See gh-2432)
+jQuery.ajaxPrefilter( function( s ) {
+	if ( s.crossDomain ) {
+		s.contents.script = false;
+	}
+} );
+
+// Install script dataType
+jQuery.ajaxSetup( {
+	accepts: {
+		script: "text/javascript, application/javascript, " +
+			"application/ecmascript, application/x-ecmascript"
+	},
+	contents: {
+		script: /\b(?:java|ecma)script\b/
+	},
+	converters: {
+		"text script": function( text ) {
+			jQuery.globalEval( text );
+			return text;
+		}
+	}
+} );
+
+// Handle cache's special case and global
+jQuery.ajaxPrefilter( "script", function( s ) {
+	if ( s.cache === undefined ) {
+		s.cache = false;
+	}
+	if ( s.crossDomain ) {
+		s.type = "GET";
+		s.global = false;
+	}
+} );
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function( s ) {
+
+	// This transport only deals with cross domain requests
+	if ( s.crossDomain ) {
+
+		var script,
+			head = document.head || jQuery( "head" )[ 0 ] || document.documentElement;
+
+		return {
+
+			send: function( _, callback ) {
+
+				script = document.createElement( "script" );
+
+				script.async = true;
+
+				if ( s.scriptCharset ) {
+					script.charset = s.scriptCharset;
+				}
+
+				script.src = s.url;
+
+				// Attach handlers for all browsers
+				script.onload = script.onreadystatechange = function( _, isAbort ) {
+
+					if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
+
+						// Handle memory leak in IE
+						script.onload = script.onreadystatechange = null;
+
+						// Remove the script
+						if ( script.parentNode ) {
+							script.parentNode.removeChild( script );
+						}
+
+						// Dereference the script
+						script = null;
+
+						// Callback if not abort
+						if ( !isAbort ) {
+							callback( 200, "success" );
+						}
+					}
+				};
+
+				// Circumvent IE6 bugs with base elements (#2709 and #4378) by prepending
+				// Use native DOM manipulation to avoid our domManip AJAX trickery
+				head.insertBefore( script, head.firstChild );
+			},
+
+			abort: function() {
+				if ( script ) {
+					script.onload( undefined, true );
+				}
+			}
+		};
+	}
+} );
+
+
+
+
+var oldCallbacks = [],
+	rjsonp = /(=)\?(?=&|$)|\?\?/;
+
+// Default jsonp settings
+jQuery.ajaxSetup( {
+	jsonp: "callback",
+	jsonpCallback: function() {
+		var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( nonce++ ) );
+		this[ callback ] = true;
+		return callback;
+	}
+} );
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+	var callbackName, overwritten, responseContainer,
+		jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
+			"url" :
+			typeof s.data === "string" &&
+				( s.contentType || "" )
+					.indexOf( "application/x-www-form-urlencoded" ) === 0 &&
+				rjsonp.test( s.data ) && "data"
+		);
+
+	// Handle iff the expected data type is "jsonp" or we have a parameter to set
+	if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
+
+		// Get callback name, remembering preexisting value associated with it
+		callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?
+			s.jsonpCallback() :
+			s.jsonpCallback;
+
+		// Insert callback into url or form data
+		if ( jsonProp ) {
+			s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );
+		} else if ( s.jsonp !== false ) {
+			s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
+		}
+
+		// Use data converter to retrieve json after script execution
+		s.converters[ "script json" ] = function() {
+			if ( !responseContainer ) {
+				jQuery.error( callbackName + " was not called" );
+			}
+			return responseContainer[ 0 ];
+		};
+
+		// force json dataType
+		s.dataTypes[ 0 ] = "json";
+
+		// Install callback
+		overwritten = window[ callbackName ];
+		window[ callbackName ] = function() {
+			responseContainer = arguments;
+		};
+
+		// Clean-up function (fires after converters)
+		jqXHR.always( function() {
+
+			// If previous value didn't exist - remove it
+			if ( overwritten === undefined ) {
+				jQuery( window ).removeProp( callbackName );
+
+			// Otherwise restore preexisting value
+			} else {
+				window[ callbackName ] = overwritten;
+			}
+
+			// Save back as free
+			if ( s[ callbackName ] ) {
+
+				// make sure that re-using the options doesn't screw things around
+				s.jsonpCallback = originalSettings.jsonpCallback;
+
+				// save the callback name for future use
+				oldCallbacks.push( callbackName );
+			}
+
+			// Call if it was a function and we have a response
+			if ( responseContainer && jQuery.isFunction( overwritten ) ) {
+				overwritten( responseContainer[ 0 ] );
+			}
+
+			responseContainer = overwritten = undefined;
+		} );
+
+		// Delegate to script
+		return "script";
+	}
+} );
+
+
+
+
+// Support: Safari 8+
+// In Safari 8 documents created via document.implementation.createHTMLDocument
+// collapse sibling forms: the second one becomes a child of the first one.
+// Because of that, this security measure has to be disabled in Safari 8.
+// https://bugs.webkit.org/show_bug.cgi?id=137337
+support.createHTMLDocument = ( function() {
+	if ( !document.implementation.createHTMLDocument ) {
+		return false;
+	}
+	var doc = document.implementation.createHTMLDocument( "" );
+	doc.body.innerHTML = "<form></form><form></form>";
+	return doc.body.childNodes.length === 2;
+} )();
+
+
+// data: string of html
+// context (optional): If specified, the fragment will be created in this context,
+// defaults to document
+// keepScripts (optional): If true, will include scripts passed in the html string
+jQuery.parseHTML = function( data, context, keepScripts ) {
+	if ( !data || typeof data !== "string" ) {
+		return null;
+	}
+	if ( typeof context === "boolean" ) {
+		keepScripts = context;
+		context = false;
+	}
+
+	// document.implementation stops scripts or inline event handlers from
+	// being executed immediately
+	context = context || ( support.createHTMLDocument ?
+		document.implementation.createHTMLDocument( "" ) :
+		document );
+
+	var parsed = rsingleTag.exec( data ),
+		scripts = !keepScripts && [];
+
+	// Single tag
+	if ( parsed ) {
+		return [ context.createElement( parsed[ 1 ] ) ];
+	}
+
+	parsed = buildFragment( [ data ], context, scripts );
+
+	if ( scripts && scripts.length ) {
+		jQuery( scripts ).remove();
+	}
+
+	return jQuery.merge( [], parsed.childNodes );
+};
+
+
+// Keep a copy of the old load method
+var _load = jQuery.fn.load;
+
+/**
+ * Load a url into a page
+ */
+jQuery.fn.load = function( url, params, callback ) {
+	if ( typeof url !== "string" && _load ) {
+		return _load.apply( this, arguments );
+	}
+
+	var selector, type, response,
+		self = this,
+		off = url.indexOf( " " );
+
+	if ( off > -1 ) {
+		selector = jQuery.trim( url.slice( off, url.length ) );
+		url = url.slice( 0, off );
+	}
+
+	// If it's a function
+	if ( jQuery.isFunction( params ) ) {
+
+		// We assume that it's the callback
+		callback = params;
+		params = undefined;
+
+	// Otherwise, build a param string
+	} else if ( params && typeof params === "object" ) {
+		type = "POST";
+	}
+
+	// If we have elements to modify, make the request
+	if ( self.length > 0 ) {
+		jQuery.ajax( {
+			url: url,
+
+			// If "type" variable is undefined, then "GET" method will be used.
+			// Make value of this field explicit since
+			// user can override it through ajaxSetup method
+			type: type || "GET",
+			dataType: "html",
+			data: params
+		} ).done( function( responseText ) {
+
+			// Save response for use in complete callback
+			response = arguments;
+
+			self.html( selector ?
+
+				// If a selector was specified, locate the right elements in a dummy div
+				// Exclude scripts to avoid IE 'Permission Denied' errors
+				jQuery( "<div>" ).append( jQuery.parseHTML( responseText ) ).find( selector ) :
+
+				// Otherwise use the full result
+				responseText );
+
+		// If the request succeeds, this function gets "data", "status", "jqXHR"
+		// but they are ignored because response was set above.
+		// If it fails, this function gets "jqXHR", "status", "error"
+		} ).always( callback && function( jqXHR, status ) {
+			self.each( function() {
+				callback.apply( self, response || [ jqXHR.responseText, status, jqXHR ] );
+			} );
+		} );
+	}
+
+	return this;
+};
+
+
+
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( [
+	"ajaxStart",
+	"ajaxStop",
+	"ajaxComplete",
+	"ajaxError",
+	"ajaxSuccess",
+	"ajaxSend"
+], function( i, type ) {
+	jQuery.fn[ type ] = function( fn ) {
+		return this.on( type, fn );
+	};
+} );
+
+
+
+
+jQuery.expr.filters.animated = function( elem ) {
+	return jQuery.grep( jQuery.timers, function( fn ) {
+		return elem === fn.elem;
+	} ).length;
+};
+
+
+
+
+
+/**
+ * Gets a window from an element
+ */
+function getWindow( elem ) {
+	return jQuery.isWindow( elem ) ?
+		elem :
+		elem.nodeType === 9 ?
+			elem.defaultView || elem.parentWindow :
+			false;
+}
+
+jQuery.offset = {
+	setOffset: function( elem, options, i ) {
+		var curPosition, curLeft, curCSSTop, curTop, curOffset, curCSSLeft, calculatePosition,
+			position = jQuery.css( elem, "position" ),
+			curElem = jQuery( elem ),
+			props = {};
+
+		// set position first, in-case top/left are set even on static elem
+		if ( position === "static" ) {
+			elem.style.position = "relative";
+		}
+
+		curOffset = curElem.offset();
+		curCSSTop = jQuery.css( elem, "top" );
+		curCSSLeft = jQuery.css( elem, "left" );
+		calculatePosition = ( position === "absolute" || position === "fixed" ) &&
+			jQuery.inArray( "auto", [ curCSSTop, curCSSLeft ] ) > -1;
+
+		// need to be able to calculate position if either top or left
+		// is auto and position is either absolute or fixed
+		if ( calculatePosition ) {
+			curPosition = curElem.position();
+			curTop = curPosition.top;
+			curLeft = curPosition.left;
+		} else {
+			curTop = parseFloat( curCSSTop ) || 0;
+			curLeft = parseFloat( curCSSLeft ) || 0;
+		}
+
+		if ( jQuery.isFunction( options ) ) {
+
+			// Use jQuery.extend here to allow modification of coordinates argument (gh-1848)
+			options = options.call( elem, i, jQuery.extend( {}, curOffset ) );
+		}
+
+		if ( options.top != null ) {
+			props.top = ( options.top - curOffset.top ) + curTop;
+		}
+		if ( options.left != null ) {
+			props.left = ( options.left - curOffset.left ) + curLeft;
+		}
+
+		if ( "using" in options ) {
+			options.using.call( elem, props );
+		} else {
+			curElem.css( props );
+		}
+	}
+};
+
+jQuery.fn.extend( {
+	offset: function( options ) {
+		if ( arguments.length ) {
+			return options === undefined ?
+				this :
+				this.each( function( i ) {
+					jQuery.offset.setOffset( this, options, i );
+				} );
+		}
+
+		var docElem, win,
+			box = { top: 0, left: 0 },
+			elem = this[ 0 ],
+			doc = elem && elem.ownerDocument;
+
+		if ( !doc ) {
+			return;
+		}
+
+		docElem = doc.documentElement;
+
+		// Make sure it's not a disconnected DOM node
+		if ( !jQuery.contains( docElem, elem ) ) {
+			return box;
+		}
+
+		// If we don't have gBCR, just use 0,0 rather than error
+		// BlackBerry 5, iOS 3 (original iPhone)
+		if ( typeof elem.getBoundingClientRect !== "undefined" ) {
+			box = elem.getBoundingClientRect();
+		}
+		win = getWindow( doc );
+		return {
+			top: box.top  + ( win.pageYOffset || docElem.scrollTop )  - ( docElem.clientTop  || 0 ),
+			left: box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )
+		};
+	},
+
+	position: function() {
+		if ( !this[ 0 ] ) {
+			return;
+		}
+
+		var offsetParent, offset,
+			parentOffset = { top: 0, left: 0 },
+			elem = this[ 0 ];
+
+		// Fixed elements are offset from window (parentOffset = {top:0, left: 0},
+		// because it is its only offset parent
+		if ( jQuery.css( elem, "position" ) === "fixed" ) {
+
+			// we assume that getBoundingClientRect is available when computed position is fixed
+			offset = elem.getBoundingClientRect();
+		} else {
+
+			// Get *real* offsetParent
+			offsetParent = this.offsetParent();
+
+			// Get correct offsets
+			offset = this.offset();
+			if ( !jQuery.nodeName( offsetParent[ 0 ], "html" ) ) {
+				parentOffset = offsetParent.offset();
+			}
+
+			// Add offsetParent borders
+			parentOffset.top  += jQuery.css( offsetParent[ 0 ], "borderTopWidth", true );
+			parentOffset.left += jQuery.css( offsetParent[ 0 ], "borderLeftWidth", true );
+		}
+
+		// Subtract parent offsets and element margins
+		// note: when an element has margin: auto the offsetLeft and marginLeft
+		// are the same in Safari causing offset.left to incorrectly be 0
+		return {
+			top:  offset.top  - parentOffset.top - jQuery.css( elem, "marginTop", true ),
+			left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true )
+		};
+	},
+
+	offsetParent: function() {
+		return this.map( function() {
+			var offsetParent = this.offsetParent;
+
+			while ( offsetParent && ( !jQuery.nodeName( offsetParent, "html" ) &&
+				jQuery.css( offsetParent, "position" ) === "static" ) ) {
+				offsetParent = offsetParent.offsetParent;
+			}
+			return offsetParent || documentElement;
+		} );
+	}
+} );
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function( method, prop ) {
+	var top = /Y/.test( prop );
+
+	jQuery.fn[ method ] = function( val ) {
+		return access( this, function( elem, method, val ) {
+			var win = getWindow( elem );
+
+			if ( val === undefined ) {
+				return win ? ( prop in win ) ? win[ prop ] :
+					win.document.documentElement[ method ] :
+					elem[ method ];
+			}
+
+			if ( win ) {
+				win.scrollTo(
+					!top ? val : jQuery( win ).scrollLeft(),
+					top ? val : jQuery( win ).scrollTop()
+				);
+
+			} else {
+				elem[ method ] = val;
+			}
+		}, method, val, arguments.length, null );
+	};
+} );
+
+// Support: Safari<7-8+, Chrome<37-44+
+// Add the top/left cssHooks using jQuery.fn.position
+// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+// getComputedStyle returns percent when specified for top/left/bottom/right
+// rather than make the css module depend on the offset module, we just check for it here
+jQuery.each( [ "top", "left" ], function( i, prop ) {
+	jQuery.cssHooks[ prop ] = addGetHookIf( support.pixelPosition,
+		function( elem, computed ) {
+			if ( computed ) {
+				computed = curCSS( elem, prop );
+
+				// if curCSS returns percentage, fallback to offset
+				return rnumnonpx.test( computed ) ?
+					jQuery( elem ).position()[ prop ] + "px" :
+					computed;
+			}
+		}
+	);
+} );
+
+
+// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
+	jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name },
+	function( defaultExtra, funcName ) {
+
+		// margin is only for outerHeight, outerWidth
+		jQuery.fn[ funcName ] = function( margin, value ) {
+			var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
+				extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
+
+			return access( this, function( elem, type, value ) {
+				var doc;
+
+				if ( jQuery.isWindow( elem ) ) {
+
+					// As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
+					// isn't a whole lot we can do. See pull request at this URL for discussion:
+					// https://github.com/jquery/jquery/pull/764
+					return elem.document.documentElement[ "client" + name ];
+				}
+
+				// Get document width or height
+				if ( elem.nodeType === 9 ) {
+					doc = elem.documentElement;
+
+					// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height],
+					// whichever is greatest
+					// unfortunately, this causes bug #3838 in IE6/8 only,
+					// but there is currently no good, small way to fix it.
+					return Math.max(
+						elem.body[ "scroll" + name ], doc[ "scroll" + name ],
+						elem.body[ "offset" + name ], doc[ "offset" + name ],
+						doc[ "client" + name ]
+					);
+				}
+
+				return value === undefined ?
+
+					// Get width or height on the element, requesting but not forcing parseFloat
+					jQuery.css( elem, type, extra ) :
+
+					// Set width or height on the element
+					jQuery.style( elem, type, value, extra );
+			}, type, chainable ? margin : undefined, chainable, null );
+		};
+	} );
+} );
+
+
+jQuery.fn.extend( {
+
+	bind: function( types, data, fn ) {
+		return this.on( types, null, data, fn );
+	},
+	unbind: function( types, fn ) {
+		return this.off( types, null, fn );
+	},
+
+	delegate: function( selector, types, data, fn ) {
+		return this.on( types, selector, data, fn );
+	},
+	undelegate: function( selector, types, fn ) {
+
+		// ( namespace ) or ( selector, types [, fn] )
+		return arguments.length === 1 ?
+			this.off( selector, "**" ) :
+			this.off( types, selector || "**", fn );
+	}
+} );
+
+// The number of elements contained in the matched element set
+jQuery.fn.size = function() {
+	return this.length;
+};
+
+jQuery.fn.andSelf = jQuery.fn.addBack;
+
+
+
+
+// Register as a named AMD module, since jQuery can be concatenated with other
+// files that may use define, but not via a proper concatenation script that
+// understands anonymous AMD modules. A named AMD is safest and most robust
+// way to register. Lowercase jquery is used because AMD module names are
+// derived from file names, and jQuery is normally delivered in a lowercase
+// file name. Do this after creating the global so that if an AMD module wants
+// to call noConflict to hide this version of jQuery, it will work.
+
+// Note that for maximum portability, libraries that are not jQuery should
+// declare themselves as anonymous modules, and avoid setting a global if an
+// AMD loader is present. jQuery is a special case. For more information, see
+// https://github.com/jrburke/requirejs/wiki/Updating-existing-libraries#wiki-anon
+
+if ( typeof define === "function" && define.amd ) {
+	define( "jquery", [], function() {
+		return jQuery;
+	} );
+}
+
+
+
+var
+
+	// Map over jQuery in case of overwrite
+	_jQuery = window.jQuery,
+
+	// Map over the $ in case of overwrite
+	_$ = window.$;
+
+jQuery.noConflict = function( deep ) {
+	if ( window.$ === jQuery ) {
+		window.$ = _$;
+	}
+
+	if ( deep && window.jQuery === jQuery ) {
+		window.jQuery = _jQuery;
+	}
+
+	return jQuery;
+};
+
+// Expose jQuery and $ identifiers, even in
+// AMD (#7102#comment:10, https://github.com/jquery/jquery/pull/557)
+// and CommonJS for browser emulators (#13566)
+if ( !noGlobal ) {
+	window.jQuery = window.$ = jQuery;
+}
+
+return jQuery;
+}));
+
+/**
+ * Copyright 2012,duowan.com
+ * Author:Linzhq
+ * $Date: 2012-10-12 11:12:41 +0800 (Fri, 12 Oct 2012) $
+ * require: jQuery 1.7.2
+ */
+
+var LEGO = LEGO ? LEGO : {};
+
+
+jQuery.extend( jQuery.easing, {
+    easeOutExpo: function (x, t, b, c, d) {
+        return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+    }
+});
+
+(function($, k, w){
+    /**
+    * Switchable 抽象类,外部不能直接调用
+    * @constructor
+    * @param {jQuery object}
+    * @param {object} 配置参数
+    */
+	function Switchable(elem, opts){
+        if(arguments.length !== 0){
+            this.opts = {
+                event : "click",
+                effect : "none",
+                autoPlay : false,
+                speed : "normal",
+                timer : 4000,
+                nav : "J_nav",
+                content : "J_content",
+                btnPrev : "J_btnPrev",
+                btnNext : "J_btnNext",
+                steps : 1,
+                hoverInterval : 100,
+                mousewheel: false,
+                figureNav: false
+            }
+            jQuery.extend(this.opts, this.opts, opts);
+
+            this.$elem = elem;
+            this.$nav = elem.find("." + this.opts.nav).eq(0);
+            this.$cont = elem.find("." + this.opts.content).eq(0);
+            this.$btnPrev = elem.find("." + this.opts.btnPrev).eq(0);
+            this.$btnNext = elem.find("." + this.opts.btnNext).eq(0);
+
+            this._eventTimer = null; //事件触发的timer
+            this._autoPlayTimer = null; //自动播放的timer
+            this._activeIndex = 0;
+        }
+	}
+
+	Switchable.prototype = {
+        _struct : function(){
+            var self = this;
+
+            if(this.constructor===Tab && this.opts.event === "click"){
+                this.$nav.children().hover(function(){
+                    $(this).addClass("hover");
+                },function(){
+                    $(this).removeClass("hover");
+                });
+            }
+
+            if(this.constructor===Carousel){
+                var max = Math.ceil(this.$cont.children().size()/this.opts.steps) - 1;
+
+                if(this.$nav.length && ($.trim(this.$nav[0].innerHTML)=='')){
+                    for(var i=0; i<= max ;i++){
+                        var a = "<a href='#"+ i +"' target='_self'></a>";
+                        if(i==0){
+                            a = "<a href='#"+ i +"' class='selected' target='_self'></a>";
+                        }
+                        this.$nav.append(a);
+                    }
+                }
+
+                if(this.opts.mousewheel){
+                    this.$elem.bind('mousewheel', function(event, delta) {
+                        event.preventDefault();
+                        if(!self.$cont.is(":animated")){
+                            if(delta === 1){
+                                self.prev();
+                            }else{
+                                self.next();
+                            }
+                        }
+                    });
+                }
+
+                if(this.opts.figureNav && this.$elem.find(".steps").length){
+                    var figure = max + 1;
+                    var figureHtml = '<span class="curr-step">1</span><span class="total-step">/'+ figure + '</span>';
+                    this.$elem.find(".steps").html(figureHtml)
+                }
+            }
+
+            //绑定触发按钮事件
+            this.$nav.children().each(function(index, elem){
+
+                if(self.opts.event==="hover"){
+                    $(elem).hover(function(){
+                        //防止过快移动触发
+                        clearTimeout(self._eventTimer);
+                        self._eventTimer = setTimeout(function(){
+                            self._switch(index);
+                        }, self.opts.hoverInterval);
+                    },function(){
+                        clearTimeout(self._eventTimer);
+                    });
+                }else{
+                    $(elem).click(function(){
+                        self._switch(index);
+                    });
+                }
+                $(elem)[self.opts.event](function(){
+                    if(self.opts.event === "click"){
+                        self._switch(index);
+                    }else{
+
+                    }
+                });
+            });
+
+            if(this.$btnPrev.size()){
+                this.$btnPrev.unbind("click");
+                this.$btnPrev.bind("click",function(){
+                    self.prev();
+                });
+            }
+
+            if(this.$btnNext.size()){
+                this.$btnNext.unbind("click");
+                this.$btnNext.bind("click",function(){
+                    self.next();
+                });
+            }
+
+            //设置css
+            switch(this.opts.effect){
+                case "scrollX":
+                    var contElems = this.$cont.children(),
+                        contWidth = contElems.outerWidth(true) * contElems.length;
+
+                    contElems.css({"float":"left"});
+                    this.$cont.css({"width":contWidth});
+                    break;
+                case "scrollY":
+                    break;
+                case "fade":
+                    this.$cont.css({"position":"relative"});
+                    this.$cont.children().css({"position":"absolute", "left":"0", "top":"0", "z-index":"0", "opacity":"0"}).eq(0).css({"opacity":1, "z-index":1});
+                    break;
+            }
+
+            //运行自动播放
+            (this.opts.autoPlay === true) && this._autoPlay();
+        },
+        _switch : function(index){
+            var indexOjb = this._checkIndex(index);
+            switch(this.opts.effect){
+                case "scrollX":
+                    this._switchScrollx(indexOjb);
+                    break;
+                case "scrollY":
+                    this._switchScrolly(indexOjb);
+                    break;
+                case "fade":
+                    this._switchFade(indexOjb);
+                    break;
+                default:
+                    this._switchNormal(indexOjb);
+            }
+            if(this.opts.figureNav && this.$elem.find(".steps").length){
+                this._figureNav(indexOjb.index);
+            }
+            this._setNavCls(indexOjb.index);
+            this._activeIndex = indexOjb.index;
+        },
+        _figureNav : function(index){
+            this.$elem.find(".curr-step").text(index+1);
+        },
+        _switchNormal : function(indexOjb){
+            var contElems  =  this.$cont.children();
+
+            contElems.hide();
+            contElems.eq(indexOjb.index).show();
+
+        },
+        _switchFade : function(indexOjb){
+            var contElems  =  this.$cont.children();
+
+            contElems.eq(this._activeIndex)
+                .stop().animate({opacity:0}, 600)
+                .css("z-index", 0);
+            contElems.eq(indexOjb.index)
+                .stop().animate({opacity:1}, 600)
+                .css("z-index", 1);
+
+        },
+        _switchScrollx : function(indexOjb){
+            var contElems  =  this.$cont.children(),
+                panelWidth = contElems.outerWidth(true),
+                moveWidth = - indexOjb.index * this.opts.steps * panelWidth,
+                moveWidth2 = - (indexOjb.index-1) * this.opts.steps * panelWidth,
+                relaWidth = panelWidth * (indexOjb.maxIndex+1) * this.opts.steps;
+
+            contElems.each(function(index, element){
+                this.style.cssText = "float:left";
+            });
+            switch(indexOjb.type){
+                case "max":
+                    for(var i = 0; i<this.opts.steps ;i++){
+                        contElems.eq(i)
+                            .css({"position":"relative","left": relaWidth});
+                    }
+                    this.$cont.animate({"left":-relaWidth}, 400, "easeOutExpo", function(){
+                        contElems.each(function(index, element){
+                            this.style.cssText = "float:left";
+                        });
+                        $(this).css("left",moveWidth);
+                    });
+                    break;
+                case "min":
+                    for(var i = this.opts.steps; i>0 ;i--){
+                        contElems.eq( contElems.length - i )
+                            .css({"position":"relative","left": -relaWidth});
+                    }
+                    this.$cont.animate({"left":panelWidth*this.opts.steps}, 400, "easeOutExpo", function(){
+                        contElems.each(function(index, element){
+                            this.style.cssText = "float:left";
+                        });
+                        $(this).css("left",moveWidth);
+                    });
+                    break;
+                default:
+                    this.$cont.stop().animate({"left":moveWidth}, 400, "easeOutExpo");
+            }
+        },
+        _switchScrolly : function(indexOjb){
+            var contElems  =  this.$cont.children(),
+                panelWidth = contElems.outerHeight(true),
+                moveWidth = - indexOjb.index * this.opts.steps * panelWidth;
+
+            switch(indexOjb.type){
+                case "max":
+                    for(var i = 0; i<this.opts.steps ;i++){
+                        contElems.eq(i)
+                            .css({"position":"relative","top": panelWidth*(indexOjb.maxIndex+1)*this.opts.steps});
+                    }
+                    this.$cont.stop().animate({"top":-panelWidth*this.opts.steps*(indexOjb.maxIndex+1)}, 400, "easeOutExpo", function(){
+                        contElems.each(function(){
+                            this.style.cssText = "";
+                        });
+                       $(this).css("top",moveWidth);
+                    });
+                    break;
+                case "min":
+                    for(var i = this.opts.steps; i>0 ;i--){
+                        contElems.eq( contElems.length - i )
+                            .css({"position":"relative","top": -panelWidth*(indexOjb.maxIndex+1)*this.opts.steps});
+                    }
+                    this.$cont.stop().animate({"top":panelWidth*this.opts.steps}, 400, "easeOutExpo", function(){
+                        contElems.each(function(){
+                            this.style.cssText = "";
+                        });
+                        $(this).css("top",moveWidth);
+                    });
+                    break;
+                default:
+                    this.$cont.stop().animate({"top":moveWidth}, 400, "easeOutExpo");
+            }
+        },
+        _setNavCls : function(index){
+            var index = index||0,
+                navElems  =  this.$nav.children();
+
+            navElems.removeClass("selected");
+            navElems.eq(index).addClass("selected");
+        },
+        _autoPlay : function(){
+            var self = this
+
+            clearInterval(this._autoPlayTimer);
+            this._autoPlayTimer = setInterval(function(){
+                self._doPlay();
+            },self.opts.timer);
+
+            this.$elem.mouseenter(function(){
+                clearInterval(self._autoPlayTimer);
+            });
+
+            this.$elem.mouseleave(function(){
+                clearInterval(self._autoPlayTimer);
+                self._autoPlayTimer = setInterval(function(){
+                    self._doPlay();
+                },self.opts.timer);
+            });
+        },
+        _doPlay : function(){
+            this._switch(this._activeIndex + 1);
+        },
+        _checkIndex : function(index){
+            var maxIndex = Math.ceil(this.$cont.children().size()/this.opts.steps) - 1;
+            var obj = {
+                index: index,
+                type: "normal",
+                maxIndex: maxIndex
+            }
+
+            if(index < 0){
+                obj.type = "min";
+                obj.index = maxIndex;
+            }else if(index > maxIndex){
+                obj.type = "max";
+                obj.index = 0;
+            }
+            return obj;
+        },
+        stop : function(){
+            alert("stop")
+        },
+        start : function(){
+
+        },
+        switchTo : function(index){
+            this._switch(index);
+        },
+        prev : function(){
+            this._switch(this._activeIndex - 1);
+        },
+        next : function(){
+            this._switch(this._activeIndex + 1);
+        },
+        _init : function(){
+            this._struct();
+        }
+	};
+    /**
+     * [kExtend description]
+     * @param  {[type]} selector [description]
+     * @param  {[type]} opts     [description]
+     * @param  {[type]} subClass [description]
+     * @return {[type]}          [description]
+     */
+    function kExtend(selector, opts, subClass){
+        var elems = $(selector),
+            reFun = [];
+
+        if(elems.length == 1){
+            reFun = new subClass(elems, opts);
+        }else{
+            for(var i = 0; i < elems.length; i++) {
+                reFun.push(new subClass(elems.eq(i), opts));
+            }
+        }
+
+        return reFun;
+    }
+    /**
+    * Slide类
+    * @constructor
+    * @param {jQuery object}
+    * @param {object} 配置参数
+    */
+    function Slide(selector, opts){
+        //继承 Switchable 实例对象
+         var slideOpts = {
+            event : "hover",
+            effect : "fade",
+            autoPlay : true
+        }
+        $.extend(slideOpts, slideOpts, opts);
+
+        Switchable.call(this, selector, slideOpts);
+        this._init();
+    }
+    //继承 Switchable 原型方法
+    Slide.prototype = new Switchable();
+    Slide.prototype.constructor = Slide;
+
+    k.slide = function(selector, opts){
+        return kExtend(selector, opts, Slide);
+    };
+
+    /**
+    * wideSlide类
+    * @constructor
+    * @param {jQuery object}
+    * @param {object} 配置参数
+    */
+    function wideSlide(selector, opts){
+        //继承 Switchable 实例对象
+         var slideOpts = {
+            event : "hover",
+            effect : "fade",
+            autoPlay : true
+        }
+        $.extend(slideOpts, slideOpts, opts);
+        Switchable.call(this, selector, slideOpts);
+        var windowWidth = $(window).width(),
+            slideWrap = $(selector),
+            selectorWidth = $(selector).width();
+        if(selectorWidth > windowWidth)
+        {
+            slideWrap.css('left', -(selectorWidth - windowWidth)/2 + "px");//移正幻灯片
+        }
+
+        //屏幕改变时候情况
+        $(window).resize(function(event) {
+            if(selectorWidth > $(window).width())
+            {
+                slideWrap.css('left', -(selectorWidth - $(window).width())/2 + "px");
+            }
+        });
+
+        this._init();
+    }
+    //继承 Switchable 原型方法
+    wideSlide.prototype = new Switchable();
+    wideSlide.prototype.constructor = wideSlide;
+
+    k.wideSlide = function(selector, opts){
+        return kExtend(selector, opts, wideSlide);
+    };
+
+    /**
+    * Tab类
+    * @constructor
+    * @param {jQuery object}
+    * @param {object} 配置参数
+    */
+    function Tab(selector, opts){
+        Switchable.call(this, selector, opts);
+        this._init();
+    }
+    Tab.prototype = new Switchable();
+    Tab.prototype.constructor = Tab;
+
+    k.tab = function(selector, opts){
+        return kExtend(selector, opts, Tab);
+    };
+
+    //多玩日历
+    k.calendar= function(selector, opts){
+
+        var calendarOpts = {
+                event: "click",
+                fromSunday: false
+            },
+            day = new Date().getDay(),
+            dayNum = day,
+            Calendar = [];
+
+        $.extend(calendarOpts, calendarOpts, opts );
+        if ( !calendarOpts.fromSunday ) {
+            dayNum = day == 0 ? 6 : day - 1;
+        }
+
+        Calendar = kExtend(selector, opts, Tab);
+
+        if($(selector).length == 1){
+            Calendar.switchTo(dayNum);
+        }else{
+            for(var i = 0; i < elems.length; i++) {
+               Calendar[i].switchTo(dayNum);
+            }
+        }
+    };
+
+    /**
+    * Carousel类
+    * @constructor
+    * @param {jQuery object}
+    * @param {object} 配置参数
+    */
+    function Carousel(selector, opts){
+
+
+        Switchable.call(this, selector, opts);
+        this._init();
+    }
+    Carousel.prototype = new Switchable();
+    Carousel.prototype.constructor = Carousel;
+
+    k.imageScroll = function(selector, opts){
+        var caroOpts = {
+            effect : "scrollX",
+            autoPlay : true,
+            mousewheel: true,
+            figureNav: true
+        }
+        $.extend(caroOpts, caroOpts, opts);
+        return kExtend(selector, caroOpts, Carousel);
+    };
+
+    k.textScroll = function(selector, opts){
+
+        //add by petsa 20131127
+        //添加判断,当只有一条滚动新闻,不添加滚动效果
+        var listLength = $(selector).find('li').length;
+        if( listLength <= 1 )
+        {
+            return;
+        }
+
+        var caroOpts = {
+            effect : "scrollY",
+            autoPlay : true
+        }
+        $.extend(caroOpts, caroOpts, opts);
+        return kExtend(selector, caroOpts, Carousel);
+    };
+
+	/*
+	* 手风琴
+	* @param  {[type]} selector [description]
+	* @return {[type]}          [description]
+	*/
+	k.accordion = function( selector ) {
+        if ( !jQuery(selector).is("div[class*='mod-accordion']") ) return false;
+		var accord = jQuery(selector),
+			accordHead = accord.children(":even"),
+			accordBody = accord.children(":odd"),
+			accordLength = accordHead.length;
+			accordHead.eq(0).addClass("active");//默认打开第一个项
+			accordBody.eq(0).show();
+
+		// 点击事件绑定
+		accord.delegate('.J_nav', 'click', function(event) {
+			var _index = accordHead.index($(this));
+			var _ifSelf = accordHead.eq(_index).hasClass("active");
+
+			accordHead.removeClass("active");
+			accordBody.hide();
+
+			if (_ifSelf){
+				_index = (accordLength != _index + 1) ? ++_index : -- _index;
+			}
+			accordHead.eq(_index).addClass('active');
+			accordBody.eq(_index).show();
+		});
+	};
+
+	/** 提示 */
+	k.toolTip = function( selector , options ) {
+
+		//基本参数
+		var _default = {
+			imgSrc: "",
+			style: 1,
+			location : "bottom"
+		};
+		var opts = jQuery.extend( {}, _default, options );
+
+		//插件初始函数
+		function _init(){
+			// 样式一
+			if ( opts.style === 1 ) {
+				var cssImgText = "";
+				if (opts.imgSrc != "") {
+					cssImgText = '.data-tips-left, .data-tips-center, .data-tips-right{background-image:url(' + opts.imgSrc + ')}';
+				}
+				document.write('<style type="text/css">' + cssImgText + '</style>');
+			}
+
+			// 分配事件
+			var aTags = $(selector);
+			for (var i = 0; i < aTags.length; i++) {
+				if (aTags[i].getAttribute("data-tips") != null) {
+					$(aTags[i]).on("mouseover",mouseover);
+					//$(aTags[i]).on("mousemove",mousemove);
+					$(aTags[i]).on("mouseout",mouseout);
+					// aTags[i].onmouseover = mouseover;
+					// aTags[i].onmousemove = mousemove;
+					// aTags[i].onmouseout = mouseout;
+				}
+			}
+		}
+
+		// 鼠标移上或离开
+		function isMouseLeaveOrEnter(e, handler) {
+			if (e.type != 'mouseout' && e.type != 'mouseover') return false;
+
+			var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement;
+			while (reltg && reltg != handler)
+				reltg = reltg.parentNode;
+			return (reltg != handler);
+		}
+
+
+		//提示层位置控制
+		function layerShowCenter( e , cfg ){
+
+			var tips = document.getElementById("data-tips");
+			if (tips) {
+				$(tips).html(cfg.struct);
+				$(tips).fadeIn();
+			} else {
+				tips = document.createElement("div");
+				$(tips).attr("id","data-tips");
+				$(tips).html(cfg.struct);
+				$("body").append( $(tips) );
+				$(tips).fadeIn();
+			}
+
+			//resetLocation(e , opts.location);
+
+			//方位选择
+			switch (cfg.location){
+				case "top":
+						$(tips).css({
+							left: e.pageX - e.offsetX ,
+							top: e.pageY - $(tips).outerHeight() - e.offsetY
+						});
+					break;
+				case "bottom":
+						$(tips).css({
+							left: e.pageX - e.offsetX ,
+							top: e.pageY + ( $(e.srcElement).outerHeight() - e.offsetY )
+						});
+					break;
+				case "left":
+						$(tips).css({
+							left: e.pageX - e.offsetX - $(tips).outerWidth(),
+							top: e.pageY - e.offsetY
+						});
+					break;
+				case "right":
+						$(tips).css({
+							left: e.pageX - e.offsetX + $(e.srcElement).outerWidth(),
+							top: e.pageY - e.offsetY
+						});
+					break;
+
+			}
+		}
+
+		//判断是否足够空间显示提示层,重设显示位置
+		function resetLocation( e , location ){
+			var tiplayer = $("#data-tips"),
+				el = $(e.srcElement),
+				locationArray = [];
+
+				var istop = el.offset().top - $(window).scrollTop() > tiplayer.outerHeight(),
+					isright = $(window).width() > el.offset().left - $(window).scrollLeft() + el.outerWidth() + tiplayer.outerWidth(),
+					isleft = el.offset().left - $(window).scrollLeft() > tiplayer.outerWidth(),
+					isbottom = $(window).height() > el.offset().top - $(window).scrollTop() + el.outerHeight() + tiplayer.outerHeight();
+
+				locationArray = [istop , isright , isleft , isbottom];
+				console.log(istop);
+				console.log(isright);
+				console.log(isbottom);
+				console.log(isleft);
+
+				console.log(tiplayer);
+				console.log(el);
+				console.log(locationArray);
+
+
+		}
+
+		function controlLoaction(location){
+			//to do
+		}
+
+		//创建提示层
+		function setupLayer(e , srcElement){
+
+			var html = "";
+			switch (opts.style) {
+				// 样式一
+				case 1:
+					html = '<div class="data-tips-top"><div class="data-tips-left"></div><div class="data-tips-center"></div><div class="data-tips-right"></div></div><div class="data-tips-middle"><div class="data-tips-left"></div><div class="data-tips-center">' + srcElement.getAttribute("data-tips") + '</div><div class="data-tips-right"></div></div><div class="data-tips-bottom"><div class="data-tips-left"></div><div class="data-tips-center"></div><div class="data-tips-right"></div></div>';
+					break;
+				// 样式二
+				case 2:
+					html = '<div id="data-tips-bd">' + srcElement.getAttribute("data-tips") + '</div>';
+					break;
+			}
+
+			layerShowCenter( e , {
+				location : opts.location,
+				struct : html
+			} )
+
+		}
+
+		// 鼠标移上
+		function mouseover(e) {
+			var event = window.event || arguments[0],
+				srcElement = event.srcElement || event.target;
+
+			if(!isMouseLeaveOrEnter(event, this)) return;
+
+			while (srcElement && !srcElement.getAttribute("data-tips")) srcElement = srcElement.parentNode;
+
+			setupLayer( e,  srcElement);
+
+		}
+
+		// 鼠标移动(在目标上),(已经禁用)
+		function mousemove() {
+			var tips = document.getElementById("data-tips");
+			if (!tips) return;
+
+			var event = window.event || arguments[0];
+			var pos = mousecoords(event);
+			tips.style.left = (pos.x + opts.offset.x) + "px";
+			tips.style.top = (pos.y + opts.offset.y) + "px";
+		}
+
+		// 鼠标离开
+		function mouseout() {
+			var event = window.event || arguments[0];
+			if (!isMouseLeaveOrEnter(event, this)) return;
+
+			var tips = document.getElementById("data-tips");
+			if (!tips) return;
+
+			tips.style.display = "none";
+		}
+
+		// 鼠标位置
+		function mousecoords(event) {
+			if (event.pageX) {
+				return {x : event.pageX, y : event.pageY};
+			} else {
+				return {
+					x : event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft),
+					y : event.clientY + (document.documentElement.scrollTop || document.body.scrollTop)
+				}
+			}
+		}
+
+
+		//插件初始化
+		_init();
+	};
+
+	/** backToTop */
+	k.backToTop = function( selector, options ){
+
+		var _default = {
+			scrollEffect:true,
+			contentWidth:0,
+			showHeight : 0,
+			target:"" ,//返回到某个元素高度
+			counttime: 0
+		};
+
+		var opts = jQuery.extend( {}, _default, options ),
+			counttime;//ie6滚动定时执行器
+
+		var _init = function(){
+
+			// 检查是否有bacttotop结构
+			if( !$("#backtotop").get(0) )
+			{
+				$("body").append('<div id="backtotop" class="backtotop">回到顶部</div>');
+				$("#backtotop").css({
+					"display" : "none",
+					"position": "fixed",
+					"right": "0",
+					"bottom": "100px"
+				})
+			}
+			else{
+				$("#backtotop").css({
+					"display" : "none",
+					"position": "fixed",
+					"right": "0",
+					"bottom": "100px"
+				})
+			}
+
+			var str = selector ? selector : "#backtotop",
+				el = jQuery(str);
+
+			// 初始化ie6定位属性
+			if ( !window.XMLHttpRequest ) {
+				el.css({position: "absolute"});
+			};
+
+			//调用设置内容宽函数
+			setContentWidth(el);
+
+			//选择器标签点击后
+			el.bind("click", function(){
+				if( opts.target == "" )
+				{
+					scrollTo( 0 );
+				}
+				else{
+					scrollTo( opts.target );
+				}
+			});
+
+			//窗口大小改变
+			$(window).resize(function(event) {
+				setContentWidth();
+			});
+
+			$(document).ready(function(){
+				showBackBtn(el);
+			});
+
+		}
+
+		//滚动调度
+		var scrollTo = function(obj){
+			switch( typeof(obj) )
+			{
+				case "number":
+					scrollFn(obj);
+					break;
+				case "object":
+					//todo
+				case "string":
+					var elm = $(obj);
+					var backheight = getelementScrollTop(elm);
+					scrollFn(backheight);
+			}
+		}
+
+		//滚动函数
+		var scrollFn = function(num){
+			if(opts.scrollEffect){
+				$('body,html').animate({scrollTop:num},300);
+			}else{
+				$('body,html').animate({scrollTop:num},0);
+			}
+		}
+
+		//显示返回顶部按钮
+		var showBackBtn = function(obj){
+			$(window).scroll(function(){
+				if ( $(window).scrollTop() > opts.showHeight ) {
+					if ( !obj.is(":visible") ) {
+						obj.fadeIn();
+					}
+					// ie6
+					if ( !window.XMLHttpRequest ) {
+						clearTimeout(opts.counttime);
+						opts.counttime = setTimeout(function(){
+							var t = getScrollTop(obj);
+							obj.css({top: t});
+						},300)
+					}
+				} else {
+					obj.fadeOut();
+				}
+			});
+		}
+
+		//获取tag相对页面的高度
+		var getelementScrollTop = function(obj){
+			var offset = obj.offset();
+			console.log(offset.top);
+			return offset.top;
+		}
+
+		//获取滚动位置离顶部高度
+		var getScrollTop = function(obj){
+			var t = document.documentElement.scrollTop || document.body.scrollTop,
+				h = document.documentElement.clientHeight || document.body.clientHeight;
+
+			return t + h - parseInt(obj.css('bottom').split("px")[0]) - parseInt(obj.css('height').split("px")[0]);
+		}
+
+		// 浮动到内容侧边
+		var setContentWidth = function(obj){
+			if(opts.contentWidth)
+			{
+				var set_right = ( $(window).width() - opts.contentWidth ) /2 - obj.width();
+				obj.css('right', set_right+"px");
+			}
+		}
+
+		//初始化返回顶部插件
+		$(function(){
+			_init();
+		})
+
+		return {
+			scrollTo : scrollTo
+		}
+	}
+
+	/** popupBox */
+	k.popupBox = function (selector , options , data) {
+
+		var el = jQuery(selector),
+		    mask = document.createElement("div"),
+		    popupBox = el.get(0),
+		    self = this;
+
+		var _default = {
+			existMask: true
+		};
+		
+		var opts = jQuery.extend( {}, _default, options );
+
+		if ( !el.length )
+		{
+			//console.log("找不到弹窗");
+			return
+		};
+
+		// dom宽高
+		var boxWidth = el.width(),
+			boxHeight = el.height();
+
+		// console.log(el.width());
+		// console.log(el.height());
+
+		// 创建遮罩,显示弹出框
+		if( opts.width )
+		{
+			var maskCss = "position:fixed;left:0;top:0;z-index:32766;width:100%;height:100%;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;background:#000;",
+				boxCss = "display:block;position:fixed;left:50%;top:50%;z-index:32767;margin:-" + el.height() / 2 + "px 0 0 -" + opts.width / 2 + "px;";
+		}
+		else{
+			var maskCss = "position:fixed;left:0;top:0;z-index:32766;width:100%;height:100%;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;background:#000;",
+				boxCss = "display:block;position:fixed;left:50%;top:50%;z-index:32767;margin:-" + el.height() / 2 + "px 0 0 -" + el.width() / 2 + "px;";
+		}
+		// ie6
+		if(!window.XMLHttpRequest) {
+			// ie6 css表达式
+			maskCss += "position:absolute;top:expression(documentElement.scrollTop);height:expression(document.documentElement.clientHeight);";
+			boxCss += "position:absolute;top:expression(documentElement.scrollTop + document.documentElement.clientHeight/2);";
+
+			// 解决ie6 bug(没设置html背景的时候)
+			if ( document.getElementsByTagName("html")[0].style.backgroundImage == "") {
+				document.getElementsByTagName("html")[0].style.backgroundImage = "url(blank)";
+			}
+		}
+		
+		//重新对齐弹出层
+		function resetPosition(){
+			// 创建遮罩,显示弹出框
+			if( opts.width )
+			{
+				maskCss = "position:fixed;left:0;top:0;z-index:32766;width:100%;height:100%;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;background:#000;",
+				boxCss = "display:block;position:fixed;left:50%;top:50%;z-index:32767;width:"+ opts.width +"px;margin:-" + el.height() / 2 + "px 0 0 -" + opts.width / 2 + "px;";
+			}
+			else{
+				maskCss = "position:fixed;left:0;top:0;z-index:32766;width:100%;height:100%;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;background:#000;",
+				boxCss = "display:block;position:fixed;left:50%;top:50%;z-index:32767;margin:-" + el.height() / 2 + "px 0 0 -" + el.width() / 2 + "px;";
+			}
+			// ie6
+			if(!window.XMLHttpRequest) {
+				// ie6 css表达式
+				maskCss += "position:absolute;top:expression(documentElement.scrollTop);height:expression(document.documentElement.clientHeight);";
+				boxCss += "position:absolute;top:expression(documentElement.scrollTop + document.documentElement.clientHeight/2);";
+
+				// 解决ie6 bug(没设置html背景的时候)
+				if ( document.getElementsByTagName("html")[0].style.backgroundImage == "") {
+					document.getElementsByTagName("html")[0].style.backgroundImage = "url(http://assets.dwstatic.com/lego/1.0.0/img/blank.png)";
+				}
+			}
+		}
+
+		//设置弹窗标题
+		this.title = function(str){
+			if( str )
+			{
+				jQuery(popupBox).find(".title").html(str);
+			}
+			resetPosition();
+			return this;
+		}
+
+		//设置弹窗内容
+		this.content = function(str){
+			if( str )
+			{
+				jQuery(popupBox).find(".cont").html(str);
+			}
+			resetPosition();
+			return this;
+		}
+
+
+		//构建弹出层,绑定默认事件,回调函数
+		var setupPopup = function(){
+
+			el.find(".J_btnClose").on("click",function(){
+				popupClose(el.get(0));
+			})
+
+			if( opts.note )
+			{
+				el.find(".cont").html(opts.note);
+			}
+			if( opts.title )
+			{
+				self.title(opts.title);
+			}
+
+			el.find(".J_btnConfirm").on("click",function(){
+				if( opts.ok )
+				{
+					opts.ok(data);
+				}
+			})
+
+			el.find(".J_btnCancle").on("click",function(){
+				if( opts.cancle )
+				{
+					opts.cancle(data);
+				}
+				popupClose();
+			})
+		}
+
+		//打开弹出层
+		var popupOpen = function(){
+
+			popupBox.style.display = "block";
+
+			if( opts.width )
+			{
+				//el.width(opts.width);
+				el.css({
+					width: opts.width
+				});
+			}
+			if( opts.height )
+			{
+				//el.height(opts.height);
+				el.css({
+					height: opts.height
+				});
+			}
+
+			resetPosition();
+
+			popupBox.style.cssText = boxCss;
+			mask.style.cssText = maskCss;
+
+			scrollSwitchControl(0);
+
+
+			// 解决ie6 bug
+			if(!window.XMLHttpRequest) {
+				document.documentElement.scrollTop++;
+				document.documentElement.scrollTop--;
+			}
+
+			jQuery(mask).attr("id","lego-popupbox-mask");
+			if ( opts.existMask ) jQuery("body").append(mask);
+		}
+
+		//关闭弹出层
+		var popupClose = function(){
+			// ie6 清空css表达式
+			popupBox.style.cssText = "";
+			popupBox.style.display = "none";
+			scrollSwitchControl(1);
+			if ( opts.existMask ) jQuery("#lego-popupbox-mask").remove();
+		}
+
+		//遮罩后滚动控制
+		var scrollSwitchControl = function(sign){
+			if(sign){
+				jQuery("body").unbind("mousewheel","",function(){
+				})
+			}
+			else{
+				jQuery("body").on("mousewheel","",function(){
+					return false;
+				})
+			}
+		}
+
+		var _init = function(){
+			//打开弹出层
+			//popupOpen();
+			setupPopup();
+		}
+
+		//初始化弹出层
+		jQuery(function(){
+			_init();
+		})
+
+		/**
+		 * 返回窗口打开方法,关闭方法
+		 */
+		return {
+			open : popupOpen,
+			close : popupClose,
+			title : this.title,
+			content : this.content
+		}
+
+	}
+
+})(jQuery, LEGO, window);

+ 252 - 0
2017专区/艾兰岛/src/lib/mod.js

@@ -0,0 +1,252 @@
+/**
+ * @file: mod.js
+ * @author fis
+ * ver: 1.0.11
+ * update: 2015/05/14
+ * https://github.com/fex-team/mod
+ */
+var require;
+
+/* eslint-disable no-unused-vars */
+var define;
+
+(function (global) {
+
+    // 避免重复加载而导致已定义模块丢失
+    if (require) {
+        return;
+    }
+
+    var head = document.getElementsByTagName('head')[0];
+    var loadingMap = {};
+    var factoryMap = {};
+    var modulesMap = {};
+    var scriptsMap = {};
+    var resMap = {};
+    var pkgMap = {};
+
+    var createScript = function (url, onerror) {
+        if (url in scriptsMap) {
+            return;
+        }
+
+        scriptsMap[url] = true;
+
+        var script = document.createElement('script');
+        if (onerror) {
+            var tid = setTimeout(onerror, require.timeout);
+
+            script.onerror = function () {
+                clearTimeout(tid);
+                onerror();
+            };
+
+            var onload = function () {
+                clearTimeout(tid);
+            };
+
+            if ('onload' in script) {
+                script.onload = onload;
+            }
+            else {
+                script.onreadystatechange = function () {
+                    if (this.readyState === 'loaded' || this.readyState === 'complete') {
+                        onload();
+                    }
+                };
+            }
+        }
+        script.type = 'text/javascript';
+        script.src = url;
+        head.appendChild(script);
+        return script;
+    };
+
+    var loadScript = function (id, callback, onerror) {
+        var queue = loadingMap[id] || (loadingMap[id] = []);
+        queue.push(callback);
+
+        //
+        // resource map query
+        //
+        var res = resMap[id] || resMap[id + '.js'] || {};
+        var pkg = res.pkg;
+        var url;
+
+        if (pkg) {
+            url = pkgMap[pkg].url;
+        }
+        else {
+            url = res.url || id;
+        }
+
+        createScript(url, onerror && function () {
+            onerror(id);
+        });
+    };
+
+    define = function (id, factory) {
+        id = id.replace(/\.js$/i, '');
+        factoryMap[id] = factory;
+
+        var queue = loadingMap[id];
+        if (queue) {
+            for (var i = 0, n = queue.length; i < n; i++) {
+                queue[i]();
+            }
+            delete loadingMap[id];
+        }
+    };
+
+    require = function (id) {
+
+        // compatible with require([dep, dep2...]) syntax.
+        if (id && id.splice) {
+            return require.async.apply(this, arguments);
+        }
+
+        id = require.alias(id);
+
+        var mod = modulesMap[id];
+        if (mod) {
+            return mod.exports;
+        }
+
+        //
+        // init module
+        //
+        var factory = factoryMap[id];
+        if (!factory) {
+            throw '[ModJS] Cannot find module `' + id + '`';
+        }
+
+        mod = modulesMap[id] = {
+            exports: {}
+        };
+
+        //
+        // factory: function OR value
+        //
+        var ret = (typeof factory === 'function') ? factory.apply(mod, [require, mod.exports, mod]) : factory;
+
+        if (ret) {
+            mod.exports = ret;
+        }
+
+        if (mod.exports && !mod.exports['default']) {
+            mod.exports['default'] = mod.exports;
+        }
+
+        return mod.exports;
+    };
+
+    require.async = function (names, onload, onerror) {
+        if (typeof names === 'string') {
+            names = [names];
+        }
+
+        var needMap = {};
+        var needNum = 0;
+
+        function findNeed(depArr) {
+            var child;
+
+            for (var i = 0, n = depArr.length; i < n; i++) {
+                //
+                // skip loading or loaded
+                //
+                var dep = require.alias(depArr[i]);
+
+                if (dep in factoryMap) {
+                    // check whether loaded resource's deps is loaded or not
+                    child = resMap[dep] || resMap[dep + '.js'];
+                    if (child && 'deps' in child) {
+                        findNeed(child.deps);
+                    }
+                    continue;
+                }
+
+                if (dep in needMap) {
+                    continue;
+                }
+
+                needMap[dep] = true;
+                needNum++;
+                loadScript(dep, updateNeed, onerror);
+
+                child = resMap[dep] || resMap[dep + '.js'];
+                if (child && 'deps' in child) {
+                    findNeed(child.deps);
+                }
+            }
+        }
+
+        function updateNeed() {
+            if (0 === needNum--) {
+                var args = [];
+                for (var i = 0, n = names.length; i < n; i++) {
+                    args[i] = require(names[i]);
+                }
+
+                onload && onload.apply(global, args);
+            }
+        }
+
+        findNeed(names);
+        updateNeed();
+    };
+
+    require.resourceMap = function (obj) {
+        var k;
+        var col;
+
+        // merge `res` & `pkg` fields
+        col = obj.res;
+        for (k in col) {
+            if (col.hasOwnProperty(k)) {
+                resMap[k] = col[k];
+            }
+        }
+
+        col = obj.pkg;
+        for (k in col) {
+            if (col.hasOwnProperty(k)) {
+                pkgMap[k] = col[k];
+            }
+        }
+    };
+
+    require.loadJs = function (url) {
+        createScript(url);
+    };
+
+    require.loadCss = function (cfg) {
+        if (cfg.content) {
+            var sty = document.createElement('style');
+            sty.type = 'text/css';
+
+            if (sty.styleSheet) { // IE
+                sty.styleSheet.cssText = cfg.content;
+            }
+            else {
+                sty.innerHTML = cfg.content;
+            }
+            head.appendChild(sty);
+        }
+        else if (cfg.url) {
+            var link = document.createElement('link');
+            link.href = cfg.url;
+            link.rel = 'stylesheet';
+            link.type = 'text/css';
+            head.appendChild(link);
+        }
+    };
+
+
+    require.alias = function (id) {
+        return id.replace(/\.js$/i, '');
+    };
+
+    require.timeout = 5000;
+
+})(this);

+ 86 - 0
2017专区/艾兰岛/src/modules/common/friend.html

@@ -0,0 +1,86 @@
+<div class="ZQ__map">
+    <!-- 搜索 - 标识{ -->
+    <div class="foot-action">
+        <form id="form-search2" method="get" action="http://so.duowan.com/cse/search" target="_blank" accept-charset="utf-8">
+            <div class="search">
+                <input type="text" name="q" data-baidusug="on" id="" value="CSGO" onfocus="if(this.value=='CSGO') this.value='';" onblur="if(this.value=='') this.value='CSGO';">
+                <input type="hidden" name="s" value="14439980297804472906">
+                <a href="javascript:void(0)" onclick="javascript:document.getElementById('form-search2').submit()" title="搜索" class="submit">搜索</a>
+            </div>
+            <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">联系小编</a>
+        </form>
+    </div>
+    <!-- }搜索 - 标识 -->
+    <div class="inner">
+        <div class="map-list">
+            <ul class="list">
+                <li><span class="label">CSGO栏目热点</span></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321459121455.html">每周囧图</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321531647730.html">爆笑动画</a></li>
+                <li><a target="_blank" href="http://bbs.duowan.com/forum-2604-1.html">火爆论坛</a></li>
+            </ul>
+            <ul class="list">
+                <li><span class="label">CSGO热点新闻</span></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/319717437215.html">电竞新闻</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/312991474877.html">最新资讯</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321459434055.html">玩家杂谈</a></li>
+            </ul>
+            <ul class="list">
+                <li><span class="label">CSGO枪械涂装</span></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321014912214.html">主武器</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321014923727.html">重武器</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321014954658.html">冲锋枪</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321014896078.html">手枪</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321015016045.html">匕首</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321015028068.html">武器箱</a></li>
+            </ul>
+            <ul class="list">
+                <li><span class="label">CSGO热门武器</span></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321041432214.html">AK47</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321040759158.html">M4A4</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321041197706.html">AWP</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321033004655.html">P90</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321040270648.html">SSG553</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321041252882.html">AUG</a></li>
+            </ul>
+            <ul class="list">
+                <li><span class="label">CSGO游戏视频</span></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/313154193636.html">比赛视频</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/313154205603.html">精彩集锦</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/313154197978.html">解说视频</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/313768096656.html">娱乐视频</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/316606797557.html">教学视频</a></li>
+            </ul>
+            <ul class="list">
+                <li><span class="label">CSGO模型补丁</span></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321459095549.html">地图模型</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/tag/321459121455.html">精品图片</a></li>
+                <li><a target="_blank" href="http://csgo.duowan.com/1603/321534959160.html">地图推荐</a></li>
+            </ul>
+
+            <ul class="list">
+                <li><span class="label">CSGO游戏信息</span></li>
+                <li><a target="_blank" href="http://store.steampowered.com/" rel="nofollow">STEAM官网</a></li>
+                <li><a target="_blank" href="http://steamcommunity.com/app/730/workshop/" rel="nofollow">创意工坊</a></li>
+                <li><a target="_blank" href="http://steamcommunity.com/market/search?appid=730" rel="nofollow">STEAM市场</a></li>
+            </ul>
+        </div>
+
+    </div>
+</div>
+<div class="ZQ__friend">
+    <div class="inner">
+        <p class="link">
+            <span class="label"><em>友情链接</em></span>
+            <a href="http://www.duowan.com/" target="_blank">多玩游戏</a>
+            <a href="http://fight.pcgames.com.cn/csgo/" target="_blank">太平洋CSGO</a>
+            <a href="http://sj.xiaopi.com/cfsy/" target="_blank">cf手游</a>
+            <a href="http://www.dota.tw/" target="_blank">斗塔游戏</a>
+            <a href="http://www.wancaomei.com/" target="_blank">草莓游戏</a>
+            <a href="http://cod.yxbao.com/" target="_blank">使命召唤</a>
+            <a href="http://lol.duowan.com/LPL/" target="_blank">LPL夏季赛</a>
+            <a href="http://cr.duowan.com/" target="_blank">皇室战争</a>
+            <a href="http://vrgame.duowan.com" target="_blank">多玩VR</a>
+        </p>
+    </div>
+</div>

+ 35 - 0
2017专区/艾兰岛/src/modules/common/header.html

@@ -0,0 +1,35 @@
+<div class="dw-mod-nav">
+    <div class="g-inner">
+        <ul class="clearfix">
+            <li class="nav-item cur">
+                <a href="">专区首页</a>
+            </li>
+            <li class="nav-item">
+                <a href="">地图下载</a>
+            </li>
+            <li class="nav-item">
+                <a href="">大神攻略</a>
+            </li>
+            <li class="nav-item">
+                <a href="">精彩视频</a>
+            </li>
+            <li class="nav-item">
+                <a href="">玩家社区</a>
+            </li>
+            <li class="nav-search">
+                <div class="search-wrap">
+                    <form id="navSearch" class="clearfix" method="get" action="http://so.duowan.com/cse/search" target="_blank" accept-charset="utf-8">
+                        <div class="search">
+                            <input type="text" name="q" data-baidusug="on" id="" value="关键字/游戏名称" onfocus="if(this.value=='关键字/游戏名称') this.value='';"
+                                onblur="if(this.value=='') this.value='关键字/游戏名称';">
+                            <input type="hidden" name="s" value="14439980297804472906">
+                            <a href="javascript:void(0)" onclick="javascript:document.getElementById('navSearch').submit()" title="搜索" class="submit"></a>
+                        </div>
+
+                    </form>
+                </div>
+            </li>
+
+        </ul>
+    </div>
+</div>

+ 29 - 0
2017专区/艾兰岛/src/modules/common/hot.html

@@ -0,0 +1,29 @@
+<div class="common-hot">
+    <ul>
+        <li>
+            <a href="">
+                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+            </a>
+        </li>
+        <li>
+            <a href="">
+                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+            </a>
+        </li>
+        <li>
+            <a href="">
+                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+            </a>
+        </li>
+        <li>
+            <a href="">
+                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+            </a>
+        </li>
+        <li>
+            <a href="">
+                <img src="http://fed.webdev.ouj.com/158x88" alt="">
+            </a>
+        </li>
+    </ul>
+</div>

+ 288 - 0
2017专区/艾兰岛/src/modules/common/rank.html

@@ -0,0 +1,288 @@
+<div class="map-rank" data-role="map-rank-tab">
+    <div class="mod-title">
+        <h2>地图排行</h2>
+        <ul class="tab-wrap g-tab__nav" data-switchable-role="nav">
+            <li class="g-tab__trigger is-active">日</li>
+            <li class="g-tab__trigger">周</li>
+            <li class="g-tab__trigger">月</li>
+        </ul>
+        <a href="" class="link-more link-news" target="_blank">更多</a>
+
+    </div>
+    <div class="g-tab__bd" data-switchable-role="content">
+        <div class="g-tab__panel">
+            <ul class="rank-list">
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <em>1</em>
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+
+
+            </ul>
+        </div>
+        <div class="g-tab__panel u-hide">
+            <ul class="rank-list">
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <em>1</em>
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+
+
+            </ul>
+        </div>
+        <div class="g-tab__panel u-hide">
+            <ul class="rank-list">
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <em>1</em>
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="">
+                        <div class="img-con">
+                            <img src="http://fed.webdev.ouj.com/158x88" alt="">
+                        </div>
+                        <div class="text-wrap">
+                            <p>掌握被动细节,诸葛刷出20个 法球掌握被动细! 掌握被动细节,诸葛刷出20个 法球掌握被动细! </p>
+                            <div class="ft">
+                                <span class="autor">掌握被动</span>
+                                <div class="count">2333</div>
+                            </div>
+                        </div>
+                    </a>
+                </li>
+
+
+            </ul>
+        </div>
+
+    </div>
+</div>

+ 147 - 0
2017专区/艾兰岛/src/modules/cookie/cookie.js

@@ -0,0 +1,147 @@
+    // Cookie
+    // -------------
+    // Thanks to:
+    //  - http://www.nczonline.net/blog/2009/05/05/http-cookies-explained/
+    //  - http://developer.yahoo.com/yui/3/cookie/
+    var Cookie = exports;
+    var decode = decodeURIComponent;
+    var encode = encodeURIComponent;
+    /**
+     * Returns the cookie value for the given name.
+     *
+     * @param {String} name The name of the cookie to retrieve.
+     *
+     * @param {Function|Object} options (Optional) An object containing one or
+     *     more cookie options: raw (true/false) and converter (a function).
+     *     The converter function is run on the value before returning it. The
+     *     function is not used if the cookie doesn't exist. The function can be
+     *     passed instead of the options object for conveniently. When raw is
+     *     set to true, the cookie value is not URI decoded.
+     *
+     * @return {*} If no converter is specified, returns a string or undefined
+     *     if the cookie doesn't exist. If the converter is specified, returns
+     *     the value returned from the converter.
+     */
+    Cookie.get = function(name, options) {
+        validateCookieName(name);
+        if (typeof options === "function") {
+            options = {
+                converter: options
+            };
+        } else {
+            options = options || {};
+        }
+        var cookies = parseCookieString(document.cookie, !options["raw"]);
+        return (options.converter || same)(cookies[name]);
+    };
+    /**
+     * Sets a cookie with a given name and value.
+     *
+     * @param {string} name The name of the cookie to set.
+     *
+     * @param {*} value The value to set for the cookie.
+     *
+     * @param {Object} options (Optional) An object containing one or more
+     *     cookie options: path (a string), domain (a string),
+     *     expires (number or a Date object), secure (true/false),
+     *     and raw (true/false). Setting raw to true indicates that the cookie
+     *     should not be URI encoded before being set.
+     *
+     * @return {string} The created cookie string.
+     */
+    Cookie.set = function(name, value, options) {
+        validateCookieName(name);
+        options = options || {};
+        var expires = options["expires"];
+        var domain = options["domain"];
+        var path = options["path"];
+        if (!options["raw"]) {
+            value = encode(String(value));
+        }
+        var text = name + "=" + value;
+        // expires
+        var date = expires;
+        if (typeof date === "number") {
+            date = new Date();
+            date.setDate(date.getDate() + expires);
+        }
+        if (date instanceof Date) {
+            text += "; expires=" + date.toUTCString();
+        }
+        // domain
+        if (isNonEmptyString(domain)) {
+            text += "; domain=" + domain;
+        }
+        // path
+        if (isNonEmptyString(path)) {
+            text += "; path=" + path;
+        }
+        // secure
+        if (options["secure"]) {
+            text += "; secure";
+        }
+        document.cookie = text;
+        return text;
+    };
+    /**
+     * Removes a cookie from the machine by setting its expiration date to
+     * sometime in the past.
+     *
+     * @param {string} name The name of the cookie to remove.
+     *
+     * @param {Object} options (Optional) An object containing one or more
+     *     cookie options: path (a string), domain (a string),
+     *     and secure (true/false). The expires option will be overwritten
+     *     by the method.
+     *
+     * @return {string} The created cookie string.
+     */
+    Cookie.remove = function(name, options) {
+        options = options || {};
+        options["expires"] = new Date(0);
+        return this.set(name, "", options);
+    };
+    function parseCookieString(text, shouldDecode) {
+        var cookies = {};
+        if (isString(text) && text.length > 0) {
+            var decodeValue = shouldDecode ? decode : same;
+            var cookieParts = text.split(/;\s/g);
+            var cookieName;
+            var cookieValue;
+            var cookieNameValue;
+            for (var i = 0, len = cookieParts.length; i < len; i++) {
+                // Check for normally-formatted cookie (name-value)
+                cookieNameValue = cookieParts[i].match(/([^=]+)=/i);
+                if (cookieNameValue instanceof Array) {
+                    try {
+                        cookieName = decode(cookieNameValue[1]);
+                        cookieValue = decodeValue(cookieParts[i].substring(cookieNameValue[1].length + 1));
+                    } catch (ex) {}
+                } else {
+                    // Means the cookie does not have an "=", so treat it as
+                    // a boolean flag
+                    cookieName = decode(cookieParts[i]);
+                    cookieValue = "";
+                }
+                if (cookieName) {
+                    cookies[cookieName] = cookieValue;
+                }
+            }
+        }
+        return cookies;
+    }
+    // Helpers
+    function isString(o) {
+        return typeof o === "string";
+    }
+    function isNonEmptyString(s) {
+        return isString(s) && s !== "";
+    }
+    function validateCookieName(name) {
+        if (!isNonEmptyString(name)) {
+            throw new TypeError("Cookie name must be a non-empty string");
+        }
+    }
+    function same(s) {
+        return s;
+    }

+ 1276 - 0
2017专区/艾兰岛/src/modules/dialog/dialog.js

@@ -0,0 +1,1276 @@
+!(function () {
+
+var __modules__ = {};
+
+function _require (id) {
+    var mod = __modules__[id];
+    var exports = 'exports';
+
+    if (typeof mod === 'object') {
+        return mod;
+    }
+
+    if (!mod[exports]) {
+        mod[exports] = {};
+        mod[exports] = mod.call(mod[exports], _require, mod[exports], mod) || mod[exports];
+    }
+
+    return mod[exports];
+}
+
+function _define (path, fn) {
+    __modules__[path] = fn;
+}
+
+
+
+_define("jquery", function () {
+    return $;
+});
+
+
+/*!
+ * PopupJS
+ * Date: 2014-11-09
+ * https://github.com/aui/popupjs
+ * (c) 2009-2014 TangBin, http://www.planeArt.cn
+ *
+ * This is licensed under the GNU LGPL, version 2.1 or later.
+ * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
+ */
+
+_define("popup", function (_require) {
+
+var $ = _require("jquery");
+
+var _count = 0;
+var _isIE6 = !('minWidth' in $('html')[0].style);
+var _isFixed = !_isIE6;
+
+
+function Popup () {
+
+    this.destroyed = false;
+
+
+    this.__popup = $('<div />')
+    /*使用 <dialog /> 元素可能导致 z-index 永远置顶的问题(chrome)*/
+    .css({
+        display: 'none',
+        position: 'absolute',
+        /*
+        left: 0,
+        top: 0,
+        bottom: 'auto',
+        right: 'auto',
+        margin: 0,
+        padding: 0,
+        border: '0 none',
+        background: 'transparent'
+        */
+        outline: 0
+    })
+    .attr('tabindex', '-1')
+    .html(this.innerHTML)
+    .appendTo('body');
+
+
+    this.__backdrop = this.__mask = $('<div />')
+    .css({
+        opacity: .7,
+        background: '#000'
+    });
+
+
+    // 使用 HTMLElement 作为外部接口使用,而不是 jquery 对象
+    // 统一的接口利于未来 Popup 移植到其他 DOM 库中
+    this.node = this.__popup[0];
+    this.backdrop = this.__backdrop[0];
+
+    _count ++;
+}
+
+
+$.extend(Popup.prototype, {
+    
+    /**
+     * 初始化完毕事件,在 show()、showModal() 执行
+     * @name Popup.prototype.onshow
+     * @event
+     */
+
+    /**
+     * 关闭事件,在 close() 执行
+     * @name Popup.prototype.onclose
+     * @event
+     */
+
+    /**
+     * 销毁前事件,在 remove() 前执行
+     * @name Popup.prototype.onbeforeremove
+     * @event
+     */
+
+    /**
+     * 销毁事件,在 remove() 执行
+     * @name Popup.prototype.onremove
+     * @event
+     */
+
+    /**
+     * 重置事件,在 reset() 执行
+     * @name Popup.prototype.onreset
+     * @event
+     */
+
+    /**
+     * 焦点事件,在 foucs() 执行
+     * @name Popup.prototype.onfocus
+     * @event
+     */
+
+    /**
+     * 失焦事件,在 blur() 执行
+     * @name Popup.prototype.onblur
+     * @event
+     */
+
+    /** 浮层 DOM 素节点[*] */
+    node: null,
+
+    /** 遮罩 DOM 节点[*] */
+    backdrop: null,
+
+    /** 是否开启固定定位[*] */
+    fixed: false,
+
+    /** 判断对话框是否删除[*] */
+    destroyed: true,
+
+    /** 判断对话框是否显示 */
+    open: false,
+
+    /** close 返回值 */
+    returnValue: '',
+
+    /** 是否自动聚焦 */
+    autofocus: true,
+
+    /** 对齐方式[*] */
+    align: 'bottom left',
+
+    /** 内部的 HTML 字符串 */
+    innerHTML: '',
+
+    /** CSS 类名 */
+    className: 'ui-popup',
+
+    /**
+     * 显示浮层
+     * @param   {HTMLElement, Event}  指定位置(可选)
+     */
+    show: function (anchor) {
+
+        if (this.destroyed) {
+            return this;
+        }
+
+        var that = this;
+        var popup = this.__popup;
+        var backdrop = this.__backdrop;
+
+        this.__activeElement = this.__getActive();
+
+        this.open = true;
+        this.follow = anchor || this.follow;
+
+
+        // 初始化 show 方法
+        if (!this.__ready) {
+
+            popup
+            .addClass(this.className)
+            .attr('role', this.modal ? 'alertdialog' : 'dialog')
+            .css('position', this.fixed ? 'fixed' : 'absolute');
+
+            if (!_isIE6) {
+                $(window).on('resize', $.proxy(this.reset, this));
+            }
+
+            // 模态浮层的遮罩
+            if (this.modal) {
+                var backdropCss = {
+                    position: 'fixed',
+                    left: 0,
+                    top: 0,
+                    width: '100%',
+                    height: '100%',
+                    overflow: 'hidden',
+                    userSelect: 'none',
+                    zIndex: this.zIndex || Popup.zIndex
+                };
+
+
+                popup.addClass(this.className + '-modal');
+
+
+                if (!_isFixed) {
+                    $.extend(backdropCss, {
+                        position: 'absolute',
+                        width: $(window).width() + 'px',
+                        height: $(document).height() + 'px'
+                    });
+                }
+
+
+                backdrop
+                .css(backdropCss)
+                .attr({tabindex: '0'})
+                .on('focus', $.proxy(this.focus, this));
+
+                // 锁定 tab 的焦点操作
+                this.__mask = backdrop
+                .clone(true)
+                .attr('style', '')
+                .insertAfter(popup);
+
+                backdrop
+                .addClass(this.className + '-backdrop')
+                .insertBefore(popup);
+
+                this.__ready = true;
+            }
+
+
+            if (!popup.html()) {
+                popup.html(this.innerHTML);
+            }
+        }
+
+
+        popup
+        .addClass(this.className + '-show')
+        .show();
+
+        backdrop.show();
+
+
+        this.reset().focus();
+        this.__dispatchEvent('show');
+
+        return this;
+    },
+
+
+    /** 显示模态浮层。参数参见 show() */
+    showModal: function () {
+        this.modal = true;
+        return this.show.apply(this, arguments);
+    },
+    
+    
+    /** 关闭浮层 */
+    close: function (result) {
+        
+        if (!this.destroyed && this.open) {
+            
+            if (result !== undefined) {
+                this.returnValue = result;
+            }
+            
+            this.__popup.hide().removeClass(this.className + '-show');
+            this.__backdrop.hide();
+            this.open = false;
+            this.blur();// 恢复焦点,照顾键盘操作的用户
+            this.__dispatchEvent('close');
+        }
+    
+        return this;
+    },
+
+
+    /** 销毁浮层 */
+    remove: function () {
+
+        if (this.destroyed) {
+            return this;
+        }
+
+        this.__dispatchEvent('beforeremove');
+        
+        if (Popup.current === this) {
+            Popup.current = null;
+        }
+
+
+        // 从 DOM 中移除节点
+        this.__popup.remove();
+        this.__backdrop.remove();
+        this.__mask.remove();
+
+
+        if (!_isIE6) {
+            $(window).off('resize', this.reset);
+        }
+
+
+        this.__dispatchEvent('remove');
+
+        for (var i in this) {
+            delete this[i];
+        }
+
+        return this;
+    },
+
+
+    /** 重置位置 */
+    reset: function () {
+
+        var elem = this.follow;
+
+        if (elem) {
+            this.__follow(elem);
+        } else {
+            this.__center();
+        }
+
+        this.__dispatchEvent('reset');
+
+        return this;
+    },
+
+
+    /** 让浮层获取焦点 */
+    focus: function () {
+
+        var node = this.node;
+        var popup = this.__popup;
+        var current = Popup.current;
+        var index = this.zIndex = Popup.zIndex ++;
+
+        if (current && current !== this) {
+            current.blur(false);
+        }
+
+        // 检查焦点是否在浮层里面
+        if (!$.contains(node, this.__getActive())) {
+            var autofocus = popup.find('[autofocus]')[0];
+
+            if (!this._autofocus && autofocus) {
+                this._autofocus = true;
+            } else {
+                autofocus = node;
+            }
+
+            this.__focus(autofocus);
+        }
+
+        // 设置叠加高度
+        popup.css('zIndex', index);
+        //this.__backdrop.css('zIndex', index);
+
+        Popup.current = this;
+        popup.addClass(this.className + '-focus');
+
+        this.__dispatchEvent('focus');
+
+        return this;
+    },
+
+
+    /** 让浮层失去焦点。将焦点退还给之前的元素,照顾视力障碍用户 */
+    blur: function () {
+
+        var activeElement = this.__activeElement;
+        var isBlur = arguments[0];
+
+
+        if (isBlur !== false) {
+            this.__focus(activeElement);
+        }
+
+        this._autofocus = false;
+        this.__popup.removeClass(this.className + '-focus');
+        this.__dispatchEvent('blur');
+
+        return this;
+    },
+
+
+    /**
+     * 添加事件
+     * @param   {String}    事件类型
+     * @param   {Function}  监听函数
+     */
+    addEventListener: function (type, callback) {
+        this.__getEventListener(type).push(callback);
+        return this;
+    },
+
+
+    /**
+     * 删除事件
+     * @param   {String}    事件类型
+     * @param   {Function}  监听函数
+     */
+    removeEventListener: function (type, callback) {
+        var listeners = this.__getEventListener(type);
+        for (var i = 0; i < listeners.length; i ++) {
+            if (callback === listeners[i]) {
+                listeners.splice(i--, 1);
+            }
+        }
+        return this;
+    },
+
+
+    // 获取事件缓存
+    __getEventListener: function (type) {
+        var listener = this.__listener;
+        if (!listener) {
+            listener = this.__listener = {};
+        }
+        if (!listener[type]) {
+            listener[type] = [];
+        }
+        return listener[type];
+    },
+
+
+    // 派发事件
+    __dispatchEvent: function (type) {
+        var listeners = this.__getEventListener(type);
+
+        if (this['on' + type]) {
+            this['on' + type]();
+        }
+
+        for (var i = 0; i < listeners.length; i ++) {
+            listeners[i].call(this);
+        }
+    },
+
+
+    // 对元素安全聚焦
+    __focus: function (elem) {
+        // 防止 iframe 跨域无权限报错
+        // 防止 IE 不可见元素报错
+        try {
+            // ie11 bug: iframe 页面点击会跳到顶部
+            if (this.autofocus && !/^iframe$/i.test(elem.nodeName)) {
+                elem.focus();
+            }
+        } catch (e) {}
+    },
+
+
+    // 获取当前焦点的元素
+    __getActive: function () {
+        try {// try: ie8~9, iframe #26
+            var activeElement = document.activeElement;
+            var contentDocument = activeElement.contentDocument;
+            var elem = contentDocument && contentDocument.activeElement || activeElement;
+            return elem;
+        } catch (e) {}
+    },
+
+
+    // 居中浮层
+    __center: function () {
+    
+        var popup = this.__popup;
+        var $window = $(window);
+        var $document = $(document);
+        var fixed = this.fixed;
+        var dl = fixed ? 0 : $document.scrollLeft();
+        var dt = fixed ? 0 : $document.scrollTop();
+        var ww = $window.width();
+        var wh = $window.height();
+        var ow = popup.width();
+        var oh = popup.height();
+        var left = (ww - ow) / 2 + dl;
+        var top = (wh - oh) * 382 / 1000 + dt;// 黄金比例
+        var style = popup[0].style;
+
+        
+        style.left = Math.max(parseInt(left), dl) + 'px';
+        style.top = Math.max(parseInt(top), dt) + 'px';
+    },
+    
+    
+    // 指定位置 @param    {HTMLElement, Event}  anchor
+    __follow: function (anchor) {
+        
+        var $elem = anchor.parentNode && $(anchor);
+        var popup = this.__popup;
+        
+
+        if (this.__followSkin) {
+            popup.removeClass(this.__followSkin);
+        }
+
+
+        // 隐藏元素不可用
+        if ($elem) {
+            var o = $elem.offset();
+            if (o.left * o.top < 0) {
+                return this.__center();
+            }
+        }
+        
+        var that = this;
+        var fixed = this.fixed;
+
+        var $window = $(window);
+        var $document = $(document);
+        var winWidth = $window.width();
+        var winHeight = $window.height();
+        var docLeft =  $document.scrollLeft();
+        var docTop = $document.scrollTop();
+
+
+        var popupWidth = popup.width();
+        var popupHeight = popup.height();
+        var width = $elem ? $elem.outerWidth() : 0;
+        var height = $elem ? $elem.outerHeight() : 0;
+        var offset = this.__offset(anchor);
+        var x = offset.left;
+        var y = offset.top;
+        var left =  fixed ? x - docLeft : x;
+        var top = fixed ? y - docTop : y;
+
+
+        var minLeft = fixed ? 0 : docLeft;
+        var minTop = fixed ? 0 : docTop;
+        var maxLeft = minLeft + winWidth - popupWidth;
+        var maxTop = minTop + winHeight - popupHeight;
+
+
+        var css = {};
+        var align = this.align.split(' ');
+        var className = this.className + '-';
+        var reverse = {top: 'bottom', bottom: 'top', left: 'right', right: 'left'};
+        var name = {top: 'top', bottom: 'top', left: 'left', right: 'left'};
+
+
+        var temp = [{
+            top: top - popupHeight,
+            bottom: top + height,
+            left: left - popupWidth,
+            right: left + width
+        }, {
+            top: top,
+            bottom: top - popupHeight + height,
+            left: left,
+            right: left - popupWidth + width
+        }];
+
+
+        var center = {
+            left: left + width / 2 - popupWidth / 2,
+            top: top + height / 2 - popupHeight / 2
+        };
+
+        
+        var range = {
+            left: [minLeft, maxLeft],
+            top: [minTop, maxTop]
+        };
+
+
+        // 超出可视区域重新适应位置
+        $.each(align, function (i, val) {
+
+            // 超出右或下边界:使用左或者上边对齐
+            if (temp[i][val] > range[name[val]][1]) {
+                val = align[i] = reverse[val];
+            }
+
+            // 超出左或右边界:使用右或者下边对齐
+            if (temp[i][val] < range[name[val]][0]) {
+                align[i] = reverse[val];
+            }
+
+        });
+
+
+        // 一个参数的情况
+        if (!align[1]) {
+            name[align[1]] = name[align[0]] === 'left' ? 'top' : 'left';
+            temp[1][align[1]] = center[name[align[1]]];
+        }
+
+
+        //添加follow的css, 为了给css使用
+        className += align.join('-') + ' '+ this.className+ '-follow';
+        
+        that.__followSkin = className;
+
+
+        if ($elem) {
+            popup.addClass(className);
+        }
+
+        
+        css[name[align[0]]] = parseInt(temp[0][align[0]]);
+        css[name[align[1]]] = parseInt(temp[1][align[1]]);
+        popup.css(css);
+
+    },
+
+
+    // 获取元素相对于页面的位置(包括iframe内的元素)
+    // 暂时不支持两层以上的 iframe 套嵌
+    __offset: function (anchor) {
+
+        var isNode = anchor.parentNode;
+        var offset = isNode ? $(anchor).offset() : {
+            left: anchor.pageX,
+            top: anchor.pageY
+        };
+
+
+        anchor = isNode ? anchor : anchor.target;
+        var ownerDocument = anchor.ownerDocument;
+        var defaultView = ownerDocument.defaultView || ownerDocument.parentWindow;
+        
+        if (defaultView == window) {// IE <= 8 只能使用两个等于号
+            return offset;
+        }
+
+        // {Element: Ifarme}
+        var frameElement = defaultView.frameElement;
+        var $ownerDocument = $(ownerDocument);
+        var docLeft =  $ownerDocument.scrollLeft();
+        var docTop = $ownerDocument.scrollTop();
+        var frameOffset = $(frameElement).offset();
+        var frameLeft = frameOffset.left;
+        var frameTop = frameOffset.top;
+        
+        return {
+            left: offset.left + frameLeft - docLeft,
+            top: offset.top + frameTop - docTop
+        };
+    }
+    
+});
+
+
+/** 当前叠加高度 */
+Popup.zIndex = 1024;
+
+
+/** 顶层浮层的实例 */
+Popup.current = null;
+
+
+return Popup;
+
+});
+
+// artDialog - 默认配置
+_define("dialog-config", {
+
+    /* -----已注释的配置继承自 popup.js,仍可以再这里重新定义它----- */
+
+    // 对齐方式
+    //align: 'bottom left',
+    
+    // 是否固定定位
+    //fixed: false,
+    
+    // 对话框叠加高度值(重要:此值不能超过浏览器最大限制)
+    //zIndex: 1024,
+
+    // 设置遮罩背景颜色
+    backdropBackground: '#000',
+
+    // 设置遮罩透明度
+    backdropOpacity: 0.7,
+
+    // 消息内容
+    content: '<span class="ui-dialog-loading">Loading..</span>',
+    
+    // 标题
+    title: '',
+
+    // 对话框状态栏区域 HTML 代码
+    statusbar: '',
+    
+    // 自定义按钮
+    button: null,
+    
+    // 确定按钮回调函数
+    ok: null,
+    
+    // 取消按钮回调函数
+    cancel: null,
+
+    // 确定按钮文本
+    okValue: 'ok',
+    
+    // 取消按钮文本
+    cancelValue: 'cancel',
+
+    cancelDisplay: true,
+    
+    // 内容宽度
+    width: '',
+    
+    // 内容高度
+    height: '',
+    
+    // 内容与边界填充距离
+    padding: '',
+    
+    // 对话框自定义 className
+    skin: '',
+
+    // 是否支持快捷关闭(点击遮罩层自动关闭)
+    quickClose: false,
+
+    // css 文件路径,留空则不会使用 js 自动加载样式
+    // 注意:css 只允许加载一个
+    cssUri: '../css/ui-dialog.css',
+
+    // 模板(使用 table 解决 IE7 宽度自适应的 BUG)
+    // js 使用 i="***" 属性识别结构,其余的均可自定义
+    innerHTML:
+        '<div i="dialog" class="ui-dialog">'
+        +       '<div class="ui-dialog-arrow-a"></div>'
+        +       '<div class="ui-dialog-arrow-b"></div>'
+        +       '<table class="ui-dialog-grid">'
+        +           '<tr>'
+        +               '<td i="header" class="ui-dialog-header">'
+        +                   '<button i="close" class="ui-dialog-close">&#215;</button>'
+        +                   '<div i="title" class="ui-dialog-title"></div>'
+        +               '</td>'
+        +           '</tr>'
+        +           '<tr>'
+        +               '<td i="body" class="ui-dialog-body">'
+        +                   '<div i="content" class="ui-dialog-content"></div>'
+        +               '</td>'
+        +           '</tr>'
+        +           '<tr>'
+        +               '<td i="footer" class="ui-dialog-footer">'
+        +                   '<div i="statusbar" class="ui-dialog-statusbar"></div>'
+        +                   '<div i="button" class="ui-dialog-button"></div>'
+        +               '</td>'
+        +           '</tr>'
+        +       '</table>'
+        +'</div>'
+    
+});
+
+/*!
+ * artDialog
+ * Date: 2014-11-09
+ * https://github.com/aui/artDialog
+ * (c) 2009-2014 TangBin, http://www.planeArt.cn
+ *
+ * This is licensed under the GNU LGPL, version 2.1 or later.
+ * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
+ */
+_define("dialog", function (_require) {
+
+var $ = _require("jquery");
+var Popup = _require("popup");
+var defaults = _require("dialog-config");
+var css = defaults.cssUri;
+
+
+// css loader: RequireJS & SeaJS
+if (css) {
+    var fn = _require[_require.toUrl ? 'toUrl' : 'resolve'];
+    if (fn) {
+        css = fn(css);
+        css = '<link rel="stylesheet" href="' + css + '" />';
+        if ($('base')[0]) {
+            $('base').before(css);
+        } else {
+            $('head').append(css);
+        } 
+    }
+}
+
+
+var _count = 0;
+var _expando = new Date() - 0; // Date.now()
+var _isIE6 = !('minWidth' in $('html')[0].style);
+var _isMobile = 'createTouch' in document && !('onmousemove' in document)
+    || /(iPhone|iPad|iPod)/i.test(navigator.userAgent);
+var _isFixed = !_isIE6 && !_isMobile;
+
+
+var artDialog = function (options, ok, cancel) {
+
+    var originalOptions = options = options || {};
+    
+
+    if (typeof options === 'string' || options.nodeType === 1) {
+    
+        options = {content: options, fixed: !_isMobile};
+    }
+    
+
+    options = $.extend(true, {}, artDialog.defaults, options);
+    options.original = originalOptions;
+
+    var id = options.id = options.id || _expando + _count;
+    var api = artDialog.get(id);
+    
+    
+    // 如果存在同名的对话框对象,则直接返回
+    if (api) {
+        return api.focus();
+    }
+    
+    
+    // 目前主流移动设备对fixed支持不好,禁用此特性
+    if (!_isFixed) {
+        options.fixed = false;
+    }
+
+
+    // 快捷关闭支持:点击对话框外快速关闭对话框
+    if (options.quickClose) {
+        options.modal = true;
+        options.backdropOpacity = 0;
+    }
+    
+
+    // 按钮组
+    if (!$.isArray(options.button)) {
+        options.button = [];
+    }
+
+
+    // 取消按钮
+    if (cancel !== undefined) {
+        options.cancel = cancel;
+    }
+    
+    if (options.cancel) {
+        options.button.push({
+            id: 'cancel',
+            value: options.cancelValue,
+            callback: options.cancel,
+            display: options.cancelDisplay
+        });
+    }
+    
+    
+    // 确定按钮
+    if (ok !== undefined) {
+        options.ok = ok;
+    }
+    
+    if (options.ok) {
+        options.button.push({
+            id: 'ok',
+            value: options.okValue,
+            callback: options.ok,
+            autofocus: true
+        });
+    }
+    
+
+    return artDialog.list[id] = new artDialog.create(options);
+};
+
+var popup = function () {};
+popup.prototype = Popup.prototype;
+var prototype = artDialog.prototype = new popup();
+
+artDialog.create = function (options) {
+    var that = this;
+
+    $.extend(this, new Popup());
+
+    var originalOptions = options.original;
+    var $popup = $(this.node).html(options.innerHTML);
+    var $backdrop = $(this.backdrop);
+
+    this.options = options;
+    this._popup = $popup;
+
+    
+    $.each(options, function (name, value) {
+        if (typeof that[name] === 'function') {
+            that[name](value);
+        } else {
+            that[name] = value;
+        }
+    });
+
+
+    // 更新 zIndex 全局配置
+    if (options.zIndex) {
+        Popup.zIndex = options.zIndex;
+    }
+
+
+    // 设置 ARIA 信息
+    $popup.attr({
+        'aria-labelledby': this._$('title')
+            .attr('id', 'title:' + this.id).attr('id'),
+        'aria-describedby': this._$('content')
+            .attr('id', 'content:' + this.id).attr('id')
+    });
+
+
+    // 关闭按钮
+    this._$('close')
+    .css('display', this.cancel === false ? 'none' : '')
+    .attr('title', this.cancelValue)
+    .on('click', function (event) {
+        that._trigger('cancel');
+        event.preventDefault();
+    });
+    
+
+    // 添加视觉参数
+    this._$('dialog').addClass(this.skin);
+    this._$('body').css('padding', this.padding);
+
+
+    // 点击任意空白处关闭对话框
+    if (options.quickClose) {
+        $backdrop
+        .on(
+            'onmousedown' in document ? 'mousedown' : 'click',
+            function () {
+            that._trigger('cancel');
+            return false;// 阻止抢夺焦点
+        });
+    }
+
+
+    // 遮罩设置
+    this.addEventListener('show', function () {
+        $backdrop.css({
+            opacity: 0,
+            background: options.backdropBackground
+        }).animate(
+            {opacity: options.backdropOpacity}
+        , 150);
+    });
+
+
+    // ESC 快捷键关闭对话框
+    this._esc = function (event) {
+        var target = event.target;
+        var nodeName = target.nodeName;
+        var rinput = /^input|textarea$/i;
+        var isTop = Popup.current === that;
+        var keyCode = event.keyCode;
+
+        // 避免输入状态中 ESC 误操作关闭
+        if (!isTop || rinput.test(nodeName) && target.type !== 'button') {
+            return;
+        }
+        
+        if (keyCode === 27) {
+            that._trigger('cancel');
+        }
+    };
+
+    // 点击遮罩层关闭弹窗
+    $(this.__mask).on("click", function() {
+        that._trigger('cancel');
+    })
+
+    $(document).on('keydown', this._esc);
+    this.addEventListener('remove', function () {
+        $(document).off('keydown', this._esc);
+        delete artDialog.list[this.id];
+    });
+
+
+    _count ++;
+    
+    artDialog.oncreate(this);
+
+    return this;
+};
+
+
+artDialog.create.prototype = prototype;
+
+
+
+$.extend(prototype, {
+
+    /**
+     * 显示对话框
+     * @name artDialog.prototype.show
+     * @param   {HTMLElement Object, Event Object}  指定位置(可选)
+     */
+    
+    /**
+     * 显示对话框(模态)
+     * @name artDialog.prototype.showModal
+     * @param   {HTMLElement Object, Event Object}  指定位置(可选)
+     */
+
+    /**
+     * 关闭对话框
+     * @name artDialog.prototype.close
+     * @param   {String, Number}    返回值,可被 onclose 事件收取(可选)
+     */
+
+    /**
+     * 销毁对话框
+     * @name artDialog.prototype.remove
+     */
+
+    /**
+     * 重置对话框位置
+     * @name artDialog.prototype.reset
+     */
+
+    /**
+     * 让对话框聚焦(同时置顶)
+     * @name artDialog.prototype.focus
+     */
+
+    /**
+     * 让对话框失焦(同时置顶)
+     * @name artDialog.prototype.blur
+     */
+
+    /**
+     * 添加事件
+     * @param   {String}    事件类型
+     * @param   {Function}  监听函数
+     * @name artDialog.prototype.addEventListener
+     */
+
+    /**
+     * 删除事件
+     * @param   {String}    事件类型
+     * @param   {Function}  监听函数
+     * @name artDialog.prototype.removeEventListener
+     */
+
+    /**
+     * 对话框显示事件,在 show()、showModal() 执行
+     * @name artDialog.prototype.onshow
+     * @event
+     */
+
+    /**
+     * 关闭事件,在 close() 执行
+     * @name artDialog.prototype.onclose
+     * @event
+     */
+
+    /**
+     * 销毁前事件,在 remove() 前执行
+     * @name artDialog.prototype.onbeforeremove
+     * @event
+     */
+
+    /**
+     * 销毁事件,在 remove() 执行
+     * @name artDialog.prototype.onremove
+     * @event
+     */
+
+    /**
+     * 重置事件,在 reset() 执行
+     * @name artDialog.prototype.onreset
+     * @event
+     */
+
+    /**
+     * 焦点事件,在 foucs() 执行
+     * @name artDialog.prototype.onfocus
+     * @event
+     */
+
+    /**
+     * 失焦事件,在 blur() 执行
+     * @name artDialog.prototype.onblur
+     * @event
+     */
+
+    
+    /**
+     * 设置内容
+     * @param    {String, HTMLElement}   内容
+     */
+    content: function (html) {
+    
+        var $content = this._$('content');
+
+        // HTMLElement
+        if (typeof html === 'object') {
+            html = $(html);
+            $content.empty('').append(html.show());
+            this.addEventListener('beforeremove', function () {
+                $('body').append(html.hide());
+            });
+        // String
+        } else {
+            $content.html(html);
+        }
+                
+        return this.reset();
+    },
+    
+    
+    /**
+     * 设置标题
+     * @param    {String}   标题内容
+     */
+    title: function (text) {
+        this._$('title').text(text);
+        this._$('header')[text ? 'show' : 'hide']();
+        return this;
+    },
+
+
+    /** 设置宽度 */
+    width: function (value) {
+        this._$('content').css('width', value);
+        return this.reset();
+    },
+
+
+    /** 设置高度 */
+    height: function (value) {
+        this._$('content').css('height', value);
+        return this.reset();
+    },
+
+
+    /**
+     * 设置按钮组
+     * @param   {Array, String}
+     * Options: value, callback, autofocus, disabled 
+     */
+    button: function (args) {
+        args = args || [];
+        var that = this;
+        var html = '';
+        var number = 0;
+        this.callbacks = {};
+        
+           
+        if (typeof args === 'string') {
+            html = args;
+            number ++;
+        } else {
+            $.each(args, function (i, val) {
+
+                var id = val.id = val.id || val.value;
+                var style = '';
+                that.callbacks[id] = val.callback;
+
+
+                if (val.display === false) {
+                    style = ' style="display:none"';
+                } else {
+                    number ++;
+                }
+
+                html +=
+                  '<button'
+                + ' type="button"'
+                + ' i-id="' + id + '"'
+                + style
+                + (val.disabled ? ' disabled' : '')
+                + (val.autofocus ? ' autofocus class="ui-dialog-autofocus"' : '')
+                + '>'
+                +   val.value
+                + '</button>';
+
+                that._$('button')
+                .on('click', '[i-id=' + id +']', function (event) {                
+                    var $this = $(this);
+                    if (!$this.attr('disabled')) {// IE BUG
+                        that._trigger(id);
+                    }
+                
+                    event.preventDefault();
+                });
+
+            });
+        }
+
+        this._$('button').html(html);
+        this._$('footer')[number ? 'show' : 'hide']();
+
+        return this;
+    },
+
+
+    statusbar: function (html) {
+        this._$('statusbar')
+        .html(html)[html ? 'show' : 'hide']();
+
+        return this;
+    },
+
+
+    _$: function (i) {
+        return this._popup.find('[i=' + i + ']');
+    },
+    
+    
+    // 触发按钮回调函数
+    _trigger: function (id) {
+        var fn = this.callbacks[id];
+            
+        return typeof fn !== 'function' || fn.call(this) !== false ?
+            this.close().remove() : this;
+    }
+    
+});
+
+
+
+artDialog.oncreate = $.noop;
+
+
+
+/** 获取最顶层的对话框API */
+artDialog.getCurrent = function () {
+    return Popup.current;
+};
+
+
+
+/**
+ * 根据 ID 获取某对话框 API
+ * @param    {String}    对话框 ID
+ * @return   {Object}    对话框 API (实例)
+ */
+artDialog.get = function (id) {
+    return id === undefined
+    ? artDialog.list
+    : artDialog.list[id];
+};
+
+artDialog.list = {};
+
+
+
+/**
+ * 默认配置
+ */
+artDialog.defaults = defaults;
+
+
+
+return artDialog;
+
+});
+
+
+
+module.exports = _require("dialog");
+
+})();

File diff suppressed because it is too large
+ 0 - 0
2017专区/艾兰岛/src/modules/dwudbproxy/css/dwLoginPopup.css


File diff suppressed because it is too large
+ 0 - 0
2017专区/艾兰岛/src/modules/dwudbproxy/css/vhuyaLoginPopup.css


+ 490 - 0
2017专区/艾兰岛/src/modules/dwudbproxy/dwudbproxy.js

@@ -0,0 +1,490 @@
+(function(window, $){
+    var Config = {
+        multilogin : {
+            domainMap : [
+                    'video.duowan.com',
+                    'duowan.com'
+                ],
+            domainExcludeMap : [
+                 // 'udbproxy.duowan.com',
+                    'ka.duowan.com'
+                ],    
+            urlMap : [
+                    'http://www.duowan.com/s/test_login.html'
+                ]
+        }      
+    };
+    
+    var Util = {
+        loginCallbacks : $.Callbacks('memory'),
+        intervalHandle : 0,
+        
+        getCookie: function(name) {
+            var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
+            if (arr != null) return decodeURI(arr[2]);
+            return null;
+        },
+
+        isLogin : function(){
+            return Util.getCookie('username') ? true : false;
+        },
+        
+        getUsername : function(){
+            var username = Util.getCookie('username');
+            if(!username) return "";
+
+            var arr = username.split('_', 2);
+            if(!arr || !arr[0]) return username;
+            
+            var nickname = Util.getCookie(arr[0] + '_nickname');
+            if(!nickname|| 'null'==nickname) return username;
+            
+            var prefix = "";
+            if( 'newqq'==arr[0] ){
+                prefix = "[QQ网友]";
+            }else if( 'qq'==arr[0] ){
+                prefix = "[微信网友]";
+            }else if( 'sina'==arr[0] ){
+                prefix = "[微博网友]";
+            }else{
+                prefix = "[多玩网友]";
+            }
+            return prefix+nickname;
+
+        },
+        decorateURL : function(url) {
+            if (url) {
+                if (/^http/.test(url)) {
+                    return url;
+                }
+                var protocol = "http://";
+                if (/^https/.test(top.location.href)) {
+                    protocol = "https://"
+                }
+                return protocol + window.location.host + url
+            } else {
+                url = window.location.href;
+                var pos = url.indexOf("#");
+                if (pos != -1) {
+                    url = url.substring(0, pos)
+                }
+                return url;
+            }
+        },
+        intervalCheckLogin : function(intervalTime, tryNum){
+            if( !intervalTime ) intervalTime =100;
+            if( !tryNum ) tryNum = 3000;
+            
+            var that = this;
+            if( that.isLogin() ){
+                that.loginCallbacks.fire();
+            }else{
+                if(that.intervalHandle){
+                    clearInterval(that.intervalHandle); 
+                }
+                var i = 0;
+                that.intervalHandle = setInterval(function(){
+                    i++;
+                    if( that.isLogin() ) {
+                        clearInterval(that.intervalHandle);
+                        that.loginCallbacks.fire();
+                    }
+                    if( i>tryNum ){
+                       clearInterval(that.intervalHandle); 
+                    }
+                }, intervalTime);                 
+            }           
+        },
+
+        handleSuccessURL : function(successURL, closeLoginFunc, reloadPage){
+            var successFunc = function(){};
+            var reloadPageFunc = function(){};
+            var checkLogin = false;
+            
+            if( 'function' == typeof successURL ){
+                successFunc = successURL;
+                successURL = '/?udbSuccessCallback';
+                checkLogin = true;
+            }
+            successURL = this.decorateURL(successURL);
+            
+            if('function' == typeof reloadPage){
+                reloadPageFunc = function(){
+                   reloadPage(successURL);
+                };
+                checkLogin = true;
+            }
+            
+            if(checkLogin){
+                this.loginCallbacks.empty();
+                this.loginCallbacks.add(closeLoginFunc);
+                this.loginCallbacks.add(reloadPageFunc);
+                this.loginCallbacks.add(successFunc);
+                this.intervalCheckLogin();
+            }            
+            return successURL;
+        },
+        
+        isMobile: function(){
+            return false;
+        },
+        
+        useMultiLogin: function(){
+            //排除的域名
+            for(var i in Config.multilogin.domainExcludeMap){
+                if( -1 != location.hostname.indexOf(Config.multilogin.domainExcludeMap[i])   ){
+                    return false;
+                }
+            }
+            //域名白名单
+            for(var i in Config.multilogin.domainMap){
+                if( -1 != location.hostname.indexOf(Config.multilogin.domainMap[i])   ){
+                    return true;
+                }
+            }
+            for(var i in Config.multilogin.urlMap){
+                if( location.href == Config.multilogin.urlMap[i] ){
+                    return true;
+                }
+            }
+            return true;            
+        }      
+    };
+    
+    function UDBLogin(appid, baseURL){
+        this.appid = appid || 5552;
+        this.baseURL = baseURL || 'http://udbproxy.duowan.com/';
+        this.getAuthorizeURL = this.baseURL + 'getAuthorizeURL?appid=' + this.appid;
+        this.callbackURL     = this.baseURL + 'callback?appid=' + this.appid + '&successURL=';
+        this.denyCallbackURL = this.baseURL + 'denyCallback?appid=' + this.appid;
+        this.getDelCookieURL = this.baseURL + 'getDelCookieURL?appid=' + this.appid;     
+        this.UDBCallbacks = $.Callbacks('memory');
+        
+        this.init();
+    }
+    
+    UDBLogin.prototype = {
+        init : function(){
+            if( Util.isMobile() ){
+                this.loadUDBSdk('MWeb'); 
+            }else{
+                this.loadUDBSdk('PCWeb');    
+            }
+        },
+        
+        loadUDBSdk : function(type){
+            var jsMap = {
+                'PCWeb':'/lgn/js/oauth/udbsdk/pcweb/udb.sdk.pcweb.popup.min.js',
+                'MWeb':'/lgn/js/oauth/udbsdk/mweb/udb.sdk.mweb.embed.min.js'
+            }
+            if( !jsMap[type] ) {
+                type = 'PCWeb';
+            }
+            
+            var that = this;
+            var isLoadUDB = function(){
+                if(window.UDB && window.UDB.sdk && window.UDB.sdk[type]){
+                    that.UDBCallbacks.fire(window.UDB.sdk[type]); 
+                }
+            };
+            
+            if( !isLoadUDB() ){
+                $.ajax({
+                    type : "GET",
+                    url : "http://res.udb.duowan.com/" + jsMap[type],
+                    success: function(){
+                        return isLoadUDB();
+                    },
+                    dataType : "script",
+                    cache : true
+                });
+            }
+        },
+        
+        login : function(successURL){
+            var that = this;
+            successURL = Util.handleSuccessURL(successURL, function(){
+                that.UDBCallbacks.add(function(UDBSdk){
+                    UDBSdk.popupCloseLgn && UDBSdk.popupCloseLgn();
+                });
+            });
+            
+            that.UDBCallbacks.add(function(UDBSdk){
+                UDBSdk.jsonpOpenLgn(that.getAuthorizeURL, that.callbackURL + encodeURIComponent(successURL), encodeURI(that.denyCallbackURL));
+            });
+        },
+                
+        embedLogin : function(sel, successURL, UIStyle, closeLoginFunc) {    
+            var that = this;
+            var eq = $(sel);
+            if (eq.length == 0) return;              
+            eq.each(function(){
+                var thisObj = $(this);
+                if (("function" !=typeof successURL) && !successURL) {
+                    successURL = thisObj.data("callback-url");
+                }
+                successURL = Util.handleSuccessURL(successURL, closeLoginFunc);     
+                $.getJSON(that.getAuthorizeURL+'&jsonpcallback=?', {
+                        callbackURL: that.callbackURL + encodeURIComponent(successURL),
+                        denyCallbackURL: that.denyCallbackURL
+                    }, 
+                    function(data) {
+                        if("1" != data.success) {
+                            alert(data.errMsg);
+                            return;
+                        }  
+                        thisObj.append($('<iframe frameborder="0" scrolling="no" allowtransparency="true"></iframe>').attr("src", data.url + "&rdm=" +  Math.random() + "&UIStyle=" + UIStyle));
+                });
+            });
+        },
+        
+        logout : function(successURL){
+            var that = this;
+            successURL = Util.decorateURL(successURL);
+            $.getJSON(that.getDelCookieURL + '&jsonpcallback=?', function(data) {
+                if("1" != data.success) {
+                    alert(data.errMsg);
+                    return;
+                }           
+                that.UDBCallbacks.add(function(UDBSdk){
+                    UDBSdk.deleteCrossmainCookieWithCallBack(
+                    data.delCookieURL,
+                    function(){
+                        top.location.href = successURL;
+                    });
+                });
+            });
+        }
+    };
+    
+    function ThirdLogin(appid, baseURL, loginStyle){
+        this.appid           = appid || 5764;
+        this.baseURL         = baseURL || 'http://udbproxy.duowan.com/thirdlogin';
+        this.loginStyle      = loginStyle || 'duowan';
+        this.callbackURL     = '';
+        this.denyCallbackURL = '';
+        this.minWindow = null;        
+        this.loginPopupObj = null;
+        this.loginMaskObj = null;
+        
+        this.init();
+    }
+    
+    ThirdLogin.prototype = {    
+        init : function(){
+            if( this.isVhuya() ){
+                this.baseURL = 'http://l.huya.com/udb_web/udbport2.php';
+                this.callbackURL = 'http://'+ window.location.host +'/udbcallback.html?do=front3Callback&successURL=';
+                this.denyCallbackURL = 'http://'+ window.location.host+'udbcallback.html?do=front3DenyCallback';
+            }
+        },
+        
+        isVhuya : function(){
+            return 'vhuya'==this.loginStyle ? true : false;
+        },
+        
+        login : function(successURL){
+            if( this.isVhuya() ){
+                this.initVhuyaLoginPopup(successURL);
+            }else{
+                this.initDuowanLoginPopup(successURL);
+            }
+            this.loginPopupObj.show();
+            this.loginMaskObj.show(); 
+        },
+
+        mobileLogin : function(successURL){
+            this.loginOauth('yy', successURL);       
+        },
+        
+        loginOauth : function(loginType, successURL){
+            var that = this;
+            successURL = Util.handleSuccessURL(successURL, function(){
+                that.closeLoginPopup();
+            }, function(successURL){
+                that.reloadPage(successURL);
+            });
+            
+            if('yy'==loginType){
+                var url = 'http://udbproxy.duowan.com/mobile?calbackUrl=' + encodeURIComponent(successURL);
+            }else if( this.isVhuya() ){
+                callbackURL = encodeURIComponent(this.callbackURL + encodeURIComponent(successURL));
+                denyCallbackURL = encodeURIComponent(this.denyCallbackURL);
+                var url = this.baseURL + "?do=dummy3AuthorizeURL&loginType=" + loginType + "&fcbUrl=" + callbackURL + "&fdcbUrl=" + denyCallbackURL;
+            }else{
+                var url = this.baseURL + "?do=dummy3AuthorizeURL&loginType=" + loginType + "&calbackUrl=" + encodeURIComponent(successURL);
+            }
+            
+            this.minWindow = window.open(url, "_loginWin");
+            this.minWindow.focus();
+        },
+        
+        reloadPage : function(successURL) {
+            var that = this;
+            if( null != that.minWindow ){
+               that.minWindow.close(); 
+            }
+         
+            this.writeOtherDomainCookie(function(){
+                if( !successURL ) {
+                    window.location.reload();
+                }
+                if( /udbSuccessCallback/.test(successURL) ){
+                    that.closeLoginPopup();
+                }else{
+                    window.location.href = successURL;
+                }                              
+            });           
+        },
+        
+        writeOtherDomainCookie : function(callback){
+            var fields = ['udb_n','udb_l','udb_oar','yyuid','username','password','osinfo','oauthCookie',
+                'newqq_nickname','qq_nickname','sina_nickname'
+            ];
+            var params = {}, field='', value='';
+            for(var i in fields){
+                field = fields[i];
+                value = Util.getCookie( field );
+                if( value!= null ){
+                     params[field] = value;
+                }      
+            }
+            if( -1 != location.hostname.indexOf('video.huya.com') ){
+                $.getJSON('http://udbproxy.duowan.com/writeDuowanCookie?callback=?', params, function(){
+                    callback();
+                });
+            }else{
+                callback();
+            }            
+        },
+
+        initVhuyaLoginPopup : function(successURL){
+            if( $(".account-login-pop").length !=0 ) return ;
+            var cssStyle = __inline("./css/vhuyaLoginPopup.css");
+            var vhuyaLoginPopup = __inline("./tpl/vhuyaLoginPopup.tmpl");
+           
+            $("body").append('<style>'+cssStyle+'</style>');
+            $("body").append(vhuyaLoginPopup());           
+            
+            var that = this;
+            that.loginPopupObj = $(".account-login-pop");
+            that.loginMaskObj = $(".account-login-mask");
+            that.loginPopupObj.on("click", ".account-login-yy a",function(e) {
+                e.preventDefault(),
+                that.closeLoginPopup();
+                __UDBLogin.login(successURL);
+            }).on("click", ".account-login-qq a",function(e) {
+                e.preventDefault(),
+                that.loginOauth("qq", successURL)
+            }).on("click", ".account-login-weibo a",function(e) {
+                e.preventDefault(),
+                that.loginOauth("weibo", successURL)
+            }).on("click", ".account-login-pop-close",function(e) {
+                e.preventDefault(),
+                that.closeLoginPopup();
+            });            
+        },
+
+        initDuowanLoginPopup : function(successURL){
+            if( $(".account-login-pop").length !=0 ) return ;
+            var cssStyle = __inline("./css/dwLoginPopup.css");
+            var dwLoginPopup = __inline("./tpl/dwLoginPopup.tmpl");
+           
+            $("body").append('<style>'+cssStyle+'</style>');
+            $("body").append(dwLoginPopup());
+            
+            var that = this;
+            that.loginPopupObj = $(".account-login-pop");
+            that.loginMaskObj = $(".account-login-mask");
+            
+            __UDBLogin.embedLogin("#udbsdk_login_content .udbsdk_login", successURL, 'xelogin', function(){
+                that.closeLoginPopup();
+            });
+            that.loginPopupObj.on("click", ".login-btn-wechat",function(e) {
+                e.preventDefault(),
+                that.loginOauth("weixin", successURL)
+            }).on("click", ".login-btn-qq",function(e) {
+                e.preventDefault(),
+                that.loginOauth("qq", successURL)
+            }).on("click", ".login-btn-weibo",function(e) {
+                e.preventDefault(),
+                that.loginOauth("weibo", successURL)
+            }).on("click", ".close",function(e) {
+                e.preventDefault(),
+                that.closeLoginPopup()
+            });             
+        },
+        closeLoginPopup: function(){
+            if(this.loginPopupObj) this.loginPopupObj.hide();
+            if(this.loginMaskObj) this.loginMaskObj.hide();             
+        }     
+    };
+    
+    var _appid = '', _baseURL = '', _thirdLoginStyle= 'duowan';
+    if( 'ka.duowan.com' == location.hostname ) _appid = 5033;            
+    if('undefined' != typeof UDB_APPID) _appid = UDB_APPID;
+    if('undefined' != typeof UDB_BASEURL) _baseURL = UDB_BASEURL;
+    if( -1 != location.hostname.indexOf('video.huya.com') ) _thirdLoginStyle = 'vhuya';
+
+    var __UDBLogin = new UDBLogin(_appid, _baseURL);
+    var __ThirdLogin = new ThirdLogin(_appid, _baseURL, _thirdLoginStyle);
+
+    var dwUDBProxy = {
+        login: function(successURL){
+            try{
+                if( Util.useMultiLogin() ){
+                   return this.multiLogin(successURL);  
+                }else{
+                   return __UDBLogin.login(successURL);  
+                }                  
+            }catch(e){}       
+        },
+        multiLogin: function(successURL){ 
+            try{ 
+                return __ThirdLogin.login(successURL); 
+            }catch(e){}  
+        },
+        mobileLogin: function(successURL){
+            return __ThirdLogin.mobileLogin(successURL);
+        },
+        logout: function(successURL){ 
+            try{
+                return __UDBLogin.logout(successURL);
+            }catch(e){}             
+        },
+        reloadPage: function(successURL){ 
+            try{
+                //return __ThirdLogin.reloadPage(successURL);
+            }catch(e){}              
+        },
+        isLogin: function(){ 
+            try{
+                return Util.isLogin();
+            }catch(e){
+                return false;
+            }             
+        },
+        getCookie: function(name){ 
+            try{
+                if( 'username'==name ){
+                    return Util.getUsername(); 
+                }else{
+                    return Util.getCookie(name); 
+                }
+            }catch(e){
+                return "";
+            }  
+        },
+        getUsername: function(){ 
+            return Util.getUsername(); 
+        }
+    };
+
+    $(function(){
+        __UDBLogin.embedLogin("#login-embed", '', 'xelogin');
+        __UDBLogin.embedLogin("#mlogin-embed", '', 'xemlogin');        
+    })
+
+    module.exports = dwUDBProxy;
+    window.dwUDBProxy = dwUDBProxy;
+})(window, $);

+ 35 - 0
2017专区/艾兰岛/src/modules/dwudbproxy/tpl/dwLoginPopup.tmpl

@@ -0,0 +1,35 @@
+<div class="account-login-pop">
+    <div class="login">
+        <div class="login-main">
+            <div class="login-hd">
+                <a class="tab-btn active" id="login-btn">登录</a>
+                <a class="tab-btn" id="register-btn" href="https://aq.yy.com/p/reg/mobile.do?fromadv=lgn&appid=5764" target="_blank">注册</a>
+                <i class="line" id="line"></i>
+            </div>
+            <div class="login-bd">
+                <div class="login-content">
+                    <div class="tab-unit" style="display:block;">
+                        <div id="login-tab">
+                            <h2 class="login-title">帐号登录</h2>
+                            <div id="udbsdk_login_content">
+                                <div id="udbsdk_login_normal" class="udbsdk_login"  style="display: block;">
+                                </div>
+                            </div>   
+                        </div>
+                    </div>
+                </div>
+                <i class="login-loading"></i>
+            </div>
+        </div>
+        <div class="login-sidebar">
+            <h2 class="title">合作账号登录</h2>
+            <div class="other-login">
+                <a class="login-btn login-btn-wechat clickstat" eid="click/nav/weixinlogin" eid_desc="点击/导航/微信账号登录"><i class="icon"></i>微信帐号登录</a>
+                <a class="login-btn login-btn-qq hiido_stat clickstat" hiido_code="10003435" eid="click/nav/qqlogin" eid_desc="点击/导航/QQ账号登录" login-type="qq"><i class="icon"></i>QQ帐号登录</a>
+                <a class="login-btn login-btn-weibo hiido_stat clickstat" hiido_code="10003437" eid="click/nav/weibologin" eid_desc="点击/导航/新浪微博登录" login-type="weibo"><i class="icon"></i>微博帐号登录</a>
+            </div>
+        </div>
+    </div>
+    <a class="close" title="关闭"></a>
+</div>
+<div class="account-login-mask" style="display:none;"></div>

+ 13 - 0
2017专区/艾兰岛/src/modules/dwudbproxy/tpl/vhuyaLoginPopup.tmpl

@@ -0,0 +1,13 @@
+<div class="account-login-pop">
+    <h2>帐号登录</h2>
+    <div class="account-login-cont">
+        <div class="account-login-yy"><a href="#" login-type="yy"><i></i>YY账号登录</a></div>
+        <div class="account-login-qq"><a href="#" login-type="qq"><i></i>QQ账号登录</a></div>
+        <div class="account-login-weibo"><a href="#" login-type="weibo"><i></i>新浪微博登录</a></div>
+    </div>
+    <a href="#" class="account-login-pop-close">&times;</a>
+</div>
+<div class="account-login-iframe">
+    <iframe src="about:blank" frameborder="0"></iframe>
+</div>
+<div class="account-login-mask"></div>

+ 242 - 0
2017专区/艾兰岛/src/modules/jquery.lazyload/jquery.lazyload.js

@@ -0,0 +1,242 @@
+/*
+ * Lazy Load - jQuery plugin for lazy loading images
+ *
+ * Copyright (c) 2007-2013 Mika Tuupola
+ *
+ * Licensed under the MIT license:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *
+ * Project home:
+ *   http://www.appelsiini.net/projects/lazyload
+ *
+ * Version:  1.9.1
+ *
+ */
+
+(function($, window, document, undefined) {
+    var $window = $(window);
+
+    $.fn.lazyload = function(options) {
+        var elements = this;
+        var $container;
+        var settings = {
+            threshold       : 0,
+            failure_limit   : 0,
+            event           : "scroll",
+            effect          : "show",
+            container       : window,
+            data_attribute  : "original",
+            skip_invisible  : true,
+            appear          : null,
+            load            : null,
+            placeholder     : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"
+        };
+
+        function update() {
+            var counter = 0;
+
+            elements.each(function() {
+                var $this = $(this);
+                if (settings.skip_invisible && !$this.is(":visible")) {
+                    return;
+                }
+                if ($.abovethetop(this, settings) ||
+                    $.leftofbegin(this, settings)) {
+                        /* Nothing. */
+                } else if (!$.belowthefold(this, settings) &&
+                    !$.rightoffold(this, settings)) {
+                        $this.trigger("appear");
+                        /* if we found an image we'll load, reset the counter */
+                        counter = 0;
+                } else {
+                    if (++counter > settings.failure_limit) {
+                        return false;
+                    }
+                }
+            });
+
+        }
+
+        if(options) {
+            /* Maintain BC for a couple of versions. */
+            if (undefined !== options.failurelimit) {
+                options.failure_limit = options.failurelimit;
+                delete options.failurelimit;
+            }
+            if (undefined !== options.effectspeed) {
+                options.effect_speed = options.effectspeed;
+                delete options.effectspeed;
+            }
+
+            $.extend(settings, options);
+        }
+
+        /* Cache container as jQuery as object. */
+        $container = (settings.container === undefined ||
+                      settings.container === window) ? $window : $(settings.container);
+
+        /* Fire one scroll event per scroll. Not one scroll event per image. */
+        if (0 === settings.event.indexOf("scroll")) {
+            $container.bind(settings.event, function() {
+                return update();
+            });
+        }
+
+        this.each(function() {
+            var self = this;
+            var $self = $(self);
+
+            self.loaded = false;
+
+            /* If no src attribute given use data:uri. */
+            if ($self.attr("src") === undefined || $self.attr("src") === false) {
+                if ($self.is("img")) {
+                    $self.attr("src", settings.placeholder);
+                }
+            }
+
+            /* When appear is triggered load original image. */
+            $self.one("appear", function() {
+                if (!this.loaded) {
+                    if (settings.appear) {
+                        var elements_left = elements.length;
+                        settings.appear.call(self, elements_left, settings);
+                    }
+                    $("<img />")
+                        .bind("load", function() {
+
+                            var original = $self.attr("data-" + settings.data_attribute);
+                            $self.hide();
+                            if ($self.is("img")) {
+                                $self.attr("src", original);
+                            } else {
+                                $self.css("background-image", "url('" + original + "')");
+                            }
+                            $self[settings.effect](settings.effect_speed);
+
+                            self.loaded = true;
+
+                            /* Remove image from array so it is not looped next time. */
+                            var temp = $.grep(elements, function(element) {
+                                return !element.loaded;
+                            });
+                            elements = $(temp);
+
+                            if (settings.load) {
+                                var elements_left = elements.length;
+                                settings.load.call(self, elements_left, settings);
+                            }
+                        })
+                        .attr("src", $self.attr("data-" + settings.data_attribute));
+                }
+            });
+
+            /* When wanted event is triggered load original image */
+            /* by triggering appear.                              */
+            if (0 !== settings.event.indexOf("scroll")) {
+                $self.bind(settings.event, function() {
+                    if (!self.loaded) {
+                        $self.trigger("appear");
+                    }
+                });
+            }
+        });
+
+        /* Check if something appears when window is resized. */
+        $window.bind("resize", function() {
+            update();
+        });
+
+        /* With IOS5 force loading images when navigating with back button. */
+        /* Non optimal workaround. */
+        if ((/(?:iphone|ipod|ipad).*os 5/gi).test(navigator.appVersion)) {
+            $window.bind("pageshow", function(event) {
+                if (event.originalEvent && event.originalEvent.persisted) {
+                    elements.each(function() {
+                        $(this).trigger("appear");
+                    });
+                }
+            });
+        }
+
+        /* Force initial check if images should appear. */
+        $(document).ready(function() {
+            update();
+        });
+
+        return this;
+    };
+
+    /* Convenience methods in jQuery namespace.           */
+    /* Use as  $.belowthefold(element, {threshold : 100, container : window}) */
+
+    $.belowthefold = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = (window.innerHeight ? window.innerHeight : $window.height()) + $window.scrollTop();
+        } else {
+            fold = $(settings.container).offset().top + $(settings.container).height();
+        }
+
+        return fold <= $(element).offset().top - settings.threshold;
+    };
+
+    $.rightoffold = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = $window.width() + $window.scrollLeft();
+        } else {
+            fold = $(settings.container).offset().left + $(settings.container).width();
+        }
+
+        return fold <= $(element).offset().left - settings.threshold;
+    };
+
+    $.abovethetop = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = $window.scrollTop();
+        } else {
+            fold = $(settings.container).offset().top;
+        }
+
+        return fold >= $(element).offset().top + settings.threshold  + $(element).height();
+    };
+
+    $.leftofbegin = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = $window.scrollLeft();
+        } else {
+            fold = $(settings.container).offset().left;
+        }
+
+        return fold >= $(element).offset().left + settings.threshold + $(element).width();
+    };
+
+    $.inviewport = function(element, settings) {
+         return !$.rightoffold(element, settings) && !$.leftofbegin(element, settings) &&
+                !$.belowthefold(element, settings) && !$.abovethetop(element, settings);
+     };
+
+    /* Custom selectors for your convenience.   */
+    /* Use as $("img:below-the-fold").something() or */
+    /* $("img").filter(":below-the-fold").something() which is faster */
+
+    $.extend($.expr[":"], {
+        "below-the-fold" : function(a) { return $.belowthefold(a, {threshold : 0}); },
+        "above-the-top"  : function(a) { return !$.belowthefold(a, {threshold : 0}); },
+        "right-of-screen": function(a) { return $.rightoffold(a, {threshold : 0}); },
+        "left-of-screen" : function(a) { return !$.rightoffold(a, {threshold : 0}); },
+        "in-viewport"    : function(a) { return $.inviewport(a, {threshold : 0}); },
+        /* Maintain BC for couple of versions. */
+        "above-the-fold" : function(a) { return !$.belowthefold(a, {threshold : 0}); },
+        "right-of-fold"  : function(a) { return $.rightoffold(a, {threshold : 0}); },
+        "left-of-fold"   : function(a) { return !$.rightoffold(a, {threshold : 0}); }
+    });
+
+})(jQuery, window, document);

+ 337 - 0
2017专区/艾兰岛/src/modules/pages/artical.js

@@ -0,0 +1,337 @@
+var PhotoSwipe = require('../photoswipe/photoswipe');
+var PhotoSwipeUI_Default  = require('../photoswipe/photoswipe-ui-default');
+
+var catalogTpl = __inline("../../tpl/articleCatalog.tmpl");
+var PhotoSwipe_Tpl = __inline('../photoswipe/photoswipe-dom.tmpl');
+var PhotoSwipe_Css = __inline('../photoswipe/photoswipe.css');
+var PhotoSwipe_Skin = __inline('../photoswipe/default-skin/default-skin.css');
+var seaLoader = require('sealoader');
+
+
+var articleId = $('#article').attr('data-article')
+var articleTitle = $('#title').attr('data-title')
+
+seaLoader(function (seajs) {
+
+
+    //tag切换
+    seajs.use(['arale/switchable/1.0.2/tabs'], function (Tabs) {
+        if($('[data-role="map-rank-tab"]').length) {
+            // 地图排行榜
+            new Tabs({
+                element: '[data-role="map-rank-tab"]',
+                classPrefix: null,
+                activeTriggerClass: 'is-active'
+            });
+        }
+        
+        
+    });
+});
+
+
+
+var V = {
+    init : function(){
+        V.initPhotoSwipe(); 
+        M.getLikeCount()
+        // catalog.init();
+    },
+    //初始化图片预览插件
+    initPhotoSwipe: function() {
+        $("head").append("<style>" + PhotoSwipe_Css + "</style>");
+        $("head").append("<style>" + PhotoSwipe_Skin + "</style>");
+        $("body").append(PhotoSwipe_Tpl);
+    },
+
+    getCookie: function(name){
+	    var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
+	    if (arr != null){
+            return unescape(arr[2]);
+        } 
+        return null;
+    }
+
+    
+}
+
+var C = {
+
+    init : function(){
+        C.initPicPreview();
+        C.tbinit()
+
+        
+        $('.g-body').on('mouseover','.swiper-pagination-switch',function(){
+            $(this).trigger('click');           
+        })
+
+        $('.g-body').on('mouseout','.swiper-pagination',function(){
+            $('.swiper-container a').removeClass('hover')
+        })
+
+        $('.g-body').on('mouseover','.swiper-pagination',function(){
+            $('.swiper-container a').addClass('hover')
+        })
+
+
+        $('.catalog-lv1').on('click', function() {
+            $(this).parent().toggleClass('cur')
+            if($(this).parent().hasClass('cur')) {
+                $(this).parent().find('.lv2-wrap').slideDown()
+            }else {
+                $(this).parent().find('.lv2-wrap').slideUp()
+            }
+            
+        })
+
+
+        $('.btn-like').on('click', function() {
+            var name = 'vote' + articleId + '/2'
+            if(V.getCookie(name)) {
+                alert('你今天已经进行过点赞了,感谢你的参与!')
+            }else {
+                M.handleLike()
+                var Days = 1; // 此 cookie 将被保存 1 天
+				var exp = new Date(); // new Date("December 31, 9998");
+				exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
+				document.cookie = name + "=" + escape(1) + ";expires=" + exp.toGMTString()
+            }
+        })
+    },
+
+    initPicPreview : function(){
+        //点击图片播放大图
+        //图片尺寸小于屏幕,按原尺寸展示,若大于,则按比例铺满屏幕
+        var items = [];
+        var windowHeight = $(window).height();
+        var windowWidth = $(window).width();
+
+        $(".box-bd img").each(function(i, e) {
+            var $this = $(e);
+            var imgUrl = $this.attr("src");
+            var imgAlt = $this.attr("alt");
+
+            items.push({
+                src: imgUrl,
+                alt: imgAlt
+            });
+
+            $("<img/>").attr("src", imgUrl).load(function(){
+                var realWidth = this.width;
+                var realHeight = this.height;
+                var scale = realWidth / realHeight; //图片比例
+                var picWidth,picHeight;
+
+                //横图
+                if (scale>1){ 
+                    picWidth = realWidth;
+                    picHeight = realHeight;
+
+                    if(realWidth > windowWidth) {
+                        picWidth = windowWidth;
+                        picHeight = Math.round(windowWidth / scale);
+                    } else {
+                        picWidth = realWidth;
+                        picHeight = realHeight;
+                    }
+                } 
+
+                //竖图
+                if (scale<=1) { 
+                    if(realHeight > windowWidth) {    
+                        picWidth = realWidth;
+                        picHeight = realHeight;
+                        // picHeight = windowHeight;
+                        // picWidth = Math.round(windowHeight * scale);
+                    } else {
+                        picWidth = realWidth;
+                        picHeight = realHeight;
+                    }
+                }
+
+                items[i]["w"] = picWidth;
+                items[i]["h"] = picHeight;
+            });
+        })
+
+
+        $(".box-bd img").each(function(i, e) {
+            var options = {
+                index: i,
+                bgOpacity : 0.8,
+                pinchToClose :false
+            };
+
+            $(this).click(function(){
+                var gallery = new PhotoSwipe($('.pswp').get(0), PhotoSwipeUI_Default, items, options);
+                gallery.init();
+            });
+        });
+    },
+    tbinit: function(){
+        $('table').each(function(index,ele){
+            if($(ele).attr('width')){
+                return
+            }else{
+                $(ele).addClass('tb100')
+            }
+        })
+    }
+
+}
+
+var M = {
+    handleLike() {
+        $.ajax({
+            url: 'http://vote.duowan.com/vote',
+            data: {
+                justShowSum: 1,
+                articleId: articleId,
+                ramId: new Date().getTime(),
+                type: 2,
+                status: 1,
+                tag: 'normal',
+                channelId: 'ylands',
+                divId: 'ding',
+                isLoad: 0,
+                encode: 'utf-8',
+                title: encodeURIComponent(encodeURIComponent(articleTitle)),
+                url: encodeURIComponent(encodeURIComponent(location.href)),
+                picurl: ''
+            },
+            dataType: 'jsonp',
+            complete: function() {
+                var count = $('#voteCount').text()
+                $('.btn-like').text(count +'个赞')
+            }
+        })
+    },
+    getLikeCount() {
+        $.ajax({
+            url: 'http://vote.duowan.com/vote',
+            data: {
+                justShowSum: 1,
+                articleId: articleId,
+                ramId: new Date().getTime(),
+                type: 2,
+                status: 1,
+                tag: 'normal',
+                channelId: 'ylands',
+                divId: 'ding',
+                isLoad: 0,
+                encode: 'utf-8',
+                title: encodeURIComponent(encodeURIComponent(articleTitle)),
+                url: encodeURIComponent(encodeURIComponent(location.href)),
+            },
+            dataType: 'jsonp'
+        })
+    }
+}
+
+
+$(function(){
+    V.init()
+    C.init()
+})
+
+
+
+
+XPath = {
+	getIEXmlAX:function (){
+		var i,activeXarr;
+		var activeXarr = [
+			"MSXML4.DOMDocument",
+			"MSXML3.DOMDocument",
+			"MSXML2.DOMDocument",
+			"MSXML.DOMDocument",
+			"Microsoft.XmlDom"
+						];
+		for(i=0; i<activeXarr.length; i++){
+			try{
+				var o = new ActiveXObject(activeXarr[i]);
+				return o;
+			}catch(e){}
+		}
+		return false;
+	}
+	,
+	parseXML:function(source){
+		try{
+			var domParser = new DOMParser();
+			var o = domParser.parseFromString(source,'text/xml');
+			return o;
+		}catch(e){
+			try{
+				var o = this.getIEXmlAX();
+				o.loadXML(source);
+				return o;
+			}catch(e){
+				return null;
+			}
+		}
+	}
+	,
+	loadXML:function(path){
+		var xmlDoc=null;
+		if (window.ActiveXObject){
+			xmlDoc=this.getIEXmlAX();
+		}else if (document.implementation && document.implementation.createDocument){
+			xmlDoc=document.implementation.createDocument("","",null);
+		}else{
+			alert('Your browser cannot handle this script');
+		}
+		xmlDoc.async=false;
+		xmlDoc.load(path);
+		return xmlDoc;
+	}
+	,
+	selectNodes:function(doc,path){
+	    var results = [] ;
+	    if( navigator.appName.indexOf('Microsoft')== -1 ){
+			var nodesSnapshot = doc.evaluate(path, doc, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null );
+			for (var i = 0; i < nodesSnapshot.snapshotLength; i++) {
+				var thisElement = nodesSnapshot.snapshotItem(i);
+				results[i]=thisElement;
+			}
+		}
+		else {
+			val = doc.selectNodes(path) ;
+			for (var i = 0; i < val.length; i++) {
+				results[i] = val(i);
+			}
+		}
+		if(results.length==0){return null ;}
+		return results;
+	}
+	,
+	selectSingleNode:function(doc,path){
+	    var result = null ;
+		if( navigator.appName.indexOf('Microsoft')== -1 ){
+			var nodesSnapshot = doc.evaluate(path, doc, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null );
+			for (var i = 0; i < nodesSnapshot.snapshotLength; i++) {
+			    var thisElement = nodesSnapshot.snapshotItem(0);
+			   	return  thisElement;
+			}
+		}
+		else {
+			val = doc.selectNodes(path) ;
+			for (var i = 0; i < val.length; i++) {
+				return val(0) ;
+			}
+		}
+		return result;
+	}
+	,
+	getNodeValue:function(node){
+		if(node!=null)
+		return node.firstChild.nodeValue;
+	}
+};
+
+function parseText() {
+    console.log(arguments)
+}
+
+

+ 159 - 0
2017专区/艾兰岛/src/modules/pages/index.js

@@ -0,0 +1,159 @@
+var seaLoader = require('sealoader');
+var swiper = require('swiper');
+
+
+seaLoader(function (seajs) {
+
+
+    //tag切换
+    seajs.use(['arale/switchable/1.0.2/tabs'], function (Tabs) {
+        // 论坛热帖
+        new Tabs({
+            element: '[data-role="tab-bbs"]',
+            classPrefix: null,
+            activeTriggerClass: 'is-active'
+        });
+        // 首屏新闻
+        new Tabs({
+            element: '[data-role="primary-tab"]',
+            classPrefix: null,
+            activeTriggerClass: 'is-active'
+        });
+        // 热门主播map-recomm-tab
+        new Tabs({
+            element: '[data-role="podcast-tab"]',
+            classPrefix: null,
+            activeTriggerClass: 'is-active'
+        });
+        // 地图推荐
+        new Tabs({
+            element: '[data-role="map-recomm-tab"]',
+            classPrefix: null,
+            activeTriggerClass: 'is-active'
+        });
+        // 地图排行榜
+        // new Tabs({
+        //     element: '[data-role="map-rank-tab"]',
+        //     classPrefix: null,
+        //     activeTriggerClass: 'is-active'
+        // });
+    });
+});
+
+
+var V = {
+    init: function () {
+        var mySwiper = new swiper('.swiper-container', {
+            pagination: '.swiper-pagination',
+            paginationClickable: true,
+            // autoplay:5000,
+            loop:true,
+            autoplayDisableOnInteraction : false,
+        });
+
+        
+    },
+
+   
+
+
+
+}
+
+var C = {
+    init: function () {
+        $('.g-body').on('mouseover','.swiper-pagination-switch',function(){
+            $(this).trigger('click'); 
+            $('.swiper-container a').addClass('hover')
+        })
+
+        $('.g-body').on('mouseout','.swiper-pagination',function(){
+            $('.swiper-container a').removeClass('hover')
+        })
+
+        $('.g-body').on('mouseover','.swiper-pagination',function(){
+            $('.swiper-container a').addClass('hover')
+        })
+
+        
+        
+
+
+        
+    }
+}
+
+
+var hero = {
+    tag: "",
+    init: function () {
+        var initHero = $('.redio-wrap li.is-active').attr('data-tag')
+        hero.initHeroList(initHero);
+
+        $(".redio-wrap").on("click", "li", function () {
+            var $this = $(this);
+            var tag = $this.attr("data-tag");
+
+
+            $this.addClass("is-active").siblings().removeClass("is-active");
+            hero.initHeroList(tag);
+        });
+
+        //搜索相关
+        $(".search-wrap").on("keyup", ".search-text", function () {
+            var key = $(this).val();
+
+            hero.searchHero(key);
+        })
+        $(".search-wrap").on("click", ".btn-search", function () {
+            var key = $(".search-wrap .search-text").val();
+
+            if (key) {
+                hero.searchHero(key);
+            }
+        })
+    },
+    //tag:标签名,type:1添加,0删除
+    initHeroList: function (tag) {
+        var _ts = this;
+
+
+        $(".list-plant li").each(function () {
+            var $this = $(this);
+
+            if ($this.hasClass(tag)) {
+                $this.show();
+            } else {
+                $this.hide();
+            }
+        });
+    },
+    //搜索英雄
+    searchHero: function (key) {
+        if (!key) {
+            $(".list-plant li").show();
+            return;
+        }
+        $(".redio-wrap li").removeClass("is-active");
+        $(".list-plant li").hide();
+
+        $(".list-plant li").each(function () {
+            var $this = $(this);
+            var name = $this.find(".name").text();
+
+            if (name.indexOf(key) > -1) {
+                $this.show();
+            }
+        });
+    }
+}
+
+
+
+
+$(function(){
+    V.init();
+    C.init();
+    hero.init();
+})
+

+ 40 - 0
2017专区/艾兰岛/src/modules/pages/list.js

@@ -0,0 +1,40 @@
+var seaLoader = require('sealoader');
+require('jquery.lazyload');
+
+seaLoader(function(seajs) {
+    //tag切换
+    seajs.use(['arale/switchable/1.0.2/tabs'], function(Tabs) {
+    
+        //排行榜
+        // new Tabs({
+        //     element: '[data-role="tab-rank"]',
+        //     classPrefix: null,
+        //     activeTriggerClass: 'is-active'
+        // });
+        // 视频选项卡
+        new Tabs({
+            element: '[data-role="video-recomm-tab"]',
+            classPrefix: null,
+            activeTriggerClass: 'is-active'
+        });
+    });
+});
+
+
+var V = {
+   init: function() {
+        V.initNav();
+   },
+   initNav : function(){
+       var channel = $("body").attr("data-id");
+        $(".dw-mod-nav .mod-hd .nav-fl td[data-id="+channel+"]").addClass("active")
+   }
+}
+
+var C = {
+    init: function() {
+    }
+}
+
+// V.init();
+// C.init();

+ 32 - 0
2017专区/艾兰岛/src/modules/pages/video.js

@@ -0,0 +1,32 @@
+var seaLoader = require('sealoader');
+
+seaLoader(function(seajs) {
+    //tag切换
+    seajs.use(['arale/switchable/1.0.2/tabs'], function(Tabs) {
+        //排行榜
+        new Tabs({
+            element: '[data-role="tab-rank"]',
+            classPrefix: null,
+            activeTriggerClass: 'is-active'
+        });
+    });
+});
+
+
+var V = {
+   init: function() {
+        V.initNav();
+   },
+   initNav : function(){
+       var channel = $("body").attr("data-id");
+        $(".dw-mod-nav .mod-hd .nav-fl td[data-id="+channel+"]").addClass("active")
+   }
+}
+
+var C = {
+    init: function() {
+    }
+}
+
+V.init();
+C.init();

+ 498 - 0
2017专区/艾兰岛/src/modules/photoswipe/default-skin/default-skin.css

@@ -0,0 +1,498 @@
+/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
+/*
+
+	Contents:
+
+	1. Buttons
+	2. Share modal and links
+	3. Index indicator ("1 of X" counter)
+	4. Caption
+	5. Loading indicator
+	6. Additional styles (root element, top bar, idle state, hidden state, etc.)
+
+*/
+/*
+	
+	1. Buttons
+
+ */
+/* <button> css reset */
+.pswp__button {
+  width: 44px;
+  height: 44px;
+  position: relative;
+  background: none;
+  cursor: pointer;
+  overflow: visible;
+  -webkit-appearance: none;
+  display: block;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  float: right;
+  opacity: 0.75;
+  -webkit-transition: opacity 0.2s;
+          transition: opacity 0.2s;
+  -webkit-box-shadow: none;
+          box-shadow: none; }
+  .pswp__button:focus,
+  .pswp__button:hover {
+    opacity: 1; }
+  .pswp__button:active {
+    outline: none;
+    opacity: 0.9; }
+  .pswp__button::-moz-focus-inner {
+    padding: 0;
+    border: 0; }
+
+/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
+.pswp__ui--over-close .pswp__button--close {
+  opacity: 1; }
+
+.pswp__button,
+.pswp__button--arrow--left:before,
+.pswp__button--arrow--right:before {
+  background: url(default-skin.png) 0 0 no-repeat;
+  background-size: 264px 88px;
+  width: 44px;
+  height: 44px; }
+
+@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
+  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
+  .pswp--svg .pswp__button,
+  .pswp--svg .pswp__button--arrow--left:before,
+  .pswp--svg .pswp__button--arrow--right:before {
+    background-image: url(default-skin.svg); }
+  .pswp--svg .pswp__button--arrow--left,
+  .pswp--svg .pswp__button--arrow--right {
+    background: none; } }
+
+.pswp__button--close {
+  background-position: 0 -44px; }
+
+.pswp__button--share {
+  background-position: -44px -44px; }
+
+.pswp__button--fs {
+  display: none; }
+
+.pswp--supports-fs .pswp__button--fs {
+  display: block; }
+
+.pswp--fs .pswp__button--fs {
+  background-position: -44px 0; }
+
+.pswp__button--zoom {
+  display: none;
+  background-position: -88px 0; }
+
+.pswp--zoom-allowed .pswp__button--zoom {
+  display: block; }
+
+.pswp--zoomed-in .pswp__button--zoom {
+  background-position: -132px 0; }
+
+/* no arrows on touch screens */
+.pswp--touch .pswp__button--arrow--left,
+.pswp--touch .pswp__button--arrow--right {
+  visibility: hidden; }
+
+/*
+	Arrow buttons hit area
+	(icon is added to :before pseudo-element)
+*/
+.pswp__button--arrow--left,
+.pswp__button--arrow--right {
+  background: none;
+  top: 50%;
+  margin-top: -30px;
+  width: 60px;
+  height: 60px;
+  position: absolute; 
+  background-color: rgb(0, 0, 0);
+  background-color: rgba(0, 0, 0, 0.9);
+}
+
+.pswp__button--arrow--left {
+  left: 0; 
+  border-radius: 0 8px 8px 0;}
+
+.pswp__button--arrow--right {
+  right: 0; 
+  border-radius: 8px 0 0 8px;}
+
+.pswp__button--arrow--left:before,
+.pswp__button--arrow--right:before {
+  content: '';
+  height: 40px;
+  width: 40px;
+  position: absolute; 
+  top: 10px;}
+
+.pswp__button--arrow--left:before {
+  left: 5px;
+  background: url(icon-left.png) center no-repeat; }
+
+.pswp__button--arrow--right:before {
+  right: 5px;
+  background: url(icon-right.png) center no-repeat; }
+
+/*
+
+	2. Share modal/popup and links
+
+ */
+.pswp__counter,
+.pswp__share-modal {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+      user-select: none; }
+
+.pswp__share-modal {
+  display: block;
+  background: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  padding: 10px;
+  position: absolute;
+  z-index: 1600;
+  opacity: 0;
+  -webkit-transition: opacity 0.25s ease-out;
+          transition: opacity 0.25s ease-out;
+  -webkit-backface-visibility: hidden;
+  will-change: opacity; }
+
+.pswp__share-modal--hidden {
+  display: none; }
+
+.pswp__share-tooltip {
+  z-index: 1620;
+  position: absolute;
+  background: #FFF;
+  top: 56px;
+  border-radius: 2px;
+  display: block;
+  width: auto;
+  right: 44px;
+  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+  -webkit-transform: translateY(6px);
+      -ms-transform: translateY(6px);
+          transform: translateY(6px);
+  -webkit-transition: -webkit-transform 0.25s;
+          transition: transform 0.25s;
+  -webkit-backface-visibility: hidden;
+  will-change: transform; }
+  .pswp__share-tooltip a {
+    display: block;
+    padding: 8px 12px;
+    color: #000;
+    text-decoration: none;
+    font-size: 14px;
+    line-height: 18px; }
+    .pswp__share-tooltip a:hover {
+      text-decoration: none;
+      color: #000; }
+    .pswp__share-tooltip a:first-child {
+      /* round corners on the first/last list item */
+      border-radius: 2px 2px 0 0; }
+    .pswp__share-tooltip a:last-child {
+      border-radius: 0 0 2px 2px; }
+
+.pswp__share-modal--fade-in {
+  opacity: 1; }
+  .pswp__share-modal--fade-in .pswp__share-tooltip {
+    -webkit-transform: translateY(0);
+        -ms-transform: translateY(0);
+            transform: translateY(0); }
+
+/* increase size of share links on touch devices */
+.pswp--touch .pswp__share-tooltip a {
+  padding: 16px 12px; }
+
+a.pswp__share--facebook:before {
+  content: '';
+  display: block;
+  width: 0;
+  height: 0;
+  position: absolute;
+  top: -12px;
+  right: 15px;
+  border: 6px solid transparent;
+  border-bottom-color: #FFF;
+  -webkit-pointer-events: none;
+  -moz-pointer-events: none;
+  pointer-events: none; }
+
+a.pswp__share--facebook:hover {
+  background: #3E5C9A;
+  color: #FFF; }
+  a.pswp__share--facebook:hover:before {
+    border-bottom-color: #3E5C9A; }
+
+a.pswp__share--twitter:hover {
+  background: #55ACEE;
+  color: #FFF; }
+
+a.pswp__share--pinterest:hover {
+  background: #CCC;
+  color: #CE272D; }
+
+a.pswp__share--download:hover {
+  background: #DDD; }
+
+/*
+
+	3. Index indicator ("1 of X" counter)
+
+ */
+.pswp__counter {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 44px;
+  font-size: 13px;
+  line-height: 44px;
+  color: #FFF;
+  opacity: 0.75;
+  padding: 0 10px; }
+
+  .pswp__title {
+    position: absolute;
+    left: 40px;
+    top: 0;
+    height: 44px;
+    font-size: 13px;
+    line-height: 44px;
+    color: #FFF;
+    padding: 0 10px; 
+  }
+
+/*
+	
+	4. Caption
+
+ */
+.pswp__caption {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  min-height: 44px; }
+  .pswp__caption small {
+    font-size: 11px;
+    color: #BBB; }
+
+.pswp__caption__center {
+  text-align: left;
+  max-width: 420px;
+  margin: 0 auto;
+  font-size: 13px;
+  padding: 10px;
+  line-height: 20px;
+  color: #CCC; }
+
+.pswp__caption--empty {
+  display: none; }
+
+/* Fake caption element, used to calculate height of next/prev image */
+.pswp__caption--fake {
+  visibility: hidden; }
+
+/*
+
+	5. Loading indicator (preloader)
+
+	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
+
+ */
+.pswp__preloader {
+  width: 44px;
+  height: 44px;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  margin-left: -22px;
+  opacity: 0;
+  -webkit-transition: opacity 0.25s ease-out;
+          transition: opacity 0.25s ease-out;
+  will-change: opacity;
+  direction: ltr; }
+
+.pswp__preloader__icn {
+  width: 20px;
+  height: 20px;
+  margin: 12px; }
+
+.pswp__preloader--active {
+  opacity: 1; }
+  .pswp__preloader--active .pswp__preloader__icn {
+    /* We use .gif in browsers that don't support CSS animation */
+    background: url(preloader.gif) 0 0 no-repeat; }
+
+.pswp--css_animation .pswp__preloader--active {
+  opacity: 1; }
+  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
+    -webkit-animation: clockwise 500ms linear infinite;
+            animation: clockwise 500ms linear infinite; }
+  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
+    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
+            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
+
+.pswp--css_animation .pswp__preloader__icn {
+  background: none;
+  opacity: 0.75;
+  width: 14px;
+  height: 14px;
+  position: absolute;
+  left: 15px;
+  top: 15px;
+  margin: 0; }
+
+.pswp--css_animation .pswp__preloader__cut {
+  /* 
+			The idea of animating inner circle is based on Polymer ("material") loading indicator 
+			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
+		*/
+  position: relative;
+  width: 7px;
+  height: 14px;
+  overflow: hidden; }
+
+.pswp--css_animation .pswp__preloader__donut {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 14px;
+  height: 14px;
+  border: 2px solid #FFF;
+  border-radius: 50%;
+  border-left-color: transparent;
+  border-bottom-color: transparent;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: none;
+  margin: 0; }
+
+@media screen and (max-width: 1024px) {
+  .pswp__preloader {
+    position: relative;
+    left: auto;
+    top: auto;
+    margin: 0;
+    float: right; } }
+
+@-webkit-keyframes clockwise {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@keyframes clockwise {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@-webkit-keyframes donut-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); }
+  50% {
+    -webkit-transform: rotate(-140deg);
+            transform: rotate(-140deg); }
+  100% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); } }
+
+@keyframes donut-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); }
+  50% {
+    -webkit-transform: rotate(-140deg);
+            transform: rotate(-140deg); }
+  100% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); } }
+
+/*
+	
+	6. Additional styles
+
+ */
+/* root element of UI */
+.pswp__ui {
+  -webkit-font-smoothing: auto;
+  visibility: visible;
+  opacity: 1;
+  z-index: 1550; }
+
+/* top black bar with buttons and "1 of X" indicator */
+.pswp__top-bar {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 44px;
+  width: 100%; }
+
+.pswp__caption,
+.pswp__top-bar,
+.pswp--has_mouse .pswp__button--arrow--left,
+.pswp--has_mouse .pswp__button--arrow--right {
+  -webkit-backface-visibility: hidden;
+  will-change: opacity;
+  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
+          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
+
+/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
+.pswp--has_mouse .pswp__button--arrow--left,
+.pswp--has_mouse .pswp__button--arrow--right {
+  visibility: visible; }
+
+.pswp__top-bar,
+.pswp__caption {
+  background-color: rgba(0, 0, 0, 0.5); }
+
+/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
+.pswp__ui--fit .pswp__top-bar,
+.pswp__ui--fit .pswp__caption {
+  background-color: rgba(0, 0, 0, 0.3); }
+
+/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
+.pswp__ui--idle .pswp__top-bar {
+  opacity: 1; }
+
+.pswp__ui--idle .pswp__button--arrow--left,
+.pswp__ui--idle .pswp__button--arrow--right {
+  opacity: 1; }
+
+/*
+	pswp__ui--hidden class is added when controls are hidden
+	e.g. when user taps to toggle visibility of controls
+*/
+.pswp__ui--hidden .pswp__top-bar,
+.pswp__ui--hidden .pswp__caption,
+.pswp__ui--hidden .pswp__button--arrow--left,
+.pswp__ui--hidden .pswp__button--arrow--right {
+  /* Force paint & create composition layer for controls. */
+  opacity: 0.001; }
+
+/* pswp__ui--one-slide class is added when there is just one item in gallery */
+.pswp__ui--one-slide .pswp__button--arrow--left,
+.pswp__ui--one-slide .pswp__button--arrow--right,
+.pswp__ui--one-slide .pswp__counter {
+  display: none; }
+
+.pswp__element--disabled {
+  display: none !important; }
+
+.pswp--minimal--dark .pswp__top-bar {
+  background: none; }

BIN
2017专区/艾兰岛/src/modules/photoswipe/default-skin/default-skin.png


+ 1 - 0
2017专区/艾兰岛/src/modules/photoswipe/default-skin/default-skin.svg

@@ -0,0 +1 @@
+<svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>

BIN
2017专区/艾兰岛/src/modules/photoswipe/default-skin/icon-left.png


BIN
2017专区/艾兰岛/src/modules/photoswipe/default-skin/icon-next_hover.png


BIN
2017专区/艾兰岛/src/modules/photoswipe/default-skin/icon-prev_hover.png


BIN
2017专区/艾兰岛/src/modules/photoswipe/default-skin/icon-right.png


BIN
2017专区/艾兰岛/src/modules/photoswipe/default-skin/preloader.gif


+ 65 - 0
2017专区/艾兰岛/src/modules/photoswipe/photoswipe-dom.tmpl

@@ -0,0 +1,65 @@
+<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
+
+    <!-- Background of PhotoSwipe. 
+         It's a separate element as animating opacity is faster than rgba(). -->
+    <div class="pswp__bg"></div>
+
+    <!-- Slides wrapper with overflow:hidden. -->
+    <div class="pswp__scroll-wrap">
+
+        <!-- Container that holds slides. 
+            PhotoSwipe keeps only 3 of them in the DOM to save memory.
+            Don't modify these 3 pswp__item elements, data is added later on. -->
+        <div class="pswp__container">
+            <div class="pswp__item"></div>
+            <div class="pswp__item"></div>
+            <div class="pswp__item"></div>
+        </div>
+
+        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
+        <div class="pswp__ui pswp__ui--hidden">
+
+            <div class="pswp__top-bar">
+
+                <!--  Controls are self-explanatory. Order can be changed. -->
+
+                <div class="pswp__counter"></div>
+
+                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
+
+                <!-- <button class="pswp__button pswp__button--share" title="Share"></button> -->
+
+                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
+
+                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
+
+                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
+                <!-- element will get class pswp__preloader--active when preloader is running -->
+                <div class="pswp__preloader">
+                    <div class="pswp__preloader__icn">
+                      <div class="pswp__preloader__cut">
+                        <div class="pswp__preloader__donut"></div>
+                      </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
+                <div class="pswp__share-tooltip"></div> 
+            </div> -->
+
+            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
+            </button>
+
+            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
+            </button>
+
+            <div class="pswp__caption">
+                <div class="pswp__caption__center"></div>
+            </div>
+
+        </div>
+
+    </div>
+
+</div>

+ 861 - 0
2017专区/艾兰岛/src/modules/photoswipe/photoswipe-ui-default.js

@@ -0,0 +1,861 @@
+/*! PhotoSwipe Default UI - 4.1.1 - 2015-12-24
+* http://photoswipe.com
+* Copyright (c) 2015 Dmitry Semenov; */
+/**
+*
+* UI on top of main sliding area (caption, arrows, close button, etc.).
+* Built just using public methods/properties of PhotoSwipe.
+* 
+*/
+(function (root, factory) { 
+	if (typeof define === 'function' && define.amd) {
+		define(factory);
+	} else if (typeof exports === 'object') {
+		module.exports = factory();
+	} else {
+		root.PhotoSwipeUI_Default = factory();
+	}
+})(this, function () {
+
+	'use strict';
+
+
+
+var PhotoSwipeUI_Default =
+ function(pswp, framework) {
+
+	var ui = this;
+	var _overlayUIUpdated = false,
+		_controlsVisible = true,
+		_fullscrenAPI,
+		_controls,
+		_captionContainer,
+		_fakeCaptionContainer,
+		_indexIndicator,
+		_shareButton,
+		_shareModal,
+		_shareModalHidden = true,
+		_initalCloseOnScrollValue,
+		_isIdle,
+		_listen,
+
+		_loadingIndicator,
+		_loadingIndicatorHidden,
+		_loadingIndicatorTimeout,
+
+		_galleryHasOneSlide,
+
+		_options,
+		_defaultUIOptions = {
+			barsSize: {top:44, bottom:'auto'},
+			closeElClasses: ['item', 'caption', 'zoom-wrap', 'ui', 'top-bar'], 
+			timeToIdle: 4000, 
+			timeToIdleOutside: 1000,
+			loadingIndicatorDelay: 1000, // 2s
+			
+			addCaptionHTMLFn: function(item, captionEl /*, isFake */) {
+				if(!item.title) {
+					captionEl.children[0].innerHTML = '';
+					return false;
+				}
+				captionEl.children[0].innerHTML = item.title;
+				return true;
+			},
+
+			closeEl:true,
+			captionEl: true,
+			fullscreenEl: true,
+			zoomEl: true,
+			shareEl: true,
+			counterEl: true,
+			arrowEl: true,
+			preloaderEl: true,
+
+			tapToClose: false,
+			tapToToggleControls: true,
+
+			clickToCloseNonZoomable: true,
+
+			shareButtons: [
+				{id:'facebook', label:'Share on Facebook', url:'https://www.facebook.com/sharer/sharer.php?u={{url}}'},
+				{id:'twitter', label:'Tweet', url:'https://twitter.com/intent/tweet?text={{text}}&url={{url}}'},
+				{id:'pinterest', label:'Pin it', url:'http://www.pinterest.com/pin/create/button/'+
+													'?url={{url}}&media={{image_url}}&description={{text}}'},
+				{id:'download', label:'Download image', url:'{{raw_image_url}}', download:true}
+			],
+			getImageURLForShare: function( /* shareButtonData */ ) {
+				return pswp.currItem.src || '';
+			},
+			getPageURLForShare: function( /* shareButtonData */ ) {
+				return window.location.href;
+			},
+			getTextForShare: function( /* shareButtonData */ ) {
+				return pswp.currItem.title || '';
+			},
+				
+			indexIndicatorSep: ' / ',
+			fitControlsWidth: 1200
+
+		},
+		_blockControlsTap,
+		_blockControlsTapTimeout;
+
+
+
+	var _onControlsTap = function(e) {
+			if(_blockControlsTap) {
+				return true;
+			}
+
+
+			e = e || window.event;
+
+			if(_options.timeToIdle && _options.mouseUsed && !_isIdle) {
+				// reset idle timer
+				_onIdleMouseMove();
+			}
+
+
+			var target = e.target || e.srcElement,
+				uiElement,
+				clickedClass = target.getAttribute('class') || '',
+				found;
+
+			for(var i = 0; i < _uiElements.length; i++) {
+				uiElement = _uiElements[i];
+				if(uiElement.onTap && clickedClass.indexOf('pswp__' + uiElement.name ) > -1 ) {
+					uiElement.onTap();
+					found = true;
+
+				}
+			}
+
+			if(found) {
+				if(e.stopPropagation) {
+					e.stopPropagation();
+				}
+				_blockControlsTap = true;
+
+				// Some versions of Android don't prevent ghost click event 
+				// when preventDefault() was called on touchstart and/or touchend.
+				// 
+				// This happens on v4.3, 4.2, 4.1, 
+				// older versions strangely work correctly, 
+				// but just in case we add delay on all of them)	
+				var tapDelay = framework.features.isOldAndroid ? 600 : 30;
+				_blockControlsTapTimeout = setTimeout(function() {
+					_blockControlsTap = false;
+				}, tapDelay);
+			}
+
+		},
+		_fitControlsInViewport = function() {
+			return !pswp.likelyTouchDevice || _options.mouseUsed || screen.width > _options.fitControlsWidth;
+		},
+		_togglePswpClass = function(el, cName, add) {
+			framework[ (add ? 'add' : 'remove') + 'Class' ](el, 'pswp__' + cName);
+		},
+
+		// add class when there is just one item in the gallery
+		// (by default it hides left/right arrows and 1ofX counter)
+		_countNumItems = function() {
+			var hasOneSlide = (_options.getNumItemsFn() === 1);
+
+			if(hasOneSlide !== _galleryHasOneSlide) {
+				_togglePswpClass(_controls, 'ui--one-slide', hasOneSlide);
+				_galleryHasOneSlide = hasOneSlide;
+			}
+		},
+		_toggleShareModalClass = function() {
+			_togglePswpClass(_shareModal, 'share-modal--hidden', _shareModalHidden);
+		},
+		_toggleShareModal = function() {
+
+			_shareModalHidden = !_shareModalHidden;
+			
+			
+			if(!_shareModalHidden) {
+				_toggleShareModalClass();
+				setTimeout(function() {
+					if(!_shareModalHidden) {
+						framework.addClass(_shareModal, 'pswp__share-modal--fade-in');
+					}
+				}, 30);
+			} else {
+				framework.removeClass(_shareModal, 'pswp__share-modal--fade-in');
+				setTimeout(function() {
+					if(_shareModalHidden) {
+						_toggleShareModalClass();
+					}
+				}, 300);
+			}
+			
+			if(!_shareModalHidden) {
+				_updateShareURLs();
+			}
+			return false;
+		},
+
+		_openWindowPopup = function(e) {
+			e = e || window.event;
+			var target = e.target || e.srcElement;
+
+			pswp.shout('shareLinkClick', e, target);
+
+			if(!target.href) {
+				return false;
+			}
+
+			if( target.hasAttribute('download') ) {
+				return true;
+			}
+
+			window.open(target.href, 'pswp_share', 'scrollbars=yes,resizable=yes,toolbar=no,'+
+										'location=yes,width=550,height=420,top=100,left=' + 
+										(window.screen ? Math.round(screen.width / 2 - 275) : 100)  );
+
+			if(!_shareModalHidden) {
+				_toggleShareModal();
+			}
+			
+			return false;
+		},
+		_updateShareURLs = function() {
+			var shareButtonOut = '',
+				shareButtonData,
+				shareURL,
+				image_url,
+				page_url,
+				share_text;
+
+			for(var i = 0; i < _options.shareButtons.length; i++) {
+				shareButtonData = _options.shareButtons[i];
+
+				image_url = _options.getImageURLForShare(shareButtonData);
+				page_url = _options.getPageURLForShare(shareButtonData);
+				share_text = _options.getTextForShare(shareButtonData);
+
+				shareURL = shareButtonData.url.replace('{{url}}', encodeURIComponent(page_url) )
+									.replace('{{image_url}}', encodeURIComponent(image_url) )
+									.replace('{{raw_image_url}}', image_url )
+									.replace('{{text}}', encodeURIComponent(share_text) );
+
+				shareButtonOut += '<a href="' + shareURL + '" target="_blank" '+
+									'class="pswp__share--' + shareButtonData.id + '"' +
+									(shareButtonData.download ? 'download' : '') + '>' + 
+									shareButtonData.label + '</a>';
+
+				if(_options.parseShareButtonOut) {
+					shareButtonOut = _options.parseShareButtonOut(shareButtonData, shareButtonOut);
+				}
+			}
+			_shareModal.children[0].innerHTML = shareButtonOut;
+			_shareModal.children[0].onclick = _openWindowPopup;
+
+		},
+		_hasCloseClass = function(target) {
+			for(var  i = 0; i < _options.closeElClasses.length; i++) {
+				if( framework.hasClass(target, 'pswp__' + _options.closeElClasses[i]) ) {
+					return true;
+				}
+			}
+		},
+		_idleInterval,
+		_idleTimer,
+		_idleIncrement = 0,
+		_onIdleMouseMove = function() {
+			clearTimeout(_idleTimer);
+			_idleIncrement = 0;
+			if(_isIdle) {
+				ui.setIdle(false);
+			}
+		},
+		_onMouseLeaveWindow = function(e) {
+			e = e ? e : window.event;
+			var from = e.relatedTarget || e.toElement;
+			if (!from || from.nodeName === 'HTML') {
+				clearTimeout(_idleTimer);
+				_idleTimer = setTimeout(function() {
+					ui.setIdle(true);
+				}, _options.timeToIdleOutside);
+			}
+		},
+		_setupFullscreenAPI = function() {
+			if(_options.fullscreenEl && !framework.features.isOldAndroid) {
+				if(!_fullscrenAPI) {
+					_fullscrenAPI = ui.getFullscreenAPI();
+				}
+				if(_fullscrenAPI) {
+					framework.bind(document, _fullscrenAPI.eventK, ui.updateFullscreen);
+					ui.updateFullscreen();
+					framework.addClass(pswp.template, 'pswp--supports-fs');
+				} else {
+					framework.removeClass(pswp.template, 'pswp--supports-fs');
+				}
+			}
+		},
+		_setupLoadingIndicator = function() {
+			// Setup loading indicator
+			if(_options.preloaderEl) {
+			
+				_toggleLoadingIndicator(true);
+
+				_listen('beforeChange', function() {
+
+					clearTimeout(_loadingIndicatorTimeout);
+
+					// display loading indicator with delay
+					_loadingIndicatorTimeout = setTimeout(function() {
+
+						if(pswp.currItem && pswp.currItem.loading) {
+
+							if( !pswp.allowProgressiveImg() || (pswp.currItem.img && !pswp.currItem.img.naturalWidth)  ) {
+								// show preloader if progressive loading is not enabled, 
+								// or image width is not defined yet (because of slow connection)
+								_toggleLoadingIndicator(false); 
+								// items-controller.js function allowProgressiveImg
+							}
+							
+						} else {
+							_toggleLoadingIndicator(true); // hide preloader
+						}
+
+					}, _options.loadingIndicatorDelay);
+					
+				});
+				_listen('imageLoadComplete', function(index, item) {
+					if(pswp.currItem === item) {
+						_toggleLoadingIndicator(true);
+					}
+				});
+
+			}
+		},
+		_toggleLoadingIndicator = function(hide) {
+			if( _loadingIndicatorHidden !== hide ) {
+				_togglePswpClass(_loadingIndicator, 'preloader--active', !hide);
+				_loadingIndicatorHidden = hide;
+			}
+		},
+		_applyNavBarGaps = function(item) {
+			var gap = item.vGap;
+
+			if( _fitControlsInViewport() ) {
+				
+				var bars = _options.barsSize; 
+				if(_options.captionEl && bars.bottom === 'auto') {
+					if(!_fakeCaptionContainer) {
+						_fakeCaptionContainer = framework.createEl('pswp__caption pswp__caption--fake');
+						_fakeCaptionContainer.appendChild( framework.createEl('pswp__caption__center') );
+						_controls.insertBefore(_fakeCaptionContainer, _captionContainer);
+						framework.addClass(_controls, 'pswp__ui--fit');
+					}
+					if( _options.addCaptionHTMLFn(item, _fakeCaptionContainer, true) ) {
+
+						var captionSize = _fakeCaptionContainer.clientHeight;
+						gap.bottom = parseInt(captionSize,10) || 44;
+					} else {
+						gap.bottom = bars.top; // if no caption, set size of bottom gap to size of top
+					}
+				} else {
+					gap.bottom = bars.bottom === 'auto' ? 0 : bars.bottom;
+				}
+				
+				// height of top bar is static, no need to calculate it
+				gap.top = bars.top;
+			} else {
+				gap.top = gap.bottom = 0;
+			}
+		},
+		_setupIdle = function() {
+			// Hide controls when mouse is used
+			if(_options.timeToIdle) {
+				_listen('mouseUsed', function() {
+					
+					framework.bind(document, 'mousemove', _onIdleMouseMove);
+					framework.bind(document, 'mouseout', _onMouseLeaveWindow);
+
+					_idleInterval = setInterval(function() {
+						_idleIncrement++;
+						if(_idleIncrement === 2) {
+							ui.setIdle(true);
+						}
+					}, _options.timeToIdle / 2);
+				});
+			}
+		},
+		_setupHidingControlsDuringGestures = function() {
+
+			// Hide controls on vertical drag
+			_listen('onVerticalDrag', function(now) {
+				if(_controlsVisible && now < 0.95) {
+					ui.hideControls();
+				} else if(!_controlsVisible && now >= 0.95) {
+					ui.showControls();
+				}
+			});
+
+			// Hide controls when pinching to close
+			var pinchControlsHidden;
+			_listen('onPinchClose' , function(now) {
+				if(_controlsVisible && now < 0.9) {
+					ui.hideControls();
+					pinchControlsHidden = true;
+				} else if(pinchControlsHidden && !_controlsVisible && now > 0.9) {
+					ui.showControls();
+				}
+			});
+
+			_listen('zoomGestureEnded', function() {
+				pinchControlsHidden = false;
+				if(pinchControlsHidden && !_controlsVisible) {
+					ui.showControls();
+				}
+			});
+
+		};
+
+
+
+	var _uiElements = [
+		{ 
+			name: 'caption', 
+			option: 'captionEl',
+			onInit: function(el) {  
+				_captionContainer = el; 
+			} 
+		},
+		{ 
+			name: 'share-modal', 
+			option: 'shareEl',
+			onInit: function(el) {  
+				_shareModal = el;
+			},
+			onTap: function() {
+				_toggleShareModal();
+			} 
+		},
+		{ 
+			name: 'button--share', 
+			option: 'shareEl',
+			onInit: function(el) { 
+				_shareButton = el;
+			},
+			onTap: function() {
+				_toggleShareModal();
+			} 
+		},
+		{ 
+			name: 'button--zoom', 
+			option: 'zoomEl',
+			onTap: pswp.toggleDesktopZoom
+		},
+		{ 
+			name: 'counter', 
+			option: 'counterEl',
+			onInit: function(el) {  
+				_indexIndicator = el;
+			} 
+		},
+		{ 
+			name: 'button--close', 
+			option: 'closeEl',
+			onTap: pswp.close
+		},
+		{ 
+			name: 'button--arrow--left', 
+			option: 'arrowEl',
+			onTap: pswp.prev
+		},
+		{ 
+			name: 'button--arrow--right', 
+			option: 'arrowEl',
+			onTap: pswp.next
+		},
+		{ 
+			name: 'button--fs', 
+			option: 'fullscreenEl',
+			onTap: function() {  
+				if(_fullscrenAPI.isFullscreen()) {
+					_fullscrenAPI.exit();
+				} else {
+					_fullscrenAPI.enter();
+				}
+			} 
+		},
+		{ 
+			name: 'preloader', 
+			option: 'preloaderEl',
+			onInit: function(el) {  
+				_loadingIndicator = el;
+			} 
+		}
+
+	];
+
+	var _setupUIElements = function() {
+		var item,
+			classAttr,
+			uiElement;
+
+		var loopThroughChildElements = function(sChildren) {
+			if(!sChildren) {
+				return;
+			}
+
+			var l = sChildren.length;
+			for(var i = 0; i < l; i++) {
+				item = sChildren[i];
+				classAttr = item.className;
+
+				for(var a = 0; a < _uiElements.length; a++) {
+					uiElement = _uiElements[a];
+
+					if(classAttr.indexOf('pswp__' + uiElement.name) > -1  ) {
+
+						if( _options[uiElement.option] ) { // if element is not disabled from options
+							
+							framework.removeClass(item, 'pswp__element--disabled');
+							if(uiElement.onInit) {
+								uiElement.onInit(item);
+							}
+							
+							//item.style.display = 'block';
+						} else {
+							framework.addClass(item, 'pswp__element--disabled');
+							//item.style.display = 'none';
+						}
+					}
+				}
+			}
+		};
+		loopThroughChildElements(_controls.children);
+
+		var topBar =  framework.getChildByClass(_controls, 'pswp__top-bar');
+		if(topBar) {
+			loopThroughChildElements( topBar.children );
+		}
+	};
+
+
+	
+
+	ui.init = function() {
+
+		// extend options
+		framework.extend(pswp.options, _defaultUIOptions, true);
+
+		// create local link for fast access
+		_options = pswp.options;
+
+		// find pswp__ui element
+		_controls = framework.getChildByClass(pswp.scrollWrap, 'pswp__ui');
+
+		// create local link
+		_listen = pswp.listen;
+
+
+		_setupHidingControlsDuringGestures();
+
+		// update controls when slides change
+		_listen('beforeChange', ui.update);
+
+		// toggle zoom on double-tap
+		_listen('doubleTap', function(point) {
+			var initialZoomLevel = pswp.currItem.initialZoomLevel;
+			if(pswp.getZoomLevel() !== initialZoomLevel) {
+				pswp.zoomTo(initialZoomLevel, point, 333);
+			} else {
+				pswp.zoomTo(_options.getDoubleTapZoom(false, pswp.currItem), point, 333);
+			}
+		});
+
+		// Allow text selection in caption
+		_listen('preventDragEvent', function(e, isDown, preventObj) {
+			var t = e.target || e.srcElement;
+			if(
+				t && 
+				t.getAttribute('class') && e.type.indexOf('mouse') > -1 && 
+				( t.getAttribute('class').indexOf('__caption') > 0 || (/(SMALL|STRONG|EM)/i).test(t.tagName) ) 
+			) {
+				preventObj.prevent = false;
+			}
+		});
+
+		// bind events for UI
+		_listen('bindEvents', function() {
+			framework.bind(_controls, 'pswpTap click', _onControlsTap);
+			framework.bind(pswp.scrollWrap, 'pswpTap', ui.onGlobalTap);
+
+			if(!pswp.likelyTouchDevice) {
+				framework.bind(pswp.scrollWrap, 'mouseover', ui.onMouseOver);
+			}
+		});
+
+		// unbind events for UI
+		_listen('unbindEvents', function() {
+			if(!_shareModalHidden) {
+				_toggleShareModal();
+			}
+
+			if(_idleInterval) {
+				clearInterval(_idleInterval);
+			}
+			framework.unbind(document, 'mouseout', _onMouseLeaveWindow);
+			framework.unbind(document, 'mousemove', _onIdleMouseMove);
+			framework.unbind(_controls, 'pswpTap click', _onControlsTap);
+			framework.unbind(pswp.scrollWrap, 'pswpTap', ui.onGlobalTap);
+			framework.unbind(pswp.scrollWrap, 'mouseover', ui.onMouseOver);
+
+			if(_fullscrenAPI) {
+				framework.unbind(document, _fullscrenAPI.eventK, ui.updateFullscreen);
+				if(_fullscrenAPI.isFullscreen()) {
+					_options.hideAnimationDuration = 0;
+					_fullscrenAPI.exit();
+				}
+				_fullscrenAPI = null;
+			}
+		});
+
+
+		// clean up things when gallery is destroyed
+		_listen('destroy', function() {
+			if(_options.captionEl) {
+				if(_fakeCaptionContainer) {
+					_controls.removeChild(_fakeCaptionContainer);
+				}
+				framework.removeClass(_captionContainer, 'pswp__caption--empty');
+			}
+
+			if(_shareModal) {
+				_shareModal.children[0].onclick = null;
+			}
+			framework.removeClass(_controls, 'pswp__ui--over-close');
+			framework.addClass( _controls, 'pswp__ui--hidden');
+			ui.setIdle(false);
+		});
+		
+
+		if(!_options.showAnimationDuration) {
+			framework.removeClass( _controls, 'pswp__ui--hidden');
+		}
+		_listen('initialZoomIn', function() {
+			if(_options.showAnimationDuration) {
+				framework.removeClass( _controls, 'pswp__ui--hidden');
+			}
+		});
+		_listen('initialZoomOut', function() {
+			framework.addClass( _controls, 'pswp__ui--hidden');
+		});
+
+		_listen('parseVerticalMargin', _applyNavBarGaps);
+		
+		_setupUIElements();
+
+		if(_options.shareEl && _shareButton && _shareModal) {
+			_shareModalHidden = true;
+		}
+
+		_countNumItems();
+
+		_setupIdle();
+
+		_setupFullscreenAPI();
+
+		_setupLoadingIndicator();
+	};
+
+	ui.setIdle = function(isIdle) {
+		_isIdle = isIdle;
+		_togglePswpClass(_controls, 'ui--idle', isIdle);
+	};
+
+	ui.update = function() {
+		// Don't update UI if it's hidden
+		if(_controlsVisible && pswp.currItem) {
+			
+			ui.updateIndexIndicator();
+
+			if(_options.captionEl) {
+				_options.addCaptionHTMLFn(pswp.currItem, _captionContainer);
+
+				_togglePswpClass(_captionContainer, 'caption--empty', !pswp.currItem.title);
+			}
+
+			_overlayUIUpdated = true;
+
+		} else {
+			_overlayUIUpdated = false;
+		}
+
+		if(!_shareModalHidden) {
+			_toggleShareModal();
+		}
+
+		_countNumItems();
+	};
+
+	ui.updateFullscreen = function(e) {
+
+		if(e) {
+			// some browsers change window scroll position during the fullscreen
+			// so PhotoSwipe updates it just in case
+			setTimeout(function() {
+				pswp.setScrollOffset( 0, framework.getScrollY() );
+			}, 50);
+		}
+		
+		// toogle pswp--fs class on root element
+		framework[ (_fullscrenAPI.isFullscreen() ? 'add' : 'remove') + 'Class' ](pswp.template, 'pswp--fs');
+	};
+
+	ui.updateIndexIndicator = function() {
+		if(_options.counterEl) {
+			_indexIndicator.innerHTML = (pswp.getCurrentIndex()+1) + 
+										_options.indexIndicatorSep + 
+										_options.getNumItemsFn();
+		}
+	};
+	
+	ui.onGlobalTap = function(e) {
+		e = e || window.event;
+		var target = e.target || e.srcElement;
+
+		if(_blockControlsTap) {
+			return;
+		}
+
+		if(e.detail && e.detail.pointerType === 'mouse') {
+
+			// close gallery if clicked outside of the image
+			if(_hasCloseClass(target)) {
+				pswp.close();
+				return;
+			}
+
+			if(framework.hasClass(target, 'pswp__img')) {
+				if(pswp.getZoomLevel() === 1 && pswp.getZoomLevel() <= pswp.currItem.fitRatio) {
+					if(_options.clickToCloseNonZoomable) {
+						pswp.close();
+					}
+				} else {
+					pswp.toggleDesktopZoom(e.detail.releasePoint);
+				}
+			}
+			
+		} else {
+
+			// tap anywhere (except buttons) to toggle visibility of controls
+			if(_options.tapToToggleControls) {
+				if(_controlsVisible) {
+					ui.hideControls();
+				} else {
+					ui.showControls();
+				}
+			}
+
+			// tap to close gallery
+			if(_options.tapToClose && (framework.hasClass(target, 'pswp__img') || _hasCloseClass(target)) ) {
+				pswp.close();
+				return;
+			}
+			
+		}
+	};
+	ui.onMouseOver = function(e) {
+		e = e || window.event;
+		var target = e.target || e.srcElement;
+
+		// add class when mouse is over an element that should close the gallery
+		_togglePswpClass(_controls, 'ui--over-close', _hasCloseClass(target));
+	};
+
+	ui.hideControls = function() {
+		framework.addClass(_controls,'pswp__ui--hidden');
+		_controlsVisible = false;
+	};
+
+	ui.showControls = function() {
+		_controlsVisible = true;
+		if(!_overlayUIUpdated) {
+			ui.update();
+		}
+		framework.removeClass(_controls,'pswp__ui--hidden');
+	};
+
+	ui.supportsFullscreen = function() {
+		var d = document;
+		return !!(d.exitFullscreen || d.mozCancelFullScreen || d.webkitExitFullscreen || d.msExitFullscreen);
+	};
+
+	ui.getFullscreenAPI = function() {
+		var dE = document.documentElement,
+			api,
+			tF = 'fullscreenchange';
+
+		if (dE.requestFullscreen) {
+			api = {
+				enterK: 'requestFullscreen',
+				exitK: 'exitFullscreen',
+				elementK: 'fullscreenElement',
+				eventK: tF
+			};
+
+		} else if(dE.mozRequestFullScreen ) {
+			api = {
+				enterK: 'mozRequestFullScreen',
+				exitK: 'mozCancelFullScreen',
+				elementK: 'mozFullScreenElement',
+				eventK: 'moz' + tF
+			};
+
+			
+
+		} else if(dE.webkitRequestFullscreen) {
+			api = {
+				enterK: 'webkitRequestFullscreen',
+				exitK: 'webkitExitFullscreen',
+				elementK: 'webkitFullscreenElement',
+				eventK: 'webkit' + tF
+			};
+
+		} else if(dE.msRequestFullscreen) {
+			api = {
+				enterK: 'msRequestFullscreen',
+				exitK: 'msExitFullscreen',
+				elementK: 'msFullscreenElement',
+				eventK: 'MSFullscreenChange'
+			};
+		}
+
+		if(api) {
+			api.enter = function() { 
+				// disable close-on-scroll in fullscreen
+				_initalCloseOnScrollValue = _options.closeOnScroll; 
+				_options.closeOnScroll = false; 
+
+				if(this.enterK === 'webkitRequestFullscreen') {
+					pswp.template[this.enterK]( Element.ALLOW_KEYBOARD_INPUT );
+				} else {
+					return pswp.template[this.enterK](); 
+				}
+			};
+			api.exit = function() { 
+				_options.closeOnScroll = _initalCloseOnScrollValue;
+
+				return document[this.exitK](); 
+
+			};
+			api.isFullscreen = function() { return document[this.elementK]; };
+		}
+
+		return api;
+	};
+
+
+
+};
+return PhotoSwipeUI_Default;
+
+
+});

File diff suppressed because it is too large
+ 3 - 0
2017专区/艾兰岛/src/modules/photoswipe/photoswipe-ui-default.min.js


+ 178 - 0
2017专区/艾兰岛/src/modules/photoswipe/photoswipe.css

@@ -0,0 +1,178 @@
+/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
+/*
+	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
+*/
+/* pswp = photoswipe */
+.pswp {
+  display: none;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  overflow: hidden;
+  -ms-touch-action: none;
+  touch-action: none;
+  z-index: 1500;
+  -webkit-text-size-adjust: 100%;
+  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
+  -webkit-backface-visibility: hidden;
+  outline: none; }
+  .pswp * {
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box; }
+  .pswp img {
+    max-width: none; }
+
+/* style is added when JS option showHideOpacity is set to true */
+.pswp--animate_opacity {
+  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
+  opacity: 0.001;
+  will-change: opacity;
+  /* for open/close transition */
+  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
+          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
+
+.pswp--open {
+  display: block; }
+
+.pswp--zoom-allowed .pswp__img {
+  /* autoprefixer: off */
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+  cursor: zoom-in; }
+
+.pswp--zoomed-in .pswp__img {
+  /* autoprefixer: off */
+  cursor: -webkit-grab;
+  cursor: -moz-grab;
+  cursor: grab; }
+
+.pswp--dragging .pswp__img {
+  /* autoprefixer: off */
+  cursor: -webkit-grabbing;
+  cursor: -moz-grabbing;
+  cursor: grabbing; }
+
+/*
+	Background is added as a separate element.
+	As animating opacity is much faster than animating rgba() background-color.
+*/
+.pswp__bg {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  opacity: 0;
+  transform: translateZ(0);
+  -webkit-backface-visibility: hidden;
+  will-change: opacity; }
+
+.pswp__scroll-wrap {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden; }
+
+.pswp__container,
+.pswp__zoom-wrap {
+  -ms-touch-action: none;
+  touch-action: none;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0; }
+
+/* Prevent selection and tap highlights */
+.pswp__container,
+.pswp__img {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+      user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none; }
+
+.pswp__zoom-wrap {
+  position: absolute;
+  width: 100%;
+  -webkit-transform-origin: left top;
+  -ms-transform-origin: left top;
+  transform-origin: left top;
+  /* for open/close transition */
+  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
+          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
+
+.pswp__bg {
+  will-change: opacity;
+  /* for open/close transition */
+  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
+          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
+
+.pswp--animated-in .pswp__bg,
+.pswp--animated-in .pswp__zoom-wrap {
+  -webkit-transition: none;
+  transition: none; }
+
+.pswp__container,
+.pswp__zoom-wrap {
+  -webkit-backface-visibility: hidden; }
+
+.pswp__item {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  overflow: hidden; }
+
+.pswp__img {
+  position: absolute;
+  width: auto;
+  height: auto!important;
+  top: 0;
+  left: 0; }
+
+/*
+	stretched thumbnail or div placeholder element (see below)
+	style is added to avoid flickering in webkit/blink when layers overlap
+*/
+.pswp__img--placeholder {
+  -webkit-backface-visibility: hidden; }
+
+/*
+	div element that matches size of large image
+	large image loads on top of it
+*/
+.pswp__img--placeholder--blank {
+  background: #222; }
+
+.pswp--ie .pswp__img {
+  width: 100% !important;
+  height: auto !important;
+  left: 0;
+  top: 0; }
+
+/*
+	Error message appears when image is not loaded
+	(JS option errorMsg controls markup)
+*/
+.pswp__error-msg {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  width: 100%;
+  text-align: center;
+  font-size: 14px;
+  line-height: 16px;
+  margin-top: -8px;
+  color: #CCC; }
+
+.pswp__error-msg a {
+  color: #CCC;
+  text-decoration: underline; }

+ 3718 - 0
2017专区/艾兰岛/src/modules/photoswipe/photoswipe.js

@@ -0,0 +1,3718 @@
+/*! PhotoSwipe - v4.1.1 - 2015-12-24
+* http://photoswipe.com
+* Copyright (c) 2015 Dmitry Semenov; */
+(function (root, factory) { 
+	if (typeof define === 'function' && define.amd) {
+		define(factory);
+	} else if (typeof exports === 'object') {
+		module.exports = factory();
+	} else {
+		root.PhotoSwipe = factory();
+	}
+})(this, function () {
+
+	'use strict';
+	var PhotoSwipe = function(template, UiClass, items, options){
+
+/*>>framework-bridge*/
+/**
+ *
+ * Set of generic functions used by gallery.
+ * 
+ * You're free to modify anything here as long as functionality is kept.
+ * 
+ */
+var framework = {
+	features: null,
+	bind: function(target, type, listener, unbind) {
+		var methodName = (unbind ? 'remove' : 'add') + 'EventListener';
+		type = type.split(' ');
+		for(var i = 0; i < type.length; i++) {
+			if(type[i]) {
+				target[methodName]( type[i], listener, false);
+			}
+		}
+	},
+	isArray: function(obj) {
+		return (obj instanceof Array);
+	},
+	createEl: function(classes, tag) {
+		var el = document.createElement(tag || 'div');
+		if(classes) {
+			el.className = classes;
+		}
+		return el;
+	},
+	getScrollY: function() {
+		var yOffset = window.pageYOffset;
+		return yOffset !== undefined ? yOffset : document.documentElement.scrollTop;
+	},
+	unbind: function(target, type, listener) {
+		framework.bind(target,type,listener,true);
+	},
+	removeClass: function(el, className) {
+		var reg = new RegExp('(\\s|^)' + className + '(\\s|$)');
+		el.className = el.className.replace(reg, ' ').replace(/^\s\s*/, '').replace(/\s\s*$/, ''); 
+	},
+	addClass: function(el, className) {
+		if( !framework.hasClass(el,className) ) {
+			el.className += (el.className ? ' ' : '') + className;
+		}
+	},
+	hasClass: function(el, className) {
+		return el.className && new RegExp('(^|\\s)' + className + '(\\s|$)').test(el.className);
+	},
+	getChildByClass: function(parentEl, childClassName) {
+		var node = parentEl.firstChild;
+		while(node) {
+			if( framework.hasClass(node, childClassName) ) {
+				return node;
+			}
+			node = node.nextSibling;
+		}
+	},
+	arraySearch: function(array, value, key) {
+		var i = array.length;
+		while(i--) {
+			if(array[i][key] === value) {
+				return i;
+			} 
+		}
+		return -1;
+	},
+	extend: function(o1, o2, preventOverwrite) {
+		for (var prop in o2) {
+			if (o2.hasOwnProperty(prop)) {
+				if(preventOverwrite && o1.hasOwnProperty(prop)) {
+					continue;
+				}
+				o1[prop] = o2[prop];
+			}
+		}
+	},
+	easing: {
+		sine: {
+			out: function(k) {
+				return Math.sin(k * (Math.PI / 2));
+			},
+			inOut: function(k) {
+				return - (Math.cos(Math.PI * k) - 1) / 2;
+			}
+		},
+		cubic: {
+			out: function(k) {
+				return --k * k * k + 1;
+			}
+		}
+		/*
+			elastic: {
+				out: function ( k ) {
+
+					var s, a = 0.1, p = 0.4;
+					if ( k === 0 ) return 0;
+					if ( k === 1 ) return 1;
+					if ( !a || a < 1 ) { a = 1; s = p / 4; }
+					else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI );
+					return ( a * Math.pow( 2, - 10 * k) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) + 1 );
+
+				},
+			},
+			back: {
+				out: function ( k ) {
+					var s = 1.70158;
+					return --k * k * ( ( s + 1 ) * k + s ) + 1;
+				}
+			}
+		*/
+	},
+
+	/**
+	 * 
+	 * @return {object}
+	 * 
+	 * {
+	 *  raf : request animation frame function
+	 *  caf : cancel animation frame function
+	 *  transfrom : transform property key (with vendor), or null if not supported
+	 *  oldIE : IE8 or below
+	 * }
+	 * 
+	 */
+	detectFeatures: function() {
+		if(framework.features) {
+			return framework.features;
+		}
+		var helperEl = framework.createEl(),
+			helperStyle = helperEl.style,
+			vendor = '',
+			features = {};
+
+		// IE8 and below
+		features.oldIE = document.all && !document.addEventListener;
+
+		features.touch = 'ontouchstart' in window;
+
+		if(window.requestAnimationFrame) {
+			features.raf = window.requestAnimationFrame;
+			features.caf = window.cancelAnimationFrame;
+		}
+
+		features.pointerEvent = navigator.pointerEnabled || navigator.msPointerEnabled;
+
+		// fix false-positive detection of old Android in new IE
+		// (IE11 ua string contains "Android 4.0")
+		
+		if(!features.pointerEvent) { 
+
+			var ua = navigator.userAgent;
+
+			// Detect if device is iPhone or iPod and if it's older than iOS 8
+			// http://stackoverflow.com/a/14223920
+			// 
+			// This detection is made because of buggy top/bottom toolbars
+			// that don't trigger window.resize event.
+			// For more info refer to _isFixedPosition variable in core.js
+
+			if (/iP(hone|od)/.test(navigator.platform)) {
+				var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
+				if(v && v.length > 0) {
+					v = parseInt(v[1], 10);
+					if(v >= 1 && v < 8 ) {
+						features.isOldIOSPhone = true;
+					}
+				}
+			}
+
+			// Detect old Android (before KitKat)
+			// due to bugs related to position:fixed
+			// http://stackoverflow.com/questions/7184573/pick-up-the-android-version-in-the-browser-by-javascript
+			
+			var match = ua.match(/Android\s([0-9\.]*)/);
+			var androidversion =  match ? match[1] : 0;
+			androidversion = parseFloat(androidversion);
+			if(androidversion >= 1 ) {
+				if(androidversion < 4.4) {
+					features.isOldAndroid = true; // for fixed position bug & performance
+				}
+				features.androidVersion = androidversion; // for touchend bug
+			}	
+			features.isMobileOpera = /opera mini|opera mobi/i.test(ua);
+
+			// p.s. yes, yes, UA sniffing is bad, propose your solution for above bugs.
+		}
+		
+		var styleChecks = ['transform', 'perspective', 'animationName'],
+			vendors = ['', 'webkit','Moz','ms','O'],
+			styleCheckItem,
+			styleName;
+
+		for(var i = 0; i < 4; i++) {
+			vendor = vendors[i];
+
+			for(var a = 0; a < 3; a++) {
+				styleCheckItem = styleChecks[a];
+
+				// uppercase first letter of property name, if vendor is present
+				styleName = vendor + (vendor ? 
+										styleCheckItem.charAt(0).toUpperCase() + styleCheckItem.slice(1) : 
+										styleCheckItem);
+			
+				if(!features[styleCheckItem] && styleName in helperStyle ) {
+					features[styleCheckItem] = styleName;
+				}
+			}
+
+			if(vendor && !features.raf) {
+				vendor = vendor.toLowerCase();
+				features.raf = window[vendor+'RequestAnimationFrame'];
+				if(features.raf) {
+					features.caf = window[vendor+'CancelAnimationFrame'] || 
+									window[vendor+'CancelRequestAnimationFrame'];
+				}
+			}
+		}
+			
+		if(!features.raf) {
+			var lastTime = 0;
+			features.raf = function(fn) {
+				var currTime = new Date().getTime();
+				var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+				var id = window.setTimeout(function() { fn(currTime + timeToCall); }, timeToCall);
+				lastTime = currTime + timeToCall;
+				return id;
+			};
+			features.caf = function(id) { clearTimeout(id); };
+		}
+
+		// Detect SVG support
+		features.svg = !!document.createElementNS && 
+						!!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect;
+
+		framework.features = features;
+
+		return features;
+	}
+};
+
+framework.detectFeatures();
+
+// Override addEventListener for old versions of IE
+if(framework.features.oldIE) {
+
+	framework.bind = function(target, type, listener, unbind) {
+		
+		type = type.split(' ');
+
+		var methodName = (unbind ? 'detach' : 'attach') + 'Event',
+			evName,
+			_handleEv = function() {
+				listener.handleEvent.call(listener);
+			};
+
+		for(var i = 0; i < type.length; i++) {
+			evName = type[i];
+			if(evName) {
+
+				if(typeof listener === 'object' && listener.handleEvent) {
+					if(!unbind) {
+						listener['oldIE' + evName] = _handleEv;
+					} else {
+						if(!listener['oldIE' + evName]) {
+							return false;
+						}
+					}
+
+					target[methodName]( 'on' + evName, listener['oldIE' + evName]);
+				} else {
+					target[methodName]( 'on' + evName, listener);
+				}
+
+			}
+		}
+	};
+	
+}
+
+/*>>framework-bridge*/
+
+/*>>core*/
+//function(template, UiClass, items, options)
+
+var self = this;
+
+/**
+ * Static vars, don't change unless you know what you're doing.
+ */
+var DOUBLE_TAP_RADIUS = 25, 
+	NUM_HOLDERS = 3;
+
+/**
+ * Options
+ */
+var _options = {
+	allowPanToNext:true,
+	spacing: 0.12,
+	bgOpacity: 1,
+	mouseUsed: false,
+	loop: true,
+	pinchToClose: true,
+	closeOnScroll: true,
+	closeOnVerticalDrag: true,
+	verticalDragRange: 0.75,
+	hideAnimationDuration: 333,
+	showAnimationDuration: 333,
+	showHideOpacity: false,
+	focus: true,
+	escKey: true,
+	arrowKeys: true,
+	mainScrollEndFriction: 0.35,
+	panEndFriction: 0.35,
+	isClickableElement: function(el) {
+        return el.tagName === 'A';
+    },
+    getDoubleTapZoom: function(isMouseClick, item) {
+    	if(isMouseClick) {
+    		return 1;
+    	} else {
+    		return item.initialZoomLevel < 0.7 ? 1 : 1.33;
+    	}
+    },
+    maxSpreadZoom: 1.33,
+	modal: true,
+
+	// not fully implemented yet
+	scaleMode: 'fit' // TODO
+};
+framework.extend(_options, options);
+
+
+/**
+ * Private helper variables & functions
+ */
+
+var _getEmptyPoint = function() { 
+		return {x:0,y:0}; 
+	};
+
+var _isOpen,
+	_isDestroying,
+	_closedByScroll,
+	_currentItemIndex,
+	_containerStyle,
+	_containerShiftIndex,
+	_currPanDist = _getEmptyPoint(),
+	_startPanOffset = _getEmptyPoint(),
+	_panOffset = _getEmptyPoint(),
+	_upMoveEvents, // drag move, drag end & drag cancel events array
+	_downEvents, // drag start events array
+	_globalEventHandlers,
+	_viewportSize = {},
+	_currZoomLevel,
+	_startZoomLevel,
+	_translatePrefix,
+	_translateSufix,
+	_updateSizeInterval,
+	_itemsNeedUpdate,
+	_currPositionIndex = 0,
+	_offset = {},
+	_slideSize = _getEmptyPoint(), // size of slide area, including spacing
+	_itemHolders,
+	_prevItemIndex,
+	_indexDiff = 0, // difference of indexes since last content update
+	_dragStartEvent,
+	_dragMoveEvent,
+	_dragEndEvent,
+	_dragCancelEvent,
+	_transformKey,
+	_pointerEventEnabled,
+	_isFixedPosition = true,
+	_likelyTouchDevice,
+	_modules = [],
+	_requestAF,
+	_cancelAF,
+	_initalClassName,
+	_initalWindowScrollY,
+	_oldIE,
+	_currentWindowScrollY,
+	_features,
+	_windowVisibleSize = {},
+	_renderMaxResolution = false,
+
+	// Registers PhotoSWipe module (History, Controller ...)
+	_registerModule = function(name, module) {
+		framework.extend(self, module.publicMethods);
+		_modules.push(name);
+	},
+
+	_getLoopedId = function(index) {
+		var numSlides = _getNumItems();
+		if(index > numSlides - 1) {
+			return index - numSlides;
+		} else  if(index < 0) {
+			return numSlides + index;
+		}
+		return index;
+	},
+	
+	// Micro bind/trigger
+	_listeners = {},
+	_listen = function(name, fn) {
+		if(!_listeners[name]) {
+			_listeners[name] = [];
+		}
+		return _listeners[name].push(fn);
+	},
+	_shout = function(name) {
+		var listeners = _listeners[name];
+
+		if(listeners) {
+			var args = Array.prototype.slice.call(arguments);
+			args.shift();
+
+			for(var i = 0; i < listeners.length; i++) {
+				listeners[i].apply(self, args);
+			}
+		}
+	},
+
+	_getCurrentTime = function() {
+		return new Date().getTime();
+	},
+	_applyBgOpacity = function(opacity) {
+		_bgOpacity = opacity;
+		self.bg.style.opacity = opacity * _options.bgOpacity;
+	},
+
+	_applyZoomTransform = function(styleObj,x,y,zoom,item) {
+		if(!_renderMaxResolution || (item && item !== self.currItem) ) {
+			zoom = zoom / (item ? item.fitRatio : self.currItem.fitRatio);	
+		}
+			
+		styleObj[_transformKey] = _translatePrefix + x + 'px, ' + y + 'px' + _translateSufix + ' scale(' + zoom + ')';
+	},
+	_applyCurrentZoomPan = function( allowRenderResolution ) {
+		if(_currZoomElementStyle) {
+
+			if(allowRenderResolution) {
+				if(_currZoomLevel > self.currItem.fitRatio) {
+					if(!_renderMaxResolution) {
+						_setImageSize(self.currItem, false, true);
+						_renderMaxResolution = true;
+					}
+				} else {
+					if(_renderMaxResolution) {
+						_setImageSize(self.currItem);
+						_renderMaxResolution = false;
+					}
+				}
+			}
+			
+
+			_applyZoomTransform(_currZoomElementStyle, _panOffset.x, _panOffset.y, _currZoomLevel);
+		}
+	},
+	_applyZoomPanToItem = function(item) {
+		if(item.container) {
+
+			_applyZoomTransform(item.container.style, 
+								item.initialPosition.x, 
+								item.initialPosition.y, 
+								item.initialZoomLevel,
+								item);
+		}
+	},
+	_setTranslateX = function(x, elStyle) {
+		elStyle[_transformKey] = _translatePrefix + x + 'px, 0px' + _translateSufix;
+	},
+	_moveMainScroll = function(x, dragging) {
+
+		if(!_options.loop && dragging) {
+			var newSlideIndexOffset = _currentItemIndex + (_slideSize.x * _currPositionIndex - x) / _slideSize.x,
+				delta = Math.round(x - _mainScrollPos.x);
+
+			if( (newSlideIndexOffset < 0 && delta > 0) || 
+				(newSlideIndexOffset >= _getNumItems() - 1 && delta < 0) ) {
+				x = _mainScrollPos.x + delta * _options.mainScrollEndFriction;
+			} 
+		}
+		
+		_mainScrollPos.x = x;
+		_setTranslateX(x, _containerStyle);
+	},
+	_calculatePanOffset = function(axis, zoomLevel) {
+		var m = _midZoomPoint[axis] - _offset[axis];
+		return _startPanOffset[axis] + _currPanDist[axis] + m - m * ( zoomLevel / _startZoomLevel );
+	},
+	
+	_equalizePoints = function(p1, p2) {
+		p1.x = p2.x;
+		p1.y = p2.y;
+		if(p2.id) {
+			p1.id = p2.id;
+		}
+	},
+	_roundPoint = function(p) {
+		p.x = Math.round(p.x);
+		p.y = Math.round(p.y);
+	},
+
+	_mouseMoveTimeout = null,
+	_onFirstMouseMove = function() {
+		// Wait until mouse move event is fired at least twice during 100ms
+		// We do this, because some mobile browsers trigger it on touchstart
+		if(_mouseMoveTimeout ) { 
+			framework.unbind(document, 'mousemove', _onFirstMouseMove);
+			framework.addClass(template, 'pswp--has_mouse');
+			_options.mouseUsed = true;
+			_shout('mouseUsed');
+		}
+		_mouseMoveTimeout = setTimeout(function() {
+			_mouseMoveTimeout = null;
+		}, 100);
+	},
+
+	_bindEvents = function() {
+		framework.bind(document, 'keydown', self);
+
+		if(_features.transform) {
+			// don't bind click event in browsers that don't support transform (mostly IE8)
+			framework.bind(self.scrollWrap, 'click', self);
+		}
+		
+
+		if(!_options.mouseUsed) {
+			framework.bind(document, 'mousemove', _onFirstMouseMove);
+		}
+
+		framework.bind(window, 'resize scroll', self);
+
+		_shout('bindEvents');
+	},
+
+	_unbindEvents = function() {
+		framework.unbind(window, 'resize', self);
+		framework.unbind(window, 'scroll', _globalEventHandlers.scroll);
+		framework.unbind(document, 'keydown', self);
+		framework.unbind(document, 'mousemove', _onFirstMouseMove);
+
+		if(_features.transform) {
+			framework.unbind(self.scrollWrap, 'click', self);
+		}
+
+		if(_isDragging) {
+			framework.unbind(window, _upMoveEvents, self);
+		}
+
+		_shout('unbindEvents');
+	},
+	
+	_calculatePanBounds = function(zoomLevel, update) {
+		var bounds = _calculateItemSize( self.currItem, _viewportSize, zoomLevel );
+		if(update) {
+			_currPanBounds = bounds;
+		}
+		return bounds;
+	},
+	
+	_getMinZoomLevel = function(item) {
+		if(!item) {
+			item = self.currItem;
+		}
+		return item.initialZoomLevel;
+	},
+	_getMaxZoomLevel = function(item) {
+		if(!item) {
+			item = self.currItem;
+		}
+		return item.w > 0 ? _options.maxSpreadZoom : 1;
+	},
+
+	// Return true if offset is out of the bounds
+	_modifyDestPanOffset = function(axis, destPanBounds, destPanOffset, destZoomLevel) {
+		if(destZoomLevel === self.currItem.initialZoomLevel) {
+			destPanOffset[axis] = self.currItem.initialPosition[axis];
+			return true;
+		} else {
+			destPanOffset[axis] = _calculatePanOffset(axis, destZoomLevel); 
+
+			if(destPanOffset[axis] > destPanBounds.min[axis]) {
+				destPanOffset[axis] = destPanBounds.min[axis];
+				return true;
+			} else if(destPanOffset[axis] < destPanBounds.max[axis] ) {
+				destPanOffset[axis] = destPanBounds.max[axis];
+				return true;
+			}
+		}
+		return false;
+	},
+
+	_setupTransforms = function() {
+
+		if(_transformKey) {
+			// setup 3d transforms
+			var allow3dTransform = _features.perspective && !_likelyTouchDevice;
+			_translatePrefix = 'translate' + (allow3dTransform ? '3d(' : '(');
+			_translateSufix = _features.perspective ? ', 0px)' : ')';	
+			return;
+		}
+
+		// Override zoom/pan/move functions in case old browser is used (most likely IE)
+		// (so they use left/top/width/height, instead of CSS transform)
+	
+		_transformKey = 'left';
+		framework.addClass(template, 'pswp--ie');
+
+		_setTranslateX = function(x, elStyle) {
+			elStyle.left = x + 'px';
+		};
+		_applyZoomPanToItem = function(item) {
+
+			var zoomRatio = item.fitRatio > 1 ? 1 : item.fitRatio,
+				s = item.container.style,
+				w = zoomRatio * item.w,
+				h = zoomRatio * item.h;
+
+			s.width = w + 'px';
+			s.height = h + 'px';
+			s.left = item.initialPosition.x + 'px';
+			s.top = item.initialPosition.y + 'px';
+
+		};
+		_applyCurrentZoomPan = function() {
+			if(_currZoomElementStyle) {
+
+				var s = _currZoomElementStyle,
+					item = self.currItem,
+					zoomRatio = item.fitRatio > 1 ? 1 : item.fitRatio,
+					w = zoomRatio * item.w,
+					h = zoomRatio * item.h;
+
+				s.width = w + 'px';
+				s.height = h + 'px';
+
+
+				s.left = _panOffset.x + 'px';
+				s.top = _panOffset.y + 'px';
+			}
+			
+		};
+	},
+
+	_onKeyDown = function(e) {
+		var keydownAction = '';
+		if(_options.escKey && e.keyCode === 27) { 
+			keydownAction = 'close';
+		} else if(_options.arrowKeys) {
+			if(e.keyCode === 37) {
+				keydownAction = 'prev';
+			} else if(e.keyCode === 39) { 
+				keydownAction = 'next';
+			}
+		}
+
+		if(keydownAction) {
+			// don't do anything if special key pressed to prevent from overriding default browser actions
+			// e.g. in Chrome on Mac cmd+arrow-left returns to previous page
+			if( !e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey ) {
+				if(e.preventDefault) {
+					e.preventDefault();
+				} else {
+					e.returnValue = false;
+				} 
+				self[keydownAction]();
+			}
+		}
+	},
+
+	_onGlobalClick = function(e) {
+		if(!e) {
+			return;
+		}
+
+		// don't allow click event to pass through when triggering after drag or some other gesture
+		if(_moved || _zoomStarted || _mainScrollAnimating || _verticalDragInitiated) {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+	},
+
+	_updatePageScrollOffset = function() {
+		self.setScrollOffset(0, framework.getScrollY());		
+	};
+	
+
+
+	
+
+
+
+// Micro animation engine
+var _animations = {},
+	_numAnimations = 0,
+	_stopAnimation = function(name) {
+		if(_animations[name]) {
+			if(_animations[name].raf) {
+				_cancelAF( _animations[name].raf );
+			}
+			_numAnimations--;
+			delete _animations[name];
+		}
+	},
+	_registerStartAnimation = function(name) {
+		if(_animations[name]) {
+			_stopAnimation(name);
+		}
+		if(!_animations[name]) {
+			_numAnimations++;
+			_animations[name] = {};
+		}
+	},
+	_stopAllAnimations = function() {
+		for (var prop in _animations) {
+
+			if( _animations.hasOwnProperty( prop ) ) {
+				_stopAnimation(prop);
+			} 
+			
+		}
+	},
+	_animateProp = function(name, b, endProp, d, easingFn, onUpdate, onComplete) {
+		var startAnimTime = _getCurrentTime(), t;
+		_registerStartAnimation(name);
+
+		var animloop = function(){
+			if ( _animations[name] ) {
+				
+				t = _getCurrentTime() - startAnimTime; // time diff
+				//b - beginning (start prop)
+				//d - anim duration
+
+				if ( t >= d ) {
+					_stopAnimation(name);
+					onUpdate(endProp);
+					if(onComplete) {
+						onComplete();
+					}
+					return;
+				}
+				onUpdate( (endProp - b) * easingFn(t/d) + b );
+
+				_animations[name].raf = _requestAF(animloop);
+			}
+		};
+		animloop();
+	};
+	
+
+
+var publicMethods = {
+
+	// make a few local variables and functions public
+	shout: _shout,
+	listen: _listen,
+	viewportSize: _viewportSize,
+	options: _options,
+
+	isMainScrollAnimating: function() {
+		return _mainScrollAnimating;
+	},
+	getZoomLevel: function() {
+		return _currZoomLevel;
+	},
+	getCurrentIndex: function() {
+		return _currentItemIndex;
+	},
+	isDragging: function() {
+		return _isDragging;
+	},	
+	isZooming: function() {
+		return _isZooming;
+	},
+	setScrollOffset: function(x,y) {
+		_offset.x = x;
+		_currentWindowScrollY = _offset.y = y;
+		_shout('updateScrollOffset', _offset);
+	},
+	applyZoomPan: function(zoomLevel,panX,panY,allowRenderResolution) {
+		_panOffset.x = panX;
+		_panOffset.y = panY;
+		_currZoomLevel = zoomLevel;
+		_applyCurrentZoomPan( allowRenderResolution );
+	},
+
+	init: function() {
+
+		if(_isOpen || _isDestroying) {
+			return;
+		}
+
+		var i;
+
+		self.framework = framework; // basic functionality
+		self.template = template; // root DOM element of PhotoSwipe
+		self.bg = framework.getChildByClass(template, 'pswp__bg');
+
+		_initalClassName = template.className;
+		_isOpen = true;
+				
+		_features = framework.detectFeatures();
+		_requestAF = _features.raf;
+		_cancelAF = _features.caf;
+		_transformKey = _features.transform;
+		_oldIE = _features.oldIE;
+		
+		self.scrollWrap = framework.getChildByClass(template, 'pswp__scroll-wrap');
+		self.container = framework.getChildByClass(self.scrollWrap, 'pswp__container');
+
+		_containerStyle = self.container.style; // for fast access
+
+		// Objects that hold slides (there are only 3 in DOM)
+		self.itemHolders = _itemHolders = [
+			{el:self.container.children[0] , wrap:0, index: -1},
+			{el:self.container.children[1] , wrap:0, index: -1},
+			{el:self.container.children[2] , wrap:0, index: -1}
+		];
+
+		// hide nearby item holders until initial zoom animation finishes (to avoid extra Paints)
+		_itemHolders[0].el.style.display = _itemHolders[2].el.style.display = 'none';
+
+		_setupTransforms();
+
+		// Setup global events
+		_globalEventHandlers = {
+			resize: self.updateSize,
+			scroll: _updatePageScrollOffset,
+			keydown: _onKeyDown,
+			click: _onGlobalClick
+		};
+
+		// disable show/hide effects on old browsers that don't support CSS animations or transforms, 
+		// old IOS, Android and Opera mobile. Blackberry seems to work fine, even older models.
+		var oldPhone = _features.isOldIOSPhone || _features.isOldAndroid || _features.isMobileOpera;
+		if(!_features.animationName || !_features.transform || oldPhone) {
+			_options.showAnimationDuration = _options.hideAnimationDuration = 0;
+		}
+
+		// init modules
+		for(i = 0; i < _modules.length; i++) {
+			self['init' + _modules[i]]();
+		}
+		
+		// init
+		if(UiClass) {
+			var ui = self.ui = new UiClass(self, framework);
+			ui.init();
+		}
+
+		_shout('firstUpdate');
+		_currentItemIndex = _currentItemIndex || _options.index || 0;
+		// validate index
+		if( isNaN(_currentItemIndex) || _currentItemIndex < 0 || _currentItemIndex >= _getNumItems() ) {
+			_currentItemIndex = 0;
+		}
+		self.currItem = _getItemAt( _currentItemIndex );
+
+		
+		if(_features.isOldIOSPhone || _features.isOldAndroid) {
+			_isFixedPosition = false;
+		}
+		
+		template.setAttribute('aria-hidden', 'false');
+		if(_options.modal) {
+			if(!_isFixedPosition) {
+				template.style.position = 'absolute';
+				template.style.top = framework.getScrollY() + 'px';
+			} else {
+				template.style.position = 'fixed';
+			}
+		}
+
+		if(_currentWindowScrollY === undefined) {
+			_shout('initialLayout');
+			_currentWindowScrollY = _initalWindowScrollY = framework.getScrollY();
+		}
+		
+		// add classes to root element of PhotoSwipe
+		var rootClasses = 'pswp--open ';
+		if(_options.mainClass) {
+			rootClasses += _options.mainClass + ' ';
+		}
+		if(_options.showHideOpacity) {
+			rootClasses += 'pswp--animate_opacity ';
+		}
+		rootClasses += _likelyTouchDevice ? 'pswp--touch' : 'pswp--notouch';
+		rootClasses += _features.animationName ? ' pswp--css_animation' : '';
+		rootClasses += _features.svg ? ' pswp--svg' : '';
+		framework.addClass(template, rootClasses);
+
+		self.updateSize();
+
+		// initial update
+		_containerShiftIndex = -1;
+		_indexDiff = null;
+		for(i = 0; i < NUM_HOLDERS; i++) {
+			_setTranslateX( (i+_containerShiftIndex) * _slideSize.x, _itemHolders[i].el.style);
+		}
+
+		if(!_oldIE) {
+			framework.bind(self.scrollWrap, _downEvents, self); // no dragging for old IE
+		}	
+
+		_listen('initialZoomInEnd', function() {
+			self.setContent(_itemHolders[0], _currentItemIndex-1);
+			self.setContent(_itemHolders[2], _currentItemIndex+1);
+
+			_itemHolders[0].el.style.display = _itemHolders[2].el.style.display = 'block';
+
+			if(_options.focus) {
+				// focus causes layout, 
+				// which causes lag during the animation, 
+				// that's why we delay it untill the initial zoom transition ends
+				template.focus();
+			}
+			 
+
+			_bindEvents();
+		});
+
+		// set content for center slide (first time)
+		self.setContent(_itemHolders[1], _currentItemIndex);
+		
+		self.updateCurrItem();
+
+		_shout('afterInit');
+
+		if(!_isFixedPosition) {
+
+			// On all versions of iOS lower than 8.0, we check size of viewport every second.
+			// 
+			// This is done to detect when Safari top & bottom bars appear, 
+			// as this action doesn't trigger any events (like resize). 
+			// 
+			// On iOS8 they fixed this.
+			// 
+			// 10 Nov 2014: iOS 7 usage ~40%. iOS 8 usage 56%.
+			
+			_updateSizeInterval = setInterval(function() {
+				if(!_numAnimations && !_isDragging && !_isZooming && (_currZoomLevel === self.currItem.initialZoomLevel)  ) {
+					self.updateSize();
+				}
+			}, 1000);
+		}
+
+		framework.addClass(template, 'pswp--visible');
+	},
+
+	// Close the gallery, then destroy it
+	close: function() {
+		if(!_isOpen) {
+			return;
+		}
+
+		_isOpen = false;
+		_isDestroying = true;
+		_shout('close');
+		_unbindEvents();
+
+		_showOrHide(self.currItem, null, true, self.destroy);
+	},
+
+	// destroys the gallery (unbinds events, cleans up intervals and timeouts to avoid memory leaks)
+	destroy: function() {
+		_shout('destroy');
+
+		if(_showOrHideTimeout) {
+			clearTimeout(_showOrHideTimeout);
+		}
+		
+		template.setAttribute('aria-hidden', 'true');
+		template.className = _initalClassName;
+
+		if(_updateSizeInterval) {
+			clearInterval(_updateSizeInterval);
+		}
+
+		framework.unbind(self.scrollWrap, _downEvents, self);
+
+		// we unbind scroll event at the end, as closing animation may depend on it
+		framework.unbind(window, 'scroll', self);
+
+		_stopDragUpdateLoop();
+
+		_stopAllAnimations();
+
+		_listeners = null;
+	},
+
+	/**
+	 * Pan image to position
+	 * @param {Number} x     
+	 * @param {Number} y     
+	 * @param {Boolean} force Will ignore bounds if set to true.
+	 */
+	panTo: function(x,y,force) {
+		if(!force) {
+			if(x > _currPanBounds.min.x) {
+				x = _currPanBounds.min.x;
+			} else if(x < _currPanBounds.max.x) {
+				x = _currPanBounds.max.x;
+			}
+
+			if(y > _currPanBounds.min.y) {
+				y = _currPanBounds.min.y;
+			} else if(y < _currPanBounds.max.y) {
+				y = _currPanBounds.max.y;
+			}
+		}
+		
+		_panOffset.x = x;
+		_panOffset.y = y;
+		_applyCurrentZoomPan();
+	},
+	
+	handleEvent: function (e) {
+		e = e || window.event;
+		if(_globalEventHandlers[e.type]) {
+			_globalEventHandlers[e.type](e);
+		}
+	},
+
+
+	goTo: function(index) {
+
+		index = _getLoopedId(index);
+
+		var diff = index - _currentItemIndex;
+		_indexDiff = diff;
+
+		_currentItemIndex = index;
+		self.currItem = _getItemAt( _currentItemIndex );
+		_currPositionIndex -= diff;
+		
+		_moveMainScroll(_slideSize.x * _currPositionIndex);
+		
+
+		_stopAllAnimations();
+		_mainScrollAnimating = false;
+
+		self.updateCurrItem();
+	},
+	next: function() {
+		self.goTo( _currentItemIndex + 1);
+	},
+	prev: function() {
+		self.goTo( _currentItemIndex - 1);
+	},
+
+	// update current zoom/pan objects
+	updateCurrZoomItem: function(emulateSetContent) {
+		if(emulateSetContent) {
+			_shout('beforeChange', 0);
+		}
+
+		// itemHolder[1] is middle (current) item
+		if(_itemHolders[1].el.children.length) {
+			var zoomElement = _itemHolders[1].el.children[0];
+			if( framework.hasClass(zoomElement, 'pswp__zoom-wrap') ) {
+				_currZoomElementStyle = zoomElement.style;
+			} else {
+				_currZoomElementStyle = null;
+			}
+		} else {
+			_currZoomElementStyle = null;
+		}
+		
+		_currPanBounds = self.currItem.bounds;	
+		_startZoomLevel = _currZoomLevel = self.currItem.initialZoomLevel;
+
+		_panOffset.x = _currPanBounds.center.x;
+		_panOffset.y = _currPanBounds.center.y;
+
+		if(emulateSetContent) {
+			_shout('afterChange');
+		}
+	},
+
+
+	invalidateCurrItems: function() {
+		_itemsNeedUpdate = true;
+		for(var i = 0; i < NUM_HOLDERS; i++) {
+			if( _itemHolders[i].item ) {
+				_itemHolders[i].item.needsUpdate = true;
+			}
+		}
+	},
+
+	updateCurrItem: function(beforeAnimation) {
+
+		if(_indexDiff === 0) {
+			return;
+		}
+
+		var diffAbs = Math.abs(_indexDiff),
+			tempHolder;
+
+		if(beforeAnimation && diffAbs < 2) {
+			return;
+		}
+
+
+		self.currItem = _getItemAt( _currentItemIndex );
+		_renderMaxResolution = false;
+		
+		_shout('beforeChange', _indexDiff);
+
+		if(diffAbs >= NUM_HOLDERS) {
+			_containerShiftIndex += _indexDiff + (_indexDiff > 0 ? -NUM_HOLDERS : NUM_HOLDERS);
+			diffAbs = NUM_HOLDERS;
+		}
+		for(var i = 0; i < diffAbs; i++) {
+			if(_indexDiff > 0) {
+				tempHolder = _itemHolders.shift();
+				_itemHolders[NUM_HOLDERS-1] = tempHolder; // move first to last
+
+				_containerShiftIndex++;
+				_setTranslateX( (_containerShiftIndex+2) * _slideSize.x, tempHolder.el.style);
+				self.setContent(tempHolder, _currentItemIndex - diffAbs + i + 1 + 1);
+			} else {
+				tempHolder = _itemHolders.pop();
+				_itemHolders.unshift( tempHolder ); // move last to first
+
+				_containerShiftIndex--;
+				_setTranslateX( _containerShiftIndex * _slideSize.x, tempHolder.el.style);
+				self.setContent(tempHolder, _currentItemIndex + diffAbs - i - 1 - 1);
+			}
+			
+		}
+
+		// reset zoom/pan on previous item
+		if(_currZoomElementStyle && Math.abs(_indexDiff) === 1) {
+
+			var prevItem = _getItemAt(_prevItemIndex);
+			if(prevItem.initialZoomLevel !== _currZoomLevel) {
+				_calculateItemSize(prevItem , _viewportSize );
+				_setImageSize(prevItem);
+				_applyZoomPanToItem( prevItem ); 				
+			}
+
+		}
+
+		// reset diff after update
+		_indexDiff = 0;
+
+		self.updateCurrZoomItem();
+
+		_prevItemIndex = _currentItemIndex;
+
+		_shout('afterChange');
+		
+	},
+
+
+
+	updateSize: function(force) {
+		
+		if(!_isFixedPosition && _options.modal) {
+			var windowScrollY = framework.getScrollY();
+			if(_currentWindowScrollY !== windowScrollY) {
+				template.style.top = windowScrollY + 'px';
+				_currentWindowScrollY = windowScrollY;
+			}
+			if(!force && _windowVisibleSize.x === window.innerWidth && _windowVisibleSize.y === window.innerHeight) {
+				return;
+			}
+			_windowVisibleSize.x = window.innerWidth;
+			_windowVisibleSize.y = window.innerHeight;
+
+			//template.style.width = _windowVisibleSize.x + 'px';
+			template.style.height = _windowVisibleSize.y + 'px';
+		}
+
+
+
+		_viewportSize.x = self.scrollWrap.clientWidth;
+		_viewportSize.y = self.scrollWrap.clientHeight;
+
+		_updatePageScrollOffset();
+
+		_slideSize.x = _viewportSize.x + Math.round(_viewportSize.x * _options.spacing);
+		_slideSize.y = _viewportSize.y;
+
+		_moveMainScroll(_slideSize.x * _currPositionIndex);
+
+		_shout('beforeResize'); // even may be used for example to switch image sources
+
+
+		// don't re-calculate size on inital size update
+		if(_containerShiftIndex !== undefined) {
+
+			var holder,
+				item,
+				hIndex;
+
+			for(var i = 0; i < NUM_HOLDERS; i++) {
+				holder = _itemHolders[i];
+				_setTranslateX( (i+_containerShiftIndex) * _slideSize.x, holder.el.style);
+
+				hIndex = _currentItemIndex+i-1;
+
+				if(_options.loop && _getNumItems() > 2) {
+					hIndex = _getLoopedId(hIndex);
+				}
+
+				// update zoom level on items and refresh source (if needsUpdate)
+				item = _getItemAt( hIndex );
+
+				// re-render gallery item if `needsUpdate`,
+				// or doesn't have `bounds` (entirely new slide object)
+				if( item && (_itemsNeedUpdate || item.needsUpdate || !item.bounds) ) {
+
+					self.cleanSlide( item );
+					
+					self.setContent( holder, hIndex );
+
+					// if "center" slide
+					if(i === 1) {
+						self.currItem = item;
+						self.updateCurrZoomItem(true);
+					}
+
+					item.needsUpdate = false;
+
+				} else if(holder.index === -1 && hIndex >= 0) {
+					// add content first time
+					self.setContent( holder, hIndex );
+				}
+				if(item && item.container) {
+					_calculateItemSize(item, _viewportSize);
+					_setImageSize(item);
+					_applyZoomPanToItem( item );
+				}
+				
+			}
+			_itemsNeedUpdate = false;
+		}	
+
+		_startZoomLevel = _currZoomLevel = self.currItem.initialZoomLevel;
+		_currPanBounds = self.currItem.bounds;
+
+		if(_currPanBounds) {
+			_panOffset.x = _currPanBounds.center.x;
+			_panOffset.y = _currPanBounds.center.y;
+			_applyCurrentZoomPan( true );
+		}
+		
+		_shout('resize');
+	},
+	
+	// Zoom current item to
+	zoomTo: function(destZoomLevel, centerPoint, speed, easingFn, updateFn) {
+		/*
+			if(destZoomLevel === 'fit') {
+				destZoomLevel = self.currItem.fitRatio;
+			} else if(destZoomLevel === 'fill') {
+				destZoomLevel = self.currItem.fillRatio;
+			}
+		*/
+
+		if(centerPoint) {
+			_startZoomLevel = _currZoomLevel;
+			_midZoomPoint.x = Math.abs(centerPoint.x) - _panOffset.x ;
+			_midZoomPoint.y = Math.abs(centerPoint.y) - _panOffset.y ;
+			_equalizePoints(_startPanOffset, _panOffset);
+		}
+
+		var destPanBounds = _calculatePanBounds(destZoomLevel, false),
+			destPanOffset = {};
+
+		_modifyDestPanOffset('x', destPanBounds, destPanOffset, destZoomLevel);
+		_modifyDestPanOffset('y', destPanBounds, destPanOffset, destZoomLevel);
+
+		var initialZoomLevel = _currZoomLevel;
+		var initialPanOffset = {
+			x: _panOffset.x,
+			y: _panOffset.y
+		};
+
+		_roundPoint(destPanOffset);
+
+		var onUpdate = function(now) {
+			if(now === 1) {
+				_currZoomLevel = destZoomLevel;
+				_panOffset.x = destPanOffset.x;
+				_panOffset.y = destPanOffset.y;
+			} else {
+				_currZoomLevel = (destZoomLevel - initialZoomLevel) * now + initialZoomLevel;
+				_panOffset.x = (destPanOffset.x - initialPanOffset.x) * now + initialPanOffset.x;
+				_panOffset.y = (destPanOffset.y - initialPanOffset.y) * now + initialPanOffset.y;
+			}
+
+			if(updateFn) {
+				updateFn(now);
+			}
+
+			_applyCurrentZoomPan( now === 1 );
+		};
+
+		if(speed) {
+			_animateProp('customZoomTo', 0, 1, speed, easingFn || framework.easing.sine.inOut, onUpdate);
+		} else {
+			onUpdate(1);
+		}
+	}
+
+
+};
+
+
+/*>>core*/
+
+/*>>gestures*/
+/**
+ * Mouse/touch/pointer event handlers.
+ * 
+ * separated from @core.js for readability
+ */
+
+var MIN_SWIPE_DISTANCE = 30,
+	DIRECTION_CHECK_OFFSET = 10; // amount of pixels to drag to determine direction of swipe
+
+var _gestureStartTime,
+	_gestureCheckSpeedTime,
+
+	// pool of objects that are used during dragging of zooming
+	p = {}, // first point
+	p2 = {}, // second point (for zoom gesture)
+	delta = {},
+	_currPoint = {},
+	_startPoint = {},
+	_currPointers = [],
+	_startMainScrollPos = {},
+	_releaseAnimData,
+	_posPoints = [], // array of points during dragging, used to determine type of gesture
+	_tempPoint = {},
+
+	_isZoomingIn,
+	_verticalDragInitiated,
+	_oldAndroidTouchEndTimeout,
+	_currZoomedItemIndex = 0,
+	_centerPoint = _getEmptyPoint(),
+	_lastReleaseTime = 0,
+	_isDragging, // at least one pointer is down
+	_isMultitouch, // at least two _pointers are down
+	_zoomStarted, // zoom level changed during zoom gesture
+	_moved,
+	_dragAnimFrame,
+	_mainScrollShifted,
+	_currentPoints, // array of current touch points
+	_isZooming,
+	_currPointsDistance,
+	_startPointsDistance,
+	_currPanBounds,
+	_mainScrollPos = _getEmptyPoint(),
+	_currZoomElementStyle,
+	_mainScrollAnimating, // true, if animation after swipe gesture is running
+	_midZoomPoint = _getEmptyPoint(),
+	_currCenterPoint = _getEmptyPoint(),
+	_direction,
+	_isFirstMove,
+	_opacityChanged,
+	_bgOpacity,
+	_wasOverInitialZoom,
+
+	_isEqualPoints = function(p1, p2) {
+		return p1.x === p2.x && p1.y === p2.y;
+	},
+	_isNearbyPoints = function(touch0, touch1) {
+		return Math.abs(touch0.x - touch1.x) < DOUBLE_TAP_RADIUS && Math.abs(touch0.y - touch1.y) < DOUBLE_TAP_RADIUS;
+	},
+	_calculatePointsDistance = function(p1, p2) {
+		_tempPoint.x = Math.abs( p1.x - p2.x );
+		_tempPoint.y = Math.abs( p1.y - p2.y );
+		return Math.sqrt(_tempPoint.x * _tempPoint.x + _tempPoint.y * _tempPoint.y);
+	},
+	_stopDragUpdateLoop = function() {
+		if(_dragAnimFrame) {
+			_cancelAF(_dragAnimFrame);
+			_dragAnimFrame = null;
+		}
+	},
+	_dragUpdateLoop = function() {
+		if(_isDragging) {
+			_dragAnimFrame = _requestAF(_dragUpdateLoop);
+			_renderMovement();
+		}
+	},
+	_canPan = function() {
+		return !(_options.scaleMode === 'fit' && _currZoomLevel ===  self.currItem.initialZoomLevel);
+	},
+	
+	// find the closest parent DOM element
+	_closestElement = function(el, fn) {
+	  	if(!el || el === document) {
+	  		return false;
+	  	}
+
+	  	// don't search elements above pswp__scroll-wrap
+	  	if(el.getAttribute('class') && el.getAttribute('class').indexOf('pswp__scroll-wrap') > -1 ) {
+	  		return false;
+	  	}
+
+	  	if( fn(el) ) {
+	  		return el;
+	  	}
+
+	  	return _closestElement(el.parentNode, fn);
+	},
+
+	_preventObj = {},
+	_preventDefaultEventBehaviour = function(e, isDown) {
+	    _preventObj.prevent = !_closestElement(e.target, _options.isClickableElement);
+
+		_shout('preventDragEvent', e, isDown, _preventObj);
+		return _preventObj.prevent;
+
+	},
+	_convertTouchToPoint = function(touch, p) {
+		p.x = touch.pageX;
+		p.y = touch.pageY;
+		p.id = touch.identifier;
+		return p;
+	},
+	_findCenterOfPoints = function(p1, p2, pCenter) {
+		pCenter.x = (p1.x + p2.x) * 0.5;
+		pCenter.y = (p1.y + p2.y) * 0.5;
+	},
+	_pushPosPoint = function(time, x, y) {
+		if(time - _gestureCheckSpeedTime > 50) {
+			var o = _posPoints.length > 2 ? _posPoints.shift() : {};
+			o.x = x;
+			o.y = y; 
+			_posPoints.push(o);
+			_gestureCheckSpeedTime = time;
+		}
+	},
+
+	_calculateVerticalDragOpacityRatio = function() {
+		var yOffset = _panOffset.y - self.currItem.initialPosition.y; // difference between initial and current position
+		return 1 -  Math.abs( yOffset / (_viewportSize.y / 2)  );
+	},
+
+	
+	// points pool, reused during touch events
+	_ePoint1 = {},
+	_ePoint2 = {},
+	_tempPointsArr = [],
+	_tempCounter,
+	_getTouchPoints = function(e) {
+		// clean up previous points, without recreating array
+		while(_tempPointsArr.length > 0) {
+			_tempPointsArr.pop();
+		}
+
+		if(!_pointerEventEnabled) {
+			if(e.type.indexOf('touch') > -1) {
+
+				if(e.touches && e.touches.length > 0) {
+					_tempPointsArr[0] = _convertTouchToPoint(e.touches[0], _ePoint1);
+					if(e.touches.length > 1) {
+						_tempPointsArr[1] = _convertTouchToPoint(e.touches[1], _ePoint2);
+					}
+				}
+				
+			} else {
+				_ePoint1.x = e.pageX;
+				_ePoint1.y = e.pageY;
+				_ePoint1.id = '';
+				_tempPointsArr[0] = _ePoint1;//_ePoint1;
+			}
+		} else {
+			_tempCounter = 0;
+			// we can use forEach, as pointer events are supported only in modern browsers
+			_currPointers.forEach(function(p) {
+				if(_tempCounter === 0) {
+					_tempPointsArr[0] = p;
+				} else if(_tempCounter === 1) {
+					_tempPointsArr[1] = p;
+				}
+				_tempCounter++;
+
+			});
+		}
+		return _tempPointsArr;
+	},
+
+	_panOrMoveMainScroll = function(axis, delta) {
+
+		var panFriction,
+			overDiff = 0,
+			newOffset = _panOffset[axis] + delta[axis],
+			startOverDiff,
+			dir = delta[axis] > 0,
+			newMainScrollPosition = _mainScrollPos.x + delta.x,
+			mainScrollDiff = _mainScrollPos.x - _startMainScrollPos.x,
+			newPanPos,
+			newMainScrollPos;
+
+		// calculate fdistance over the bounds and friction
+		if(newOffset > _currPanBounds.min[axis] || newOffset < _currPanBounds.max[axis]) {
+			panFriction = _options.panEndFriction;
+			// Linear increasing of friction, so at 1/4 of viewport it's at max value. 
+			// Looks not as nice as was expected. Left for history.
+			// panFriction = (1 - (_panOffset[axis] + delta[axis] + panBounds.min[axis]) / (_viewportSize[axis] / 4) );
+		} else {
+			panFriction = 1;
+		}
+		
+		newOffset = _panOffset[axis] + delta[axis] * panFriction;
+
+		// move main scroll or start panning
+		if(_options.allowPanToNext || _currZoomLevel === self.currItem.initialZoomLevel) {
+
+
+			if(!_currZoomElementStyle) {
+				
+				newMainScrollPos = newMainScrollPosition;
+
+			} else if(_direction === 'h' && axis === 'x' && !_zoomStarted ) {
+				
+				if(dir) {
+					if(newOffset > _currPanBounds.min[axis]) {
+						panFriction = _options.panEndFriction;
+						overDiff = _currPanBounds.min[axis] - newOffset;
+						startOverDiff = _currPanBounds.min[axis] - _startPanOffset[axis];
+					}
+					
+					// drag right
+					if( (startOverDiff <= 0 || mainScrollDiff < 0) && _getNumItems() > 1 ) {
+						newMainScrollPos = newMainScrollPosition;
+						if(mainScrollDiff < 0 && newMainScrollPosition > _startMainScrollPos.x) {
+							newMainScrollPos = _startMainScrollPos.x;
+						}
+					} else {
+						if(_currPanBounds.min.x !== _currPanBounds.max.x) {
+							newPanPos = newOffset;
+						}
+						
+					}
+
+				} else {
+
+					if(newOffset < _currPanBounds.max[axis] ) {
+						panFriction =_options.panEndFriction;
+						overDiff = newOffset - _currPanBounds.max[axis];
+						startOverDiff = _startPanOffset[axis] - _currPanBounds.max[axis];
+					}
+
+					if( (startOverDiff <= 0 || mainScrollDiff > 0) && _getNumItems() > 1 ) {
+						newMainScrollPos = newMainScrollPosition;
+
+						if(mainScrollDiff > 0 && newMainScrollPosition < _startMainScrollPos.x) {
+							newMainScrollPos = _startMainScrollPos.x;
+						}
+
+					} else {
+						if(_currPanBounds.min.x !== _currPanBounds.max.x) {
+							newPanPos = newOffset;
+						}
+					}
+
+				}
+
+
+				//
+			}
+
+			if(axis === 'x') {
+
+				if(newMainScrollPos !== undefined) {
+					_moveMainScroll(newMainScrollPos, true);
+					if(newMainScrollPos === _startMainScrollPos.x) {
+						_mainScrollShifted = false;
+					} else {
+						_mainScrollShifted = true;
+					}
+				}
+
+				if(_currPanBounds.min.x !== _currPanBounds.max.x) {
+					if(newPanPos !== undefined) {
+						_panOffset.x = newPanPos;
+					} else if(!_mainScrollShifted) {
+						_panOffset.x += delta.x * panFriction;
+					}
+				}
+
+				return newMainScrollPos !== undefined;
+			}
+
+		}
+
+		if(!_mainScrollAnimating) {
+			
+			if(!_mainScrollShifted) {
+				if(_currZoomLevel > self.currItem.fitRatio) {
+					_panOffset[axis] += delta[axis] * panFriction;
+				
+				}
+			}
+
+			
+		}
+		
+	},
+
+	// Pointerdown/touchstart/mousedown handler
+	_onDragStart = function(e) {
+
+		// Allow dragging only via left mouse button.
+		// As this handler is not added in IE8 - we ignore e.which
+		// 
+		// http://www.quirksmode.org/js/events_properties.html
+		// https://developer.mozilla.org/en-US/docs/Web/API/event.button
+		if(e.type === 'mousedown' && e.button > 0  ) {
+			return;
+		}
+
+		if(_initialZoomRunning) {
+			e.preventDefault();
+			return;
+		}
+
+		if(_oldAndroidTouchEndTimeout && e.type === 'mousedown') {
+			return;
+		}
+
+		if(_preventDefaultEventBehaviour(e, true)) {
+			e.preventDefault();
+		}
+
+
+
+		_shout('pointerDown');
+
+		if(_pointerEventEnabled) {
+			var pointerIndex = framework.arraySearch(_currPointers, e.pointerId, 'id');
+			if(pointerIndex < 0) {
+				pointerIndex = _currPointers.length;
+			}
+			_currPointers[pointerIndex] = {x:e.pageX, y:e.pageY, id: e.pointerId};
+		}
+		
+
+
+		var startPointsList = _getTouchPoints(e),
+			numPoints = startPointsList.length;
+
+		_currentPoints = null;
+
+		_stopAllAnimations();
+
+		// init drag
+		if(!_isDragging || numPoints === 1) {
+
+			
+
+			_isDragging = _isFirstMove = true;
+			framework.bind(window, _upMoveEvents, self);
+
+			_isZoomingIn = 
+				_wasOverInitialZoom = 
+				_opacityChanged = 
+				_verticalDragInitiated = 
+				_mainScrollShifted = 
+				_moved = 
+				_isMultitouch = 
+				_zoomStarted = false;
+
+			_direction = null;
+
+			_shout('firstTouchStart', startPointsList);
+
+			_equalizePoints(_startPanOffset, _panOffset);
+
+			_currPanDist.x = _currPanDist.y = 0;
+			_equalizePoints(_currPoint, startPointsList[0]);
+			_equalizePoints(_startPoint, _currPoint);
+
+			//_equalizePoints(_startMainScrollPos, _mainScrollPos);
+			_startMainScrollPos.x = _slideSize.x * _currPositionIndex;
+
+			_posPoints = [{
+				x: _currPoint.x,
+				y: _currPoint.y
+			}];
+
+			_gestureCheckSpeedTime = _gestureStartTime = _getCurrentTime();
+
+			//_mainScrollAnimationEnd(true);
+			_calculatePanBounds( _currZoomLevel, true );
+			
+			// Start rendering
+			_stopDragUpdateLoop();
+			_dragUpdateLoop();
+			
+		}
+
+		// init zoom
+		if(!_isZooming && numPoints > 1 && !_mainScrollAnimating && !_mainScrollShifted) {
+			_startZoomLevel = _currZoomLevel;
+			_zoomStarted = false; // true if zoom changed at least once
+
+			_isZooming = _isMultitouch = true;
+			_currPanDist.y = _currPanDist.x = 0;
+
+			_equalizePoints(_startPanOffset, _panOffset);
+
+			_equalizePoints(p, startPointsList[0]);
+			_equalizePoints(p2, startPointsList[1]);
+
+			_findCenterOfPoints(p, p2, _currCenterPoint);
+
+			_midZoomPoint.x = Math.abs(_currCenterPoint.x) - _panOffset.x;
+			_midZoomPoint.y = Math.abs(_currCenterPoint.y) - _panOffset.y;
+			_currPointsDistance = _startPointsDistance = _calculatePointsDistance(p, p2);
+		}
+
+
+	},
+
+	// Pointermove/touchmove/mousemove handler
+	_onDragMove = function(e) {
+
+		e.preventDefault();
+
+		if(_pointerEventEnabled) {
+			var pointerIndex = framework.arraySearch(_currPointers, e.pointerId, 'id');
+			if(pointerIndex > -1) {
+				var p = _currPointers[pointerIndex];
+				p.x = e.pageX;
+				p.y = e.pageY; 
+			}
+		}
+
+		if(_isDragging) {
+			var touchesList = _getTouchPoints(e);
+			if(!_direction && !_moved && !_isZooming) {
+
+				if(_mainScrollPos.x !== _slideSize.x * _currPositionIndex) {
+					// if main scroll position is shifted – direction is always horizontal
+					_direction = 'h';
+				} else {
+					var diff = Math.abs(touchesList[0].x - _currPoint.x) - Math.abs(touchesList[0].y - _currPoint.y);
+					// check the direction of movement
+					if(Math.abs(diff) >= DIRECTION_CHECK_OFFSET) {
+						_direction = diff > 0 ? 'h' : 'v';
+						_currentPoints = touchesList;
+					}
+				}
+				
+			} else {
+				_currentPoints = touchesList;
+			}
+		}	
+	},
+	// 
+	_renderMovement =  function() {
+
+		if(!_currentPoints) {
+			return;
+		}
+
+		var numPoints = _currentPoints.length;
+
+		if(numPoints === 0) {
+			return;
+		}
+
+		_equalizePoints(p, _currentPoints[0]);
+
+		delta.x = p.x - _currPoint.x;
+		delta.y = p.y - _currPoint.y;
+
+		if(_isZooming && numPoints > 1) {
+			// Handle behaviour for more than 1 point
+
+			_currPoint.x = p.x;
+			_currPoint.y = p.y;
+		
+			// check if one of two points changed
+			if( !delta.x && !delta.y && _isEqualPoints(_currentPoints[1], p2) ) {
+				return;
+			}
+
+			_equalizePoints(p2, _currentPoints[1]);
+
+
+			if(!_zoomStarted) {
+				_zoomStarted = true;
+				_shout('zoomGestureStarted');
+			}
+			
+			// Distance between two points
+			var pointsDistance = _calculatePointsDistance(p,p2);
+
+			var zoomLevel = _calculateZoomLevel(pointsDistance);
+
+			// slightly over the of initial zoom level
+			if(zoomLevel > self.currItem.initialZoomLevel + self.currItem.initialZoomLevel / 15) {
+				_wasOverInitialZoom = true;
+			}
+
+			// Apply the friction if zoom level is out of the bounds
+			var zoomFriction = 1,
+				minZoomLevel = _getMinZoomLevel(),
+				maxZoomLevel = _getMaxZoomLevel();
+
+			if ( zoomLevel < minZoomLevel ) {
+				
+				if(_options.pinchToClose && !_wasOverInitialZoom && _startZoomLevel <= self.currItem.initialZoomLevel) {
+					// fade out background if zooming out
+					var minusDiff = minZoomLevel - zoomLevel;
+					var percent = 1 - minusDiff / (minZoomLevel / 1.2);
+
+					_applyBgOpacity(percent);
+					_shout('onPinchClose', percent);
+					_opacityChanged = true;
+				} else {
+					zoomFriction = (minZoomLevel - zoomLevel) / minZoomLevel;
+					if(zoomFriction > 1) {
+						zoomFriction = 1;
+					}
+					zoomLevel = minZoomLevel - zoomFriction * (minZoomLevel / 3);
+				}
+				
+			} else if ( zoomLevel > maxZoomLevel ) {
+				// 1.5 - extra zoom level above the max. E.g. if max is x6, real max 6 + 1.5 = 7.5
+				zoomFriction = (zoomLevel - maxZoomLevel) / ( minZoomLevel * 6 );
+				if(zoomFriction > 1) {
+					zoomFriction = 1;
+				}
+				zoomLevel = maxZoomLevel + zoomFriction * minZoomLevel;
+			}
+
+			if(zoomFriction < 0) {
+				zoomFriction = 0;
+			}
+
+			// distance between touch points after friction is applied
+			_currPointsDistance = pointsDistance;
+
+			// _centerPoint - The point in the middle of two pointers
+			_findCenterOfPoints(p, p2, _centerPoint);
+		
+			// paning with two pointers pressed
+			_currPanDist.x += _centerPoint.x - _currCenterPoint.x;
+			_currPanDist.y += _centerPoint.y - _currCenterPoint.y;
+			_equalizePoints(_currCenterPoint, _centerPoint);
+
+			_panOffset.x = _calculatePanOffset('x', zoomLevel);
+			_panOffset.y = _calculatePanOffset('y', zoomLevel);
+
+			_isZoomingIn = zoomLevel > _currZoomLevel;
+			_currZoomLevel = zoomLevel;
+			_applyCurrentZoomPan();
+
+		} else {
+
+			// handle behaviour for one point (dragging or panning)
+
+			if(!_direction) {
+				return;
+			}
+
+			if(_isFirstMove) {
+				_isFirstMove = false;
+
+				// subtract drag distance that was used during the detection direction  
+
+				if( Math.abs(delta.x) >= DIRECTION_CHECK_OFFSET) {
+					delta.x -= _currentPoints[0].x - _startPoint.x;
+				}
+				
+				if( Math.abs(delta.y) >= DIRECTION_CHECK_OFFSET) {
+					delta.y -= _currentPoints[0].y - _startPoint.y;
+				}
+			}
+
+			_currPoint.x = p.x;
+			_currPoint.y = p.y;
+
+			// do nothing if pointers position hasn't changed
+			if(delta.x === 0 && delta.y === 0) {
+				return;
+			}
+
+			if(_direction === 'v' && _options.closeOnVerticalDrag) {
+				if(!_canPan()) {
+					_currPanDist.y += delta.y;
+					_panOffset.y += delta.y;
+
+					var opacityRatio = _calculateVerticalDragOpacityRatio();
+
+					_verticalDragInitiated = true;
+					_shout('onVerticalDrag', opacityRatio);
+
+					_applyBgOpacity(opacityRatio);
+					_applyCurrentZoomPan();
+					return ;
+				}
+			}
+
+			_pushPosPoint(_getCurrentTime(), p.x, p.y);
+
+			_moved = true;
+			_currPanBounds = self.currItem.bounds;
+			
+			var mainScrollChanged = _panOrMoveMainScroll('x', delta);
+			if(!mainScrollChanged) {
+				_panOrMoveMainScroll('y', delta);
+
+				_roundPoint(_panOffset);
+				_applyCurrentZoomPan();
+			}
+
+		}
+
+	},
+	
+	// Pointerup/pointercancel/touchend/touchcancel/mouseup event handler
+	_onDragRelease = function(e) {
+
+		if(_features.isOldAndroid ) {
+
+			if(_oldAndroidTouchEndTimeout && e.type === 'mouseup') {
+				return;
+			}
+
+			// on Android (v4.1, 4.2, 4.3 & possibly older) 
+			// ghost mousedown/up event isn't preventable via e.preventDefault,
+			// which causes fake mousedown event
+			// so we block mousedown/up for 600ms
+			if( e.type.indexOf('touch') > -1 ) {
+				clearTimeout(_oldAndroidTouchEndTimeout);
+				_oldAndroidTouchEndTimeout = setTimeout(function() {
+					_oldAndroidTouchEndTimeout = 0;
+				}, 600);
+			}
+			
+		}
+
+		_shout('pointerUp');
+
+		if(_preventDefaultEventBehaviour(e, false)) {
+			e.preventDefault();
+		}
+
+		var releasePoint;
+
+		if(_pointerEventEnabled) {
+			var pointerIndex = framework.arraySearch(_currPointers, e.pointerId, 'id');
+			
+			if(pointerIndex > -1) {
+				releasePoint = _currPointers.splice(pointerIndex, 1)[0];
+
+				if(navigator.pointerEnabled) {
+					releasePoint.type = e.pointerType || 'mouse';
+				} else {
+					var MSPOINTER_TYPES = {
+						4: 'mouse', // event.MSPOINTER_TYPE_MOUSE
+						2: 'touch', // event.MSPOINTER_TYPE_TOUCH 
+						3: 'pen' // event.MSPOINTER_TYPE_PEN
+					};
+					releasePoint.type = MSPOINTER_TYPES[e.pointerType];
+
+					if(!releasePoint.type) {
+						releasePoint.type = e.pointerType || 'mouse';
+					}
+				}
+
+			}
+		}
+
+		var touchList = _getTouchPoints(e),
+			gestureType,
+			numPoints = touchList.length;
+
+		if(e.type === 'mouseup') {
+			numPoints = 0;
+		}
+
+		// Do nothing if there were 3 touch points or more
+		if(numPoints === 2) {
+			_currentPoints = null;
+			return true;
+		}
+
+		// if second pointer released
+		if(numPoints === 1) {
+			_equalizePoints(_startPoint, touchList[0]);
+		}				
+
+
+		// pointer hasn't moved, send "tap release" point
+		if(numPoints === 0 && !_direction && !_mainScrollAnimating) {
+			if(!releasePoint) {
+				if(e.type === 'mouseup') {
+					releasePoint = {x: e.pageX, y: e.pageY, type:'mouse'};
+				} else if(e.changedTouches && e.changedTouches[0]) {
+					releasePoint = {x: e.changedTouches[0].pageX, y: e.changedTouches[0].pageY, type:'touch'};
+				}		
+			}
+
+			_shout('touchRelease', e, releasePoint);
+		}
+
+		// Difference in time between releasing of two last touch points (zoom gesture)
+		var releaseTimeDiff = -1;
+
+		// Gesture completed, no pointers left
+		if(numPoints === 0) {
+			_isDragging = false;
+			framework.unbind(window, _upMoveEvents, self);
+
+			_stopDragUpdateLoop();
+
+			if(_isZooming) {
+				// Two points released at the same time
+				releaseTimeDiff = 0;
+			} else if(_lastReleaseTime !== -1) {
+				releaseTimeDiff = _getCurrentTime() - _lastReleaseTime;
+			}
+		}
+		_lastReleaseTime = numPoints === 1 ? _getCurrentTime() : -1;
+		
+		if(releaseTimeDiff !== -1 && releaseTimeDiff < 150) {
+			gestureType = 'zoom';
+		} else {
+			gestureType = 'swipe';
+		}
+
+		if(_isZooming && numPoints < 2) {
+			_isZooming = false;
+
+			// Only second point released
+			if(numPoints === 1) {
+				gestureType = 'zoomPointerUp';
+			}
+			_shout('zoomGestureEnded');
+		}
+
+		_currentPoints = null;
+		if(!_moved && !_zoomStarted && !_mainScrollAnimating && !_verticalDragInitiated) {
+			// nothing to animate
+			return;
+		}
+	
+		_stopAllAnimations();
+
+		
+		if(!_releaseAnimData) {
+			_releaseAnimData = _initDragReleaseAnimationData();
+		}
+		
+		_releaseAnimData.calculateSwipeSpeed('x');
+
+
+		if(_verticalDragInitiated) {
+
+			var opacityRatio = _calculateVerticalDragOpacityRatio();
+
+			if(opacityRatio < _options.verticalDragRange) {
+				self.close();
+			} else {
+				var initalPanY = _panOffset.y,
+					initialBgOpacity = _bgOpacity;
+
+				_animateProp('verticalDrag', 0, 1, 300, framework.easing.cubic.out, function(now) {
+					
+					_panOffset.y = (self.currItem.initialPosition.y - initalPanY) * now + initalPanY;
+
+					_applyBgOpacity(  (1 - initialBgOpacity) * now + initialBgOpacity );
+					_applyCurrentZoomPan();
+				});
+
+				_shout('onVerticalDrag', 1);
+			}
+
+			return;
+		}
+
+
+		// main scroll 
+		if(  (_mainScrollShifted || _mainScrollAnimating) && numPoints === 0) {
+			var itemChanged = _finishSwipeMainScrollGesture(gestureType, _releaseAnimData);
+			if(itemChanged) {
+				return;
+			}
+			gestureType = 'zoomPointerUp';
+		}
+
+		// prevent zoom/pan animation when main scroll animation runs
+		if(_mainScrollAnimating) {
+			return;
+		}
+		
+		// Complete simple zoom gesture (reset zoom level if it's out of the bounds)  
+		if(gestureType !== 'swipe') {
+			_completeZoomGesture();
+			return;
+		}
+	
+		// Complete pan gesture if main scroll is not shifted, and it's possible to pan current image
+		if(!_mainScrollShifted && _currZoomLevel > self.currItem.fitRatio) {
+			_completePanGesture(_releaseAnimData);
+		}
+	},
+
+
+	// Returns object with data about gesture
+	// It's created only once and then reused
+	_initDragReleaseAnimationData  = function() {
+		// temp local vars
+		var lastFlickDuration,
+			tempReleasePos;
+
+		// s = this
+		var s = {
+			lastFlickOffset: {},
+			lastFlickDist: {},
+			lastFlickSpeed: {},
+			slowDownRatio:  {},
+			slowDownRatioReverse:  {},
+			speedDecelerationRatio:  {},
+			speedDecelerationRatioAbs:  {},
+			distanceOffset:  {},
+			backAnimDestination: {},
+			backAnimStarted: {},
+			calculateSwipeSpeed: function(axis) {
+				
+
+				if( _posPoints.length > 1) {
+					lastFlickDuration = _getCurrentTime() - _gestureCheckSpeedTime + 50;
+					tempReleasePos = _posPoints[_posPoints.length-2][axis];
+				} else {
+					lastFlickDuration = _getCurrentTime() - _gestureStartTime; // total gesture duration
+					tempReleasePos = _startPoint[axis];
+				}
+				s.lastFlickOffset[axis] = _currPoint[axis] - tempReleasePos;
+				s.lastFlickDist[axis] = Math.abs(s.lastFlickOffset[axis]);
+				if(s.lastFlickDist[axis] > 20) {
+					s.lastFlickSpeed[axis] = s.lastFlickOffset[axis] / lastFlickDuration;
+				} else {
+					s.lastFlickSpeed[axis] = 0;
+				}
+				if( Math.abs(s.lastFlickSpeed[axis]) < 0.1 ) {
+					s.lastFlickSpeed[axis] = 0;
+				}
+				
+				s.slowDownRatio[axis] = 0.95;
+				s.slowDownRatioReverse[axis] = 1 - s.slowDownRatio[axis];
+				s.speedDecelerationRatio[axis] = 1;
+			},
+
+			calculateOverBoundsAnimOffset: function(axis, speed) {
+				if(!s.backAnimStarted[axis]) {
+
+					if(_panOffset[axis] > _currPanBounds.min[axis]) {
+						s.backAnimDestination[axis] = _currPanBounds.min[axis];
+						
+					} else if(_panOffset[axis] < _currPanBounds.max[axis]) {
+						s.backAnimDestination[axis] = _currPanBounds.max[axis];
+					}
+
+					if(s.backAnimDestination[axis] !== undefined) {
+						s.slowDownRatio[axis] = 0.7;
+						s.slowDownRatioReverse[axis] = 1 - s.slowDownRatio[axis];
+						if(s.speedDecelerationRatioAbs[axis] < 0.05) {
+
+							s.lastFlickSpeed[axis] = 0;
+							s.backAnimStarted[axis] = true;
+
+							_animateProp('bounceZoomPan'+axis,_panOffset[axis], 
+								s.backAnimDestination[axis], 
+								speed || 300, 
+								framework.easing.sine.out, 
+								function(pos) {
+									_panOffset[axis] = pos;
+									_applyCurrentZoomPan();
+								}
+							);
+
+						}
+					}
+				}
+			},
+
+			// Reduces the speed by slowDownRatio (per 10ms)
+			calculateAnimOffset: function(axis) {
+				if(!s.backAnimStarted[axis]) {
+					s.speedDecelerationRatio[axis] = s.speedDecelerationRatio[axis] * (s.slowDownRatio[axis] + 
+												s.slowDownRatioReverse[axis] - 
+												s.slowDownRatioReverse[axis] * s.timeDiff / 10);
+
+					s.speedDecelerationRatioAbs[axis] = Math.abs(s.lastFlickSpeed[axis] * s.speedDecelerationRatio[axis]);
+					s.distanceOffset[axis] = s.lastFlickSpeed[axis] * s.speedDecelerationRatio[axis] * s.timeDiff;
+					_panOffset[axis] += s.distanceOffset[axis];
+
+				}
+			},
+
+			panAnimLoop: function() {
+				if ( _animations.zoomPan ) {
+					_animations.zoomPan.raf = _requestAF(s.panAnimLoop);
+
+					s.now = _getCurrentTime();
+					s.timeDiff = s.now - s.lastNow;
+					s.lastNow = s.now;
+					
+					s.calculateAnimOffset('x');
+					s.calculateAnimOffset('y');
+
+					_applyCurrentZoomPan();
+					
+					s.calculateOverBoundsAnimOffset('x');
+					s.calculateOverBoundsAnimOffset('y');
+
+
+					if (s.speedDecelerationRatioAbs.x < 0.05 && s.speedDecelerationRatioAbs.y < 0.05) {
+
+						// round pan position
+						_panOffset.x = Math.round(_panOffset.x);
+						_panOffset.y = Math.round(_panOffset.y);
+						_applyCurrentZoomPan();
+						
+						_stopAnimation('zoomPan');
+						return;
+					}
+				}
+
+			}
+		};
+		return s;
+	},
+
+	_completePanGesture = function(animData) {
+		// calculate swipe speed for Y axis (paanning)
+		animData.calculateSwipeSpeed('y');
+
+		_currPanBounds = self.currItem.bounds;
+		
+		animData.backAnimDestination = {};
+		animData.backAnimStarted = {};
+
+		// Avoid acceleration animation if speed is too low
+		if(Math.abs(animData.lastFlickSpeed.x) <= 0.05 && Math.abs(animData.lastFlickSpeed.y) <= 0.05 ) {
+			animData.speedDecelerationRatioAbs.x = animData.speedDecelerationRatioAbs.y = 0;
+
+			// Run pan drag release animation. E.g. if you drag image and release finger without momentum.
+			animData.calculateOverBoundsAnimOffset('x');
+			animData.calculateOverBoundsAnimOffset('y');
+			return true;
+		}
+
+		// Animation loop that controls the acceleration after pan gesture ends
+		_registerStartAnimation('zoomPan');
+		animData.lastNow = _getCurrentTime();
+		animData.panAnimLoop();
+	},
+
+
+	_finishSwipeMainScrollGesture = function(gestureType, _releaseAnimData) {
+		var itemChanged;
+		if(!_mainScrollAnimating) {
+			_currZoomedItemIndex = _currentItemIndex;
+		}
+
+
+		
+		var itemsDiff;
+
+		if(gestureType === 'swipe') {
+			var totalShiftDist = _currPoint.x - _startPoint.x,
+				isFastLastFlick = _releaseAnimData.lastFlickDist.x < 10;
+
+			// if container is shifted for more than MIN_SWIPE_DISTANCE, 
+			// and last flick gesture was in right direction
+			if(totalShiftDist > MIN_SWIPE_DISTANCE && 
+				(isFastLastFlick || _releaseAnimData.lastFlickOffset.x > 20) ) {
+				// go to prev item
+				itemsDiff = -1;
+			} else if(totalShiftDist < -MIN_SWIPE_DISTANCE && 
+				(isFastLastFlick || _releaseAnimData.lastFlickOffset.x < -20) ) {
+				// go to next item
+				itemsDiff = 1;
+			}
+		}
+
+		var nextCircle;
+
+		if(itemsDiff) {
+			
+			_currentItemIndex += itemsDiff;
+
+			if(_currentItemIndex < 0) {
+				_currentItemIndex = _options.loop ? _getNumItems()-1 : 0;
+				nextCircle = true;
+			} else if(_currentItemIndex >= _getNumItems()) {
+				_currentItemIndex = _options.loop ? 0 : _getNumItems()-1;
+				nextCircle = true;
+			}
+
+			if(!nextCircle || _options.loop) {
+				_indexDiff += itemsDiff;
+				_currPositionIndex -= itemsDiff;
+				itemChanged = true;
+			}
+			
+
+			
+		}
+
+		var animateToX = _slideSize.x * _currPositionIndex;
+		var animateToDist = Math.abs( animateToX - _mainScrollPos.x );
+		var finishAnimDuration;
+
+
+		if(!itemChanged && animateToX > _mainScrollPos.x !== _releaseAnimData.lastFlickSpeed.x > 0) {
+			// "return to current" duration, e.g. when dragging from slide 0 to -1
+			finishAnimDuration = 333; 
+		} else {
+			finishAnimDuration = Math.abs(_releaseAnimData.lastFlickSpeed.x) > 0 ? 
+									animateToDist / Math.abs(_releaseAnimData.lastFlickSpeed.x) : 
+									333;
+
+			finishAnimDuration = Math.min(finishAnimDuration, 400);
+			finishAnimDuration = Math.max(finishAnimDuration, 250);
+		}
+
+		if(_currZoomedItemIndex === _currentItemIndex) {
+			itemChanged = false;
+		}
+		
+		_mainScrollAnimating = true;
+		
+		_shout('mainScrollAnimStart');
+
+		_animateProp('mainScroll', _mainScrollPos.x, animateToX, finishAnimDuration, framework.easing.cubic.out, 
+			_moveMainScroll,
+			function() {
+				_stopAllAnimations();
+				_mainScrollAnimating = false;
+				_currZoomedItemIndex = -1;
+				
+				if(itemChanged || _currZoomedItemIndex !== _currentItemIndex) {
+					self.updateCurrItem();
+				}
+				
+				_shout('mainScrollAnimComplete');
+			}
+		);
+
+		if(itemChanged) {
+			self.updateCurrItem(true);
+		}
+
+		return itemChanged;
+	},
+
+	_calculateZoomLevel = function(touchesDistance) {
+		return  1 / _startPointsDistance * touchesDistance * _startZoomLevel;
+	},
+
+	// Resets zoom if it's out of bounds
+	_completeZoomGesture = function() {
+		var destZoomLevel = _currZoomLevel,
+			minZoomLevel = _getMinZoomLevel(),
+			maxZoomLevel = _getMaxZoomLevel();
+
+		if ( _currZoomLevel < minZoomLevel ) {
+			destZoomLevel = minZoomLevel;
+		} else if ( _currZoomLevel > maxZoomLevel ) {
+			destZoomLevel = maxZoomLevel;
+		}
+
+		var destOpacity = 1,
+			onUpdate,
+			initialOpacity = _bgOpacity;
+
+		if(_opacityChanged && !_isZoomingIn && !_wasOverInitialZoom && _currZoomLevel < minZoomLevel) {
+			//_closedByScroll = true;
+			self.close();
+			return true;
+		}
+
+		if(_opacityChanged) {
+			onUpdate = function(now) {
+				_applyBgOpacity(  (destOpacity - initialOpacity) * now + initialOpacity );
+			};
+		}
+
+		self.zoomTo(destZoomLevel, 0, 200,  framework.easing.cubic.out, onUpdate);
+		return true;
+	};
+
+
+_registerModule('Gestures', {
+	publicMethods: {
+
+		initGestures: function() {
+
+			// helper function that builds touch/pointer/mouse events
+			var addEventNames = function(pref, down, move, up, cancel) {
+				_dragStartEvent = pref + down;
+				_dragMoveEvent = pref + move;
+				_dragEndEvent = pref + up;
+				if(cancel) {
+					_dragCancelEvent = pref + cancel;
+				} else {
+					_dragCancelEvent = '';
+				}
+			};
+
+			_pointerEventEnabled = _features.pointerEvent;
+			if(_pointerEventEnabled && _features.touch) {
+				// we don't need touch events, if browser supports pointer events
+				_features.touch = false;
+			}
+
+			if(_pointerEventEnabled) {
+				if(navigator.pointerEnabled) {
+					addEventNames('pointer', 'down', 'move', 'up', 'cancel');
+				} else {
+					// IE10 pointer events are case-sensitive
+					addEventNames('MSPointer', 'Down', 'Move', 'Up', 'Cancel');
+				}
+			} else if(_features.touch) {
+				addEventNames('touch', 'start', 'move', 'end', 'cancel');
+				_likelyTouchDevice = true;
+			} else {
+				addEventNames('mouse', 'down', 'move', 'up');	
+			}
+
+			_upMoveEvents = _dragMoveEvent + ' ' + _dragEndEvent  + ' ' +  _dragCancelEvent;
+			_downEvents = _dragStartEvent;
+
+			if(_pointerEventEnabled && !_likelyTouchDevice) {
+				_likelyTouchDevice = (navigator.maxTouchPoints > 1) || (navigator.msMaxTouchPoints > 1);
+			}
+			// make variable public
+			self.likelyTouchDevice = _likelyTouchDevice; 
+			
+			_globalEventHandlers[_dragStartEvent] = _onDragStart;
+			_globalEventHandlers[_dragMoveEvent] = _onDragMove;
+			_globalEventHandlers[_dragEndEvent] = _onDragRelease; // the Kraken
+
+			if(_dragCancelEvent) {
+				_globalEventHandlers[_dragCancelEvent] = _globalEventHandlers[_dragEndEvent];
+			}
+
+			// Bind mouse events on device with detected hardware touch support, in case it supports multiple types of input.
+			if(_features.touch) {
+				_downEvents += ' mousedown';
+				_upMoveEvents += ' mousemove mouseup';
+				_globalEventHandlers.mousedown = _globalEventHandlers[_dragStartEvent];
+				_globalEventHandlers.mousemove = _globalEventHandlers[_dragMoveEvent];
+				_globalEventHandlers.mouseup = _globalEventHandlers[_dragEndEvent];
+			}
+
+			if(!_likelyTouchDevice) {
+				// don't allow pan to next slide from zoomed state on Desktop
+				_options.allowPanToNext = false;
+			}
+		}
+
+	}
+});
+
+
+/*>>gestures*/
+
+/*>>show-hide-transition*/
+/**
+ * show-hide-transition.js:
+ *
+ * Manages initial opening or closing transition.
+ *
+ * If you're not planning to use transition for gallery at all,
+ * you may set options hideAnimationDuration and showAnimationDuration to 0,
+ * and just delete startAnimation function.
+ * 
+ */
+
+
+var _showOrHideTimeout,
+	_showOrHide = function(item, img, out, completeFn) {
+
+		if(_showOrHideTimeout) {
+			clearTimeout(_showOrHideTimeout);
+		}
+
+		_initialZoomRunning = true;
+		_initialContentSet = true;
+		
+		// dimensions of small thumbnail {x:,y:,w:}.
+		// Height is optional, as calculated based on large image.
+		var thumbBounds; 
+		if(item.initialLayout) {
+			thumbBounds = item.initialLayout;
+			item.initialLayout = null;
+		} else {
+			thumbBounds = _options.getThumbBoundsFn && _options.getThumbBoundsFn(_currentItemIndex);
+		}
+
+		var duration = out ? _options.hideAnimationDuration : _options.showAnimationDuration;
+
+		var onComplete = function() {
+			_stopAnimation('initialZoom');
+			if(!out) {
+				_applyBgOpacity(1);
+				if(img) {
+					img.style.display = 'block';
+				}
+				framework.addClass(template, 'pswp--animated-in');
+				_shout('initialZoom' + (out ? 'OutEnd' : 'InEnd'));
+			} else {
+				self.template.removeAttribute('style');
+				self.bg.removeAttribute('style');
+			}
+
+			if(completeFn) {
+				completeFn();
+			}
+			_initialZoomRunning = false;
+		};
+
+		// if bounds aren't provided, just open gallery without animation
+		if(!duration || !thumbBounds || thumbBounds.x === undefined) {
+
+			_shout('initialZoom' + (out ? 'Out' : 'In') );
+
+			_currZoomLevel = item.initialZoomLevel;
+			_equalizePoints(_panOffset,  item.initialPosition );
+			_applyCurrentZoomPan();
+
+			template.style.opacity = out ? 0 : 1;
+			_applyBgOpacity(1);
+
+			if(duration) {
+				setTimeout(function() {
+					onComplete();
+				}, duration);
+			} else {
+				onComplete();
+			}
+
+			return;
+		}
+
+		var startAnimation = function() {
+			var closeWithRaf = _closedByScroll,
+				fadeEverything = !self.currItem.src || self.currItem.loadError || _options.showHideOpacity;
+			
+			// apply hw-acceleration to image
+			if(item.miniImg) {
+				item.miniImg.style.webkitBackfaceVisibility = 'hidden';
+			}
+
+			if(!out) {
+				_currZoomLevel = thumbBounds.w / item.w;
+				_panOffset.x = thumbBounds.x;
+				_panOffset.y = thumbBounds.y - _initalWindowScrollY;
+
+				self[fadeEverything ? 'template' : 'bg'].style.opacity = 0.001;
+				_applyCurrentZoomPan();
+			}
+
+			_registerStartAnimation('initialZoom');
+			
+			if(out && !closeWithRaf) {
+				framework.removeClass(template, 'pswp--animated-in');
+			}
+
+			if(fadeEverything) {
+				if(out) {
+					framework[ (closeWithRaf ? 'remove' : 'add') + 'Class' ](template, 'pswp--animate_opacity');
+				} else {
+					setTimeout(function() {
+						framework.addClass(template, 'pswp--animate_opacity');
+					}, 30);
+				}
+			}
+
+			_showOrHideTimeout = setTimeout(function() {
+
+				_shout('initialZoom' + (out ? 'Out' : 'In') );
+				
+
+				if(!out) {
+
+					// "in" animation always uses CSS transitions (instead of rAF).
+					// CSS transition work faster here, 
+					// as developer may also want to animate other things, 
+					// like ui on top of sliding area, which can be animated just via CSS
+					
+					_currZoomLevel = item.initialZoomLevel;
+					_equalizePoints(_panOffset,  item.initialPosition );
+					_applyCurrentZoomPan();
+					_applyBgOpacity(1);
+
+					if(fadeEverything) {
+						template.style.opacity = 1;
+					} else {
+						_applyBgOpacity(1);
+					}
+
+					_showOrHideTimeout = setTimeout(onComplete, duration + 20);
+				} else {
+
+					// "out" animation uses rAF only when PhotoSwipe is closed by browser scroll, to recalculate position
+					var destZoomLevel = thumbBounds.w / item.w,
+						initialPanOffset = {
+							x: _panOffset.x,
+							y: _panOffset.y
+						},
+						initialZoomLevel = _currZoomLevel,
+						initalBgOpacity = _bgOpacity,
+						onUpdate = function(now) {
+							
+							if(now === 1) {
+								_currZoomLevel = destZoomLevel;
+								_panOffset.x = thumbBounds.x;
+								_panOffset.y = thumbBounds.y  - _currentWindowScrollY;
+							} else {
+								_currZoomLevel = (destZoomLevel - initialZoomLevel) * now + initialZoomLevel;
+								_panOffset.x = (thumbBounds.x - initialPanOffset.x) * now + initialPanOffset.x;
+								_panOffset.y = (thumbBounds.y - _currentWindowScrollY - initialPanOffset.y) * now + initialPanOffset.y;
+							}
+							
+							_applyCurrentZoomPan();
+							if(fadeEverything) {
+								template.style.opacity = 1 - now;
+							} else {
+								_applyBgOpacity( initalBgOpacity - now * initalBgOpacity );
+							}
+						};
+
+					if(closeWithRaf) {
+						_animateProp('initialZoom', 0, 1, duration, framework.easing.cubic.out, onUpdate, onComplete);
+					} else {
+						onUpdate(1);
+						_showOrHideTimeout = setTimeout(onComplete, duration + 20);
+					}
+				}
+			
+			}, out ? 25 : 90); // Main purpose of this delay is to give browser time to paint and
+					// create composite layers of PhotoSwipe UI parts (background, controls, caption, arrows).
+					// Which avoids lag at the beginning of scale transition.
+		};
+		startAnimation();
+
+		
+	};
+
+/*>>show-hide-transition*/
+
+/*>>items-controller*/
+/**
+*
+* Controller manages gallery items, their dimensions, and their content.
+* 
+*/
+
+var _items,
+	_tempPanAreaSize = {},
+	_imagesToAppendPool = [],
+	_initialContentSet,
+	_initialZoomRunning,
+	_controllerDefaultOptions = {
+		index: 0,
+		errorMsg: '<div class="pswp__error-msg"><a href="%url%" target="_blank">The image</a> could not be loaded.</div>',
+		forceProgressiveLoading: false, // TODO
+		preload: [1,1],
+		getNumItemsFn: function() {
+			return _items.length;
+		}
+	};
+
+
+var _getItemAt,
+	_getNumItems,
+	_initialIsLoop,
+	_getZeroBounds = function() {
+		return {
+			center:{x:0,y:0}, 
+			max:{x:0,y:0}, 
+			min:{x:0,y:0}
+		};
+	},
+	_calculateSingleItemPanBounds = function(item, realPanElementW, realPanElementH ) {
+		var bounds = item.bounds;
+
+		// position of element when it's centered
+		bounds.center.x = Math.round((_tempPanAreaSize.x - realPanElementW) / 2);
+		bounds.center.y = Math.round((_tempPanAreaSize.y - realPanElementH) / 2) + item.vGap.top;
+
+		// maximum pan position
+		bounds.max.x = (realPanElementW > _tempPanAreaSize.x) ? 
+							Math.round(_tempPanAreaSize.x - realPanElementW) : 
+							bounds.center.x;
+		
+		bounds.max.y = (realPanElementH > _tempPanAreaSize.y) ? 
+							Math.round(_tempPanAreaSize.y - realPanElementH) + item.vGap.top : 
+							bounds.center.y;
+		
+		// minimum pan position
+		bounds.min.x = (realPanElementW > _tempPanAreaSize.x) ? 0 : bounds.center.x;
+		bounds.min.y = (realPanElementH > _tempPanAreaSize.y) ? item.vGap.top : bounds.center.y;
+	},
+	_calculateItemSize = function(item, viewportSize, zoomLevel) {
+
+		if (item.src && !item.loadError) {
+			var isInitial = !zoomLevel;
+			
+			if(isInitial) {
+				if(!item.vGap) {
+					item.vGap = {top:0,bottom:0};
+				}
+				// allows overriding vertical margin for individual items
+				_shout('parseVerticalMargin', item);
+			}
+
+
+			_tempPanAreaSize.x = viewportSize.x;
+			_tempPanAreaSize.y = viewportSize.y - item.vGap.top - item.vGap.bottom;
+
+			if (isInitial) {
+				var hRatio = _tempPanAreaSize.x / item.w;
+				var vRatio = _tempPanAreaSize.y / item.h;
+
+				item.fitRatio = hRatio < vRatio ? hRatio : vRatio;
+				//item.fillRatio = hRatio > vRatio ? hRatio : vRatio;
+
+				var scaleMode = _options.scaleMode;
+
+				if (scaleMode === 'orig') {
+					zoomLevel = 1;
+				} else if (scaleMode === 'fit') {
+					zoomLevel = item.fitRatio;
+				}
+
+				if (zoomLevel > 1) {
+					zoomLevel = 1;
+				}
+
+				item.initialZoomLevel = zoomLevel;
+				
+				if(!item.bounds) {
+					// reuse bounds object
+					item.bounds = _getZeroBounds(); 
+				}
+			}
+
+			if(!zoomLevel) {
+				return;
+			}
+
+			_calculateSingleItemPanBounds(item, item.w * zoomLevel, item.h * zoomLevel);
+
+			if (isInitial && zoomLevel === item.initialZoomLevel) {
+				item.initialPosition = item.bounds.center;
+			}
+
+			return item.bounds;
+		} else {
+			item.w = item.h = 0;
+			item.initialZoomLevel = item.fitRatio = 1;
+			item.bounds = _getZeroBounds();
+			item.initialPosition = item.bounds.center;
+
+			// if it's not image, we return zero bounds (content is not zoomable)
+			return item.bounds;
+		}
+		
+	},
+
+	
+
+
+	_appendImage = function(index, item, baseDiv, img, preventAnimation, keepPlaceholder) {
+		
+
+		if(item.loadError) {
+			return;
+		}
+
+		if(img) {
+
+			item.imageAppended = true;
+			_setImageSize(item, img, (item === self.currItem && _renderMaxResolution) );
+			
+			baseDiv.appendChild(img);
+
+			if(keepPlaceholder) {
+				setTimeout(function() {
+					if(item && item.loaded && item.placeholder) {
+						item.placeholder.style.display = 'none';
+						item.placeholder = null;
+					}
+				}, 500);
+			}
+		}
+	},
+	
+
+
+	_preloadImage = function(item) {
+		item.loading = true;
+		item.loaded = false;
+		var img = item.img = framework.createEl('pswp__img', 'img');
+		var onComplete = function() {
+			item.loading = false;
+			item.loaded = true;
+
+			if(item.loadComplete) {
+				item.loadComplete(item);
+			} else {
+				item.img = null; // no need to store image object
+			}
+			img.onload = img.onerror = null;
+			img = null;
+		};
+		img.onload = onComplete;
+		img.onerror = function() {
+			item.loadError = true;
+			onComplete();
+		};		
+
+		img.src = item.src;// + '?a=' + Math.random();
+
+		return img;
+	},
+	_checkForError = function(item, cleanUp) {
+		if(item.src && item.loadError && item.container) {
+
+			if(cleanUp) {
+				item.container.innerHTML = '';
+			}
+
+			item.container.innerHTML = _options.errorMsg.replace('%url%',  item.src );
+			return true;
+			
+		}
+	},
+	_setImageSize = function(item, img, maxRes) {
+		if(!item.src) {
+			return;
+		}
+
+		if(!img) {
+			img = item.container.lastChild;
+		}
+
+		var w = maxRes ? item.w : Math.round(item.w * item.fitRatio),
+			h = maxRes ? item.h : Math.round(item.h * item.fitRatio);
+		
+		if(item.placeholder && !item.loaded) {
+			item.placeholder.style.width = w + 'px';
+			item.placeholder.style.height = h + 'px';
+		}
+
+		img.style.width = w + 'px';
+		img.style.height = h + 'px';
+	},
+	_appendImagesPool = function() {
+
+		if(_imagesToAppendPool.length) {
+			var poolItem;
+
+			for(var i = 0; i < _imagesToAppendPool.length; i++) {
+				poolItem = _imagesToAppendPool[i];
+				if( poolItem.holder.index === poolItem.index ) {
+					_appendImage(poolItem.index, poolItem.item, poolItem.baseDiv, poolItem.img, false, poolItem.clearPlaceholder);
+				}
+			}
+			_imagesToAppendPool = [];
+		}
+	};
+	
+
+
+_registerModule('Controller', {
+
+	publicMethods: {
+
+		lazyLoadItem: function(index) {
+			index = _getLoopedId(index);
+			var item = _getItemAt(index);
+
+			if(!item || ((item.loaded || item.loading) && !_itemsNeedUpdate)) {
+				return;
+			}
+
+			_shout('gettingData', index, item);
+
+			if (!item.src) {
+				return;
+			}
+
+			_preloadImage(item);
+		},
+		initController: function() {
+			framework.extend(_options, _controllerDefaultOptions, true);
+			self.items = _items = items;
+			_getItemAt = self.getItemAt;
+			_getNumItems = _options.getNumItemsFn; //self.getNumItems;
+
+
+
+			_initialIsLoop = _options.loop;
+			if(_getNumItems() < 3) {
+				_options.loop = false; // disable loop if less then 3 items
+			}
+
+			_listen('beforeChange', function(diff) {
+
+				var p = _options.preload,
+					isNext = diff === null ? true : (diff >= 0),
+					preloadBefore = Math.min(p[0], _getNumItems() ),
+					preloadAfter = Math.min(p[1], _getNumItems() ),
+					i;
+
+
+				for(i = 1; i <= (isNext ? preloadAfter : preloadBefore); i++) {
+					self.lazyLoadItem(_currentItemIndex+i);
+				}
+				for(i = 1; i <= (isNext ? preloadBefore : preloadAfter); i++) {
+					self.lazyLoadItem(_currentItemIndex-i);
+				}
+			});
+
+			_listen('initialLayout', function() {
+				self.currItem.initialLayout = _options.getThumbBoundsFn && _options.getThumbBoundsFn(_currentItemIndex);
+			});
+
+			_listen('mainScrollAnimComplete', _appendImagesPool);
+			_listen('initialZoomInEnd', _appendImagesPool);
+
+
+
+			_listen('destroy', function() {
+				var item;
+				for(var i = 0; i < _items.length; i++) {
+					item = _items[i];
+					// remove reference to DOM elements, for GC
+					if(item.container) {
+						item.container = null; 
+					}
+					if(item.placeholder) {
+						item.placeholder = null;
+					}
+					if(item.img) {
+						item.img = null;
+					}
+					if(item.preloader) {
+						item.preloader = null;
+					}
+					if(item.loadError) {
+						item.loaded = item.loadError = false;
+					}
+				}
+				_imagesToAppendPool = null;
+			});
+		},
+
+
+		getItemAt: function(index) {
+			if (index >= 0) {
+				return _items[index] !== undefined ? _items[index] : false;
+			}
+			return false;
+		},
+
+		allowProgressiveImg: function() {
+			// 1. Progressive image loading isn't working on webkit/blink 
+			//    when hw-acceleration (e.g. translateZ) is applied to IMG element.
+			//    That's why in PhotoSwipe parent element gets zoom transform, not image itself.
+			//    
+			// 2. Progressive image loading sometimes blinks in webkit/blink when applying animation to parent element.
+			//    That's why it's disabled on touch devices (mainly because of swipe transition)
+			//    
+			// 3. Progressive image loading sometimes doesn't work in IE (up to 11).
+
+			// Don't allow progressive loading on non-large touch devices
+			return _options.forceProgressiveLoading || !_likelyTouchDevice || _options.mouseUsed || screen.width > 1200; 
+			// 1200 - to eliminate touch devices with large screen (like Chromebook Pixel)
+		},
+
+		setContent: function(holder, index) {
+
+			if(_options.loop) {
+				index = _getLoopedId(index);
+			}
+
+			var prevItem = self.getItemAt(holder.index);
+			if(prevItem) {
+				prevItem.container = null;
+			}
+	
+			var item = self.getItemAt(index),
+				img;
+			
+			if(!item) {
+				holder.el.innerHTML = '';
+				return;
+			}
+
+			// allow to override data
+			_shout('gettingData', index, item);
+
+			holder.index = index;
+			holder.item = item;
+
+			// base container DIV is created only once for each of 3 holders
+			var baseDiv = item.container = framework.createEl('pswp__zoom-wrap'); 
+
+			
+
+			if(!item.src && item.html) {
+				if(item.html.tagName) {
+					baseDiv.appendChild(item.html);
+				} else {
+					baseDiv.innerHTML = item.html;
+				}
+			}
+
+			_checkForError(item);
+
+			_calculateItemSize(item, _viewportSize);
+			
+			if(item.src && !item.loadError && !item.loaded) {
+
+				item.loadComplete = function(item) {
+
+					// gallery closed before image finished loading
+					if(!_isOpen) {
+						return;
+					}
+
+					// check if holder hasn't changed while image was loading
+					if(holder && holder.index === index ) {
+						if( _checkForError(item, true) ) {
+							item.loadComplete = item.img = null;
+							_calculateItemSize(item, _viewportSize);
+							_applyZoomPanToItem(item);
+
+							if(holder.index === _currentItemIndex) {
+								// recalculate dimensions
+								self.updateCurrZoomItem();
+							}
+							return;
+						}
+						if( !item.imageAppended ) {
+							if(_features.transform && (_mainScrollAnimating || _initialZoomRunning) ) {
+								_imagesToAppendPool.push({
+									item:item,
+									baseDiv:baseDiv,
+									img:item.img,
+									index:index,
+									holder:holder,
+									clearPlaceholder:true
+								});
+							} else {
+								_appendImage(index, item, baseDiv, item.img, _mainScrollAnimating || _initialZoomRunning, true);
+							}
+						} else {
+							// remove preloader & mini-img
+							if(!_initialZoomRunning && item.placeholder) {
+								item.placeholder.style.display = 'none';
+								item.placeholder = null;
+							}
+						}
+					}
+
+					item.loadComplete = null;
+					item.img = null; // no need to store image element after it's added
+
+					_shout('imageLoadComplete', index, item);
+				};
+
+				if(framework.features.transform) {
+					
+					var placeholderClassName = 'pswp__img pswp__img--placeholder'; 
+					placeholderClassName += (item.msrc ? '' : ' pswp__img--placeholder--blank');
+
+					var placeholder = framework.createEl(placeholderClassName, item.msrc ? 'img' : '');
+					if(item.msrc) {
+						placeholder.src = item.msrc;
+					}
+					
+					_setImageSize(item, placeholder);
+
+					baseDiv.appendChild(placeholder);
+					item.placeholder = placeholder;
+
+				}
+				
+
+				
+
+				if(!item.loading) {
+					_preloadImage(item);
+				}
+
+
+				if( self.allowProgressiveImg() ) {
+					// just append image
+					if(!_initialContentSet && _features.transform) {
+						_imagesToAppendPool.push({
+							item:item, 
+							baseDiv:baseDiv, 
+							img:item.img, 
+							index:index, 
+							holder:holder
+						});
+					} else {
+						_appendImage(index, item, baseDiv, item.img, true, true);
+					}
+				}
+				
+			} else if(item.src && !item.loadError) {
+				// image object is created every time, due to bugs of image loading & delay when switching images
+				img = framework.createEl('pswp__img', 'img');
+				img.style.opacity = 1;
+				img.src = item.src;
+				_setImageSize(item, img);
+				_appendImage(index, item, baseDiv, img, true);
+			}
+			
+
+			if(!_initialContentSet && index === _currentItemIndex) {
+				_currZoomElementStyle = baseDiv.style;
+				_showOrHide(item, (img ||item.img) );
+			} else {
+				_applyZoomPanToItem(item);
+			}
+
+			holder.el.innerHTML = '';
+			holder.el.appendChild(baseDiv);
+		},
+
+		cleanSlide: function( item ) {
+			if(item.img ) {
+				item.img.onload = item.img.onerror = null;
+			}
+			item.loaded = item.loading = item.img = item.imageAppended = false;
+		}
+
+	}
+});
+
+/*>>items-controller*/
+
+/*>>tap*/
+/**
+ * tap.js:
+ *
+ * Displatches tap and double-tap events.
+ * 
+ */
+
+var tapTimer,
+	tapReleasePoint = {},
+	_dispatchTapEvent = function(origEvent, releasePoint, pointerType) {		
+		var e = document.createEvent( 'CustomEvent' ),
+			eDetail = {
+				origEvent:origEvent, 
+				target:origEvent.target, 
+				releasePoint: releasePoint, 
+				pointerType:pointerType || 'touch'
+			};
+
+		e.initCustomEvent( 'pswpTap', true, true, eDetail );
+		origEvent.target.dispatchEvent(e);
+	};
+
+_registerModule('Tap', {
+	publicMethods: {
+		initTap: function() {
+			_listen('firstTouchStart', self.onTapStart);
+			_listen('touchRelease', self.onTapRelease);
+			_listen('destroy', function() {
+				tapReleasePoint = {};
+				tapTimer = null;
+			});
+		},
+		onTapStart: function(touchList) {
+			if(touchList.length > 1) {
+				clearTimeout(tapTimer);
+				tapTimer = null;
+			}
+		},
+		onTapRelease: function(e, releasePoint) {
+			if(!releasePoint) {
+				return;
+			}
+
+			if(!_moved && !_isMultitouch && !_numAnimations) {
+				var p0 = releasePoint;
+				if(tapTimer) {
+					clearTimeout(tapTimer);
+					tapTimer = null;
+
+					// Check if taped on the same place
+					if ( _isNearbyPoints(p0, tapReleasePoint) ) {
+						_shout('doubleTap', p0);
+						return;
+					}
+				}
+
+				if(releasePoint.type === 'mouse') {
+					_dispatchTapEvent(e, releasePoint, 'mouse');
+					return;
+				}
+
+				var clickedTagName = e.target.tagName.toUpperCase();
+				// avoid double tap delay on buttons and elements that have class pswp__single-tap
+				if(clickedTagName === 'BUTTON' || framework.hasClass(e.target, 'pswp__single-tap') ) {
+					_dispatchTapEvent(e, releasePoint);
+					return;
+				}
+
+				_equalizePoints(tapReleasePoint, p0);
+
+				tapTimer = setTimeout(function() {
+					_dispatchTapEvent(e, releasePoint);
+					tapTimer = null;
+				}, 300);
+			}
+		}
+	}
+});
+
+/*>>tap*/
+
+/*>>desktop-zoom*/
+/**
+ *
+ * desktop-zoom.js:
+ *
+ * - Binds mousewheel event for paning zoomed image.
+ * - Manages "dragging", "zoomed-in", "zoom-out" classes.
+ *   (which are used for cursors and zoom icon)
+ * - Adds toggleDesktopZoom function.
+ * 
+ */
+
+var _wheelDelta;
+	
+_registerModule('DesktopZoom', {
+
+	publicMethods: {
+
+		initDesktopZoom: function() {
+
+			if(_oldIE) {
+				// no zoom for old IE (<=8)
+				return;
+			}
+
+			if(_likelyTouchDevice) {
+				// if detected hardware touch support, we wait until mouse is used,
+				// and only then apply desktop-zoom features
+				_listen('mouseUsed', function() {
+					self.setupDesktopZoom();
+				});
+			} else {
+				self.setupDesktopZoom(true);
+			}
+
+		},
+
+		setupDesktopZoom: function(onInit) {
+
+			_wheelDelta = {};
+
+			var events = 'wheel mousewheel DOMMouseScroll';
+			
+			_listen('bindEvents', function() {
+				framework.bind(template, events,  self.handleMouseWheel);
+			});
+
+			_listen('unbindEvents', function() {
+				if(_wheelDelta) {
+					framework.unbind(template, events, self.handleMouseWheel);
+				}
+			});
+
+			self.mouseZoomedIn = false;
+
+			var hasDraggingClass,
+				updateZoomable = function() {
+					if(self.mouseZoomedIn) {
+						framework.removeClass(template, 'pswp--zoomed-in');
+						self.mouseZoomedIn = false;
+					}
+					if(_currZoomLevel < 1) {
+						framework.addClass(template, 'pswp--zoom-allowed');
+					} else {
+						framework.removeClass(template, 'pswp--zoom-allowed');
+					}
+					removeDraggingClass();
+				},
+				removeDraggingClass = function() {
+					if(hasDraggingClass) {
+						framework.removeClass(template, 'pswp--dragging');
+						hasDraggingClass = false;
+					}
+				};
+
+			_listen('resize' , updateZoomable);
+			_listen('afterChange' , updateZoomable);
+			_listen('pointerDown', function() {
+				if(self.mouseZoomedIn) {
+					hasDraggingClass = true;
+					framework.addClass(template, 'pswp--dragging');
+				}
+			});
+			_listen('pointerUp', removeDraggingClass);
+
+			if(!onInit) {
+				updateZoomable();
+			}
+			
+		},
+
+		handleMouseWheel: function(e) {
+
+			if(_currZoomLevel <= self.currItem.fitRatio) {
+				if( _options.modal ) {
+
+					if (!_options.closeOnScroll || _numAnimations || _isDragging) {
+						e.preventDefault();
+					} else if(_transformKey && Math.abs(e.deltaY) > 2) {
+						// close PhotoSwipe
+						// if browser supports transforms & scroll changed enough
+						_closedByScroll = true;
+						self.close();
+					}
+
+				}
+				return true;
+			}
+
+			// allow just one event to fire
+			e.stopPropagation();
+
+			// https://developer.mozilla.org/en-US/docs/Web/Events/wheel
+			_wheelDelta.x = 0;
+
+			if('deltaX' in e) {
+				if(e.deltaMode === 1 /* DOM_DELTA_LINE */) {
+					// 18 - average line height
+					_wheelDelta.x = e.deltaX * 18;
+					_wheelDelta.y = e.deltaY * 18;
+				} else {
+					_wheelDelta.x = e.deltaX;
+					_wheelDelta.y = e.deltaY;
+				}
+			} else if('wheelDelta' in e) {
+				if(e.wheelDeltaX) {
+					_wheelDelta.x = -0.16 * e.wheelDeltaX;
+				}
+				if(e.wheelDeltaY) {
+					_wheelDelta.y = -0.16 * e.wheelDeltaY;
+				} else {
+					_wheelDelta.y = -0.16 * e.wheelDelta;
+				}
+			} else if('detail' in e) {
+				_wheelDelta.y = e.detail;
+			} else {
+				return;
+			}
+
+			_calculatePanBounds(_currZoomLevel, true);
+
+			var newPanX = _panOffset.x - _wheelDelta.x,
+				newPanY = _panOffset.y - _wheelDelta.y;
+
+			// only prevent scrolling in nonmodal mode when not at edges
+			if (_options.modal ||
+				(
+				newPanX <= _currPanBounds.min.x && newPanX >= _currPanBounds.max.x &&
+				newPanY <= _currPanBounds.min.y && newPanY >= _currPanBounds.max.y
+				) ) {
+				e.preventDefault();
+			}
+
+			// TODO: use rAF instead of mousewheel?
+			self.panTo(newPanX, newPanY);
+		},
+
+		toggleDesktopZoom: function(centerPoint) {
+			centerPoint = centerPoint || {x:_viewportSize.x/2 + _offset.x, y:_viewportSize.y/2 + _offset.y };
+
+			var doubleTapZoomLevel = _options.getDoubleTapZoom(true, self.currItem);
+			var zoomOut = _currZoomLevel === doubleTapZoomLevel;
+			
+			self.mouseZoomedIn = !zoomOut;
+
+			self.zoomTo(zoomOut ? self.currItem.initialZoomLevel : doubleTapZoomLevel, centerPoint, 333);
+			framework[ (!zoomOut ? 'add' : 'remove') + 'Class'](template, 'pswp--zoomed-in');
+		}
+
+	}
+});
+
+
+/*>>desktop-zoom*/
+
+/*>>history*/
+/**
+ *
+ * history.js:
+ *
+ * - Back button to close gallery.
+ * 
+ * - Unique URL for each slide: example.com/&pid=1&gid=3
+ *   (where PID is picture index, and GID and gallery index)
+ *   
+ * - Switch URL when slides change.
+ * 
+ */
+
+
+var _historyDefaultOptions = {
+	history: true,
+	galleryUID: 1
+};
+
+var _historyUpdateTimeout,
+	_hashChangeTimeout,
+	_hashAnimCheckTimeout,
+	_hashChangedByScript,
+	_hashChangedByHistory,
+	_hashReseted,
+	_initialHash,
+	_historyChanged,
+	_closedFromURL,
+	_urlChangedOnce,
+	_windowLoc,
+
+	_supportsPushState,
+
+	_getHash = function() {
+		return _windowLoc.hash.substring(1);
+	},
+	_cleanHistoryTimeouts = function() {
+
+		if(_historyUpdateTimeout) {
+			clearTimeout(_historyUpdateTimeout);
+		}
+
+		if(_hashAnimCheckTimeout) {
+			clearTimeout(_hashAnimCheckTimeout);
+		}
+	},
+
+	// pid - Picture index
+	// gid - Gallery index
+	_parseItemIndexFromURL = function() {
+		var hash = _getHash(),
+			params = {};
+
+		if(hash.length < 5) { // pid=1
+			return params;
+		}
+
+		var i, vars = hash.split('&');
+		for (i = 0; i < vars.length; i++) {
+			if(!vars[i]) {
+				continue;
+			}
+			var pair = vars[i].split('=');	
+			if(pair.length < 2) {
+				continue;
+			}
+			params[pair[0]] = pair[1];
+		}
+		if(_options.galleryPIDs) {
+			// detect custom pid in hash and search for it among the items collection
+			var searchfor = params.pid;
+			params.pid = 0; // if custom pid cannot be found, fallback to the first item
+			for(i = 0; i < _items.length; i++) {
+				if(_items[i].pid === searchfor) {
+					params.pid = i;
+					break;
+				}
+			}
+		} else {
+			params.pid = parseInt(params.pid,10)-1;
+		}
+		if( params.pid < 0 ) {
+			params.pid = 0;
+		}
+		return params;
+	},
+	_updateHash = function() {
+
+		if(_hashAnimCheckTimeout) {
+			clearTimeout(_hashAnimCheckTimeout);
+		}
+
+
+		if(_numAnimations || _isDragging) {
+			// changing browser URL forces layout/paint in some browsers, which causes noticable lag during animation
+			// that's why we update hash only when no animations running
+			_hashAnimCheckTimeout = setTimeout(_updateHash, 500);
+			return;
+		}
+		
+		if(_hashChangedByScript) {
+			clearTimeout(_hashChangeTimeout);
+		} else {
+			_hashChangedByScript = true;
+		}
+
+
+		var pid = (_currentItemIndex + 1);
+		var item = _getItemAt( _currentItemIndex );
+		if(item.hasOwnProperty('pid')) {
+			// carry forward any custom pid assigned to the item
+			pid = item.pid;
+		}
+		var newHash = _initialHash + '&'  +  'gid=' + _options.galleryUID + '&' + 'pid=' + pid;
+
+		if(!_historyChanged) {
+			if(_windowLoc.hash.indexOf(newHash) === -1) {
+				_urlChangedOnce = true;
+			}
+			// first time - add new hisory record, then just replace
+		}
+
+		var newURL = _windowLoc.href.split('#')[0] + '#' +  newHash;
+
+		if( _supportsPushState ) {
+
+			if('#' + newHash !== window.location.hash) {
+				history[_historyChanged ? 'replaceState' : 'pushState']('', document.title, newURL);
+			}
+
+		} else {
+			if(_historyChanged) {
+				_windowLoc.replace( newURL );
+			} else {
+				_windowLoc.hash = newHash;
+			}
+		}
+		
+		
+
+		_historyChanged = true;
+		_hashChangeTimeout = setTimeout(function() {
+			_hashChangedByScript = false;
+		}, 60);
+	};
+
+
+
+	
+
+_registerModule('History', {
+
+	
+
+	publicMethods: {
+		initHistory: function() {
+
+			framework.extend(_options, _historyDefaultOptions, true);
+
+			if( !_options.history ) {
+				return;
+			}
+
+
+			_windowLoc = window.location;
+			_urlChangedOnce = false;
+			_closedFromURL = false;
+			_historyChanged = false;
+			_initialHash = _getHash();
+			_supportsPushState = ('pushState' in history);
+
+
+			if(_initialHash.indexOf('gid=') > -1) {
+				_initialHash = _initialHash.split('&gid=')[0];
+				_initialHash = _initialHash.split('?gid=')[0];
+			}
+			
+
+			_listen('afterChange', self.updateURL);
+			_listen('unbindEvents', function() {
+				framework.unbind(window, 'hashchange', self.onHashChange);
+			});
+
+
+			var returnToOriginal = function() {
+				_hashReseted = true;
+				if(!_closedFromURL) {
+
+					if(_urlChangedOnce) {
+						history.back();
+					} else {
+
+						if(_initialHash) {
+							_windowLoc.hash = _initialHash;
+						} else {
+							if (_supportsPushState) {
+
+								// remove hash from url without refreshing it or scrolling to top
+								history.pushState('', document.title,  _windowLoc.pathname + _windowLoc.search );
+							} else {
+								_windowLoc.hash = '';
+							}
+						}
+					}
+					
+				}
+
+				_cleanHistoryTimeouts();
+			};
+
+
+			_listen('unbindEvents', function() {
+				if(_closedByScroll) {
+					// if PhotoSwipe is closed by scroll, we go "back" before the closing animation starts
+					// this is done to keep the scroll position
+					returnToOriginal();
+				}
+			});
+			_listen('destroy', function() {
+				if(!_hashReseted) {
+					returnToOriginal();
+				}
+			});
+			_listen('firstUpdate', function() {
+				_currentItemIndex = _parseItemIndexFromURL().pid;
+			});
+
+			
+
+			
+			var index = _initialHash.indexOf('pid=');
+			if(index > -1) {
+				_initialHash = _initialHash.substring(0, index);
+				if(_initialHash.slice(-1) === '&') {
+					_initialHash = _initialHash.slice(0, -1);
+				}
+			}
+			
+
+			setTimeout(function() {
+				if(_isOpen) { // hasn't destroyed yet
+					framework.bind(window, 'hashchange', self.onHashChange);
+				}
+			}, 40);
+			
+		},
+		onHashChange: function() {
+
+			if(_getHash() === _initialHash) {
+
+				_closedFromURL = true;
+				self.close();
+				return;
+			}
+			if(!_hashChangedByScript) {
+
+				_hashChangedByHistory = true;
+				self.goTo( _parseItemIndexFromURL().pid );
+				_hashChangedByHistory = false;
+			}
+			
+		},
+		updateURL: function() {
+
+			// Delay the update of URL, to avoid lag during transition, 
+			// and to not to trigger actions like "refresh page sound" or "blinking favicon" to often
+			
+			_cleanHistoryTimeouts();
+			
+
+			if(_hashChangedByHistory) {
+				return;
+			}
+
+			if(!_historyChanged) {
+				_updateHash(); // first time
+			} else {
+				_historyUpdateTimeout = setTimeout(_updateHash, 800);
+			}
+		}
+	
+	}
+});
+
+
+/*>>history*/
+	framework.extend(self, publicMethods); };
+	return PhotoSwipe;
+});

File diff suppressed because it is too large
+ 3 - 0
2017专区/艾兰岛/src/modules/photoswipe/photoswipe.min.js


+ 90 - 0
2017专区/艾兰岛/src/modules/sealoader/sealoader.js

@@ -0,0 +1,90 @@
+var jqueryDefined = false;
+function ready(callback) {
+	var jQuery = window.jQuery;
+	if (!jqueryDefined && jQuery) {
+		jqueryDefined = true;
+		var factory = function() {
+			return jQuery;
+		};
+		seajs.define('jquery', factory);
+		seajs.define('$', factory);
+		seajs.define('$-debug', factory);
+		if (jQuery.browser) {
+			seajs.define('gallery/jquery-plugin/jquery-migrate', factory);
+		}
+	}
+
+	if (callback) {
+		callback(seajs);
+	}
+}
+
+if (window.seajs) {
+	module.exports = ready;
+} else {
+	var loadScript = (function() {
+		var READY_STATE_RE = /loaded|complete/;
+
+		var head = document.getElementsByTagName("head")[0] || document.documentElement, baseElement = head.getElementsByTagName("base")[0];
+
+		return function(url, callback, id) {
+			var script = document.createElement("script");
+
+			function onload() {
+				// Ensure only run once and handle memory leak in IE
+				script.onload = script.onerror = script.onreadystatechange = null;
+
+				// Remove the script to reduce memory leak
+				head.removeChild(script);
+
+				// Dereference the script
+				script = null;
+
+				if (callback) {
+					callback()
+				}
+			}
+
+			if ("onload" in script) {
+				script.onerror = script.onload = onload;
+			} else {
+				script.onreadystatechange = function() {
+					if (READY_STATE_RE.test(script.readyState)) {
+						onload();
+					}
+				}
+			}
+
+			script.async = true;
+			script.src = url;
+			if (id) {
+				script.id = id;
+			}
+
+			baseElement ? head.insertBefore(script, baseElement) : head.appendChild(script)
+		}
+	})();
+
+	var queue = true;
+	module.exports = function(callback) {
+		if (queue) {
+			if (queue === true) {
+				queue = [callback];
+				loadScript('http://assets.dwstatic.com/amkit/entry.js', function() {
+					var c;
+					for (var i = 0, len = queue.length; i < len; i++) {
+						c = queue[i];
+						if (c) {
+							ready(c);
+						}
+					}
+					queue = null;
+				});
+			} else {
+				queue.push(callback);
+			}
+		} else {
+			ready(callback);
+		}
+	};
+}

File diff suppressed because it is too large
+ 14 - 0
2017专区/艾兰岛/src/modules/swiper/swiper.js


+ 1545 - 0
2017专区/艾兰岛/src/modules/underscore/underscore.js

@@ -0,0 +1,1545 @@
+//     Underscore.js 1.8.2
+//     http://underscorejs.org
+//     (c) 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+//     Underscore may be freely distributed under the MIT license.
+
+(function() {
+
+  // Baseline setup
+  // --------------
+
+  // Establish the root object, `window` in the browser, or `exports` on the server.
+  var root = this;
+
+  // Save the previous value of the `_` variable.
+  var previousUnderscore = root._;
+
+  // Save bytes in the minified (but not gzipped) version:
+  var ArrayProto = Array.prototype, ObjProto = Object.prototype, FuncProto = Function.prototype;
+
+  // Create quick reference variables for speed access to core prototypes.
+  var
+    push             = ArrayProto.push,
+    slice            = ArrayProto.slice,
+    toString         = ObjProto.toString,
+    hasOwnProperty   = ObjProto.hasOwnProperty;
+
+  // All **ECMAScript 5** native function implementations that we hope to use
+  // are declared here.
+  var
+    nativeIsArray      = Array.isArray,
+    nativeKeys         = Object.keys,
+    nativeBind         = FuncProto.bind,
+    nativeCreate       = Object.create;
+
+  // Naked function reference for surrogate-prototype-swapping.
+  var Ctor = function(){};
+
+  // Create a safe reference to the Underscore object for use below.
+  var _ = function(obj) {
+    if (obj instanceof _) return obj;
+    if (!(this instanceof _)) return new _(obj);
+    this._wrapped = obj;
+  };
+
+  // Export the Underscore object for **Node.js**, with
+  // backwards-compatibility for the old `require()` API. If we're in
+  // the browser, add `_` as a global object.
+  if (typeof exports !== 'undefined') {
+    if (typeof module !== 'undefined' && module.exports) {
+      exports = module.exports = _;
+    }
+    exports._ = _;
+  } else {
+    root._ = _;
+  }
+
+  // Current version.
+  _.VERSION = '1.8.2';
+
+  // Internal function that returns an efficient (for current engines) version
+  // of the passed-in callback, to be repeatedly applied in other Underscore
+  // functions.
+  var optimizeCb = function(func, context, argCount) {
+    if (context === void 0) return func;
+    switch (argCount == null ? 3 : argCount) {
+      case 1: return function(value) {
+        return func.call(context, value);
+      };
+      case 2: return function(value, other) {
+        return func.call(context, value, other);
+      };
+      case 3: return function(value, index, collection) {
+        return func.call(context, value, index, collection);
+      };
+      case 4: return function(accumulator, value, index, collection) {
+        return func.call(context, accumulator, value, index, collection);
+      };
+    }
+    return function() {
+      return func.apply(context, arguments);
+    };
+  };
+
+  // A mostly-internal function to generate callbacks that can be applied
+  // to each element in a collection, returning the desired result — either
+  // identity, an arbitrary callback, a property matcher, or a property accessor.
+  var cb = function(value, context, argCount) {
+    if (value == null) return _.identity;
+    if (_.isFunction(value)) return optimizeCb(value, context, argCount);
+    if (_.isObject(value)) return _.matcher(value);
+    return _.property(value);
+  };
+  _.iteratee = function(value, context) {
+    return cb(value, context, Infinity);
+  };
+
+  // An internal function for creating assigner functions.
+  var createAssigner = function(keysFunc, undefinedOnly) {
+    return function(obj) {
+      var length = arguments.length;
+      if (length < 2 || obj == null) return obj;
+      for (var index = 1; index < length; index++) {
+        var source = arguments[index],
+            keys = keysFunc(source),
+            l = keys.length;
+        for (var i = 0; i < l; i++) {
+          var key = keys[i];
+          if (!undefinedOnly || obj[key] === void 0) obj[key] = source[key];
+        }
+      }
+      return obj;
+    };
+  };
+
+  // An internal function for creating a new object that inherits from another.
+  var baseCreate = function(prototype) {
+    if (!_.isObject(prototype)) return {};
+    if (nativeCreate) return nativeCreate(prototype);
+    Ctor.prototype = prototype;
+    var result = new Ctor;
+    Ctor.prototype = null;
+    return result;
+  };
+
+  // Helper for collection methods to determine whether a collection
+  // should be iterated as an array or as an object
+  // Related: http://people.mozilla.org/~jorendorff/es6-draft.html#sec-tolength
+  var MAX_ARRAY_INDEX = Math.pow(2, 53) - 1;
+  var isArrayLike = function(collection) {
+    var length = collection != null && collection.length;
+    return typeof length == 'number' && length >= 0 && length <= MAX_ARRAY_INDEX;
+  };
+
+  // Collection Functions
+  // --------------------
+
+  // The cornerstone, an `each` implementation, aka `forEach`.
+  // Handles raw objects in addition to array-likes. Treats all
+  // sparse array-likes as if they were dense.
+  _.each = _.forEach = function(obj, iteratee, context) {
+    iteratee = optimizeCb(iteratee, context);
+    var i, length;
+    if (isArrayLike(obj)) {
+      for (i = 0, length = obj.length; i < length; i++) {
+        iteratee(obj[i], i, obj);
+      }
+    } else {
+      var keys = _.keys(obj);
+      for (i = 0, length = keys.length; i < length; i++) {
+        iteratee(obj[keys[i]], keys[i], obj);
+      }
+    }
+    return obj;
+  };
+
+  // Return the results of applying the iteratee to each element.
+  _.map = _.collect = function(obj, iteratee, context) {
+    iteratee = cb(iteratee, context);
+    var keys = !isArrayLike(obj) && _.keys(obj),
+        length = (keys || obj).length,
+        results = Array(length);
+    for (var index = 0; index < length; index++) {
+      var currentKey = keys ? keys[index] : index;
+      results[index] = iteratee(obj[currentKey], currentKey, obj);
+    }
+    return results;
+  };
+
+  // Create a reducing function iterating left or right.
+  function createReduce(dir) {
+    // Optimized iterator function as using arguments.length
+    // in the main function will deoptimize the, see #1991.
+    function iterator(obj, iteratee, memo, keys, index, length) {
+      for (; index >= 0 && index < length; index += dir) {
+        var currentKey = keys ? keys[index] : index;
+        memo = iteratee(memo, obj[currentKey], currentKey, obj);
+      }
+      return memo;
+    }
+
+    return function(obj, iteratee, memo, context) {
+      iteratee = optimizeCb(iteratee, context, 4);
+      var keys = !isArrayLike(obj) && _.keys(obj),
+          length = (keys || obj).length,
+          index = dir > 0 ? 0 : length - 1;
+      // Determine the initial value if none is provided.
+      if (arguments.length < 3) {
+        memo = obj[keys ? keys[index] : index];
+        index += dir;
+      }
+      return iterator(obj, iteratee, memo, keys, index, length);
+    };
+  }
+
+  // **Reduce** builds up a single result from a list of values, aka `inject`,
+  // or `foldl`.
+  _.reduce = _.foldl = _.inject = createReduce(1);
+
+  // The right-associative version of reduce, also known as `foldr`.
+  _.reduceRight = _.foldr = createReduce(-1);
+
+  // Return the first value which passes a truth test. Aliased as `detect`.
+  _.find = _.detect = function(obj, predicate, context) {
+    var key;
+    if (isArrayLike(obj)) {
+      key = _.findIndex(obj, predicate, context);
+    } else {
+      key = _.findKey(obj, predicate, context);
+    }
+    if (key !== void 0 && key !== -1) return obj[key];
+  };
+
+  // Return all the elements that pass a truth test.
+  // Aliased as `select`.
+  _.filter = _.select = function(obj, predicate, context) {
+    var results = [];
+    predicate = cb(predicate, context);
+    _.each(obj, function(value, index, list) {
+      if (predicate(value, index, list)) results.push(value);
+    });
+    return results;
+  };
+
+  // Return all the elements for which a truth test fails.
+  _.reject = function(obj, predicate, context) {
+    return _.filter(obj, _.negate(cb(predicate)), context);
+  };
+
+  // Determine whether all of the elements match a truth test.
+  // Aliased as `all`.
+  _.every = _.all = function(obj, predicate, context) {
+    predicate = cb(predicate, context);
+    var keys = !isArrayLike(obj) && _.keys(obj),
+        length = (keys || obj).length;
+    for (var index = 0; index < length; index++) {
+      var currentKey = keys ? keys[index] : index;
+      if (!predicate(obj[currentKey], currentKey, obj)) return false;
+    }
+    return true;
+  };
+
+  // Determine if at least one element in the object matches a truth test.
+  // Aliased as `any`.
+  _.some = _.any = function(obj, predicate, context) {
+    predicate = cb(predicate, context);
+    var keys = !isArrayLike(obj) && _.keys(obj),
+        length = (keys || obj).length;
+    for (var index = 0; index < length; index++) {
+      var currentKey = keys ? keys[index] : index;
+      if (predicate(obj[currentKey], currentKey, obj)) return true;
+    }
+    return false;
+  };
+
+  // Determine if the array or object contains a given value (using `===`).
+  // Aliased as `includes` and `include`.
+  _.contains = _.includes = _.include = function(obj, target, fromIndex) {
+    if (!isArrayLike(obj)) obj = _.values(obj);
+    return _.indexOf(obj, target, typeof fromIndex == 'number' && fromIndex) >= 0;
+  };
+
+  // Invoke a method (with arguments) on every item in a collection.
+  _.invoke = function(obj, method) {
+    var args = slice.call(arguments, 2);
+    var isFunc = _.isFunction(method);
+    return _.map(obj, function(value) {
+      var func = isFunc ? method : value[method];
+      return func == null ? func : func.apply(value, args);
+    });
+  };
+
+  // Convenience version of a common use case of `map`: fetching a property.
+  _.pluck = function(obj, key) {
+    return _.map(obj, _.property(key));
+  };
+
+  // Convenience version of a common use case of `filter`: selecting only objects
+  // containing specific `key:value` pairs.
+  _.where = function(obj, attrs) {
+    return _.filter(obj, _.matcher(attrs));
+  };
+
+  // Convenience version of a common use case of `find`: getting the first object
+  // containing specific `key:value` pairs.
+  _.findWhere = function(obj, attrs) {
+    return _.find(obj, _.matcher(attrs));
+  };
+
+  // Return the maximum element (or element-based computation).
+  _.max = function(obj, iteratee, context) {
+    var result = -Infinity, lastComputed = -Infinity,
+        value, computed;
+    if (iteratee == null && obj != null) {
+      obj = isArrayLike(obj) ? obj : _.values(obj);
+      for (var i = 0, length = obj.length; i < length; i++) {
+        value = obj[i];
+        if (value > result) {
+          result = value;
+        }
+      }
+    } else {
+      iteratee = cb(iteratee, context);
+      _.each(obj, function(value, index, list) {
+        computed = iteratee(value, index, list);
+        if (computed > lastComputed || computed === -Infinity && result === -Infinity) {
+          result = value;
+          lastComputed = computed;
+        }
+      });
+    }
+    return result;
+  };
+
+  // Return the minimum element (or element-based computation).
+  _.min = function(obj, iteratee, context) {
+    var result = Infinity, lastComputed = Infinity,
+        value, computed;
+    if (iteratee == null && obj != null) {
+      obj = isArrayLike(obj) ? obj : _.values(obj);
+      for (var i = 0, length = obj.length; i < length; i++) {
+        value = obj[i];
+        if (value < result) {
+          result = value;
+        }
+      }
+    } else {
+      iteratee = cb(iteratee, context);
+      _.each(obj, function(value, index, list) {
+        computed = iteratee(value, index, list);
+        if (computed < lastComputed || computed === Infinity && result === Infinity) {
+          result = value;
+          lastComputed = computed;
+        }
+      });
+    }
+    return result;
+  };
+
+  // Shuffle a collection, using the modern version of the
+  // [Fisher-Yates shuffle](http://en.wikipedia.org/wiki/Fisher–Yates_shuffle).
+  _.shuffle = function(obj) {
+    var set = isArrayLike(obj) ? obj : _.values(obj);
+    var length = set.length;
+    var shuffled = Array(length);
+    for (var index = 0, rand; index < length; index++) {
+      rand = _.random(0, index);
+      if (rand !== index) shuffled[index] = shuffled[rand];
+      shuffled[rand] = set[index];
+    }
+    return shuffled;
+  };
+
+  // Sample **n** random values from a collection.
+  // If **n** is not specified, returns a single random element.
+  // The internal `guard` argument allows it to work with `map`.
+  _.sample = function(obj, n, guard) {
+    if (n == null || guard) {
+      if (!isArrayLike(obj)) obj = _.values(obj);
+      return obj[_.random(obj.length - 1)];
+    }
+    return _.shuffle(obj).slice(0, Math.max(0, n));
+  };
+
+  // Sort the object's values by a criterion produced by an iteratee.
+  _.sortBy = function(obj, iteratee, context) {
+    iteratee = cb(iteratee, context);
+    return _.pluck(_.map(obj, function(value, index, list) {
+      return {
+        value: value,
+        index: index,
+        criteria: iteratee(value, index, list)
+      };
+    }).sort(function(left, right) {
+      var a = left.criteria;
+      var b = right.criteria;
+      if (a !== b) {
+        if (a > b || a === void 0) return 1;
+        if (a < b || b === void 0) return -1;
+      }
+      return left.index - right.index;
+    }), 'value');
+  };
+
+  // An internal function used for aggregate "group by" operations.
+  var group = function(behavior) {
+    return function(obj, iteratee, context) {
+      var result = {};
+      iteratee = cb(iteratee, context);
+      _.each(obj, function(value, index) {
+        var key = iteratee(value, index, obj);
+        behavior(result, value, key);
+      });
+      return result;
+    };
+  };
+
+  // Groups the object's values by a criterion. Pass either a string attribute
+  // to group by, or a function that returns the criterion.
+  _.groupBy = group(function(result, value, key) {
+    if (_.has(result, key)) result[key].push(value); else result[key] = [value];
+  });
+
+  // Indexes the object's values by a criterion, similar to `groupBy`, but for
+  // when you know that your index values will be unique.
+  _.indexBy = group(function(result, value, key) {
+    result[key] = value;
+  });
+
+  // Counts instances of an object that group by a certain criterion. Pass
+  // either a string attribute to count by, or a function that returns the
+  // criterion.
+  _.countBy = group(function(result, value, key) {
+    if (_.has(result, key)) result[key]++; else result[key] = 1;
+  });
+
+  // Safely create a real, live array from anything iterable.
+  _.toArray = function(obj) {
+    if (!obj) return [];
+    if (_.isArray(obj)) return slice.call(obj);
+    if (isArrayLike(obj)) return _.map(obj, _.identity);
+    return _.values(obj);
+  };
+
+  // Return the number of elements in an object.
+  _.size = function(obj) {
+    if (obj == null) return 0;
+    return isArrayLike(obj) ? obj.length : _.keys(obj).length;
+  };
+
+  // Split a collection into two arrays: one whose elements all satisfy the given
+  // predicate, and one whose elements all do not satisfy the predicate.
+  _.partition = function(obj, predicate, context) {
+    predicate = cb(predicate, context);
+    var pass = [], fail = [];
+    _.each(obj, function(value, key, obj) {
+      (predicate(value, key, obj) ? pass : fail).push(value);
+    });
+    return [pass, fail];
+  };
+
+  // Array Functions
+  // ---------------
+
+  // Get the first element of an array. Passing **n** will return the first N
+  // values in the array. Aliased as `head` and `take`. The **guard** check
+  // allows it to work with `_.map`.
+  _.first = _.head = _.take = function(array, n, guard) {
+    if (array == null) return void 0;
+    if (n == null || guard) return array[0];
+    return _.initial(array, array.length - n);
+  };
+
+  // Returns everything but the last entry of the array. Especially useful on
+  // the arguments object. Passing **n** will return all the values in
+  // the array, excluding the last N.
+  _.initial = function(array, n, guard) {
+    return slice.call(array, 0, Math.max(0, array.length - (n == null || guard ? 1 : n)));
+  };
+
+  // Get the last element of an array. Passing **n** will return the last N
+  // values in the array.
+  _.last = function(array, n, guard) {
+    if (array == null) return void 0;
+    if (n == null || guard) return array[array.length - 1];
+    return _.rest(array, Math.max(0, array.length - n));
+  };
+
+  // Returns everything but the first entry of the array. Aliased as `tail` and `drop`.
+  // Especially useful on the arguments object. Passing an **n** will return
+  // the rest N values in the array.
+  _.rest = _.tail = _.drop = function(array, n, guard) {
+    return slice.call(array, n == null || guard ? 1 : n);
+  };
+
+  // Trim out all falsy values from an array.
+  _.compact = function(array) {
+    return _.filter(array, _.identity);
+  };
+
+  // Internal implementation of a recursive `flatten` function.
+  var flatten = function(input, shallow, strict, startIndex) {
+    var output = [], idx = 0;
+    for (var i = startIndex || 0, length = input && input.length; i < length; i++) {
+      var value = input[i];
+      if (isArrayLike(value) && (_.isArray(value) || _.isArguments(value))) {
+        //flatten current level of array or arguments object
+        if (!shallow) value = flatten(value, shallow, strict);
+        var j = 0, len = value.length;
+        output.length += len;
+        while (j < len) {
+          output[idx++] = value[j++];
+        }
+      } else if (!strict) {
+        output[idx++] = value;
+      }
+    }
+    return output;
+  };
+
+  // Flatten out an array, either recursively (by default), or just one level.
+  _.flatten = function(array, shallow) {
+    return flatten(array, shallow, false);
+  };
+
+  // Return a version of the array that does not contain the specified value(s).
+  _.without = function(array) {
+    return _.difference(array, slice.call(arguments, 1));
+  };
+
+  // Produce a duplicate-free version of the array. If the array has already
+  // been sorted, you have the option of using a faster algorithm.
+  // Aliased as `unique`.
+  _.uniq = _.unique = function(array, isSorted, iteratee, context) {
+    if (array == null) return [];
+    if (!_.isBoolean(isSorted)) {
+      context = iteratee;
+      iteratee = isSorted;
+      isSorted = false;
+    }
+    if (iteratee != null) iteratee = cb(iteratee, context);
+    var result = [];
+    var seen = [];
+    for (var i = 0, length = array.length; i < length; i++) {
+      var value = array[i],
+          computed = iteratee ? iteratee(value, i, array) : value;
+      if (isSorted) {
+        if (!i || seen !== computed) result.push(value);
+        seen = computed;
+      } else if (iteratee) {
+        if (!_.contains(seen, computed)) {
+          seen.push(computed);
+          result.push(value);
+        }
+      } else if (!_.contains(result, value)) {
+        result.push(value);
+      }
+    }
+    return result;
+  };
+
+  // Produce an array that contains the union: each distinct element from all of
+  // the passed-in arrays.
+  _.union = function() {
+    return _.uniq(flatten(arguments, true, true));
+  };
+
+  // Produce an array that contains every item shared between all the
+  // passed-in arrays.
+  _.intersection = function(array) {
+    if (array == null) return [];
+    var result = [];
+    var argsLength = arguments.length;
+    for (var i = 0, length = array.length; i < length; i++) {
+      var item = array[i];
+      if (_.contains(result, item)) continue;
+      for (var j = 1; j < argsLength; j++) {
+        if (!_.contains(arguments[j], item)) break;
+      }
+      if (j === argsLength) result.push(item);
+    }
+    return result;
+  };
+
+  // Take the difference between one array and a number of other arrays.
+  // Only the elements present in just the first array will remain.
+  _.difference = function(array) {
+    var rest = flatten(arguments, true, true, 1);
+    return _.filter(array, function(value){
+      return !_.contains(rest, value);
+    });
+  };
+
+  // Zip together multiple lists into a single array -- elements that share
+  // an index go together.
+  _.zip = function() {
+    return _.unzip(arguments);
+  };
+
+  // Complement of _.zip. Unzip accepts an array of arrays and groups
+  // each array's elements on shared indices
+  _.unzip = function(array) {
+    var length = array && _.max(array, 'length').length || 0;
+    var result = Array(length);
+
+    for (var index = 0; index < length; index++) {
+      result[index] = _.pluck(array, index);
+    }
+    return result;
+  };
+
+  // Converts lists into objects. Pass either a single array of `[key, value]`
+  // pairs, or two parallel arrays of the same length -- one of keys, and one of
+  // the corresponding values.
+  _.object = function(list, values) {
+    var result = {};
+    for (var i = 0, length = list && list.length; i < length; i++) {
+      if (values) {
+        result[list[i]] = values[i];
+      } else {
+        result[list[i][0]] = list[i][1];
+      }
+    }
+    return result;
+  };
+
+  // Return the position of the first occurrence of an item in an array,
+  // or -1 if the item is not included in the array.
+  // If the array is large and already in sort order, pass `true`
+  // for **isSorted** to use binary search.
+  _.indexOf = function(array, item, isSorted) {
+    var i = 0, length = array && array.length;
+    if (typeof isSorted == 'number') {
+      i = isSorted < 0 ? Math.max(0, length + isSorted) : isSorted;
+    } else if (isSorted && length) {
+      i = _.sortedIndex(array, item);
+      return array[i] === item ? i : -1;
+    }
+    if (item !== item) {
+      return _.findIndex(slice.call(array, i), _.isNaN);
+    }
+    for (; i < length; i++) if (array[i] === item) return i;
+    return -1;
+  };
+
+  _.lastIndexOf = function(array, item, from) {
+    var idx = array ? array.length : 0;
+    if (typeof from == 'number') {
+      idx = from < 0 ? idx + from + 1 : Math.min(idx, from + 1);
+    }
+    if (item !== item) {
+      return _.findLastIndex(slice.call(array, 0, idx), _.isNaN);
+    }
+    while (--idx >= 0) if (array[idx] === item) return idx;
+    return -1;
+  };
+
+  // Generator function to create the findIndex and findLastIndex functions
+  function createIndexFinder(dir) {
+    return function(array, predicate, context) {
+      predicate = cb(predicate, context);
+      var length = array != null && array.length;
+      var index = dir > 0 ? 0 : length - 1;
+      for (; index >= 0 && index < length; index += dir) {
+        if (predicate(array[index], index, array)) return index;
+      }
+      return -1;
+    };
+  }
+
+  // Returns the first index on an array-like that passes a predicate test
+  _.findIndex = createIndexFinder(1);
+
+  _.findLastIndex = createIndexFinder(-1);
+
+  // Use a comparator function to figure out the smallest index at which
+  // an object should be inserted so as to maintain order. Uses binary search.
+  _.sortedIndex = function(array, obj, iteratee, context) {
+    iteratee = cb(iteratee, context, 1);
+    var value = iteratee(obj);
+    var low = 0, high = array.length;
+    while (low < high) {
+      var mid = Math.floor((low + high) / 2);
+      if (iteratee(array[mid]) < value) low = mid + 1; else high = mid;
+    }
+    return low;
+  };
+
+  // Generate an integer Array containing an arithmetic progression. A port of
+  // the native Python `range()` function. See
+  // [the Python documentation](http://docs.python.org/library/functions.html#range).
+  _.range = function(start, stop, step) {
+    if (arguments.length <= 1) {
+      stop = start || 0;
+      start = 0;
+    }
+    step = step || 1;
+
+    var length = Math.max(Math.ceil((stop - start) / step), 0);
+    var range = Array(length);
+
+    for (var idx = 0; idx < length; idx++, start += step) {
+      range[idx] = start;
+    }
+
+    return range;
+  };
+
+  // Function (ahem) Functions
+  // ------------------
+
+  // Determines whether to execute a function as a constructor
+  // or a normal function with the provided arguments
+  var executeBound = function(sourceFunc, boundFunc, context, callingContext, args) {
+    if (!(callingContext instanceof boundFunc)) return sourceFunc.apply(context, args);
+    var self = baseCreate(sourceFunc.prototype);
+    var result = sourceFunc.apply(self, args);
+    if (_.isObject(result)) return result;
+    return self;
+  };
+
+  // Create a function bound to a given object (assigning `this`, and arguments,
+  // optionally). Delegates to **ECMAScript 5**'s native `Function.bind` if
+  // available.
+  _.bind = function(func, context) {
+    if (nativeBind && func.bind === nativeBind) return nativeBind.apply(func, slice.call(arguments, 1));
+    if (!_.isFunction(func)) throw new TypeError('Bind must be called on a function');
+    var args = slice.call(arguments, 2);
+    var bound = function() {
+      return executeBound(func, bound, context, this, args.concat(slice.call(arguments)));
+    };
+    return bound;
+  };
+
+  // Partially apply a function by creating a version that has had some of its
+  // arguments pre-filled, without changing its dynamic `this` context. _ acts
+  // as a placeholder, allowing any combination of arguments to be pre-filled.
+  _.partial = function(func) {
+    var boundArgs = slice.call(arguments, 1);
+    var bound = function() {
+      var position = 0, length = boundArgs.length;
+      var args = Array(length);
+      for (var i = 0; i < length; i++) {
+        args[i] = boundArgs[i] === _ ? arguments[position++] : boundArgs[i];
+      }
+      while (position < arguments.length) args.push(arguments[position++]);
+      return executeBound(func, bound, this, this, args);
+    };
+    return bound;
+  };
+
+  // Bind a number of an object's methods to that object. Remaining arguments
+  // are the method names to be bound. Useful for ensuring that all callbacks
+  // defined on an object belong to it.
+  _.bindAll = function(obj) {
+    var i, length = arguments.length, key;
+    if (length <= 1) throw new Error('bindAll must be passed function names');
+    for (i = 1; i < length; i++) {
+      key = arguments[i];
+      obj[key] = _.bind(obj[key], obj);
+    }
+    return obj;
+  };
+
+  // Memoize an expensive function by storing its results.
+  _.memoize = function(func, hasher) {
+    var memoize = function(key) {
+      var cache = memoize.cache;
+      var address = '' + (hasher ? hasher.apply(this, arguments) : key);
+      if (!_.has(cache, address)) cache[address] = func.apply(this, arguments);
+      return cache[address];
+    };
+    memoize.cache = {};
+    return memoize;
+  };
+
+  // Delays a function for the given number of milliseconds, and then calls
+  // it with the arguments supplied.
+  _.delay = function(func, wait) {
+    var args = slice.call(arguments, 2);
+    return setTimeout(function(){
+      return func.apply(null, args);
+    }, wait);
+  };
+
+  // Defers a function, scheduling it to run after the current call stack has
+  // cleared.
+  _.defer = _.partial(_.delay, _, 1);
+
+  // Returns a function, that, when invoked, will only be triggered at most once
+  // during a given window of time. Normally, the throttled function will run
+  // as much as it can, without ever going more than once per `wait` duration;
+  // but if you'd like to disable the execution on the leading edge, pass
+  // `{leading: false}`. To disable execution on the trailing edge, ditto.
+  _.throttle = function(func, wait, options) {
+    var context, args, result;
+    var timeout = null;
+    var previous = 0;
+    if (!options) options = {};
+    var later = function() {
+      previous = options.leading === false ? 0 : _.now();
+      timeout = null;
+      result = func.apply(context, args);
+      if (!timeout) context = args = null;
+    };
+    return function() {
+      var now = _.now();
+      if (!previous && options.leading === false) previous = now;
+      var remaining = wait - (now - previous);
+      context = this;
+      args = arguments;
+      if (remaining <= 0 || remaining > wait) {
+        if (timeout) {
+          clearTimeout(timeout);
+          timeout = null;
+        }
+        previous = now;
+        result = func.apply(context, args);
+        if (!timeout) context = args = null;
+      } else if (!timeout && options.trailing !== false) {
+        timeout = setTimeout(later, remaining);
+      }
+      return result;
+    };
+  };
+
+  // Returns a function, that, as long as it continues to be invoked, will not
+  // be triggered. The function will be called after it stops being called for
+  // N milliseconds. If `immediate` is passed, trigger the function on the
+  // leading edge, instead of the trailing.
+  _.debounce = function(func, wait, immediate) {
+    var timeout, args, context, timestamp, result;
+
+    var later = function() {
+      var last = _.now() - timestamp;
+
+      if (last < wait && last >= 0) {
+        timeout = setTimeout(later, wait - last);
+      } else {
+        timeout = null;
+        if (!immediate) {
+          result = func.apply(context, args);
+          if (!timeout) context = args = null;
+        }
+      }
+    };
+
+    return function() {
+      context = this;
+      args = arguments;
+      timestamp = _.now();
+      var callNow = immediate && !timeout;
+      if (!timeout) timeout = setTimeout(later, wait);
+      if (callNow) {
+        result = func.apply(context, args);
+        context = args = null;
+      }
+
+      return result;
+    };
+  };
+
+  // Returns the first function passed as an argument to the second,
+  // allowing you to adjust arguments, run code before and after, and
+  // conditionally execute the original function.
+  _.wrap = function(func, wrapper) {
+    return _.partial(wrapper, func);
+  };
+
+  // Returns a negated version of the passed-in predicate.
+  _.negate = function(predicate) {
+    return function() {
+      return !predicate.apply(this, arguments);
+    };
+  };
+
+  // Returns a function that is the composition of a list of functions, each
+  // consuming the return value of the function that follows.
+  _.compose = function() {
+    var args = arguments;
+    var start = args.length - 1;
+    return function() {
+      var i = start;
+      var result = args[start].apply(this, arguments);
+      while (i--) result = args[i].call(this, result);
+      return result;
+    };
+  };
+
+  // Returns a function that will only be executed on and after the Nth call.
+  _.after = function(times, func) {
+    return function() {
+      if (--times < 1) {
+        return func.apply(this, arguments);
+      }
+    };
+  };
+
+  // Returns a function that will only be executed up to (but not including) the Nth call.
+  _.before = function(times, func) {
+    var memo;
+    return function() {
+      if (--times > 0) {
+        memo = func.apply(this, arguments);
+      }
+      if (times <= 1) func = null;
+      return memo;
+    };
+  };
+
+  // Returns a function that will be executed at most one time, no matter how
+  // often you call it. Useful for lazy initialization.
+  _.once = _.partial(_.before, 2);
+
+  // Object Functions
+  // ----------------
+
+  // Keys in IE < 9 that won't be iterated by `for key in ...` and thus missed.
+  var hasEnumBug = !{toString: null}.propertyIsEnumerable('toString');
+  var nonEnumerableProps = ['valueOf', 'isPrototypeOf', 'toString',
+                      'propertyIsEnumerable', 'hasOwnProperty', 'toLocaleString'];
+
+  function collectNonEnumProps(obj, keys) {
+    var nonEnumIdx = nonEnumerableProps.length;
+    var constructor = obj.constructor;
+    var proto = (_.isFunction(constructor) && constructor.prototype) || ObjProto;
+
+    // Constructor is a special case.
+    var prop = 'constructor';
+    if (_.has(obj, prop) && !_.contains(keys, prop)) keys.push(prop);
+
+    while (nonEnumIdx--) {
+      prop = nonEnumerableProps[nonEnumIdx];
+      if (prop in obj && obj[prop] !== proto[prop] && !_.contains(keys, prop)) {
+        keys.push(prop);
+      }
+    }
+  }
+
+  // Retrieve the names of an object's own properties.
+  // Delegates to **ECMAScript 5**'s native `Object.keys`
+  _.keys = function(obj) {
+    if (!_.isObject(obj)) return [];
+    if (nativeKeys) return nativeKeys(obj);
+    var keys = [];
+    for (var key in obj) if (_.has(obj, key)) keys.push(key);
+    // Ahem, IE < 9.
+    if (hasEnumBug) collectNonEnumProps(obj, keys);
+    return keys;
+  };
+
+  // Retrieve all the property names of an object.
+  _.allKeys = function(obj) {
+    if (!_.isObject(obj)) return [];
+    var keys = [];
+    for (var key in obj) keys.push(key);
+    // Ahem, IE < 9.
+    if (hasEnumBug) collectNonEnumProps(obj, keys);
+    return keys;
+  };
+
+  // Retrieve the values of an object's properties.
+  _.values = function(obj) {
+    var keys = _.keys(obj);
+    var length = keys.length;
+    var values = Array(length);
+    for (var i = 0; i < length; i++) {
+      values[i] = obj[keys[i]];
+    }
+    return values;
+  };
+
+  // Returns the results of applying the iteratee to each element of the object
+  // In contrast to _.map it returns an object
+  _.mapObject = function(obj, iteratee, context) {
+    iteratee = cb(iteratee, context);
+    var keys =  _.keys(obj),
+          length = keys.length,
+          results = {},
+          currentKey;
+      for (var index = 0; index < length; index++) {
+        currentKey = keys[index];
+        results[currentKey] = iteratee(obj[currentKey], currentKey, obj);
+      }
+      return results;
+  };
+
+  // Convert an object into a list of `[key, value]` pairs.
+  _.pairs = function(obj) {
+    var keys = _.keys(obj);
+    var length = keys.length;
+    var pairs = Array(length);
+    for (var i = 0; i < length; i++) {
+      pairs[i] = [keys[i], obj[keys[i]]];
+    }
+    return pairs;
+  };
+
+  // Invert the keys and values of an object. The values must be serializable.
+  _.invert = function(obj) {
+    var result = {};
+    var keys = _.keys(obj);
+    for (var i = 0, length = keys.length; i < length; i++) {
+      result[obj[keys[i]]] = keys[i];
+    }
+    return result;
+  };
+
+  // Return a sorted list of the function names available on the object.
+  // Aliased as `methods`
+  _.functions = _.methods = function(obj) {
+    var names = [];
+    for (var key in obj) {
+      if (_.isFunction(obj[key])) names.push(key);
+    }
+    return names.sort();
+  };
+
+  // Extend a given object with all the properties in passed-in object(s).
+  _.extend = createAssigner(_.allKeys);
+
+  // Assigns a given object with all the own properties in the passed-in object(s)
+  // (https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign)
+  _.extendOwn = _.assign = createAssigner(_.keys);
+
+  // Returns the first key on an object that passes a predicate test
+  _.findKey = function(obj, predicate, context) {
+    predicate = cb(predicate, context);
+    var keys = _.keys(obj), key;
+    for (var i = 0, length = keys.length; i < length; i++) {
+      key = keys[i];
+      if (predicate(obj[key], key, obj)) return key;
+    }
+  };
+
+  // Return a copy of the object only containing the whitelisted properties.
+  _.pick = function(object, oiteratee, context) {
+    var result = {}, obj = object, iteratee, keys;
+    if (obj == null) return result;
+    if (_.isFunction(oiteratee)) {
+      keys = _.allKeys(obj);
+      iteratee = optimizeCb(oiteratee, context);
+    } else {
+      keys = flatten(arguments, false, false, 1);
+      iteratee = function(value, key, obj) { return key in obj; };
+      obj = Object(obj);
+    }
+    for (var i = 0, length = keys.length; i < length; i++) {
+      var key = keys[i];
+      var value = obj[key];
+      if (iteratee(value, key, obj)) result[key] = value;
+    }
+    return result;
+  };
+
+   // Return a copy of the object without the blacklisted properties.
+  _.omit = function(obj, iteratee, context) {
+    if (_.isFunction(iteratee)) {
+      iteratee = _.negate(iteratee);
+    } else {
+      var keys = _.map(flatten(arguments, false, false, 1), String);
+      iteratee = function(value, key) {
+        return !_.contains(keys, key);
+      };
+    }
+    return _.pick(obj, iteratee, context);
+  };
+
+  // Fill in a given object with default properties.
+  _.defaults = createAssigner(_.allKeys, true);
+
+  // Creates an object that inherits from the given prototype object.
+  // If additional properties are provided then they will be added to the
+  // created object.
+  _.create = function(prototype, props) {
+    var result = baseCreate(prototype);
+    if (props) _.extendOwn(result, props);
+    return result;
+  };
+
+  // Create a (shallow-cloned) duplicate of an object.
+  _.clone = function(obj) {
+    if (!_.isObject(obj)) return obj;
+    return _.isArray(obj) ? obj.slice() : _.extend({}, obj);
+  };
+
+  // Invokes interceptor with the obj, and then returns obj.
+  // The primary purpose of this method is to "tap into" a method chain, in
+  // order to perform operations on intermediate results within the chain.
+  _.tap = function(obj, interceptor) {
+    interceptor(obj);
+    return obj;
+  };
+
+  // Returns whether an object has a given set of `key:value` pairs.
+  _.isMatch = function(object, attrs) {
+    var keys = _.keys(attrs), length = keys.length;
+    if (object == null) return !length;
+    var obj = Object(object);
+    for (var i = 0; i < length; i++) {
+      var key = keys[i];
+      if (attrs[key] !== obj[key] || !(key in obj)) return false;
+    }
+    return true;
+  };
+
+
+  // Internal recursive comparison function for `isEqual`.
+  var eq = function(a, b, aStack, bStack) {
+    // Identical objects are equal. `0 === -0`, but they aren't identical.
+    // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).
+    if (a === b) return a !== 0 || 1 / a === 1 / b;
+    // A strict comparison is necessary because `null == undefined`.
+    if (a == null || b == null) return a === b;
+    // Unwrap any wrapped objects.
+    if (a instanceof _) a = a._wrapped;
+    if (b instanceof _) b = b._wrapped;
+    // Compare `[[Class]]` names.
+    var className = toString.call(a);
+    if (className !== toString.call(b)) return false;
+    switch (className) {
+      // Strings, numbers, regular expressions, dates, and booleans are compared by value.
+      case '[object RegExp]':
+      // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')
+      case '[object String]':
+        // Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is
+        // equivalent to `new String("5")`.
+        return '' + a === '' + b;
+      case '[object Number]':
+        // `NaN`s are equivalent, but non-reflexive.
+        // Object(NaN) is equivalent to NaN
+        if (+a !== +a) return +b !== +b;
+        // An `egal` comparison is performed for other numeric values.
+        return +a === 0 ? 1 / +a === 1 / b : +a === +b;
+      case '[object Date]':
+      case '[object Boolean]':
+        // Coerce dates and booleans to numeric primitive values. Dates are compared by their
+        // millisecond representations. Note that invalid dates with millisecond representations
+        // of `NaN` are not equivalent.
+        return +a === +b;
+    }
+
+    var areArrays = className === '[object Array]';
+    if (!areArrays) {
+      if (typeof a != 'object' || typeof b != 'object') return false;
+
+      // Objects with different constructors are not equivalent, but `Object`s or `Array`s
+      // from different frames are.
+      var aCtor = a.constructor, bCtor = b.constructor;
+      if (aCtor !== bCtor && !(_.isFunction(aCtor) && aCtor instanceof aCtor &&
+                               _.isFunction(bCtor) && bCtor instanceof bCtor)
+                          && ('constructor' in a && 'constructor' in b)) {
+        return false;
+      }
+    }
+    // Assume equality for cyclic structures. The algorithm for detecting cyclic
+    // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.
+    
+    // Initializing stack of traversed objects.
+    // It's done here since we only need them for objects and arrays comparison.
+    aStack = aStack || [];
+    bStack = bStack || [];
+    var length = aStack.length;
+    while (length--) {
+      // Linear search. Performance is inversely proportional to the number of
+      // unique nested structures.
+      if (aStack[length] === a) return bStack[length] === b;
+    }
+
+    // Add the first object to the stack of traversed objects.
+    aStack.push(a);
+    bStack.push(b);
+
+    // Recursively compare objects and arrays.
+    if (areArrays) {
+      // Compare array lengths to determine if a deep comparison is necessary.
+      length = a.length;
+      if (length !== b.length) return false;
+      // Deep compare the contents, ignoring non-numeric properties.
+      while (length--) {
+        if (!eq(a[length], b[length], aStack, bStack)) return false;
+      }
+    } else {
+      // Deep compare objects.
+      var keys = _.keys(a), key;
+      length = keys.length;
+      // Ensure that both objects contain the same number of properties before comparing deep equality.
+      if (_.keys(b).length !== length) return false;
+      while (length--) {
+        // Deep compare each member
+        key = keys[length];
+        if (!(_.has(b, key) && eq(a[key], b[key], aStack, bStack))) return false;
+      }
+    }
+    // Remove the first object from the stack of traversed objects.
+    aStack.pop();
+    bStack.pop();
+    return true;
+  };
+
+  // Perform a deep comparison to check if two objects are equal.
+  _.isEqual = function(a, b) {
+    return eq(a, b);
+  };
+
+  // Is a given array, string, or object empty?
+  // An "empty" object has no enumerable own-properties.
+  _.isEmpty = function(obj) {
+    if (obj == null) return true;
+    if (isArrayLike(obj) && (_.isArray(obj) || _.isString(obj) || _.isArguments(obj))) return obj.length === 0;
+    return _.keys(obj).length === 0;
+  };
+
+  // Is a given value a DOM element?
+  _.isElement = function(obj) {
+    return !!(obj && obj.nodeType === 1);
+  };
+
+  // Is a given value an array?
+  // Delegates to ECMA5's native Array.isArray
+  _.isArray = nativeIsArray || function(obj) {
+    return toString.call(obj) === '[object Array]';
+  };
+
+  // Is a given variable an object?
+  _.isObject = function(obj) {
+    var type = typeof obj;
+    return type === 'function' || type === 'object' && !!obj;
+  };
+
+  // Add some isType methods: isArguments, isFunction, isString, isNumber, isDate, isRegExp, isError.
+  _.each(['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp', 'Error'], function(name) {
+    _['is' + name] = function(obj) {
+      return toString.call(obj) === '[object ' + name + ']';
+    };
+  });
+
+  // Define a fallback version of the method in browsers (ahem, IE < 9), where
+  // there isn't any inspectable "Arguments" type.
+  if (!_.isArguments(arguments)) {
+    _.isArguments = function(obj) {
+      return _.has(obj, 'callee');
+    };
+  }
+
+  // Optimize `isFunction` if appropriate. Work around some typeof bugs in old v8,
+  // IE 11 (#1621), and in Safari 8 (#1929).
+  if (typeof /./ != 'function' && typeof Int8Array != 'object') {
+    _.isFunction = function(obj) {
+      return typeof obj == 'function' || false;
+    };
+  }
+
+  // Is a given object a finite number?
+  _.isFinite = function(obj) {
+    return isFinite(obj) && !isNaN(parseFloat(obj));
+  };
+
+  // Is the given value `NaN`? (NaN is the only number which does not equal itself).
+  _.isNaN = function(obj) {
+    return _.isNumber(obj) && obj !== +obj;
+  };
+
+  // Is a given value a boolean?
+  _.isBoolean = function(obj) {
+    return obj === true || obj === false || toString.call(obj) === '[object Boolean]';
+  };
+
+  // Is a given value equal to null?
+  _.isNull = function(obj) {
+    return obj === null;
+  };
+
+  // Is a given variable undefined?
+  _.isUndefined = function(obj) {
+    return obj === void 0;
+  };
+
+  // Shortcut function for checking if an object has a given property directly
+  // on itself (in other words, not on a prototype).
+  _.has = function(obj, key) {
+    return obj != null && hasOwnProperty.call(obj, key);
+  };
+
+  // Utility Functions
+  // -----------------
+
+  // Run Underscore.js in *noConflict* mode, returning the `_` variable to its
+  // previous owner. Returns a reference to the Underscore object.
+  _.noConflict = function() {
+    root._ = previousUnderscore;
+    return this;
+  };
+
+  // Keep the identity function around for default iteratees.
+  _.identity = function(value) {
+    return value;
+  };
+
+  // Predicate-generating functions. Often useful outside of Underscore.
+  _.constant = function(value) {
+    return function() {
+      return value;
+    };
+  };
+
+  _.noop = function(){};
+
+  _.property = function(key) {
+    return function(obj) {
+      return obj == null ? void 0 : obj[key];
+    };
+  };
+
+  // Generates a function for a given object that returns a given property.
+  _.propertyOf = function(obj) {
+    return obj == null ? function(){} : function(key) {
+      return obj[key];
+    };
+  };
+
+  // Returns a predicate for checking whether an object has a given set of 
+  // `key:value` pairs.
+  _.matcher = _.matches = function(attrs) {
+    attrs = _.extendOwn({}, attrs);
+    return function(obj) {
+      return _.isMatch(obj, attrs);
+    };
+  };
+
+  // Run a function **n** times.
+  _.times = function(n, iteratee, context) {
+    var accum = Array(Math.max(0, n));
+    iteratee = optimizeCb(iteratee, context, 1);
+    for (var i = 0; i < n; i++) accum[i] = iteratee(i);
+    return accum;
+  };
+
+  // Return a random integer between min and max (inclusive).
+  _.random = function(min, max) {
+    if (max == null) {
+      max = min;
+      min = 0;
+    }
+    return min + Math.floor(Math.random() * (max - min + 1));
+  };
+
+  // A (possibly faster) way to get the current timestamp as an integer.
+  _.now = Date.now || function() {
+    return new Date().getTime();
+  };
+
+   // List of HTML entities for escaping.
+  var escapeMap = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#x27;',
+    '`': '&#x60;'
+  };
+  var unescapeMap = _.invert(escapeMap);
+
+  // Functions for escaping and unescaping strings to/from HTML interpolation.
+  var createEscaper = function(map) {
+    var escaper = function(match) {
+      return map[match];
+    };
+    // Regexes for identifying a key that needs to be escaped
+    var source = '(?:' + _.keys(map).join('|') + ')';
+    var testRegexp = RegExp(source);
+    var replaceRegexp = RegExp(source, 'g');
+    return function(string) {
+      string = string == null ? '' : '' + string;
+      return testRegexp.test(string) ? string.replace(replaceRegexp, escaper) : string;
+    };
+  };
+  _.escape = createEscaper(escapeMap);
+  _.unescape = createEscaper(unescapeMap);
+
+  // If the value of the named `property` is a function then invoke it with the
+  // `object` as context; otherwise, return it.
+  _.result = function(object, property, fallback) {
+    var value = object == null ? void 0 : object[property];
+    if (value === void 0) {
+      value = fallback;
+    }
+    return _.isFunction(value) ? value.call(object) : value;
+  };
+
+  // Generate a unique integer id (unique within the entire client session).
+  // Useful for temporary DOM ids.
+  var idCounter = 0;
+  _.uniqueId = function(prefix) {
+    var id = ++idCounter + '';
+    return prefix ? prefix + id : id;
+  };
+
+  // By default, Underscore uses ERB-style template delimiters, change the
+  // following template settings to use alternative delimiters.
+  _.templateSettings = {
+    evaluate    : /<%([\s\S]+?)%>/g,
+    interpolate : /<%=([\s\S]+?)%>/g,
+    escape      : /<%-([\s\S]+?)%>/g
+  };
+
+  // When customizing `templateSettings`, if you don't want to define an
+  // interpolation, evaluation or escaping regex, we need one that is
+  // guaranteed not to match.
+  var noMatch = /(.)^/;
+
+  // Certain characters need to be escaped so that they can be put into a
+  // string literal.
+  var escapes = {
+    "'":      "'",
+    '\\':     '\\',
+    '\r':     'r',
+    '\n':     'n',
+    '\u2028': 'u2028',
+    '\u2029': 'u2029'
+  };
+
+  var escaper = /\\|'|\r|\n|\u2028|\u2029/g;
+
+  var escapeChar = function(match) {
+    return '\\' + escapes[match];
+  };
+
+  // JavaScript micro-templating, similar to John Resig's implementation.
+  // Underscore templating handles arbitrary delimiters, preserves whitespace,
+  // and correctly escapes quotes within interpolated code.
+  // NB: `oldSettings` only exists for backwards compatibility.
+  _.template = function(text, settings, oldSettings) {
+    if (!settings && oldSettings) settings = oldSettings;
+    settings = _.defaults({}, settings, _.templateSettings);
+
+    // Combine delimiters into one regular expression via alternation.
+    var matcher = RegExp([
+      (settings.escape || noMatch).source,
+      (settings.interpolate || noMatch).source,
+      (settings.evaluate || noMatch).source
+    ].join('|') + '|$', 'g');
+
+    // Compile the template source, escaping string literals appropriately.
+    var index = 0;
+    var source = "__p+='";
+    text.replace(matcher, function(match, escape, interpolate, evaluate, offset) {
+      source += text.slice(index, offset).replace(escaper, escapeChar);
+      index = offset + match.length;
+
+      if (escape) {
+        source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'";
+      } else if (interpolate) {
+        source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'";
+      } else if (evaluate) {
+        source += "';\n" + evaluate + "\n__p+='";
+      }
+
+      // Adobe VMs need the match returned to produce the correct offest.
+      return match;
+    });
+    source += "';\n";
+
+    // If a variable is not specified, place data values in local scope.
+    if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n';
+
+    source = "var __t,__p='',__j=Array.prototype.join," +
+      "print=function(){__p+=__j.call(arguments,'');};\n" +
+      source + 'return __p;\n';
+
+    try {
+      var render = new Function(settings.variable || 'obj', '_', source);
+    } catch (e) {
+      e.source = source;
+      throw e;
+    }
+
+    var template = function(data) {
+      return render.call(this, data, _);
+    };
+
+    // Provide the compiled source as a convenience for precompilation.
+    var argument = settings.variable || 'obj';
+    template.source = 'function(' + argument + '){\n' + source + '}';
+
+    return template;
+  };
+
+  // Add a "chain" function. Start chaining a wrapped Underscore object.
+  _.chain = function(obj) {
+    var instance = _(obj);
+    instance._chain = true;
+    return instance;
+  };
+
+  // OOP
+  // ---------------
+  // If Underscore is called as a function, it returns a wrapped object that
+  // can be used OO-style. This wrapper holds altered versions of all the
+  // underscore functions. Wrapped objects may be chained.
+
+  // Helper function to continue chaining intermediate results.
+  var result = function(instance, obj) {
+    return instance._chain ? _(obj).chain() : obj;
+  };
+
+  // Add your own custom functions to the Underscore object.
+  _.mixin = function(obj) {
+    _.each(_.functions(obj), function(name) {
+      var func = _[name] = obj[name];
+      _.prototype[name] = function() {
+        var args = [this._wrapped];
+        push.apply(args, arguments);
+        return result(this, func.apply(_, args));
+      };
+    });
+  };
+
+  // Add all of the Underscore functions to the wrapper object.
+  _.mixin(_);
+
+  // Add all mutator Array functions to the wrapper.
+  _.each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) {
+    var method = ArrayProto[name];
+    _.prototype[name] = function() {
+      var obj = this._wrapped;
+      method.apply(obj, arguments);
+      if ((name === 'shift' || name === 'splice') && obj.length === 0) delete obj[0];
+      return result(this, obj);
+    };
+  });
+
+  // Add all accessor Array functions to the wrapper.
+  _.each(['concat', 'join', 'slice'], function(name) {
+    var method = ArrayProto[name];
+    _.prototype[name] = function() {
+      return result(this, method.apply(this._wrapped, arguments));
+    };
+  });
+
+  // Extracts the result from a wrapped and chained object.
+  _.prototype.value = function() {
+    return this._wrapped;
+  };
+
+  // Provide unwrapping proxy for some methods used in engine operations
+  // such as arithmetic and JSON stringification.
+  _.prototype.valueOf = _.prototype.toJSON = _.prototype.value;
+  
+  _.prototype.toString = function() {
+    return '' + this._wrapped;
+  };
+
+  // AMD registration happens at the end for compatibility with AMD loaders
+  // that may not enforce next-turn semantics on modules. Even though general
+  // practice for AMD registration is to be anonymous, underscore registers
+  // as a named module because, like jQuery, it is a base library that is
+  // popular enough to be bundled in a third party lib, but not be part of
+  // an AMD load request. Those cases could generate an error when an
+  // anonymous define() is called outside of a loader request.
+  if (typeof define === 'function' && define.amd) {
+    define('underscore', [], function() {
+      return _;
+    });
+  }
+}.call(this));

+ 84 - 0
2017专区/艾兰岛/src/sass/base/_base.scss

@@ -0,0 +1,84 @@
+@charset "UTF-8";
+body {
+	line-height: 1;
+	min-width: 1300px;//hiyd头部所占的宽度
+}
+
+html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font-weight: normal;
+	vertical-align: baseline;
+}
+
+blockquote, q {
+	quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+	content: '';
+	content: none;
+}
+
+del {text-decoration: line-through;}
+
+img {
+	height: auto;
+	vertical-align: middle;
+	-ms-interpolation-mode: bicubic;/* scale images in IE7 more attractively */
+}
+i, em {
+	font-style: normal;
+}
+ol, ul, menu {
+	list-style: none outside none;
+}
+fieldset,iframe,abbr,acronym {
+	border: 0 none;
+}
+
+iframe {
+	display: block;
+}
+
+textarea {
+	resize: vertical;
+}
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+	font-size: inherit;
+}
+
+// IE bug fixed: th 不继承 text-align
+th {
+    text-align: inherit;
+}
+// 修正表单元素并不继承父级 font 的问题
+button, input, select, textarea {
+    font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
+    margin: 0;
+}
+
+%clearfix{
+	*zoom: 1;
+	&:before,
+	&:after{
+		content: "";
+		display: table;
+		line-height: 0;
+	}
+	&:after{
+		clear: both;
+	}
+}
+// 清除浮动
+.clearfix {
+	@extend %clearfix;
+}
+

+ 796 - 0
2017专区/艾兰岛/src/sass/base/_header.scss

@@ -0,0 +1,796 @@
+@charset "UTF-8";
+$headHeight : 90px;
+$headInnerHeight : 60px;
+
+.g-head2{
+    font-family: $titleFont;
+    position: relative;
+    z-index: 1001;
+    &.head-inner{
+        margin-bottom: 0;
+        background: #1e2023;
+        .g-head_top{
+            height: $headInnerHeight;
+            .g-inner{
+                height: $headInnerHeight;
+            }
+        }
+        .g-head-left{
+            height: $headInnerHeight;
+        }
+        .g-logo-title{
+            margin-top: 12px;
+            width: 126px;
+            height: 36px;
+            background: url(../img/g-logo-inner.png) no-repeat;
+        }
+        .g-logo-channel{
+            margin-top: 19px;
+        }
+        .g-head-right{
+            top: 17px;
+        }
+        .g-head-mid{
+            padding-top: 20px;
+        }
+        .g-link-old{
+            display: none;
+        }
+    }
+}
+.g-head_top{
+    height: $headHeight;
+    background: #1e2023;
+    position: relative;
+    z-index: 11;
+    .g-inner{
+        height: $headHeight;
+        @include clearfix;
+        position: relative;
+    }
+}
+.g-head-left{
+    position: absolute;
+    width: 410px;
+    left: 10px;
+    top: 0;
+    height: $headHeight;
+    overflow: hidden;
+    z-index: 11;
+}
+.g-logo-title{
+    width: 162px;
+    height: 100%;
+    margin-right: 15px;
+    float: left;
+    background: url(../img/g-logo.png) left center no-repeat;
+    text-indent: -9999px;
+    a{
+        display: block;
+        width: 100%;
+        height: 100%;
+        outline: none;
+    }
+}
+.g-logo-subtitle{
+    display: none;
+    width: 132px;
+    height: 100%;
+    float: left;
+    background: url(../img/g-subtitle.png) left center no-repeat;
+    text-indent: -9999px;
+}
+.g-logo-channel{
+    display: none;
+    height: 24px;
+    line-height: 24px;
+    padding-left: 12px;
+    border-left: 1px solid #595e66;
+    font-size: 20px;
+    color: #e94646;
+    font-weight: normal;
+    float: left;
+    margin-top: 33px;
+}
+.g-link-old{
+    float: left;
+    color: #686a70;
+    font-size: 14px;
+    padding-left: 10px;
+    border-left: 1px solid #54575a;
+    line-height: 16px;
+    margin-top: 37px;
+    margin-left: 15px;
+    &:hover{
+        color: #e9edf5;
+        text-decoration: none;
+    }
+}
+.g-head-mid{
+    width: 100%;
+    padding-top: 35px;
+    overflow: hidden;
+    position: relative;
+    z-index: 10;
+    ul{
+        position:relative; left:50%; float:left;
+    }
+    li{
+        position:relative;  right:50%; z-index:2; float:left;
+        padding-left: 23px;
+        margin-right: 30px;
+        &.navlink-1{
+            background: url(../img/nav-icon1.png?__sprite) 0 3px no-repeat;
+        }
+        &.navlink-2{
+            background: url(../img/nav-icon2.png?__sprite) 0 3px no-repeat;
+        }
+        &.navlink-3{
+            background: url(../img/nav-icon3.png?__sprite) 0 3px no-repeat;
+            a{
+                display: block;
+                position: relative;
+            }
+        }
+    }
+    .dw-topbar-podwinTotal{
+        background: #e94646;
+        border-radius: 50%;
+        display: block;
+        position: absolute;
+        top: -4px;
+        right: -13px;
+        margin-left: -20px;
+        line-height: 14px;
+        height: 14px;
+        width: 14px;
+        color: #FFF;
+        font-size: 12px;
+        font-style: normal;
+        text-align: center;
+    }
+    a{
+        color: #a6aab3;
+        font-size: 14px;
+        &:hover{
+            color: #e9edf5;
+            text-decoration: none;
+        }
+    }
+}
+.g-head-right{
+    position: absolute;
+    right: 10px;
+    top: 32px;
+    z-index: 11;
+    @include clearfix;
+}
+.g-item-btns{
+    float: left;
+    color: #545454;
+    line-height: 28px;
+    margin-right: 15px;
+    display: none;
+    .g-btns-item{
+        color: #a6aab3;
+        font-size: 14px;
+        margin: 0 8px;
+        cursor: pointer;
+        &:hover{
+            color: #e9edf5;
+            text-decoration: underline;
+        }
+    }
+}
+.g-item-search{
+    float: left;
+    border-radius: 14px;
+    background: #55585d;
+    padding: 0 20px;
+    position: relative;
+    &.active{
+
+    }
+    input[type="text"] {
+        border: 0;
+        padding: 0;
+        margin: 0;
+        height: 24px;
+        line-height: 24px;
+        width: 160px;
+        display: block;
+        margin: 2px 0;
+        background: #55585d;
+        color: #999;
+        font-size: 12px;
+        outline: 0;
+        // transition: width 300ms ease;
+    }
+    // input[type="text"]:focus{
+    //     width: 160px;
+    // }
+    .g-icon-search{
+        position: absolute;
+        top: 0;
+        right: 12px;
+        height: 28px;
+        width: 20px;
+        background: url(../img/nav-iconsearch.png?__sprite) 2px 7px no-repeat;
+        background-color: #55585d;
+        padding: 0;
+        border: 0;
+        cursor: pointer;
+        outline: 0;
+        opacity: 0.8;
+        &:hover{
+            opacity: 1;
+        }
+    }
+    .g-search-tips{
+        position: absolute;
+        top: 31px;
+        display: none;
+        left: 0;
+        width: 100%;
+        background: #3a3e43;
+        ul{
+            padding: 2px;
+        }
+        li{
+        }
+        a{
+            line-height: 28px;
+            font-size: 12px;
+            color: #a6aab3;
+            display: block;
+            text-indent: 16px;
+            &:hover{
+                text-decoration: none;
+                background: #4f5359;
+            }
+        }
+    }
+}
+.g-item-uinfo{
+    float: left;
+    margin-right: 25px;
+    height: 38px;
+    position: relative;
+    display: none;
+    i{
+        position: absolute;
+        width: 7px;
+        height: 4px;
+        right: -10px;
+        top: 13px;
+        transition: .5s transform;
+        background: url(../img/nav-uinfo-arrow.png?__sprite) no-repeat;
+    }
+    .g-uinfo-avatar{
+        width: 30px;
+        height: 30px;
+        float: left;
+        border-radius: 50%;
+        overflow: hidden;
+        img{
+            width: 100%;
+            display: block;
+            overflow: hidden;
+        }
+    }
+    .g-uinfo-name{
+        float: left;
+        font-size: 12px;
+        color: #a6aab3;
+        line-height: 30px;
+        margin-left: 5px;
+        @include ellipsis(86px);
+    }
+    &:hover{
+        .g-uinfo-link{
+            display: block;
+        }
+        .g-uinfo-name{
+            color: #c9ccd2;
+            text-decoration: none;
+        }
+        i{
+            -webkit-transform: rotate(180deg);
+            transform: rotate(180deg);
+        }
+    }
+    .g-uinfo-link{
+        padding: 2px;
+        position: absolute;
+        display: none;
+        top: 38px;
+        right: -12px;
+        z-index: 12;
+        background: #3a3e43;
+        a{
+            width: 104px;
+            height: 28px;
+            line-height: 28px;            
+            color: #a6aab3;
+            font-size: 12px;
+            @include nowrap;
+            text-align: center;
+            display: block;
+            &:hover{
+                text-decoration: none;
+                background: #4f5359;
+            }
+        }
+    }
+}
+
+.g-head_nav{
+    position: relative;
+    z-index: 10;
+    .g-inner{
+        background: #fff;
+        padding-bottom: 20px;
+    }
+    .g-nav-hd{
+        margin-bottom: 0;
+        padding-top: 20px;
+        border-bottom: 1px solid #e3e3e3;
+    }
+    .g-nav-bd{
+        height: 70px;
+    }
+    .g-nav-tab{
+        @include clearfix;
+        height: 35px;
+    }
+    .g-nav-trigger{
+        position: relative;
+        z-index: 20;
+        float: left;
+        height: 34px;
+        line-height: 34px;
+        border: 0;
+        font-size: 14px;
+        margin-right: 3px;
+        &.tp-top{
+            margin-right: 30px;
+            border-bottom: 2px solid #e94646;
+            a{
+                color: #e94646;
+            }
+        }
+        &.tp-normal{
+            .ext-list{
+                padding: 0;
+                background: none;
+            }
+            &:hover{
+                border-bottom: 2px solid #e94646;
+                a{
+                    color: #e94646;
+                }
+                .ext-list{
+                    border: 1px solid #fff;
+                }
+            }
+        }
+        a{
+            color: #333333;
+            font-weight: normal;
+            padding: 5px 4px;
+            &:hover{
+                text-decoration: none;
+            }
+        }
+        &.tp-menu{
+            &:hover{
+                .ext-list{
+                    border: 1px solid #d5d5d5;
+                    padding: 2px;
+                    background: #fff;
+                    ul{
+                        display: block;
+                    }
+                }
+                .ext-title{
+                    padding: 0 13px;
+                    line-height: 30px;
+                    &:hover{
+                        color: #e94646;
+                    }
+                }
+            }
+        }
+        .ext-list{
+            border: 1px solid #fff;
+            background: none;
+            ul{
+                display: none;
+                width: 100%;
+            }
+            li{
+                display: block;
+                text-align: left;
+                font-size: 12px;
+                line-height: 30px;
+                color: #333333;
+                overflow: hidden;
+                @include nowrap;
+                font-family: SimSun;
+                &:hover{
+                    background: #e3e3e3;
+                    border-radius: 3px;
+                }
+                a{
+                    padding-right: 7px;
+                    padding-left: 13px;
+                    background: url(../img/gItem-more.png) 100% 8px no-repeat;
+                }
+            }
+        }
+        .ext-title{
+            display: block;
+            padding: 0 15px;
+            line-height: 34px;
+            margin-bottom: 6px;
+        }
+    }
+}
+
+.g-narrow{
+    .g-head_nav .g-nav-trigger .ext-title{
+        padding: 0 11px;
+    }
+    .g-head_nav .g-nav-trigger.tp-menu:hover .ext-title{
+        padding: 0 9px;
+    }
+    .g-head_nav .g-nav-trigger .ext-list li a{
+        padding-left: 9px;
+    }
+    .g-head_nav .g-nav-trigger.tp-top{
+        margin-right: 14px;
+    }
+    .g-head-left{
+        width: 320px;
+    }
+}
+
+.g-head_navinner{
+    background: #2b2c2e;
+    .g-nav-hd{
+        margin-bottom: 0;
+        @include clearfix;
+    }
+    .g-nav-tab{
+        @include clearfix;
+        height: 35px;
+        float: left;
+    }
+    .g-nav-trigger{
+        position: relative;
+        z-index: 10;
+        float: left;
+        height: 34px;
+        line-height: 34px;
+        border: 0;
+        font-size: 14px;
+        margin-right: 10px;
+        &.tp-top{
+            margin-right: 20px;
+            a{
+                color: #e94646;
+            }
+        }
+        &.tp-normal{
+            .ext-list{
+                padding: 0;
+                background: none;
+            }
+            &:hover{
+                a{
+                    color: #e94646;
+                }
+                .ext-list{
+                    border: 1px solid #fff;
+                }
+            }
+        }
+        a{
+            color: #a6aab3;
+            font-weight: normal;
+            padding: 5px 4px;
+            &:hover{
+                text-decoration: none;
+            }
+        }
+        &.tp-menu{
+            &:hover{
+                .ext-list{
+                    padding: 2px;
+                    background: #3a3e43;
+                    ul{
+                        display: block;
+                    }
+                }
+                .ext-title{
+                    padding: 0 12px;
+                    line-height: 30px;
+                    &:hover{
+                        color: #e94646;
+                    }
+                }
+            }
+        }
+        &.tp-expand{
+            .ext-title{
+                &:hover{
+                    color: #e94646;
+                }
+            }
+            &:hover{
+                .ext-fullList{
+                    display: block;
+                }
+            }
+        }
+        .ext-fullList{
+            position: absolute;
+            height: 84px;
+            left: -46px;
+            width: 1200px;
+            background: #3a3e43;
+            display: none;
+            .u-highlight{
+                color: #e94646!important;
+            }
+            ul{
+                width: 100%;
+                overflow: hidden;
+                position: relative;
+                height: 24px;
+                line-height: 24px;
+                padding-top: 10px;
+            }
+            li{
+                display: inline-block;
+                *display: inline;
+                vertical-align: middle;
+                *margin-bottom: 8px;
+                zoom: 1;
+                white-space: nowrap;
+                word-wrap: normal;
+                word-break: keep-all;
+                margin-left: -1px;
+                padding: 0 10px;
+                height: 16px;
+                border-left: 1px solid #4c5158;
+                color: #999;
+                font-family: SimSun;
+                font-size: 12px;
+            }
+            a{
+                color: #a6aab3;
+                display: block;
+                line-height: 16px;
+                padding: 0;
+                &:hover{
+                    color: #e94646;
+                }
+            }
+            .nav-more{
+                background: #e94646;
+                border-left: none;
+                padding: 3px 7px;
+                a{
+                    color: #fff!important;
+                }
+                &:hover{
+                    opacity: 0.8;
+                    a{
+                        color: #fff!important;
+                    }
+                }
+            }
+        }
+        .ext-list{
+            border-bottom: none;
+            background: none;
+            ul{
+                display: none;
+                width: 100%;
+            }
+            li{
+                display: block;
+                text-align: left;
+                font-size: 12px;
+                line-height: 30px;
+                color: #333333;
+                overflow: hidden;
+                @include nowrap;
+                font-family: SimSun;
+                &:hover{
+                    background: #4f5359;
+                    border-radius: 3px;
+                }
+                a{
+                    padding-right: 7px;
+                    padding-left: 12px;
+                    background: url(../img/gItem-more2.png) 100% 8px no-repeat;
+                }
+            }
+        }
+        .ext-title{
+            display: block;
+            padding: 0 14px;
+            line-height: 34px;
+        }
+    }
+    .g-nav-links{
+        float: right;
+        @include clearfix;
+        li{
+            float: left;
+            a{
+                font-size: 14px;
+                color: #ffffff;
+                display: block;
+                line-height: 34px;
+                padding-left: 24px;
+                margin-left: 30px;
+                &:hover{
+                    color: #e94646;
+                    text-decoration: none;
+                }
+            }
+            .link-1{
+                background: url(../img/navinner-icon1.png?__sprite) 0 11px no-repeat;
+            }
+            .link-2{
+                background: url(../img/navinner-icon2.png?__sprite) 0 11px no-repeat;
+            }
+            .link-3{
+                background: url(../img/navinner-icon3.png?__sprite) 0 10px no-repeat;
+            }
+        }
+    }
+}
+
+.g-head_navlist{
+    overflow: hidden;
+    position: relative;
+    height: 24px;
+    line-height: 24px;
+    padding-top: 10px;
+    li{
+        display: inline-block;
+        *display: inline;        
+        vertical-align: middle;
+        *margin-bottom: 8px;        
+        zoom: 1;
+        white-space: nowrap;
+        word-wrap: normal;
+        word-break: keep-all;
+        margin-left: -1px;
+        padding: 0 10px;
+        height: 16px;
+        border-left: 1px solid #ddd;
+        color: #999;
+        font-size: 12px;
+        font: 12px/1.5 PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,SimSun,TW-Sung,"WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",serif;
+        &.nav-more{
+            background: #e94646;
+            border-left: none;
+            padding: 4px 7px;
+            a{
+                color: #fff;
+            }
+            a:hover{
+                color: #fff;
+            }
+        }
+        a{
+            color: #666;
+            display: block;
+            line-height: 16px;
+        }
+    }
+    a:hover{
+        color: #e94646;
+    }
+    .u-highlight{
+        color: #e94646!important;
+    }
+}
+
+.expand-list{
+    -webkit-transform-origin: 80% 0;
+    transform-origin: 80% 0;
+    -webkit-animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
+    animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
+}
+
+.expand-list2{
+    -webkit-transform-origin: 0 0;
+    transform-origin: 0 0;
+    -webkit-animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
+    animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
+}
+
+.expand-list3{
+    -webkit-transform-origin: 50% 0;
+    transform-origin: 50% 0;
+    -webkit-animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
+    animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
+}
+
+@-webkit-keyframes scale-in-ease {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale(0);
+        transform: scale(0)
+    }
+
+    50% {
+        -webkit-transform: scale(1.1);
+        transform: scale(1.1)
+    }
+
+    100% {
+        opacity: 1;
+        -webkit-transform: scale(1) perspective(1200px);
+        transform: scale(1) perspective(1200px)
+    }
+}
+
+@keyframes scale-in-ease {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale(0);
+        transform: scale(0)
+    }
+
+    50% {
+        -webkit-transform: scale(1.1);
+        transform: scale(1.1)
+    }
+
+    100% {
+        opacity: 1;
+        -webkit-transform: scale(1) perspective(1200px);
+        transform: scale(1) perspective(1200px)
+    }
+}
+
+.expand-slideUp{
+    -webkit-animation: slide-up cubic-bezier(.22,.58,.12,.98) .3s;
+    animation: slide-up cubic-bezier(.22,.58,.12,.98) .3s;
+}
+
+
+@-webkit-keyframes slide-up {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0);
+    }
+
+    100% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes slide-up {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0);
+    }
+
+    100% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}

+ 727 - 0
2017专区/艾兰岛/src/sass/base/_layout.scss

@@ -0,0 +1,727 @@
+@charset "UTF-8";
+
+.g-body{
+    min-width: 1020px;
+    // background: #fff;
+}
+
+.g-inner{
+    width: 1200px;
+    padding: 0 10px;
+    margin: 0 auto;
+    &.index-wrap{
+        background: #fff;
+    }
+}
+
+.g-row{
+    margin: 0 0 45px;
+    @include clearfix;
+    .g-col-hd{
+        height: 38px;
+        border-bottom: 1px solid #e3e3e3;
+        overflow: hidden;
+        position: relative;
+    }
+    .g-col-title{
+        float: left;
+        font-size: 22px;
+        font-weight: normal;
+        color: #32363d;
+        padding-left: 38px;
+        margin-right: 40px;
+        font-family: $titleFont;
+        &.title-boke{
+            background: url(../img/col-title-boke.png?__sprite) 2px 4px no-repeat;
+        }
+        &.title-gallery{
+            background: url(../img/col-title-gallery.png?__sprite) 2px 5px no-repeat;
+        }
+        &.title-dwvideo{
+            background: url(../img/col-title-dwvideo.png?__sprite) 2px 5px no-repeat;
+        }
+        &.title-ilike{
+            background: url(../img/col-title-ilike.png?__sprite) 2px 5px no-repeat;
+        }
+        &.title-tech{
+            background: url(../img/col-title-tech.png?__sprite) 2px 0px no-repeat;
+        }
+        &.title-life{
+            background: url(../img/col-title-life.png?__sprite) 2px 0 no-repeat;
+        }
+        &.title-ghost{
+            background: url(../img/col-title-ghost.png?__sprite) 2px 2px no-repeat;
+        }
+        &.title-dance{
+            background: url(../img/col-title-dance.png?__sprite) 0px 1px no-repeat;
+        }
+        &.title-carton{
+            background: url(../img/col-title-carton.png?__sprite) 2px 5px no-repeat;
+        }
+        &.title-hotgame{
+            background: url(../img/col-title-hotgame.png?__sprite) 2px 6px no-repeat;
+        }
+        &.title-rankBottom{
+            background: url(../img/col-title-rankBottom.png?__sprite) 2px 4px no-repeat;
+        }
+    }
+    .g-col-subtags{
+        float: left;
+        overflow: hidden;
+        li{
+            font-size: 14px;
+            line-height: 38px;
+            margin-right: 30px;
+            float: left;
+            font-family: $titleFont;
+            // min-width: 70px;
+            // tab-align: center;
+            a{
+                color: #666666;
+                padding: 0 5px;
+                &:hover{
+                    color: #e94646;
+                    // font-weight: 700;
+                    text-decoration: none;
+                }
+            }
+        }
+        .is-active{
+            a{
+                color: #e94646;
+                // font-weight: 700;
+                text-decoration: none;
+            }
+        }
+    }
+    .g-col-controls{
+        float: right;
+        line-height: 32px;
+        //换一换按钮
+        .bt-refresh{
+            border: 1px solid #bfc7cd;
+            font-size: 12px;
+            color: #666666;
+            padding: 3px 6px 3px 27px;
+            cursor: pointer;
+            margin-left: 15px;
+            position: relative;
+            display: none;
+            i{
+                width: 14px;
+                height: 11px;
+                position: absolute;
+                left: 7px;
+                top: 5px;
+                background: url(../img/gItem-refresh.png?__sprite) no-repeat;
+                transition: transform ease 300ms;
+
+            }
+            &:hover{
+                background-color: #f7f7f7;
+                i{
+                    transform: rotate(180deg);
+                }
+            }
+        }
+        //订阅管理按钮
+        .bt-book{
+            border: 1px solid #e94646;
+            font-size: 12px;
+            color: #e94646;
+            padding: 3px 6px 3px 27px;
+            background: url(../img/gItem-book.png?__sprite) 7px 6px no-repeat;
+            cursor: pointer;
+            margin-left: 15px;
+            &:hover{
+                background-color: #ffeded;
+            }
+        }
+        //成为播客按钮
+        .bt-boke1{
+            border: 1px solid #e94646;
+            font-size: 12px;
+            color: #e94646;
+            padding: 3px 6px 3px 27px;
+            background: url(../img/gItem-boke1.png?__sprite) 7px 6px no-repeat;
+            cursor: pointer;
+            margin-left: 15px;
+            &:hover{
+                text-decoration: none;
+                background-color: #ffeded;
+            }
+        }
+        //博客管理按钮
+        .bt-hotgame{
+            border: 1px solid #e94646;
+            font-size: 12px;
+            color: #e94646;
+            padding: 3px 6px 3px 27px;
+            background: url(../img/gItem-hotgame.png?__sprite) 7px 5px no-repeat;
+            cursor: pointer;
+            margin-left: 15px;
+            &:hover{
+                text-decoration: none;
+                background-color: #ffeded;
+            }
+        }
+        //游戏订阅管理
+        .bt-boke2{
+            border: 1px solid #e94646;
+            font-size: 12px;
+            color: #e94646;
+            padding: 3px 6px 3px 27px;
+            background: url(../img/gItem-boke2.png?__sprite) 7px 6px no-repeat;
+            cursor: pointer;
+            margin-left: 15px;
+            &:hover{
+                text-decoration: none;
+                background-color: #ffeded;
+            }
+        }
+        //更多按钮
+        .link-more{
+            color: #839bb4;
+            font-size: 12px;
+            padding-right: 10px;
+            margin-left: 15px;
+            background: url(../img/gItem-more.png?__sprite) 27px 3px no-repeat;
+        }
+    }
+    .g-col-bd{
+        // height: 315px;
+        @include clearfix;
+        &.show-loading{
+            background: url(../img/bg_loading.gif) center no-repeat;
+        }
+    }
+    .g-col-tabPanel{
+        
+    }
+    .g-col-pList{
+        margin-right: -20px;
+        overflow: hidden;
+        &.tp-row2{
+            height: 296px;
+            overflow: hidden;
+        }
+    }
+    .g-col-pItem{
+        vertical-align: top;
+        float: left;
+        zoom: 1;
+        margin: 12px 18px 0 0;
+        width: 185px;
+        font-size: 12px;
+        overflow: hidden;
+        a{
+            display: block;
+            color: #e94646;
+            &:hover{
+                img{
+                    opacity: 0.85;
+                }
+                .pItem-title{
+                    color: #e94646;
+                }
+            }
+        }
+        .pItem-pic{
+            width: 185px;
+            height: 104px;
+            position: relative;
+            img{
+                width: 100%;
+                display: block;
+                overflow: hidden;
+                transition: opacity ease 300ms;
+            }
+        }
+        .pItem-mask{
+            padding: 0 5px;
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            width: auto;
+            height: 24px;
+            line-height: 24px;
+            text-indent: 5px;
+            color: #fff;
+            overflow: hidden;
+            background-color: transparent;
+            background-color: rgba(0,0,0,.5);
+            zoom: 1;
+        }
+        .pItem-title{
+            font-size: 12px;
+            color: #333333;
+            line-height: 32px;
+            margin: 0 5px;
+            text-align: center;
+            overflow: hidden;
+            font-weight: normal;
+            height: 32px;
+            @include ellipsis(185px);
+        }
+    }
+
+    .g-col-gList{
+        margin-right: -20px;
+        overflow: hidden;
+        &.tp-row1{
+            height: 156px;
+            overflow: hidden;
+        }
+        &.tp-row2{
+            height: 315px;
+            overflow: hidden;
+        }
+        &.tp-row3{
+            height: 468px;
+            overflow: hidden;
+        }
+    }
+    .g-col-gItem{
+        vertical-align: top;
+        float: left;
+        zoom: 1;
+        margin: 20px 19px 0 0;
+        width: 160px;
+        font-size: 12px;
+        overflow: hidden;
+        a{
+            display: block;
+            color: #e94646;
+            &:hover{
+                text-decoration: none;
+                img{
+                    opacity: 0.85;
+                }
+                .gItem-title{
+                    padding: 2px 0 0px 0;
+                    height: 44px;
+                    color: #e94646;
+                    white-space: normal;
+                }
+                .gItem-tag{
+                    top: 0;
+                }
+                .gItem-mask{
+                    opacity: 1;
+                }
+                .gItem-vdIcon{
+                    bottom: 5px;
+                }
+                .gItem-vdTime{
+                    bottom: 0;
+                }
+                .gItem-info{
+                    display: none;
+                }
+            }
+        }
+        .gItem-pic{
+            width: 160px;
+            height: 90px;
+            overflow: hidden;
+            position: relative;
+            img{
+                width: 100%;
+                display: block;
+                overflow: hidden;
+                transition: opacity ease 300ms;
+            }
+        }
+        .gItem-mask{
+            position: absolute;
+            background: url(../img/gItem-mask.png?__sprite) no-repeat;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 41px;
+            z-index: 10;
+            opacity: 0;
+            transition: opacity 300ms ease;
+        }
+        .gItem-tag{
+            padding: 0 5px;
+            position: absolute;
+            right: 0;
+            top: -24px;
+            width: auto;
+            height: 24px;
+            line-height: 24px;
+            text-indent: 5px;
+            color: #fff;
+            overflow: hidden;
+            background-color: transparent;
+            background-color: rgba(0,0,0,.5);
+            zoom: 1;
+            z-index: 11;
+            transition: all 300ms ease;
+        }
+        .gItem-vdIcon{
+            position: absolute;
+            z-index: 11;
+            width: 24px;
+            height: 24px;
+            background: url(../img/gItem-vdIcon.png?__sprite) no-repeat;
+            bottom: -24px;
+            left: 5px;
+            transition: all 300ms ease;
+        }
+        .gItem-vdTime{
+            position: absolute;
+            z-index: 11;
+            right: 7px;
+            bottom: -24px;
+            line-height: 30px;
+            color: #ffffff;
+            font-size: 12px;
+            transition: all 300ms ease;
+        }
+        .gItem-title{
+            text-align: left;
+            padding: 2px 0 3px 0;
+            font-size: 12px;
+            color: #333333;
+            line-height: 23px;
+            height: 23px;
+            overflow: hidden;
+            font-weight: normal;
+            @include ellipsis();
+        }
+        .gItem-info{
+            line-height: 18px;
+            height: 18px;
+            overflow: hidden;
+            font-size: 12px;
+            span{
+                float: left;
+                color: #839bb4;
+                width: 100px;
+                line-height: 18px;
+                height: 18px;
+                overflow: hidden;
+            }
+            em{
+                float: right;
+                color: #999999;
+                padding-left: 18px;
+                background: url(../img/gItem-vdIcon2.png?__sprite) 0 4px no-repeat;
+            }
+        }
+    }
+    .g-ranking-list{
+        &.g-ranking-row2{
+            height: 354px;
+            overflow-y: hidden;
+        }
+        &.g-ranking-row3{
+            height: 508px;
+            overflow-y: hidden;
+        }
+        .ext-ranking-tab{
+            padding-top: 12px;
+            .ui-tab__hd{
+                position: relative;
+                margin-bottom: 20px;
+                border-bottom: 1px solid #e3e3e3;
+                padding-bottom: 4px;
+                h2{
+                    font-family: $titleFont;
+                    position: absolute;
+                    bottom: 11px;
+                    font-size: 22px;
+                    font-weight: normal;
+                    line-height: 1;
+                }
+            }
+            .ui-tab__nav{
+                text-align: right;
+                position: relative;
+                top: -3px;
+            }
+            .ui-tab__trigger{
+                border: none;
+                width: auto;
+                height: 22px;
+                line-height: 22px;
+                color: #666666;
+                font-size: 12px;
+                padding: 0 8px;
+                text-align: center;
+                &.is-active{
+                    color: #ffffff;
+                    background: $maincolor;
+                }
+            }
+        }
+        .ranking-box-bd{
+            margin-top: 1px;
+            li{
+                @include clearfix();
+                font-size: 12px;
+                line-height: 14px;
+                height: 14px;
+                overflow: hidden;
+                margin-bottom: 13px;
+                .index{
+                    float: left;
+                    display: block;
+                    font-size: 12px;
+                    text-align: center;
+                    width: 14px;
+                    height: 14px;
+                    color: #FFF;
+                    background: #bfc7cd;
+                    margin-right: 8px;
+                }
+                a{
+                    color: #333333;
+                    &:hover{
+                        color: $maincolor;
+                        text-decoration: none;
+                    }
+                }
+                &.is-active{
+                    margin-bottom: 12px;
+                    height: 56px;
+                    overflow: hidden;
+                    &:hover{
+                        // img{
+                        //     transform: scale(1.3);
+                        // }
+                        h3{
+                            a{
+                                color: $maincolor;
+                            }
+                        }
+                        // .index{
+                        //     transform: translateX(-16px);
+                        // }
+                    }
+                    .ranking-col-fl{
+                        float: left;
+                    }
+                    .img-wrap{
+                        width: 100px;
+                        height: 56px;
+                        overflow: hidden;
+                        position: relative;
+                    }
+                    img{
+                        width: 100%;
+                        display: block;
+                        overflow: hidden;
+                        transition: all .4s;
+                    }
+                    .index{
+                        float: none;
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                        font-size: 12px;
+                        line-height: 16px;
+                        text-align: center;
+                        width: 16px;
+                        height: 16px;
+                        color: #FFF;
+                        background: #414445;
+                        transition: all .4s;
+                        &.is-active{
+                            background: $maincolor;
+                        }
+                    }
+                    .ranking-col-fr{
+                        margin-left: 109px;
+                    }
+                    h3{
+                        line-height: 20px;
+                        height: 40px;
+                        overflow: hidden;
+                        font-weight: normal;
+                        position: relative;
+                        top: -2px;
+                        font-size: 12px;
+                        a{
+                            color: #333333;
+                        }
+                    }
+                    p{
+                        @include clearfix();
+                    }
+                    .ranking-name{
+                        float: left;
+                        color: #839bb4;
+                    }
+                    .ranking-count{
+                        float: right;
+                        color: #a2a2a2;
+                        display: inline-block;
+                        background: url(../img/gItem-vdIcon2.png?__sprite) 0 1px no-repeat;
+                        padding-left: 17px;
+                    }
+                }
+            }
+        }
+        .ranking-box-ft{
+            margin-top: 10px;
+            a{
+                display: block;
+                text-align: center;
+                line-height: 26px;
+                background: #f3f4f6;
+                color: #9a9c9e;
+                &:hover{
+                    color: #9a9c9e;
+                    text-decoration: none;
+                    background: #e9ebed;
+                }
+            }
+            i{
+                color: $maincolor;
+                margin-left: 4px;
+            }
+        }
+    }
+    .g-ui-reload{
+        text-align: center;
+        .reload-ing{
+            height: 64px;
+            display: none;
+            background: url(../../img/bg_loading.gif) center no-repeat;
+        }
+    }
+    .g-mod-tab{
+        .ui-tab__nav{
+            border-bottom: none;
+            float: left;
+        }
+        .ui-tab__hd{
+            margin-bottom: 0;
+        }
+        .ui-tab__trigger{
+            border: none;
+            position: relative;
+            overflow: visible;
+            margin: 3px 5px 10px 0;
+            line-height: 26px;
+            height: 26px;
+            a{
+                text-decoration: none;
+                padding: 0 10px;
+            }
+            &.is-active{
+                a{
+                    background: $maincolor;
+                    color: #ffffff;
+                    font-weight: normal;
+                }
+                &:before{
+                    display: block;
+                }
+            }
+            &:before{
+                content: '';
+                position: absolute;
+                top: 26px;
+                left: 50%;
+                margin-left: -4px;
+                width: 0;
+                height: 0;
+                border: 6px solid #e94646;
+                border-color: #e94646 transparent transparent;
+                display: none;
+            }
+        }
+        a{
+            &:hover{
+                text-decoration: none;
+                font-weight: normal;
+            }
+        }
+    }
+}
+
+.g-col-430{
+    width: 430px;
+    @include float('left');
+}
+
+.g-col-290{
+    width: 290px;
+    @include float('right');
+}
+
+.g-col-880{
+    width: 880px;
+    @include float('left');
+}
+
+.g-col-full{
+    width: 100%;
+}
+
+.g-col-790{
+    width: 790px;
+    @include float('left');
+}
+
+.g-col-590{
+    width: 590px;
+    margin-right: 20px;
+    @include float('left');
+}
+
+.g-col-590 + .g-col-590{
+    margin-right: 0;
+}
+
+
+.g-col-360{
+    width: 360px;
+    @include float('right');
+}
+
+.g-col-200{
+    width: 200px;
+    @include float('left');
+}
+
+.g-col-320{
+    width: 320px;
+    @include float('left');
+}
+
+.s-gap{
+    margin-right: 20px;
+}
+
+.g-block-500{
+    height: 500px;
+    background: #ccc;
+}
+
+.g-narrow{
+    .g-inner{
+        width: 1020px;
+        margin: 0 auto;    
+    }
+    .g-col-880{
+        width: 700px;
+    }
+    .g-col-430{
+        width: 340px;
+    }
+    .g-col-590{
+        width: 500px;
+    }
+    // .mod-banner3{
+    //     height: 94px;
+    //     img{
+    //         width: 100%;
+    //         display: block;
+    //     }
+    // }
+}

+ 172 - 0
2017专区/艾兰岛/src/sass/base/_mixins.scss

@@ -0,0 +1,172 @@
+@charset "UTF-8";
+@function getButtonColor($color) {
+	@return if( lightness($color) > 50, #333, #FFF );
+}
+@function black($opacity){
+	@return rgba(0,0,0,$opacity);
+}
+@function white($opacity){
+	@return rgba(255,255,255,$opacity);
+}
+@mixin reset{
+	margin: 0;
+	padding: 0;
+}
+@mixin inline-block{
+	display: inline-block;
+	*display: inline;
+	*zoom: 1;
+}
+@mixin clearfix{
+	*zoom: 1;
+	&:before,
+	&:after{
+		content: "";
+		display: table;
+		line-height: 0;
+	}
+	&:after{
+		clear: both;
+	}
+}
+
+@mixin hide-text{
+	text-indent: 100%;
+	white-space: nowrap;
+	overflow: hidden;
+}
+@mixin reset-filter {
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+@mixin background-color($value) {
+	background-color: transparent;
+	background-color: $value;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#{ie-hex-str($value)},endColorstr=#{ie-hex-str($value)});
+	zoom: 1;
+}
+@mixin break {
+	-ms-word-break: break-all;
+	word-break: break-all;
+	word-break: break-word;
+}
+@mixin ellipsis {
+    white-space: nowrap;
+    word-wrap: normal;
+    overflow: hidden;
+    -ms-text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+}
+
+@mixin ellipsis-clamp($value){
+	display: -webkit-box;
+    -webkit-line-clamp: $value;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis
+}
+
+@mixin pre {
+	white-space: pre-wrap;
+    white-space: -moz-pre-wrap;
+    white-space: -pre-wrap;
+    white-space: -o-pre-wrap;
+    word-wrap: break-word;
+}
+@mixin wrap {
+	text-wrap: wrap;
+	white-space: pre-wrap;
+	white-space: -moz-pre-wrap;
+	word-wrap: break-word;
+}
+@mixin nowrap {
+	white-space: nowrap;
+	word-break: keep-all;
+}
+@mixin opacity($opacity) {
+	opacity: $opacity;
+	/* filter: alpha(opacity=#{$opacity * 100}); */
+	filter: alpha(opacity= $opacity * 100);
+}
+@mixin min-height($height) {
+	min-height: $height;
+	height: auto !important;
+	_height: $height;
+}
+
+// Gradients  添加渐变过渡函数,20140110 add by petsa
+@mixin gradient($color-form, $color-to) {
+  background: $color-form; // Old browsers
+  background: -moz-linear-gradient(top, $color-form 0%, $color-to 100%); // FF3.6+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$color-form), color-stop(100%,$color-to)); // Chrome,Safari4+
+  background: -webkit-linear-gradient(top, $color-form 0%, $color-to 100%); // Chrome10+,Safari5.1+
+  background: -o-linear-gradient(top, $color-form 0%, $color-to 100%); // Opera 11.10+
+  background: -ms-linear-gradient(top, $color-form 0%, $color-to 100%); // IE10+
+  background: linear-gradient(to bottom, $color-form 0%, $color-to 100%); // W3C
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= $color-form,endColorstr= $color-to,GradientType=0 ); // IE6-9
+
+}
+
+//三角朝上
+@mixin triangle-up($width,$color){
+	width: 0; 
+	height: 0; 
+	border: $width solid $color;
+	border-color: transparent transparent $color;
+}
+
+//三角朝下
+@mixin triangle-down($width,$color){
+	width: 0; 
+	height: 0; 
+	border: $width solid $color;
+	border-color: $color transparent transparent;
+}
+
+//三角朝左
+@mixin triangle-left($width,$color){
+	width: 0; 
+	height: 0; 
+	border: $width solid $color;
+	border-color: transparent $color transparent  transparent;
+}
+
+//三角朝右
+@mixin triangle-right($width,$color){
+	width: 0; 
+	height: 0; 
+	border: $width solid $color;
+	border-color: transparent transparent transparent $color;
+}
+
+//左上三角形
+@mixin triangle-topleft($width,$color){
+	width: 0; 
+	height: 0; 
+	border: $width solid $color; 
+	border-color: $color transparent transparent $color; 
+}
+
+//右上三角形
+@mixin triangle-topleft($width,$color){
+	width: 0; 
+	height: 0; 
+	border: $width solid $color; 
+	border-color: $color $color transparent transparent; 
+}
+
+//左下三角形
+@mixin triangle-bottomleft($width,$color){
+	width: 0; 
+	height: 0; 
+	border: $width solid $color; 
+	border-color: transparent transparent $color $color; 
+}
+
+//右下三角形
+@mixin triangle-bottomright($width,$color){
+	width: 0; 
+	height: 0; 
+	border: $width solid $color; 
+	border-color: transparent $color  $color transparent; 
+}

+ 536 - 0
2017专区/艾兰岛/src/sass/base/_ui-dialog.scss

@@ -0,0 +1,536 @@
+.ui-dialog {
+    *zoom:1;
+    _float: left;
+    position: relative;
+    background-color: #FFF;
+    // border: 1px solid #999;
+    border-radius: 6px;
+    outline: 0;
+    background-clip: padding-box;
+    font-family: Helvetica, arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.428571429;
+    color: #333;
+    opacity: 0;
+    -webkit-transform: scale(0);
+    transform: scale(0);
+    -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;
+    transition: transform .15s ease-in-out, opacity .15s ease-in-out;
+}
+.ui-popup-show .ui-dialog {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+}
+.ui-popup-focus .ui-dialog {
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
+}
+.ui-popup-modal .ui-dialog {
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3);
+}
+.ui-dialog-grid {
+    width: auto;
+    margin: 0;
+    border: 0 none;
+    border-collapse:collapse;
+    border-spacing: 0;
+    background: transparent;
+}
+.ui-dialog-header,
+.ui-dialog-body,
+.ui-dialog-footer {
+    padding: 0;
+    border: 0 none;
+    text-align: left;
+    background: transparent;
+}
+.ui-dialog-header {
+    white-space: nowrap;
+    border-bottom: 1px solid #E5E5E5;
+}
+.ui-dialog-close {
+    position: relative;
+    _position: absolute;
+    float: right;
+    top: 13px;
+    right: 13px;
+    font-size: 50px;
+    width: 30px;
+    height: 36px;
+    text-indent: -9999px;
+    padding: 0;
+    font-weight: normal;
+    color: #000;
+    text-shadow: 0 1px 0 #FFF;
+    cursor: pointer;
+    background: transparent;
+    _background: #FFF;
+    font-family: "SimHei";
+    border: 0;
+    -webkit-appearance: none;
+    background: url(../../img/icon-close3.png?__sprite) no-repeat;
+    background-color: transparent;
+}
+.ui-dialog-close:hover,
+.ui-dialog-close:focus {
+    color: #d13038;
+    text-decoration: none;
+    cursor: pointer;
+    outline: 0;
+    background: url(../../img/icon-close3-hover.png?__sprite) no-repeat;
+}
+.ui-dialog-title {
+    margin: 0;
+    line-height: 1.428571429;
+    min-height: 16.428571429px;
+    padding: 15px;
+    overflow:hidden; 
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-weight: bold;
+    cursor: default;
+}
+.ui-dialog-body {
+    padding: 20px 40px;
+    text-align: center;
+}
+.ui-dialog-content {
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+    *zoom: 1;
+    *display: inline;
+    text-align: left;
+}
+.ui-dialog-footer {
+    padding: 0 20px 20px 20px;
+}
+.ui-dialog-statusbar {
+    float: left;
+    margin-right: 20px;
+    padding: 6px 0;
+    line-height: 1.428571429;
+    font-size: 14px;
+    color: #888;
+    white-space: nowrap;
+}
+.ui-dialog-statusbar label:hover {
+    color: #333;
+}
+.ui-dialog-statusbar input,
+.ui-dialog-statusbar .label {
+    vertical-align: middle;
+}
+.ui-dialog-button {
+    float: right;
+    white-space: nowrap;
+}
+.ui-dialog-footer button+button {
+    margin-bottom: 0;
+    margin-left: 5px;
+}
+.ui-dialog-footer button {
+    width:auto;
+    overflow:visible;
+    display: inline-block;
+    padding: 6px 12px;
+    _margin-left: 5px;
+    margin-bottom: 0;
+    font-size: 14px;
+    font-weight: normal;
+    line-height: 1.428571429;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    background-image: none;
+    border: 1px solid transparent;
+    border-radius: 4px;
+    -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+       -o-user-select: none;
+          user-select: none;
+}
+
+.ui-dialog-footer button:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+.ui-dialog-footer button:hover,
+.ui-dialog-footer button:focus {
+  color: #333333;
+  text-decoration: none;
+}
+
+.ui-dialog-footer button:active {
+  background-image: none;
+  outline: 0;
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.ui-dialog-footer button[disabled] {
+  pointer-events: none;
+  cursor: not-allowed;
+  opacity: 0.65;
+  filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+.ui-dialog-footer button {
+  color: #333333;
+  background-color: #ffffff;
+  border-color: #cccccc;
+}
+
+.ui-dialog-footer button:hover,
+.ui-dialog-footer button:focus,
+.ui-dialog-footer button:active {
+  color: #333333;
+  background-color: #ebebeb;
+  border-color: #adadad;
+}
+
+.ui-dialog-footer button:active{
+  background-image: none;
+}
+
+.ui-dialog-footer button[disabled],
+.ui-dialog-footer button[disabled]:hover,
+.ui-dialog-footer button[disabled]:focus,
+.ui-dialog-footer button[disabled]:active {
+  background-color: #ffffff;
+  border-color: #cccccc;
+}
+
+.ui-dialog-footer button.ui-dialog-autofocus {
+  color: #ffffff;
+  background-color: #428bca;
+  border-color: #357ebd;
+}
+
+.ui-dialog-footer button.ui-dialog-autofocus:hover,
+.ui-dialog-footer button.ui-dialog-autofocus:focus,
+.ui-dialog-footer button.ui-dialog-autofocus:active {
+  color: #ffffff;
+  background-color: #3276b1;
+  border-color: #285e8e;
+}
+
+.ui-dialog-footer button.ui-dialog-autofocus:active {
+  background-image: none;
+}
+.ui-popup-top-left .ui-dialog,
+.ui-popup-top .ui-dialog,
+.ui-popup-top-right .ui-dialog {
+    top: -8px;
+}
+.ui-popup-bottom-left .ui-dialog,
+.ui-popup-bottom .ui-dialog,
+.ui-popup-bottom-right .ui-dialog {
+    top: 8px;
+}
+.ui-popup-left-top .ui-dialog,
+.ui-popup-left .ui-dialog,
+.ui-popup-left-bottom .ui-dialog {
+    left: -8px;
+}
+.ui-popup-right-top .ui-dialog,
+.ui-popup-right .ui-dialog,
+.ui-popup-right-bottom .ui-dialog {
+    left: 8px;
+}
+
+.ui-dialog-arrow-a,
+.ui-dialog-arrow-b {
+    position: absolute;
+    display: none;
+    width: 0;
+    height: 0;
+    overflow:hidden;
+    _color:#FF3FFF;
+    _filter:chroma(color=#FF3FFF);
+    border:8px dashed transparent;
+}
+.ui-popup-follow .ui-dialog-arrow-a,
+.ui-popup-follow .ui-dialog-arrow-b{
+    display: block;
+}
+.ui-popup-top-left .ui-dialog-arrow-a,
+.ui-popup-top .ui-dialog-arrow-a,
+.ui-popup-top-right .ui-dialog-arrow-a {
+    bottom: -16px;
+    border-top:8px solid #7C7C7C;
+}
+.ui-popup-top-left .ui-dialog-arrow-b,
+.ui-popup-top .ui-dialog-arrow-b,
+.ui-popup-top-right .ui-dialog-arrow-b {
+    bottom: -15px;
+    border-top:8px solid #fff;
+}
+.ui-popup-top-left .ui-dialog-arrow-a,
+.ui-popup-top-left .ui-dialog-arrow-b  {
+    left: 15px;
+}
+.ui-popup-top .ui-dialog-arrow-a,
+.ui-popup-top .ui-dialog-arrow-b  {
+    left: 50%;
+    margin-left: -8px;
+}
+.ui-popup-top-right .ui-dialog-arrow-a,
+.ui-popup-top-right .ui-dialog-arrow-b {
+    right: 15px;
+}
+.ui-popup-bottom-left .ui-dialog-arrow-a,
+.ui-popup-bottom .ui-dialog-arrow-a,
+.ui-popup-bottom-right .ui-dialog-arrow-a {
+    top: -16px;
+    border-bottom:8px solid #7C7C7C;
+}
+.ui-popup-bottom-left .ui-dialog-arrow-b,
+.ui-popup-bottom .ui-dialog-arrow-b,
+.ui-popup-bottom-right .ui-dialog-arrow-b {
+    top: -15px;
+    border-bottom:8px solid #fff;
+}
+.ui-popup-bottom-left .ui-dialog-arrow-a,
+.ui-popup-bottom-left .ui-dialog-arrow-b {
+    left: 15px;
+}
+.ui-popup-bottom .ui-dialog-arrow-a,
+.ui-popup-bottom .ui-dialog-arrow-b {
+    margin-left: -8px;
+    left: 50%;
+}
+.ui-popup-bottom-right .ui-dialog-arrow-a,
+.ui-popup-bottom-right .ui-dialog-arrow-b {
+    right: 15px;
+}
+.ui-popup-left-top .ui-dialog-arrow-a,
+.ui-popup-left .ui-dialog-arrow-a,
+.ui-popup-left-bottom .ui-dialog-arrow-a {
+    right: -16px;
+    border-left:8px solid #7C7C7C;
+}
+.ui-popup-left-top .ui-dialog-arrow-b,
+.ui-popup-left .ui-dialog-arrow-b,
+.ui-popup-left-bottom .ui-dialog-arrow-b {
+    right: -15px;
+    border-left:8px solid #fff;
+}
+.ui-popup-left-top .ui-dialog-arrow-a,
+.ui-popup-left-top .ui-dialog-arrow-b {
+    top: 15px;
+}
+.ui-popup-left .ui-dialog-arrow-a,
+.ui-popup-left .ui-dialog-arrow-b {
+    margin-top: -8px;
+    top: 50%;
+}
+.ui-popup-left-bottom .ui-dialog-arrow-a,
+.ui-popup-left-bottom .ui-dialog-arrow-b {
+    bottom: 15px;
+}
+.ui-popup-right-top .ui-dialog-arrow-a,
+.ui-popup-right .ui-dialog-arrow-a,
+.ui-popup-right-bottom .ui-dialog-arrow-a {
+    left: -16px;
+    border-right:8px solid #7C7C7C;
+}
+.ui-popup-right-top .ui-dialog-arrow-b,
+.ui-popup-right .ui-dialog-arrow-b,
+.ui-popup-right-bottom .ui-dialog-arrow-b {
+    left: -15px;
+    border-right:8px solid #fff;
+}
+.ui-popup-right-top .ui-dialog-arrow-a,
+.ui-popup-right-top .ui-dialog-arrow-b {
+    top: 15px;
+}
+.ui-popup-right .ui-dialog-arrow-a,
+.ui-popup-right .ui-dialog-arrow-b {
+    margin-top: -8px;
+    top: 50%;
+}
+.ui-popup-right-bottom .ui-dialog-arrow-a,
+.ui-popup-right-bottom .ui-dialog-arrow-b {
+    bottom: 15px;
+}
+
+
+@-webkit-keyframes ui-dialog-loading {
+    0% {
+        -webkit-transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+    }
+}
+@keyframes ui-dialog-loading {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+.ui-dialog-loading {
+    vertical-align: middle;
+    position: relative;
+    display: block;
+    *zoom: 1;
+    *display: inline;
+    overflow: hidden;
+    width: 32px;
+    height: 32px;
+    top: 50%;
+    margin: 0 auto 0 auto;
+    font-size: 0;
+    text-indent: -999em;
+    color: #666;
+}
+.ui-dialog-loading {
+    width: 100%\9;
+    text-indent: 0\9;
+    line-height: 32px\9;
+    text-align: center\9;
+    font-size: 12px\9;
+    margin-top: -16px\9;
+}
+
+.ui-dialog-loading::after {
+    position: absolute;
+    content: '';
+    width: 3px;
+    height: 3px;
+    margin: 14.5px 0 0 14.5px;
+    border-radius: 100%;
+    box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
+    -webkit-transform: rotate(360deg);
+    -webkit-animation: ui-dialog-loading 1.5s infinite linear;
+    transform: rotate(360deg);
+    animation: ui-dialog-loading 1.5s infinite linear;
+    display: none\9;
+}
+
+.base-ui {
+    border-radius: 0;
+    font-family: "Microsoft Yahei";
+    .ui-dialog-header{
+        border-bottom: none;
+    }
+    .ui-dialog-title{
+        text-indent: -9999px;
+        padding: 5px 15px;
+    }
+    .ui-dialog-close {
+        position: absolute;
+    }
+    .ui-dialog-content{
+        color: #666;
+        font-size: 18px;
+    }
+}
+
+.login-ui{
+    border-radius: 0;
+    font-family: "Microsoft Yahei";
+    .ui-dialog-header{
+        border-bottom: none;
+    }
+    .ui-dialog-title{
+        text-indent: -9999px;
+        padding: 5px 15px;
+    }
+    .ui-dialog-content{
+        color: #666;
+        font-size: 18px;
+    }
+    .ui-dialog-body{
+        padding: 0;
+    }
+    .ui-dialog-title{
+        display: none;
+    }
+    .ui-dialog-close {
+        position: absolute;
+        float: right;
+        top: -40px;
+        right: -40px;
+        font-size: 50px;
+        width: 40px;
+        height: 40px;
+        text-indent: -9999px;
+        padding: 0;
+        font-weight: normal;
+        color: #000;
+        cursor: pointer;
+        background: transparent;
+        font-family: "SimHei";
+        border: 0;
+        -webkit-appearance: none;
+        background: url(../img/icon-close.png?__sprite) no-repeat;
+        background-color: transparent;
+    }
+    .ui-dialog-close:hover,
+    .ui-dialog-close:focus {
+        color: #d13038;
+        text-decoration: none;
+        cursor: pointer;
+        outline: 0;
+        background: url(../img/icon-close-hover.png?__sprite) no-repeat;
+    }
+}
+
+.base-ui2 {
+    border-radius: 3px;
+    font-family: "Microsoft Yahei";
+    border: 4px solid rgba(255, 255, 255, 0.18);
+    .ui-dialog-header{
+        border-bottom: none;
+    }
+    // .ui-dialog-title{
+    //     text-indent: -9999px;
+    //     padding: 5px 15px;
+    // }
+    // .ui-dialog-close {
+    //     position: absolute;
+    // }
+    .ui-dialog-content{
+        color: #666;
+        font-size: 18px;
+    }
+    .ui-dialog-body{
+        padding-top: 0;
+        // padding: 0;
+    }
+}
+
+.nobg-ui {
+    background: none;
+    font-family: "Microsoft Yahei";
+    border: none;
+    box-shadow: none!important;
+}
+
+.nobg-ui2 {
+    background: none;
+    font-family: "Microsoft Yahei";
+    border: none;
+    box-shadow: none!important;
+    .ui-dialog-header{
+        border-bottom: none;
+    }
+    .ui-dialog-close{
+        top: 35px;
+        right: 15px;
+    }
+}
+
+.loading-ui{
+
+}

+ 510 - 0
2017专区/艾兰岛/src/sass/global.scss

@@ -0,0 +1,510 @@
+@charset "UTF-8";
+
+$yahei: "Microsoft YaHei", SimHei, sans-serif;
+$maincolor : #79cb3e;
+$hovercolor : #da280c;
+$bordercolor: #e3e3e3;
+$mainwidth : 1200px;
+$titleFont : PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;
+
+@import "lego/lego";
+
+@import "base/mixins";
+@import "base/base";
+
+@import "modules/index";
+@import "modules/list";
+@import "modules/artical";
+
+html {
+    font-size: 14px;
+    overflow-y: scroll;
+    font: 14px/1.5 PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,SimSun,TW-Sung,"WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",serif;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+}
+body {
+    min-width: 1040px;
+    font-family: $titleFont;
+    a {
+        text-decoration: none;
+        &:hover {
+            text-decoration: none;
+        }
+    }
+    p, a, span, em, i, h1, h2, h3, h4, h5, h6{
+        text-rendering: optimizeLegibility;
+        -webkit-font-smoothing: antialiased;
+    }
+}
+.g-body {
+    min-width: $mainwidth;
+    font-size: 14px;
+}
+
+.page-index {
+    font-size: 14px;
+}
+
+.g-inner{
+    width: $mainwidth;
+    margin: 0 auto;
+    a{
+        outline: none;
+    }
+}
+
+.dw-mod-crumbs {
+    color: #999;
+    margin: 30px 0;
+    line-height: 35px;
+    font-size: 15px;
+    width: 100%;
+    border-bottom: 1px solid #dedede;
+    span {
+        color: #000;
+        font-size: 16px;
+    }
+    a {
+        color: #999;
+    }
+}
+
+.fl {
+    float: left;
+}
+
+.fr {
+    float: right;
+}
+
+.clearfix {
+    @include clearfix;
+}
+
+//公共导航栏s
+.dw-mod-nav {
+    padding-top: 345px;
+    background: url(../img/banner.jpg) no-repeat top center;
+    ul {
+        background: #79cb3e;
+    }
+    
+    .nav-item {
+        width: 185px;
+        float: left;
+        background: #79cb3e;
+        border-right: 1px solid #549327;
+        a {
+            display: block;
+            height: 78px;
+            border-top: solid 2px #89e547;
+            line-height: 78px;
+            text-align: center;
+            color: #fff;
+            font-size: 18px;
+            font-weight: bold;
+        }
+        &.cur {
+            background: #549327;
+            a {
+                color: #2c6305;
+                border-top: solid 2px #549327;
+            }
+        }
+    }
+    .nav-search {
+        width: 270px;
+        height: 78px;
+        border-top: solid 2px #89e547;
+        float: right;
+        .search-wrap {
+            margin: 24px auto 0;
+            width: 164px;
+            height: 30px;
+            background: #6bb337;
+            form {
+                width: 100%;
+                height: 100%;
+                input {
+                    display: block;
+                    float: left;
+                    width: 125px;
+                    height: 30px;
+                    outline: 0;
+                    border: 0;
+                    background: transparent;
+                    color: #fff;
+                    line-height: 30px;
+                    margin-left: 10px;
+                }
+                a {
+                    float: left;
+                    margin: 6px 0 0 5px;
+                    display: block;
+                    background: url(../img/icon-search.png?__sprite) no-repeat;
+                    width: 18px;
+                    height: 18px;
+                    
+                }
+            }
+        }
+    }
+}
+
+//公共导航栏e
+
+//小标题s
+.mod-title {
+    @include clearfix;
+    border-bottom: 1px solid #ececec;
+    h2 {
+        float: left;
+        font-size: 18px;
+        color: #000;
+        padding: 10px 10px 10px 0;
+        font-weight: bold;
+    }
+    .tab-wrap {
+        float: left;
+        @include clearfix;
+        .g-tab__trigger {
+            float: left;
+            margin: 0 12px;
+            padding: 12px 0;
+            color: #999;
+            font-size: 16px;
+            cursor: pointer;
+            &.is-active {
+                color: #2c2c2c;
+                border-bottom: 2px solid $maincolor;
+            }
+            &:first-child {
+                margin-left: 35px;
+            }
+        }
+    }
+    .link-more {
+        float: right;
+        color: #2c2c2c;
+        line-height: 40px;
+        text-align: center;
+        &:after{
+            content:"+";
+            font-weight: bold;
+            font-size: 20px;
+            vertical-align: middle;
+            color: $maincolor;
+            // @include inline-block;
+            // @include triangle-right(5px,#2c2c2c);
+            margin-left: 4px;
+        }
+    }
+}
+//小标题e
+
+
+//全局更多s
+.g-more {
+    display: block;
+    color: #2c2c2c;
+    line-height: 40px;
+    text-align: center;
+    &:after{
+        content:"+";
+        font-weight: bold;
+        font-size: 20px;
+        vertical-align: middle;
+        color: $maincolor;
+        margin-left: 4px;
+    }
+}
+//全局更多e
+
+
+//地图排行榜s
+.map-rank{
+    float: right;
+    width: 290px;
+    // background: #fff;
+    .rank-list {
+        margin-top: 20px;
+        a {
+            @include clearfix;
+            display: block;
+            margin-bottom: 20px;
+            .img-con {
+                width: 110px;
+                height: 65px;
+                float: left;
+                position: relative;
+                em {
+                    position: absolute;
+                    width: 20px;
+                    height: 20px;
+                    line-height: 20px;
+                    color: #fff;
+                    background: $maincolor;
+                    text-align: center;
+                }
+                img {
+                    width:100%;height:100%;
+                }
+            }
+            .text-wrap {
+                width: 165px;
+                float: right;
+                overflow: hidden;
+                margin-top: 3px;
+                p {
+                    width: 100%;
+                    line-height: 18px;
+                    font-size: 12px;
+                    overflow : hidden;
+                    text-overflow: ellipsis;
+                    display: -webkit-box;
+                    -webkit-line-clamp: 2;
+                    -webkit-box-orient: vertical;
+                    height: 34px;
+                }
+                .ft {
+                    @include clearfix;
+                    margin-top: 10px;
+                    .author {
+                        display: block;
+                        float: left;
+                        width: 108px;
+                        @include ellipsis;
+                        line-height: 14px;
+
+                    }
+                    .count {
+                        float: right;
+                        padding-left: 20px;
+                        height: 14px;
+                        background: url(../img/icon-play.png?__sprite) no-repeat;
+                    }
+                }
+            }
+        }
+    }
+}
+//地图排行榜e
+
+
+//热门模块s
+.common-hot {
+    width: 290px;
+    a {
+        display: block;
+        width: 290px;
+        height: 104px;
+        margin-bottom: 12px;
+        img {
+            width: 100%;
+            height: 100%;
+        }
+    }
+}
+//热门模块e
+
+
+
+
+//友情链接s
+.ZQ__map{
+    background-color: #EAEAEA;
+    .inner {
+        width: 1136px;
+        margin: 0 auto;
+        *zoom:1;overflow: hidden;
+        padding: 20px 0;
+        position: relative;
+        zoom:1;
+        @include clearfix();
+    }
+    .foot-action {
+        background-color: #e4e4e4;
+        padding: 10px 0;
+        form{
+            width: 510px;
+            margin: 0 auto;
+            @include clearfix();
+        }
+    }
+    .list{
+        width: 130px;
+        padding: 0 15px;
+        display: inline-block;
+        *display: inline;
+        *zoom:1;text-align: center;
+        border-left: 1px solid #DBDBDB;
+        font-size: 0;
+        vertical-align: top;
+         .label,li {
+            height: 26px;
+            line-height: 26px;
+            text-align: center
+        }
+        a,span{
+            font-size: 12px;
+            display: block;
+        }
+        .label {
+            display: block;
+            *zoom:1;font-weight: 700;
+            color: #888
+        }
+        li{
+            overflow: hidden;
+        }
+        a {
+            color: #888
+        }
+    }
+    .map-list {
+        font-size: 0;
+        position: relative;
+        margin-left: -1px;
+        float: left;
+        display: inline
+    }
+    .foot-action{
+        .search {
+            position: relative;
+            *zoom:1;
+            width: 400px;
+            background-color: #eee;
+            -webkit-border-radius: 4px;
+            -moz-border-radius: 4px;
+            border-radius: 4px;
+            border: 1px solid #E2E2E2;
+            float: left;
+            input {
+                font-size: 12px;
+                line-height: 24px;
+                height: 24px;
+                padding: 0 30px 0 4px;
+                width: 364px;
+                color: #BCBCBC;
+                border: none;
+                background-color: transparent;
+                display: block;
+                &:focus {
+                    outline: 0
+                }
+            }
+        }
+        .submit {
+            position: absolute;
+            top: 50%;
+            right: 5px;
+            background: url(../img/icon-search2.png?__sprite) 0 0px no-repeat;
+            width: 18px;
+            height: 18px;
+            text-indent: -200%;
+            overflow: hidden;
+            margin-top: -9px;
+            font-size: 0;
+            outline: 0;
+        }
+    }
+    .connect {
+        font-weight: 700;
+        color: #999;
+        font-size: 14px;
+        padding-left: 30px;
+        display: inline-block;
+        line-height: 26px
+    }
+}
+.ZQ__friend{
+    background-color: #2D2D2D;
+    .label{
+        background-color: #2D2D2D;
+        display: inline-block;
+        *display: inline;
+        *zoom:1;margin-bottom: 7px;
+        position: relative;
+        z-index: 5;
+        padding-right: 16px;
+        em {
+            display: inline-block;
+            *display: inline;
+            *zoom:1;background-color: #222;
+            color: #999;
+            font-size: 14px;
+            padding: 0 9px;
+            height: 25px;
+            line-height: 25px
+        }
+    }
+    .duowan {
+        position: absolute;
+        top: 28px;
+        left: 0;
+    }
+    .inner {
+        position: relative;
+        width: 1136px;
+        margin: 0 auto;
+        padding: 10px 0;
+        @include clearfix();
+    }
+    .link {
+        overflow: hidden;
+        *zoom:1;font-size: 0;
+        margin-bottom: -3px;
+        a {
+            display: inline-block;
+            *display: inline;
+            *zoom:1;padding: 0 11px 0 10px;
+            border-left: 1px solid #464646;
+            position: relative;
+            margin-left: -1px;
+            font-size: 12px;
+            color: #999;
+            line-height: 1.1em;
+            margin-bottom: 7px
+        }
+    }
+}
+//友情链接e
+
+
+
+
+//-----分页------
+#pageNum {
+    font-size: 14px;
+    padding-bottom: 15px;
+    padding-top: 20px;
+    a {
+        text-decoration: none;
+        padding: 4px 9px;
+        margin: 0 3px;
+        color: #666;
+        border: 1px solid #ddd;
+        background: #fff;
+        -webkit-transition: all 0.3s ease 0s;
+        -moz-transition: all 0.3s ease 0s;
+        -ms-transition: all 0.3s ease 0s;
+        -o-transition: all 0.3s ease 0s;
+        transition: all 0.3s ease 0s;
+        -webkit-backface-visibility: hidden;
+        -webkit-transform-style: preserve-3d;
+        &:hover {
+            text-decoration: none;
+            color: #fff;
+            background-color: $maincolor;
+            border-color: $maincolor;
+        }
+    }
+}
+
+#pageNow a {
+    cursor: not-allowed;
+    color: #fff;
+    background-color: $maincolor;
+    border-color: $maincolor;
+}

+ 12 - 0
2017专区/艾兰岛/src/sass/lego/_base.scss

@@ -0,0 +1,12 @@
+@charset "utf-8";
+/*
+ * @file: LegoUI for pc 基础设施
+ * @update: 2015-06-03 17:28:19
+ */
+
+@import "variable"; // 变量配置
+@import "mixins";
+@import "normalize";
+@import "reset"; // 重置
+@import "print"; // 打印
+

+ 159 - 0
2017专区/艾兰岛/src/sass/lego/_button.scss

@@ -0,0 +1,159 @@
+@charset "utf-8";
+/*
+ * @file: 按钮基础UI组件
+ * @update: 2015-06-07 17:57:18
+ */
+ 
+/*
+ * 默认按钮
+ * @base
+ * @param: button-variant(字体颜色, 背景色, 边框颜色)
+ * @param: button-size($padding-vertical, $padding-horizontal, $font-size, $border-radius)
+ */
+
+/* 按钮大小配置 */
+$btn-height: 30px !default; // 按钮高度
+$btn-padding-horizontal: 18px !default; // 按钮padding left/right值
+$btn-font-size: 12px !default; // 按钮字号大小
+$btn-radius: 2px !default; // 按钮圆角值
+
+/* 默认按钮配色 */
+$btn-color: #288ad6 !default; // 字体颜色
+$btn-bg: #fff !default; // 背景色
+$btn-border: #288ad6 !default; // 边框颜色
+
+/* 禁用按钮配置 */
+$disabled-btn-color: #999 !default; // 字体颜色
+$disabled-btn-bg: #f5f5f5 !default; // 背景色
+$disabled-btn-border: #e6e6e6 !default; // 边框颜色
+
+.ui-btn {
+    @include inline-block;
+    @include button-size(($btn-height - $btn-font-size)/2 - 1, $btn-padding-horizontal, $btn-font-size, $btn-radius);
+    @include button-variant($btn-color, $btn-bg, $btn-border);
+    width: auto; // 宽度自适应
+    line-height: 1; // 重置某些浏览器内置的私有属性默认定义的行高
+    border: 1px solid; // 某些浏览器私有属性里面额外设置了border
+    cursor: pointer;
+    text-align: center;
+    vertical-align: middle;
+    *overflow: visible; // fix IE6/IE67 button随着字变宽
+    user-select: none;
+    transition: all .2s ease-in-out;
+    
+    /*
+     * 激活状态
+     * @state: active
+     */
+    &.is-active,
+    &:active {
+        outline: 0; // 隐藏点击时的outline
+        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .08);
+    }
+    
+    /*
+     * 禁用状态
+     * @state: disabled
+     */
+    &.is-disabled,
+    &[disabled] {
+        color: $disabled-btn-color;
+        background-color: $disabled-btn-bg;
+        border-color: $disabled-btn-border;
+        &.is-hover,
+        &:hover {
+            cursor: not-allowed;
+            color: $disabled-btn-color;
+            background-color: $disabled-btn-bg;
+            border-color: $disabled-btn-border;
+        }
+        &.is-active,
+        &:active {
+            box-shadow: none;
+        }
+    }
+}
+a.ui-btn {
+    text-decoration: none;
+    &:hover {
+        text-decoration: none;
+    }
+}
+input.ui-btn,
+button.ui-btn {
+    *padding: ($btn-height - $btn-font-size)/2 - 2 $btn-padding-horizontal - 1 ($btn-height - $btn-font-size)/2 - 3; // IE6/IE67在垂直方向会高出3px,水平方向多出2px
+}
+
+
+/*
+ * 首选按钮
+ * @extend: primary
+ * @param:  button-variant(字体颜色, 背景色, 边框颜色)
+ */
+
+.ui-btn {
+    &.ext-primary {
+        @include button-variant($primary-text-color, $primary-color, $primary-color);
+    }
+}
+
+
+/*
+ * 成功按钮
+ * @extend: success
+ * @param:  button-variant(字体颜色, 背景色, 边框颜色)
+ */
+
+.ui-btn {
+    &.ext-success {
+        @include button-variant($success-text-color, $success-color, $success-color);
+    }
+}
+
+/*
+ * 信息按钮
+ * @extend: info
+ * @param:  button-variant(字体颜色, 背景色, 边框颜色)
+ */
+
+.ui-btn {
+    &.ext-info {
+        @include button-variant($info-text-color, $info-color, $info-color);
+    }
+}
+
+/*
+ * 警告按钮
+ * @extend: warning
+ * @param:  button-variant(字体颜色, 背景色, 边框颜色)
+ */
+
+.ui-btn {
+    &.ext-warning {
+        @include button-variant($warning-text-color, $warning-color, $warning-color);
+    }
+}
+
+/*
+ * 危险按钮
+ * @extend: danger
+ * @param:  button-variant(字体颜色, 背景色, 边框颜色)
+ */
+
+.ui-btn {
+    &.ext-danger {
+        @include button-variant($danger-text-color, $danger-color, $danger-color);
+    }
+}
+
+
+/*
+ * 块状按钮
+ * @extend: block
+ */
+.ui-btn {
+    &.ext-block {
+        display: block;
+        text-align: center;
+    }
+}

+ 432 - 0
2017专区/艾兰岛/src/sass/lego/_form.scss

@@ -0,0 +1,432 @@
+@charset "utf-8";
+/*
+ * @file: 表单UI组件
+ * @update: 2015-06-05 16:45:01
+ */
+ 
+/*
+ * 默认表单
+ * @base
+ */
+$label-width: 110px; // label宽度
+$label-adjust: 10px; // label右边距
+$item-adjust: 15px; // 每一行之间的间距
+
+$input-height: 30px; // input输入框高度
+$input-color: #666; // 输入框边文本颜色
+$input-border-color: #ccc; // 输入框边颜色
+
+$upload-file-width: 214px; // 普通型文件上传总宽度
+$upload-file-height: 30px; // 普通型文件上传高度
+
+.ui-form {
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 12px;
+    line-height: 1.5;
+}
+.ui-form__item {
+    @include clearfix;
+    padding: 0 5px $item-adjust ($label-width + $label-adjust);
+    // overflow: hidden;
+    // zoom: 1;
+    
+    /*
+     * 表单验证提示
+     * @state: error
+     */
+    &.is-error {
+        .ui-input {
+            border-color: $danger-color;
+        }
+        .ui-form__tips {
+            color: $danger-color;
+        }
+    }
+
+}
+.ui-form__label {
+    float: left;
+    width: $label-width;
+    margin-left: -($label-width + $label-adjust);
+    padding-top: 6px;
+    text-align: right;
+}
+.ui-form__tips {
+    margin-left: 5px;
+    color: #999;
+}
+.ui-form__required {
+    font-family: SimSun;
+    color: $danger-color;
+    margin-right: 2px;
+}
+.ui-form__control {
+    .ui-btn {
+        margin-right: 10px;
+    }
+}
+.ui-form__multi {
+    .ui-input {
+        margin-bottom: 10px;
+        &:last-of-type {
+            margin-bottom: 0;
+        }
+    }
+}
+
+
+/*
+ * 说明文本独立一行
+ * @extend: blockTips
+ */
+.ui-form {
+    &.ext-blockTips {
+        .ui-form__tips {
+            display: block;
+            padding-top: 8px;
+        }
+    }
+}
+
+/*
+ * 标签左对齐
+ * @extend: alignLeft
+ */
+$label-width--left: 60px; // label宽度
+
+.ui-form {
+    &.ext-alignLeft {
+        .ui-form__item {
+            padding-left: $label-width--left + $label-adjust;
+        }
+        .ui-form__label {
+            width: $label-width--left;
+            margin-left: -$label-width--left - $label-adjust;
+            text-align: left;
+        }
+        .ui-form__required {
+            margin-left: 2px;
+        }
+    }
+}
+
+/*
+ * 标签顶部对齐
+ * @extend: stacked
+ */
+.ui-form {
+    &.ext-stacked {
+        padding-left: 0;
+        .ui-form__item {
+            padding-left: 0;
+        }
+        .ui-form__label {
+            float: none;
+            width: auto;
+            display: block;
+            margin-left: 0;
+            padding-top: 0;
+            padding-bottom: 5px;
+            text-align: left;
+        }
+        .ui-form__required {
+            margin-left: 2px;
+        }
+    }
+}
+
+/*
+ * 内联表单
+ * @extend: inline
+ */
+.ui-form {
+    &.ext-inline {
+        padding-left: 0;
+        .ui-form__item {
+            @include inline-block;
+            padding-right: 15px;
+            padding-left: 0;
+            vertical-align: middle;
+        }
+        .ui-form__label {
+            @include inline-block;
+            float: none;
+            margin-left: 0;
+            width: auto;
+            margin-right: 10px;
+        }
+    }
+}
+
+/*
+ * 无lable标签
+ * @extend: noLabel
+ */
+.ui-form {
+    &.ext-noLabel {
+        .ui-form__item {
+            padding-left: 0;
+        }
+    }
+}
+
+
+/*
+ * 栅格化多列表单
+ * @extend: multiCol
+ */
+.ui-form {
+    &.ext-multiCol {
+        letter-spacing: -.31em;
+        *letter-spacing: normal;
+        *word-spacing: -.43em;
+        font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
+        text-rendering: optimizespeed;
+        display: -webkit-flex;
+        -webkit-flex-flow: row wrap;
+        display: -ms-flexbox;
+        -ms-flex-flow: row wrap;
+        
+        .ui-form__item {
+            @include inline-block(top, true);
+            letter-spacing: normal;
+            word-spacing: normal;
+            text-rendering: auto;
+            padding: 0 0 15px;
+        }
+        .ui-form__label {
+            display: block;
+            float: none;
+            margin: 0 0 5px;
+            padding: 0;
+            text-align: left;
+        }
+        .ui-form__control {
+            display: block;
+            width: 100% !important;
+        }
+    }
+    
+    
+    /*
+     * 2列栅格化
+     * @extend: ext-grid2
+     */
+    &.ext-grid2 {
+        .ui-form__item {
+            width: 50%;
+            *width: 49.9690%;
+        }
+    }
+    
+    /*
+     * 3列栅格化
+     * @extend: ext-grid3
+     */
+    &.ext-grid3 {
+        .ui-form__item {
+            width: 33.3333%;
+            *width: 33.3023%;
+        }
+    }
+    
+    /*
+     * 4列栅格化
+     * @extend: ext-grid4
+     */
+    &.ext-grid4 {
+        .ui-form__item {
+            width: 25%;
+            *width: 24.9690%;
+        }
+    }
+}
+
+
+/* ============================ 以下为表单控件 ============================ */
+
+/*
+ * 单行输入框
+ * @module: input
+ */
+.ui-input,
+%ui-input {
+    height: $input-height - 10;
+    line-height: $input-height - 10;
+    padding: 4px 5px;
+    vertical-align: middle;
+    border: 1px solid $input-border-color;
+    color: $input-color;
+}
+
+/*
+ * 输入框组
+ * @base
+ */
+.ui-inputGroup {
+    font-size: 0; // 所有浏览器
+    *word-spacing: -1px; // IE6/7
+    * {
+        font-size: 12px;
+        vertical-align: top;
+        letter-spacing: normal;
+        word-spacing: normal;
+    }
+    .ui-input,
+    .ui-btn {
+        position: relative;
+        &:focus {
+            z-index: 2;
+        }
+    }
+}
+@media (-webkit-min-device-pixel-ratio:0) {
+    .ui-inputGroup {
+        letter-spacing: -5px; // Safari 5- 等不支持 font-size: 0 的浏览器
+    }
+}
+
+.ui-inputGroup__addon {
+    @extend %ui-input;
+    @include inline-block;
+    width: auto;
+    min-width: 16px;
+    margin-right: -1px;
+    text-align: center;
+    background-color: #eee;
+    color: #666;
+}
+
+
+/*
+ * 附加输入框
+ * @extend: append
+ */
+.ui-inputGroup {
+    &.ext-append {
+        .ui-inputGroup__addon,
+        .ui-btn {
+            margin-left: -1px;
+        }
+    }
+}
+
+
+/*
+ * 文本域
+ * @base
+ */
+.ui-textarea {
+    padding: 4px 5px;
+    border: 1px solid $input-border-color;
+    color: $input-color;
+}
+
+
+/*
+ * 下拉选择/单选/多选框
+ * @base: select/radio/checkbox
+ */
+input[type="radio"] {
+    margin: 2px 0;
+    *margin-top: 0;
+}
+input[type="checkbox"] {
+    margin: 3px 0;
+    *margin-top: 0;
+}
+.ui-select {
+    vertical-align: middle;
+    margin-right: 5px;
+}
+.ui-form__txt,
+.ui-radio,
+.ui-checkbox,
+.ui-fileInput {
+    @include inline-block;
+    vertical-align: middle;
+    // _vertical-align: 0;
+    margin: 5px 12px 0 0;
+}
+.ui-radio,
+.ui-checkbox {
+    input[type="radio"],
+    input[type="checkbox"] {
+        float: left;
+        margin-right: 5px;
+    }
+}
+
+
+
+/*
+ * 文件上传
+ * @base
+ */
+.ui-upload {
+    position: relative;
+    font-size: 0;
+    .ui-input {
+        margin-right: 10px;
+        font-size: 12px;
+    }
+}
+.ui-upload__file {
+    position: absolute;
+    top: 0;
+    left: 0;
+    @include opacity(0, true);
+    width: $upload-file-width;
+    height: $upload-file-height;
+    line-height: $upload-file-height;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+/*
+ * 文件上传
+ * @extend: single
+ */
+.ui-upload {
+    &.ext-single {
+        @include inline-block;
+        vertical-align: middle;
+        position: relative;
+        overflow: hidden;
+        .ui-upload__file {
+            right: 0;
+            left: auto;
+            height: 100%;
+            font-size: 26px;
+        }
+    }
+}
+
+
+/*
+ * 禁用只读状态
+ * @base
+ */
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly] {
+    color: $disabled-text-color;
+    // padding: 4px;
+    background-color: $disabled-bg-color;
+    border: 1px solid #ddd;
+}
+input[disabled],
+select[disabled],
+textarea[disabled] {
+    cursor: not-allowed;
+}
+input[readonly],
+select[readonly],
+textarea[readonly] {
+    color: #999;
+    cursor: text;
+    background-color: #f7f7f7;
+}

+ 25 - 0
2017专区/艾兰岛/src/sass/lego/_icon.scss

@@ -0,0 +1,25 @@
+@charset "utf-8";
+
+/*
+ * @file: 字体图标
+ * @update: 2015-06-03 17:19:51
+ */
+
+@font-face {
+    font-family: "lego";
+    src: url("../font/lego/iconfont.eot"); /* IE9*/
+    src: url("../font/lego/iconfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("../font/lego/iconfont.woff") format("woff"), /* chrome、firefox */
+    url("../font/lego/iconfont.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
+    url("../font/lego/iconfont.svg#iconfont") format("svg"); /* iOS 4.1- */
+}
+
+.ui-icon {
+    font-family: "lego" !important;
+    font-size: 16px;
+    font-style: normal;
+    line-height: 1.1;
+    -webkit-font-smoothing: antialiased;
+    -webkit-text-stroke-width: .2px;
+    -moz-osx-font-smoothing: grayscale;
+}

+ 40 - 0
2017专区/艾兰岛/src/sass/lego/_lego.scss

@@ -0,0 +1,40 @@
+@charset "utf-8";
+/*
+ * @file:   LegoUI for pc
+ * @version: V3.0.1
+ * @update: 2015-06-05 15:20:50
+ */
+
+/* 基础设施(必须引入) */
+@import "base";
+
+
+/* HTML元素 */
+// @import "list"; // 文字列表
+// @import "button"; // 按钮
+// @import "form"; // 表单
+// @import "table"; // 表格
+//@import "icon"; // 字体图标
+
+
+/* CSS UI */
+@import "ui.panel"; // 区块面板
+@import "ui.figure"; // 图片列表
+// @import "ui.media"; // 媒体对象
+// @import "ui.paging"; // 分页导航
+// @import "ui.badge"; // 徽章
+// @import "ui.progress"; // 进度条
+// @import "ui.lineList"; // 带分割线的文本列表
+
+
+/* JS UI */
+@import "ui.dialog"; // 弹窗
+@import "ui.tab"; // 选项卡
+@import "ui.slide"; // 幻灯片
+@import "ui.carousel"; // 旋转木马
+@import "ui.accordion"; // 手风琴
+@import "ui.marquee"; // 轮播文字条
+
+
+/* 辅助工具类 */
+@import "utility";

+ 1147 - 0
2017专区/艾兰岛/src/sass/lego/_lego2.scss

@@ -0,0 +1,1147 @@
+@charset "utf-8";
+
+/*
+ * 手风琴
+ * style1
+ * */
+.mod-accordion-s1 {
+    zoom: 1;
+    overflow: hidden;
+    position: relative;
+    border: 1px solid #d8d8d8;
+}
+.mod-accordion-s1 .mod-accordion-hd {
+    cursor: pointer;
+    border-width: 1px 0;
+    border-style: solid;
+    margin: -1px 0;
+    height: 24px;
+    line-height: 24px;
+    padding: 0 10px;
+    border-color: #d8d8d8;
+}
+.mod-accordion-s1 .mod-accordion-hd i {
+    overflow: hidden;
+    float: left;
+    width: 8px;
+    height: 8px;
+    margin: 8px 10px 0 0;
+}
+.mod-accordion-s1 .mod-accordion-hd h4 {
+    float: left;
+    font-weight: normal;
+}
+.mod-accordion-s1 .mod-accordion-bd {
+    display: none;
+    margin: -1px 0;
+    border-width: 1px 0;
+    border-style: solid;
+    border-color: #d8d8d8;
+    padding: 5px;
+}
+.mod-accordion-s1 .active i { background-position: -8px -34px }
+.mod-accordion-s1 .active h4 { font-weight: 700 }
+.mod-accordion-s1 .show { display: block }
+
+/*
+ * 手风琴
+ * style2
+ * */
+.mod-accordion-s2 {
+    zoom: 1;
+    overflow: hidden;
+    position: relative;
+    border: 1px solid #d8d8d8;
+}
+.mod-accordion-s2 .mod-accordion-hd {
+    cursor: pointer;
+    border-width: 1px 0;
+    border-style: solid;
+    margin: -1px 0;
+    height: 24px;
+    line-height: 24px;
+    padding: 0 10px;
+    border-color: #d8d8d8;
+}
+.mod-accordion-s2 .mod-accordion-hd i {
+    overflow: hidden;
+    float: right;
+    width: 10px;
+    height: 10px;
+    margin: 7px 0 0 0;
+}
+.mod-accordion-s2 .mod-accordion-hd h4 {
+    float: left;
+    font-weight: normal;
+}
+.mod-accordion-s2 .mod-accordion-bd {
+    display: none;
+    margin: -1px 0;
+    border-width: 1px 0;
+    border-style: solid;
+    border-color: #d8d8d8;
+    padding: 5px;
+}
+.mod-accordion-s2 .active i { background-position: -10px -24px }
+.mod-accordion-s2 .active h4 { font-weight: 700 }
+.mod-accordion-s2 .show { display: block }
+
+/*
+ * 手风琴
+ * style3
+ * */
+.mod-accordion-s3 {
+    overflow: hidden;
+    display: inline-block;
+    *display: inline;
+    vertical-align: top;
+    zoom: 1;
+    border: 1px solid #d8d8d8;
+}
+.mod-accordion-s3 .mod-accordion-hd {
+    cursor: pointer;
+    float: left;
+    margin: 0 -1px;
+    padding: 5px 8px;
+    width: 14px;
+    height: 300px;
+    line-height: 18px;
+    text-align: center;
+    border-style: solid;
+    border-width: 0 1px;
+    border-color: #d8d8d8;
+}
+.mod-accordion-s3 .mod-accordion-hd i {
+    overflow: hidden;
+    float: left;
+    width: 8px;
+    height: 8px;
+    margin: 2px 0 5px 3px;
+}
+.mod-accordion-s3 .mod-accordion-hd h4 {
+    float: left;
+    font-weight: normal;
+}
+.mod-accordion-s3 .mod-accordion-bd {
+	display: none;
+    float: left;
+    margin: 0 -1px;
+    width: 300px;
+    height: 300px;
+    border-style: solid;
+    border-width: 0 1px 0 0;
+    border-color: #d8d8d8;
+    padding: 5px 10px;
+}
+.mod-accordion-s3 .active i { background-position: 0 -34px }
+.mod-accordion-s3 .active h4 { font-weight: 700 }
+.mod-accordion-s3 .show { display: block }
+
+/*
+ * 文章列表
+ * */
+.mod-art { padding: 5px 10px; }
+.mod-art li {
+	overflow: hidden;
+	height: 24px;
+	line-height: 24px;
+}
+.mod-art .date {
+	float: right;
+	margin-left: 1em;
+	color: #666;
+}
+.mod-art .tag {
+	margin-right: 10px;
+	color: #F60;
+}
+/* 有序列表 */
+.mod-art .num {
+	float: left;
+	-webkit-text-size-adjust: none;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+	width: 20px;
+	font: 10px/14px verdana;
+	text-align: center;
+	margin: 5px 10px 0 0;
+	color: #666;
+	background-color: #E8E8E8;
+}
+.mod-art .first,
+.mod-art .second,
+.mod-art .third {
+	color: #FFF;
+	background-color: #1F98D9;
+}
+/* 14px字体 */
+.mod-art.fsl li {
+	height: 26px;
+	line-height: 26px;
+}
+.mod-art.fsl .num {
+	line-height: 16px;
+	font-size: 11px;
+}
+/* half */
+.mod-art-half {
+	zoom: 1;
+	overflow: hidden;
+	position: relative;
+	padding: 5px 0px;
+	right: -10px;
+}
+.mod-art-half li {
+	float: left;
+	overflow: hidden;
+	width: 50%;
+	*width: 49.99%;
+	height: 24px;
+	line-height: 24px;
+}
+.mod-art-half li a {
+	vertical-align: top;
+	height: 24px;
+	margin-left: 10px;
+}
+.mod-art-half .date {
+	float: right;
+	color: #666;
+	margin: 0 20px 0 10px;
+}
+.mod-art-half .tag {
+	color: #F60;
+	padding-right: 0;
+}
+/* 有序列表 */
+.mod-art-half .num {
+	float: left;
+	_display: inline;
+	-webkit-text-size-adjust: none;
+	text-align: center;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+	font: 10px/14px verdana;
+	width: 20px;
+	height: 14px;
+	color: #666;
+	background-color: #E8E8E8;
+	margin: 5px 0 0 0;
+}
+
+/*
+ * 文章滚动
+ * */
+.mod-art-scroll {
+	overflow: hidden;
+	position: relative;
+}
+.mod-art-scroll .mod-art {
+	padding: 0 10px;
+	position: absolute;
+}
+.mod-art-scroll .mod-art li {
+	overflow: hidden;
+	height: 20px;
+	line-height: 20px;
+}
+.mod-art-scroll .btns {
+	position: absolute;
+	right: 10px;
+	top: 0;
+	width: 11px;
+	height: 20px;
+}
+.mod-art-scroll .btns span {
+	overflow: hidden;
+	display: block;
+	height: 10px;
+	cursor: pointer;
+}
+
+/*
+ * 最终页正文
+ * */
+.mod-article {
+	padding-top: 20px;
+}
+.mod-article h1 {
+	text-align: center;
+	font: 400 24px/1 tahoma, \5fae\8f6f\96c5\9ed1;
+}
+.mod-article address {
+	text-align: center;
+	color: #666;
+	margin: 10px 0;
+}
+.mod-article address span {
+	margin: 0 2px;
+	color: #333;
+}
+.mod-article blockquote {
+	zoom: 1;
+	border: 1px solid #CCC;
+	padding: 5px 10px;
+	margin: 0 10px;
+}
+.mod-article blockquote p {
+	line-height: 18px;
+}
+.mod-article-content {
+	padding: 10px;
+}
+
+/*
+ * 图片滚动
+ * style1
+ * */
+.mod-carousel-s1 {
+	position: relative;
+	width: 524px;
+	height: 132px;
+	padding: 0 80px;
+}
+.mod-carousel-s1-bd {
+	overflow: hidden;
+	position: relative;
+	height: 132px;
+}
+.mod-carousel-s1 .mod-pic {
+	position: absolute;
+	top:0px;
+	margin-right: -12px;
+	padding: 0;
+	width: 10000px;
+}
+.mod-carousel-s1 .mod-pic li {
+	float: left;
+	margin: 0 12px 0 0;
+	width: 122px;
+	height: 132px;
+}
+.mod-carousel-s1 .mod-pic a {
+	text-align: center;
+}
+.mod-carousel-s1 .mod-pic img {
+	display: block;
+	width: 120px;
+	height: 90px;
+	border: 1px solid #DEDFDF;
+}
+.mod-carousel-s1 .mod-pic em {
+	display: inline-block;
+	cursor: pointer;
+	padding: 4px 1px 0;
+	line-height: 14px;
+	text-align: left;
+}
+.mod-carousel-s1 .btn-prev,
+.mod-carousel-s1 .btn-next {
+	display: block;
+	width: 30px;
+	height: 30px;
+	position: absolute;
+	top: 30px;
+	cursor: pointer;
+}
+.mod-carousel-s1 .btn-prev { left: 30px; }
+.mod-carousel-s1 .btn-next {
+	right: 30px;
+	background-position: -30px 0;
+}
+
+/*
+ * 图片滚动
+ * style2
+ * */
+.mod-carousel-s2 {
+    width: 264px;
+    height: 134px;
+    padding: 0 28px;
+}
+.mod-carousel-s2-bd {
+    overflow: hidden;
+    position: relative;
+    height: 134px;
+} /* 此宽度值=(li.width+li.maring-right)*N-li.margin-right */
+.mod-carousel-s2 .mod-pic {
+    position: absolute;
+    margin-right: -20px;
+    padding: 0;
+    width: 10000px;
+} /* 此负margin-right值=li.margin-right */
+.mod-carousel-s2 .mod-pic li {
+    float: left;
+    margin: 0 20px 0 0;
+    width: 122px;
+    height: 132px;
+}
+.mod-carousel-s2 .mod-pic a { text-align: center }
+.mod-carousel-s2 .mod-pic img {
+    display: block;
+    width: 120px;
+    height: 90px;
+    border: 1px solid #DEDFDF;
+}
+.mod-carousel-s2 .mod-pic em {
+    display: inline-block;
+    cursor: pointer;
+    padding: 4px 1px 0;
+    line-height: 14px;
+    text-align: left;
+}
+.mod-carousel-s2 .btn-prev,
+.mod-carousel-s2 .btn-next {
+    display: block;
+    cursor: pointer;
+    width: 25px;
+    height: 15px;
+    position: absolute;
+    top: 8px;
+}
+.mod-carousel-s2 .btn-prev { right: 35px }
+.mod-carousel-s2 .btn-next {
+    right: 10px;
+    background-position: -25px -50px;
+}
+.mod-carousel-s2 .steps {
+    position: absolute;
+    white-space: nowrap;
+    right: 68px;
+    top: 6px;
+}
+.mod-carousel-s2 .curr-step {
+    color: #F60;
+    font-weight: 700;
+}
+
+/*
+ * 图片滚动
+ * style3
+ * */
+.mod-carousel-s3 {
+    position: relative;
+    padding: 0 50px;
+    width: 432px;
+} /* 此宽度值=(li.width+li.maring-right)*N-li.margin-right */
+.mod-carousel-s3 .scrollable {
+    overflow: hidden;
+    position: relative;
+    height: 132px;
+}
+.mod-carousel-s3 .scrollable-bd ul {
+    position: absolute;
+    float: left;
+    padding-top: 0;
+    width: 450px;
+} /* 重置mod-pic的默认样式 width=s4.width+li.marginRight */
+.mod-carousel-s3 .scrollable-bd li { margin: 0 18px 0 0 } /* 重置mod-pic的默认样式 */
+.mod-carousel-s3 .btn-prev,
+.mod-carousel-s3 .btn-next {
+    cursor: pointer;
+    position: absolute;
+    top: 46px;
+    width: 30px;
+    height: 30px;
+}
+.mod-carousel-s3 .btn-prev { left: 0 }
+.mod-carousel-s3 .btn-next {
+    right: 0;
+    background-position: -30px 0;
+}
+.mod-carousel-s3 .navi-box { text-align: center }
+.mod-carousel-s3 .navi {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    height: 20px;
+    text-align: left;
+}
+.mod-carousel-s3 .navi a {
+    display: block;
+    float: left;
+    margin: 8px 8px 0 0;
+    width: 12px;
+    height: 12px;
+    font-size: 11px;
+}
+.mod-carousel-s3 .navi a:hover { background-position: -12px -73px }
+.mod-carousel-s3 .navi a.selected { background-position: -12px -73px }
+
+/*
+ * 图片滚动
+ * style4
+ * */
+.mod-carousel-s4 {
+    position: relative;
+    padding: 20px;
+    width: 432px;
+} /* 此宽度值=(li.width+li.maring-right)*N-li.margin-right */
+.mod-carousel-s4 .scrollable {
+    overflow: hidden;
+    position: relative;
+    height: 146px;
+}
+.mod-carousel-s4 .scrollable-bd ul {
+    position: absolute;
+    float: left;
+    padding-top: 0;
+    width: 450px;
+} /* 重置mod-pic的默认样式 width=s4.width+li.marginRight */
+.mod-carousel-s4 .scrollable-bd li { margin: 0 18px 0 0 } /* 重置mod-pic的默认样式 */
+.mod-carousel-s4 .btn-prev,
+.mod-carousel-s4 .btn-next {
+    cursor: pointer;
+    position: absolute;
+    top: 0;
+    width: 26px;
+    height: 20px;
+}
+.mod-carousel-s4 .btn-prev { left: 0 }
+.mod-carousel-s4 .btn-next {
+    right: 0;
+    background-position: -26px -30px;
+}
+.mod-carousel-s4 .scrollable-nav { text-align: center }
+.mod-carousel-s4 .navi-box {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    position: relative;
+    padding: 0 34px;
+    text-align: center;
+}
+.mod-carousel-s4 .navi {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    height: 20px;
+    text-align: left;
+}
+.mod-carousel-s4 .navi a {
+    display: block;
+    overflow: hidden;
+    float: left;
+    margin: 6px 2px 0;
+    width: 20px;
+    height: 8px;
+}
+.mod-carousel-s4 .navi a:hover { background-position: -20px -65px }
+.mod-carousel-s4 .navi a.selected { background-position: -20px -65px }
+
+/*
+ * 弹出层
+ * 依赖mod.box.css
+ * */
+.pop-box {
+	zoom: 1;
+	padding: 6px;
+	background-color: transparent;
+	background-color: rgba(0,0,0,.2);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+}
+:root .pop-box {filter: none\9;}
+.pop-box .box {
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	border-color: #E5E5E5;
+	background-color: #FFF;
+}
+.pop-box .box-hd {
+	-webkit-border-radius: 3px 3px 0 0;
+	border-radius: 3px 3px 0 0;
+	border: 0 none;
+	background: #1D97D8;
+}
+.pop-box .box-hd .title {color: #FFF;}
+.pop-box .box-hd .btn-close {
+	float: right;
+	cursor: pointer;
+	color: #FFF;
+}
+.pop-box .box-hd .btn-close:hover {text-decoration: underline;}
+.pop-box .box-hd .btn-close-icon {
+	float: right;
+	width: 16px;
+	height: 100%;
+	cursor: pointer;
+	font-size: 18px;
+	font-weight: 700;
+	text-align: center;
+	color: #FFF;
+	opacity: .8;
+	font-family: tahoma;
+}
+.pop-box .box-hd .btn-close-icon:hover {opacity: 1;}
+
+/*
+ * 幻灯片
+ * style1
+ * */
+.mod-slide-s1 {
+    width: 320px;
+    overflow: hidden;
+}
+.mod-slide-s1 .mod-slide-content,
+.mod-slide-s1 .mod-slide-content img {
+    display: block;
+    overflow: hidden;
+    position: relative;
+    width: 320px;
+    height: 200px;
+}
+.mod-slide-s1 .mod-slide-content ul{
+    position:absolute;
+}
+.mod-slide-s1 .mod-slide-trigger li {
+    overflow: hidden;
+    height: 24px;
+    line-height: 24px;
+    padding-left: 1em;
+    cursor: pointer;
+    margin: 5px 0 0;
+    background-color: #D9D9D9;
+}
+.mod-slide-s1 .mod-slide-trigger li.selected { background-color: #474A4B }
+.mod-slide-s1 .mod-slide-trigger li.selected a {
+    font-weight: 900;
+    color: #FFF;
+}
+
+/*
+ * 幻灯片
+ * style2
+ * */
+.mod-slide-s2 {
+    overflow: hidden;
+    position: relative;
+    width: 320px;
+    height: 200px;
+}
+.mod-slide-s2 .mod-slide-content { height: 200px; }
+.mod-slide-s2 .mod-slide-content ul{
+    position: absolute;
+}
+.mod-slide-s2 .mod-slide-content li {
+    float: left;
+    clear: both;
+}
+.mod-slide-s2 .mod-slide-content a,
+.mod-slide-s2 .mod-slide-content img {
+    display: block;
+    width: 320px;
+    height: 200px;
+}
+.mod-slide-s2 .mod-slide-trigger {
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+    z-index:11;
+}
+.mod-slide-s2 .mod-slide-trigger li {
+    cursor: pointer;
+    float: left;
+    margin-left: 5px;
+    width: 20px;
+    height: 20px;
+    line-height: 20px;
+    text-align: center;
+    background: #fff;
+    color: #333;
+}
+.mod-slide-s2 .mod-slide-trigger li.selected {
+    font-weight: 700;
+    background-color: #289edd;
+    color: #fff;
+}
+
+/*
+ * 幻灯片
+ * style3
+ * */
+.mod-slide-s3 {
+    position: relative;
+    width: 480px;
+    height: 240px;
+    overflow: hidden;
+}
+.mod-slide-s3 .mod-slide-content ul{
+    position:absolute;
+}
+.mod-slide-s3 .mod-slide-content li{
+    display: block;
+    overflow: hidden;
+    height: 240px;
+    width:480px;
+}
+.mod-slide-s3 .mod-slide-content img {
+    display: block;
+    width: 480px;
+    height: 240px;
+    background-color: #333;
+}
+.mod-slide-s3 .mod-slide-trigger {
+    position: absolute;
+    z-index: 10;
+    right: 65px;
+    bottom: 13px;
+    height: 8px;
+    overflow: hidden;
+}
+.mod-slide-s3 .mod-slide-trigger li {
+    cursor: pointer;
+    overflow: hidden;
+    float: left;
+    margin-right: 2px;
+    width: 20px;
+    height: 8px;
+    text-indent: -9999px;
+    background-color: #FFF;
+}
+.mod-slide-s3 .mod-slide-trigger li.selected { background-color: #289edd; }
+.mod-slide-s3 .btn-prev,
+.mod-slide-s3 .btn-next {
+    cursor: pointer;
+    position: absolute;
+    z-index: 10;
+    right: 35px;
+    bottom: 10px;
+    width: 25px;
+    height: 15px;
+}
+.mod-slide-s3 .btn-next {
+    background-position: -25px -16px;
+    right: 10px;
+}
+
+/*
+ * 幻灯片
+ * style4
+ * */
+.mod-slide-s4 {
+    overflow: hidden;
+    position: relative;
+    width: 650px;
+}
+.mod-slide-s4 .mod-slide-content {
+    overflow: hidden;
+    height: 325px;
+    background: #333;
+}
+.mod-slide-s4 .mod-slide-content ul{
+    position: absolute;
+}
+.mod-slide-s4 .mod-slide-content a,
+.mod-slide-s4 .mod-slide-content img {
+    display: block;
+    width: 650px;
+    height: 285px;
+}
+.mod-slide-s4 .mod-slide-content p {
+    overflow: hidden;
+    padding: 0 12px;
+    height: 40px;
+    font-size: 14px;
+    line-height: 40px;
+    background: #141414;
+    color: #fff;
+}
+.mod-slide-s4 .mod-slide-trigger {
+    padding: 6px 0 8px 9px;
+    background: #333;
+    zoom: 1;
+}
+.mod-slide-s4 .mod-slide-trigger:before,
+.mod-slide-s4 .mod-slide-trigger:after {
+    content: '';
+    display: table;
+    line-height: 0;
+}
+.mod-slide-s4 .mod-slide-trigger:after { clear: both }
+.mod-slide-s4 .mod-slide-trigger li {
+    cursor: pointer;
+    position: relative;
+    z-index: 11;
+    float: left;
+    margin-right: 5px;
+    padding: 2px;
+    width: 82px;
+    height: 42px;
+}
+.mod-slide-s4 .mod-slide-trigger li.selected { background: #2ba0de }
+.mod-slide-s4 .mod-slide-trigger li img {
+    display: block;
+    width: 80px;
+    height: 40px;
+    border: 1px solid #0d0d0d;
+    border-right-color: #3c3c3c;
+    border-bottom-color: #3c3c3c;
+}
+.mod-slide-s4 .mod-slide-trigger li i {
+    overflow: hidden;
+    position: absolute;
+    left: 50%;
+    top: -9px;
+    margin-left: -9px;
+    width: 18px;
+    height: 9px;
+}
+
+/*
+ * 幻灯片
+ * style5
+ * */
+.mod-slide-s5 {
+    *zoom:1;
+    overflow: hidden;
+    position: relative;
+}
+.mod-slide-s5 .mod-slide-content {
+    overflow: hidden;
+    position: relative;
+    float: left;
+    width: 550px;
+    height: 275px;
+    background: #333;
+}
+.mod-slide-s5 .mod-slide-content ul{
+    position: absolute;
+}
+.mod-slide-s5 .mod-slide-content li,
+.mod-slide-s5 .mod-slide-content img {
+    display: block;
+    width: 550px;
+    height: 235px;
+}
+.mod-slide-s5 .mod-slide-content p {
+    overflow: hidden;
+    padding:0 12px;
+    height: 40px;
+    font-size: 14px;
+    line-height: 40px;
+    background: #141414;
+    color: #fff;
+}
+.mod-slide-s5 .mod-slide-trigger {
+    float: left;
+    padding: 8px 0 0 7px;
+    width: 93px;
+    height: 267px;
+    background: #222;
+}
+.mod-slide-s5 .mod-slide-trigger li {
+    cursor: pointer;
+    position: relative;
+    margin-bottom: 8px;
+    *margin-bottom: 6px;
+    padding: 2px;
+    width: 82px;
+    height: 42px;
+}
+.mod-slide-s5 .mod-slide-trigger li.selected { background: #2ba0de }
+.mod-slide-s5 .mod-slide-trigger li img {
+    display: block;
+    width: 80px;
+    height: 40px;
+    border: 1px solid #0d0d0d;
+    border-right-color: #3c3c3c;
+    border-bottom-color: #3c3c3c;
+}
+.mod-slide-s5 .mod-slide-trigger li i {
+    overflow: hidden;
+    position: absolute;
+    left: -6px;
+    top: 50%;
+    margin-top: -9px;
+    width: 6px;
+    height: 14px;
+}
+
+/*
+ * 选项卡
+ * style1
+ * */
+.mod-tab-s1 {
+    zoom: 1;
+    position: relative;
+    border: 1px solid #d8d8d8;
+}
+.mod-tab-s1 .mod-tab-hd {
+    position: relative;
+    height: 30px;
+    line-height: 30px;
+    border-bottom: 1px solid #d8d8d8;
+    background-color: #e7e7e7;
+}
+/* 头部组件 */
+.mod-tab-s1 .mod-tab-hd h3 {
+    float: left;
+    _display: inline;
+    font-size: 14px;
+    margin: 0 10px;
+}
+.mod-tab-s1 .mod-tab-hd .act { float: right }
+.mod-tab-s1 .mod-tab-hd .act .links {
+    float: left;
+    _display: inline;
+    overflow: hidden;
+    color: #d8d8d8;
+}
+.mod-tab-s1 .mod-tab-hd .act .links a {
+    margin: 0 8px;
+    white-space: nowrap;
+    color: #0082c3;
+}
+.mod-tab-s1 .mod-tab-hd .act .more {
+    margin: 0 10px;
+    color: #666;
+}
+/**/
+.mod-tab-s1 .mod-tab-trigger {
+    float: left;
+    _display: inline;
+    margin-left: -1px;
+    border-left: 1px solid #d8d8d8;
+}
+.mod-tab-s1 .mod-tab-trigger li {
+    position: relative;
+    cursor: pointer;
+    float: left;
+    padding: 0 12px;
+    border-right: 1px solid #d8d8d8;
+    background-color: #f5f5f5;
+    color: #666;
+}
+.mod-tab-s1 .mod-tab-trigger li.hover {
+    background-color: #fff;
+    color: #333;
+}
+.mod-tab-s1 .mod-tab-trigger li.selected {
+    padding-bottom: 1px;
+    margin-bottom: -1px;
+    font-weight: 700;
+    background-color: #fff;
+    color: #333;
+}
+/**/
+.mod-tab-s1 .mod-tab-bd {
+    padding: 10px;
+}
+
+/*
+ * 选项卡
+ * style2
+ * */
+.mod-tab-s2 {
+    zoom: 1;
+    position: relative;
+}
+.mod-tab-s2 .mod-tab-hd {
+    position: relative;
+    height: 30px;
+}
+/* 头部组件 */
+.mod-tab-s2 .mod-tab-hd h3 {
+    float: left;
+    _display: inline;
+    font-size: 14px;
+    margin: 0 10px;
+}
+.mod-tab-s2 .mod-tab-hd .act { float: right }
+.mod-tab-s2 .mod-tab-hd .act .links {
+    float: right;
+    overflow: hidden;
+    color: #d8d8d8;
+}
+.mod-tab-s2 .mod-tab-hd .act .links a {
+    margin: 0 8px;
+    white-space: nowrap;
+    color: #0082c3;
+}
+.mod-tab-s2 .mod-tab-hd .act .more {
+    float: right;
+    margin: 0 10px;
+    color: #666;
+}
+/**/
+.mod-tab-s2 .mod-tab-trigger {
+    float: left;
+}
+.mod-tab-s2 .mod-tab-trigger li {
+    position: relative;
+    cursor: pointer;
+    float: left;
+    margin-right: 4px;
+    padding: 0 8px;
+    line-height: 29px;
+    border: 1px solid #d8d8d8;
+    border-bottom: 0 none;
+    -webkit-border-radius: 5px 5px 0 0;
+    border-radius: 5px 5px 0 0;
+    color: #666;
+}
+.mod-tab-s2 .mod-tab-trigger li.hover {
+    padding-bottom: 1px;
+    font-weight: 700;
+    background: #fff;
+    color: #333;
+}
+.mod-tab-s2 .mod-tab-trigger li.selected {
+    padding-bottom: 1px;
+    margin-bottom: -1px;
+    font-weight: 700;
+    background: #fff;
+    color: #474A4B;
+}
+.mod-tab-s2 .mod-tab-bd {
+    padding: 10px;
+    border: 1px solid #d8d8d8;
+}
+
+/*
+ * 选项卡
+ * style3
+ * */
+.mod-tab-s3 {
+    zoom: 1;
+    position: relative;
+    background: #fff;
+}
+.mod-tab-s3 .mod-tab-hd {
+    position: relative;
+    height: 30px;
+    line-height: 30px;
+    border: 1px solid #d8d8d8;
+    border-bottom: none;
+}
+.mod-tab-s3 .mod-tab-hd h3 {
+    display: inline;
+    float: left;
+    font-size: 14px;
+    margin: 0 10px;
+}
+.mod-tab-s3 .mod-tab-hd .act { float: right }
+.mod-tab-s3 .mod-tab-hd .act .links {
+    float: right;
+    overflow: hidden;
+    display: inline;
+    color: #d8d8d8;
+}
+.mod-tab-s3 .mod-tab-hd .act .links a {
+    margin: 0 8px;
+    white-space: nowrap;
+    color: #0082c3;
+}
+.mod-tab-s3 .mod-tab-hd .act .more {
+    float: right;
+    margin: 0 10px;
+    color: #666;
+}
+.mod-tab-s3 .mod-tab-trigger {
+    display: inline;
+    float: right;
+    margin: 4px 5px 0 0;
+    font-size: 12px;
+}
+.mod-tab-s3 .mod-tab-trigger li {
+    overflow: hidden;
+    position: relative;
+    cursor: pointer;
+    float: left;
+    margin-bottom: -1px;
+    margin-left: -1px;
+    width: 29px;
+    height: 20px;
+    line-height: 20px;
+    *line-height: 22px;
+    font-size: 12px;
+    text-align: center;
+    border: 1px solid #d8d8d8;
+    color: #666;
+}
+.mod-tab-s3 .mod-tab-trigger li.selected {
+    background-position: -100px -92px;
+    color: #fff;
+}
+.mod-tab-s3 .mod-tab-trigger li.round-left {
+    -webkit-border-radius: 3px 0 0 3px;
+    border-radius: 3px 0 0 3px;
+}
+.mod-tab-s3 .mod-tab-trigger li.round-right {
+    -webkit-border-radius: 0 3px 3px 0;
+    border-radius: 0 3px 3px 0;
+}
+.mod-tab-s3 .mod-tab-bd {
+    padding: 10px;
+    border: 1px solid #d8d8d8;
+}
+
+/*
+ * 选项卡
+ * style4
+ * */
+.mod-tab-s4 {
+    position: relative;
+    height: 300px;
+    padding: 0 0 0 150px;
+    border: 1px solid #d8d8d8;
+    background: #fff;
+}
+.mod-tab-s4 .mod-tab-hd {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 148px;
+    height: 100%;
+    line-height: 30px;
+    border-right: 1px solid #d8d8d8;
+    background: #f4f4f4;
+}
+.mod-tab-s4 .mod-tab-hd h3 {
+    display: inline;
+    float: left;
+    font-size: 14px;
+    margin: 0 10px;
+}
+.mod-tab-s4 .mod-tab-hd .act { float: right }
+.mod-tab-s4 .mod-tab-hd .act .links {
+    float: right;
+    overflow: hidden;
+    display: inline;
+    color: #d8d8d8;
+}
+.mod-tab-s4 .mod-tab-hd .act .links a {
+    margin: 0 8px;
+    white-space: nowrap;
+    color: #0082c3;
+}
+.mod-tab-s4 .mod-tab-hd .act .more {
+    float: right;
+    margin: 0 10px;
+    color: #666;
+}
+.mod-tab-s4 .mod-tab-trigger { }
+.mod-tab-s4 .mod-tab-trigger li {
+    position: relative;
+    cursor: pointer;
+    padding-left: 32px;
+    width: 116px;
+    font-size: 14px;
+    border-bottom: 1px solid #d8d8d8;
+    color: #0082c3;
+}
+.mod-tab-s4 .mod-tab-trigger li.selected {
+    width: 128px;
+    font-weight: bold;
+    border-bottom: 0;
+    color: #fff;
+}
+.mod-tab-s4 .mod-tab-bd {
+    height:100%;
+}
+.mod-tab-s4 .mod-tab-content{
+    padding: 10px;
+    padding-left: 15px;
+}

+ 90 - 0
2017专区/艾兰岛/src/sass/lego/_list.scss

@@ -0,0 +1,90 @@
+@charset "utf-8";
+
+/*
+ * @file: 文字列表UI组件
+ * @update: 2015-06-05 16:45:17
+ */
+ 
+/*
+ * 默认列表
+ * @base
+ */
+$item-height: 24px; // item高度
+$item-line-height: 24px; // item行高
+
+.ui-list__item {
+    height: $item-height;
+    line-height: $item-line-height;
+    overflow: hidden;
+}
+.ui-list__link {
+    margin-right: 10px;
+}
+.ui-list__tag {
+    color: #f60;
+}
+.ui-list__meta {
+    float: right;
+    margin-left: 10px;
+    color: #999;
+}
+.ui-list__num {
+    @include inline-block;
+    overflow: hidden;
+    margin-right: 5px;
+    width: 18px;
+    height: 14px;
+    border-radius: 2px;
+    font: normal 12px/14px verdana;
+    text-align: center;
+    color: #666;
+    background-color: #e8e8e8;
+}
+
+
+/*
+ * 实心圆标记
+ * @extend: disc
+ */
+.ui-list {
+    &.ext-disc {
+        list-style: disc inside none;
+    }
+}
+
+/*
+ * 实心方块标记
+ * @extend: square
+ */
+.ui-list {
+    &.ext-square {
+        list-style: square inside none;
+    }
+}
+ 
+
+/*
+ * 双栏列表
+ * @extend: half
+ */
+.ui-list {
+    &.ext-half {
+        font-size: 0; /* 所有浏览器 */
+        *word-spacing: -1px; /* IE6/7 */
+        .ui-list__item {
+            @include inline-block;
+            vertical-align: top;
+            font-size: 12px;
+            letter-spacing: normal;
+            word-spacing: normal;
+            width: 48%;
+            *width: 47.99%;
+            margin-right: 2%;
+        }
+    }
+}
+@media (-webkit-min-device-pixel-ratio:0) {
+    .ui-list.ext-half {
+        letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器*/
+    }
+}

+ 215 - 0
2017专区/艾兰岛/src/sass/lego/_mixins.scss

@@ -0,0 +1,215 @@
+@charset "utf-8";
+/*
+ * @file:      SASS常用Function与Mixins
+ * @update:    2015-06-03 17:17:50
+ * @copyright: MIT License
+ */
+
+
+/*
+ * @name:  inline-block
+ * @param: $alignment {string}  对齐类型
+ * @param: $support-for-ie {boolean}  是否支持IE6
+ */
+@mixin inline-block($alignment: middle, $support-for-ie: true) {
+    display: inline-block;
+    @if $alignment and $alignment != none {
+        vertical-align: $alignment;
+    }
+    @if $support-for-ie {
+        *vertical-align: auto;
+        *display: inline;
+        zoom: 1;
+    }
+}
+
+/* @name: 闭合浮动 */
+@mixin clearfix {
+    *zoom: 1;
+    &:before,
+    &:after {
+        content: "";
+        display: table;
+        line-height: 0;
+    }
+    &:after {
+        clear: both;
+    }
+}
+
+/*
+ * @name:  浮动
+ * @param: $side {string}  浮动方向
+ * @param: $support-for-ie {boolean}  是否支持IE6
+ */
+@mixin float($side: left, $support-for-ie: true) {
+    float: unquote($side);
+    @if $support-for-ie {
+        _display: inline;
+    }
+}
+
+/* @name: 文本隐藏 */
+@mixin hide-text {
+    text-indent: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+/*
+ * @name:  文字溢出显示省略号
+ * @param: $width {dimension}  指定宽度 (需带单位)
+ * 1. Opera 9-10.6
+ * 2. Chrome 21+ bug https://bugs.webkit.org/show_bug.cgi?id=121902
+ */
+@mixin ellipsis($width: auto) {
+    @if($width) {
+        width: $width;
+    }
+    white-space: nowrap;
+    word-wrap: normal;
+    overflow: hidden;
+    -o-text-overflow: ellipsis; /* 1 */
+    text-overflow: ellipsis;
+    text-align: left; /* 2 */
+}
+
+/*
+ * @name: 强制不换行
+ * @link: http://www.hicss.net/solve-change-line-in-css
+ */
+@mixin nowrap {
+    white-space: nowrap;
+    word-wrap: normal;
+    word-break: keep-all;
+}
+
+/* @name: 连续字符换行 */
+@mixin break {
+    -ms-word-break: break-all;
+    word-break: break-all;
+    word-break: break-word;
+}
+
+/* @name: 保留空白符序列,但是正常地进行换行 */
+@mixin pre {
+    white-space: -moz-pre-wrap;
+    white-space: -pre-wrap;
+    white-space: -o-pre-wrap;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/*
+ * @name:  resizable
+ * @param: $direction {string}  缩放的方向 (horizontal || vertical || both)
+ * @link:  https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/mixins/_resize.scss
+ * @1:     Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
+ */
+@mixin resizable($direction) {
+    resize: $direction;
+    overflow: auto; /* 1 */
+}
+
+
+/*
+ * @name:  背景透明
+ * @param: $color {color}  颜色  
+ * @param: $opacity {number}  透明度
+ * @param: $support-for-ie {boolean}  是否支持IE6
+ * @link:  https://github.com/airen/Sass_mixins_function/tree/master/mixins
+ */
+@mixin transparent($color, $opacity, $support-for-ie:true) {
+    background-color: transparent;
+    background-color: rgba($color, $opacity);
+    @if $support-for-ie {
+        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#{ie-hex-str(rgba($color, $opacity))},endColorstr=#{ie-hex-str(rgba($color, $opacity))});
+        zoom: 1;
+        :root & {
+            filter: none;
+        }
+    }
+}
+
+/*
+ * @name:  透明度
+ * @param: $opacity {number}  透明度
+ * @param: $support-for-ie {boolean}  是否支持IE6
+ */
+@mixin opacity($opacity:.65, $support-for-ie:true) {
+    opacity: $opacity;
+    @if $support-for-ie{
+        $opacity-ie: $opacity * 100;
+        filter: alpha(opacity=$opacity-ie); //IE8
+    }
+}
+
+/* @name: 重置滤镜 */
+@mixin reset-filter {
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+
+
+/*
+ * @name:  border三角形
+ * @param: $base {dimension}  底边尺寸
+ * @param: $height {dimension}  高度
+ * @param: $color {color}  颜色
+ * @param: $direction {string}  方向 (top || bottom || left || right)
+ * @link:  http://codepen.io/zhouwenbin/pen/emZVZp
+ */
+@mixin triangle($base, $height, $color, $direction) {
+    font-size: 0;
+    width: 0;
+    height: 0;
+    line-height: 0;
+    overflow: hidden;
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    vertical-align: -2px;
+    border-style: dashed;
+    
+    @if($direction == top) {
+        border-width: $height $base / 2;
+        border-color: transparent transparent $color;
+        margin-top: -$height;
+    }
+    @if($direction == bottom) {
+        border-width: $height $base / 2;
+        border-color: $color transparent transparent;
+        margin-bottom: -$height;
+    }
+    @if($direction == left) {
+        border-width: $base / 2 $height;
+        border-color: transparent transparent transparent $color;
+        margin-right: -$height;
+    }
+    @if($direction == right) {
+        border-width: $base / 2 $height;
+        border-color: transparent $color transparent transparent;
+        margin-left: -$height;
+    }
+}
+
+/* @name: 按钮配色 */
+@mixin button-variant($color, $background, $border) {
+    color: $color;
+    background-color: $background;
+    border-color: $border;
+    &.is-hover,
+    &:hover {
+        color: $color;
+        background-color: lighten($background, 8%);
+        border-color: lighten($border, 10%);
+        text-decoration: none; // 去掉a标签按钮的下划线
+    }
+}
+
+/* @name: 按钮尺寸 */
+@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $border-radius) {
+    padding: $padding-vertical $padding-horizontal;
+    font-size: $font-size;
+    border-radius: $border-radius;
+}
+

+ 528 - 0
2017专区/艾兰岛/src/sass/lego/_normalize.scss

@@ -0,0 +1,528 @@
+@charset "utf-8";
+/* normalize.css v1.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ *    `em` units.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-size: 100%; /* 1 */
+    -ms-text-size-adjust: 100%; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Address `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+    // font-family: sans-serif;
+}
+
+/**
+ * Address margins handled incorrectly in IE 6/7.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address font sizes and margins set differently in IE 6/7.
+ * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+h2 {
+    font-size: 1.5em;
+    margin: 0.83em 0;
+}
+
+h3 {
+    font-size: 1.17em;
+    margin: 1em 0;
+}
+
+h4 {
+    font-size: 1em;
+    margin: 1.33em 0;
+}
+
+h5 {
+    font-size: 0.83em;
+    margin: 1.67em 0;
+}
+
+h6 {
+    font-size: 0.67em;
+    margin: 2.33em 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+blockquote {
+    margin: 1em 40px;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ * Known issue: no IE 6/7 normalization.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 6/7/8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+    margin: 1em 0;
+}
+
+/**
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    _font-family: 'courier new', monospace;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/**
+ * Address CSS quotes not supported in IE 6/7.
+ */
+
+q {
+    quotes: none;
+}
+
+/**
+ * Address `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+    content: '';
+    content: none;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Lists
+   ========================================================================== */
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+    margin: 1em 0;
+}
+
+dd {
+    margin: 0 0 0 40px;
+}
+
+/**
+ * Address paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+    padding: 0 0 0 40px;
+}
+
+/**
+ * Correct list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+    list-style: none;
+    list-style-image: none;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improve image quality when scaled in IE 7.
+ */
+
+img {
+    border: 0; /* 1 */
+    -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Correct margin displayed oddly in IE 6/7.
+ */
+
+form {
+    margin: 0;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct color not being inherited in IE 6/7/8/9.
+ * 2. Correct text not wrapping in Firefox 3.
+ * 3. Correct alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0;
+    white-space: normal; /* 2 */
+    *margin-left: -7px; /* 3 */
+}
+
+/**
+ * 1. Correct font size not being inherited in all browsers.
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ *    and Chrome.
+ * 3. Improve appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-size: 100%; /* 1 */
+    margin: 0; /* 2 */
+    vertical-align: baseline; /* 3 */
+    *vertical-align: middle; /* 3 */
+}
+
+/**
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ *    Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+    *overflow: visible;  /* 4 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to content-box in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ * 3. Remove excess padding in IE 7.
+ *    Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+    *height: 13px; /* 3 */
+    *width: 13px; /* 3 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}

+ 93 - 0
2017专区/艾兰岛/src/sass/lego/_print.scss

@@ -0,0 +1,93 @@
+@charset "utf-8";
+/*
+ * @file: 打印样式
+ * @update: 2015-06-03 16:49:29
+ * @source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
+ */
+
+@media print,
+       (min-resolution: 1.25dppx),
+       (min-resolution: 120dpi) {
+    /* Style adjustments for high resolution devices */
+}
+
+/* ==========================================================================
+   Print styles.
+   Inlined to avoid the additional HTTP request:
+   http://www.phpied.com/delay-loading-your-print-css/
+   ========================================================================== */
+
+@media print {
+    *,
+    *:before,
+    *:after {
+        background: transparent !important;
+        color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
+        box-shadow: none !important;
+        text-shadow: none !important;
+    }
+
+    a,
+    a:visited {
+        text-decoration: underline;
+    }
+
+    a[href]:after {
+        content: " (" attr(href) ")";
+    }
+
+    abbr[title]:after {
+        content: " (" attr(title) ")";
+    }
+
+    /*
+     * Don't show links that are fragment identifiers,
+     * or use the `javascript:` pseudo protocol
+     */
+
+    a[href^="#"]:after,
+    a[href^="javascript:"]:after {
+        content: "";
+    }
+
+    pre,
+    blockquote {
+        border: 1px solid #999;
+        page-break-inside: avoid;
+    }
+
+    /*
+     * Printing Tables:
+     * http://css-discuss.incutio.com/wiki/Printing_Tables
+     */
+
+    thead {
+        display: table-header-group;
+    }
+
+    tr,
+    img {
+        page-break-inside: avoid;
+    }
+
+    img {
+        max-width: 100% !important;
+    }
+
+    p,
+    h2,
+    h3 {
+        orphans: 3;
+        widows: 3;
+    }
+
+    h2,
+    h3 {
+        page-break-after: avoid;
+    }
+    
+    .u-printHide {
+        display: none !important;
+    }
+
+}

+ 138 - 0
2017专区/艾兰岛/src/sass/lego/_reset.scss

@@ -0,0 +1,138 @@
+@charset "utf-8";
+/*
+ * @file: 重置样式
+ * @update: 2015-06-03 17:28:19
+ */
+
+body {
+    // font: #{$base-font-size}/#{$base-line-height} $base-font-family;
+    color: $base-text-color;
+    background-color: $base-bg-color;
+}
+a {
+    text-decoration: none;
+    color: nth($base-link-color, 1);
+    &:hover {
+        text-decoration: $base-link-decoration;
+        color: nth($base-link-color, 2);
+    }
+}
+
+/* 去除现代浏览器图片底部的空隙 */
+img {
+    vertical-align: top;
+}
+em {
+    font-style: normal;
+}
+ol,
+ul,
+menu {
+    list-style: none outside none;
+}
+fieldset,
+iframe {
+    border: 0 none;
+}
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+button,
+textarea,
+p,
+blockquote,
+th,
+td,
+hr,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+    margin: 0;
+    padding: 0;
+}
+
+/* IE6 7 8(q) bug 显示为行内表现 */
+iframe {
+    display: block;
+}
+
+/* IE bug fixed: th 不继承 text-align */
+th {
+    text-align: inherit;
+}
+
+/* 修正表单元素不继承父级字体族的问题 */
+input,
+button,
+select,
+textarea {
+    font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
+}
+
+/**
+ * 移除 IE6-11 中默认的垂直滚动条
+ * 禁止水平拖动,防止破坏布局
+ */
+textarea {
+    @include resizable(vertical);
+}
+
+/* 一致的 del 样式 */
+del {
+    text-decoration: line-through;
+}
+
+abbr {
+    cursor: help;
+}
+
+
+/* 以下为排版样式 */
+
+hr {
+    height: 10px;
+    margin-bottom: .8em;
+    border: 0;
+    border-bottom: 1px solid #cfcfcf;
+}
+
+blockquote {
+    position: relative;
+    padding: 0 15px;
+    margin: 15px 0;
+    border-left: 4px solid #ddd;
+    color: #999;
+}
+

+ 63 - 0
2017专区/艾兰岛/src/sass/lego/_table.scss

@@ -0,0 +1,63 @@
+@charset "utf-8";
+
+/*
+ * @file: table表格基础UI组件
+ * @update: 2015-06-05 16:45:07
+ */
+
+/*
+ * 默认表格
+ * @base
+ */
+$cell-padding: 8px; // 单元格padding
+
+.ui-table {
+    width: 100%;
+    font-size: 12px;
+    th,
+    td {
+        padding: $cell-padding;
+    }
+    th {
+        text-align: left;
+        font-weight: 700;
+    }
+}
+
+/*
+ * 有边框的表格
+ * @extend: border
+ */
+.ui-table {
+    &.ext-border {
+        th,
+        td {
+            border: 1px solid #d2d2d2;
+        }
+    }
+}
+
+/*
+ * 隔行变色表格
+ * @extend: striped
+ */
+.ui-table {
+    &.ext-striped {
+        tbody tr:nth-child(even) {
+            background-color: #f9f9f9; 
+        }
+    }
+
+}
+
+/*
+ * hover变色表格
+ * @extend: hover
+ */
+.ui-table {
+    &.ext-hover {
+        tbody tr:hover {
+            background-color: #f9f9f9;
+        }
+    }
+}

+ 71 - 0
2017专区/艾兰岛/src/sass/lego/_ui.accordion.scss

@@ -0,0 +1,71 @@
+@charset "utf-8";
+/*
+ * @file: 手风琴UI组件
+ * @update: 2015-06-03 16:36:10
+ */
+
+/*
+ * 默认手风琴(horizontal)
+ * @base
+ */
+$base-width: 500px; // 手风琴宽度
+$base-content-height: 150px; // content高度
+
+.ui-accordion {
+    width: $base-width;
+}
+.ui-accordion__hd {
+    @include clearfix;
+    padding: 8px 10px;
+    margin-top: -1px;
+    background-color: $heading-bg-color;
+    border: 1px solid $base-border-color;
+    cursor: pointer;
+    &.is-active {
+        background-color: $active-bg-color;
+        cursor: default;
+    }
+}
+.ui-accordion__tit {
+    float: left;
+}
+.ui-accordion__ext {
+    float: right;
+}
+.ui-accordion__bd {
+    height: $base-content-height;
+    padding: 10px;
+    border: 1px solid $base-border-color;
+    border-top-width: 0;
+}
+
+
+/*
+ * 纵向手风琴
+ * @extend: vertical
+ */
+$vertical-content-width: 320px; // content宽度
+$vertical-content-height: 300px; // content高度
+
+.ui-accordion {
+    &.ext-vertical {
+        @include clearfix;
+        width: auto;
+        .ui-accordion__hd {
+            float: left;
+            width: 18px;
+            height: $vertical-content-height;
+            padding: 10px 8px;
+            margin-top: 0;
+            margin-left: -1px;
+            text-align: center;
+        }
+        .ui-accordion__bd {
+            float: left;
+            width: $vertical-content-width;
+            height: $vertical-content-height;
+            margin-left: -1px;
+            border-top-width: 1px;
+        } 
+    }
+}

+ 39 - 0
2017专区/艾兰岛/src/sass/lego/_ui.badge.scss

@@ -0,0 +1,39 @@
+@charset "utf-8";
+/*
+ * @file: 徽章UI组件
+ * @update: 2015-06-03 16:35:21
+ */
+
+/*
+ * 默认徽章
+ * @base
+ */
+.ui-badge {
+    @include inline-block;
+    min-width: 10px;
+    padding: 3px 6px;
+    line-height: 1;
+    text-align: center;
+}
+
+
+/*
+ * 圆角徽章
+ * @extend: radius
+ */
+.ui-badge {
+    &.ext-radius {
+        border-radius: 3px;
+    }
+}
+
+
+/*
+ * 圆形徽章
+ * @extend: round
+ */
+.ui-badge {
+    &.ext-round {
+        border-radius: 10px;
+    }
+}

+ 117 - 0
2017专区/艾兰岛/src/sass/lego/_ui.carousel.scss

@@ -0,0 +1,117 @@
+@charset "utf-8";
+/*
+ * @file: 旋转木马基础UI组件
+ * @update: 2015-06-03 16:33:54
+ */
+ 
+/*
+ * 默认旋转木马
+ * @base
+ */
+$carousel-x-width: 440px; // 主体宽度
+$carousel-x-per-number: 5; // 每一页item个数
+$carousel-x-item-height: 80px; // item高度
+$carousel-x-item-width: 80px; // item宽度
+$carousel-x-spacing: 10px; // item间距
+$carousel-x-switch-btn-width: 24px; // 翻页按钮宽度
+
+.ui-carousel {
+    position: relative;
+    width: $carousel-x-per-number*$carousel-x-item-width+($carousel-x-per-number - 1)*$carousel-x-spacing;
+    padding: 0 $carousel-x-switch-btn-width+$carousel-x-spacing;
+}
+.ui-carousel__scroller {
+    width: $carousel-x-per-number*$carousel-x-item-width+($carousel-x-per-number - 1)*$carousel-x-spacing;
+    height: $carousel-x-item-height;
+    overflow: hidden;
+}
+.ui-carousel__content {
+    width: 100000px !important; /* 修正carousel组件自生成的长度值太大导致低版本IE不显示的bug */
+    height: $carousel-x-item-height;
+}
+.ui-carousel__item {
+    float: left;
+    width: $carousel-x-item-width;
+    height: $carousel-x-item-height;
+    margin-right: $carousel-x-spacing;
+}
+.ui-carousel__prev,
+.ui-carousel__next {
+    position: absolute;
+    top: 0;
+    width: $carousel-x-switch-btn-width;
+    height: $carousel-x-item-height;
+    line-height: $carousel-x-item-height;
+    cursor: pointer;
+    text-align: center;
+    &.is-disabled {
+        color: #ccc;
+        cursor: default;
+    }
+    .ui-icon {
+        font-size: 24px;
+    }
+}
+.ui-carousel__prev {
+    left: 0;
+}
+.ui-carousel__next {
+    right: 0;
+}
+.ui-carousel__controller {
+    margin-top: 5px;
+    text-align: center;
+    .ui-carousel__prev {
+        margin-right: 5px;
+    }
+}
+
+
+/*
+ * 纵向旋转木马
+ * @extend: vertical
+ */
+$carousel-y-width: 300px;  // 主体宽度
+$carousel-y-per-number: 5; // 每一页item个数
+$carousel-y-item-width: 300px; // item宽度
+$carousel-y-item-height: 50px; // item高度
+$carousel-y-spacing: 10px; // item间距
+$carousel-y-switch-btn-height: 24px; // 翻页按钮高度
+
+.ui-carousel {
+    &.ext-vertical {
+        width: $carousel-y-width;
+        padding: 29px 0;
+        .ui-carousel__content {
+            width: auto !important;
+            height: auto;
+        }
+        .ui-carousel__scroller {
+            width: $carousel-y-width;
+            height: $carousel-y-per-number*$carousel-y-item-height+($carousel-y-per-number - 1)*$carousel-y-spacing;
+            overflow: hidden;
+        }
+        .ui-carousel__item {
+            float: none;
+            width: auto;
+            height: $carousel-y-item-height;
+            padding: $carousel-y-spacing/2 0;
+            margin: 0;
+        }
+        .ui-carousel__prev,
+        .ui-carousel__next {
+            width: $carousel-y-width;
+            height: $carousel-y-switch-btn-height;
+            line-height: $carousel-y-switch-btn-height;
+        }
+        .ui-carousel__prev {
+            top: 0;
+            left: 0;
+        }
+        .ui-carousel__next {
+            top: auto;
+            right: 0;
+            bottom: 0;
+        }
+    }
+}

+ 75 - 0
2017专区/艾兰岛/src/sass/lego/_ui.dialog.scss

@@ -0,0 +1,75 @@
+@charset "utf-8";
+/*
+ * @file: dialog基础UI组件
+ * @update: 2015-06-05 16:45:13
+ */
+
+/*
+ * 默认dialog
+ * @base
+ */
+$close-icon-width: 46px; // 关闭按钮宽度
+$close-icon-height: 44px; // 关闭按钮高度
+$close-icon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEX////19fX+/v7y8vX///+oqKjz8/Xz8/b09Pb09Pf19ff29vj39/n4+Pn4+Pr5+fr5+fv6+vsAAABX36Q3AAAAA3RSTlPmTOc1ux8eAAAAAWJLR0QSe7xsAAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAIhJREFUSMft0tsKgDAIBmArbZ0P7/+yERHF/B1JDLrIu8GHuF+p4udFBXk4lz7OP//5ay5iv1D3u4g1GuYySsPZT6U1/urhgDaS2SXSVpAiUJu5Y81U+7oH3+zB0EYywdI492BquNUmlYm+mTaZoLrImKeLOh/vs/IhKx99fPLxOStffHz9EN8Aw/wgV5BHry4AAAAASUVORK5CYII=";  // 关闭按钮背景图片链接地址
+$close-icon-hover: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEX////19fX+/v7y8vX////MzMzz8/Xz8/b09Pb09Pf19ff29vj39/n4+Pn4+Pr5+fr5+fv6+vsAAABAtFMnAAAAA3RSTlPmTOc1ux8eAAAAAWJLR0QSe7xsAAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAIhJREFUSMft0tsKgDAIBmArbZ0P7/+yERHF/B1JDLrIu8GHuF+p4udFBXk4lz7OP//5ay5iv1D3u4g1GuYySsPZT6U1/urhgDaS2SXSVpAiUJu5Y81U+7oH3+zB0EYywdI492BquNUmlYm+mTaZoLrImKeLOh/vs/IhKx99fPLxOStffHz9EN8Aw/wgV5BHry4AAAAASUVORK5CYII=";  // 关闭按钮hover背景图链接地址
+
+.ui-dialog {
+    outline: none;
+}
+.ui-dialog-close {
+    position: absolute;
+    right: 0;
+    z-index: 9;
+    width: $close-icon-width;
+    height: 0;
+    padding-top: $close-icon-height;
+    overflow: hidden;
+    background-image: url($close-icon);
+    background-repeat: no-repeat;
+    border-top-right-radius: 4px;
+    &:hover {
+        background-image: url($close-icon-hover);
+    }
+}
+.ui-dialog__hd {
+    position: relative;
+    height: 22px;
+    padding: 12px;
+    border-bottom: 1px solid #f2f2f5;
+    line-height: 22px;
+    background-color: #fff;
+    border-radius: 4px 4px 0 0;
+}
+.ui-dialog__tit {
+    float: left;
+    margin-right: 10px;
+    font-size: 16px;
+    font-weight: 700;
+}
+.ui-dialog__meta {
+    font-size: 12px;
+    color: #999;
+}
+.ui-dialog__bd {
+    background-color: #fff;
+    border-radius: 0 0 4px 4px;
+}
+
+
+/*
+ * 带半透明边框dialog
+ * @extend: border
+ */
+$border-width: 5px; // 边框大小
+$radius: 4px; // 边框圆角
+
+.ui-dialog {
+    &.ext-border {
+        padding: $border-width;
+        border-radius: $radius;
+        background-color: rgba(0, 0, 0, .2);
+        .ui-dialog-close {
+            right: $border-width;
+        }
+    }
+}

Some files were not shown because too many files changed in this diff