Eechon 6 年 前
コミット
2289ff8247
100 ファイル変更11819 行追加0 行削除
  1. 137 0
      2018专区/全军出击/fis-conf.js
  2. 1 0
      2018专区/全军出击/map.json
  3. 10 0
      2018专区/全军出击/package.json
  4. 590 0
      2018专区/全军出击/src/_artical.html
  5. 330 0
      2018专区/全军出击/src/_artical2.html
  6. 1275 0
      2018专区/全军出击/src/_index.html
  7. 2332 0
      2018专区/全军出击/src/_index_new.html
  8. 571 0
      2018专区/全军出击/src/_list.html
  9. 810 0
      2018专区/全军出击/src/_list_new.html
  10. 0 0
      2018专区/全军出击/src/_test.html
  11. 574 0
      2018专区/全军出击/src/_video.html
  12. 253 0
      2018专区/全军出击/src/common/dwudbproxy/css/dwLoginPopup.css
  13. 1323 0
      2018专区/全军出击/src/common/dwudbproxy/css/vhuyaLoginPopup.css
  14. 489 0
      2018专区/全军出击/src/common/dwudbproxy/dwudbproxy.js
  15. 35 0
      2018专区/全军出击/src/common/dwudbproxy/tpl/dwLoginPopup.tmpl
  16. 13 0
      2018专区/全军出击/src/common/dwudbproxy/tpl/vhuyaLoginPopup.tmpl
  17. 268 0
      2018专区/全军出击/src/common/header/css/plus.css
  18. 56 0
      2018专区/全军出击/src/common/header/header.html
  19. 71 0
      2018专区/全军出击/src/common/header/header.js
  20. BIN
      2018专区/全军出击/src/common/header/img/gold.png
  21. BIN
      2018专区/全军出击/src/common/header/img/icon1.png
  22. BIN
      2018专区/全军出击/src/common/header/img/icon2.png
  23. BIN
      2018专区/全军出击/src/common/header/img/icon3.png
  24. BIN
      2018专区/全军出击/src/common/header/img/icon4.png
  25. BIN
      2018专区/全军出击/src/common/header/img/sign-task.png
  26. 90 0
      2018专区/全军出击/src/common/header/tpl/plus.tmpl
  27. 1237 0
      2018专区/全军出击/src/common/navbar/navbar.js
  28. BIN
      2018专区/全军出击/src/common/newsPopup/assets/dw_big_text.png
  29. BIN
      2018专区/全军出击/src/common/newsPopup/assets/dw_mini_popup_logo.png
  30. BIN
      2018专区/全军出击/src/common/newsPopup/assets/dw_news_littleboy.png
  31. BIN
      2018专区/全军出击/src/common/newsPopup/assets/finger.swf
  32. BIN
      2018专区/全军出击/src/common/newsPopup/assets/news_type_image.png
  33. BIN
      2018专区/全军出击/src/common/newsPopup/assets/news_type_video.png
  34. BIN
      2018专区/全军出击/src/common/newsPopup/assets/play_icon.png
  35. BIN
      2018专区/全军出击/src/common/newsPopup/assets/popup_hide.png
  36. 441 0
      2018专区/全军出击/src/common/newsPopup/css/miniPopup.css
  37. 168 0
      2018专区/全军出击/src/common/newsPopup/newsPopup.js
  38. 168 0
      2018专区/全军出击/src/common/newsPopup/tpl/wrap.tmpl
  39. BIN
      2018专区/全军出击/src/common/plusReport/icon-close2.png
  40. 41 0
      2018专区/全军出击/src/common/plusReport/md5.js
  41. 77 0
      2018专区/全军出击/src/common/plusReport/plusReport.css
  42. 202 0
      2018专区/全军出击/src/common/plusReport/plusReport.js
  43. 9 0
      2018专区/全军出击/src/common/plusReport/plusReport.tmpl
  44. 96 0
      2018专区/全军出击/src/common/plusReport/plusReportBbs.js
  45. 45 0
      2018专区/全军出击/src/font/AdobeFnt16.lst
  46. BIN
      2018专区/全军出击/src/font/lego/iconfont.eot
  47. 107 0
      2018专区/全军出击/src/font/lego/iconfont.svg
  48. BIN
      2018专区/全军出击/src/font/lego/iconfont.ttf
  49. BIN
      2018专区/全军出击/src/font/lego/iconfont.woff
  50. BIN
      2018专区/全军出击/src/img/bg-body.jpg
  51. BIN
      2018专区/全军出击/src/img/bg-body.png
  52. BIN
      2018专区/全军出击/src/img/bg-footer.jpg
  53. BIN
      2018专区/全军出击/src/img/bg-footer.png
  54. BIN
      2018专区/全军出击/src/img/bg-index.jpg
  55. BIN
      2018专区/全军出击/src/img/bg-index.png
  56. BIN
      2018专区/全军出击/src/img/bg-rank.jpg
  57. BIN
      2018专区/全军出击/src/img/bg-rank2.jpg
  58. BIN
      2018专区/全军出击/src/img/bg-weapon-default.jpg
  59. BIN
      2018专区/全军出击/src/img/bg-weapon-default.png
  60. BIN
      2018专区/全军出击/src/img/bg-weapon-top.jpg
  61. BIN
      2018专区/全军出击/src/img/bg-weapon-top.png
  62. BIN
      2018专区/全军出击/src/img/bg-weapon.jpg
  63. BIN
      2018专区/全军出击/src/img/bg-weapon.png
  64. BIN
      2018专区/全军出击/src/img/boke-more-hover.png
  65. BIN
      2018专区/全军出击/src/img/boke-more.png
  66. BIN
      2018专区/全军出击/src/img/boke-next.png
  67. BIN
      2018专区/全军出击/src/img/boke-num-default.png
  68. BIN
      2018专区/全军出击/src/img/boke-num.png
  69. BIN
      2018专区/全军出击/src/img/boke-prev.png
  70. BIN
      2018专区/全军出击/src/img/bokeTag-book.png
  71. BIN
      2018专区/全军出击/src/img/bokeTag-hot.png
  72. BIN
      2018专区/全军出击/src/img/btn-search.png
  73. BIN
      2018专区/全军出击/src/img/btn-top.png
  74. BIN
      2018专区/全军出击/src/img/download-icon.png
  75. BIN
      2018专区/全军出击/src/img/download-link-icon.png
  76. BIN
      2018专区/全军出击/src/img/dw-footer-icon.png
  77. BIN
      2018专区/全军出击/src/img/equip-desc-arrow.png
  78. BIN
      2018专区/全军出击/src/img/equip-desc-bg.png
  79. BIN
      2018专区/全军出击/src/img/fengshen-bg.png
  80. BIN
      2018专区/全军出击/src/img/g-logo-inner.png
  81. BIN
      2018专区/全军出击/src/img/g-subtitle.png
  82. BIN
      2018专区/全军出击/src/img/gItem-mask.png
  83. BIN
      2018专区/全军出击/src/img/gItem-more.png
  84. BIN
      2018专区/全军出击/src/img/gItem-vdIcon.png
  85. BIN
      2018专区/全军出击/src/img/gItem-vdIcon2.png
  86. BIN
      2018专区/全军出击/src/img/homepage-icon.png
  87. BIN
      2018专区/全军出击/src/img/hot-icon.png
  88. BIN
      2018专区/全军出击/src/img/icon-author.png
  89. BIN
      2018专区/全军出击/src/img/icon-bbs.png
  90. BIN
      2018专区/全军出击/src/img/icon-bodydamage1.png
  91. BIN
      2018专区/全军出击/src/img/icon-bodydamage2.png
  92. BIN
      2018专区/全军出击/src/img/icon-bodydamage3.png
  93. BIN
      2018专区/全军出击/src/img/icon-box.png
  94. BIN
      2018专区/全军出击/src/img/icon-bullet.png
  95. BIN
      2018专区/全军出击/src/img/icon-comment.png
  96. BIN
      2018专区/全军出击/src/img/icon-danjia-active.png
  97. BIN
      2018专区/全军出击/src/img/icon-danjia.png
  98. BIN
      2018专区/全军出击/src/img/icon-download.png
  99. BIN
      2018专区/全军出击/src/img/icon-duquan-rank.png
  100. BIN
      2018专区/全军出击/src/img/icon-edit-intro.png

+ 137 - 0
2018专区/全军出击/fis-conf.js

@@ -0,0 +1,137 @@
+var version = '';
+var path = '/zq2018/qjcj/';
+
+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: '//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'
+}).match('*.{js,css,png,jpg,gif,swf}', {
+    useHash: true
+});

+ 1 - 0
2018专区/全军出击/map.json

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

+ 10 - 0
2018专区/全军出击/package.json

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

+ 590 - 0
2018专区/全军出击/src/_artical.html

