Przeglądaj źródła

幻想全明星专区

sa03 6 lat temu
rodzic
commit
d15ce4e310
100 zmienionych plików z 8114 dodań i 0 usunięć
  1. 135 0
      2018专区/幻想全明星/fis-conf.js
  2. 1 0
      2018专区/幻想全明星/map.json
  3. 10 0
      2018专区/幻想全明星/package.json
  4. 590 0
      2018专区/幻想全明星/src/_artical.html
  5. 330 0
      2018专区/幻想全明星/src/_artical2.html
  6. 714 0
      2018专区/幻想全明星/src/_index.html
  7. 571 0
      2018专区/幻想全明星/src/_list.html
  8. 0 0
      2018专区/幻想全明星/src/_test.html
  9. 574 0
      2018专区/幻想全明星/src/_video.html
  10. 253 0
      2018专区/幻想全明星/src/common/dwudbproxy/css/dwLoginPopup.css
  11. 1323 0
      2018专区/幻想全明星/src/common/dwudbproxy/css/vhuyaLoginPopup.css
  12. 489 0
      2018专区/幻想全明星/src/common/dwudbproxy/dwudbproxy.js
  13. 35 0
      2018专区/幻想全明星/src/common/dwudbproxy/tpl/dwLoginPopup.tmpl
  14. 13 0
      2018专区/幻想全明星/src/common/dwudbproxy/tpl/vhuyaLoginPopup.tmpl
  15. 268 0
      2018专区/幻想全明星/src/common/header/css/plus.css
  16. 56 0
      2018专区/幻想全明星/src/common/header/header.html
  17. 71 0
      2018专区/幻想全明星/src/common/header/header.js
  18. BIN
      2018专区/幻想全明星/src/common/header/img/gold.png
  19. BIN
      2018专区/幻想全明星/src/common/header/img/icon1.png
  20. BIN
      2018专区/幻想全明星/src/common/header/img/icon2.png
  21. BIN
      2018专区/幻想全明星/src/common/header/img/icon3.png
  22. BIN
      2018专区/幻想全明星/src/common/header/img/icon4.png
  23. BIN
      2018专区/幻想全明星/src/common/header/img/sign-task.png
  24. 90 0
      2018专区/幻想全明星/src/common/header/tpl/plus.tmpl
  25. 1237 0
      2018专区/幻想全明星/src/common/navbar/navbar.js
  26. BIN
      2018专区/幻想全明星/src/common/newsPopup/assets/dw_big_text.png
  27. BIN
      2018专区/幻想全明星/src/common/newsPopup/assets/dw_mini_popup_logo.png
  28. BIN
      2018专区/幻想全明星/src/common/newsPopup/assets/dw_news_littleboy.png
  29. BIN
      2018专区/幻想全明星/src/common/newsPopup/assets/finger.swf
  30. BIN
      2018专区/幻想全明星/src/common/newsPopup/assets/news_type_image.png
  31. BIN
      2018专区/幻想全明星/src/common/newsPopup/assets/news_type_video.png
  32. BIN
      2018专区/幻想全明星/src/common/newsPopup/assets/play_icon.png
  33. BIN
      2018专区/幻想全明星/src/common/newsPopup/assets/popup_hide.png
  34. 441 0
      2018专区/幻想全明星/src/common/newsPopup/css/miniPopup.css
  35. 168 0
      2018专区/幻想全明星/src/common/newsPopup/newsPopup.js
  36. 168 0
      2018专区/幻想全明星/src/common/newsPopup/tpl/wrap.tmpl
  37. BIN
      2018专区/幻想全明星/src/common/plusReport/icon-close2.png
  38. 41 0
      2018专区/幻想全明星/src/common/plusReport/md5.js
  39. 77 0
      2018专区/幻想全明星/src/common/plusReport/plusReport.css
  40. 202 0
      2018专区/幻想全明星/src/common/plusReport/plusReport.js
  41. 9 0
      2018专区/幻想全明星/src/common/plusReport/plusReport.tmpl
  42. 96 0
      2018专区/幻想全明星/src/common/plusReport/plusReportBbs.js
  43. 45 0
      2018专区/幻想全明星/src/font/AdobeFnt16.lst
  44. BIN
      2018专区/幻想全明星/src/font/lego/iconfont.eot
  45. 107 0
      2018专区/幻想全明星/src/font/lego/iconfont.svg
  46. BIN
      2018专区/幻想全明星/src/font/lego/iconfont.ttf
  47. BIN
      2018专区/幻想全明星/src/font/lego/iconfont.woff
  48. BIN
      2018专区/幻想全明星/src/img/bg-index.jpg
  49. BIN
      2018专区/幻想全明星/src/img/bg-index.png
  50. BIN
      2018专区/幻想全明星/src/img/bg-weapon-default.jpg
  51. BIN
      2018专区/幻想全明星/src/img/bg-weapon-default.png
  52. BIN
      2018专区/幻想全明星/src/img/bg-weapon-top.jpg
  53. BIN
      2018专区/幻想全明星/src/img/bg-weapon-top.png
  54. BIN
      2018专区/幻想全明星/src/img/bg-weapon.jpg
  55. BIN
      2018专区/幻想全明星/src/img/bg-weapon.png
  56. BIN
      2018专区/幻想全明星/src/img/boke-more-hover.png
  57. BIN
      2018专区/幻想全明星/src/img/boke-more.png
  58. BIN
      2018专区/幻想全明星/src/img/boke-next.png
  59. BIN
      2018专区/幻想全明星/src/img/boke-num-default.png
  60. BIN
      2018专区/幻想全明星/src/img/boke-num.png
  61. BIN
      2018专区/幻想全明星/src/img/boke-prev.png
  62. BIN
      2018专区/幻想全明星/src/img/bokeTag-book.png
  63. BIN
      2018专区/幻想全明星/src/img/bokeTag-hot.png
  64. BIN
      2018专区/幻想全明星/src/img/btn-enter.png
  65. BIN
      2018专区/幻想全明星/src/img/btn-search.png
  66. BIN
      2018专区/幻想全明星/src/img/btn-top.png
  67. BIN
      2018专区/幻想全明星/src/img/download-icon.png
  68. BIN
      2018专区/幻想全明星/src/img/download-link-icon.png
  69. BIN
      2018专区/幻想全明星/src/img/dw-footer-icon.png
  70. BIN
      2018专区/幻想全明星/src/img/equip-desc-arrow.png
  71. BIN
      2018专区/幻想全明星/src/img/equip-desc-bg.png
  72. BIN
      2018专区/幻想全明星/src/img/fengshen-bg.png
  73. BIN
      2018专区/幻想全明星/src/img/g-logo-inner.png
  74. BIN
      2018专区/幻想全明星/src/img/g-subtitle.png
  75. BIN
      2018专区/幻想全明星/src/img/gItem-mask.png
  76. BIN
      2018专区/幻想全明星/src/img/gItem-more.png
  77. BIN
      2018专区/幻想全明星/src/img/gItem-vdIcon.png
  78. BIN
      2018专区/幻想全明星/src/img/gItem-vdIcon2.png
  79. BIN
      2018专区/幻想全明星/src/img/homepage-icon.png
  80. BIN
      2018专区/幻想全明星/src/img/hot-icon.png
  81. BIN
      2018专区/幻想全明星/src/img/icon-author.png
  82. BIN
      2018专区/幻想全明星/src/img/icon-bbs.png
  83. BIN
      2018专区/幻想全明星/src/img/icon-bodydamage1.png
  84. BIN
      2018专区/幻想全明星/src/img/icon-bodydamage2.png
  85. BIN
      2018专区/幻想全明星/src/img/icon-bodydamage3.png
  86. BIN
      2018专区/幻想全明星/src/img/icon-box.png
  87. BIN
      2018专区/幻想全明星/src/img/icon-bullet.png
  88. BIN
      2018专区/幻想全明星/src/img/icon-comment.png
  89. BIN
      2018专区/幻想全明星/src/img/icon-danjia-active.png
  90. BIN
      2018专区/幻想全明星/src/img/icon-danjia.png
  91. BIN
      2018专区/幻想全明星/src/img/icon-download.png
  92. BIN
      2018专区/幻想全明星/src/img/icon-duquan-rank.png
  93. BIN
      2018专区/幻想全明星/src/img/icon-edit-intro.png
  94. BIN
      2018专区/幻想全明星/src/img/icon-game.png
  95. BIN
      2018专区/幻想全明星/src/img/icon-hall-fame.png
  96. BIN
      2018专区/幻想全明星/src/img/icon-headdamage1.png
  97. BIN
      2018专区/幻想全明星/src/img/icon-headdamage2.png
  98. BIN
      2018专区/幻想全明星/src/img/icon-headdamage3.png
  99. BIN
      2018专区/幻想全明星/src/img/icon-hot-cate.png
  100. BIN
      2018专区/幻想全明星/src/img/icon-hot-news.png

