瀏覽代碼

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

Eechon 6 年之前
父節點
當前提交
0ffa906d8c
共有 100 個文件被更改,包括 12701 次插入425 次删除
  1. 4 1
      .gitignore
  2. 340 392
      2017专区/PC单机/src/_artical2.html
  3. 1 1
      2017专区/绝地求生/src/_index_new.html
  4. 2 1
      2017专区/绝地求生/src/modules/index-new.js
  5. 30 30
      2017专区/绝地求生/src/modules/index.js
  6. 4 0
      2017专题/我的世界专题/src/modules/page/index.js
  7. 135 0
      2018专区/堡垒之夜/fis-conf.js
  8. 0 0
      2018专区/堡垒之夜/map.json
  9. 10 0
      2018专区/堡垒之夜/package.json
  10. 590 0
      2018专区/堡垒之夜/src/_artical.html
  11. 330 0
      2018专区/堡垒之夜/src/_artical2.html
  12. 1988 0
      2018专区/堡垒之夜/src/_index.html
  13. 2278 0
      2018专区/堡垒之夜/src/_index_new.html
  14. 571 0
      2018专区/堡垒之夜/src/_list.html
  15. 810 0
      2018专区/堡垒之夜/src/_list_new.html
  16. 574 0
      2018专区/堡垒之夜/src/_video.html
  17. 253 0
      2018专区/堡垒之夜/src/common/dwudbproxy/css/dwLoginPopup.css
  18. 1323 0
      2018专区/堡垒之夜/src/common/dwudbproxy/css/vhuyaLoginPopup.css
  19. 489 0
      2018专区/堡垒之夜/src/common/dwudbproxy/dwudbproxy.js
  20. 0 0
      2018专区/堡垒之夜/src/common/dwudbproxy/tpl/dwLoginPopup.tmpl
  21. 0 0
      2018专区/堡垒之夜/src/common/dwudbproxy/tpl/vhuyaLoginPopup.tmpl
  22. 268 0
      2018专区/堡垒之夜/src/common/header/css/plus.css
  23. 56 0
      2018专区/堡垒之夜/src/common/header/header.html
  24. 71 0
      2018专区/堡垒之夜/src/common/header/header.js
  25. 二進制
      2018专区/堡垒之夜/src/common/header/img/gold.png
  26. 二進制
      2018专区/堡垒之夜/src/common/header/img/icon1.png
  27. 二進制
      2018专区/堡垒之夜/src/common/header/img/icon2.png
  28. 二進制
      2018专区/堡垒之夜/src/common/header/img/icon3.png
  29. 二進制
      2018专区/堡垒之夜/src/common/header/img/icon4.png
  30. 二進制
      2018专区/堡垒之夜/src/common/header/img/sign-task.png
  31. 90 0
      2018专区/堡垒之夜/src/common/header/tpl/plus.tmpl
  32. 1237 0
      2018专区/堡垒之夜/src/common/navbar/navbar.js
  33. 二進制
      2018专区/堡垒之夜/src/common/newsPopup/assets/dw_big_text.png
  34. 二進制
      2018专区/堡垒之夜/src/common/newsPopup/assets/dw_mini_popup_logo.png
  35. 二進制
      2018专区/堡垒之夜/src/common/newsPopup/assets/dw_news_littleboy.png
  36. 二進制
      2018专区/堡垒之夜/src/common/newsPopup/assets/finger.swf
  37. 二進制
      2018专区/堡垒之夜/src/common/newsPopup/assets/news_type_image.png
  38. 二進制
      2018专区/堡垒之夜/src/common/newsPopup/assets/news_type_video.png
  39. 二進制
      2018专区/堡垒之夜/src/common/newsPopup/assets/play_icon.png
  40. 二進制
      2018专区/堡垒之夜/src/common/newsPopup/assets/popup_hide.png
  41. 441 0
      2018专区/堡垒之夜/src/common/newsPopup/css/miniPopup.css
  42. 168 0
      2018专区/堡垒之夜/src/common/newsPopup/newsPopup.js
  43. 168 0
      2018专区/堡垒之夜/src/common/newsPopup/tpl/wrap.tmpl
  44. 二進制
      2018专区/堡垒之夜/src/common/plusReport/icon-close2.png
  45. 41 0
      2018专区/堡垒之夜/src/common/plusReport/md5.js
  46. 77 0
      2018专区/堡垒之夜/src/common/plusReport/plusReport.css
  47. 202 0
      2018专区/堡垒之夜/src/common/plusReport/plusReport.js
  48. 9 0
      2018专区/堡垒之夜/src/common/plusReport/plusReport.tmpl
  49. 96 0
      2018专区/堡垒之夜/src/common/plusReport/plusReportBbs.js
  50. 45 0
      2018专区/堡垒之夜/src/font/AdobeFnt16.lst
  51. 0 0
      2018专区/堡垒之夜/src/font/lego/iconfont.eot
  52. 0 0
      2018专区/堡垒之夜/src/font/lego/iconfont.svg
  53. 0 0
      2018专区/堡垒之夜/src/font/lego/iconfont.ttf
  54. 0 0
      2018专区/堡垒之夜/src/font/lego/iconfont.woff
  55. 二進制
      2018专区/堡垒之夜/src/img/bg-index.png
  56. 二進制
      2018专区/堡垒之夜/src/img/bg-weapon-default.jpg
  57. 二進制
      2018专区/堡垒之夜/src/img/boke-more-hover.png
  58. 二進制
      2018专区/堡垒之夜/src/img/boke-more.png
  59. 二進制
      2018专区/堡垒之夜/src/img/boke-num-default.png
  60. 二進制
      2018专区/堡垒之夜/src/img/boke-num.png
  61. 二進制
      2018专区/堡垒之夜/src/img/bokeTag-book.png
  62. 二進制
      2018专区/堡垒之夜/src/img/bokeTag-hot.png
  63. 二進制
      2018专区/堡垒之夜/src/img/btn-search.png
  64. 二進制
      2018专区/堡垒之夜/src/img/btn-top.png
  65. 二進制
      2018专区/堡垒之夜/src/img/carousel-bg.png
  66. 二進制
      2018专区/堡垒之夜/src/img/download-icon.png
  67. 二進制
      2018专区/堡垒之夜/src/img/download-link-icon.png
  68. 二進制
      2018专区/堡垒之夜/src/img/dw-footer-icon.png
  69. 二進制
      2018专区/堡垒之夜/src/img/equip-desc-arrow.png
  70. 二進制
      2018专区/堡垒之夜/src/img/equip-desc-bg.png
  71. 二進制
      2018专区/堡垒之夜/src/img/g-logo-inner.png
  72. 二進制
      2018专区/堡垒之夜/src/img/g-subtitle.png
  73. 二進制
      2018专区/堡垒之夜/src/img/gItem-more.png
  74. 二進制
      2018专区/堡垒之夜/src/img/gItem-vdIcon.png
  75. 二進制
      2018专区/堡垒之夜/src/img/gItem-vdIcon2.png
  76. 二進制
      2018专区/堡垒之夜/src/img/gengxinrizhi.png
  77. 二進制
      2018专区/堡垒之夜/src/img/gonglue.png
  78. 二進制
      2018专区/堡垒之夜/src/img/homepage-icon.png
  79. 二進制
      2018专区/堡垒之夜/src/img/hot-icon.png
  80. 二進制
      2018专区/堡垒之夜/src/img/icon-author.png
  81. 二進制
      2018专区/堡垒之夜/src/img/icon-bbs.png
  82. 二進制
      2018专区/堡垒之夜/src/img/icon-coin.png
  83. 二進制
      2018专区/堡垒之夜/src/img/icon-comment.png
  84. 二進制
      2018专区/堡垒之夜/src/img/icon-danjia.png
  85. 二進制
      2018专区/堡垒之夜/src/img/icon-download.png
  86. 二進制
      2018专区/堡垒之夜/src/img/icon-duquan-rank.png
  87. 二進制
      2018专区/堡垒之夜/src/img/icon-edit-intro.png
  88. 二進制
      2018专区/堡垒之夜/src/img/icon-game.png
  89. 二進制
      2018专区/堡垒之夜/src/img/icon-hall-fame.png
  90. 二進制
      2018专区/堡垒之夜/src/img/icon-hot-cate.png
  91. 二進制
      2018专区/堡垒之夜/src/img/icon-hot-news.png
  92. 二進制
      2018专区/堡垒之夜/src/img/icon-jiaoxue-rank.png
  93. 二進制
      2018专区/堡垒之夜/src/img/icon-match-next.png
  94. 二進制
      2018专区/堡垒之夜/src/img/icon-match-prev.png
  95. 二進制
      2018专区/堡垒之夜/src/img/icon-next.png
  96. 二進制
      2018专区/堡垒之夜/src/img/icon-next2.png
  97. 二進制
      2018专区/堡垒之夜/src/img/icon-play.png
  98. 二進制
      2018专区/堡垒之夜/src/img/icon-play2.png
  99. 二進制
      2018专区/堡垒之夜/src/img/icon-prev.png
  100. 二進制
      2018专区/堡垒之夜/src/img/icon-prev2.png