@@ -0,0 +1,590 @@
+<!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>
+    <div class="g-head2 head-inner" data-channel="多玩原创">
+        <!-- S 模板-导航头部 -->
+        <!--<link rel="import" href="modules/header/header.html?__inline">-->
+        <!-- E 模板-导航头部 -->
+    </div>
+
+    <div class="g-body page-artical" style="background-image: url(/src/img/bg-index.jpg);">
+        <div class="g-zq-inner">
+            <div class="dw-mod-nav">
+                <div class="mod-hd">
+                    <table class="nav-fl">
+                        <tr>
+                            <td data-id="index">
+                                <a href="#">专区首页</a>
+                            </td>
+                            <td>
+                                <a href="#">新闻资讯</a>
+                            </td>
+                            <td>
+                                <a href="#">攻略站</a>
+                            </td>
+                            <td>
+                                <a href="#">视频站</a>
+                            </td>
+                            <td>
+                                <a href="#">新手入门 </a>
+                            </td>
+                            <td>
+                                <a href="#">职业心得</a>
+                            </td>
+                            <td>
+                                <a href="#">经验攻略</a>
+                            </td>
+                            <td>
+                                <a href="#">有问必答</a>
+                            </td>
+                        </tr>
+                    </table>
+                    <ul class="nav-fr">
+                        <li>
+                            <a href="#">进入论坛</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="mod-bd clearfix">
+                    <div class="box-fl">
+                        <ul>
+                            <li>
+                                <label for="">新手指引</label>
+                                <a href="">新手入门</a>
+                                <a href="#">注册账号</a>
+                                <a href="#">创建人物</a>
+                                <a href="#">职业介绍</a>
+                                <a href="#">玩家必备</a>
+                            </li>
+                            <li>
+                                <label for="">游戏相关</label>
+                                <a href="#">升级</a>
+                                <a href="#">副本</a>
+                                <a href="#">部队</a>
+                                <a href="#">军票</a>
+                                <a href="#">讨伐</a>
+                                <a href="#">宠物</a>
+                                <a href="#">赚钱</a>
+                            </li>
+                            <li>
+                                <label for="">常用攻略</label>
+                                <a href="#">战士</a>
+                                <a href="#">龙骑</a>
+                                <a href="#">武僧</a>
+                                <a href="#">骑士</a>
+                                <a href="#">学者</a>
+                                <a href="#">召唤</a>
+                                <a href="#">诗人</a>
+                                <a href="#">黑魔</a>
+                            </li>
+                            <li>
+                                <label for="">生产</label>
+                                <a href="#">支架</a>
+                                <a href="#">彩衣</a>
+                                <a href="#">刻木</a>
+                                <a href="#">连枷</a>
+                                <a href="#">烹调师</a>
+                                <a href="#">炼金术师</a>
+                                <a href="#">捕鱼人</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="box-fr">
+                        <div class="row">
+                            <a href="#" class="link-dl">下载游戏</a>
+                            <a href="#" class="link-bbs">注册账号</a>
+                        </div>
+                        <form action="http://so.duowan.com/cse/search" target="_blank">
+                            <div class="input-wrap clearfix">
+                                <input type="text" placeholder="请输入关键字" name="q" autocomplete="off">
+                                <input type="hidden" name="s" value="14439980297804472906">
+                                <input type="hidden" name="area" value="1">
+                                <input type="hidden" name="stp" value="1">
+                                <input type="hidden" name="srt" value="lds">
+                                <button type="submit" class="btn-search"></button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-20 clearfix">
+                <div class="dw-mod-fl g-col">
+                    <div class="mod-crumbs">
+                        <a target="_blank" href="http://www.duowan.com">多玩首页</a><span>></span><a target="_self" href="http://csgo.duowan.com/">CSGO专区</a><span>></span><b>重点</b>
+                    </div>
+                    <div class="artical-wrap">
+                        <div class="box-hd">
+                            <h1 class="art-title">季后赛烽烟再起 赛制对阵新鲜出炉 泰坦模型将调整</h1>
+                            <p class="art-info">
+                                [<span> 2017-05-19 18:42:11 </span><span class="comment"><a href="#comment_top" id="first_comment_url" target="_self">网友评论<span id="first_comment_count">0</span>条</a>
+                                </span>
+                                <span>来源:多玩</span> <span>作者:多玩</span> <span><a href="http://bbs.duowan.com/forum-2604-1.html">进入论坛</a></span>]
+                            </p>
+                        </div>
+                        <div class="box-bd">
+                            <div class="ZQ-gap"></div>
+                            <p><a href="#">哈哈哈</a>由完美世界和PGL联合举办的CS:GO Minor亚洲锦标赛即将于6月1日燃起战火,举办地点为中国北京。这场代表亚洲地区CS:GO最高水平的电竞盛事将由四家顶级电竞设备厂商共同协助,感谢合作伙伴的鼎力支持!</p>
+                            <p style="text-align: center;"><img src="http://img2.dwstatic.com/vhuyacsgo/1705/359056646069/359056876838.jpg" alt="Minor亚洲锦标赛即将开战"><span>Minor亚洲锦标赛即将开战</span></p>
+                            <p>  HyperX是金士顿旗下的高端电竞外设品牌,专为游戏玩家、超频玩家和爱好者量身打造,以优秀的质量、性能和创新特质闻名全球。HyperX也致力于电竞运动的推广,不但在全球赞助超过25支电竞队伍,也是本届亚洲Minor的外设赞助商。</p>
+                            <p>  欲了解更多产品信息,请浏览HyperX中文官方网站:http://www.hyperxgaming.com</p>
+                            <p style="text-align: center;"><img src="http://img1.dwstatic.com/vhuyacsgo/1705/359056646069/359056876839.jpg" alt="顶级赞助商加盟 助力CSGO亚洲锦标赛"></p>
+                            <p>  AutoFull傲风,国际专业电竞椅品牌,职业战队基地训练专用电竞椅,已为国内、国际23支顶级职业战队提供基地专用训练用椅。傲风以产品原创性、颠覆性著称,其代表性产品傲风之刃,全球独家电竞外观专利设计,专业人体工学,一体成型靠背设计,170度后仰,让游戏更精彩!</p>
+                            <p style="text-align: center;"><img src="http://img.dwstatic.com/vhuyacsgo/1705/359056646069/359056876840.jpg" alt="顶级赞助商加盟 助力CSGO亚洲锦标赛"></p>
+                            <p>  1999年,NVIDIA 发明了GPU,重新定义现代计算机图形技术,极大推动了游戏市场的发展。如今,NVIDIA将GeForce GTX 10系列游戏显卡带到CS:GO亚洲邀请赛中,为选手提供了最专业的电竞平台。NVIDIA全力支持电竞行业发展!</p>
+                            <p style="text-align: center;"><img src="http://img.dwstatic.com/vhuyacsgo/1705/359056646069/359056876841.jpg" alt="顶级赞助商加盟 助力CSGO亚洲锦标赛"></p>
+                            <p>  ZOWIE GEAR成立于2008年,为全球专业电竞装备制造商,致力于专业电竞设备的设计与开发,一直深受CS:GO职业选手所信赖。本次赛事用机为ZOWIE GEAR XL2540,全球首款原生240Hz,带给你飞一般的顺畅游戏体验。</p>
+                            <p style="text-align: center;"><img src="http://img.dwstatic.com/vhuyacsgo/1705/359056646069/359056876842.jpg" alt="顶级赞助商加盟 助力CSGO亚洲锦标赛"></p>
+                            <p>  本次亚洲锦标赛中,有两支战队将代表中国参战,分别是Tyloo战队和Flash Gaming战队。届时请大家多多关注比赛,为中国的选手们加油助威!</p>
+                            <a href="http://bbs.duowan.com/thread-45659636-1-1.html" class="link-bbs">点击进入论坛参与原帖讨论  &gt;</a>
+
+                            <div id="pageNum"><span id="pageNow"><a target="_self" href="#">1</a></span><span><a target="_self" href="359367589889_2.html">2</a></span><span><a target="_self" href="359367589889_3.html">3</a></span><span><a target="_self" href="359367589889_2.html">下一页</a></span></div>
+                        </div>
+                        <div class="box-ft">
+                            <div class="share-links">
+                                <!-- 社交站分享{ -->
+                                <!-- 百度分享{ -->
+                                <div class="bdsharebuttonbox bdshare-button-style0-16" data-bd-bind="1495269586842">
+                                    <span>分享到:</span>
+                                    <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
+                                    <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
+                                    <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
+                                    <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
+                                    <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
+                                    <a href="#" class="bds_more" data-cmd="more"></a>
+                                </div>
+                                <script>
+                                    window._bd_share_config = {
+                                        "common": {
+                                            "bdSnsKey": {
+                                                "tsina": "4079905110",
+                                                "tqq": "42d33144240e4386a43ee39629560564"
+                                            },
+                                            "bdText": "",
+                                            "bdMini": "2",
+                                            "bdMiniList": false,
+                                            "bdPic": "",
+                                            "bdStyle": "0",
+                                            "bdSize": "16"
+                                        },
+                                        "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>
+
+                                <!-- }百度分享 -->
+
+                                <!-- }社交站分享 -->
+                            </div>
+                            <div class="adv-wrap">
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            <div class="dw-mod-aside">
+                <div class="dw-mod-fr dw-mod-primary">
+                    <div class="search-wrap g-col g-col-304">
+                        <div class="mod-title">
+                            <h2>游戏前瞻<i></i></h2>
+                            <div class="mod-lineList">
+                                <a href="#">更多</a>
+                            </div>
+                        </div>
+                        <div class="search-bd">
+                            <input type="text" class="search-key" placeholder="请输入游戏昵称查询">
+                            <button class="search-submit">查询</button>
+                        </div>
+                    </div>
+                    <div class="strategy-wrap g-col g-col-304">
+                        <div class="mod-title">
+                            <h2>必备攻略<i></i></h2>
+                        </div>
+                        <div class="strategy-bd">
+                            <ul class="strategy-list">
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/128x128">
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/128x128">
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="bbs-wrap g-col g-col-304" data-role="bbs-wrap" data-widget-cid="widget-3">
+                        <div class="mod-title">
+                            <ul class="bbs-tab__nav" data-switchable-role="nav">
+                                <li class="rank-tab__trigger is-active">
+                                    <h2>论坛热帖<i></i></h2>
+                                </li>
+                                <li class="rank-tab__trigger">
+                                    <h2>同区交流<i></i></h2>
+                                </li>
+                                <li class="rank-tab__trigger">
+                                    <h2>女子学院<i></i></h2>
+                                </li>
+                            </ul>
+                        </div>
+                        <div data-switchable-role="content">
+                            <ul class="list-bbs" style="display: block;">
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                            </ul>
+                            <ul class="list-bbs u-hide" style="display: none;">
+                                <li>
+                                    <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                            </ul>
+                            <ul class="list-bbs u-hide" style="display: none;">
+                                <li>
+                                    <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="dw-mod-video clearfix comlist-normal mt-15">
+                    <div class="dw-mod-fr g-col g-col-304">
+                        <div class="g-rank-tab" data-role="tab-rank" data-widget-cid="widget-1">
+                            <div class="rank-tab__hd">
+                                <h2>视频排行榜<i></i></h2>
+                                <ul class="rank-tab__nav" data-switchable-role="nav">
+                                    <li class="rank-tab__trigger is-active"><a>周榜</a></li>
+                                    <li class="rank-tab__trigger"><a>月榜</a></li>
+                                    <li class="rank-tab__trigger"><a>总榜</a></li>
+                                </ul>
+                            </div>
+                            <div class="rank-tab__bd" data-switchable-role="content">
+                                <div class="rank-tab__panel">
+                                    <ul class="list-rank">
+                                        <li class="is-active">
+                                            <div class="ranking-col-fl">
+                                                <i>1</i>
+                                            </div>
+                                            <div class="ranking-col-fr">
+                                                <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </div>
+                                        </li>
+                                        <li class="is-active">
+                                            <div class="ranking-col-fl">
+                                                <i>1</i>
+                                            </div>
+                                            <div class="ranking-col-fr">
+                                                <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </div>
+                                        </li>
+                                        <li class="is-active">
+                                            <div class="ranking-col-fl">
+                                                <i>1</i>
+                                            </div>
+                                            <div class="ranking-col-fr">
+                                                <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="ranking-col-fl">
+                                                <i>1</i>
+                                            </div>
+                                            <div class="ranking-col-fr">
+                                                <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="ranking-col-fl">
+                                                <i>1</i>
+                                            </div>
+                                            <div class="ranking-col-fr">
+                                                <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="ranking-col-fl">
+                                                <i>1</i>
+                                            </div>
+                                            <div class="ranking-col-fr">
+                                                <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="ranking-col-fl">
+                                                <i>1</i>
+                                            </div>
+                                            <div class="ranking-col-fr">
+                                                <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="ranking-col-fl">
+                                                <i>1</i>
+                                            </div>
+                                            <div class="ranking-col-fr">
+                                                <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="ranking-col-fl">
+                                                <i>1</i>
+                                            </div>
+                                            <div class="ranking-col-fr">
+                                                <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="ranking-col-fl">
+                                                <i>1</i>
+                                            </div>
+                                            <div class="ranking-col-fr">
+                                                <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </div>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="rank-tab__panel u-hide">内容 B</div>
+                                <div class="rank-tab__panel u-hide">内容 C</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="dw-mod-strategy">
+                    <div class="strategy-mod-fr">
+                        <div class="mod-fr-hd">游戏下载</div>
+                        <div class="download-bd g-col-304">
+                            <div class="dl-main">
+                                <img class="dl-cover" src="http://fed.webdev.ouj.com/100x154">
+                                <div class="dl-cont">
+                                    <p>《绝地求生》PC试玩版 Steam正版分流下载</p>
+                                    <a class="dl-link" href=""></a>
+                                </div>
+                            </div>
+                            <div class="dl-mod">
+                                <div class="dl-mod-hd">
+                                    <h3 class="dl-hd-fl">游戏<i></i></h3>
+                                    <a class="dl-hd-fr" href="">MORE &gt;</a>
+                                </div>
+                                <div class="dl-mod-bd">
+                                    <ul class="dl-news-list">
+                                        <li><i></i><a href="" title="">《绝地求生》PC正版分流下载</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="dl-mod">
+                                <div class="dl-mod-hd">
+                                    <h3 class="dl-hd-fl">存档<i></i></h3>
+                                    <a class="dl-hd-fr" href="">MORE &gt;</a>
+                                </div>
+                                <div class="dl-mod-bd">
+                                    <ul class="dl-news-list">
+                                        <li><i></i><a href="" title="">没有任何记录</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="ZQ__map">
+        <div class="ZQ__inner">
+            <!-- 搜索 - 标识{ -->
+            <div class="foot-action">
+                <div class="dw-footer-icon"></div>
+                <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>
+                </form>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">联系小编</a>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">疑难问答</a>
+            </div>
+            <!-- }搜索 - 标识 -->
+            <div class="inner">
+                <div class="map-list">
+                    <ul class="list">
+                        <li><span class="label">热点新闻</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>
+                        <li><a target="_blank" href="http://bbs.duowan.com/forum-2604-1.html">小道消息</a></li>
+
+                    </ul>
+                    <ul class="list">
+                        <li><span class="label">游戏图片</span></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>
+                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321459434055.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">英雄相关</span></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">游戏视频</span></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321041432214.html">游戏视频</a></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321040759158.html">宣传视频</a></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321041197706.html">对战视频</a></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321033004655.html">演示视频</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>
+                </div>
+
+            </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>
+    <!-- E 模板-导航底部 -->
+    <script src="lib/mod.js"></script>
+    <script>
+        require('modules/artical.js');
+    </script>
+</body>
+
+</html>

+ 330 - 0
2018专区/全军出击/src/_artical2.html

@@ -0,0 +1,330 @@
+<!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>
+    <div class="g-head2 head-inner" data-channel="多玩原创">
+        <!-- S 模板-导航头部 -->
+        <!--<link rel="import" href="modules/header/header.html?__inline">-->
+        <!-- E 模板-导航头部 -->
+    </div>
+
+    <div class="g-body page-artical page-artical2" style="background-image: url(/src/img/bg-index.jpg);">
+        <div class="g-zq-inner">
+            <div class="dw-mod-nav">
+                <div class="mod-hd">
+                    <table class="nav-fl">
+                        <tr>
+                            <td data-id="index">
+                                <a href="#">专区首页</a>
+                            </td>
+                            <td>
+                                <a href="#">新闻资讯</a>
+                            </td>
+                            <td>
+                                <a href="#">攻略站</a>
+                            </td>
+                            <td>
+                                <a href="#">视频站</a>
+                            </td>
+                            <td>
+                                <a href="#">新手入门 </a>
+                            </td>
+                            <td>
+                                <a href="#">职业心得</a>
+                            </td>
+                            <td>
+                                <a href="#">经验攻略</a>
+                            </td>
+                            <td>
+                                <a href="#">有问必答</a>
+                            </td>
+                        </tr>
+                    </table>
+                    <ul class="nav-fr">
+                        <li>
+                            <a href="#">进入论坛</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="mod-bd clearfix">
+                    <div class="box-fl">
+                        <ul>
+                            <li>
+                                <label for="">新手指引</label>
+                                <a href="">新手入门</a>
+                                <a href="#">注册账号</a>
+                                <a href="#">创建人物</a>
+                                <a href="#">职业介绍</a>
+                                <a href="#">玩家必备</a>
+                            </li>
+                            <li>
+                                <label for="">游戏相关</label>
+                                <a href="#">升级</a>
+                                <a href="#">副本</a>
+                                <a href="#">部队</a>
+                                <a href="#">军票</a>
+                                <a href="#">讨伐</a>
+                                <a href="#">宠物</a>
+                                <a href="#">赚钱</a>
+                            </li>
+                            <li>
+                                <label for="">常用攻略</label>
+                                <a href="#">战士</a>
+                                <a href="#">龙骑</a>
+                                <a href="#">武僧</a>
+                                <a href="#">骑士</a>
+                                <a href="#">学者</a>
+                                <a href="#">召唤</a>
+                                <a href="#">诗人</a>
+                                <a href="#">黑魔</a>
+                            </li>
+                            <li>
+                                <label for="">生产</label>
+                                <a href="#">支架</a>
+                                <a href="#">彩衣</a>
+                                <a href="#">刻木</a>
+                                <a href="#">连枷</a>
+                                <a href="#">烹调师</a>
+                                <a href="#">炼金术师</a>
+                                <a href="#">捕鱼人</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="box-fr">
+                        <div class="row">
+                            <a href="#" class="link-dl">下载游戏</a>
+                            <a href="#" class="link-bbs">注册账号</a>
+                        </div>
+                        <form action="http://so.duowan.com/cse/search" target="_blank">
+                            <div class="input-wrap clearfix">
+                                <input type="text" placeholder="请输入关键字" name="q" autocomplete="off">
+                                <input type="hidden" name="s" value="14439980297804472906">
+                                <input type="hidden" name="area" value="1">
+                                <input type="hidden" name="stp" value="1">
+                                <input type="hidden" name="srt" value="lds">
+                                <button type="submit" class="btn-search"></button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-20 clearfix">
+                <div class="dw-mod-fl g-col">
+                    <div class="mod-crumbs">
+                        <a target="_blank" href="http://www.duowan.com">多玩首页</a><span>></span><a target="_self" href="http://csgo.duowan.com/">CSGO专区</a><span>></span><b>重点</b>
+                    </div>
+                    <div class="artical-wrap">
+                        <div class="box-hd">
+                            <h1 class="art-title">季后赛烽烟再起 赛制对阵新鲜出炉 泰坦模型将调整</h1>
+                            <p class="art-info">
+                                [<span> 2017-05-19 18:42:11 </span><span class="comment"><a href="#comment_top" id="first_comment_url" target="_self">网友评论<span id="first_comment_count">0</span>条</a>
+                                </span>
+                                <span>来源:多玩</span> <span>作者:多玩</span> <span><a href="http://bbs.duowan.com/forum-2604-1.html">进入论坛</a></span>]
+                            </p>
+                        </div>
+                        <div class="box-bd">
+                            <div class="ZQ-gap"></div>
+                            <p><a href="#">哈哈哈</a>由完美世界和PGL联合举办的CS:GO Minor亚洲锦标赛即将于6月1日燃起战火,举办地点为中国北京。这场代表亚洲地区CS:GO最高水平的电竞盛事将由四家顶级电竞设备厂商共同协助,感谢合作伙伴的鼎力支持!</p>
+                            <p style="text-align: center;"><img src="http://img2.dwstatic.com/vhuyacsgo/1705/359056646069/359056876838.jpg" alt="Minor亚洲锦标赛即将开战"><span>Minor亚洲锦标赛即将开战</span></p>
+                            <p>  HyperX是金士顿旗下的高端电竞外设品牌,专为游戏玩家、超频玩家和爱好者量身打造,以优秀的质量、性能和创新特质闻名全球。HyperX也致力于电竞运动的推广,不但在全球赞助超过25支电竞队伍,也是本届亚洲Minor的外设赞助商。</p>
+                            <p>  欲了解更多产品信息,请浏览HyperX中文官方网站:http://www.hyperxgaming.com</p>
+                            <p style="text-align: center;"><img src="http://img1.dwstatic.com/vhuyacsgo/1705/359056646069/359056876839.jpg" alt="顶级赞助商加盟 助力CSGO亚洲锦标赛"></p>
+                            <p>  AutoFull傲风,国际专业电竞椅品牌,职业战队基地训练专用电竞椅,已为国内、国际23支顶级职业战队提供基地专用训练用椅。傲风以产品原创性、颠覆性著称,其代表性产品傲风之刃,全球独家电竞外观专利设计,专业人体工学,一体成型靠背设计,170度后仰,让游戏更精彩!</p>
+                            <p style="text-align: center;"><img src="http://img.dwstatic.com/vhuyacsgo/1705/359056646069/359056876840.jpg" alt="顶级赞助商加盟 助力CSGO亚洲锦标赛"></p>
+                            <p>  1999年,NVIDIA 发明了GPU,重新定义现代计算机图形技术,极大推动了游戏市场的发展。如今,NVIDIA将GeForce GTX 10系列游戏显卡带到CS:GO亚洲邀请赛中,为选手提供了最专业的电竞平台。NVIDIA全力支持电竞行业发展!</p>
+                            <p style="text-align: center;"><img src="http://img.dwstatic.com/vhuyacsgo/1705/359056646069/359056876841.jpg" alt="顶级赞助商加盟 助力CSGO亚洲锦标赛"></p>
+                            <p>  ZOWIE GEAR成立于2008年,为全球专业电竞装备制造商,致力于专业电竞设备的设计与开发,一直深受CS:GO职业选手所信赖。本次赛事用机为ZOWIE GEAR XL2540,全球首款原生240Hz,带给你飞一般的顺畅游戏体验。</p>
+                            <p style="text-align: center;"><img src="http://img.dwstatic.com/vhuyacsgo/1705/359056646069/359056876842.jpg" alt="顶级赞助商加盟 助力CSGO亚洲锦标赛"></p>
+                            <p>  本次亚洲锦标赛中,有两支战队将代表中国参战,分别是Tyloo战队和Flash Gaming战队。届时请大家多多关注比赛,为中国的选手们加油助威!</p>
+                            <a href="http://bbs.duowan.com/thread-45659636-1-1.html" class="link-bbs">点击进入论坛参与原帖讨论  &gt;</a>
+
+                            <div id="pageNum"><span id="pageNow"><a target="_self" href="#">1</a></span><span><a target="_self" href="359367589889_2.html">2</a></span><span><a target="_self" href="359367589889_3.html">3</a></span><span><a target="_self" href="359367589889_2.html">下一页</a></span></div>
+                        </div>
+                        <div class="box-ft">
+                            <div class="share-links">
+                                <!-- 社交站分享{ -->
+                                <!-- 百度分享{ -->
+                                <div class="bdsharebuttonbox bdshare-button-style0-16" data-bd-bind="1495269586842">
+                                    <span>分享到:</span>
+                                    <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
+                                    <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
+                                    <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
+                                    <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
+                                    <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
+                                    <a href="#" class="bds_more" data-cmd="more"></a>
+                                </div>
+                                <script>
+                                    window._bd_share_config = {
+                                        "common": {
+                                            "bdSnsKey": {
+                                                "tsina": "4079905110",
+                                                "tqq": "42d33144240e4386a43ee39629560564"
+                                            },
+                                            "bdText": "",
+                                            "bdMini": "2",
+                                            "bdMiniList": false,
+                                            "bdPic": "",
+                                            "bdStyle": "0",
+                                            "bdSize": "16"
+                                        },
+                                        "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>
+
+                                <!-- }百度分享 -->
+
+                                <!-- }社交站分享 -->
+                            </div>
+                            <div class="adv-wrap">
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--<div class="mt-15 clearfix">
+                <div class="agree-box g-col g-col-b g-col-816">
+
+                </div>
+                <div class="hot-news-box g-col g-col-304" data-role="bbs-wrap" data-widget-cid="widget-4">
+                    <div class="mod-title">
+                        <h2>论坛热帖<i></i></h2>
+                    </div>
+                    <ul class="hot-news-list">
+                        <li>
+                            <i></i>
+                            <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                        </li>
+                        <li>
+                            <i></i>
+                            <a href="#">作为一个认为玩皮肤比</a>
+                        </li>
+                        <li>
+                            <i></i>
+                            <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                        </li>
+                        <li>
+                            <i></i>
+                            <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                        </li>
+                        <li>
+                            <i></i>
+                            <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                        </li>
+                        <li>
+                            <i></i>
+                            <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>-->
+        </div>
+    </div>
+
+    <div class="ZQ__map">
+        <div class="ZQ__inner">
+            <!-- 搜索 - 标识{ -->
+            <div class="foot-action">
+                <div class="dw-footer-icon"></div>
+                <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>
+                </form>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">联系小编</a>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">疑难问答</a>
+            </div>
+            <!-- }搜索 - 标识 -->
+            <div class="inner">
+                <div class="map-list">
+                    <ul class="list">
+                        <li><span class="label">热点新闻</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>
+                        <li><a target="_blank" href="http://bbs.duowan.com/forum-2604-1.html">小道消息</a></li>
+
+                    </ul>
+                    <ul class="list">
+                        <li><span class="label">游戏图片</span></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>
+                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321459434055.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">英雄相关</span></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">游戏视频</span></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321041432214.html">游戏视频</a></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321040759158.html">宣传视频</a></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321041197706.html">对战视频</a></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321033004655.html">演示视频</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>
+                </div>
+
+            </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>
+    <!-- E 模板-导航底部 -->
+    <script src="lib/mod.js"></script>
+    <script>
+        require('modules/artical2.js');
+    </script>
+</body>
+
+</html>

+ 1275 - 0
2018专区/全军出击/src/_index.html

@@ -0,0 +1,1275 @@
+<!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">
+    <div class="g-head2 head-inner" data-channel="古剑奇谭">
+        <!-- S 模板-导航头部 -->
+        <!--<link rel="import" href="modules/header/header.html?__inline">-->
+        <!-- E 模板-导航头部 -->
+    </div>
+
+    <div class="g-body page-index" style="background-image: url(/src/img/bg-index.jpg);">
+        <div class="g-zq-inner">
+            <div class="dw-mod-nav">
+                <div class="mod-hd">
+                    <table class="nav-fl">
+                        <tr>
+                            <td data-id="index">
+                                <a href="#">专区首页</a>
+                            </td>
+                            <td>
+                                <a href="#">新闻资讯</a>
+                            </td>
+                            <td>
+                                <a href="#">攻略站</a>
+                            </td>
+                            <td>
+                                <a href="#">视频站</a>
+                            </td>
+                            <td>
+                                <a href="#">新手入门 </a>
+                            </td>
+                            <td>
+                                <a href="#">职业心得</a>
+                            </td>
+                            <td>
+                                <a href="#">经验攻略</a>
+                            </td>
+                            <td>
+                                <a href="#">有问必答</a>
+                            </td>
+                        </tr>
+                    </table>
+                    <ul class="nav-fr">
+                        <li>
+                            <a href="#">进入论坛</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="mod-bd clearfix">
+                    <div class="box-fl">
+                        <ul>
+                            <li>
+                                <label for="">新手指引</label>
+                                <a href="">新手入门<i class="new-icon"></i></a>
+                                <a href="#">注册账号<i class="hot-icon"></i></a>
+                                <a href="#">创建人物</a>
+                                <a href="#">职业介绍</a>
+                                <a href="#">玩家必备</a>
+                            </li>
+                            <li>
+                                <label for="">游戏相关</label>
+                                <a href="#">升级</a>
+                                <a href="#">副本</a>
+                                <a href="#">部队</a>
+                                <a href="#">军票</a>
+                                <a href="#">讨伐</a>
+                                <a href="#">宠物</a>
+                                <a href="#">赚钱</a>
+                            </li>
+                            <li>
+                                <label for="">常用攻略</label>
+                                <a href="#">战士</a>
+                                <a href="#">龙骑</a>
+                                <a href="#">武僧</a>
+                                <a href="#">骑士</a>
+                                <a href="#">学者</a>
+                                <a href="#">召唤</a>
+                                <a href="#">诗人</a>
+                                <a href="#">黑魔</a>
+                            </li>
+                            <li>
+                                <label for="">生产</label>
+                                <a href="#">支架</a>
+                                <a href="#">彩衣</a>
+                                <a href="#">刻木</a>
+                                <a href="#">连枷</a>
+                                <a href="#">烹调师</a>
+                                <a href="#">炼金术师</a>
+                                <a href="#">捕鱼人</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="box-fr">
+                        <div class="row">
+                            <a href="#" class="link-dl">下载游戏</a>
+                            <a href="#" class="link-bbs">注册账号</a>
+                        </div>
+                        <form action="http://so.duowan.com/cse/search" target="_blank">
+                            <div class="input-wrap clearfix">
+                                <input type="text" placeholder="请输入关键字" name="q" autocomplete="off">
+                                <input type="hidden" name="s" value="14439980297804472906">
+                                <input type="hidden" name="area" value="1">
+                                <input type="hidden" name="stp" value="1">
+                                <input type="hidden" name="srt" value="lds">
+                                <button type="submit" class="btn-search"></button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+
+            <!-- S 模板-赛事 -->
+            <link rel="import" href="modules/match/index.html?__inline">
+            <!-- E 模板-赛事 -->
+
+            <div class="dw-mod-primary clearfix mt-25">
+                <div class="g-col-400">
+                    <div class="slider-wrap">
+                        <div class="g-ui-slide ext-dotted" data-role="slide-news">
+                            <ul class="g-ui-slide__content" data-switchable-role="content">
+                                <li class="g-ui-slide__panel">
+                                    <a href="#"><img src="http://fed.webdev.ouj.com/400x300" /></a>
+                                </li>
+                                <li class="g-ui-slide__panel u-hide">
+                                    <a href="#"><img src="http://fed.webdev.ouj.com/400x300" /></a>
+                                </li>
+                                <li class="g-ui-slide__panel u-hide">
+                                    <a href="#"><img src="http://fed.webdev.ouj.com/400x300" /></a>
+                                </li>
+                            </ul>
+                            <ul class="g-ui-slide__nav" data-switchable-role="nav">
+                                <li class="g-ui-slide__trigger is-active"></li>
+                                <li class="g-ui-slide__trigger"></li>
+                                <li class="g-ui-slide__trigger"></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="attention-wrap">
+                        <div class="mod-title">
+                            <h2>近期关注<i></i></h2>
+                        </div>
+                        <ul class="list-attention">
+                            <li class="item-attention">
+                                <i></i>
+                                <label>近期热点</label>
+                                <ul>
+                                    <li><a href="#">4202P任务</a></li>
+                                    <li><a href="#">捷克成员数量</a></li>
+                                    <li><a href="#">音效改动</a></li>
+                                    <li><a href="#">9级查狄伦</a></li>
+                                    <li><a href="#">捷克高级车</a></li>
+
+                                </ul>
+                            </li>
+                            <li class="item-attention">
+                                <i></i>
+                                <label>近期热点</label>
+                                <ul>
+                                    <li><a href="#">4202P任务</a></li>
+                                    <li><a href="#">捷克成员数量</a></li>
+                                    <li><a href="#">音效改动</a></li>
+                                    <li><a href="#">9级查狄伦</a></li>
+                                    <li><a href="#">捷克高级车</a></li>
+
+                                </ul>
+                            </li>
+                            <li class="item-attention">
+                                <i></i>
+                                <label>近期热点</label>
+                                <ul>
+                                    <li><a href="#">4202P任务</a></li>
+                                    <li><a href="#">捷克成员数量</a></li>
+                                    <li><a href="#">音效改动</a></li>
+                                    <li><a href="#">9级查狄伦</a></li>
+                                    <li><a href="#">捷克高级车</a></li>
+                                </ul>
+                            </li>
+                            <li class="item-attention">
+                                <i></i>
+                                <label>近期热点</label>
+                                <ul>
+                                    <li><a href="#">4202P任务</a></li>
+                                    <li><a href="#">捷克成员数量</a></li>
+                                    <li><a href="#">音效改动</a></li>
+                                    <li><a href="#">9级查狄伦</a></li>
+                                    <li><a href="#">捷克高级车</a></li>
+                                    <li><a href="#">4202P任务</a></li>
+                                    <li><a href="#">捷克成员数量</a></li>
+                                    <li><a href="#">音效改动</a></li>
+                                    <li><a href="#">9级查狄伦</a></li>
+                                    <li><a href="#">捷克高级车</a></li>
+                                    <li><a href="#">4202P任务</a></li>
+                                    <li><a href="#">捷克成员数量</a></li>
+                                    <li><a href="#">音效改动</a></li>
+                                    <li><a href="#">9级查狄伦</a></li>
+                                    <li><a href="#">捷克高级车</a></li>
+                                    <li><a href="#">4202P任务</a></li>
+                                    <li><a href="#">捷克成员数量</a></li>
+                                    <li><a href="#">音效改动</a></li>
+                                    <li><a href="#">9级查狄伦</a></li>
+                                    <li><a href="#">捷克高级车</a></li>
+                                    <li><a href="#">4202P任务</a></li>
+                                    <li><a href="#">捷克成员数量</a></li>
+                                    <li><a href="#">音效改动</a></li>
+                                    <li><a href="#">9级查狄伦</a></li>
+                                    <li><a href="#">捷克高级车</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="g-col-400 g-col-b g-col mod-mid">
+                    <h2><a href="#">古剑OL研发新进度:战斗系统全面革新</a></h2>
+                    <p class="sm-title">
+                        <a href="#">[ CSL直播 ]</a>
+                        <a href="#">[ CSGO趣味动图 ]</a>
+                        <a href="#">[ WCA直播 ]</a>
+                    </p>
+                    <h2><a href="#">古剑OL研发新进度:战斗系统全面革新</a></h2>
+                    <p class="sm-title">
+                        <a href="#">[ CSL直播 ]</a>
+                        <a href="#">[ CSGO趣味动图 ]</a>
+                        <a href="#">[ WCA直播 ]</a>
+                    </p>
+                    <div class="news-ui-tab" data-role="tab-news">
+                        <div class="news-ui-tab__hd">
+                            <ul class="news-ui-tab__nav clearfix" data-switchable-role="nav">
+                                <li class="news-ui-tab__trigger is-active"><a href="#">最新资讯</a><i></i></li>
+                                <li class="news-ui-tab__trigger"><a href="#">昨日回顾</a><i></i></li>
+                                <li class="news-ui-tab__trigger"><a href="#">热门视频</a><i></i></li>
+                                <li class="news-ui-tab__trigger"><a href="#">最新资讯</a><i></i></li>
+                            </ul>
+                        </div>
+                        <div class="news-ui-tab__bd" data-switchable-role="content">
+                            <div class="news-ui-tab__panel">
+                                <ul class="list-news">
+                                    <li>
+                                        <label class="label-video">视频</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-bbs">论坛</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                </ul>
+                                <ul class="list-news">
+                                    <li>
+                                        <label class="label-news">视频</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-bbs">论坛</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                </ul>
+                                <ul class="list-news">
+                                    <li>
+                                        <label class="label-news">视频</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-bbs">论坛</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                </ul>
+                                <a href="#" class="link-more">查看更多>></a>
+                            </div>
+                            <div class="news-ui-tab__panel u-hide">内容 B</div>
+                            <div class="news-ui-tab__panel u-hide">内容 C</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="dw-mod-fr">
+                    <div class="search-wrap g-col g-col-304">
+                        <div class="mod-title">
+                            <h2>吃鸡查询<i></i></h2>
+                            <div class="mod-lineList">
+                                <a href="#">更多</a>
+                            </div>
+                        </div>
+                        <div class="search-bd">
+                            <input type="text" class="search-key" placeholder="请输入游戏昵称查询" />
+                            <button class="search-submit">查询</button>
+                        </div>
+                    </div>
+                    <div class="strategy-wrap g-col g-col-304">
+                        <div class="mod-title">
+                            <h2>必备攻略<i></i></h2>
+                        </div>
+                        <div class="strategy-bd">
+                            <ul class="strategy-list">
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56" />
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56" />
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56" />
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56" />
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56" />
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56" />
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56" />
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56" />
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/128x128" />
+                                    </a>
+                                </li>
+                                <li class="strategy-item">
+                                    <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/128x128" />
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="bbs-wrap g-col g-col-304" data-role="bbs-wrap">
+                        <div class="mod-title">
+                            <ul class="bbs-tab__nav" data-switchable-role="nav">
+                                <li class="rank-tab__trigger is-active">
+                                    <h2>论坛热帖<i></i></h2>
+                                </li>
+                                <li class="rank-tab__trigger">
+                                    <h2>同区交流<i></i></h2>
+                                </li>
+                                <li class="rank-tab__trigger">
+                                    <h2>女子学院<i></i></h2>
+                                </li>
+                            </ul>
+                        </div>
+                        <div data-switchable-role="content">
+                            <ul class="list-bbs">
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                            </ul>
+                            <ul class="list-bbs u-hide">
+                                <li>
+                                    <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                            </ul>
+                            <ul class="list-bbs u-hide">
+                                <li>
+                                    <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="dw-mod-video clearfix comlist-normal mt-15">
+                <div class="dw-mod-fl g-col">
+                    <div class="g-ui-tab" data-role="tab-comlist">
+                        <div class="g-tab__hd">
+                            <h2>游戏视频 <i></i></h2>
+                            <div class="g-tab__ext g-lineList">
+                                <a href="#">更多</a>
+                            </div>
+                            <ul class="g-tab__nav g-arrow-nav" data-switchable-role="nav">
+                                <li class="g-tab__trigger"><a href="http://gjqt.duowan.com/video/">最新视频</a><i></i></li>
+                                <li class="g-tab__trigger"><a href="http://gjqt.duowan.com/fbvideo/">副本视频</a><i></i></li>
+                                <li class="g-tab__trigger"><a href="http://gjqt.duowan.com/glvideo/">攻略视频</a><i></i></li>
+                                <li class="g-tab__trigger"><a href="http://gjqt.duowan.com/pkvideo/">PK视频</a><i></i></li>
+                                <li class="g-tab__trigger is-active"><a href="http://gjqt.duowan.com/trvideo/">同人视频</a><i></i></li>
+                                <li class="g-tab__trigger"><a href="http://gjqt.duowan.com/xcvideo/">宣传视频</a><i></i></li>
+                            </ul>
+                        </div>
+                        <div class="g-tab__bd" data-switchable-role="content">
+                            <div class="g-tab__panel">
+                                <ul class="g-comlist comlist-row3">
+                                    <li class="g-col-gItem">
+                                        <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                            <div class="gItem-pic">
+                                                <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="g-tab__panel u-hide">
+                                <ul class="g-comlist comlist-row3">
+                                    <li class="g-col-gItem">
+                                        <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                            <div class="gItem-pic">
+                                                <img src="http://pub.dwstatic.com/common/img/blank.png" data-src="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg" alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="g-tab__panel u-hide">
+                                <ul class="g-comlist comlist-row3">
+                                    <li class="g-col-gItem">
+                                        <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                            <div class="gItem-pic">
+                                                <img src="http://pub.dwstatic.com/common/img/blank.png" data-src="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg" alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="dw-mod-fr g-col g-col-304">
+                    <div class="g-rank-tab" data-role="tab-rank">
+                        <div class="rank-tab__hd">
+                            <h2>视频排行榜<i></i></h2>
+                            <ul class="rank-tab__nav" data-switchable-role="nav">
+                                <li class="rank-tab__trigger is-active"><a>周榜</a></li>
+                                <li class="rank-tab__trigger"><a>月榜</a></li>
+                                <li class="rank-tab__trigger"><a>总榜</a></li>
+                            </ul>
+                        </div>
+                        <div class="rank-tab__bd" data-switchable-role="content">
+                            <div class="rank-tab__panel">
+                                <ul class="list-rank">
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="rank-tab__panel u-hide">内容 B</div>
+                            <div class="rank-tab__panel u-hide">内容 C</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="dw-mod-strategy clearfix">
+                <div class="strategy-mod-fl">
+                    <div class="mod-fl-hd">攻略合集</div>
+                    <div class="mod-intro g-col g-col-816">
+                        <div class="mod-title">
+                            <h2>综合推荐<i></i></h2>
+                        </div>
+                        <div class="intro-bd">
+                            <ul class="intro-img-list g-comlist">
+                                <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>
+                                <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>
+                                <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>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="mod-guide g-col g-col-816">
+                        <div class="mod-title">
+                            <h2>战斗指南<i></i></h2>
+                        </div>
+                        <div class="guide-bd">
+                            <ul class="guide-text-list">
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                                <li>
+                                    <a href="" title="">救人操作方法</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="strategy-mod-fr">
+                    <div class="mod-fr-hd">播客排行</div>
+                    <div class="download-bd  mod-boke g-col-304">
+                        <ul class="boke-ranks tp-playsum">
+                            <li>
+                                <div class="boke-avatars tp-top">
+                                    <a href="http://video.duowan.com/u/50075229" target="_blank">
+                                        <img src="http://s1.dwstatic.com/vhuya/avatar/50/07/200_200/2a1c68f6caa9088a88fccd3a8df35469.jpg?t=1437745951" alt="" />
+                                        <em>1</em>
+                                    </a>
+                                </div>
+                                <h3>多玩LOL</h3>
+                                <div class="boke-infoCard expand-list2">
+                                    <h4>多玩LOL</h4>
+                                    <p><span>视频 9933</span>|<span>播放 138千万</span></p>
+                                    <div></div>
+                                </div>
+                            </li>
+
+
+
+                            <li>
+                                <div class="boke-avatars tp-top">
+                                    <a href="http://video.duowan.com/u/430926665" target="_blank">
+                                        <img src="http://s1.dwstatic.com/vhuya/E8/45/e84507444d94e097075438a683f8e9947858.jpg" alt="">
+                                        <em>2</em>
+                                    </a>
+                                </div>
+                                <h3>飞行</h3>
+                                <div class="boke-infoCard expand-list2 tp3">
+                                    <h4>飞行</h4>
+                                    <p><span>视频 4120</span>|<span>播放 70.7千万</span></p>
+                                    <div>飞行为大家带来LPL即时视频和更多大型比赛,及各赛区集锦,及知名主播高端OB局。</div>
+                                </div>
+                            </li>
+
+                            <li>
+                                <div class="boke-avatars tp-top">
+                                    <a href="http://video.duowan.com/u/430926665" target="_blank">
+                                        <img src="http://s1.dwstatic.com/vhuya/E8/45/e84507444d94e097075438a683f8e9947858.jpg" alt="">
+                                        <em>2</em>
+                                    </a>
+                                </div>
+                                <h3>飞行</h3>
+                                <div class="boke-infoCard expand-list2 tp3">
+                                    <h4>飞行</h4>
+                                    <p><span>视频 4120</span>|<span>播放 70.7千万</span></p>
+                                    <div>飞行为大家带来LPL即时视频和更多大型比赛,及各赛区集锦,及知名主播高端OB局。</div>
+                                </div>
+                            </li>
+
+                            <li>
+                                <div class="boke-avatars tp-top">
+                                    <a href="http://video.duowan.com/u/430926665" target="_blank">
+                                        <img src="http://s1.dwstatic.com/vhuya/E8/45/e84507444d94e097075438a683f8e9947858.jpg" alt="">
+                                        <em>2</em>
+                                    </a>
+                                </div>
+                                <h3>飞行</h3>
+                                <div class="boke-infoCard expand-list2 tp3">
+                                    <h4>飞行</h4>
+                                    <p><span>视频 4120</span>|<span>播放 70.7千万</span></p>
+                                    <div>飞行为大家带来LPL即时视频和更多大型比赛,及各赛区集锦,及知名主播高端OB局。</div>
+                                </div>
+                            </li>
+
+                            <li>
+                                <div class="boke-avatars tp-top">
+                                    <a href="http://video.duowan.com/u/430926665" target="_blank">
+                                        <img src="http://s1.dwstatic.com/vhuya/E8/45/e84507444d94e097075438a683f8e9947858.jpg" alt="">
+                                        <em>2</em>
+                                    </a>
+                                </div>
+                                <h3>飞行</h3>
+                                <div class="boke-infoCard expand-list2 tp3">
+                                    <h4>飞行</h4>
+                                    <p><span>视频 4120</span>|<span>播放 70.7千万</span></p>
+                                    <div>飞行为大家带来LPL即时视频和更多大型比赛,及各赛区集锦,及知名主播高端OB局。</div>
+                                </div>
+                            </li>
+
+
+
+                            <li>
+                                <div class="boke-avatars tp-top">
+                                    <a href="http://video.duowan.com/u/5452110" target="_blank">
+                                        <img src="http://s1.dwstatic.com/vhuya/4B/FD/4bfdcedfd31b571e03f4146249dec90a8219.jpg" alt="">
+                                        <em>3</em>
+                                    </a>
+                                </div>
+                                <h3>小学生院长</h3>
+                                <div class="boke-infoCard expand-list2 tp3">
+                                    <h4>小学生院长</h4>
+                                    <p><span>视频 4224</span>|<span>播放 58.7千万</span></p>
+                                    <div>小学生领导者,英雄联盟精彩视频作者,代表作 Faker《英雄寞》 WE《一万次悲伤》 OMG《卷土重来》 EDG《海阔天空》 各联赛区精彩集锦作者包括LJL、LPL、LCS、LCK、LMS
+                                        。
+                                    </div>
+                                </div>
+                            </li>
+
+
+
+                            <li>
+                                <div class="boke-avatars ">
+                                    <a href="http://video.duowan.com/u/1431700217" target="_blank">
+                                        <img src="http://s1.dwstatic.com/vhuya/avatar/14/31/200_200/208538a1f26c56f0d200774c19da7523.jpg?t=1447413206" alt="">
+                                        <em>4</em>
+                                    </a>
+                                </div>
+                                <h3>天天福利</h3>
+                                <div class="boke-infoCard expand-list2 ">
+                                    <h4>天天福利</h4>
+                                    <p><span>视频 372</span>|<span>播放 46.2千万</span></p>
+                                    <div></div>
+                                </div>
+                            </li>
+
+
+
+                            <li>
+                                <div class="boke-avatars ">
+                                    <a href="http://video.duowan.com/u/79464989" target="_blank">
+                                        <img src="http://s1.dwstatic.com/vhuya/avatar/79/46/200_200/8352b1996ed27e33cebf9c6e25357b56.jpg?t=1495448494" alt="">
+                                        <em>5</em>
+                                    </a>
+                                </div>
+                                <h3>起小点是大腿</h3>
+                                <div class="boke-infoCard expand-list2 tp3">
+                                    <h4>起小点是大腿</h4>
+                                    <p><span>视频 1053</span>|<span>播放 41.0千万</span></p>
+                                    <div>LOL知名游戏解说,栏目《起小点TOP10》、《小学生上线了》、《每周撸点》
+                                    </div>
+                                </div>
+                            </li>
+
+
+
+                            <li>
+                                <div class="boke-avatars ">
+                                    <a href="http://video.duowan.com/u/109953212" target="_blank">
+                                        <img src="http://s1.dwstatic.com/vhuya/avatar/10/99/200_200/ba679140a4377980088732233fef2420.jpg?t=1448710809" alt="">
+                                        <em>6</em>
+                                    </a>
+                                </div>
+                                <h3>峰峰侠</h3>
+                                <div class="boke-infoCard expand-list2 tp3">
+                                    <h4>峰峰侠</h4>
+                                    <p><span>视频 577</span>|<span>播放 35.8千万</span></p>
+                                    <div></div>
+                                </div>
+                            </li>
+
+
+
+                            <li>
+                                <div class="boke-avatars ">
+                                    <a href="http://video.duowan.com/u/1121252923" target="_blank">
+                                        <img src="http://s1.dwstatic.com/vhuya/avatar/11/21/200_200/618abd5e121d03e6a0036f88d235fbec.jpg?t=1438845484" alt="">
+                                        <em>7</em>
+                                    </a>
+                                </div>
+                                <h3>小觅</h3>
+                                <div class="boke-infoCard expand-list2 ">
+                                    <h4>小觅</h4>
+                                    <p><span>视频 501</span>|<span>播放 33.6千万</span></p>
+                                    <div></div>
+                                </div>
+                            </li>
+
+
+
+                            <li>
+                                <div class="boke-avatars ">
+                                    <a href="http://video.duowan.com/u/918397202" target="_blank">
+                                    <img src="http://s1.dwstatic.com/vhuya/1F/BC/1fbc07b4a59113f858077e1aefff72753662.jpg" alt="">
+                                    <em>8</em>
+                                </a>
+                                </div>
+                                <h3>九毛出品</h3>
+                                <div class="boke-infoCard expand-list2 tp3">
+                                    <h4>九毛出品</h4>
+                                    <p><span>视频 1069</span>|<span>播放 33.2千万</span></p>
+                                    <div>英雄联盟知名视频作者</div>
+                                </div>
+                            </li>
+
+
+
+                            <li>
+                                <a href="http://video.duowan.com/podcasts.html" target="_blank" class="bt-more">
+                                <span></span>
+                                <h3>更多</h3>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            <div class="dw-mod-news mt-40">
+                <ul class="list-type clearfix">
+                    <li class="item-type g-col g-col-368">
+                        <div class="mod-title">
+                            <h2>综合攻略<i></i></h2>
+                            <div class="mod-lineList">
+                                <a href="#">更多</a>
+                            </div>
+                        </div>
+                        <ul class="list-news">
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="item-type g-col g-col-368">
+                        <div class="mod-title">
+                            <h2>新闻资讯<i></i></h2>
+                            <div class="mod-lineList">
+                                <a href="#">更多</a>
+                            </div>
+                        </div>
+                        <ul class="list-news ">
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="item-type g-col g-col-368">
+                        <div class="mod-title">
+                            <h2>新闻资讯<i></i></h2>
+                            <div class="mod-lineList">
+                                <a href="#">更多</a>
+                            </div>
+                        </div>
+                        <ul class="list-news">
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片 魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+
+    <div class="ZQ__map">
+        <div class="ZQ__inner">
+            <!-- 搜索 - 标识{ -->
+            <div class="foot-action">
+                <div class="dw-footer-icon"></div>
+                <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>
+                </form>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">联系小编</a>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">疑难问答</a>
+            </div>
+            <!-- }搜索 - 标识 -->
+            <div class="inner">
+                <div class="map-list">
+                    <ul class="list">
+                        <li><span class="label">热点新闻</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>
+                        <li><a target="_blank" href="http://bbs.duowan.com/forum-2604-1.html">小道消息</a></li>
+
+                    </ul>
+                    <ul class="list">
+                        <li><span class="label">游戏图片</span></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>
+                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321459434055.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">英雄相关</span></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">游戏视频</span></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321041432214.html">游戏视频</a></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321040759158.html">宣传视频</a></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321041197706.html">对战视频</a></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321033004655.html">演示视频</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>
+                </div>
+
+            </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>
+    <!-- E 模板-导航底部 -->
+    <script src="lib/mod.js"></script>
+    <script>
+        require('modules/index.js');
+    </script>
+</body>
+
+</html>

+ 2332 - 0
2018专区/全军出击/src/_index_new.html

@@ -0,0 +1,2332 @@
+<!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-new.scss" rel="stylesheet">
+    <script src="lib/jq_lego.js"></script><!--ignore-->
+    <script src="lib/avalon.js"></script><!--ignore-->
+
+    <base target="_blank">
+</head>
+
+<body data-id="index" style="background: url(/src/img/bg-index.jpg) no-repeat center top;">
+    <div class="g-head2 head-inner" data-channel="古剑奇谭">
+        <!-- S 模板-导航头部 -->
+        <!--<link rel="import" href="modules/header/header.html?__inline">-->
+        <!-- E 模板-导航头部 -->
+    </div>
+
+    <div class="g-body page-index" style="/* background:url(/src/img/bg-body.jpg) no-repeat center 456px */">
+        <div class=" g-zq-inner dw-mod-nav">
+            <div class="mod-hd">
+                <table class="nav-fl">
+                    <tr>
+                        <td data-id="index">
+                            <a href="#">专区首页</a>
+                        </td>
+                        <td>
+                            <a href="#">新闻资讯</a>
+                        </td>
+                        <td>
+                            <a href="#">攻略站</a>
+                        </td>
+                        <td>
+                            <a href="#">视频站</a>
+                        </td>
+                        <td>
+                            <a href="#">新手入门 </a>
+                        </td>
+                        <td>
+                            <a href="#">职业心得</a>
+                        </td>
+                        <td>
+                            <a href="#">经验攻略</a>
+                        </td>
+                        <td>
+                            <a href="#">有问必答</a>
+                        </td>
+                    </tr>
+                </table>
+                <ul class="nav-fr">
+                    <li>
+                        <a href="#">进入论坛</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="mod-bd clearfix">
+                <div class="box-fl">
+                    <ul>
+                        <li>
+                            <label for="">新手指引</label>
+                            <a href="">新手入门
+                                <i class="new-icon"></i>
+                            </a>
+                            <a href="#">注册账号
+                                <i class="hot-icon"></i>
+                            </a>
+                            <a href="#">创建人物</a>
+                            <a href="#">职业介绍</a>
+                            <a href="#">玩家必备</a>
+                        </li>
+                        <li>
+                            <label for="">游戏相关</label>
+                            <a href="#">升级</a>
+                            <a href="#">副本</a>
+                            <a href="#">部队</a>
+                            <a href="#">军票</a>
+                            <a href="#">讨伐</a>
+                            <a href="#">宠物</a>
+                            <a href="#">赚钱</a>
+                        </li>
+                        <li>
+                            <label for="">常用攻略</label>
+                            <a href="#">战士</a>
+                            <a href="#">龙骑</a>
+                            <a href="#">武僧</a>
+                            <a href="#">骑士</a>
+                            <a href="#">学者</a>
+                            <a href="#">召唤</a>
+                            <a href="#">诗人</a>
+                            <a href="#">黑魔</a>
+                        </li>
+                        <li>
+                            <label for="">生产</label>
+                            <a href="#">支架</a>
+                            <a href="#">彩衣</a>
+                            <a href="#">刻木</a>
+                            <a href="#">连枷</a>
+                            <a href="#">烹调师</a>
+                            <a href="#">炼金术师</a>
+                            <a href="#">捕鱼人</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="box-fr">
+                    <div class="row">
+                        <a href="#" class="link-dl">下载游戏</a>
+                        <a href="#" class="link-bbs">注册账号</a>
+                    </div>
+                    <form action="http://so.duowan.com/cse/search" target="_blank">
+                        <div class="input-wrap clearfix">
+                            <input type="text" placeholder="请输入关键字" name="q" autocomplete="off">
+                            <input type="hidden" name="s" value="14439980297804472906">
+                            <input type="hidden" name="area" value="1">
+                            <input type="hidden" name="stp" value="1">
+                            <input type="hidden" name="srt" value="lds">
+                            <button type="submit" class="btn-search"></button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+
+        <!-- S 模板-赛事 -->
+        <!-- <link rel="import" href="modules/match/index.html?__inline"> -->
+        <!-- E 模板-赛事 -->
+
+        <div style="background:url(/src/img/bg-body.jpg) no-repeat center bottom;margin:40px 0 0 0;padding:0 0 120px 0;">
+        <!-- 首屏 s -->
+            <div class="g-zq-inner dw-mod-primary clearfix">
+                <div class="g-col-380 mod-mid">
+                    <div class="title-box">
+                        <h2>
+                            <a href="#">古剑OL研发新进度:战斗系统全面革新</a>
+                        </h2>
+                        <p class="sm-title">
+                            <a href="#">[ CSL直播 ]</a>
+                            <a href="#">[ CSGO趣味动图 ]</a>
+                            <a class="is-active" href="#">[ WCA直播 ]</a>
+                        </p>
+                        <h2>
+                            <a href="#">古剑OL研发新进度:战斗系统全面革新</a>
+                        </h2>
+                        <p class="sm-title">
+                            <a href="#">[ CSL直播 ]</a>
+                            <a href="#">[ CSGO趣味动图 ]</a>
+                            <a href="#">[ WCA直播 ]</a>
+                        </p>
+                    </div>
+                    <div class="news-ui-tab" data-role="tab-news">
+                        <div class="news-ui-tab__hd">
+                            <ul class="news-ui-tab__nav clearfix" data-switchable-role="nav">
+                                <li class="news-ui-tab__trigger is-active">
+                                    <a href="#">最新资讯</a>
+                                    <i></i>
+                                </li>
+                                <li class="news-ui-tab__trigger">
+                                    <a href="#">昨日回顾</a>
+                                    <i></i>
+                                </li>
+                                <li class="news-ui-tab__trigger">
+                                    <a href="#">热门视频</a>
+                                    <i></i>
+                                </li>
+                                <li class="news-ui-tab__trigger">
+                                    <a href="#">最新资讯</a>
+                                    <i></i>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="news-ui-tab__bd" data-switchable-role="content">
+                            <div class="news-ui-tab__panel">
+                                <ul class="list-news">
+                                    <li>
+                                        <label class="label-video">视频</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-bbs">论坛</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                </ul>
+                                <ul class="list-news">
+                                    <li>
+                                        <label class="label-news">视频</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-bbs">论坛</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                </ul>
+                                <ul class="list-news">
+                                    <li>
+                                        <label class="label-news">视频</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-bbs">论坛</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p>
+                                            <a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a>
+                                        </p>
+                                    </li>
+                                </ul>
+                                <a href="#" class="link-more">查看更多>></a>
+                            </div>
+                            <div class="news-ui-tab__panel u-hide">内容 B</div>
+                            <div class="news-ui-tab__panel u-hide">内容 C</div>
+                            <div class="news-ui-tab__panel u-hide">内容 D</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="g-col-392">
+                    <div class="slider-wrap">
+                        <div class="g-ui-slide ext-dotted" data-role="slide-news">
+                            <ul class="g-ui-slide__content" data-switchable-role="content">
+                                <li class="g-ui-slide__panel">
+                                    <a href="#">
+                                        <img src="http://fed.webdev.ouj.com/392x235" />
+                                    </a>
+                                </li>
+                                <li class="g-ui-slide__panel u-hide">
+                                    <a href="#">
+                                        <img src="http://fed.webdev.ouj.com/392x235" />
+                                    </a>
+                                </li>
+                                <li class="g-ui-slide__panel u-hide">
+                                    <a href="#">
+                                        <img src="http://fed.webdev.ouj.com/392x235" />
+                                    </a>
+                                </li>
+                            </ul>
+                            <ul class="g-ui-slide__nav" data-switchable-role="nav">
+                                <li class="g-ui-slide__trigger is-active"></li>
+                                <li class="g-ui-slide__trigger"></li>
+                                <li class="g-ui-slide__trigger"></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="hot-news-wrap">
+                        <div class="mod-large-title">
+                            <h2>
+                                <i class="icon-hot-news"></i>热点新闻</h2>
+                        </div>
+                        <ul class="list-hot-news">
+                            <li class="item-hot-news">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/117x65" />
+                                    <p>英雄联盟MV第一五期 卡牌大师逆袭</p>
+                                </a>
+                            </li>
+                            <li class="item-hot-news">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/117x65" />
+                                    <p>英雄联盟MV第一五期 卡牌大师逆袭</p>
+                                </a>
+                            </li>
+                            <li class="item-hot-news">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/117x65" />
+                                    <p>英雄联盟MV第一五期 卡牌大师逆袭</p>
+                                </a>
+                            </li>
+                            <li class="item-hot-news">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/117x65" />
+                                    <p>英雄联盟MV第一五期 卡牌大师逆袭</p>
+                                </a>
+                            </li>
+                            <li class="item-hot-news">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/117x65" />
+                                    <p>英雄联盟MV第一五期 卡牌大师逆袭</p>
+                                </a>
+                            </li>
+                            <li class="item-hot-news">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/117x65" />
+                                    <p>英雄联盟MV第一五期 卡牌大师逆袭</p>
+                                </a>
+                            </li>
+                            <li class="item-hot-news">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/117x65" />
+                                    <p>英雄联盟MV第一五期 卡牌大师逆袭</p>
+                                </a>
+                            </li>
+                            <li class="item-hot-news">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/117x65" />
+                                    <p>英雄联盟MV第一五期 卡牌大师逆袭</p>
+                                </a>
+                            </li>
+                            <li class="item-hot-news">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/117x65" />
+                                    <p>英雄联盟MV第一五期 卡牌大师逆袭</p>
+                                </a>
+                            </li>
+                            <li class="item-hot-news">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/117x65" />
+                                    <p>英雄联盟MV第一五期 卡牌大师逆袭</p>
+                                </a>
+                            </li>
+                            <li class="item-hot-news">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/117x65" />
+                                    <p>英雄联盟MV第一五期 卡牌大师逆袭</p>
+                                </a>
+                            </li>
+                            <li class="item-hot-news">
+                                <a href="">
+                                    <img src="http://fed.webdev.ouj.com/117x65" />
+                                    <p>英雄联盟MV第一五期 卡牌大师逆袭</p>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+
+                <div class="dw-mod-fr">
+                    <div class="fengshen-wrap g-col-304">
+                        <div class="mod-title">
+                            <h2>吃鸡查询
+                                <i></i>
+                            </h2>
+                        </div>
+                        <div class="search-bd u-hide">
+                            <input type="text" class="search-key" placeholder="请输入游戏昵称查询" />
+                            <button class="search-submit">查询</button>
+                        </div>
+                        <div class="fengshen-bd">
+                            <a target="_self" href="#weapon">
+                                <img src="http://fed.webdev.ouj.com/304x120" />
+                            </a>
+                        </div>
+                    </div>
+                    <div class="fengshen-wrap g-col-304">
+                        <div class="mod-title">
+                            <h2>封神榜
+                                <i></i>
+                            </h2>
+                        </div>
+                        <div class="fengshen-bd">
+                            <a href="">
+                                <img src="http://fed.webdev.ouj.com/304x120" />
+                            </a>
+                        </div>
+                    </div>
+                    <div class="update-info-wrap  g-col-304" data-role="update-wrap">
+                        <div class="mod-large-title">
+                            <h2>
+                                <i class="icon-update-info"></i>更新日志</h2>
+                        </div>
+                        <div class="update-bd">
+                            <ul class="update-tab__nav u-hide" data-switchable-role="nav">
+                                <li class="rank-tab__trigger is-active">
+                                    <p>正式服</p>
+                                </li>
+                                <li class="rank-tab__trigger">
+                                    <p>测试服</p>
+                                </li>
+                            </ul>
+                            <div data-switchable-role="content">
+                                <ul class="list-update">
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩皮肤比</a>
+                                    </li>
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                </ul>
+                                <ul class="list-update u-hide">
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩皮肤比</a>
+                                    </li>
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="hall-fame-wrap ui-slide" data-role="slide-hallfame">
+                        <div class="mod-large-title">
+                            <h2>
+                                <i class="icon-hall-fame"></i>绝地名人堂</h2>
+                            <div class="g-index-hr">
+                                <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>
+                            </div>
+                        </div>
+                        <div class="ui-hallfame-cont">
+                            <ul class="ui-slide__content" data-switchable-role="content">
+                                <li class="ui-slide__panel">
+                                    <a href="#">
+                                        <img src="http://fed.webdev.ouj.com/304x137" />
+                                    </a>
+                                </li>
+                                <li class="ui-slide__panel u-hide">
+                                    <a href="#">
+                                        <img src="http://fed.webdev.ouj.com/304x137" />
+                                    </a>
+                                </li>
+                                <li class="ui-slide__panel u-hide">
+                                    <a href="#">
+                                        <img src="http://fed.webdev.ouj.com/304x137" />
+                                    </a>
+                                </li>
+                            </ul>
+                            <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>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+            <!-- 首屏 s -->
+
+            <!-- 高能时刻 s -->
+            <div class="g-zq-inner dw-mod-video clearfix comlist-normal mt-40">
+                <div class="mod-large-title">
+                    <h2>
+                        <i class="icon-video"></i>高能时刻</h2>
+                </div>
+                <div class="dw-mod-fl">
+                    <div class="g-ui-tab" data-role="tab-comlist">
+                        <div class="g-tab__hd">
+                            <ul class="g-tab__nav g-arrow-nav one-level" data-switchable-role="nav">
+                                <li class="g-tab__trigger">
+                                    <a href="http://gjqt.duowan.com/video/">最新更新</a>
+                                </li>
+                                <li class="g-tab__trigger">
+                                    <a href="http://gjqt.duowan.com/fbvideo/">虎牙主播</a>
+                                </li>
+                                <li class="g-tab__trigger">
+                                    <a href="http://gjqt.duowan.com/glvideo/">熊猫主播</a>
+                                </li>
+                                <li class="g-tab__trigger">
+                                    <a href="http://gjqt.duowan.com/pkvideo/">斗鱼主播</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="g-tab__bd one-level" data-switchable-role="content">
+                            <div class="g-tab__panel">
+                                <!-- <ul class="g-tab__nav g-arrow-nav two-level-nav">
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/video/">韦神</a>
+                                    </li>
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/fbvideo/">韦神</a>
+                                    </li>
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/glvideo/">韦神</a>
+                                    </li>
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/pkvideo/">韦神</a>
+                                    </li>
+                                </ul> -->
+                                <div class="g-tab__bd two-level-content">
+                                    <div class="g-tab__panel ">
+                                        <ul class="g-comlist comlist-row3">
+                                            <li class="g-col-gItem">
+                                                <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                    <div class="gItem-pic">
+                                                        <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div class="g-tab__panel u-hide">
+                                        <ul class="g-comlist comlist-row3">
+                                            <li class="g-col-gItem">
+                                                <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                    <div class="gItem-pic">
+                                                        <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div class="g-tab__panel u-hide">
+                                        <ul class="g-comlist comlist-row3">
+                                            <li class="g-col-gItem">
+                                                <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                    <div class="gItem-pic">
+                                                        <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="g-tab__panel u-hide">
+                                <ul class="g-tab__nav g-arrow-nav two-level-nav u-hide">
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/video/">韦神11</a>
+                                    </li>
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/fbvideo/">韦神</a>
+                                    </li>
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/glvideo/">韦神</a>
+                                    </li>
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/pkvideo/">韦神</a>
+                                    </li>
+                                </ul>
+                                <div class="g-tab__bd two-level-content">
+                                    <div class="g-tab__panel ">
+                                        <ul class="g-comlist comlist-row3">
+                                            <li class="g-col-gItem">
+                                                <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                    <div class="gItem-pic">
+                                                        <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div class="g-tab__panel u-hide">
+                                        <ul class="g-comlist comlist-row3">
+                                            <li class="g-col-gItem">
+                                                <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                    <div class="gItem-pic">
+                                                        <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div class="g-tab__panel u-hide">
+                                        <ul class="g-comlist comlist-row3">
+                                            <li class="g-col-gItem">
+                                                <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                    <div class="gItem-pic">
+                                                        <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="g-tab__panel u-hide">
+                                <ul class="g-tab__nav g-arrow-nav two-level-nav u-hide">
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/video/">韦神</a>
+                                    </li>
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/fbvideo/">韦神</a>
+                                    </li>
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/glvideo/">韦神</a>
+                                    </li>
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/pkvideo/">韦神</a>
+                                    </li>
+                                </ul>
+                                <div class="g-tab__bd two-level-content">
+                                    <div class="g-tab__panel ">
+                                        <ul class="g-comlist comlist-row3">
+                                            <li class="g-col-gItem">
+                                                <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                    <div class="gItem-pic">
+                                                        <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div class="g-tab__panel u-hide">
+                                        <ul class="g-comlist comlist-row3">
+                                            <li class="g-col-gItem">
+                                                <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                    <div class="gItem-pic">
+                                                        <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div class="g-tab__panel u-hide">
+                                        <ul class="g-comlist comlist-row3">
+                                            <li class="g-col-gItem">
+                                                <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                    <div class="gItem-pic">
+                                                        <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="g-tab__panel u-hide">
+                                <ul class="g-tab__nav g-arrow-nav two-level-nav u-hide">
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/video/">韦神</a>
+                                    </li>
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/fbvideo/">韦神</a>
+                                    </li>
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/glvideo/">韦神</a>
+                                    </li>
+                                    <li class="g-tab__trigger">
+                                        <a href="http://gjqt.duowan.com/pkvideo/">韦神</a>
+                                    </li>
+                                </ul>
+                                <div class="g-tab__bd two-level-content">
+                                    <div class="g-tab__panel ">
+                                        <ul class="g-comlist comlist-row3">
+                                            <li class="g-col-gItem">
+                                                <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                    <div class="gItem-pic">
+                                                        <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">test4守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div class="g-tab__panel u-hide">
+                                        <ul class="g-comlist comlist-row3">
+                                            <li class="g-col-gItem">
+                                                <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                    <div class="gItem-pic">
+                                                        <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div class="g-tab__panel u-hide">
+                                        <ul class="g-comlist comlist-row3">
+                                            <li class="g-col-gItem">
+                                                <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                                    <div class="gItem-pic">
+                                                        <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                            alt="守望先锋午时已到第23期:这期又是大锤">
+                                                        <div class="gItem-mask"></div>
+
+                                                        <span class="gItem-vdIcon"></span>
+                                                        <span class="gItem-vdTime">07:40</span>
+                                                    </div>
+                                                    <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="dw-mod-fr g-col-304">
+                    <div class="g-rank-tab" data-role="tab-rank">
+                        <div class="rank-tab__hd">
+                            <div class="mod-title">
+                                <h2>关注度排行榜
+                                    <i></i>
+                                </h2>
+                            </div>
+                            <ul class="rank-tab__nav" data-switchable-role="nav">
+                                <li class="rank-tab__trigger is-active">
+                                    <a>日</a>
+                                </li>
+                                <li class="rank-tab__trigger">
+                                    <a>月</a>
+                                </li>
+                                <li class="rank-tab__trigger">
+                                    <a>总</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="rank-tab__bd" data-switchable-role="content">
+                            <div class="rank-tab__panel">
+                                <ul class="list-rank">
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="rank-tab__panel u-hide">内容 B</div>
+                            <div class="rank-tab__panel u-hide">内容 C</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 高能时刻 e -->
+        </div>
+
+        <div style="/* background:url(../..//img/bg-weapon-default.jpg) repeat-y top center; */background: #111111;">
+            <div style="background:url(/src/img/bg-weapon.jpg) no-repeat bottom center;">
+                <!-- 攻略中心 s -->
+                <div class="dw-mod-strategy" style="/* background:url(../..//img/bg-weapon-top.jpg) no-repeat top center; */">
+                    <div class="g-zq-inner clearfix">
+                        <div class="mod-large-title white-skin">
+                            <h2>
+                                <i class="icon-strategy"></i>攻略中心</h2>
+                        </div>
+                        <div class="strategy-mod-fl">
+                            <div class="mod-intro g-col-816">
+                                <div class="mod-title gray-skin">
+                                    <h2>综合推荐
+                                        <i></i>
+                                    </h2>
+                                    <div class="mod-lineList">
+                                        <a href="#">更多 +</a>
+                                    </div>
+                                </div>
+                                <div class="intro-bd">
+                                    <ul class="intro-img-list g-comlist">
+                                        <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>
+                                        <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>
+                                        <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>
+                                        <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>
+                                        <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>
+                                            <a href="" title="">救人操作方法</a>
+                                            <a href="" title="">救人操作方法</a>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <p>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                            </p>
+                                            <p>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                            </p>
+                                            <p>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                            </p>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <p>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                            </p>
+                                            <p>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                            </p>
+                                        </li>
+                                        <li>
+                                            <p>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                            </p>
+                                            <p>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                                <a href="" title="" class="link-smaller">救人操作</a>
+                                            </p>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+
+                            <div class="mod-guide g-col-816 u-hide">
+                                <div class="mod-title gray-skin">
+                                    <h2>武器装备
+                                        <i></i>
+                                    </h2>
+                                    <div class="mod-lineList">
+                                        <a href="#">更多 +</a>
+                                    </div>
+                                </div>
+                                <div class="guide-bd">
+                                    <ul class="guide-text-list">
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                           <!--  <div class="mod-guide g-col-816">
+                                <div class="mod-title gray-skin">
+                                    <h2>备用区域
+                                        <i></i>
+                                    </h2>
+                                    <div class="mod-lineList">
+                                        <a href="#">更多 +</a>
+                                    </div>
+                                </div>
+                                <div class="guide-bd">
+                                    <ul class="guide-text-list">
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="mod-guide g-col-816">
+                                <div class="mod-title gray-skin">
+                                    <h2>跳伞攻略
+                                        <i></i>
+                                    </h2>
+                                    <div class="mod-lineList">
+                                        <a href="#">更多 +</a>
+                                    </div>
+                                </div>
+                                <div class="guide-bd">
+                                    <ul class="guide-text-list">
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                        <li>
+                                            <a href="" title="">救人操作方法</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div> -->
+                        </div>
+
+                        <!-- <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>
+                <!-- 攻略中心 e-->
+
+                <!--机械库 s-->
+                <div class="g-zq-inner dw-mod-repertory">
+                    <div class="mod-large-title white-skin">
+                        <h2>
+                            <i id="weapon" class="icon-repertory"></i>枪械库</h2>
+                    </div>
+                    <div class="repertory-bd" ms-controller="weapon">
+                        <div class="reper-col-nav1">
+                            <ul class="nav1-list">
+                                <li :class="[nav1Index == 0 && 'is-active']" ms-on-click="changeNav1(0)">武器数据</li>
+                                <li :class="[nav1Index == 1 && 'is-active']" ms-on-click="changeNav1(1)">防具数据</li>
+                                <li :class="[nav1Index == 2 && 'is-active']" ms-on-click="changeNav1(2)">消耗品</li>
+                            </ul>
+                        </div>
+                        <div class="reper-cont">
+                            <div class="weapon-box reper-container" :class="[nav1Index == 0 && 'is-active']">
+                                <div class="weapon-nav">
+                                    <ul class="weapon-nav-list">
+                                        <li :class="[weaponIndex == index && 'is-active']" ms-for="(index,weapon) in  @weaponData" ms-on-click="changeWeaponIndex(index)">{{weapon.name}}</li>
+                                    </ul>
+                                </div>
+                                <div class="weapon-list-box">
+                                    <div class="weapon-list" id="weaponList">
+                                        <div ms-for="(weaponItem) in  @weaponData">
+                                            <p class="weapon-title">{{weaponItem.name}}</p>
+                                            <a href="javascript:;" :class="[equipIndex == weapon.index && 'is-active']" ms-for="(index,weapon) in  weaponItem.weapons"
+                                                ms-on-click="changeWeapon(weapon.index)">
+                                                <span class="img-wrap">
+                                                    <img ms-attr="{src:weapon.image,alt:weapon.nameCN}">
+                                                </span>
+                                                <label>{{weapon.name}}</label>
+                                            </a>
+                                        </div>
+                                    </div>
+                                    <div class="weapon-list-prev" title="上一页" ms-on-click="toPrevWeapon"></div>
+                                    <div class="weapon-list-next" title="下一页" ms-on-click="toNextWeapon"></div>
+                                </div>
+                                <div class="weapon-detail-box">
+                                    <div class="detail-lf">
+                                        <div class="detail-hd">
+                                            <h1 class="weapon-title">{{@equip.nameCN}}</h1>
+                                            <p class="weapon-bullet" :if="@equip.showAmmunition">
+                                                {{@equip.ammunition.nameCN}}
+                                                <img ms-attr="{src:@equip.ammunition.image}" />
+                                            </p>
+                                        </div>
+                                        <div class="detail-cont">
+                                            <div class="cont-hd">
+                                                <div class="equip-item" :class="[attachmentKey =='UpperRail' && 'is-active',( attachments['UpperRail'].length == 0 && 'disabled')]"
+                                                    ms-on-click="changeAttachmentKey('UpperRail')">
+                                                    <span class="equip-name">瞄具</span>
+                                                    <i class="icon-miaoju"></i>
+                                                </div>
+                                            </div>
+
+                                            <div class="cont-bd">
+                                                <img :if="@equip.image" ms-attr="{src:@equip.image}" />
+                                            </div>
+
+                                            <div class="cont-ft">
+                                                <div class="equip-item" :class="[attachmentKey =='MuzzleMods' && 'is-active',attachments['MuzzleMods'].length == 0 && 'disabled']"
+                                                    ms-on-click="changeAttachmentKey('MuzzleMods')">
+                                                    <span class="equip-name">枪口</span>
+                                                    <i class="icon-qiangkou"></i>
+                                                </div>
+                                                <div class="equip-item ml-29" :class="[attachmentKey =='LowerRail' && 'is-active',attachments['LowerRail'].length == 0 && 'disabled']"
+                                                    ms-on-click="changeAttachmentKey('LowerRail')">
+                                                    <span class="equip-name">握把</span>
+                                                    <i class="icon-woba"></i>
+                                                </div>
+                                                <div class="equip-item ml-29" :class="[attachmentKey =='Magazines' && 'is-active',attachments['Magazines'].length == 0 && 'disabled']"
+                                                    ms-on-click="changeAttachmentKey('Magazines')">
+                                                    <span class="equip-name">弹匣</span>
+                                                    <i class="icon-danjia"></i>
+                                                </div>
+                                                <div class="equip-item ml-29" :class="[attachmentKey =='Stocks' && 'is-active',attachments['Stocks'].length == 0 && 'disabled']"
+                                                    ms-on-click="changeAttachmentKey('Stocks')">
+                                                    <span class="equip-name">枪托</span>
+                                                    <i class="icon-qiangtuo"></i>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <div class="detail-ft">
+                                            <div class="weapon-damage">
+                                                <p>爆头伤害
+                                                    <em>{{equip.hdmg0}}</em>
+                                                </p>
+                                                <ul class="damage-list">
+                                                    <li>
+                                                        <span class="img-wrap">
+                                                            <img src="/src/img/icon-headdamage1.png" alt="" />
+                                                        </span>
+                                                        <label>{{equip.hdmg1}}</label>
+                                                    </li>
+                                                    <li>
+                                                        <span class="img-wrap">
+                                                            <img src="/src/img/icon-headdamage2.png" alt="" />
+                                                        </span>
+                                                        <label>{{equip.hdmg2}}</label>
+                                                    </li>
+                                                    <li>
+                                                        <span class="img-wrap">
+                                                            <img src="/src/img/icon-headdamage3.png" alt="" />
+                                                        </span>
+                                                        <label>{{equip.hdmg3}}</label>
+                                                    </li>
+                                                </ul>
+                                                <p>基础伤害
+                                                    <em ms-text="equip.bdmg0"></em>
+                                                </p>
+                                                <ul class="damage-list">
+                                                    <li>
+                                                        <span class="img-wrap">
+                                                            <img src="/src/img/icon-bodydamage1.png" alt="" /> </span>
+                                                        <label for="">{{equip.bdmg1}}</label>
+                                                    </li>
+                                                    <li>
+                                                        <span class="img-wrap">
+                                                            <img src="/src/img/icon-bodydamage1.png" alt="" />
+                                                        </span>
+                                                        <label for="">{{equip.bdmg2}}</label>
+                                                    </li>
+                                                    <li>
+                                                        <span class="img-wrap">
+                                                            <img src="/src/img/icon-bodydamage1.png" alt="" />
+                                                        </span>
+                                                        <label for="">{{equip.bdmg3}}</label>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="detail-aside" id="detailAside">
+                                        <ul class="equip-list">
+                                            <li ms-for="(index,item) in attachment" :class="[attachmentCurIndex ==index && 'is-active']" ms-on-click="changeAttachmentCurIndex(index)">
+                                                <div class="img-wrap">
+                                                    <img ms-attr="{src:item.image}" />
+                                                </div>
+                                                <div class="equip-desc">
+                                                    <p class="fit-weapon">适用武器:{{item['attaches to'].join(',')}}</p>
+                                                    <div class="desc-cn" ms-html="item.descCN">
+                                                    </div>
+                                                </div>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="weapon-box reper-container" :class="[nav1Index == 1 && 'is-active']">
+                                <div class="weapon-nav">
+                                    <ul class="weapon-nav-list">
+                                        <li ms-for="(index,item) in armours" :class="[armourCateIndex == index && 'is-active']" ms-on-click="changeArmourIndex(index)">{{item.cate}}</li>
+                                    </ul>
+                                </div>
+                                <div class="weapon-list-box">
+                                    <div class="weapon-list" id="armourList">
+                                        <div ms-for="(armourItem) in  @armours">
+                                            <p class="weapon-title">{{armourItem.cate}}</p>
+                                            <a href="javascript:;" :class="[armourIndex == armour.index && 'is-active']" ms-for="(index,armour) in armourItem.data" ms-on-click="changeArmour(armour.index)">
+                                                <span class="img-wrap">
+                                                    <img ms-attr="{src:armour.image,alt:armour.name}" />
+                                                </span>
+                                                <label>{{armour.name}}</label>
+                                            </a>
+                                        </div>
+                                    </div>
+                                    <div class="weapon-list-prev" title="上一页"></div>
+                                    <div class="weapon-list-next" title="下一页"></div>
+                                </div>
+                                <div class="weapon-detail-box">
+                                    <div class="armor-box">
+                                        <h1 class="armor-name">{{armour.name}}</h1>
+                                        <div class="armor-detail">
+                                            <div class="img-wrap">
+                                                <img ms-attr="{src:armour.image}" />
+                                            </div>
+                                            <div class="armor-desc">
+                                                <p ms-for="item in armour.desc" ms-html="item"></p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="weapon-box reper-container" :class="[nav1Index == 2 && 'is-active']">
+                                <div class="weapon-nav">
+                                    <ul class="weapon-nav-list">
+                                        <li ms-for="(index,item) in consumables" :class="[consumablesCateIndex == index && 'is-active']" ms-on-click="changeConsumablesIndex(index)">{{item.cate}}</li>
+                                    </ul>
+                                </div>
+                                <div class="weapon-list-box">
+                                    <div class="weapon-list" id="consumablesList">
+                                        <div ms-for="consumablesItem in  @consumables">
+                                            <p class="weapon-title">{{consumablesItem.cate}}</p>
+                                            <a href="javascript:;" :class="[consumablesIndex == consumable.index && 'is-active']" ms-for="(index,consumable) in consumablesItem.data"
+                                                ms-on-click="changeConsumable(consumable.index)">
+                                                <span class="img-wrap">
+                                                    <img ms-attr="{src:consumable.image,alt:consumable.name}" />
+                                                </span>
+                                                <label>{{consumable.name}}</label>
+                                            </a>
+                                        </div>
+                                    </div>
+                                    <div class="weapon-list-prev" title="上一页"></div>
+                                    <div class="weapon-list-next" title="下一页"></div>
+                                </div>
+                                <div class="weapon-detail-box">
+                                    <div class="armor-box">
+                                        <h1 class="armor-name">{{consumable.name}}</h1>
+                                        <div class="armor-detail">
+                                            <div class="img-wrap">
+                                                <img ms-attr="{src:consumable.image}" />
+                                            </div>
+                                            <div class="armor-desc">
+                                                <p ms-for="item in consumable.desc" ms-html="item"></p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--机械库 e-->
+            </div>
+        </div>
+
+        <div style="background:url(/src/img/bg-footer.jpg) no-repeat top center;padding:70px 0 50px 0;">
+            <!-- 相关视频 s-->
+            <div class="g-zq-inner dw-mod-abvideo clearfix comlist-normal u-hide">
+                <div class="dw-mod-fl">
+                    <div class="g-ui-tab">
+                        <div class="mod-title">
+                            <h2>相关视频
+                                <i></i>
+                            </h2>
+                        </div>
+                        <div class="g-tab__bd">
+                            <div class="g-tab__panel">
+                                <ul class="g-comlist comlist-row3">
+                                    <li class="g-col-gItem">
+                                        <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                            <div class="gItem-pic">
+                                                <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤" />
+                                                <div class="gItem-mask"></div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤" />
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤" />
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤" />
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </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://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤" />
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="dw-mod-fr g-col-304">
+                    <div class="g-rank-tab" data-role="tab-video-rank">
+                        <div class="rank-tab__hd">
+                            <div class="mod-title">
+                                <h2>视频排行榜
+                                    <i></i>
+                                </h2>
+                            </div>
+                            <ul class="rank-tab__nav" data-switchable-role="nav">
+                                <li class="rank-tab__trigger is-active">
+                                    <a>周榜</a>
+                                </li>
+                                <li class="rank-tab__trigger">
+                                    <a>月榜</a>
+                                </li>
+                                <li class="rank-tab__trigger">
+                                    <a>总榜</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="rank-tab__bd" data-switchable-role="content">
+                            <div class="rank-tab__panel">
+                                <ul class="list-rank">
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="rank-tab__panel u-hide">内容 B</div>
+                            <div class="rank-tab__panel u-hide">内容 C</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 相关视频 e-->
+
+            <!-- 底部新闻中心 s-->
+            <div class="g-zq-inner dw-mod-news mt-40">
+                <ul class="list-type clearfix">
+                    <li class="item-type g-col-358">
+                        <div class="mod-large-title">
+                            <h2>
+                                <i class="icon-zhonghe"></i>近期热点</h2>
+
+                            <div class="mod-lineList">
+                                <a href="#">更多 +</a>
+                            </div>
+                        </div>
+                        <ul class="news-img-list g-comlist">
+                            <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>
+                            <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="list-news">
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="item-type g-col-358">
+                        <div class="mod-large-title">
+                            <h2>
+                                <i class="icon-weapon"></i>武器攻略</h2>
+                            <div class="mod-lineList">
+                                <a href="#">更多 +</a>
+                            </div>
+                        </div>
+                        <ul class="news-img-list g-comlist">
+                            <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>
+                            <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="list-news">
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="item-type g-col-358">
+                        <div class="mod-large-title">
+                            <h2>
+                                <i class="icon-game"></i>游戏攻略</h2>
+                            <div class="mod-lineList">
+                                <a href="#">更多 +</a>
+                            </div>
+                        </div>
+                        <ul class="news-img-list g-comlist">
+                            <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>
+                            <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="list-news">
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p>
+                                    <a href="#">魔兽N服开放测试并推宣传片 暴雪无可奈何</a>
+                                </p>
+                                <span class="date">08-19</span>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+            <!-- 底部新闻中心 e-->
+        </div>
+    </div>
+
+    <div class="ZQ__map">
+        <div class="ZQ__inner">
+            <!-- 搜索 - 标识{ -->
+            <div class="foot-action">
+                <div class="dw-footer-icon"></div>
+                <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>
+                </form>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">联系小编</a>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">疑难问答</a>
+            </div>
+            <!-- }搜索 - 标识 -->
+            <div class="inner">
+                <div class="map-list">
+                    <ul class="list">
+                        <li>
+                            <span class="label">热点新闻</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>
+                        <li>
+                            <a target="_blank" href="http://bbs.duowan.com/forum-2604-1.html">小道消息</a>
+                        </li>
+
+                    </ul>
+                    <ul class="list">
+                        <li>
+                            <span class="label">游戏图片</span>
+                        </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>
+                        <li>
+                            <a target="_blank" href="http://csgo.duowan.com/tag/321459434055.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">英雄相关</span>
+                        </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">游戏视频</span>
+                        </li>
+                        <li>
+                            <a target="_blank" href="http://csgo.duowan.com/1603/321041432214.html">游戏视频</a>
+                        </li>
+                        <li>
+                            <a target="_blank" href="http://csgo.duowan.com/1603/321040759158.html">宣传视频</a>
+                        </li>
+                        <li>
+                            <a target="_blank" href="http://csgo.duowan.com/1603/321041197706.html">对战视频</a>
+                        </li>
+                        <li>
+                            <a target="_blank" href="http://csgo.duowan.com/1603/321033004655.html">演示视频</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>
+                </div>
+
+            </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>
+    <!-- E 模板-导航底部 -->
+    <script src="lib/mod.js"></script>
+    <script>
+        require('modules/index-new.js');
+    </script>
+</body>
+
+</html>

+ 571 - 0
2018专区/全军出击/src/_list.html

@@ -0,0 +1,571 @@
+<!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>
+    <div class="g-head2 head-inner" data-channel="多玩原创">
+        <!-- S 模板-导航头部 -->
+        <!--<link rel="import" href="modules/header/header.html?__inline">-->
+        <!-- E 模板-导航头部 -->
+    </div>
+
+    <div class="g-body page-list" style="background-image: url(/src/img/bg-index.jpg);">
+        <div class="g-zq-inner">
+            <div class="dw-mod-nav">
+                <div class="mod-hd">
+                    <table class="nav-fl">
+                        <tr>
+                            <td data-id="index">
+                                <a href="#">专区首页</a>
+                            </td>
+                            <td>
+                                <a href="#">新闻资讯</a>
+                            </td>
+                            <td>
+                                <a href="#">攻略站</a>
+                            </td>
+                            <td>
+                                <a href="#">视频站</a>
+                            </td>
+                            <td>
+                                <a href="#">新手入门 </a>
+                            </td>
+                            <td>
+                                <a href="#">职业心得</a>
+                            </td>
+                            <td>
+                                <a href="#">经验攻略</a>
+                            </td>
+                            <td>
+                                <a href="#">有问必答</a>
+                            </td>
+                        </tr>
+                    </table>
+                    <ul class="nav-fr">
+                        <li>
+                            <a href="#">进入论坛</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="mod-bd clearfix">
+                    <div class="box-fl">
+                        <ul>
+                            <li>
+                                <label for="">新手指引</label>
+                                <a href="">新手入门</a>
+                                <a href="#">注册账号</a>
+                                <a href="#">创建人物</a>
+                                <a href="#">职业介绍</a>
+                                <a href="#">玩家必备</a>
+                            </li>
+                            <li>
+                                <label for="">游戏相关</label>
+                                <a href="#">升级</a>
+                                <a href="#">副本</a>
+                                <a href="#">部队</a>
+                                <a href="#">军票</a>
+                                <a href="#">讨伐</a>
+                                <a href="#">宠物</a>
+                                <a href="#">赚钱</a>
+                            </li>
+                            <li>
+                                <label for="">常用攻略</label>
+                                <a href="#">战士</a>
+                                <a href="#">龙骑</a>
+                                <a href="#">武僧</a>
+                                <a href="#">骑士</a>
+                                <a href="#">学者</a>
+                                <a href="#">召唤</a>
+                                <a href="#">诗人</a>
+                                <a href="#">黑魔</a>
+                            </li>
+                            <li>
+                                <label for="">生产</label>
+                                <a href="#">支架</a>
+                                <a href="#">彩衣</a>
+                                <a href="#">刻木</a>
+                                <a href="#">连枷</a>
+                                <a href="#">烹调师</a>
+                                <a href="#">炼金术师</a>
+                                <a href="#">捕鱼人</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="box-fr">
+                        <div class="row">
+                            <a href="#" class="link-dl">下载游戏</a>
+                            <a href="#" class="link-bbs">注册账号</a>
+                        </div>
+                        <form action="http://so.duowan.com/cse/search" target="_blank">
+                            <div class="input-wrap clearfix">
+                                <input type="text" placeholder="请输入关键字" name="q" autocomplete="off">
+                                <input type="hidden" name="s" value="14439980297804472906">
+                                <input type="hidden" name="area" value="1">
+                                <input type="hidden" name="stp" value="1">
+                                <input type="hidden" name="srt" value="lds">
+                                <button type="submit" class="btn-search"></button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+
+            <div class="dw-mod-list clearfix">
+                <div class="dw-mod-fl g-col">
+                    <div class="mod-crumbs">
+                        <a target="_blank" href="http://www.duowan.com" class="home-page">多玩首页</a><span>></span><a target="_self" href="http://csgo.duowan.com/">CSGO专区</a><span>></span><b>重点</b>
+                    </div>
+                    <ul class="list-artical">
+                        <li>
+                            <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                <span class="news-time">05-19</span>
+                                <i class="news-point"></i>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                <span class="news-time">05-19</span>
+                                <i class="news-point"></i>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                <span class="news-time">05-19</span>
+                                <i class="news-point"></i>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                <span class="news-time">05-19</span>
+                                <i class="news-point"></i>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                <span class="news-time">05-19</span>
+                                <i class="news-point"></i>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                <span class="news-time">05-19</span>
+                                <i class="news-point"></i>
+                            </a>
+                        </li>
+                    </ul>
+                    <div id="pageNum"><span id="pageNow"><a target="_self" href="#">1</a></span><span><a target="_self" href="327319645493_2.html">2</a></span><span><a target="_self" href="327319645493_3.html">3</a></span><span><a target="_self" href="327319645493_4.html">4</a></span><span><a target="_self" href="327319645493_5.html">5</a></span><span><a target="_self" href="327319645493_6.html">6</a></span><span><a target="_self" href="327319645493_7.html">7</a></span><span><a target="_self" href="327319645493_8.html">8</a></span><span><a target="_self" href="327319645493_9.html">9</a></span><span><a target="_self" href="327319645493_2.html">下一页</a></span></div>
+                </div>
+                <!--侧边栏{-->
+                <div class="dw-mod-aside">
+                    <div class="dw-mod-fr dw-mod-primary">
+                        <div class="search-wrap g-col g-col-304">
+                            <div class="mod-title">
+                                <h2>游戏前瞻<i></i></h2>
+                                <div class="mod-lineList">
+                                    <a href="#">更多</a>
+                                </div>
+                            </div>
+                            <div class="search-bd">
+                                <input type="text" class="search-key" placeholder="请输入游戏昵称查询">
+                                <button class="search-submit">查询</button>
+                            </div>
+                        </div>
+                        <div class="strategy-wrap g-col g-col-304">
+                            <div class="mod-title">
+                                <h2>必备攻略<i></i></h2>
+                            </div>
+                            <div class="strategy-bd">
+                                <ul class="strategy-list">
+                                    <li class="strategy-item">
+                                        <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                    </li>
+                                    <li class="strategy-item">
+                                        <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                    </li>
+                                    <li class="strategy-item">
+                                        <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                    </li>
+                                    <li class="strategy-item">
+                                        <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                    </li>
+                                    <li class="strategy-item">
+                                        <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                    </li>
+                                    <li class="strategy-item">
+                                        <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                    </li>
+                                    <li class="strategy-item">
+                                        <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                    </li>
+                                    <li class="strategy-item">
+                                        <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/56x56">
+                                    </a>
+                                    </li>
+                                    <li class="strategy-item">
+                                        <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/128x128">
+                                    </a>
+                                    </li>
+                                    <li class="strategy-item">
+                                        <a href="" title="">
+                                        <img src="http://fed.webdev.ouj.com/128x128">
+                                    </a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="bbs-wrap g-col g-col-304" data-role="bbs-wrap" data-widget-cid="widget-3">
+                            <div class="mod-title">
+                                <ul class="bbs-tab__nav" data-switchable-role="nav">
+                                    <li class="rank-tab__trigger is-active">
+                                        <h2>论坛热帖<i></i></h2>
+                                    </li>
+                                    <li class="rank-tab__trigger">
+                                        <h2>同区交流<i></i></h2>
+                                    </li>
+                                    <li class="rank-tab__trigger">
+                                        <h2>女子学院<i></i></h2>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div data-switchable-role="content">
+                                <ul class="list-bbs" style="display: block;">
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩皮肤比</a>
+                                    </li>
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <i></i>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                </ul>
+                                <ul class="list-bbs u-hide" style="display: none;">
+                                    <li>
+                                        <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">作为一个认为玩皮肤比</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                </ul>
+                                <ul class="list-bbs u-hide" style="display: none;">
+                                    <li>
+                                        <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">作为一个认为玩皮肤比</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="dw-mod-video clearfix comlist-normal mt-15">
+                        <div class="dw-mod-fr g-col g-col-304">
+                            <div class="g-rank-tab" data-role="tab-rank" data-widget-cid="widget-1">
+                                <div class="rank-tab__hd">
+                                    <h2>视频排行榜<i></i></h2>
+                                    <ul class="rank-tab__nav" data-switchable-role="nav">
+                                        <li class="rank-tab__trigger is-active"><a>周榜</a></li>
+                                        <li class="rank-tab__trigger"><a>月榜</a></li>
+                                        <li class="rank-tab__trigger"><a>总榜</a></li>
+                                    </ul>
+                                </div>
+                                <div class="rank-tab__bd" data-switchable-role="content">
+                                    <div class="rank-tab__panel">
+                                        <ul class="list-rank">
+                                            <li class="is-active">
+                                                <div class="ranking-col-fl">
+                                                    <i>1</i>
+                                                </div>
+                                                <div class="ranking-col-fr">
+                                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                                </div>
+                                            </li>
+                                            <li class="is-active">
+                                                <div class="ranking-col-fl">
+                                                    <i>1</i>
+                                                </div>
+                                                <div class="ranking-col-fr">
+                                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                                </div>
+                                            </li>
+                                            <li class="is-active">
+                                                <div class="ranking-col-fl">
+                                                    <i>1</i>
+                                                </div>
+                                                <div class="ranking-col-fr">
+                                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="ranking-col-fl">
+                                                    <i>1</i>
+                                                </div>
+                                                <div class="ranking-col-fr">
+                                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="ranking-col-fl">
+                                                    <i>1</i>
+                                                </div>
+                                                <div class="ranking-col-fr">
+                                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="ranking-col-fl">
+                                                    <i>1</i>
+                                                </div>
+                                                <div class="ranking-col-fr">
+                                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="ranking-col-fl">
+                                                    <i>1</i>
+                                                </div>
+                                                <div class="ranking-col-fr">
+                                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="ranking-col-fl">
+                                                    <i>1</i>
+                                                </div>
+                                                <div class="ranking-col-fr">
+                                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="ranking-col-fl">
+                                                    <i>1</i>
+                                                </div>
+                                                <div class="ranking-col-fr">
+                                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="ranking-col-fl">
+                                                    <i>1</i>
+                                                </div>
+                                                <div class="ranking-col-fr">
+                                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                                </div>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div class="rank-tab__panel u-hide">内容 B</div>
+                                    <div class="rank-tab__panel u-hide">内容 C</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="dw-mod-strategy">
+                        <div class="strategy-mod-fr">
+                            <div class="mod-fr-hd">游戏下载</div>
+                            <div class="download-bd g-col-304">
+                                <div class="dl-main">
+                                    <img class="dl-cover" src="http://fed.webdev.ouj.com/100x154">
+                                    <div class="dl-cont">
+                                        <p>《绝地求生》PC试玩版 Steam正版分流下载</p>
+                                        <a class="dl-link" href=""></a>
+                                    </div>
+                                </div>
+                                <div class="dl-mod">
+                                    <div class="dl-mod-hd">
+                                        <h3 class="dl-hd-fl">游戏<i></i></h3>
+                                        <a class="dl-hd-fr" href="">MORE &gt;</a>
+                                    </div>
+                                    <div class="dl-mod-bd">
+                                        <ul class="dl-news-list">
+                                            <li><i></i><a href="" title="">《绝地求生》PC正版分流下载</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
+                                <div class="dl-mod">
+                                    <div class="dl-mod-hd">
+                                        <h3 class="dl-hd-fl">存档<i></i></h3>
+                                        <a class="dl-hd-fr" href="">MORE &gt;</a>
+                                    </div>
+                                    <div class="dl-mod-bd">
+                                        <ul class="dl-news-list">
+                                            <li><i></i><a href="" title="">没有任何记录</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--}侧边栏-->
+            </div>
+        </div>
+    </div>
+    </div>
+
+    <div class="ZQ__map">
+        <div class="ZQ__inner">
+            <!-- 搜索 - 标识{ -->
+            <div class="foot-action">
+                <div class="dw-footer-icon"></div>
+                <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>
+                </form>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">联系小编</a>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">疑难问答</a>
+            </div>
+            <!-- }搜索 - 标识 -->
+            <div class="inner">
+                <div class="map-list">
+                    <ul class="list">
+                        <li><span class="label">热点新闻</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>
+                        <li><a target="_blank" href="http://bbs.duowan.com/forum-2604-1.html">小道消息</a></li>
+
+                    </ul>
+                    <ul class="list">
+                        <li><span class="label">游戏图片</span></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>
+                        <li><a target="_blank" href="http://csgo.duowan.com/tag/321459434055.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">英雄相关</span></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">游戏视频</span></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321041432214.html">游戏视频</a></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321040759158.html">宣传视频</a></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321041197706.html">对战视频</a></li>
+                        <li><a target="_blank" href="http://csgo.duowan.com/1603/321033004655.html">演示视频</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>
+                </div>
+
+            </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>
+    <!-- E 模板-导航底部 -->
+    <script src="lib/mod.js"></script>
+    <script>
+        require('modules/list.js');
+    </script>
+</body>
+
+</html>

+ 810 - 0
2018专区/全军出击/src/_list_new.html

@@ -0,0 +1,810 @@
+<!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-new.scss" rel="stylesheet">
+    <script src="lib/jq_lego.js"></script><!--ignore-->
+</head>
+
+<body>
+    <div class="g-head2 head-inner" data-channel="多玩原创">
+        <!-- S 模板-导航头部 -->
+        <!--<link rel="import" href="modules/header/header.html?__inline">-->
+        <!-- E 模板-导航头部 -->
+    </div>
+
+    <div class="g-body page-list" style="background-image: url(/src/img/bg-index.jpg);">
+        <div class="g-zq-inner">
+            <div class="dw-mod-nav">
+                <div class="mod-hd">
+                    <table class="nav-fl">
+                        <tr>
+                            <td data-id="index">
+                                <a href="#">专区首页</a>
+                            </td>
+                            <td>
+                                <a href="#">新闻资讯</a>
+                            </td>
+                            <td>
+                                <a href="#">攻略站</a>
+                            </td>
+                            <td>
+                                <a href="#">视频站</a>
+                            </td>
+                            <td>
+                                <a href="#">新手入门 </a>
+                            </td>
+                            <td>
+                                <a href="#">职业心得</a>
+                            </td>
+                            <td>
+                                <a href="#">经验攻略</a>
+                            </td>
+                            <td>
+                                <a href="#">有问必答</a>
+                            </td>
+                        </tr>
+                    </table>
+                    <ul class="nav-fr">
+                        <li>
+                            <a href="#">进入论坛</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="mod-bd clearfix">
+                    <div class="box-fl">
+                        <ul>
+                            <li>
+                                <label for="">新手指引</label>
+                                <a href="">新手入门</a>
+                                <a href="#">注册账号</a>
+                                <a href="#">创建人物</a>
+                                <a href="#">职业介绍</a>
+                                <a href="#">玩家必备</a>
+                            </li>
+                            <li>
+                                <label for="">游戏相关</label>
+                                <a href="#">升级</a>
+                                <a href="#">副本</a>
+                                <a href="#">部队</a>
+                                <a href="#">军票</a>
+                                <a href="#">讨伐</a>
+                                <a href="#">宠物</a>
+                                <a href="#">赚钱</a>
+                            </li>
+                            <li>
+                                <label for="">常用攻略</label>
+                                <a href="#">战士</a>
+                                <a href="#">龙骑</a>
+                                <a href="#">武僧</a>
+                                <a href="#">骑士</a>
+                                <a href="#">学者</a>
+                                <a href="#">召唤</a>
+                                <a href="#">诗人</a>
+                                <a href="#">黑魔</a>
+                            </li>
+                            <li>
+                                <label for="">生产</label>
+                                <a href="#">支架</a>
+                                <a href="#">彩衣</a>
+                                <a href="#">刻木</a>
+                                <a href="#">连枷</a>
+                                <a href="#">烹调师</a>
+                                <a href="#">炼金术师</a>
+                                <a href="#">捕鱼人</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="box-fr">
+                        <div class="row">
+                            <a href="#" class="link-dl">下载游戏</a>
+                            <a href="#" class="link-bbs">注册账号</a>
+                        </div>
+                        <form action="http://so.duowan.com/cse/search" target="_blank">
+                            <div class="input-wrap clearfix">
+                                <input type="text" placeholder="请输入关键字" name="q" autocomplete="off">
+                                <input type="hidden" name="s" value="14439980297804472906">
+                                <input type="hidden" name="area" value="1">
+                                <input type="hidden" name="stp" value="1">
+                                <input type="hidden" name="srt" value="lds">
+                                <button type="submit" class="btn-search"></button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+
+            <div class="dw-mod-list clearfix">
+                <div class="dw-mod-fl">
+                    <div class="dw-mod-editintro" data-role="edit-intro">
+                        <div class="mod-large-title">
+                            <h2>
+                                <i class="icon-edit-intro"></i>编辑推荐</h2>
+                            <ul class="intro-ui-tab__nav" data-switchable-role="nav">
+                                <li class="intro-ui-tab__trigger is-active">
+                                    1
+                                </li>
+                                <li class="intro-ui-tab__trigger">
+                                    2
+                                </li>
+                                <li class="intro-ui-tab__trigger">
+                                    3
+                                </li>
+                                <li class="intro-ui-tab__trigger">
+                                    4
+                                </li>
+                            </ul>
+                        </div>
+
+                        <div class="intro-ui-tab__bd" data-switchable-role="content">
+                            <div class="intro-ui-tab__panel">
+                                <ul class="g-comlist comlist-row3">
+                                    <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" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤" style="display: block;">
+                                                <div class="gItem-mask"></div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </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" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤" style="display: block;">
+                                                <div class="gItem-mask"></div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </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" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤" style="display: block;">
+                                                <div class="gItem-mask"></div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </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" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤" style="display: block;">
+                                                <div class="gItem-mask"></div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="intro-ui-tab__panel u-hide">内容 B</div>
+                            <div class="intro-ui-tab__panel u-hide">内容 B</div>
+                        </div>
+                    </div>
+
+                    <div class="dw-mod-listbox">
+                        <div class="mod-large-title">
+                            <h2>毒圈打法最新发布</h2>
+                        </div>
+                        <ul class="list-artical">
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/1705/359140553100.html" target="_blank" title="根本想不到英雄关系 鲁班全家都在王者峡谷">
+                                    <span class="news-title">根本想不到英雄关系 鲁班全家都在王者峡谷</span>
+                                    <span class="news-time">05-19</span>
+                                    <i class="news-point"></i>
+                                </a>
+                            </li>
+                        </ul>
+                        <div id="pageNum">
+                            <span id="pageNow">
+                                <a target="_self" href="#">1</a>
+                            </span>
+                            <span>
+                                <a target="_self" href="327319645493_2.html">2</a>
+                            </span>
+                            <span>
+                                <a target="_self" href="327319645493_3.html">3</a>
+                            </span>
+                            <span>
+                                <a target="_self" href="327319645493_4.html">4</a>
+                            </span>
+                            <span>
+                                <a target="_self" href="327319645493_5.html">5</a>
+                            </span>
+                            <span>
+                                <a target="_self" href="327319645493_6.html">6</a>
+                            </span>
+                            <span>
+                                <a target="_self" href="327319645493_7.html">7</a>
+                            </span>
+                            <span>
+                                <a target="_self" href="327319645493_8.html">8</a>
+                            </span>
+                            <span>
+                                <a target="_self" href="327319645493_9.html">9</a>
+                            </span>
+                            <span>
+                                <a target="_self" href="327319645493_2.html">下一页</a>
+                            </span>
+                        </div>
+                    </div>
+
+                </div>
+                <!--侧边栏{-->
+                <div class="dw-mod-aside">
+                    <!-- 毒圈打法玩家浏览量TOP10 s-->
+                    <div class="dw-mod-durank g-rank-tab auto-fit">
+                        <div class="mod-large-title">
+                            <h2 class="sm-size">
+                                <i class="icon-duquan-rank"></i>毒圈打法玩家浏览量TOP10</h2>
+                        </div>
+
+                        <ul class="list-rank">
+                            <li class="is-active">
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li class="is-active">
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li class="is-active">
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- 毒圈打法玩家浏览量TOP10 e-->
+
+
+                    <!-- 热门分类 s-->
+                    <div class="dw-mod-hotcate">
+                        <div class="mod-large-title">
+                            <h2>
+                                <i class="icon-hot-cate"></i>热门分类</h2>
+                        </div>
+
+                        <div class="list-cate">
+                            <li>
+                                <a href="#">4202P任务</a>
+                            </li>
+                            <li>
+                                <a href="#">捷克成员数量</a>
+                            </li>
+                            <li>
+                                <a href="#">音效改动</a>
+                            </li>
+                            <li>
+                                <a href="#">9级查狄伦</a>
+                            </li>
+                            <li>
+                                <a href="#">捷克高级车</a>
+                            </li>
+                            <li>
+                                    <a href="#">9级查狄伦</a>
+                                </li>
+                                <li>
+                                    <a href="#">捷克高级车</a>
+                                </li>
+                        </div>
+                    </div>
+                    <!-- 热门分类 e-->
+
+                    <!-- 热门分类 s-->
+                    <div class="dw-mod-jiaoxue g-rank-tab auto-fit">
+                        <div class="mod-large-title">
+                            <h2>
+                                <i class="icon-jiaoxue-rank"></i>教学视频TOP10</h2>
+                        </div>
+
+                        <ul class="list-rank">
+                            <li class="is-active">
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li class="is-active">
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li class="is-active">
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li class="is-active">
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li class="is-active">
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li class="is-active">
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="ranking-col-fl">
+                                    <i>1</i>
+                                </div>
+                                <div class="ranking-col-fr">
+                                    <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- 教学视频TOP10 e-->
+                </div>
+                <!--}侧边栏-->
+            </div>
+        </div>
+    </div>
+    </div>
+
+    <div class="ZQ__map">
+        <div class="ZQ__inner">
+            <!-- 搜索 - 标识{ -->
+            <div class="foot-action">
+                <div class="dw-footer-icon"></div>
+                <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>
+                </form>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">联系小编</a>
+                <a href="http://bbs.duowan.com/space-uid-7048459.html" class="connect">疑难问答</a>
+            </div>
+            <!-- }搜索 - 标识 -->
+            <div class="inner">
+                <div class="map-list">
+                    <ul class="list">
+                        <li>
+                            <span class="label">热点新闻</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>
+                        <li>
+                            <a target="_blank" href="http://bbs.duowan.com/forum-2604-1.html">小道消息</a>
+                        </li>
+
+                    </ul>
+                    <ul class="list">
+                        <li>
+                            <span class="label">游戏图片</span>
+                        </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>
+                        <li>
+                            <a target="_blank" href="http://csgo.duowan.com/tag/321459434055.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">英雄相关</span>
+                        </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">游戏视频</span>
+                        </li>
+                        <li>
+                            <a target="_blank" href="http://csgo.duowan.com/1603/321041432214.html">游戏视频</a>
+                        </li>
+                        <li>
+                            <a target="_blank" href="http://csgo.duowan.com/1603/321040759158.html">宣传视频</a>
+                        </li>
+                        <li>
+                            <a target="_blank" href="http://csgo.duowan.com/1603/321041197706.html">对战视频</a>
+                        </li>
+                        <li>
+                            <a target="_blank" href="http://csgo.duowan.com/1603/321033004655.html">演示视频</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>
+                </div>
+
+            </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>
+    <!-- E 模板-导航底部 -->
+    <script src="lib/mod.js"></script>
+    <script>
+        require('modules/list-new.js');
+    </script>
+</body>
+
+</html>

+ 0 - 0
2018专区/全军出击/src/_test.html


+ 574 - 0
2018专区/全军出击/src/_video.html

@@ -0,0 +1,574 @@
+<!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="video">
+    <div class="g-head2 head-inner" data-channel="多玩原创">
+        <!-- S 模板-导航头部 -->
+        <link rel="import" href="modules/header/header.html?__inline">
+        <!-- E 模板-导航头部 -->
+    </div>
+    
+    <div class="g-body page-video" style="background-image: url(/src/img/bg-index.jpg);"> 
+        <div class="g-zq-inner">
+            <div class="dw-mod-nav">
+                <div class="mod-hd">
+                    <table class="nav-fl">
+                        <tr>
+                            <td data-id="index">
+                                <a href="#">古剑专区</a>
+                            </td>
+                            <td>
+                                <a href="#">多玩首页</a>
+                            </td>
+                            <td>
+                                <a href="#">职业专区</a>
+                            </td>
+                            <td>
+                                <a href="#">同人圈子</a>
+                            </td>
+                            <td>
+                                <a href="#">游戏专区 </a>
+                            </td> 
+                            <td data-id="video">
+                                <a href="#">游戏视频 </a>
+                            </td> 
+                            <td>
+                                <a href="#">最新资讯 </a>
+                            </td> 
+                        </tr>
+                    </table>
+                    <ul class="nav-fr">
+                        <li>
+                            <a href="#">进入论坛</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="mod-bd clearfix">
+                    <div class="box-fl">
+                        <ul>
+                            <li>
+                                <label for="">新手入门</label>
+                                <a href="#">游戏下载</a>
+                                <a href="#">注意事项</a>
+                                <a href="#">段位奖励</a>
+                                <a href="#">上分技巧</a>
+                                <a href="#">上分技巧</a>
+                            </li>
+                            <li>
+                                <label for="">修炼之路</label>
+                                <a href="#">游戏下载</a>
+                                <a href="#">注意事项</a>
+                                <a href="#">段位奖励</a>
+                                <a href="#">上分技巧</a>
+                                <a href="#">上分技巧</a>
+                                <a href="#">注意事项</a>
+                                <a href="#">段位奖励</a>
+                                <a href="#">上分技巧</a>
+                                <a href="#">上分技巧</a>
+                                <a href="#">注意事项</a>
+                                <a href="#">段位奖励</a>
+                                <a href="#">上分技巧</a>
+                                <a href="#">上分技巧</a>
+                            </li>
+                            <li>
+                                <label for="">高手进阶</label>
+                                <a href="#">游戏下载</a>
+                                <a href="#">注意事项</a>
+                                <a href="#">段位奖励</a>
+                                <a href="#">上分技巧</a>
+                                <a href="#">上分技巧</a>
+                            </li>
+                            <li>
+                                <label for="">任务攻略</label>
+                                <a href="#">游戏下载</a>
+                                <a href="#">注意事项</a>
+                                <a href="#">段位奖励</a>
+                                <a href="#">上分技巧</a>
+                                <a href="#">上分技巧</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="box-fr">
+                        <div class="row">
+                            <a href="#" class="link-dl">下载游戏</a>
+                            <a href="#" class="link-bbs">注册账号</a>
+                        </div>
+                        <form action="http://so.duowan.com/cse/search" target="_blank">
+                            <div class="input-wrap clearfix">
+                                <input type="text" placeholder="" name="q" autocomplete="off">
+                                <input type="hidden" name="s" value="14439980297804472906">
+                                <input type="hidden" name="area" value="1">
+                                <input type="hidden" name="stp" value="1">
+                                <input type="hidden" name="srt" value="lds">
+                                <button type="submit" class="btn-search"></button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+
+            <div class="dw-mod-video mt-40 clearfix">
+                <div class="dw-mod-fl">
+                    <div class="g-ui-tab">
+                        <div class="g-tab__hd">
+                            <h2>视频<i></i></h2>
+                            <ul class="g-tab__nav">
+                                <li class="g-tab__trigger is-active"><a>全部</a></li>
+                                <li class="g-tab__trigger"><a>娱乐锦集</a></li>
+                                <li class="g-tab__trigger"><a>版本相关</a></li>
+                                <li class="g-tab__trigger"><a>解说视频</a></li>
+                            </ul>
+                            <div class="g-tab__ext g-lineList">
+                                <a href="#">更多</a>
+                            </div>
+                        </div>
+                        <div class="g-tab__bd">
+                            <div class="g-tab__panel">
+                                <ul class="g-comlist comlist-row3">
+                                    <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>
+                                                <div class="gItem-tag">守望先锋</div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                            <div class="gItem-info">
+                                                <span>逗鱼时刻</span>
+                                                <em class="date">2017-03-08 16:30</em>
+                                            </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>
+                                                <div class="gItem-tag">守望先锋</div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                            <div class="gItem-info">
+                                                <span>逗鱼时刻</span>
+                                                <em class="date">2017-03-08 16:30</em>
+                                            </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>
+                                                <div class="gItem-tag">守望先锋</div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                            <div class="gItem-info">
+                                                <span>逗鱼时刻</span>
+                                                <em class="date">2017-03-08 16:30</em>
+                                            </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>
+                                                <div class="gItem-tag">守望先锋</div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                            <div class="gItem-info">
+                                                <span>逗鱼时刻</span>
+                                                <em class="date">2017-03-08 16:30</em>
+                                            </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>
+                                                <div class="gItem-tag">守望先锋</div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                            <div class="gItem-info">
+                                                <span>逗鱼时刻</span>
+                                                <em class="date">2017-03-08 16:30</em>
+                                            </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>
+                                                <div class="gItem-tag">守望先锋</div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                            <div class="gItem-info">
+                                                <span>逗鱼时刻</span>
+                                                <em class="date">2017-03-08 16:30</em>
+                                            </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>
+                                                <div class="gItem-tag">守望先锋</div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                            <div class="gItem-info">
+                                                <span>逗鱼时刻</span>
+                                                <em class="date">2017-03-08 16:30</em>
+                                            </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>
+                                                <div class="gItem-tag">守望先锋</div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                            <div class="gItem-info">
+                                                <span>逗鱼时刻</span>
+                                                <em class="date">2017-03-08 16:30</em>
+                                            </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>
+                                                <div class="gItem-tag">守望先锋</div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                            <div class="gItem-info">
+                                                <span>逗鱼时刻</span>
+                                                <em class="date">2017-03-08 16:30</em>
+                                            </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>
+                                                <div class="gItem-tag">守望先锋</div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                            <div class="gItem-info">
+                                                <span>逗鱼时刻</span>
+                                                <em class="date">2017-03-08 16:30</em>
+                                            </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>
+                                                <div class="gItem-tag">守望先锋</div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                            <div class="gItem-info">
+                                                <span>逗鱼时刻</span>
+                                                <em class="date">2017-03-08 16:30</em>
+                                            </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>
+                                                <div class="gItem-tag">守望先锋</div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                            <div class="gItem-info">
+                                                <span>逗鱼时刻</span>
+                                                <em class="date">2017-03-08 16:30</em>
+                                            </div>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="dw-mod-fr">
+                    <div class="g-rank-tab" data-role="tab-rank">
+                        <div class="rank-tab__hd">
+                            <h2>视频排行榜<i></i></h2>
+                            <ul class="rank-tab__nav" data-switchable-role="nav">
+                                <li class="rank-tab__trigger is-active"><a>周榜</a></li>
+                                <li class="rank-tab__trigger"><a>月榜</a></li>
+                                <li class="rank-tab__trigger"><a>总榜</a></li>
+                            </ul>
+                        </div>
+                        <div class="rank-tab__bd" data-switchable-role="content">
+                            <div class="rank-tab__panel">
+                                <ul class="list-rank">
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <a href="#">
+                                                <div class="img-wrap">
+                                                    <img src="http://fed.webdev.ouj.com/100x56" alt="">
+                                                    <div class="index index-1">1</div>
+                                                </div>
+                                            </a>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <h3>
+                                                <a href="#">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </h3>
+                                            <p>
+                                                <span class="ranking-name">阿尔萨斯</span>
+                                                <span class="ranking-count">2.3w</span>
+                                            </p>
+                                        </div>
+                                    </li>
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <a href="#">
+                                                <div class="img-wrap">
+                                                    <img src="http://fed.webdev.ouj.com/100x56" alt="">
+                                                    <div class="index index-2">2</div>
+                                                </div>
+                                            </a>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <h3>
+                                                <a href="#">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </h3>
+                                            <p>
+                                                <span class="ranking-name">阿尔萨斯</span>
+                                                <span class="ranking-count">2.3w</span>
+                                            </p>
+                                        </div>
+                                    </li>
+                                    
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <a href="#">
+                                                <div class="img-wrap">
+                                                    <img src="http://fed.webdev.ouj.com/100x56" alt="">
+                                                    <div class="index index-3">3</div>
+                                                </div>
+                                            </a>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <h3>
+                                                <a href="#">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </h3>
+                                            <p>
+                                                <span class="ranking-name">阿尔萨斯</span>
+                                                <span class="ranking-count">2.3w</span>
+                                            </p>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <a href="#">
+                                                <div class="img-wrap">
+                                                    <img src="http://fed.webdev.ouj.com/100x56" alt="">
+                                                    <div class="index">3</div>
+                                                </div>
+                                            </a>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <h3>
+                                                <a href="#">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </h3>
+                                            <p>
+                                                <span class="ranking-name">阿尔萨斯</span>
+                                                <span class="ranking-count">2.3w</span>
+                                            </p>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <a href="#">
+                                                <div class="img-wrap">
+                                                    <img src="http://fed.webdev.ouj.com/100x56" alt="">
+                                                    <div class="index">3</div>
+                                                </div>
+                                            </a>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <h3>
+                                                <a href="#">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </h3>
+                                            <p>
+                                                <span class="ranking-name">阿尔萨斯</span>
+                                                <span class="ranking-count">2.3w</span>
+                                            </p>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <a href="#">
+                                                <div class="img-wrap">
+                                                    <img src="http://fed.webdev.ouj.com/100x56" alt="">
+                                                    <div class="index">3</div>
+                                                </div>
+                                            </a>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <h3>
+                                                <a href="#">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </h3>
+                                            <p>
+                                                <span class="ranking-name">阿尔萨斯</span>
+                                                <span class="ranking-count">2.3w</span>
+                                            </p>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <a href="#">
+                                                <div class="img-wrap">
+                                                    <img src="http://fed.webdev.ouj.com/100x56" alt="">
+                                                    <div class="index">3</div>
+                                                </div>
+                                            </a>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <h3>
+                                                <a href="#">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </h3>
+                                            <p>
+                                                <span class="ranking-name">阿尔萨斯</span>
+                                                <span class="ranking-count">2.3w</span>
+                                            </p>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <a href="#">
+                                                <div class="img-wrap">
+                                                    <img src="http://fed.webdev.ouj.com/100x56" alt="">
+                                                    <div class="index">3</div>
+                                                </div>
+                                            </a>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <h3>
+                                                <a href="#">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </h3>
+                                            <p>
+                                                <span class="ranking-name">阿尔萨斯</span>
+                                                <span class="ranking-count">2.3w</span>
+                                            </p>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <a href="#">
+                                                <div class="img-wrap">
+                                                    <img src="http://fed.webdev.ouj.com/100x56" alt="">
+                                                    <div class="index">3</div>
+                                                </div>
+                                            </a>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <h3>
+                                                <a href="#">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </h3>
+                                            <p>
+                                                <span class="ranking-name">阿尔萨斯</span>
+                                                <span class="ranking-count">2.3w</span>
+                                            </p>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <a href="#">
+                                                <div class="img-wrap">
+                                                    <img src="http://fed.webdev.ouj.com/100x56" alt="">
+                                                    <div class="index">3</div>
+                                                </div>
+                                            </a>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <h3>
+                                                <a href="#">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </h3>
+                                            <p>
+                                                <span class="ranking-name">阿尔萨斯</span>
+                                                <span class="ranking-count">2.3w</span>
+                                            </p>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <a href="#">
+                                                <div class="img-wrap">
+                                                    <img src="http://fed.webdev.ouj.com/100x56" alt="">
+                                                    <div class="index">3</div>
+                                                </div>
+                                            </a>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <h3>
+                                                <a href="#">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                            </h3>
+                                            <p>
+                                                <span class="ranking-name">阿尔萨斯</span>
+                                                <span class="ranking-count">2.3w</span>
+                                            </p>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="rank-tab__panel u-hide">内容 B</div>
+                            <div class="rank-tab__panel u-hide">内容 C</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- S 模板-导航底部 -->
+     <script src="http://www.duowan.com/assets/js/duowanFooter.js" charset="utf-8"></script>
+    <!-- E 模板-导航底部 -->
+    <script src="lib/mod.js"></script>
+    <script>require('modules/video.js');</script>
+</body>
+</html>

+ 253 - 0
2018专区/全军出击/src/common/dwudbproxy/css/dwLoginPopup.css

@@ -0,0 +1,253 @@
+.account-login-mask {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 20000;
+    width: 100%;
+    height: 100%;
+    background-color: #000;
+    opacity: .5;
+    zoom: 1;
+    -moz-opacity: .5;
+    filter: alpha(opacity=50)
+}
+
+.account-login-pop a {
+    color: #333
+}
+
+.account-login-pop a:hover {
+    text-decoration: none
+}
+
+.account-login-pop {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    z-index: 20001;
+    display: none;
+    margin: -174px 0 0 -260px;
+    width: 520px;
+    border-radius: 3px;
+    background: #fff;
+    box-shadow: 3px 3px 10px rgba(0, 0, 0, .3);
+    font-family: Microsoft Yahei
+}
+
+.account-login-pop .login {
+    position: relative;
+    padding: 10px 20px;
+    background: url(http://a.dwstatic.com/huya/main/img/header/login/login_bg_b2df113.jpg) bottom right no-repeat
+}
+
+.account-login-pop #login-tab {
+    position: relative
+}
+
+.account-login-pop .login-title {
+    position: absolute;
+    top: 9pt;
+    left: 5px;
+    width: 75pt;
+    color: #333;
+    font-weight: 400;
+    font-size: 1pc;
+    line-height: 28px
+}
+
+.account-login-pop .login-hd {
+    position: relative;
+    height: 38px;
+    border-bottom: 2px solid #d8d8d8;
+    font-size: 18px;
+    line-height: 38px
+}
+
+.login-hd .tab-btn {
+    display: inline-block;
+    width: 5pc;
+    color: #333;
+    text-align: center;
+    font-size: 18px;
+    cursor: pointer
+}
+
+.login-hd .tab-btn.active,
+.login-hd .tab-btn:hover {
+    color: #ff630e
+}
+
+.login-hd .line {
+    position: absolute;
+    top: 38px;
+    left: 0;
+    width: 5pc;
+    height: 2px;
+    background: #ff630e;
+    -webkit-transition: left .5s cubic-bezier(0.175, .885, .32, 1.175);
+    transition: left .5s cubic-bezier(0.175, .885, .32, 1.175)
+}
+
+.account-login-pop .login-bd {
+    min-height: 268px
+}
+
+.login-bd .tab-unit {
+    display: none
+}
+
+#udbsdk_login_content {
+    height: 180px
+}
+
+.account-login-pop .register-tab {
+    display: none;
+    padding-bottom: 20px
+}
+
+.account-login-pop .login-sidebar {
+    position: absolute;
+    top: 4pc;
+    right: 40px;
+    padding-left: 2pc;
+    height: 255px;
+    border-left: 1px solid #f0f0f0
+}
+
+.login-sidebar .title {
+    color: #909090;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 2pc
+}
+
+.account-login-pop .close {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    width: 13px;
+    height: 13px;
+    background-repeat: no-repeat;
+    cursor: pointer
+}
+
+.other-login {
+    font-size: 9pt
+}
+
+.other-login .login-btn {
+    display: block;
+    margin-bottom: 15px;
+    padding-left: 14px;
+    width: 111px;
+    height: 36px;
+    border-radius: 2px;
+    color: #fff;
+    text-align: left;
+    line-height: 36px;
+    cursor: pointer
+}
+
+.other-login .login-btn .icon {
+    float: left;
+    margin: 9px 4px 0 0;
+    width: 22px;
+    height: 18px
+}
+
+.other-login .login-btn.login-btn-wechat {
+    background: #46c33d
+}
+
+.other-login .login-btn.login-btn-wechat .icon {
+    background-repeat: no-repeat
+}
+
+.other-login .login-btn.login-btn-wechat:hover {
+    background: #4fcd46
+}
+
+.other-login .login-btn.login-btn-wechat:active {
+    background: #43be3a
+}
+
+.other-login .login-btn.login-btn-qq {
+    background: #3fa6ee
+}
+
+.other-login .login-btn.login-btn-qq .icon {
+    background-repeat: no-repeat
+}
+
+.other-login .login-btn.login-btn-qq:hover {
+    background: #46b0fa
+}
+
+.other-login .login-btn.login-btn-qq:active {
+    background: #46a4e6
+}
+
+.other-login .login-btn.login-btn-weibo {
+    background: #f75b66
+}
+
+.other-login .login-btn.login-btn-weibo .icon {
+    background-repeat: no-repeat
+}
+
+.other-login .login-btn.login-btn-weibo:hover {
+    background: #ff646f
+}
+
+.other-login .login-btn.login-btn-weibo:active {
+    background: #f25661
+}
+
+#use-mail,
+#use-phone {
+    color: #666;
+    cursor: pointer
+}
+
+.udbsdk_frm {
+    position: relative;
+    z-index: 333
+}
+
+.login-loading {
+    position: absolute;
+    top: 45%;
+    left: 155px;
+    display: none;
+    width: 1pc;
+    height: 1pc;
+    background: url(http://assets.dwstatic.com/amkit/p/duya/live2/img/loading.gif) no-repeat
+}
+
+.account-login-pop .close {
+    background-position: -22pc 0
+}
+
+.other-login .login-btn.login-btn-wechat .icon {
+    background-position: -343px -1pc
+}
+
+.other-login .login-btn.login-btn-qq .icon {
+    background-position: -343px -37px
+}
+
+.other-login .login-btn.login-btn-weibo .icon {
+    background-position: -343px -58px
+}
+
+.account-login-pop .close,
+.other-login .login-btn.login-btn-qq .icon,
+.other-login .login-btn.login-btn-wechat .icon,
+.other-login .login-btn.login-btn-weibo .icon {
+    background-image: url(http://a.dwstatic.com/huya/main/img/head_z_05ac3c3.png)
+}
+
+.account-login-pop iframe {
+    width: 300px;
+    height: 240px;
+}

+ 1323 - 0
2018专区/全军出击/src/common/dwudbproxy/css/vhuyaLoginPopup.css

@@ -0,0 +1,1323 @@
+.account-login-mask {
+    z-index: 20000;
+    position: fixed;
+    top: 0;
+    left: 0;
+    -moz-opacity: .5;
+    opacity: .5;
+    filter: alpha(opacity=50);
+    background-color: #000;
+    width: 100%;
+    height: 100%;
+    zoom: 1
+}
+
+.account-login-pop {
+    background: #fff;
+    border-radius: 4px;
+    width: 520px;
+    height: 280px;
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    margin-left: -260px;
+    margin-top: -140px;
+    z-index: 20001
+}
+
+.account-login-pop h2 {
+    font-size: 23px;
+    line-height: 30px;
+    font-family: "Microsoft Yahei";
+    color: #333;
+    font-weight: 400;
+    margin: 30px 0 35px 30px
+}
+
+.account-login-iframe {
+    display: none;
+    background: #fff;
+    border-radius: 4px;
+    width: 800px;
+    height: 400px;
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    margin-left: -400px;
+    margin-top: -200px;
+    z-index: 20001
+}
+
+.account-login-iframe iframe {
+    width: 800px;
+    height: 400px;
+    margin: 0;
+    padding: 0
+}
+
+.account-login-pop-close,
+.account-login-pop-close:hover {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    color: #52a3e2;
+    font-size: 16px;
+    text-decoration: none
+}
+
+.account-login-qq,
+.account-login-weibo,
+.account-login-yy {
+    float: left;
+    width: 172px
+}
+
+.account-login-qq a,
+.account-login-qq a:hover,
+.account-login-weibo a,
+.account-login-weibo a:hover,
+.account-login-yy a,
+.account-login-yy a:hover {
+    font-size: 12px;
+    color: #666;
+    text-decoration: none;
+    text-align: center;
+    display: block;
+    padding: 10px 0
+}
+
+.account-login-qq i,
+.account-login-weibo i,
+.account-login-yy i {
+    display: block;
+    width: 64px;
+    height: 64px;
+    margin: 0 auto 12px;
+    background: url(http://assets.dwstatic.com/amkit/p/duya/live2/img/account-icon.png) no-repeat;
+    cursor: pointer
+}
+
+.account-login-qq a:hover i,
+.account-login-weibo a:hover i,
+.account-login-yy a:hover i {
+    background-position: 0 -64px
+}
+
+.account-login-qq a:active i,
+.account-login-weibo a:active i,
+.account-login-yy a:active i {
+    background-position: 0 -128px
+}
+
+.account-login-qq {
+    border-right: 1px dotted #ddd;
+    border-left: 1px dotted #ddd
+}
+
+.account-login-qq i {
+    background-position: -64px 0
+}
+
+.account-login-qq a:hover i {
+    background-position: -64px -64px
+}
+
+.account-login-qq a:active i {
+    background-position: -64px -128px
+}
+
+.account-login-weibo i {
+    background-position: -128px 0
+}
+
+.account-login-weibo a:hover i {
+    background-position: -128px -64px
+}
+
+.account-login-weibo a:active i {
+    background-position: -128px -128px
+}
+
+.duya-header {
+    z-index: 999;
+    position: relative
+}
+
+.duya-header-wrap {
+    background: #f5f5f5;
+    border-bottom: 1px solid #e5e5e5
+}
+
+.duya-header .mod-list-more {
+    margin: 15px 0
+}
+
+#duya-header-logo {
+    width: 156px;
+    height: 100%;
+    float: left;
+    position: relative
+}
+
+#duya-header-logo a {
+    position: absolute;
+    left: 0;
+    top: 16px;
+    width: 156px;
+    overflow: hidden
+}
+
+.duya-header-nav {
+    margin-left: 40px;
+    float: left;
+    height: 100%
+}
+
+.hy-nav-link {
+    float: left;
+    color: #999;
+    font-size: 14px;
+    font-family: "Microsoft YaHei";
+    position: relative;
+    padding-top: 15px
+}
+
+.hy-nav-link a {
+    color: #555;
+    height: 52px;
+    line-height: 52px;
+    padding: 0 12px;
+    font-size: 24px;
+    display: block
+}
+
+.duya-header-on {
+    border-top: 2px solid #ff630e;
+    background: #fefefe;
+    height: 64px;
+    padding-top: 13px
+}
+
+.hy-nav-link:hover a,
+.duya-header-on a,
+.duya-header-on:hover a {
+    text-decoration: none;
+    color: #ff630e
+}
+
+.duya-header-wrap .un-login a {
+    padding: 0 5px
+}
+
+.duya-header-wrap .hy-nav-expand {
+    float: left;
+    font-size: 14px;
+    font-family: "Microsoft YaHei";
+    color: #999;
+    position: relative;
+    margin-top: 15px;
+    *margin-top: 13px
+}
+
+.hy-nav-expand .hy-nav-title {
+    cursor: pointer;
+    display: block;
+    padding: 0 15px;
+    line-height: 52px;
+    *line-height: 58px;
+    max-width: 118px;
+    height: 50px;
+    white-space: nowrap;
+    word-wrap: normal;
+    overflow: hidden;
+    -ms-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+    z-index: 100;
+    font-size: 16px;
+    position: relative
+}
+
+.hy-nav-expand .hy-nav-title span {
+    white-space: nowrap;
+    line-height: 28px
+}
+
+.hy-nav-expand .hy-nav-title a {
+    color: #444;
+    font-size: 24px
+}
+
+.hy-nav-expand .hy-nav-title a:hover {
+    text-decoration: none;
+    color: #fff
+}
+
+.hy-nav-expand .icon-arrow {
+    position: absolute;
+    top: 24px;
+    *top: 28px;
+    right: 6px;
+    width: 9px;
+    height: 5px;
+    margin-left: 7px;
+    background: url(http://a.dwstatic.com/huya/main/img/header/header_arrow_6e6acae.png) no-repeat
+}
+
+.duya-header-wrap .hy-nav-expand:hover .hy-nav-title a {
+    color: #323232
+}
+
+.duya-header-wrap .hy-nav-expand:hover .hy-nav-title a:hover {
+    color: #ff630e
+}
+
+.duya-header-wrap .hy-nav-expand:hover .icon-arrow {
+    background-position: 0 bottom
+}
+
+.duya-header-wrap .hy-nav-expand:hover .icon-msg {
+    display: none
+}
+
+.duya-header-wrap .nav-main .icon-arrow {
+    right: 10px;
+    -webkit-transition: .5s -webkit-transform;
+    transition: .5s transform
+}
+
+.duya-header-wrap .nav-main:hover .icon-arrow {
+    -webkit-transform: rotate(180deg);
+    -ms-transform: rotate(180deg);
+    transform: rotate(180deg)
+}
+
+.duya-header-wrap .hy-nav-expand .nav-main.hy-nav-title {
+    height: 65px;
+    padding-right: 22px
+}
+
+.duya-header-wrap .hy-nav-expand .nav-main.on a {
+    color: #ff630e
+}
+
+.duya-header-wrap .nav-expand-link {
+    white-space: nowrap;
+    word-break: keep-all
+}
+
+.duya-header-wrap .nav-expand-link a {
+    display: inline-block;
+    line-height: 32px;
+    padding: 0 5px;
+    color: #616161;
+    font-size: 14px;
+    text-align: left
+}
+
+.duya-header-wrap .nav-expand-link a.pre-title {
+    color: #323232
+}
+
+.duya-header-wrap .nav-expand-link a:hover {
+    color: #fa0;
+    text-decoration: none
+}
+
+.duya-header-wrap .nav-host-link a {
+    display: block;
+    line-height: 32px;
+    padding: 0 12px;
+    font-size: 14px;
+    color: #616161;
+    text-align: left;
+    white-space: nowrap
+}
+
+.duya-header-wrap .nav-host-link a:hover {
+    color: #ff6d00;
+    text-decoration: none
+}
+
+.duya-header-wrap .duya-header-control {
+    position: absolute;
+    right: 0;
+    top: 0
+}
+
+.duya-header-control .hy-nav-link a,
+.duya-header-control .hy-nav-title {
+    font-size: 12px;
+    color: #999
+}
+
+.duya-header-control .nav-expand-link {
+    padding: 3px 10px 0
+}
+
+.nav-expand-list {
+    position: absolute;
+    display: none;
+    top: 54px;
+    left: 0;
+    z-index: 99;
+    padding: 0 8px 10px;
+    background-color: #fff;
+    border-top: 2px solid #ff6d00;
+    box-shadow: 0 3px 8px 2px rgba(1, 1, 1, .25)
+}
+
+.hy-nav-expand:hover .nav-expand-list {
+    display: block
+}
+
+.duya-header-control .nav-expand-list {
+    padding: 0;
+    padding-bottom: 10px
+}
+
+.duya-header-wrap .nav-expand-game {
+    width: 250px;
+    padding: 15px;
+    left: -100px
+}
+
+.duya-header-wrap .nav-expand-history {
+    width: 260px;
+    left: -140px;
+    padding: 13px 0
+}
+
+.duya-header-wrap .nav-expand-history .arrow {
+    left: 170px
+}
+
+.load-history {
+    padding-left: 13px
+}
+
+.history-bd {
+    padding: 10px 0;
+    border-left: 1px solid #ececec
+}
+
+.history-hd em {
+    float: left;
+    width: 7px;
+    height: 16px;
+    margin: 2px 0 0 -1px;
+    background: url(http://a.dwstatic.com/huya/main/img/history-icon_3230fd4.png) no-repeat 0 -87px
+}
+
+.history-bd li {
+    padding-left: 5px;
+    height: 30px;
+    overflow: hidden;
+    zoom: 1;
+    line-height: 30px
+}
+
+.history-bd li:hover {
+    background: #f5f5f5
+}
+
+.history-bd li:hover .close-history-li {
+    display: none
+}
+
+.history-bd li em {
+    background-image: url(http://a.dwstatic.com/huya/main/img/history-icon_3230fd4.png);
+    float: left;
+    margin: 10px 5px 0
+}
+
+.history-bd li em.pc {
+    width: 16px;
+    height: 13px
+}
+
+.history-bd li em.phone {
+    width: 17px;
+    height: 16px;
+    margin-top: 8px;
+    background-position: 0 -18px
+}
+
+.history-bd li em.web {
+    width: 16px;
+    height: 16px;
+    background-position: 0 -105px;
+    margin-top: 6px
+}
+
+.history-bd li em.live {
+    width: 16px;
+    height: 12px;
+    background-position: 0 -40px
+}
+
+.history-bd li a {
+    display: block;
+    color: #666;
+    white-space: nowrap;
+    word-wrap: normal;
+    overflow: hidden;
+    -ms-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+    -webkit-transition: color .2s ease-out;
+    transition: color .2s ease-out
+}
+
+.history-bd li .history-nick {
+    float: left;
+    width: 130px;
+    color: gray;
+    white-space: nowrap;
+    word-wrap: normal;
+    overflow: hidden;
+    -ms-text-overflow: ellipsis;
+    text-overflow: ellipsis
+}
+
+.history-bd li a:hover {
+    color: #fa0;
+    text-decoration: none
+}
+
+.history-type {
+    float: right;
+    padding-right: 5px;
+    white-space: nowrap;
+    word-wrap: normal;
+    overflow: hidden;
+    -ms-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+    color: #ff9000;
+    width: 65px
+}
+
+.nav-expand-history-more {
+    height: 24px;
+    line-height: 24px;
+    display: block;
+    color: #666;
+    text-align: center;
+    background: #f5f5f5;
+    font-size: 12px;
+    border-radius: 3px;
+    width: 240px;
+    margin: 10px auto 0
+}
+
+.nav-expand-history-more:hover {
+    text-decoration: none;
+    background: #ff7e00;
+    color: #fff
+}
+
+.nav-expand-game dl {
+    margin: 0 -5px 5px 0
+}
+
+.nav-expand-game dt {
+    margin-bottom: 5px
+}
+
+.nav-expand-game dd {
+    float: left;
+    width: 80px;
+    height: 24px;
+    text-align: center;
+    line-height: 24px;
+    background: #ebebeb;
+    border-radius: 3px;
+    margin: 0 5px 5px 0;
+    font-size: 12px;
+    white-space: nowrap;
+    word-wrap: normal;
+    overflow: hidden;
+    -ms-text-overflow: ellipsis;
+    text-overflow: ellipsis
+}
+
+.nav-expand-game dd a {
+    text-decoration: none;
+    color: #666
+}
+
+.nav-expand-game dd:hover {
+    color: #fff;
+    background: #ff7e00
+}
+
+.nav-expand-game dd:hover a {
+    color: #fff
+}
+
+.nav-expand-game-more {
+    height: 24px;
+    line-height: 24px;
+    display: block;
+    color: #666;
+    text-align: center;
+    background: #f5f5f5;
+    font-size: 12px;
+    border-radius: 3px;
+    margin-bottom: 10px
+}
+
+.nav-expand-game-more:hover {
+    text-decoration: none;
+    background: #ff7e00;
+    color: #fff
+}
+
+.nav-expand-game img {
+    width: 250px;
+    height: 60px
+}
+
+.nav-subscribe {
+    margin-right: 4px
+}
+
+.nav-subscribe .nav-expand-list {
+    width: 252px;
+    left: -70px
+}
+
+.nav-subscribe .nav-expand-list .arrow {
+    left: 100px
+}
+
+.nav-subscribe .subscribe-hd h5 {
+    padding: 5px 0 0 13px;
+    color: #323232;
+    line-height: 32px;
+    font-size: 14px
+}
+
+.nav-subscribe .subscribe-hd em {
+    color: #ff6d00
+}
+
+.nav-subscribe .subscribe-hd a {
+    float: right;
+    padding: 0;
+    color: #323232;
+    line-height: 16px
+}
+
+.nav-subscribe .subscribe-hd a:hover {
+    color: #ff6d00;
+    text-decoration: none
+}
+
+.nav-subscribe .subscribe-bd {
+    width: 252px;
+    position: relative
+}
+
+.subscribe-list-item {
+    height: 50px;
+    padding: 0 16px 0 13px;
+    font-size: 12px
+}
+
+.subscribe-list-item:hover {
+    background: #f5f5f5
+}
+
+.subscribe-bd .video-link {
+    display: block;
+    height: 100%;
+    text-decoration: none;
+    cursor: pointer
+}
+
+.subscribe-bd .video-link:hover .video-info {
+    color: #ff630e
+}
+
+.subscribe-bd .video-info {
+    display: block;
+    margin-top: 5px;
+    height: 20px;
+    color: #666;
+    line-height: 20px;
+    text-decoration: none;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.subscribe-bd .video-info .media-icon {
+    float: left;
+    margin: 4px 6px 0 0;
+    width: 15px;
+    height: 12px;
+    background-repeat: no-repeat;
+}
+
+.subscribe-bd .video-detail .name-icon {
+    float: left;
+    margin: 2px 6px 0 0;
+    width: 14px;
+    height: 14px;
+    background-repeat: no-repeat;
+}
+
+.subscribe-bd .video-detail {
+    height: 20px;
+    line-height: 20px;
+    color: #999
+}
+
+.subscribe-bd .video-num {
+    float: left;
+    width: 130px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.subscribe-bd .gametype {
+    float: right;
+    width: 90px;
+    text-align: right;
+    color: #ff6d00;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.subscribe-bd .subscribe-all {
+    display: block;
+    margin: 16px auto 0;
+    width: 220px;
+    height: 24px;
+    text-align: center;
+    line-height: 24px;
+    color: #666;
+    background: #f5f5f5;
+    text-decoration: none
+}
+
+.subscribe-bd .subscribe-all:hover {
+    background: #ff9000;
+    color: #fff
+}
+
+.duya-header-search {
+    float: left;
+    width: 220px;
+    height: 30px;
+    margin: 24px 0 0 20px;
+    background-color: #fefefe;
+    border-radius: 15px;
+    position: relative;
+    display: inline;
+    border: 1px solid #e0e0e0
+}
+
+.duya-header-search input {
+    background: 0;
+    border: 0;
+    margin: 4px 0 4px 13px;
+    width: 177px;
+    height: 22px;
+    line-height: 22px;
+    color: #999;
+    outline: 0;
+    padding: 0;
+    font-size: 12px;
+    float: left
+}
+
+.duya-header-search input:focus {
+    color: #444
+}
+
+.duya-header-search .btn-search {
+    float: left;
+    height: 30px;
+    width: 26px;
+    cursor: pointer;
+    border: 0;
+    outline: 0;
+    background-color: transparent;
+    background-repeat: no-repeat;
+}
+
+.duya-header-search .btn-search:hover {
+    background-color: transparent;
+    background-repeat: no-repeat;
+}
+
+.duya-header .duya-header-tips {
+    top: 80px
+}
+
+.header-search-tips {
+    position: absolute;
+    top: 37px;
+    left: 0;
+    min-width: 220px;
+    _width: 220px;
+    *width: 220px;
+    margin: 11px 0 0 -13px;
+    background-color: #fff;
+    border-bottom: 2px solid #f6f6f6;
+    font-size: 12px;
+    box-shadow: 0 3px 8px 2px rgba(1, 1, 1, .25)
+}
+
+.header-search-tips li {
+    line-height: 30px;
+    height: 30px;
+    color: #666;
+    overflow: hidden;
+    cursor: pointer;
+    padding: 0 15px
+}
+
+.header-search-tips li:hover {
+    color: #666;
+    background-color: #ececec
+}
+
+.header-search-tips .his-items em {
+    width: 14px;
+    height: 14px;
+    text-align: center;
+    line-height: 14px;
+    display: inline-block;
+    margin-right: 8px;
+    vertical-align: middle;
+    *display: inline;
+    *zoom: 1;
+    background-repeat: no-repeat;
+}
+
+.header-search-tips .his-items .del-item-link {
+    float: right;
+    padding: 0 5px;
+    height: 30px;
+    margin-right: -5px
+}
+
+.header-search-tips .his-items .del-item-link span {
+    display: inline-block;
+    *display: block;
+    *margin-top: 12px;
+    vertical-align: middle;
+    width: 8px;
+    height: 7px;
+    text-indent: -9999em;
+    background-repeat: no-repeat;
+}
+
+.header-search-tips .clear-his-btn {
+    display: block;
+    width: 190px;
+    height: 25px;
+    background-color: #ececec;
+    text-align: center;
+    line-height: 25px;
+    margin: 6px auto 8px;
+    border-radius: 2px;
+    color: #6e6e6e
+}
+
+.header-search-tips .clear-his-btn:hover {
+    color: #fff;
+    background: #ff6d00;
+    text-decoration: none
+}
+
+.header-search-tips .his-items-line {
+    height: 0;
+    border-bottom: 1px solid #e6e6e6;
+    margin-bottom: 6px
+}
+
+.header-search-tips .search-items em {
+    width: 16px;
+    height: 16px;
+    text-align: center;
+    line-height: 16px;
+    font-size: 12px;
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    background: #d8d8d8;
+    color: #666;
+    border-radius: 8px;
+    margin-right: 8px
+}
+
+.header-search-tips .search-items em.top-item {
+    background: #ff6d00;
+    color: #fff
+}
+
+.header-search-tips .search-item-hover {
+    background-color: #363636
+}
+
+.header-search-tips .search-tips-icon {
+    position: absolute;
+    top: -12px;
+    left: 10px;
+    width: 0;
+    height: 0;
+    border: 6px solid #fff;
+    border-color: transparent transparent #fff
+}
+
+.duya-header-bd {
+    width: 1200px;
+    margin: 0 auto;
+    height: 79px;
+    position: relative
+}
+
+.duya-header-bd .success-login,
+.duya-header-bd .un-login {
+    display: none
+}
+
+.duya-header-bd .nav-user .nav-expand-list {
+    width: 120px;
+    padding-top: 10px!important
+}
+
+.duya-header-tips {
+    position: absolute;
+    display: none;
+    right: 0;
+    width: 230px;
+    border: 1px solid #feb;
+    padding: 0 20px 0 10px;
+    box-shadow: 0 4px 9px 0 rgba(1, 1, 1, .08);
+    background-color: #fffee1;
+    zoom: 1;
+    font-size: 14px;
+    font-family: "Microsoft YaHei"
+}
+
+.duya-header-tips:after,
+.duya-header-tips:before {
+    content: "";
+    display: table;
+    line-height: 0
+}
+
+.duya-header-tips:after {
+    clear: both
+}
+
+.duya-header-tips.appear-tips {
+    display: block
+}
+
+.duya-header-tips p {
+    line-height: 26px
+}
+
+.duya-header-tips p.tips-top {
+    display: none;
+    line-height: 36px
+}
+
+.duya-header-tips h5 {
+    line-height: 30px;
+    border-top: 1px solid #feb;
+    margin-top: -1px;
+    padding-top: 5px;
+    color: #666;
+    font-size: 14px;
+    font-weight: 400
+}
+
+.duya-header-tips h6 {
+    color: #666;
+    font-size: 14px;
+    line-height: 24px;
+    margin-bottom: 5px;
+    font-weight: 400
+}
+
+.duya-header-tips h6 label {
+    display: inline-block;
+    vertical-align: middle;
+    cursor: pointer
+}
+
+.duya-header-tips h6 input {
+    margin-right: 5px;
+    display: inline-block;
+    vertical-align: middle
+}
+
+.duya-header-tips .refresh-tips {
+    display: none
+}
+
+.duya-header-tips .refresh-tips a,
+.duya-header-tips .refresh-tips em {
+    vertical-align: middle
+}
+
+.duya-header-tips .refresh-tips span {
+    max-width: 110px;
+    margin-right: 5px;
+    display: inline-block;
+    vertical-align: middle;
+    white-space: nowrap;
+    word-wrap: normal;
+    overflow: hidden;
+    -ms-text-overflow: ellipsis;
+    text-overflow: ellipsis
+}
+
+.duya-header-tips #refresh-wrap {
+    display: none
+}
+
+.duya-header-tips .refresh-current {
+    cursor: pointer;
+    color: #00a384
+}
+
+.duya-header-tips .refresh-current:hover {
+    color: #00b08c
+}
+
+.duya-header-tips .close-tips {
+    position: absolute;
+    display: block;
+    font-size: 18px;
+    width: 24px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    right: 0;
+    top: 0;
+    color: #6f6f6f;
+    cursor: pointer
+}
+
+.subscribe-list {
+    position: relative;
+    overflow: hidden;
+    *zoom: 1
+}
+
+.subscribe-list:after,
+.subscribe-list:before {
+    content: "";
+    display: table;
+    line-height: 0
+}
+
+.subscribe-list:after {
+    clear: both
+}
+
+.clearfix {
+    *zoom: 1
+}
+
+.clearfix:after,
+.clearfix:before {
+    content: "";
+    display: table;
+    line-height: 0
+}
+
+.clearfix:after {
+    clear: both
+}
+
+.mod-list-more {
+    font-size: 14px;
+    color: #3a3a3a;
+    font-family: "Microsoft YaHei";
+    text-align: center
+}
+
+.mod-list-more .icon-loading {
+    vertical-align: middle;
+    display: inline-block;
+    background: url(http://assets.dwstatic.com/amkit/p/duya/live2/img/loading.gif) no-repeat;
+    width: 16px;
+    height: 16px;
+    margin-right: 4px
+}
+
+.mod-list-more .more-empty,
+.mod-list-more .more-end {
+    display: none
+}
+
+.mod-list-more .more-empty p {
+    color: #323232;
+    font-size: 14px;
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    vertical-align: middle;
+    text-align: left
+}
+
+.mod-list-more .more-empty em {
+    font-size: 12px;
+    color: #aeaeae
+}
+
+.mod-list-more .icon-empty {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    vertical-align: middle;
+    width: 40px;
+    height: 40px;
+    background: url(http://assets.dwstatic.com/amkit/p/duya/live2/img/pic-global.png) -155px -117px no-repeat;
+    margin-right: 0
+}
+
+.duya-header-wrap .arrow {
+    position: absolute;
+    top: -12px;
+    *top: -32px;
+    width: 0;
+    left: 50%;
+    margin-left: -5px;
+    border: 5px solid;
+    border-color: transparent transparent #ff6d00
+}
+
+.hy-nav-right .arrow {
+    *top: -30px
+}
+
+.hy-nav-right {
+    float: left;
+    margin-top: 15px;
+    font-family: "Microsoft YaHei";
+    color: #999;
+    position: relative;
+    height: 64px;
+    background: url(http://a.dwstatic.com/huya/main/img/header/header_line_3f9a129.png) right 4px no-repeat
+}
+
+.duya-header-wrap .no-border {
+    background: none!important
+}
+
+.hy-nav-right .title,
+.hy-nav-right .register-btn {
+    color: #999;
+    text-decoration: none
+}
+
+.hy-nav-right .hy-nav-title:hover .title {
+    color: #ff630e
+}
+
+.hy-nav-right .hy-nav-title .title.gray {
+    color: #999
+}
+
+.hy-nav-right .hy-nav-title .register-btn:hover {
+    color: #ff630e
+}
+
+.hy-nav-right .hy-nav-title {
+    padding-top: 7px;
+    line-height: 28px;
+    width: 60px;
+    text-align: center;
+    cursor: pointer
+}
+
+.nav-user .hy-nav-title {
+    text-align: center;
+    width: 110px;
+    padding: 7px 5px 0;
+    white-space: nowrap;
+    word-wrap: normal;
+    overflow: hidden;
+    -ms-text-overflow: ellipsis;
+    text-overflow: ellipsis
+}
+
+.hy-nav-right .hy-nav-title-login {
+    width: 96px
+}
+
+.nav-user .hy-nav-title .username {
+    font-size: 14px;
+    color: #666;
+    line-height: 38px
+}
+
+.nav-user .hy-nav-title .username:hover {
+    color: #ff6d00
+}
+
+.hy-nav-right:hover .nav-expand-list {
+    display: block
+}
+
+.hy-nav-icon {
+    display: block;
+    margin: 0 auto;
+    width: 20px;
+    height: 18px
+}
+
+.hy-nav-login-icon {
+    background-repeat: no-repeat;
+}
+
+.hy-nav-subscribe-icon {
+    background-repeat: no-repeat;
+}
+
+.hy-nav-history-icon {
+    background-repeat: no-repeat;
+}
+
+.hy-nav-zhubo-icon {
+    background-repeat: no-repeat;
+}
+
+.hy-nav-right .hy-nav-title:hover .hy-nav-login-icon {
+    background-repeat: no-repeat;
+}
+
+.hy-nav-right .hy-nav-title:hover .hy-nav-subscribe-icon {
+    background-repeat: no-repeat;
+}
+
+.hy-nav-right .hy-nav-title:hover .hy-nav-history-icon {
+    background-repeat: no-repeat;
+}
+
+.hy-nav-right .hy-nav-title:hover .hy-nav-zhubo-icon {
+    background-repeat: no-repeat;
+}
+
+.duya-header-wrap .icon-msg {
+    width: 5px;
+    height: 5px;
+    display: inline-block;
+    position: absolute;
+    top: 16px;
+    right: 19px;
+    background: url(http://assets.dwstatic.com/amkit/p/duya/live2/img/pic-global.png) -77px -8px no-repeat
+}
+
+.w-1000 .duya-header-nav {
+    margin-left: 20px
+}
+
+.w-1000 .duya-header-bd {
+    width: 1000px
+}
+
+.w-1000 .duya-header-search {
+    margin: 24px 0 0 8px
+}
+
+.w-1000 .duya-header-search {
+    width: 180px
+}
+
+.w-1000 .duya-header-search input {
+    width: 137px
+}
+
+.w-1000 .header-search-tips {
+    min-width: 180px;
+    _width: 180px;
+    *width: 180px
+}
+
+.w-1000 .header-search-tips .clear-his-btn {
+    width: 150px
+}
+
+.subscribe-bd .video-info .media-icon {
+    background-position: -11px 0px
+}
+
+.subscribe-bd .video-detail .name-icon {
+    background-position: -12px -15px
+}
+
+.duya-header-search .btn-search {
+    background-position: 0px -32px
+}
+
+.duya-header-search .btn-search:hover {
+    background-position: 0px -65px
+}
+
+.header-search-tips .his-items em {
+    background-position: -12px -98px
+}
+
+.header-search-tips .his-items .del-item-link span {
+    background-position: -18px -115px
+}
+
+.hy-nav-login-icon {
+    background-position: -6px -125px
+}
+
+.hy-nav-subscribe-icon {
+    background-position: -6px -146px
+}
+
+.hy-nav-history-icon {
+    background-position: -6px -167px
+}
+
+.hy-nav-zhubo-icon {
+    background-position: -6px -188px
+}
+
+.hy-nav-right .hy-nav-title:hover .hy-nav-login-icon {
+    background-position: -6px -209px
+}
+
+.hy-nav-right .hy-nav-title:hover .hy-nav-subscribe-icon {
+    background-position: -6px -230px
+}
+
+.hy-nav-right .hy-nav-title:hover .hy-nav-history-icon {
+    background-position: -6px -251px
+}
+
+.hy-nav-right .hy-nav-title:hover .hy-nav-zhubo-icon {
+    background-position: -6px -272px
+}
+
+.subscribe-bd .video-info .media-icon,
+.subscribe-bd .video-detail .name-icon,
+.duya-header-search .btn-search,
+.duya-header-search .btn-search:hover,
+.header-search-tips .his-items em,
+.header-search-tips .his-items .del-item-link span,
+.hy-nav-login-icon,
+.hy-nav-subscribe-icon,
+.hy-nav-history-icon,
+.hy-nav-zhubo-icon,
+.hy-nav-right .hy-nav-title:hover .hy-nav-login-icon,
+.hy-nav-right .hy-nav-title:hover .hy-nav-subscribe-icon,
+.hy-nav-right .hy-nav-title:hover .hy-nav-history-icon,
+.hy-nav-right .hy-nav-title:hover .hy-nav-zhubo-icon {
+    background-image: url(http://a.dwstatic.com/huya/main/img/head_z_6da45c7.png)
+}

+ 489 - 0
2018专区/全军出击/src/common/dwudbproxy/dwudbproxy.js

@@ -0,0 +1,489 @@
+(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');        
+    })
+
+    window.dwUDBProxy = dwUDBProxy;
+})(window, $);

+ 35 - 0
2018专区/全军出击/src/common/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
2018专区/全军出击/src/common/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>

+ 268 - 0
2018专区/全军出击/src/common/header/css/plus.css

@@ -0,0 +1,268 @@
+.g-plus-wrap{
+    padding: 10px;
+    border-top: 3px solid #e94646;
+    background: #fff;
+    box-shadow: 0px 0px 7px 0px rgba(6, 0, 1, 0.3);
+    z-index: 2001;
+    width: 310px;
+    display: none;
+    position: absolute;
+}
+
+.g-plus-wrap .wrap-arr{
+    position: absolute;
+    top: -10px;
+    left: 50%;
+    margin-left: -8px;
+    width: 0;
+    height: 0;
+    border-left: 8px solid transparent;
+    border-right: 8px solid transparent;
+    border-bottom: 10px solid #e94646;
+}
+
+.g-plus-hd{
+    padding-bottom: 10px;
+    border-bottom: 1px solid #ececec;
+}
+
+.g-plus-hd p{
+    font-size: 12px;
+    color: #999999;
+}
+
+.g-plus-hd .hd-center{
+    margin-bottom: 6px;
+}
+
+.g-plus-hd .hd-center span{
+    width: 60px;
+    height: 60px;
+    margin: 0 auto 10px;
+    display: block;
+    border-radius: 50%;
+    overflow: hidden;
+}
+
+.g-plus-hd .hd-center img{
+    width: 100%;
+    overflow: hidden;
+    display: block
+}
+
+.g-plus-hd .hd-center p{
+    font-size: 12px;
+    color: #999999;
+    text-align: center;
+    line-height: 20px;
+}
+
+.g-plus-hd .hd-col {
+    overflow: hidden;
+    line-height: 26px;
+}
+
+.g-plus-hd .hd-col .hd-btn{
+    float: right;
+    margin: 0 8px;
+    line-height: 25px;
+    border-radius: 3px;
+    background: #e94646;
+    color: #fff;
+    padding: 0 9px;
+    font-size: 12px;
+}
+
+.g-plus-hd .hd-col .hd-btn:hover{
+    opacity: 0.8;
+    text-decoration: none;
+}
+
+.g-plus-hd .hd-col .gold-num{
+    float: left;
+    line-height: 26px;
+    padding-left: 25px;
+    background: url(../img/gold.png) 0 center no-repeat;
+    color: #333333;
+    font-size: 14px;
+}
+
+.g-plus-hd .hd-col .gold-num strong{
+    color: #e94646;
+    font-weight: bold;
+    font-size: 14px;
+}
+
+.g-plus-bd{
+    padding-bottom: 15px;
+    border-bottom: 1px solid #ececec;
+}
+
+.g-plus-infoCol{
+    overflow: hidden;
+    margin-left: 115px;
+    padding-top: 6px;
+}
+
+.g-plus-infoCol li{
+    width: 90px;
+    float: left;
+    overflow: hidden;
+}
+
+.g-plus-infoCol li span{
+    float: left;
+    color: #999999;
+    width: 50px;
+    line-height: 32px;
+    font-size: 12px;
+}
+
+.g-plus-infoCol li em{
+    float: left;
+    color: #e94646;
+    font-size: 12px;
+    line-height: 32px;
+    font-weight: bold;
+}
+
+.g-plus-taskCol {
+    padding-top: 25px;
+    overflow: hidden;
+}
+
+.g-plus-taskCol li{
+    float: left;
+    width: 62px;
+    margin: 0 7px;
+}
+
+.g-plus-taskCol .task-icon{
+    width: 50px;
+    height: 50px;
+    margin: 0 auto;
+    border-radius: 50%;
+    overflow: hidden;
+}
+
+.g-plus-taskCol .task-icon img{
+    width: 100%;
+    height: 100%;
+}
+
+.g-plus-taskCol .task-action{
+    text-align: center;
+    height: 24px;
+    color: #fff;
+    background: #dfdee5;
+    border-radius: 12px;
+    font-size: 12px;
+    position: relative;
+    width: 100%;
+    overflow: hidden;
+    transition: opacity ease 300ms;
+}
+
+.g-plus-taskCol .task-icon.icon-sign{
+    background: url(../img/sign-task.png) center no-repeat;
+}
+
+.g-plus-taskCol .task-action:hover{
+    opacity: 0.8;
+}
+
+.g-plus-taskCol .task-action span{
+    float: left;
+    height: 24px;
+    background: #e94646;
+}
+
+.g-plus-taskCol .task-action em{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 2012;
+    line-height: 24px;
+    cursor: pointer;
+}
+
+.g-plus-taskCol .task-action em.tpDefault{
+    cursor: default;
+}
+
+.g-plus-taskCol p{
+    padding: 3px 0;
+    line-height: 20px;
+    color: #999999;
+    font-size: 12px;
+    text-align: center;
+}
+.g-plus-bd h5{
+    line-height: 36px;
+    color: #999999;
+    font-size: 12px;
+    font-weight: normal;
+}
+
+.g-plus-process{
+    background: #ebeaf0;
+    height: 6px;
+    border-radius: 4px;
+    position: relative;
+    overflow: hidden;
+}
+
+.g-plus-process span{
+    float: left;
+    height: 6px;
+    background: #e94646;
+}
+
+.g-plus-ft{
+    padding: 18px 0 0;
+}
+
+.g-plus-ft ul{
+    overflow: hidden;
+}
+
+.g-plus-ft li{
+    color: #666666;
+    font-size: 12px;
+    text-align: center;
+    float: left;
+    width: 77px;
+}
+
+.g-plus-ft span{
+    display: block;
+    margin: 0 auto;
+    height: 34px;
+    cursor: pointer;
+}
+
+.g-plus-ft li a{
+    display: block;
+    outline: none;
+}
+
+.g-plus-ft span.ft-icon1{
+    background: url(../img/icon1.png) center no-repeat;
+}
+
+.g-plus-ft span.ft-icon2{
+    background: url(../img/icon2.png) center no-repeat;
+}
+
+.g-plus-ft span.ft-icon3{
+    background: url(../img/icon3.png) center no-repeat;
+}
+
+.g-plus-ft span.ft-icon4{
+    background: url(../img/icon4.png) center no-repeat;
+}
+
+.g-plus-ft em{
+    line-height: 32px;
+}

+ 56 - 0
2018专区/全军出击/src/common/header/header.html

@@ -0,0 +1,56 @@
+<div class="g-head_top">
+    <div class="g-inner">
+        <div class="g-head-left">
+            <h1 class="g-logo-title">
+                <a href="http://www.duowan.com">多玩游戏</a>
+            </h1>
+            <h2 class="g-logo-subtitle">
+                <a href="http://www.duowan.com">多玩游戏,多交朋友!</a>
+            </h2>
+            <h2 class="g-logo-channel">新闻中心</h2>
+            <!--<a href="http://www.duowan.com/old.html" target="_self" class="g-link-old">返回旧版</a>-->
+        </div>
+        <div class="g-head-mid">
+            <ul>
+                <li class="navlink-1"><a target="_blank" href="http://video.duowan.com/?r=videomanage/upload">上传视频</a></li>
+                <li class="navlink-2"><a href="">视频排行</a></li>
+                <li class="navlink-3"><a target="_blank" href="http://dou.duowan.com/">多玩豆中心</a></li>
+            </ul>
+        </div>
+        <div class="g-head-right">
+            <div class="g-item-btns">
+                <span class="g-btns-item g-btns-login">登录</span>|<a href="https://aq.yy.com/p/reg/mobile.do?fromadv=navigator" target="_blank" class="g-btns-item g-btns-register">注册</a>
+            </div>
+            <div class="g-item-uinfo">
+                <div class="g-uinfo-avatar">
+                    <img src="http://pub.dwstatic.com/common/img/blank.png" alt="" />
+                </div>
+                <a href="" class="g-uinfo-name">XXX马甲asdasdasdasd</a>
+                <i></i>
+                <ul class="g-uinfo-link expand-list">
+                    <li><a href="">我的主页</a></li>
+                    <li><a href="">每日任务</a></li>
+                    <li><a href="">账号设置</a></li>
+                    <li><a href="">游戏订阅</a></li>
+                    <li><a href="">博客订阅</a></li>
+                    <li><a href="">视频管理</a></li>
+                    <li><a href="">我的收藏</a></li>
+                    <li><a href="">我的消息</a></li>
+                    <li><a href="javascript:;" class="g-btns-loggout">退出</a></li>
+                </ul>
+            </div>
+            <form action="http://so.duowan.com/cse/search" target="_blank" class="g-item-search">
+                <input type="text" placeholder="炉石传说" name="q" autocomplete="off">
+                <input type="hidden" name="s" value="14439980297804472906">
+                <button type="submit" class="g-icon-search"></button>
+                <div class="g-search-tips">
+                    <ul>
+                        <li><a href="http://lol.duowan.com/hezi/app/index.html" target="_blank">LOL手机盒子</a></li>
+                        <li><a href="http://lol.duowan.com/LPL/" target="_blank" title="LPL英雄联盟职业联赛">LPL</a></li>
+                        <li><a href="http://v.duowan.com/" target="_blank">神镜头</a></li>
+                    </ul>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>

+ 71 - 0
2018专区/全军出击/src/common/header/header.js

@@ -0,0 +1,71 @@
+(function() {
+    var header = {
+        init : function() {
+            var _ts = this;
+
+            _ts.checkLogin();
+
+            var $head = $(".g-head2");
+
+            $head.on("focus", ".g-item-search input[type='text']", function() {
+                $head.find(".g-search-tips").show();
+            }).on("blur", ".g-item-search input[type='text']", function() {
+                setTimeout(function() {
+                    $head.find(".g-search-tips").hide();
+                }, 500);
+            })
+
+            $head.on("click", ".g-btns-login", function() {
+                dwUDBProxy.login('');
+            }).on("click", ".g-btns-loggout", function() {
+                dwUDBProxy.logout('');
+            })
+
+            $head.on("click", ".navlink-1", function() {
+                if(!dwUDBProxy.isLogin()) {
+                    dwUDBProxy.login('');
+                    return false;
+                }
+            })
+
+            var channel = $head.attr("data-channel");
+            if(channel) {
+                $(".g-logo-channel").html(channel).show();
+            } else {
+                $(".g-logo-subtitle").show();
+            }
+        },
+        //调用论坛接口获取用户信息
+        getUserInfo : function(uid) {
+            var url = "http://bbs.duowan.com/api/getavatar.php?uid=" + uid;
+            $.ajax({
+                url : url,
+                dataType : 'jsonp',
+                success : function(ret) {
+                    if(ret.msg && ret.msg.small){
+                        $(".g-uinfo-avatar img").attr("src", ret.msg.small);
+                    }
+                }
+            })
+        },
+        checkLogin : function() {
+            var _ts = this;
+            if(!dwUDBProxy.isLogin()) {
+                $(".g-item-btns").show();
+            } else {
+                var userName = dwUDBProxy.getUsername();
+                $(".g-uinfo-name").html(userName);
+                $(".g-item-uinfo").show();
+
+                var userId = dwUDBProxy.getCookie('yyuid');
+                if(userId) {
+                    _ts.getUserInfo(userId);
+                }
+            }
+        }
+    }
+
+    header.init();
+
+    $.getScript("http://plus.duowan.com/static/widget/plus/plus.js");
+})()

BIN
2018专区/全军出击/src/common/header/img/gold.png


BIN
2018专区/全军出击/src/common/header/img/icon1.png


BIN
2018专区/全军出击/src/common/header/img/icon2.png


BIN
2018专区/全军出击/src/common/header/img/icon3.png


BIN
2018专区/全军出击/src/common/header/img/icon4.png


BIN
2018专区/全军出击/src/common/header/img/sign-task.png


+ 90 - 0
2018专区/全军出击/src/common/header/tpl/plus.tmpl

@@ -0,0 +1,90 @@
+<em class="wrap-arr"></em>
+<div class="g-plus-hd">
+    <div class="hd-center">
+        <span>
+            <img src="<%= userInfo.avatar %>" alt="" onerror="this.onerror=null;this.src='http://att.bbs.duowan.com/avatar/noavatar_small.jpg'">
+        </span>
+        <p><%= userInfo.user_name %></p>
+    </div>
+    <p>我的金豆</p>
+    <div class="hd-col">
+        <span class="gold-num"><strong><%= userInfo.gold / 100 %></strong>个</span>
+        <a href="<%= baseUrl %>/account" target="_blank" class="hd-btn">查看明细</a>
+        <a href="<%= baseUrl %>/" target="_blank" class="hd-btn">兑换奖品</a>
+    </div>
+</div>
+<div class="g-plus-bd">
+    <h5>我的任务</h5>
+    <div class="g-plus-process">
+        <span style="width:70%;"></span>
+    </div>
+    <ul class="g-plus-infoCol">
+        <li>
+            <span>每日签到</span>
+            <em class="get-sign-gold">+<%= defaultTasks.signedGold / 100 %></em>
+        </li>
+    </ul>
+    <ul class="g-plus-taskCol">
+        <li>
+            <div class="task-icon icon-sign"></div>
+            <p>每日签到<br/>领取金豆</p>
+            <% if(defaultTasks.signedGold == 0) { %>
+            <div class="task-action action-sign">
+                <span style="width:100%;"></span>                
+                <em>马上签到</em>                
+            </div>
+            <% } else { %>
+            <div class="task-action">
+                <em class="tpDefault">已签到</em>                
+            </div>
+            <% } %>
+        </li>
+        <% for(var i = 0; i < tasks.length; i++) { %>
+        <li data-taskid="<%= tasks[i].task_id %>">
+            <div class="task-icon">
+                <img src="<%= tasks[i].task_bg %>" alt="">
+            </div>
+            <p><%= tasks[i].task_name %></p>
+            <div class="task-action">
+                <% if(tasks[i].status == 4) { %>
+                <em class="tpDefault">已完成</em>
+                <% } else if(tasks[i].status == 3) { %>
+                <span style="width:100%;"></span>
+                <em class="action-reward">领取奖励</em>
+                <% } else if(tasks[i].status == 2) { %>
+                <span style='width:<%= tasks[i].value / tasks[i].require_num * 100 %>%'></span>
+                <em class="tpDefault"><%= tasks[i].value + '/' + tasks[i].require_num %></em>
+                <% } %>
+            </div>
+        </li>
+        <% } %>
+    </ul>
+</div>
+<div class="g-plus-ft">
+    <ul>
+        <li>
+            <a target="_blank" href="<%= baseUrl %>/">
+                <span class="ft-icon1"></span>
+                <em>金豆商城</em>
+            </a>
+        </li>
+        <li>
+            <a target="_blank" href="<%= baseUrl %>/userTask">
+                <span class="ft-icon2"></span>
+                <em>金豆任务</em>
+            </a>
+        </li>
+        <li>
+            <a target="_blank" href="<%= baseUrl %>/order">
+                <span class="ft-icon3"></span>
+                <em>我的订单</em>
+            </a>
+        </li>
+        <li>
+            <a target="_blank" href="<%= baseUrl %>/help">
+                <span class="ft-icon4"></span>
+                <em>帮助中心</em>
+            </a>
+        </li>
+    </ul>
+</div>

ファイルの差分が大きいため隠しています
+ 1237 - 0
2018专区/全军出击/src/common/navbar/navbar.js


BIN
2018专区/全军出击/src/common/newsPopup/assets/dw_big_text.png


BIN
2018专区/全军出击/src/common/newsPopup/assets/dw_mini_popup_logo.png


BIN
2018专区/全军出击/src/common/newsPopup/assets/dw_news_littleboy.png


BIN
2018专区/全军出击/src/common/newsPopup/assets/finger.swf


BIN
2018专区/全军出击/src/common/newsPopup/assets/news_type_image.png


BIN
2018专区/全军出击/src/common/newsPopup/assets/news_type_video.png


BIN
2018专区/全军出击/src/common/newsPopup/assets/play_icon.png


BIN
2018专区/全军出击/src/common/newsPopup/assets/popup_hide.png


+ 441 - 0
2018专区/全军出击/src/common/newsPopup/css/miniPopup.css

@@ -0,0 +1,441 @@
+.dw-mini-popup {
+    position: fixed;
+    right: -380px;
+    bottom: 0px;
+    width: 300px;
+    height: 426px;
+    background: #fff;
+    box-shadow: 0 0 3px 0 #dcdcdc;
+    *border: 1px solid #f6f6f6;
+    font-family: "Microsoft Yahei";
+    z-index: 9999;
+}
+
+.dw-mini-popup.show {
+    right: 0;
+}
+
+
+/*通用样式*/
+
+.dw-mini-popup ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.dw-mini-popup a {
+    text-decoration: none;
+}
+
+.dw-mini-popup .footer-shadow {
+    position: absolute;
+    width: 100%;
+    bottom: 0;
+    background-color: rgb(0, 0, 0);
+    background-color: rgba(0, 0, 0,.8);
+    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
+    color: #fff;
+    font: 12px/24px "Simsun";
+    text-align: center;
+}
+
+.dw-mini-popup .news-image {
+    display: block;
+    width: 100%;
+    border: none;
+}
+
+.dw-mini-popup .news-link {
+    position: relative;
+    display: block;
+    color: #333333;
+    overflow: hidden;
+}
+
+
+/*
+.dw-mini-popup .news-link:hover {
+    opacity: .8;
+    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
+}*/
+
+
+/*头部*/
+
+.dw-mini-popup .dw-popup-title {
+    height: 40px;
+    padding-left: 10px;
+    background: #e94646;
+    overflow: hidden;
+}
+
+.dw-popup-title .popup-title {
+    float: left;
+    height: 100%;
+}
+
+.dw-popup-title .dw-popup-hide {
+    float: right;
+    width: 8px;
+    height: 40px;
+    padding: 0 10px;
+    background: url(../assets/popup_hide.png) no-repeat center;
+    cursor: pointer;
+}
+
+.dw-popup-title .dw-popup-hide:hover {
+    background-color: #ed6c6c;
+}
+
+.dw-popup-title .web-address {
+    float: left;
+    cursor: pointer;
+}
+
+.dw-popup-title .dw-popup-icon {
+    float: left;
+    height: 40px;
+    width: 26px;
+    background: url(../assets/dw_mini_popup_logo.png) no-repeat center;
+}
+
+.dw-popup-title .popup-title .dw-name {
+    float: left;
+    width: 60px;
+    height: 20px;
+    background: url(../assets/dw_big_text.png) no-repeat center;
+    margin: 10px 5px;
+    color: #fff;
+}
+
+.dw-popup-title .popup-title .dw-popup-tip {
+    float: left;
+    margin-top: 18px;
+    *margin-top: 16px;
+    font: 12px/1 "SimSun";
+    color: #ffc0c0;
+}
+
+
+/*导航*/
+
+.dw-mini-popup .dw-mini-popup-nav {
+    border-bottom: 1px solid #e3e3e3;
+    background: #fafafa;
+    font-size: 14px;
+    line-height: 33px;
+    text-align: center;
+}
+
+.dw-mini-popup .dw-mini-popup-nav .dw-mini-nav-list {
+    height: 34px;
+    margin: 0 -30px 0 0;
+}
+
+.dw-mini-popup .dw-mini-popup-nav .dw-mini-nav-item {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    margin-right: 30px;
+    cursor: pointer;
+}
+
+.dw-mini-popup .dw-mini-popup-nav .dw-mini-nav-item.active {
+    border-bottom: 2px solid #e94646;
+    font-weight: bold;
+    color: #e94646;
+}
+
+
+/*内容区域*/
+
+.dw-mini-popup .dw-mini-popup-content {
+    overflow: hidden;
+}
+
+.dw-mini-news-panel {
+    display: none;
+}
+
+.dw-mini-news-panel.active {
+    display: block;
+}
+
+
+/*要闻*/
+
+.popup-vital-news {
+    padding: 10px 10px 0 10px;
+}
+
+.popup-vital-news .big-news-wrap {
+    height: 156px;
+    position: relative;
+}
+
+.popup-vital-news .big-news-wrap .big-news {
+    display: block;
+    height: 100%;
+    overflow: hidden;
+}
+
+.popup-vital-news .big-news-wrap .footer-shadow {
+    height: 24px;
+}
+
+.popup-vital-news .main-news-wrap {
+    overflow: hidden;
+    margin-top: 10px;
+}
+
+.popup-vital-news .main-news-wrap .middle-news-wrap {
+    float: left;
+    width: 116px;
+}
+
+.middle-news-wrap .middle-news-item {
+    height: 78px;
+    margin-bottom: 10px;
+    overflow: hidden;
+}
+
+.middle-news-wrap .news-link {
+    height: 100%;
+}
+
+.middle-news-wrap .middle-news-item .footer-shadow {
+    height: 24px;
+}
+
+.popup-vital-news .main-news-wrap .text-news-wrap {
+    float: left;
+    width: 150px;
+    margin-left: 10px;
+    font-size: 0;
+    color: #333333;
+    overflow: hidden;
+}
+
+.text-news-list li {
+    overflow: hidden;
+    *zoom: 1;
+}
+
+.text-news-list .first-news a {
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 24px;
+    color: #e94646;
+}
+
+.text-news-list a {
+    display: block;
+    height: 24px;
+    font-size: 12px;
+    line-height: 24px;
+    color: #333333;
+    overflow: hidden;
+    text-overflow: clip;
+    *zoom: 1;
+}
+
+.text-news-list a:hover {
+    color: #e94646;
+    text-decoration: underline;
+}
+
+.text-news-list .type-news {
+    font-family: "SimSun";
+}
+
+.text-news-list .type-news i {
+    float: left;
+}
+
+.text-news-list .type-news.normal i,
+.text-news-list .type-news.red i {
+    width: 2px;
+    height: 2px;
+    margin: 13px 5px 0 0;
+    background-color: #ff6600;
+}
+
+.text-news-list .type-news.red a {
+    color: #e94646;
+}
+
+.text-news-list .type-news.video i,
+.text-news-list .type-news.image i {
+    width: 20px;
+    height: 24px;
+    background-color: #ff7d1a;
+}
+
+.text-news-list .type-news.video i {
+    background: url(../assets/news_type_video.png) no-repeat left center;
+}
+
+.text-news-list .type-news.image i {
+    background: url(../assets/news_type_image.png) no-repeat left center;
+}
+
+
+/*视频*/
+
+.popup-videos-wrap .dw-mini-video-list {
+    margin-right: -10px;
+    padding: 10px 10px 0 10px;
+    border-bottom: 1px solid #e3e3e3;
+    font-family: "Simsun";
+    overflow: hidden;
+}
+
+.popup-videos-wrap .dw-mini-video-item {
+    float: left;
+    width: 134px;
+    margin-right: 10px;
+}
+
+.popup-videos-wrap .dw-mini-video-item .play-icon {
+    position: absolute;
+    width: 16px;
+    height: 16px;
+    background-image: url(../assets/play_icon.png);
+    left: 5px;
+    top: 50px;
+}
+
+.popup-videos-wrap .news-image {
+    height: 73px;
+}
+
+.popup-videos-wrap .news-title {
+    margin: 0;
+    height: 32px;
+    font: 12px/32px 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;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    width: 100%;
+}
+
+.popup-videos-wrap .more-news {
+    font: 12px/25px "Simsun";
+    text-align: center;
+}
+
+.more-news .news-link {
+    color: #333333;
+}
+
+.more-news .news-link:hover {
+    color: #e94646;
+}
+
+
+/*图库*/
+
+.popup-photo-gallery {
+    font-family: "Simsun";
+}
+
+.popup-photo-gallery .big-text-news {
+    height: 38px;
+    margin-top: 3px;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 38px;
+    text-align: center;
+    overflow: hidden;
+}
+
+.big-text-news .news-link {
+    color: #e94646;
+}
+
+.popup-photo-gallery .dw-mini-video-list {
+    margin-right: -10px;
+    padding: 0 10px;
+    border-bottom: 1px solid #e3e3e3;
+    overflow: hidden;
+}
+
+.popup-photo-gallery .dw-mini-video-item {
+    float: left;
+    width: 134px;
+    margin-right: 10px;
+}
+
+.popup-photo-gallery .news-image {
+    height: 92px;
+}
+
+.popup-photo-gallery .news-title {
+    height: 36px;
+    margin: 7px 0;
+    font-size: 12px;
+    line-height: 18px;
+    overflow: hidden;
+    width: 100%;
+}
+
+.popup-photo-gallery .more-news {
+    font-size: 12px;
+    line-height: 25px;
+    text-align: center;
+}
+
+
+/*小矮人*/
+
+.dw-mini-popup-littleboy {
+    width: 60px;
+    height: 90px;
+    position: absolute;
+    bottom: 0;
+    left: -52px;
+    cursor: pointer;
+    background: url(../assets/dw_news_littleboy.png) no-repeat;
+}
+
+.dw-mini-popup-littleboy:hover {
+    animation: boybounce .8s 1 ease backwards;
+}
+
+@keyframes boybounce {
+    0%,
+    100%,
+    20%,
+    50%,
+    80% {
+        -webkit-transform: translateY(0);
+        transform: translateY(0);
+    }
+    40% {
+        -webkit-transform: translateY(-12px);
+        transform: translateY(-12px);
+    }
+    60% {
+        -webkit-transform: translateY(-5px);
+        transform: translateY(-5px);
+    }
+}
+
+
+/*挥手的小矮人*/
+
+.dw-min-popup-dancer {
+    position: fixed;
+    width: 52px;
+    height: 72px;
+    right: -60px;
+    bottom: 50px;
+    border: 0;
+    cursor: pointer;
+    z-index: 9999;
+}
+
+.dw-min-popup-dancer.show {
+    right: 0;
+}

+ 168 - 0
2018专区/全军出击/src/common/newsPopup/newsPopup.js

@@ -0,0 +1,168 @@
+(function (win, doc, $) {
+    var cssStyle = __inline('./css/miniPopup.css')
+    var template = __inline('./tpl/wrap.tmpl')
+    var _STORAGE_ = 'dw_mini_popup_status' //1代表显示新闻,0或null代表不显示新闻
+
+    // // 只在duowan.com下显示
+    // if (location.hostname && location.hostname.indexOf("duowan.com") === -1) {
+    //     return;
+    // }
+
+    var NewsPopup = {
+        popupUI: null,
+        newsWrap: null,//新闻区域
+        dancer: null,//招手的小人
+        hideButton: null,//右上角关闭按钮
+        navBar: null,//导航栏
+        littleboy: null,//不动的小人
+
+        init: function (data) {
+            this.popupUI = $(template(data))
+            this.newsWrap = this.popupUI.find('.dw-mini-popup')
+            this.navlist = this.popupUI.find('.dw-mini-nav-item')
+            this.newsPanel = this.popupUI.find('.dw-mini-news-panel')
+            this.hideButton = this.popupUI.find('.dw-popup-hide')
+            this.navBar = this.popupUI.find('.dw-mini-nav-list')
+            this.littleboy = this.popupUI.find('.dw-mini-popup-littleboy')
+            this.dancer = this.popupUI.find('.dw-min-popup-dancer')
+
+            //添加dom
+            this.addEvent().append()
+        },
+        getData: function (callback) {
+            var option = ClosedOption.get()
+            var gallerys, videos, news
+            var getCount = 0
+            var allData = {
+                option: parseInt(option) == 0 ? 0 : 1,
+                gallerys: gallerys,
+                videos: videos,
+                news: news
+            }
+            $.ajax({
+                type: "get",
+                url: 'http://tips.duowan.com/tnews',
+                dataType: "jsonp",
+                success: function (data) {
+                    getCount++
+
+                    allData.news = data
+
+                    getCount == 2 && callback && callback(allData)
+                }
+            })
+
+            $.ajax({
+                type: "get",
+                url: 'http://www.duowan.com/s/newsPopup/news.json',
+                dataType: "jsonp",
+                jsonp: 'jsonp1',
+                jsonpCallback: "jsonp1",
+                success: function (data) {
+                    getCount++
+
+                    allData.gallerys = data.gallery
+                    allData.videos = data.video
+
+                    getCount == 2 && callback && callback(allData)
+                }
+            })
+        },
+        /**添加事件 */
+        addEvent: function () {
+            var self = this
+
+            this.hideButton.click(function () {
+                self.hideNews()
+            })
+            this.littleboy.click(function () {
+                self.hideNews()
+            })
+            //flash点击接口
+            win.openTips = function () {
+                self.showNews()
+            }
+
+            this.navlist.hover(self.togglePanel)
+            return this
+        },
+
+        append: function () {
+            $('body').append('<style>' + cssStyle + '</style>')
+                .append(this.popupUI)
+        },
+        /**显示新闻 */
+        showNews: function () {
+            var self = this
+
+            this.dancer.animate({
+                right: "-60px"
+            }, 200, function () {
+                self.newsWrap.animate({
+                    right: "0px"
+                }, 600)
+            })
+
+            ClosedOption.set(1)
+        },
+        /**隐藏新闻 */
+        hideNews: function () {
+            var self = this
+
+            this.newsWrap.animate({
+                right: "-380px"
+            }, 600, function () {
+                self.dancer.animate({
+                    right: "0px"
+                }, 200)
+            })
+
+            ClosedOption.set(0)
+        },
+        /**切换panel */
+        togglePanel: function () {
+            var _this = $(this)
+            var index = _this.index()
+
+            if (_this.hasClass('active')) return
+
+
+            _this.siblings('.active').removeClass('active')
+            _this.addClass('active')
+
+            NewsPopup.newsPanel.removeClass('active')
+                .eq(index).addClass('active')
+        }
+    }
+
+    /**Cookie 操作类*/
+    var Cookie = {
+        getCookie: function (key) {
+            var arr, reg = new RegExp("(^| )" + key + "=([^;]*)(;|$)");
+            if (arr = doc.cookie.match(reg))
+                return unescape(arr[2])
+            else
+                return null
+        },
+        setCookie: function (key, value) {
+            var day = 1//天数
+            var cookie = key + "=" + escape(value) + "; max-age=" + (day * 24 * 60 * 60 * 1000)+"; domain=duowan.com; path=/"
+            doc.cookie = cookie
+        }
+    }
+    /**根据用户操作读写cookie*/
+    var ClosedOption = {
+        get: function () {
+            var ret = Cookie.getCookie(_STORAGE_)
+            return ret;
+        },
+        /**option:0 / 1 */
+        set: function (option) {
+            Cookie.setCookie(_STORAGE_, option)
+        }
+    }
+
+    NewsPopup.getData(function (data) {
+        NewsPopup.init(data);
+    })
+})(window, document, $)

+ 168 - 0
2018专区/全军出击/src/common/newsPopup/tpl/wrap.tmpl

@@ -0,0 +1,168 @@
+<div class="dw-mini-popup-wrap">
+    <div class="dw-mini-popup <%= option==1?'show':''%>">
+        <!--新闻header -->
+        <div class="dw-popup-title">
+            <div class="popup-title">
+                <a class="web-address" href="http://www.duowan.com/?wen" target="_blank">
+                    <i class="dw-popup-icon"></i>
+                    <span class="dw-name"></span>
+                </a>
+                <span class="dw-popup-tip">迷你版</span>
+            </div>
+            <span class="dw-popup-hide"></span>
+        </div>
+        <!-- 新闻header -->
+
+        <!--新闻Nav -->
+        <div class="dw-mini-popup-nav">
+            <ul class="dw-mini-nav-list">
+                <li class="dw-mini-nav-item active">
+                    要闻
+                </li>
+                <li class="dw-mini-nav-item">
+                    视频
+                </li>
+                <li class="dw-mini-nav-item">
+                    图库
+                </li>
+            </ul>
+        </div>
+        <!-- 新闻Nav -->
+
+        <!--新闻内容 -->
+        <div class="dw-mini-popup-content">
+            <div class="dw-mini-news-panel popup-vital-news active">
+                <!--大图新闻{-->
+                <div class="big-news-wrap">
+                    <a href="<%= news.headpic1&&news.headpic1.url %>?wen" class="big-news news-link" title="<%= news.headpic1&&news.headpic1.title %>"
+                        target="_blank">
+                        <img src="<%= news.headpic1&&news.headpic1.img %>" class="news-image" />
+                        <span class="footer-shadow"><%= news.headpic1&&news.headpic1.title %></span>
+                    </a>
+                </div>
+                <!--}大图新闻-->
+                <div class="main-news-wrap">
+                    <!--左侧中图新闻{-->
+                    <div class="middle-news-wrap">
+                        <ul class="middle-news-list">
+                            <li class="middle-news-item">
+                                <a href="<%= news.headpic2&&news.headpic2.url %>?wen" class="news-link" title="<%= news.headpic2&&news.headpic2.title %>" target="_blank">
+                                    <img src="<%= news.headpic2&&news.headpic2.img %>" class="news-image" />
+                                    <span class="footer-shadow"><%= news.headpic2&&news.headpic2.title %></span>
+                                </a>
+                            </li>
+                            <li class="middle-news-item">
+                                <a href="<%= news.headpic3&&news.headpic3.url %>?wen" class="news-link" title="<%= news.headpic3&&news.headpic3.title %>" target="_blank">
+                                    <img src="<%= news.headpic3&&news.headpic3.img %>" class="news-image" />
+                                    <span class="footer-shadow"><%= news.headpic3&&news.headpic3.title %></span>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!--}左侧中图新闻-->
+
+                    <!--无图新闻列表{-->
+                    <div class="text-news-wrap">
+                        <ul class="text-news-list">
+                            <% 
+                                for(var i = 1;i<=7;i++){
+                                    var newsitem = news['line'+i]
+                                    if(i==1){
+                            %>
+                                <li class="first-news">
+                                    <a href="<%= newsitem.url%>?wen" title="<%= newsitem.title %>" target="_blank">
+                                        <%= newsitem.title %>
+                                    </a>
+                                    <% }else{ %>
+                                </li>
+                                <li class="type-news <%= newsitem.type %>">
+                                    <i class="type-icon"></i>
+                                    <a href="<%= newsitem.url %>?wen" title="<%= newsitem.title %>" target="_blank">
+                                        <%= newsitem.title %>
+                                    </a>
+                                </li>
+                                <% 
+                                }
+                            } 
+                            %>
+                        </ul>
+                    </div>
+                    <!--}无图新闻列表-->
+
+                </div>
+
+            </div>
+
+            <!--视频新闻{-->
+            <div class="dw-mini-news-panel popup-videos-wrap">
+                <div class="videos-wrap">
+                    <ul class="dw-mini-video-list">
+                        <% for(var i =0;i<6;i++){
+                            var videoitem = videos[i]    
+                        %>
+                            <li class="dw-mini-video-item">
+                                <a href="<%= videoitem.link %>?wen" class="news-link" title="<%= videoitem.title %>" target="_blank">
+                                    <i class="play-icon"></i>
+                                    <img class="news-image" src="<%= videoitem.picsrc %>" />
+                                    <p class="news-title">
+                                        <%= videoitem.title %>
+                                    </p>
+                                </a>
+                            </li>
+                            <% } %>
+                    </ul>
+                </div>
+                <div class="more-news">
+                    <a href="http://video.duowan.com/yule/?wen" class="news-link" target="_blank">
+                点击查看更多>
+            </a>
+                </div>
+            </div>
+            <!--}视频新闻-->
+
+            <!--图库新闻{-->
+            <div class="dw-mini-news-panel popup-photo-gallery">
+                <div class="big-text-news">
+                    <a href="<%= news['line8']&&news['line8'].url %>?wen" class="news-link" title="<%= news['line8']&&news['line8'].title %>" target="_blank">
+                        <%= news['line8']&&news['line8'].title %>
+                    </a>
+                </div>
+                <div class="dw-mini-videos-wrap">
+                    <ul class="dw-mini-video-list">
+                        <% for(var i =0;i<4;i++){
+                            var galleryitem = gallerys[i]    
+                        %>
+                            <li class="dw-mini-video-item">
+                                <a href="<%= galleryitem.link %>?wen" class="news-link" title="<%= galleryitem.title %>" target="_blank">
+                                <img src="<%= galleryitem.picsrc %>" class="news-image" />
+                                <p class="news-title">
+                                    <%= galleryitem.title %>
+                                </p>
+                            </a>
+                                <% } %>
+                            </li>
+                    </ul>
+                </div>
+                <div class="more-news">
+                    <a href="http://tu.duowan.com/tu?wen" class="news-link" target="_blank">
+                点击查看更多>
+            </a>
+                </div>
+            </div>
+            <!--}图库新闻-->
+        </div>
+
+        <!-- 新闻内容 -->
+
+        <!--招手的小矮人-->
+        <div class="dw-mini-popup-littleboy"></div>
+        <!--招手的小矮人 -->
+    </div>
+
+    <!--挥手的小矮人{-->
+    <div class="dw-min-popup-dancer <%= option==0?'show':''%>">
+        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=" http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
+            width="52" height="72" style="display:block;">            <param name="movie" value="http://pub.dwstatic.com/p/2017dw/1.1.0/common/newsPopup/assets/finger.swf">            <param name="allowScriptAccess" value="always">            <param name="quality" value="high">            <param name="wmode" value="transparent">            <embed src="http://pub.dwstatic.com/p/2017dw/1.1.0/common/newsPopup/assets/finger.swf" quality="high" wmode="transparent" width="52" height="72" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage=" http://www.macromedia.com/go/getflashplayer">        </object>
+    </div>
+    <!--}挥手的小矮人-->
+</div>

BIN
2018专区/全军出击/src/common/plusReport/icon-close2.png


ファイルの差分が大きいため隠しています
+ 41 - 0
2018专区/全军出击/src/common/plusReport/md5.js


+ 77 - 0
2018专区/全军出击/src/common/plusReport/plusReport.css

@@ -0,0 +1,77 @@
+.popup-plus-report{
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 2000;
+    font-family: 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;
+}
+
+.popup-plus-report .mask-plus-report{
+    width: 100%;
+    height: 100%;
+    background: #000;
+    opacity: .5;
+    -moz-opacity: .5;
+    filter: alpha(opacity=50);
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    box-shadow: 0 0 10px 5px #CCC;
+}
+
+.popup-plus-report .cont-plus-report{
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 2;
+    margin: -100px 0 0 -230px;
+    line-height: 1;
+    padding: 40px 0 30px 0;
+    background: #FFFFFF;
+    text-align: center;
+    width: 460px;
+}
+
+.popup-plus-report .cont-plus-report h2{
+    font-size: 16px;
+    line-height: 18px;
+    height: 18px;
+    overflow: hidden;
+    color: #e94646;
+}
+
+.popup-plus-report .cont-plus-report p{
+    font-size: 12px;
+    color: #666666;
+    margin-top: 27px;
+}
+
+.popup-plus-report .cont-plus-report .btn-plus-task{
+    display: block;
+    margin: 23px auto 0 auto;
+    font-size: 12px;
+    color: #FFFFFF;
+    background: #e94646;
+    width: 80px;
+    height: 30px;
+    line-height: 30px;
+    cursor: pointer;
+}
+
+.popup-plus-report .cont-plus-report .btn-plus-task:hover{
+    text-decoration: none;
+    background: #f45959;
+}
+
+.popup-plus-report .btn-plus-report{
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    width: 10px;
+    height: 10px;
+    background: url(./icon-close2.png) no-repeat;
+    cursor: pointer;
+}

+ 202 - 0
2018专区/全军出击/src/common/plusReport/plusReport.js

@@ -0,0 +1,202 @@
+(function(window, $) {
+    __inline("./md5.js");
+
+    var Util = {
+        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;
+        },
+        getScriptArg : function (key) {
+            var scripts=document.getElementsByTagName("script"),  
+            script=scripts[scripts.length-1],  
+            src=script.src;  
+            return (src.match(new RegExp("(?:\\?|&)"+key+"=(.*?)(?=&|$)"))||['',null])[1];  
+        },
+        encodePwd: function (random, pwd) {
+            var k1 = md5.sha1(random);
+            var k2 = md5.sha1(k1);
+
+            var v = md5.xor(md5.xor(pwd, k2), k1);
+            return md5.base64encode(v);
+        }
+    }
+
+    function PlusReport(){
+    }
+    
+
+    PlusReport.prototype = {
+        task_id : Util.getScriptArg("channel"),
+        target_id : location.pathname.replace(/[^0-9]/g,""),
+        yyuid : Util.getCookie("yyuid"),
+        init : function (task_id,target_id) {
+            if(task_id){
+                this.task_id = task_id;
+            }
+            if(target_id){
+                this.target_id = target_id;
+            }
+
+            if(Util.isLogin() && !Util.getCookie("dwtask_"+this.task_id+"_"+this.yyuid)){
+                this._report();
+            }
+        },
+        //判断是否在白名单
+        _inWhite : function(){
+            var username = Util.getCookie("username");
+            var whiteArr = [];
+            var len = whiteArr.length;
+
+            for (var i=0; i<len; i++) {
+                if (username==whiteArr[i]) {
+                    return true;
+                }
+            }
+            return false;
+        },
+        _report : function(){
+            var _ts = this;
+            var url = "http://plus.duowan.com/task/report";
+
+            if(!_ts.task_id || !_ts.target_id){
+                return;
+            }
+
+            var data = {
+                task_id : _ts.task_id,
+                target_id : _ts.target_id,
+                shop_id: 6,
+                time: (new Date()).getTime()
+            }
+            var password = Util.getCookie('password');
+            data["sign"] = Util.encodePwd(password, md5.sha1($.param(data)));
+
+            $.ajax({
+                url : url,
+                data : data,
+                type : "GET",
+                dataType : "jsonp",
+                withCredentials: true
+            }).done(function(ret){
+                if(ret.code == 0 && ret.data){
+                    if(ret.data.title){
+                        if (_ts.task_id=="sharenews") {
+                            setTimeout(function() {
+                                _ts._popup(ret.data);
+                            }, 30000);
+                        } else {
+                            _ts._popup(ret.data);
+                        }
+                    }
+                }
+            });
+        },
+        _popup : function(data){
+            var cssStyle = __inline("./plusReport.css");
+            var plusReportPopup = __inline("./plusReport.tmpl");
+
+            $("body").append('<style>'+cssStyle+'</style>');
+            $("body").append(plusReportPopup({ 
+                data : data
+            }));  
+            this._initPopup();
+        },
+        _initPopup : function(){
+            var _ts = this;
+
+            $(".popup-plus-report .btn-plus-report").click(function(){
+                _ts._removePopup();
+            });
+
+            $(".popup-plus-report .btn-plus-task").click(function(){
+                var url = $(this).attr("data-url");
+
+                _ts._removePopup();
+                window.open(url);
+            });
+        },
+        _removePopup : function(){
+            $(".popup-plus-report").remove();
+        }
+    }
+    
+    //初始化
+    function init(){
+        var task_id = Util.getScriptArg("channel");
+        var popup = new PlusReport();
+
+        switch(task_id){
+
+            case "readnews" : 
+                popup.init();
+
+                //点击分享
+                $(document).on("click",".bdsharebuttonbox [data-cmd],.bdshare_popup_box [data-cmd]",function(){
+                    var popupShare = new PlusReport();
+
+                    popupShare.init("sharenews");
+                });
+                break;
+
+            case "watchvideos" : 
+                popup.init();
+                break;
+
+            case "watchtuku" : 
+                popup.init();
+                break;
+
+            case "gamevote" : 
+                //投票-游戏信息页
+                $(document).on("click",".ZanAct",function(){
+                    popup.init();
+                });
+                break;
+
+            case "gamevote2" : 
+                //投票-期待榜
+                $(document).on("click","[data-role='vote']",function(){
+                    var task_id = "gamevote";
+                    var target_id = $(this).attr("data-gameid");
+
+                    popup.init(task_id,target_id);
+                });
+                break;
+
+            case "clickads" : 
+                var adPos = [];
+                $.ajax({
+                    url : "http://plus.duowan.com/task/adPos",
+                    data : {},
+                    dataType : 'jsonp',
+                    success : function(ret) {
+                        adPos = ret.data;
+                    }
+                })
+
+                //击广告
+                $(".g-body").on("click","[data-dakey]",function(){
+                    var dakey = $(this).attr("data-dakey");
+                    var len = adPos.length;
+
+                    for(var i=0; i<len; i++){
+                        if(adPos[i] == dakey){
+                            var plusReport = new PlusReport();
+                            plusReport.init("clickads",dakey);
+                        }
+                    }
+                });
+                break;
+                
+
+            default : break;
+        }
+    }
+    
+    init();
+
+})(window, $);

+ 9 - 0
2018专区/全军出击/src/common/plusReport/plusReport.tmpl

@@ -0,0 +1,9 @@
+<div class="popup-plus-report">
+    <div class="mask-plus-report"></div>
+    <div class="cont-plus-report">
+        <h2><%= data.title %></h2>
+        <p><%= data.content %></p>
+        <div class="btn-plus-task" data-url="<%= data.url %>"><%= data.btn %></div>
+        <div class="btn-plus-report"></div>
+    </div>
+</div>

+ 96 - 0
2018专区/全军出击/src/common/plusReport/plusReportBbs.js

@@ -0,0 +1,96 @@
+(function(window, $) {
+
+    var Util = {
+        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;
+        },
+        getScriptArg : function (key) {
+            var scripts=document.getElementsByTagName("script"),  
+            script=scripts[scripts.length-1],  
+            src=script.src;  
+            return (src.match(new RegExp("(?:\\?|&)"+key+"=(.*?)(?=&|$)"))||['',null])[1];  
+        }
+    }
+
+    function PlusReport(){
+
+    }
+    
+
+    PlusReport.prototype = {
+        task_id : Util.getScriptArg("channel"),
+        target_id : location.pathname.replace(/[^0-9]/g,""),
+        yyuid : Util.getCookie("yyuid"),
+        init : function (task_id) {
+            if(task_id){
+                this.task_id = task_id;
+            }
+
+            if(Util.isLogin() && !Util.getCookie("dwtask_"+this.task_id+"_"+this.yyuid)){
+                if (this._inWhite()) {
+                    this._report();
+                }
+            }
+        },
+        //判断是否在白名单
+        _inWhite : function(target_id){
+            var username = Util.getCookie("username");
+            var whiteArr = ["dw_zhanchaojiang","dw_chenyan3","dw_luwenbing","dw_linzhixing","dw_chenjunqiang","dw_guoxiaocheng"];
+            var len = whiteArr.length;
+
+            for (var i=0; i<len; i++) {
+                if (username==whiteArr[i]) {
+                    return true;
+                }
+            }
+            return false;
+        },
+        _report : function(){
+            var _ts = this;
+            var url = "http://plus.duowan.com/task/report";
+
+            var data = {
+                task_id : _ts.task_id,
+                target_id : _ts.target_id
+            }
+
+
+            $.ajax({
+                url : url,
+                data : data,
+                type : "GET",
+                dataType : "jsonp",
+                withCredentials: true
+            }).done(function(ret){
+                if(ret.code == 0 && ret.data){
+                    if(ret.data.title){
+                        _ts._popup(ret.data);
+                    }
+                }
+            });
+        },
+        _popup : function(data){
+            var cssStyle = __inline("./plusReport.css");
+            var plusReportPopup = __inline("./plusReport.tmpl");
+
+            $("body").append('<style>'+cssStyle+'</style>');
+            $("body").append(plusReportPopup({ 
+                data : data
+            }));  
+            this._initPopup();
+        },
+        _initPopup : function(){
+            $(".popup-plus-report .btn-plus-report").click(function(){
+                $(".popup-plus-report").remove();
+            });
+        }
+    }
+  
+    window.PlusReport = PlusReport;
+    
+})(window, $);

+ 45 - 0
2018专区/全军出击/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
2018专区/全军出击/src/font/lego/iconfont.eot


+ 107 - 0
2018专区/全军出击/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
2018专区/全军出击/src/font/lego/iconfont.ttf


BIN
2018专区/全军出击/src/font/lego/iconfont.woff


BIN
2018专区/全军出击/src/img/bg-body.jpg


BIN
2018专区/全军出击/src/img/bg-body.png


BIN
2018专区/全军出击/src/img/bg-footer.jpg


BIN
2018专区/全军出击/src/img/bg-footer.png


BIN
2018专区/全军出击/src/img/bg-index.jpg


BIN
2018专区/全军出击/src/img/bg-index.png


BIN
2018专区/全军出击/src/img/bg-rank.jpg


BIN
2018专区/全军出击/src/img/bg-rank2.jpg


BIN
2018专区/全军出击/src/img/bg-weapon-default.jpg


BIN
2018专区/全军出击/src/img/bg-weapon-default.png


BIN
2018专区/全军出击/src/img/bg-weapon-top.jpg


BIN
2018专区/全军出击/src/img/bg-weapon-top.png


BIN
2018专区/全军出击/src/img/bg-weapon.jpg


BIN
2018专区/全军出击/src/img/bg-weapon.png


BIN
2018专区/全军出击/src/img/boke-more-hover.png


BIN
2018专区/全军出击/src/img/boke-more.png


BIN
2018专区/全军出击/src/img/boke-next.png


BIN
2018专区/全军出击/src/img/boke-num-default.png


BIN
2018专区/全军出击/src/img/boke-num.png


BIN
2018专区/全军出击/src/img/boke-prev.png


BIN
2018专区/全军出击/src/img/bokeTag-book.png


BIN
2018专区/全军出击/src/img/bokeTag-hot.png


BIN
2018专区/全军出击/src/img/btn-search.png


BIN
2018专区/全军出击/src/img/btn-top.png


BIN
2018专区/全军出击/src/img/download-icon.png


BIN
2018专区/全军出击/src/img/download-link-icon.png


BIN
2018专区/全军出击/src/img/dw-footer-icon.png


BIN
2018专区/全军出击/src/img/equip-desc-arrow.png


BIN
2018专区/全军出击/src/img/equip-desc-bg.png


BIN
2018专区/全军出击/src/img/fengshen-bg.png


BIN
2018专区/全军出击/src/img/g-logo-inner.png


BIN
2018专区/全军出击/src/img/g-subtitle.png


BIN
2018专区/全军出击/src/img/gItem-mask.png


BIN
2018专区/全军出击/src/img/gItem-more.png


BIN
2018专区/全军出击/src/img/gItem-vdIcon.png


BIN
2018专区/全军出击/src/img/gItem-vdIcon2.png


BIN
2018专区/全军出击/src/img/homepage-icon.png


BIN
2018专区/全军出击/src/img/hot-icon.png


BIN
2018专区/全军出击/src/img/icon-author.png


BIN
2018专区/全军出击/src/img/icon-bbs.png


BIN
2018专区/全军出击/src/img/icon-bodydamage1.png


BIN
2018专区/全军出击/src/img/icon-bodydamage2.png


BIN
2018专区/全军出击/src/img/icon-bodydamage3.png


BIN
2018专区/全军出击/src/img/icon-box.png


BIN
2018专区/全军出击/src/img/icon-bullet.png


BIN
2018专区/全军出击/src/img/icon-comment.png


BIN
2018专区/全军出击/src/img/icon-danjia-active.png


BIN
2018专区/全军出击/src/img/icon-danjia.png


BIN
2018专区/全军出击/src/img/icon-download.png


BIN
2018专区/全军出击/src/img/icon-duquan-rank.png


BIN
2018专区/全军出击/src/img/icon-edit-intro.png


この差分においてかなりの量のファイルが変更されているため、一部のファイルを表示していません