+ 135 - 0
2018专区/幻想全明星/fis-conf.js

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

+ 1 - 0
2018专区/幻想全明星/map.json

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

+ 10 - 0
2018专区/幻想全明星/package.json

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

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

+ 714 - 0
2018专区/幻想全明星/src/_index.html

@@ -0,0 +1,714 @@
+<!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 模板-导航头部 -->
+        <!-- E 模板-导航头部 -->
+    </div>
+
+    <div class="g-body page-index" style="background-image: url(/src/img/bg-index.jpg);">
+        <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>
+        <div class="g-zq-inner">
+
+            <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/400x222" /></a>
+                                </li>
+                                <li class="g-ui-slide__panel u-hide">
+                                    <a href="#"><img src="http://fed.webdev.ouj.com/400x222" /></a>
+                                </li>
+                                <li class="g-ui-slide__panel u-hide">
+                                    <a href="#"><img src="http://fed.webdev.ouj.com/400x222" /></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>
+                    <link rel="import" href="modules/hero/hero.html?__inline">
+                </div>
+                <div class="g-col-400 g-col-b g-col mod-mid">
+                    <h2><a href="#">古剑OL研发新进度:战斗系统全面革新</a></h2>
+                    <p class="sm-title">
+                        <a href="#">[ CSL直播 ]</a>
+                        <a href="#">[ CSGO趣味动图 ]</a>
+                        <a href="#">[ WCA直播 ]</a>
+                    </p>
+                    <h2><a href="#">古剑OL研发新进度:战斗系统全面革新</a></h2>
+                    <p class="sm-title">
+                        <a href="#">[ CSL直播 ]</a>
+                        <a href="#">[ CSGO趣味动图 ]</a>
+                        <a href="#">[ WCA直播 ]</a>
+                    </p>
+                    <div class="news-ui-tab" data-role="tab-news">
+                        <div class="news-ui-tab__hd">
+                            <ul class="news-ui-tab__nav clearfix" data-switchable-role="nav">
+                                <li class="news-ui-tab__trigger is-active"><a href="#">最新资讯</a><i></i></li>
+                                <li class="news-ui-tab__trigger"><a href="#">昨日回顾</a><i></i></li>
+                                <li class="news-ui-tab__trigger"><a href="#">热门视频</a><i></i></li>
+                                <li class="news-ui-tab__trigger"><a href="#">最新资讯</a><i></i></li>
+                            </ul>
+                        </div>
+                        <div class="news-ui-tab__bd" data-switchable-role="content">
+                            <div class="news-ui-tab__panel">
+                                <ul class="list-news">
+                                    <li>
+                                        <label class="label-video">视频</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-bbs">论坛</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                </ul>
+                                <ul class="list-news">
+                                    <li>
+                                        <label class="label-news">视频</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-bbs">论坛</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                </ul>
+                                <ul class="list-news">
+                                    <li>
+                                        <label class="label-news">视频</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-bbs">论坛</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-fun">娱乐</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                    <li>
+                                        <label class="label-preview">爆料</label>
+                                        <span class="date">05-04</span>
+                                        <p><a target="_blank" href="#" title="">CSGO 职业大神的比赛匕首击杀时刻TOP10</a></p>
+                                    </li>
+                                </ul>
+                                <a href="#" class="link-more">查看更多>></a>
+                            </div>
+                            <div class="news-ui-tab__panel u-hide">内容 B</div>
+                            <div class="news-ui-tab__panel u-hide">内容 C</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="dw-mod-fr">
+                    <div class="strategy-wrap g-col g-col-304">
+                        <div class="mod-title">
+                            <h2>必备攻略<i></i></h2>
+                        </div>
+                        <div class="strategy-bd">
+                            <ul>
+                                <li>
+                                    <a href=""><img src="http://fed.webdev.ouj.com/288x117" alt=""></a>
+                                </li>
+                                <li>
+                                    <a href=""><img src="http://fed.webdev.ouj.com/288x117" alt=""></a>
+                                </li>
+                                <li>
+                                    <a href=""><img src="http://fed.webdev.ouj.com/288x117" alt=""></a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="bbs-wrap g-col g-col-304" data-role="bbs-wrap">
+                        <div class="mod-title">
+                            <ul class="bbs-tab__nav" data-switchable-role="nav">
+                                <li class="rank-tab__trigger is-active">
+                                    <h2>公告<i></i></h2>
+                                </li>
+                                <li class="rank-tab__trigger">
+                                    <h2>活动<i></i></h2>
+                                </li>
+                                <li class="rank-tab__trigger">
+                                    <h2>版本<i></i></h2>
+                                </li>
+                            </ul>
+                        </div>
+                        <div data-switchable-role="content">
+                            <ul class="list-bbs">
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩作为一个认为玩皮肤比玩游戏有趣多的玩家皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                                <li>
+                                    <i></i>
+                                    <a href="#">作为一个认为玩皮肤比玩游戏有趣多的玩家 来给大家分享一下经验</a>
+                                </li>
+                            </ul>
+                            <ul class="list-bbs u-hide"></ul>
+                            <ul class="list-bbs u-hide"></ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="dw-mod-video clearfix comlist-normal mt-15">
+                <div class="dw-mod-fl g-col">
+                    <div class="g-ui-tab" data-role="tab-comlist">
+                        <div class="g-tab__hd">
+                            <h2>游戏视频 <i></i></h2>
+                            <div class="g-tab__ext g-lineList">
+                                <a href="#">更多</a>
+                            </div>
+                            <ul class="g-tab__nav g-arrow-nav" data-switchable-role="nav">
+                                <li class="g-tab__trigger"><a href="http://gjqt.duowan.com/video/">最新视频</a><i></i></li>
+                                <li class="g-tab__trigger"><a href="http://gjqt.duowan.com/fbvideo/">副本视频</a><i></i></li>
+                                <li class="g-tab__trigger"><a href="http://gjqt.duowan.com/glvideo/">攻略视频</a><i></i></li>
+                                <li class="g-tab__trigger"><a href="http://gjqt.duowan.com/pkvideo/">PK视频</a><i></i></li>
+                                <li class="g-tab__trigger is-active"><a href="http://gjqt.duowan.com/trvideo/">同人视频</a><i></i></li>
+                                <li class="g-tab__trigger"><a href="http://gjqt.duowan.com/xcvideo/">宣传视频</a><i></i></li>
+                            </ul>
+                        </div>
+                        <div class="g-tab__bd" data-switchable-role="content">
+                            <div class="g-tab__panel">
+                                <ul class="g-comlist comlist-row3">
+                                    <li class="g-col-gItem">
+                                        <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                            <div class="gItem-pic">
+                                                <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </a>
+                                    </li>
+                                    <li class="g-col-gItem">
+                                        <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                            <div class="gItem-pic">
+                                                <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </a>
+                                    </li>
+                                    <li class="g-col-gItem">
+                                        <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                            <div class="gItem-pic">
+                                                <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </a>
+                                    </li>
+                                    <li class="g-col-gItem">
+                                        <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                            <div class="gItem-pic">
+                                                <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </a>
+                                    </li>
+                                    <li class="g-col-gItem">
+                                        <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                            <div class="gItem-pic">
+                                                <img src="http://pub.dwstatic.com/common/img/blank.png" data-original="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg"
+                                                    alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="g-tab__panel u-hide">
+                                <ul class="g-comlist comlist-row3">
+                                    <li class="g-col-gItem">
+                                        <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                            <div class="gItem-pic">
+                                                <img src="http://pub.dwstatic.com/common/img/blank.png" data-src="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg" alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="g-tab__panel u-hide">
+                                <ul class="g-comlist comlist-row3">
+                                    <li class="g-col-gItem">
+                                        <a href="http://video.duowan.com/play/3533484.html" target="_blank">
+                                            <div class="gItem-pic">
+                                                <img src="http://pub.dwstatic.com/common/img/blank.png" data-src="http://vimg.dwstatic.com/1703/3533484/9-220x124.jpg" alt="守望先锋午时已到第23期:这期又是大锤">
+                                                <div class="gItem-mask"></div>
+
+                                                <span class="gItem-vdIcon"></span>
+                                                <span class="gItem-vdTime">07:40</span>
+                                            </div>
+                                            <h3 class="gItem-title" title="守望先锋午时已到第23期:这期又是大锤">守望先锋午时已到第23期:这期又是大锤</h3>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="dw-mod-fr g-col g-col-304">
+                    <div class="g-rank-tab" data-role="tab-rank">
+                        <div class="rank-tab__hd">
+                            <h2>视频排行榜<i></i></h2>
+                            <ul class="rank-tab__nav" data-switchable-role="nav">
+                                <li class="rank-tab__trigger is-active"><a>周榜</a></li>
+                                <li class="rank-tab__trigger"><a>月榜</a></li>
+                                <li class="rank-tab__trigger"><a>总榜</a></li>
+                            </ul>
+                        </div>
+                        <div class="rank-tab__bd" data-switchable-role="content">
+                            <div class="rank-tab__panel">
+                                <ul class="list-rank">
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li class="is-active">
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="ranking-col-fl">
+                                            <i>1</i>
+                                        </div>
+                                        <div class="ranking-col-fr">
+                                            <a href="#" title="">雷电法王窒息节奏IG成功拿下NEST冠军</a>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="rank-tab__panel u-hide">内容 B</div>
+                            <div class="rank-tab__panel u-hide">内容 C</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="dw-mod-news mt-40">
+                <ul class="list-type clearfix">
+                    <li class="item-type g-col g-col-368">
+                        <div class="mod-title">
+                            <h2>综合攻略<i></i></h2>
+                            <div class="mod-lineList">
+                                <a href="#">更多</a>
+                            </div>
+                        </div>
+                        <ul class="list-news">
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="item-type g-col g-col-368">
+                        <div class="mod-title">
+                            <h2>新闻资讯<i></i></h2>
+                            <div class="mod-lineList">
+                                <a href="#">更多</a>
+                            </div>
+                        </div>
+                        <ul class="list-news ">
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="item-type g-col g-col-368">
+                        <div class="mod-title">
+                            <h2>新闻资讯<i></i></h2>
+                            <div class="mod-lineList">
+                                <a href="#">更多</a>
+                            </div>
+                        </div>
+                        <ul class="list-news">
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片 魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                            <li class="item-news">
+                                <i></i>
+                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
+                                <span class="date">08-19</span>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+
+    <!-- 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>

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