+ 4 - 1
.gitignore

@@ -1,4 +1,4 @@
-_dest/
+_dest/
 node_modules/
 dist/
 .cache/
@@ -11,3 +11,6 @@ npm-debug.log
 2017专题/超次元坦克/.idea/超次元坦克.iml
 2017专题/超次元坦克/.idea/codeStyleSettings.xml
 2018专题/1807吸血鬼专题-商务/src/video/
+*.iml
+*.xml
+2018专题/1808万象物语专题-商务/src/video/evaluation.mp4

File diff suppressed because it is too large
+ 340 - 392
2017专区/PC单机/src/_artical2.html


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

@@ -313,7 +313,7 @@
             </div>
             <div class="g-col-392">
                 <div class="slider-wrap">
-                    <div class="g-ui-slide ext-dotted" data-role="slide-news">
+                    <div class="g-ui-slide" data-role="slide-news">
                         <ul class="g-ui-slide__content" data-switchable-role="content">
                             <li class="g-ui-slide__panel">
                                 <a href="#">

+ 2 - 1
2017专区/绝地求生/src/modules/index-new.js

@@ -96,7 +96,7 @@ seaLoader(function (seajs) {
     seajs.use(['arale/switchable/1.0.2/carousel'], function (Carousel) {
         carouselTool = Carousel
 
-        V.newCarousel()
+        // V.newCarousel()
 
         //绝地名人堂
         var hallFameSlide = new Carousel({
@@ -115,6 +115,7 @@ seaLoader(function (seajs) {
             classPrefix: null,
             activeTriggerClass: 'is-active',
             autoplay: true,
+            easing: 'easeOutStrong',
             effect: 'scrollx'
         }).render()
     })

+ 30 - 30
2017专区/绝地求生/src/modules/index.js

@@ -5,17 +5,17 @@ require('jquery.lazyload');
 var carouselTool; //旋转木马插件
 var NlCarousel;
 
-seaLoader(function(seajs) {
+seaLoader(function (seajs) {
 
     //选择木马
-    seajs.use(['arale/switchable/1.0.2/carousel'], function(Carousel) {
+    seajs.use(['arale/switchable/1.0.2/carousel'], function (Carousel) {
         carouselTool = Carousel;
 
         V.newCarousel();
     });
 
     //轮播图
-    seajs.use(['arale/switchable/1.0.2/slide'], function(Slide) {
+    seajs.use(['arale/switchable/1.0.2/slide'], function (Slide) {
         var slide1 = new Slide({
             element: '[data-role="slide-news"]',
             classPrefix: null,
@@ -26,7 +26,7 @@ seaLoader(function(seajs) {
     });
 
     //tag切换
-    seajs.use(['arale/switchable/1.0.2/tabs'], function(Tabs) {
+    seajs.use(['arale/switchable/1.0.2/tabs'], function (Tabs) {
         //资讯
         new Tabs({
             element: '[data-role="tab-news"]',
@@ -51,34 +51,34 @@ seaLoader(function(seajs) {
 
 
 var V = {
-   carouselArr : [],
-   carouseLen : 1150,
-   init: function() {
-       V.checkNarrow();
-
-       //图片懒加载
-       $(".dw-mod-video img").lazyload({
-            failurelimit : 5,
-            skip_invisible : false
+    carouselArr: [],
+    carouseLen: 1150,
+    init: function () {
+        V.checkNarrow();
+
+        //图片懒加载
+        $(".dw-mod-video img").lazyload({
+            failurelimit: 5,
+            skip_invisible: false
         })
 
         $(".dw-mod-arms img").lazyload({
-            failurelimit : 5,
-            skip_invisible : false
+            failurelimit: 5,
+            skip_invisible: false
         })
 
         $(".dw-mod-match img").lazyload({
-            failurelimit : 5,
-            skip_invisible : false
+            failurelimit: 5,
+            skip_invisible: false
         })
 
         $(".dw-mod-comlist img").lazyload({
-            failurelimit : 5,
-            skip_invisible : false
+            failurelimit: 5,
+            skip_invisible: false
         })
-   },
-   checkNarrow : function() {
-        if($(window).width() < 1420) {
+    },
+    checkNarrow: function () {
+        if ($(window).width() < 1420) {
 
             V.carouseLen = 780;
             $(".g-body").addClass("g-narrow");
@@ -88,8 +88,8 @@ var V = {
             $(".g-body").removeClass("g-narrow");
         }
     },
-    newCarousel : function() {
-       NlCarousel =  new carouselTool({
+    newCarousel: function () {
+        NlCarousel = new carouselTool({
             element: '[data-role="slide-news"]',
             classPrefix: null,
             activeTriggerClass: 'is-active',
@@ -101,19 +101,19 @@ var V = {
             effect: 'scrolly'
         }).render();
     },
-    destroyCarousel : function() {
+    destroyCarousel: function () {
         NlCarousel.destroy();
     }
 }
 
 var C = {
-    init: function() {
+    init: function () {
 
         var channel = $("body").attr("data-id");
-        $('.dw-mod-nav .mod-hd .nav-fl td[data-id='+channel+']').addClass("active");
+        $('.dw-mod-nav .mod-hd .nav-fl td[data-id=' + channel + ']').addClass("active");
 
         //视频图库类tag切换+懒加载
-        $('.comlist-normal [data-role="tab-comlist"]').on("mouseenter",'[data-switchable-role="nav"] li',function(){
+        $('.comlist-normal [data-role="tab-comlist"]').on("mouseenter", '[data-switchable-role="nav"] li', function () {
             var $this = $(this);
             var _index = $this.index();
             var $p = $this.parents('[data-role="tab-comlist"]');
@@ -123,8 +123,8 @@ var C = {
             $tagCont.show().siblings().hide();
 
             if (_index != 0) {
-                $tagCont.find("img").each(function(i,e){
-                    $(e).attr("src",$(e).attr("data-src"));
+                $tagCont.find("img").each(function (i, e) {
+                    $(e).attr("src", $(e).attr("data-src"));
                 });
             }
         });

+ 4 - 0
2017专题/我的世界专题/src/modules/page/index.js

@@ -12,6 +12,10 @@ var V = {
         $(".nav-tab, #nav-tab").on("click","li", function () {
             $this = $(this);
             var i =  $this.index();
+            var centI = $this.parent().find('.shumen-nav-logo').index();
+            if($this.parent().find('.shumen-nav-logo').length > 0 && $this.index() > centI){
+                i = i-1;
+            }
             $this.addClass('active').siblings().removeClass('active');
             $('.g-article .g-item').eq(i).show().siblings().hide();
         })

+ 135 - 0
2018专区/堡垒之夜/fis-conf.js

@@ -0,0 +1,135 @@
+var version = '';
+var path = '/zq2018/fortnight/';
+
+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'
+});

+ 0 - 0
2018专题/LPL赛事模块通用竞猜顶部/map.json → 2018专区/堡垒之夜/map.json


+ 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/fortnight/"
+  }
+}

+ 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>

+ 1988 - 0
2018专区/堡垒之夜/src/_index.html

@@ -0,0 +1,1988 @@
+<!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.png);">
+        <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>
+                        <div class="slider-wrap streamer-slider">
+                            <div class="g-ui-slide ext-dotted" data-role="slide-streamer">
+                                <ul class="g-ui-slide__content" data-switchable-role="content">
+                                    <li class="g-ui-slide__panel">
+                                        <div class="streamer">
+                                            <img src="http://fed.webdev.ouj.com/65x65" class="streamer-avatar">
+                                            <span class="streamer-name">dasj2 2ad.</span>
+                                            <div class="streamer-desc">
+                                                <h6>高德伟</h6>
+                                                <p class="desc-text">古书上指金星。旧时指交际场中有名的女子;现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。</p>
+                                                <p class="good-at">擅长游戏: <span>绝地求生</span><span>英雄联盟</span></p>
+                                            </div>
+                                        </div>
+                                        <div class="streamer">
+                                            <img src="http://fed.webdev.ouj.com/65x65" class="streamer-avatar">
+                                            <span class="streamer-name">高德伟</span>
+                                            <div class="streamer-desc">
+                                                <h6>高德伟</h6>
+                                                <p class="desc-text">古书上指金星。旧时指交际场中有名的女子;现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。</p>
+                                                <p class="good-at">擅长游戏: <span>绝地求生</span><span>英雄联盟</span></p>
+                                            </div>
+                                        </div>
+                                        <div class="streamer" href='#'>
+                                            <img src="http://fed.webdev.ouj.com/65x65" class="streamer-avatar">
+                                            <span class="streamer-name">高德伟</span>
+                                            <div class="streamer-desc">
+                                                <h6>高德伟</h6>
+                                                <p class="desc-text">古书上指金星。旧时指交际场中有名的女子;现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。</p>
+                                                <p class="good-at">擅长游戏: <span>绝地求生</span><span>英雄联盟</span></p>
+                                            </div>
+                                        </div>
+                                        <div class="streamer">
+                                            <img src="http://fed.webdev.ouj.com/65x65" class="streamer-avatar">
+                                            <span class="streamer-name">高德伟</span>
+                                            <div class="streamer-desc">
+                                                <h6>高德伟</h6>
+                                                <p class="desc-text">古书上指金星。旧时指交际场中有名的女子;现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。</p>
+                                                <p class="good-at">擅长游戏: <span>绝地求生</span><span>英雄联盟</span></p>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <li class="g-ui-slide__panel u-hide">
+                                        <div class="streamer">
+                                            <img src="http://fed.webdev.ouj.com/65x65" class="streamer-avatar">
+                                            <span class="streamer-name">2</span>
+                                            <div class="streamer-desc">
+                                                <h6>高德伟</h6>
+                                                <p class="desc-text">古书上指金星。旧时指交际场中有名的女子;现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。</p>
+                                                <p class="good-at">擅长游戏: <span>绝地求生</span><span>英雄联盟</span></p>
+                                            </div>
+                                        </div>
+                                        <div class="streamer">
+                                            <img src="http://fed.webdev.ouj.com/65x65" class="streamer-avatar">
+                                            <span class="streamer-name">高德伟</span>
+                                            <div class="streamer-desc">
+                                                <h6>高德伟</h6>
+                                                <p class="desc-text">古书上指金星。旧时指交际场中有名的女子;现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。</p>
+                                                <p class="good-at">擅长游戏: <span>绝地求生</span><span>英雄联盟</span></p>
+                                            </div>
+                                        </div>
+                                        <div class="streamer">
+                                            <img src="http://fed.webdev.ouj.com/65x65" class="streamer-avatar">
+                                            <span class="streamer-name">高德伟</span>
+                                            <div class="streamer-desc">
+                                                <h6>高德伟</h6>
+                                                <p class="desc-text">古书上指金星。旧时指交际场中有名的女子;现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。</p>
+                                                <p class="good-at">擅长游戏: <span>绝地求生</span><span>英雄联盟</span></p>
+                                            </div>
+                                        </div>
+                                        <div class="streamer">
+                                            <img src="http://fed.webdev.ouj.com/65x65" class="streamer-avatar">
+                                            <span class="streamer-name">高德伟</span>
+                                            <div class="streamer-desc">
+                                                <h6>高德伟</h6>
+                                                <p class="desc-text">古书上指金星。旧时指交际场中有名的女子;现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。</p>
+                                                <p class="good-at">擅长游戏: <span>绝地求生</span><span>英雄联盟</span></p>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <li class="g-ui-slide__panel u-hide">
+                                        <div class="streamer">
+                                            <img src="http://fed.webdev.ouj.com/65x65" class="streamer-avatar">
+                                            <span class="streamer-name">3</span>
+                                            <div class="streamer-desc">
+                                                <h6>高德伟</h6>
+                                                <p class="desc-text">古书上指金星。旧时指交际场中有名的女子;现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。</p>
+                                                <p class="good-at">擅长游戏: <span>绝地求生</span><span>英雄联盟</span></p>
+                                            </div>
+                                        </div>
+                                        <div class="streamer">
+                                            <img src="http://fed.webdev.ouj.com/65x65" class="streamer-avatar">
+                                            <span class="streamer-name">高德伟</span>
+                                            <div class="streamer-desc">
+                                                <h6>高德伟</h6>
+                                                <p class="desc-text">古书上指金星。旧时指交际场中有名的女子;现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。</p>
+                                                <p class="good-at">擅长游戏: <span>绝地求生</span><span>英雄联盟</span></p>
+                                            </div>
+                                        </div>
+                                        <div class="streamer">
+                                            <img src="http://fed.webdev.ouj.com/65x65" class="streamer-avatar">
+                                            <span class="streamer-name">高德伟</span>
+                                            <div class="streamer-desc">
+                                                <h6>高德伟</h6>
+                                                <p class="desc-text">古书上指金星。旧时指交际场中有名的女子;现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。</p>
+                                                <p class="good-at">擅长游戏: <span>绝地求生</span><span>英雄联盟</span></p>
+                                            </div>
+                                        </div>
+                                        <div class="streamer">
+                                            <img src="http://fed.webdev.ouj.com/65x65" class="streamer-avatar">
+                                            <span class="streamer-name">高德伟</span>
+                                            <div class="streamer-desc">
+                                                <h6>高德伟</h6>
+                                                <p class="desc-text">古书上指金星。旧时指交际场中有名的女子;现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。</p>
+                                                <p class="good-at">擅长游戏: <span>绝地求生</span><span>英雄联盟</span></p>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                                <ul class="g-ui-slide__nav slider-arrow-wrapper" data-switchable-role="nav">
+                                    <a class="ui-carousel__prev" data-switchable-role="prev"></a>
+                                    <a class="ui-carousel__next" data-switchable-role="next"></a>
+                                </ul>
+                            </div>
+                        </div>
+                        <div id="day-store">
+                            <p><span class="text-bg store-bg">每日商城</span><span>售卖历史 <i class="icon icon-more"></i></span>
+                            </p>
+                            <p id="refresh-time"><span></span> <span></span></p>
+                        </div>
+                        <div class="mod-title">
+                            <h2>每周限时<i></i></h2>
+                        </div>
+                        <div class="slider-wrap free-slider" style="display: none">
+                            <div class="g-ui-slide ext-dotted" data-role="slide-charactor0">
+                                <ul class="g-ui-slide__content" data-switchable-role="content">
+                                    <li class="g-ui-slide__panel free">
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <li class="g-ui-slide__panel u-hide">
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <li class="g-ui-slide__panel u-hide">
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                                <ul class="g-ui-slide__nav slider-arrow-wrapper" data-switchable-role="nav">
+                                    <a class="ui-carousel__prev" data-switchable-role="prev"></a>
+                                    <a class="ui-carousel__next" data-switchable-role="next"></a>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="mod-title">
+                            <h2>每日限时<i></i></h2>
+                        </div>
+                        <div class="slider-wrap free-slider" style="display: none">
+                            <div class="g-ui-slide ext-dotted" data-role="slide-charactor1">
+                                <ul class="g-ui-slide__content" data-switchable-role="content">
+                                    <li class="g-ui-slide__panel free">
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>1</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <li class="g-ui-slide__panel u-hide">
+                                        <div class="limit-free">
+                                            <img  alt="">
+                                            <div class="limit-desc">
+                                                <span>2</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                        <div class="limit-free">
+                                            <img  alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <li class="g-ui-slide__panel u-hide">
+                                        <div class="limit-free">
+                                            <img  alt="">
+                                            <div class="limit-desc">
+                                                <span>3</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                        <div class="limit-free">
+                                            <img src="http://fed.webdev.ouj.com/112x110" alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                        <div class="limit-free">
+                                            <img  alt="">
+                                            <div class="limit-desc">
+                                                <span>群魔乱舞</span>
+                                                <span><i class="icon-coin"></i>500</span>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                                <ul class="g-ui-slide__nav slider-arrow-wrapper" data-switchable-role="nav">
+                                    <a class="ui-carousel__prev" data-switchable-role="prev"></a>
+                                    <a class="ui-carousel__next" data-switchable-role="next"></a>
+                                </ul>
+                            </div>
+                        </div>
+                    </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></li>
+                                <li class="news-ui-tab__trigger"><a href="#">昨日回顾</a></li>
+                                <li class="news-ui-tab__trigger"><a href="#">热门视频</a></li>
+                                <li class="news-ui-tab__trigger"><a href="#">最新资讯</a></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="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <a class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <span>阅读详情 <i class="icon-right-arrow"></i></span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <label class="label-bbs">论坛</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                </ul>
+                                <ul class="list-news">
+                                    <li>
+                                        <label class="label-news">视频</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <label class="label-bbs">论坛</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                </ul>
+                                <ul class="list-news">
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                            </a></p>
+                                        <div class="detail-wrapper">
+                                            <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                            <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                            <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="news-ui-tab__panel u-hide">                                <ul class="list-news">
+                                <li>
+                                    <label class="label-video">视频</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-bbs">论坛</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                            </ul>
+                            <ul class="list-news">
+                                <li>
+                                    <label class="label-news">视频</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-bbs">论坛</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                            </ul>
+                            <ul class="list-news">
+                                <li>
+                                    <label class="label-news">视频</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-bbs">论坛</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                            </ul>                                <ul class="list-news">
+                                <li>
+                                    <label class="label-video">视频</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-bbs">论坛</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                            </ul>
+                            <ul class="list-news">
+                                <li>
+                                    <label class="label-news">视频</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-bbs">论坛</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                            </ul>
+                            <ul class="list-news">
+                                <li>
+                                    <label class="label-news">视频</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-bbs">论坛</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                            </ul>                                <ul class="list-news">
+                                <li>
+                                    <label class="label-video">视频</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-bbs">论坛</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                            </ul>
+                            <ul class="list-news">
+                                <li>
+                                    <label class="label-news">视频</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-bbs">论坛</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                            </ul>
+                            <ul class="list-news">
+                                <li>
+                                    <label class="label-news">视频</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-bbs">论坛</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-fun">娱乐</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                                <li>
+                                    <label class="label-preview">爆料</label>
+                                    <span class="date">05-04</span>
+                                    <p><a target="_blank" href="#" title="" class="list-news-title">CSGO 职业大神的比赛匕首击杀时刻TOP10
+                                        </a></p>
+                                    <div class="detail-wrapper">
+                                        <img src="http://fed.webdev.ouj.com/165x92" alt="">
+                                        <p>堡垒之夜在昨天公布了自己的安卓版本,并立即发布SD卡供玩家购买。</p>
+                                        <a>阅读详情 <i class="icon-right-arrow"></i></a>
+                                    </div>
+                                </li>
+                            </ul></div>
+                            <div class="news-ui-tab__panel u-hide">内容 C</div>
+                        </div>
+                        <a href="#" class="link-more">查看更多></a>
+                    </div>
+                </div>
+                <!--中部新闻资讯-->
+                <!--右侧武器数据库、任务列表、更新日志-->
+                <div class="dw-mod-fr">
+                    <div class="search-wrap g-col g-col-304">
+                        <div class="search-bd">
+                            <a href="">
+                                <img src="http://fed.webdev.ouj.com/304x130" alt="">
+                            </a>
+                        </div>
+                    </div>
+                    <div class="strategy-wrap g-col g-col-304">
+                        <div class="mod-title">
+                            <h2>快速入口</h2>
+                        </div>
+                        <div class="strategy-bd">
+                            <ul class="fast-entry">
+                                <li><a href="" style="background-image: url('http://fed.webdev.ouj.com/146x38');">宝箱刷新点</a></li>
+                                <li><a href="" style="background-image: url('http://fed.webdev.ouj.com/146x38');">枪械数据库</a></li>
+                                <li><a href="" style="background-image: url('http://fed.webdev.ouj.com/146x38');">地图资源点</a></li>
+                                <li><a href="" style="background-image: url('http://fed.webdev.ouj.com/146x38');">物品掉落率</a></li>
+                                <li><a href="" style="background-image: url('http://fed.webdev.ouj.com/146x38');">勋章任务表</a></li>
+                                <li><a href="" style="background-image: url('http://fed.webdev.ouj.com/146x38');">任务完成点</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="strategy-wrap g-col g-col-304">
+                        <div class="mod-title">
+                            <h2>限时模式</h2>
+                        </div>
+                        <div class="strategy-bd">
+                            <ul class="limit-mode">
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/93x92" alt=""><p>推荐图标题</p></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/93x92" alt=""><p>推荐图标题</p></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/93x92" alt=""><p>推荐图标题</p></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/93x92" alt=""><p>推荐图标题</p></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/93x92" alt=""><p>推荐图标题</p></a></li>
+                                <li><a href=""><img src="http://fed.webdev.ouj.com/93x92" alt=""><p>推荐图标题</p></a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div id="update-log">
+                        <p>
+                            <span class="text-bg bg-updatelog">更新日志</span>
+                        </p>
+                        <ul>
+                            <li class="log-item"><a href="">愤怒的小鸟:变形金刚: 将绿变形金刚刚: 将绿变形金刚刚: 将绿变形金刚刚: 将绿变形金刚: 将绿猪...</a></li>
+                            <li class="log-item"><a href="">愤怒的小鸟:变形金刚: 将绿变形金刚: 将绿猪...</a></li>
+                            <li class="log-item"><a href="">愤怒的小鸟:变形金刚: 将绿变形金刚: 将绿猪...</a></li>
+                            <li class="log-item"><a href="">愤怒的小鸟:变形金刚: 将绿变形金刚: 将绿猪...</a></li>
+                            <li class="log-item"><a href="">愤怒的小鸟:变形金刚: 将绿变形金刚: 将绿猪...</a></li>
+                        </ul>
+                    </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">
+                            <span class="text-bg video-bg">游戏视频</span>
+                            <ul class="g-tab__nav g-arrow-nav" data-switchable-role="nav">
+                                <li class="g-tab__trigger is-active"><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" data-switchable-role="content" style="height: 350px;">
+                            <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 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>视频排行榜</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="">雷电法85-*王窒息节奏21313IG成功拿节奏21313IG成功拿下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="">雷电法王窒息asdsadz..节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IGasda成功拿下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 g-strategy">
+                    <div class="dw-mod-fl g-col">
+                        <div class="g-ui-tab" data-role="tab-strategy">
+                            <p>
+                                <span class="text-bg game-strategy">游戏攻略</span>
+                            </p>
+                            <div class="strategy-wrapper">
+                                <div class="strategy-col">
+                                    <a href="" class="strategy-banner">
+                                        <img src="http://fed.webdev.ouj.com/250x120" alt="">
+                                        <p>新手入门</p>
+                                    </a>
+                                    <a href="" class="strategy-title"><img src="http://fed.webdev.ouj.com/20x20" alt="">PVE模式攻略</a>
+                                    <ul class="strategy-list-group">
+                                            <li class="strategy-item item-news"><a href="">asdasdad攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题azxczc</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">:!@#攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题@"#!</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标asdd题攻略标题攻略标题攻略标213131题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略czxcz标题攻略标题攻213..略标题攻略:标题攻略标题攻略标题标题</a></li>
+                                        </ul>
+                                    <a href="" class="strategy-title"><img src="http://fed.webdev.ouj.com/20x20" alt="">PVE模式攻略</a>
+                                    <ul class="strategy-list-group">
+                                            <li class="strategy-item"><a href="">攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                        </ul>
+                                </div>
+                                <div class="strategy-col">
+                                    <a href="" class="strategy-banner">
+                                        <img src="http://fed.webdev.ouj.com/250x120" alt="">
+                                        <p>进阶技巧</p>
+                                        <a href="" class="strategy-title"><img src="http://fed.webdev.ouj.com/20x20" alt="">PVE模式攻略</a>
+                                        <ul class="strategy-list-group">
+                                            <li class="strategy-item item-news"><a href="">攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                        </ul>
+                                        <a href="" class="strategy-title"><img src="http://fed.webdev.ouj.com/20x20" alt="">PVE模式攻略</a>
+                                        <ul class="strategy-list-group">
+                                            <li class="strategy-item"><a href="">攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                        </ul>
+                                    </a>
+                                </div>
+                                <div class="strategy-col">
+                                    <a href="" class="strategy-banner">
+                                        <img src="http://fed.webdev.ouj.com/250x120" alt="">
+                                        <p>大神操作</p>
+                                        <a href="" class="strategy-title"><img src="http://fed.webdev.ouj.com/20x20" alt="">PVE模式攻略</a>
+                                        <ul class="strategy-list-group">
+                                            <li class="strategy-item item-news"><a href="">攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                        </ul>
+                                        <a href="" class="strategy-title"><img src="http://fed.webdev.ouj.com/20x20" alt="">PVE模式攻略</a>
+                                        <ul class="strategy-list-group">
+                                            <li class="strategy-item"><a href="">攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                            <li class="strategy-item"><a href="">攻略攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题攻略标题标题</a></li>
+                                        </ul>
+                                    </a>
+                                </div>
+                            </div>
+                        </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=0&uid=6548368990&verifier=0e463c5b&dpc=1"></iframe>
+                    </div>
+                    <!--微博墙-->
+                </div>
+            </div>
+            <!--游戏攻略-->
+            <div class="dw-mod-news mt-40">
+                <ul class="list-type clearfix">
+                    <li class="item-type g-col g-col-358">
+                        <div class="mod-title">
+                            <p>
+                                <span class="text-bg zonghegonglue">PVP攻略</span>
+                                <a class="fr" style="color: #999; margin-top: 12px">更多 <i class="icon icon-more"></i></a>
+                            </p>
+                        </div>
+                        <div class="strategy-img-wrapper">
+                            <a class="strategy-img-item">
+                                <img src="http://fed.webdev.ouj.com/174x96" alt="">
+                                <p>这是一段很长的标题这是一段很长的标题这是一段很长的标题</p>
+                            </a>
+                            <a class="strategy-img-item">
+                                <img src="http://fed.webdev.ouj.com/174x96" alt="">
+                                <p>这是一段很长的标题这是一段很长的标题这是一段很长的标题</p>
+                            </a>
+                        </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-358">
+                        <div class="mod-title">
+                            <p>
+                                <span class="text-bg wuqigonglue">武器攻略</span>
+                                <a class="fr" style="color: #999 ;margin-top: 12px">更多 <i class="icon icon-more"></i></a>
+                            </p>
+                        </div>
+                        <div class="strategy-img-wrapper">
+                            <a class="strategy-img-item">
+                                <img src="http://fed.webdev.ouj.com/174x96" alt="">
+                                <p>这是一段很长的标题这是一段很长的标题这是一段很长的标题</p>
+                            </a>
+                            <a class="strategy-img-item">
+                                <img src="http://fed.webdev.ouj.com/174x96" alt="">
+                                <p>这是一段很长的标题这是一段很长的标题这是一段很长的标题</p>
+                            </a>
+                        </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-358">
+                        <div class="mod-title">
+                            <p>
+                                <span class="text-bg youxigonglue">游戏攻略</span>
+                                <a class="fr" style="color: #999; margin-top: 12px">更多 <i class="icon icon-more"></i></a>
+                            </p>
+                        </div>
+                        <div class="strategy-img-wrapper">
+                            <a class="strategy-img-item">
+                                <img src="http://fed.webdev.ouj.com/174x96" alt="">
+                                <p>这是一段很长的标题这是一段很长的标题这是一段很长的标题</p>
+                            </a>
+                            <a class="strategy-img-item">
+                                <img src="http://fed.webdev.ouj.com/174x96" alt="">
+                                <p>这是一段很长的标题这是一段很长的标题这是一段很长的标题</p>
+                            </a>
+                        </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 class="dw-mod-medal">
+                <span class="text-bg bg-medal">英雄勋章</span>
+                <div class="medal-bg">
+                    <img src="src/img/carousel-bg.png" alt="" id='slider-bg'>
+                    <div class="slider-wrap hero-medal">
+                        <div class="g-ui-slide ext-dotted" data-role="slide-hero-medal">
+                            <!--轮播内容-->
+                            <ul class="g-ui-slide__content" data-switchable-role="content">
+                                <li class="g-ui-slide__panel hero-medal">
+                                    <div class="medal-item">
+                                        <img src="img\slider1.png" alt="">
+                                    </div>
+                                </li>
+                                <li class="g-ui-slide__panel u-hide">
+                                    <div class="medal-item">
+                                        <img src="img\slider2.png" alt="">
+                                    </div>
+                                </li>
+                                <li class="g-ui-slide__panel u-hide">
+                                    <div class="medal-item">
+                                        <img src="img\slider3.png" alt="">
+                                    </div>
+                                </li>
+                                <li class="g-ui-slide__panel u-hide">
+                                    <div class="medal-item">
+                                        <img src="img\slider4.png" alt="">
+                                    </div>
+                                </li>
+                                <li class="g-ui-slide__panel u-hide">
+                                    <div class="medal-item">
+                                        <img src="img\slider5.png" alt="">
+                                    </div>
+                                </li>
+                                <li class="g-ui-slide__panel u-hide">
+                                    <div class="medal-item">
+                                        <img src="img\slider6.png" alt="">
+                                    </div>
+                                </li>
+                            </ul>
+                            <!--轮播左右箭头-->
+                            <ul class="g-ui-slide__nav slider-arrow-wrapper" data-switchable-role="nav">
+                                <a class="ui-carousel__prev" data-switchable-role="prev"></a>
+                                <a class="ui-carousel__next" data-switchable-role="next"></a>
+                            </ul>
+                            <!--轮播下部小圆点-->
+                            <ul class="g-ui-slide__nav dots" data-switchable-role="nav">
+                                <div class="dots-wrapper">
+                                    <li class="g-ui-slide__trigger is-active" data-switchable-role="trigger"><i class="circle"></i></li>
+                                    <li class="g-ui-slide__trigger" data-switchable-role="trigger"><i class="circle"></i></li>
+                                    <li class="g-ui-slide__trigger" data-switchable-role="trigger"><i class="circle"></i></li>
+                                    <li class="g-ui-slide__trigger" data-switchable-role="trigger"><i class="circle"></i></li>
+                                    <li class="g-ui-slide__trigger" data-switchable-role="trigger"><i class="circle"></i></li>
+                                    <li class="g-ui-slide__trigger" data-switchable-role="trigger"><i class="circle"></i></li>
+                                </div>
+                            </ul>
+                        </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/index.js');
+    </script>
+</body>
+
+</html>

+ 2278 - 0
2018专区/堡垒之夜/src/_index_new.html

@@ -0,0 +1,2278 @@
+<!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-->
+</head>
+
+<body data-id="index" style="background: url(/src/img/bg-index.png) 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.png) no-repeat center 430px">
+        <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 模板-赛事 -->
+
+        <!-- 首屏 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>
+                </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="search-wrap g-col-304">
+                    <div class="mod-title">
+                        <h2>吃鸡查询
+                            <i></i>
+                        </h2>
+                    </div>
+                    <div class="search-bd">
+                        <input type="text" class="search-key" placeholder="请输入游戏昵称查询" />
+                        <button class="search-submit">查询</button>
+                    </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="/src/img/fengshen-bg.png" />
+                        </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" 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>
+                            </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 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>
+                                        <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">
+                                <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 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>
+                                        <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">
+                                <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 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>
+                                        <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">
+                                <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 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>
+                                        <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 style="background:url(/src/img/bg-weapon-default.jpg) repeat-y top center;">
+            <div style="background:url(/src/img/bg-weapon.jpg) no-repeat bottom center;">
+                <!-- 攻略中心 s -->
+                <div class="dw-mod-strategy" style="background:url(/src/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>
+                                    </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>
+                                    </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 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 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="上一页" ms-on-click="toPrevArmour"></div>
+                                    <div class="weapon-list-next" title="下一页" ms-on-click="toNextArmour"></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="上一页" ms-on-click="toPrevConsumable"></div>
+                                    <div class="weapon-list-next" title="下一页" ms-on-click="toNextConsumable"></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-bottom:50px;">
+            <!-- 相关视频 s-->
+            <div class="g-zq-inner dw-mod-abvideo clearfix comlist-normal">
+                <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>

+ 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, $);

+ 0 - 0
2018专题/LPL赛事模块通用竞猜顶部/src/modules/dwudbproxy/tpl/dwLoginPopup.tmpl → 2018专区/堡垒之夜/src/common/dwudbproxy/tpl/dwLoginPopup.tmpl


+ 0 - 0
2018专题/LPL赛事模块通用竞猜顶部/src/modules/dwudbproxy/tpl/vhuyaLoginPopup.tmpl → 2018专区/堡垒之夜/src/common/dwudbproxy/tpl/vhuyaLoginPopup.tmpl


+ 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");
+})()

二進制
2018专区/堡垒之夜/src/common/header/img/gold.png


二進制
2018专区/堡垒之夜/src/common/header/img/icon1.png


二進制
2018专区/堡垒之夜/src/common/header/img/icon2.png


二進制
2018专区/堡垒之夜/src/common/header/img/icon3.png


二進制
2018专区/堡垒之夜/src/common/header/img/icon4.png


二進制
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>

File diff suppressed because it is too large
+ 1237 - 0
2018专区/堡垒之夜/src/common/navbar/navbar.js


二進制
2018专区/堡垒之夜/src/common/newsPopup/assets/dw_big_text.png


二進制
2018专区/堡垒之夜/src/common/newsPopup/assets/dw_mini_popup_logo.png


二進制
2018专区/堡垒之夜/src/common/newsPopup/assets/dw_news_littleboy.png


二進制
2018专区/堡垒之夜/src/common/newsPopup/assets/finger.swf


二進制
2018专区/堡垒之夜/src/common/newsPopup/assets/news_type_image.png


二進制
2018专区/堡垒之夜/src/common/newsPopup/assets/news_type_video.png


二進制
2018专区/堡垒之夜/src/common/newsPopup/assets/play_icon.png


二進制
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>

二進制
2018专区/堡垒之夜/src/common/plusReport/icon-close2.png


File diff suppressed because it is too large
+ 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
+

+ 0 - 0
2018专题/LPL赛事模块通用竞猜顶部/src/font/lego/iconfont.eot → 2018专区/堡垒之夜/src/font/lego/iconfont.eot


+ 0 - 0
2018专题/LPL赛事模块通用竞猜顶部/src/font/lego/iconfont.svg → 2018专区/堡垒之夜/src/font/lego/iconfont.svg


+ 0 - 0
2018专题/LPL赛事模块通用竞猜顶部/src/font/lego/iconfont.ttf → 2018专区/堡垒之夜/src/font/lego/iconfont.ttf


+ 0 - 0
2018专题/LPL赛事模块通用竞猜顶部/src/font/lego/iconfont.woff → 2018专区/堡垒之夜/src/font/lego/iconfont.woff


二進制
2018专区/堡垒之夜/src/img/bg-index.png


二進制
2018专区/堡垒之夜/src/img/bg-weapon-default.jpg


二進制
2018专区/堡垒之夜/src/img/boke-more-hover.png


二進制
2018专区/堡垒之夜/src/img/boke-more.png


二進制
2018专区/堡垒之夜/src/img/boke-num-default.png


二進制
2018专区/堡垒之夜/src/img/boke-num.png


二進制
2018专区/堡垒之夜/src/img/bokeTag-book.png


二進制
2018专区/堡垒之夜/src/img/bokeTag-hot.png


二進制
2018专区/堡垒之夜/src/img/btn-search.png


二進制
2018专区/堡垒之夜/src/img/btn-top.png


二進制
2018专区/堡垒之夜/src/img/carousel-bg.png


二進制
2018专区/堡垒之夜/src/img/download-icon.png


二進制
2018专区/堡垒之夜/src/img/download-link-icon.png


二進制
2018专区/堡垒之夜/src/img/dw-footer-icon.png


二進制
2018专区/堡垒之夜/src/img/equip-desc-arrow.png


二進制
2018专区/堡垒之夜/src/img/equip-desc-bg.png


二進制
2018专区/堡垒之夜/src/img/g-logo-inner.png


二進制
2018专区/堡垒之夜/src/img/g-subtitle.png


二進制
2018专区/堡垒之夜/src/img/gItem-more.png


二進制
2018专区/堡垒之夜/src/img/gItem-vdIcon.png


二進制
2018专区/堡垒之夜/src/img/gItem-vdIcon2.png


二進制
2018专区/堡垒之夜/src/img/gengxinrizhi.png


二進制
2018专区/堡垒之夜/src/img/gonglue.png


二進制
2018专区/堡垒之夜/src/img/homepage-icon.png


二進制
2018专区/堡垒之夜/src/img/hot-icon.png


二進制
2018专区/堡垒之夜/src/img/icon-author.png


二進制
2018专区/堡垒之夜/src/img/icon-bbs.png


二進制
2018专区/堡垒之夜/src/img/icon-coin.png


二進制
2018专区/堡垒之夜/src/img/icon-comment.png


二進制
2018专区/堡垒之夜/src/img/icon-danjia.png


二進制
2018专区/堡垒之夜/src/img/icon-download.png


二進制
2018专区/堡垒之夜/src/img/icon-duquan-rank.png


二進制
2018专区/堡垒之夜/src/img/icon-edit-intro.png


二進制
2018专区/堡垒之夜/src/img/icon-game.png


二進制
2018专区/堡垒之夜/src/img/icon-hall-fame.png


二進制
2018专区/堡垒之夜/src/img/icon-hot-cate.png


二進制
2018专区/堡垒之夜/src/img/icon-hot-news.png


二進制
2018专区/堡垒之夜/src/img/icon-jiaoxue-rank.png


二進制
2018专区/堡垒之夜/src/img/icon-match-next.png


二進制
2018专区/堡垒之夜/src/img/icon-match-prev.png


二進制
2018专区/堡垒之夜/src/img/icon-next.png


二進制
2018专区/堡垒之夜/src/img/icon-next2.png


二進制
2018专区/堡垒之夜/src/img/icon-play.png


二進制
2018专区/堡垒之夜/src/img/icon-play2.png


二進制
2018专区/堡垒之夜/src/img/icon-prev.png


二進制
2018专区/堡垒之夜/src/img/icon-prev2.png


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