+ 0 - 0
2018专区/幻想全明星/src/_test.html


+ 574 - 0
2018专区/幻想全明星/src/_video.html

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

+ 253 - 0
2018专区/幻想全明星/src/common/dwudbproxy/css/dwLoginPopup.css

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

+ 1323 - 0
2018专区/幻想全明星/src/common/dwudbproxy/css/vhuyaLoginPopup.css

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

+ 489 - 0
2018专区/幻想全明星/src/common/dwudbproxy/dwudbproxy.js

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

+ 35 - 0
2018专区/幻想全明星/src/common/dwudbproxy/tpl/dwLoginPopup.tmpl

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

+ 13 - 0
2018专区/幻想全明星/src/common/dwudbproxy/tpl/vhuyaLoginPopup.tmpl

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

+ 268 - 0
2018专区/幻想全明星/src/common/header/css/plus.css

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

+ 56 - 0
2018专区/幻想全明星/src/common/header/header.html

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

+ 71 - 0
2018专区/幻想全明星/src/common/header/header.js

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

BIN
2018专区/幻想全明星/src/common/header/img/gold.png


BIN
2018专区/幻想全明星/src/common/header/img/icon1.png


BIN
2018专区/幻想全明星/src/common/header/img/icon2.png


BIN
2018专区/幻想全明星/src/common/header/img/icon3.png


BIN
2018专区/幻想全明星/src/common/header/img/icon4.png


BIN
2018专区/幻想全明星/src/common/header/img/sign-task.png


+ 90 - 0
2018专区/幻想全明星/src/common/header/tpl/plus.tmpl

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

Plik diff jest za duży
+ 1237 - 0
2018专区/幻想全明星/src/common/navbar/navbar.js


BIN
2018专区/幻想全明星/src/common/newsPopup/assets/dw_big_text.png


BIN
2018专区/幻想全明星/src/common/newsPopup/assets/dw_mini_popup_logo.png


BIN
2018专区/幻想全明星/src/common/newsPopup/assets/dw_news_littleboy.png


BIN
2018专区/幻想全明星/src/common/newsPopup/assets/finger.swf


BIN
2018专区/幻想全明星/src/common/newsPopup/assets/news_type_image.png


BIN
2018专区/幻想全明星/src/common/newsPopup/assets/news_type_video.png


BIN
2018专区/幻想全明星/src/common/newsPopup/assets/play_icon.png


BIN
2018专区/幻想全明星/src/common/newsPopup/assets/popup_hide.png


+ 441 - 0
2018专区/幻想全明星/src/common/newsPopup/css/miniPopup.css

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

+ 168 - 0
2018专区/幻想全明星/src/common/newsPopup/newsPopup.js

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

+ 168 - 0
2018专区/幻想全明星/src/common/newsPopup/tpl/wrap.tmpl

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

BIN
2018专区/幻想全明星/src/common/plusReport/icon-close2.png


Plik diff jest za duży
+ 41 - 0
2018专区/幻想全明星/src/common/plusReport/md5.js


+ 77 - 0
2018专区/幻想全明星/src/common/plusReport/plusReport.css

@@ -0,0 +1,77 @@
+.popup-plus-report{
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 2000;
+    font-family: PingFang sc, "Helvetica Neue", Helvetica, Tahoma, Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
+}
+
+.popup-plus-report .mask-plus-report{
+    width: 100%;
+    height: 100%;
+    background: #000;
+    opacity: .5;
+    -moz-opacity: .5;
+    filter: alpha(opacity=50);
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    box-shadow: 0 0 10px 5px #CCC;
+}
+
+.popup-plus-report .cont-plus-report{
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 2;
+    margin: -100px 0 0 -230px;
+    line-height: 1;
+    padding: 40px 0 30px 0;
+    background: #FFFFFF;
+    text-align: center;
+    width: 460px;
+}
+
+.popup-plus-report .cont-plus-report h2{
+    font-size: 16px;
+    line-height: 18px;
+    height: 18px;
+    overflow: hidden;
+    color: #e94646;
+}
+
+.popup-plus-report .cont-plus-report p{
+    font-size: 12px;
+    color: #666666;
+    margin-top: 27px;
+}
+
+.popup-plus-report .cont-plus-report .btn-plus-task{
+    display: block;
+    margin: 23px auto 0 auto;
+    font-size: 12px;
+    color: #FFFFFF;
+    background: #e94646;
+    width: 80px;
+    height: 30px;
+    line-height: 30px;
+    cursor: pointer;
+}
+
+.popup-plus-report .cont-plus-report .btn-plus-task:hover{
+    text-decoration: none;
+    background: #f45959;
+}
+
+.popup-plus-report .btn-plus-report{
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    width: 10px;
+    height: 10px;
+    background: url(./icon-close2.png) no-repeat;
+    cursor: pointer;
+}

+ 202 - 0
2018专区/幻想全明星/src/common/plusReport/plusReport.js

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

+ 9 - 0
2018专区/幻想全明星/src/common/plusReport/plusReport.tmpl

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

+ 96 - 0
2018专区/幻想全明星/src/common/plusReport/plusReportBbs.js

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

+ 45 - 0
2018专区/幻想全明星/src/font/AdobeFnt16.lst

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

BIN
2018专区/幻想全明星/src/font/lego/iconfont.eot


+ 107 - 0
2018专区/幻想全明星/src/font/lego/iconfont.svg

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

BIN
2018专区/幻想全明星/src/font/lego/iconfont.ttf


BIN
2018专区/幻想全明星/src/font/lego/iconfont.woff


BIN
2018专区/幻想全明星/src/img/bg-index.jpg


BIN
2018专区/幻想全明星/src/img/bg-index.png


BIN
2018专区/幻想全明星/src/img/bg-weapon-default.jpg


BIN
2018专区/幻想全明星/src/img/bg-weapon-default.png


BIN
2018专区/幻想全明星/src/img/bg-weapon-top.jpg


BIN
2018专区/幻想全明星/src/img/bg-weapon-top.png


BIN
2018专区/幻想全明星/src/img/bg-weapon.jpg


BIN
2018专区/幻想全明星/src/img/bg-weapon.png


BIN
2018专区/幻想全明星/src/img/boke-more-hover.png


BIN
2018专区/幻想全明星/src/img/boke-more.png


BIN
2018专区/幻想全明星/src/img/boke-next.png


BIN
2018专区/幻想全明星/src/img/boke-num-default.png


BIN
2018专区/幻想全明星/src/img/boke-num.png


BIN
2018专区/幻想全明星/src/img/boke-prev.png


BIN
2018专区/幻想全明星/src/img/bokeTag-book.png


BIN
2018专区/幻想全明星/src/img/bokeTag-hot.png


BIN
2018专区/幻想全明星/src/img/btn-enter.png


BIN
2018专区/幻想全明星/src/img/btn-search.png


BIN
2018专区/幻想全明星/src/img/btn-top.png


BIN
2018专区/幻想全明星/src/img/download-icon.png


BIN
2018专区/幻想全明星/src/img/download-link-icon.png


BIN
2018专区/幻想全明星/src/img/dw-footer-icon.png


BIN
2018专区/幻想全明星/src/img/equip-desc-arrow.png


BIN
2018专区/幻想全明星/src/img/equip-desc-bg.png


BIN
2018专区/幻想全明星/src/img/fengshen-bg.png


BIN
2018专区/幻想全明星/src/img/g-logo-inner.png


BIN
2018专区/幻想全明星/src/img/g-subtitle.png


BIN
2018专区/幻想全明星/src/img/gItem-mask.png


BIN
2018专区/幻想全明星/src/img/gItem-more.png


BIN
2018专区/幻想全明星/src/img/gItem-vdIcon.png


BIN
2018专区/幻想全明星/src/img/gItem-vdIcon2.png


BIN
2018专区/幻想全明星/src/img/homepage-icon.png


BIN
2018专区/幻想全明星/src/img/hot-icon.png


BIN
2018专区/幻想全明星/src/img/icon-author.png


BIN
2018专区/幻想全明星/src/img/icon-bbs.png


BIN
2018专区/幻想全明星/src/img/icon-bodydamage1.png


BIN
2018专区/幻想全明星/src/img/icon-bodydamage2.png


BIN
2018专区/幻想全明星/src/img/icon-bodydamage3.png


BIN
2018专区/幻想全明星/src/img/icon-box.png


BIN
2018专区/幻想全明星/src/img/icon-bullet.png


BIN
2018专区/幻想全明星/src/img/icon-comment.png


BIN
2018专区/幻想全明星/src/img/icon-danjia-active.png


BIN
2018专区/幻想全明星/src/img/icon-danjia.png


BIN
2018专区/幻想全明星/src/img/icon-download.png


BIN
2018专区/幻想全明星/src/img/icon-duquan-rank.png


BIN
2018专区/幻想全明星/src/img/icon-edit-intro.png


BIN
2018专区/幻想全明星/src/img/icon-game.png


BIN
2018专区/幻想全明星/src/img/icon-hall-fame.png


BIN
2018专区/幻想全明星/src/img/icon-headdamage1.png


BIN
2018专区/幻想全明星/src/img/icon-headdamage2.png


BIN
2018专区/幻想全明星/src/img/icon-headdamage3.png


BIN
2018专区/幻想全明星/src/img/icon-hot-cate.png


BIN
2018专区/幻想全明星/src/img/icon-hot-news.png


Niektóre pliki nie zostały wyświetlone z powodu dużej ilości zmienionych plików