和PC端公用部分片段

2018专题/腾讯up专题/dist/index.html

@@ -18,75 +18,47 @@
 			<img src="/dwdnkxc.b1a8da20.png" alt="">
 		</a>
 		<h1 class="title title1"></h1>
+
 		<ul class="h5-list">
 			<li>
-				<a href="#" class="type1">
-					<img src="/placeholder.7031ba47.jpg" alt="" class="pcHide">
-					<div class="right">
-						<span>程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武</span>
-						<span>程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武</span>
-					</div>
-				</a>
-			</li>
-		</ul>
-		<ul class="h5-list">
-			<li>
-        <a href="http://www.duowan.com/news/417372092586.html" target="_blank" class="type1">
-          <img src="/placeholder.7031ba47.jpg" alt="" class="pcHide">
+				<img src="/placeholder.7031ba47.jpg" alt="" class="pchide">
+				<a href="http://www.duowan.com/news/417372092586.html" target="_blank">
 					<em class="item-title">UP2019腾讯新文创生态大会在京举办</em>
 					<span>关注每一个文化作品和IP背后所蕴藏的巨大能量，以及对社会的积极意义。</span>
 				</a>
-			</li>
+      </li>
+      
+
+      <li>
+          <img src="/placeholder.7031ba47.jpg" alt="" class="pchide">
+          <a href="http://www.duowan.com/news/417372092586.html" target="_blank">
+            <em class="item-title">UP2019腾讯新文创生态大会在京举办</em>
+            <span>关注每一个文化作品和IP背后所蕴藏的巨大能量，以及对社会的积极意义。</span>
+          </a>
+        </li>
 		</ul>
+
 		<h1 class="title title2"></h1>
 		<ul class="h5-list">
-			<li>
-				<a href="#" class="type1">
-					<img src="/placeholder.7031ba47.jpg" alt="">
-					<div class="right">
-						<span>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span>
-						<span>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span>
-					</div>
-				</a>
-			</li>
-			<li>
-				<a href="#" class="type1">
-					<img src="/placeholder.7031ba47.jpg" alt="">
-					<div class="right">
-						<span>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span>
-						<span>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span>
-					</div>
-				</a>
-			</li>
-			<li>
-				<a href="#" class="type1">
-					<img src="/placeholder.7031ba47.jpg" alt="">
-					<div class="right">
-						<span>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span>
-						<span>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span>
-					</div>
-				</a>
-			</li>
-			<li>
-				<a href="#" class="type1">
-					<img src="/placeholder.7031ba47.jpg" alt="">
-					<div class="right">
-						<span>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span>
-						<span>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span>
-					</div>
-				</a>
-			</li>
-		</ul>
+        <li>
+          <img src="/placeholder.7031ba47.jpg" alt="" class="pchide">
+          <a href="http://www.duowan.com/news/417372092586.html" target="_blank">
+            <em class="item-title">UP2019腾讯新文创生态大会在京举办</em>
+            <span>关注每一个文化作品和IP背后所蕴藏的巨大能量，以及对社会的积极意义。</span>
+          </a>
+        </li>
+        
+  
+        <li>
+            <img src="/placeholder.7031ba47.jpg" alt="" class="pchide">
+            <a href="http://www.duowan.com/news/417372092586.html" target="_blank">
+              <em class="item-title">UP2019腾讯新文创生态大会在京举办</em>
+              <span>关注每一个文化作品和IP背后所蕴藏的巨大能量，以及对社会的积极意义。</span>
+            </a>
+          </li>
+      </ul>
 		<h1 class="title title3"></h1>
-		<ul class="h5-list flex-wrap">
+		<ul class="list flex-wrap">
 			<li>
 				<a href="" class="type2">
 					<img src="/placeholder.7031ba47.jpg" alt="">
@@ -153,7 +125,7 @@
 			</li>
 		</ul>
 		<h1 class="title title4"></h1>
-		<ul class="h5-list flex-wrap">
+		<ul class="list flex-wrap">
 			<li>
 				<a href="" class="type2">
 					<i class="icon-play"></i>
@@ -287,7 +259,7 @@
 			</div>
 		</div>
 		<h1 class="title title6"></h1>
-		<ul class="h5-list news">
+		<ul class="list news">
 			<li>
 				<a href="#">
 					<span>NBA2KOL2惊艳登场UP2018 全新引擎打造...NBA2KOL2惊艳登场UP2018
@@ -325,7 +297,7 @@
 			</li>
 			<li class="line"></li>
 		</ul>
-		<ul class="h5-list news" style="padding-bottom: 1.081081rem;; margin-bottom: 0">
+		<ul class="list news" style="padding-bottom: 1.081081rem;; margin-bottom: 0">
 			<li>
 				<a href="#">
 					<span>NBA2KOL2惊艳登场UP2018 全新引擎打造...NBA2KOL2惊艳登场UP2018

2018专题/腾讯up专题/dist/index.js

@@ -212,7 +212,7 @@ var parent = module.bundle.parent;
 if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
   var hostname = "" || location.hostname;
   var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
-  var ws = new WebSocket(protocol + '://' + hostname + ':' + "52713" + '/');
+  var ws = new WebSocket(protocol + '://' + hostname + ':' + "54163" + '/');
 
   ws.onmessage = function (event) {
     checkedAssets = {};

2018专题/腾讯up专题/dist/scripts.bcf3243b.css

@@ -105,51 +105,51 @@ h1.title.title6 {
   background: url("/title6.6f12d040.png") 0 0/100% 100% no-repeat;
 }
 
-ul.h5-list {
+ul.h5-list, ul.list {
   box-sizing: border-box;
   padding: 0 0.324324rem;
   margin-bottom: 0.864865rem;
   position: relative;
 }
-ul.h5-list.flex-wrap {
+ul.h5-list.flex-wrap, ul.list.flex-wrap {
   display: flex;
   flex-wrap: wrap;
   padding-bottom: 1.081081rem;
 }
-ul.h5-list.flex-wrap li {
+ul.h5-list.flex-wrap li, ul.list.flex-wrap li {
   width: calc(50% - 0.135135rem);
   margin-bottom: 0.27027rem;
 }
-ul.h5-list.flex-wrap li:nth-child(odd) {
+ul.h5-list.flex-wrap li:nth-child(odd), ul.list.flex-wrap li:nth-child(odd) {
   margin-right: 0.27027rem;
 }
-ul.h5-list.flex-wrap li:last-child {
+ul.h5-list.flex-wrap li:last-child, ul.list.flex-wrap li:last-child {
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   text-align: center;
 }
-ul.h5-list.flex-wrap li:last-child a {
+ul.h5-list.flex-wrap li:last-child a, ul.list.flex-wrap li:last-child a {
   font-size: 0.324324rem;
   color: #758d98;
 }
-ul.h5-list a.type1 {
+ul.h5-list a.type1, ul.list a.type1 {
   overflow: hidden;
   display: flex;
   border-bottom: 1px solid #ebebeb;
   padding: 0.27027rem 0;
 }
-ul.h5-list a.type1 img {
+ul.h5-list a.type1 img, ul.list a.type1 img {
   width: 3.783784rem;
   height: 2.108108rem;
   margin-right: 0.243243rem;
   flex: 1 1 3.783784rem;
 }
-ul.h5-list a.type1 .right {
+ul.h5-list a.type1 .right, ul.list a.type1 .right {
   width: 5.405405rem;
 }
-ul.h5-list a.type1 .right span:first-child {
+ul.h5-list a.type1 .right span:first-child, ul.list a.type1 .right span:first-child {
   color: #3a5d6d;
   display: block;
   overflow: hidden;
@@ -158,7 +158,7 @@ ul.h5-list a.type1 .right span:first-child {
   height: 1rem;
   font-size: 0.405405rem;
 }
-ul.h5-list a.type1 .right span:nth-child(2) {
+ul.h5-list a.type1 .right span:nth-child(2), ul.list a.type1 .right span:nth-child(2) {
   color: #758d98;
   font-size: 0.324324rem;
   height: 0.756757rem;
@@ -166,53 +166,53 @@ ul.h5-list a.type1 .right span:nth-child(2) {
   display: block;
   overflow: hidden;
 }
-ul.h5-list a.type2 {
+ul.h5-list a.type2, ul.list a.type2 {
   display: flex;
   flex-direction: column;
   position: relative;
 }
-ul.h5-list a.type2 i {
+ul.h5-list a.type2 i, ul.list a.type2 i {
   position: absolute;
   left: 50%;
   top: 40%;
   transform: translate3d(-50%, -50%, 0);
 }
-ul.h5-list a.type2 img {
+ul.h5-list a.type2 img, ul.list a.type2 img {
   width: 100%;
 }
-ul.h5-list a.type2 span {
+ul.h5-list a.type2 span, ul.list a.type2 span {
   text-align: center;
   font-size: 0.378378rem;
   color: #3a5d6d;
   padding: 0.216216rem 0;
   background-color: #f1f1f1;
 }
-ul.h5-list.news li.line {
+ul.h5-list.news li.line, ul.list.news li.line {
   position: absolute;
   width: calc(100% - 0.648649rem);
   height: 1px;
   background-color: #ebebeb;
 }
-ul.h5-list.news li.more {
+ul.h5-list.news li.more, ul.list.news li.more {
   position: absolute;
   bottom: 0.27027rem;
   left: 50%;
   transform: translateX(-50%);
   text-align: center;
 }
-ul.h5-list.news li.more a {
+ul.h5-list.news li.more a, ul.list.news li.more a {
   font-size: 0.324324rem;
   color: #758d98;
 }
-ul.h5-list.news li {
+ul.h5-list.news li, ul.list.news li {
   margin-bottom: 0.432432rem;
 }
-ul.h5-list.news a {
+ul.h5-list.news a, ul.list.news a {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-ul.h5-list.news a span:first-child {
+ul.h5-list.news a span:first-child, ul.list.news a span:first-child {
   color: #3a5d6d;
   font-size: 0.378378rem;
   display: block;
@@ -221,7 +221,7 @@ ul.h5-list.news a span:first-child {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-ul.h5-list.news a span:last-child {
+ul.h5-list.news a span:last-child, ul.list.news a span:last-child {
   font-size: 0.324324rem;
   color: #758d97;
 }
@@ -274,4 +274,33 @@ ul.h5-list.news a span:last-child {
   bottom: 2.162162rem;
 }
 
+.h5-list > li {
+  overflow: auto;
+  padding: 0.27027rem 0;
+  border-bottom: 1px solid #ebebeb;
+}
+.h5-list > li img.pchide {
+  width: 3.783784rem;
+  height: 2.108108rem;
+  margin-right: 0.243243rem;
+  float: left;
+}
+.h5-list > li em.item-title {
+  color: #3a5d6d;
+  display: block;
+  overflow: hidden;
+  margin-bottom: 0.216216rem;
+  line-height: 1.3;
+  height: 1rem;
+  font-size: 0.405405rem;
+}
+.h5-list > li span:nth-child(2) {
+  color: #758d98;
+  font-size: 0.324324rem;
+  height: 0.756757rem;
+  line-height: 1.2;
+  display: block;
+  overflow: hidden;
+}
+
 /*# sourceMappingURL=/scripts.bcf3243b.css.map */

2018专题/腾讯up专题/dist/scripts.bcf3243b.js

@@ -302,7 +302,7 @@ var parent = module.bundle.parent;
 if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
   var hostname = "" || location.hostname;
   var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
-  var ws = new WebSocket(protocol + '://' + hostname + ':' + "52713" + '/');
+  var ws = new WebSocket(protocol + '://' + hostname + ':' + "54163" + '/');
 
   ws.onmessage = function (event) {
     checkedAssets = {};

2018专题/腾讯up专题/index.html

@@ -21,97 +21,55 @@
 			<img src="./images/dwdnkxc.png" alt="" />
 		</a>
 		<h1 class="title title1"></h1>
+
 		<ul class="h5-list">
 			<li>
-				<a href="#" class="type1">
-					<img src="./images//placeholder.jpg" alt="" class="pcHide"/>
-					<div class="right">
-						<span
-							>程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武</span
-						>
-						<span
-							>程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武程武</span
-						>
-					</div>
-				</a>
-			</li>
-		</ul>
-		<ul class="h5-list">
-			<li>
-        <a href="http://www.duowan.com/news/417372092586.html" target="_blank" class="type1">
-          <img src="./images//placeholder.jpg" alt="" class="pcHide"/>
+				<img src="./images//placeholder.jpg" alt="" class="pchide" />
+				<a href="http://www.duowan.com/news/417372092586.html" target="_blank">
 					<em class="item-title">UP2019腾讯新文创生态大会在京举办</em>
 					<span
 						>关注每一个文化作品和IP背后所蕴藏的巨大能量，以及对社会的积极意义。</span
 					>
 				</a>
-			</li>
+      </li>
+      
+
+      <li>
+          <img src="./images//placeholder.jpg" alt="" class="pchide" />
+          <a href="http://www.duowan.com/news/417372092586.html" target="_blank">
+            <em class="item-title">UP2019腾讯新文创生态大会在京举办</em>
+            <span
+              >关注每一个文化作品和IP背后所蕴藏的巨大能量，以及对社会的积极意义。</span
+            >
+          </a>
+        </li>
 		</ul>
+
 		<h1 class="title title2"></h1>
 		<ul class="h5-list">
-			<li>
-				<a href="#" class="type1">
-					<img src="./images//placeholder.jpg" alt="" />
-					<div class="right">
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span
-						>
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span
-						>
-					</div>
-				</a>
-			</li>
-			<li>
-				<a href="#" class="type1">
-					<img src="./images//placeholder.jpg" alt="" />
-					<div class="right">
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span
-						>
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span
-						>
-					</div>
-				</a>
-			</li>
-			<li>
-				<a href="#" class="type1">
-					<img src="./images//placeholder.jpg" alt="" />
-					<div class="right">
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span
-						>
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span
-						>
-					</div>
-				</a>
-			</li>
-			<li>
-				<a href="#" class="type1">
-					<img src="./images//placeholder.jpg" alt="" />
-					<div class="right">
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span
-						>
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关键点..程武:从“泛娱乐”到“新文创”的五个关
-							键点..腾讯五大文创业务集中发布</span
-						>
-					</div>
-				</a>
-			</li>
-		</ul>
+        <li>
+          <img src="./images//placeholder.jpg" alt="" class="pchide" />
+          <a href="http://www.duowan.com/news/417372092586.html" target="_blank">
+            <em class="item-title">UP2019腾讯新文创生态大会在京举办</em>
+            <span
+              >关注每一个文化作品和IP背后所蕴藏的巨大能量，以及对社会的积极意义。</span
+            >
+          </a>
+        </li>
+        
+  
+        <li>
+            <img src="./images//placeholder.jpg" alt="" class="pchide" />
+            <a href="http://www.duowan.com/news/417372092586.html" target="_blank">
+              <em class="item-title">UP2019腾讯新文创生态大会在京举办</em>
+              <span
+                >关注每一个文化作品和IP背后所蕴藏的巨大能量，以及对社会的积极意义。</span
+              >
+            </a>
+          </li>
+      </ul>
 		<h1 class="title title3"></h1>
-		<ul class="h5-list flex-wrap">
+		<ul class="list flex-wrap">
 			<li>
 				<a href="" class="type2">
 					<img src="./images//placeholder.jpg" alt="" />
@@ -178,7 +136,7 @@
 			</li>
 		</ul>
 		<h1 class="title title4"></h1>
-		<ul class="h5-list flex-wrap">
+		<ul class="list flex-wrap">
 			<li>
 				<a href="" class="type2">
 					<i class="icon-play"></i>
@@ -368,7 +326,7 @@
 			</div>
 		</div>
 		<h1 class="title title6"></h1>
-		<ul class="h5-list news">
+		<ul class="list news">
 			<li>
 				<a href="#">
 					<span
@@ -417,7 +375,7 @@
 			<li class="line"></li>
 		</ul>
 		<ul
-			class="h5-list news"
+			class="list news"
 			style="padding-bottom: 1.081081rem;; margin-bottom: 0"
 		>
 			<li>

2018专题/腾讯up专题/styles/index.scss

@@ -56,7 +56,7 @@ h1.title{
   }
 }
 
-ul.h5-list{
+ul.h5-list, ul.list{
   box-sizing: border-box;
   padding: 0 0.324324rem;
   margin-bottom: 0.864865rem;
@@ -224,4 +224,43 @@ ul.h5-list{
   position: fixed;
   right: 0;
   bottom: 2.162162rem;
+}
+
+
+
+
+
+
+
+
+
+.h5-list{
+  & > li {
+    overflow: auto;
+    padding: 0.27027rem 0;
+    border-bottom: 1px solid #ebebeb;
+    img.pchide{
+      width: 3.783784rem;
+      height: 2.108108rem;
+      margin-right: 0.243243rem;
+      float: left;
+    }
+    em.item-title{
+      color: #3a5d6d;
+      display: block;
+      overflow: hidden;
+      margin-bottom: 0.216216rem;
+      line-height: 1.3;
+      height: 1rem;
+      font-size: 0.405405rem;
+    }
+    span:nth-child(3){
+      color: #758d98;
+      font-size: 0.324324rem;
+      height: 0.756757rem;
+      line-height: 1.2;
+      display: block;
+      overflow: hidden;
+    }
+  }
 }

2018专题/腾讯up专题/t.html

@@ -1,317 +1,44 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
-		<title>Document</title>
-		<meta
-			name="viewport"
-			content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
-		/>
-		<link
-			rel="stylesheet"
-			href="http://pub.dwstatic.com/zt2018/1803UP/scripts.3eb465a9.css"
-		/>
-	</head>
-	<body>
-		<div style="font-size:0;">
+<ul class="h5-list">
+	<li>
+		<a href="http://www.duowan.com/news/417455260600.html" target="_blank">
 			<img
-				src="http://pub.dwstatic.com/zt2018/1803UP/banner.d4d7a6bf.png"
-				alt="一花一世界"
-				class="banner"
+				src="http://img.dwstatic.com/www/1903/417368995525/1553413854133.jpg"
+				class="pchide"
 			/>
-		</div>
-		<div class="nav">
-			<a>新品列表</a><a>游戏视频</a><a>嘉宾介绍</a><a>现场新闻</a>
-		</div>
-		<a href="#" class="guide">
+			<em class="item-title">天刀端手游亮相UP2019 揭秘IP新文创之路</em>
+			<span>《天涯明月刀手游》现身，分享了一条特别的国风新文创之路。</span>
+		</a>
+	</li>
+	<li>
+		<a href="http://www.duowan.com/news/417455255745.html" target="_blank">
+			<img
+				src="http://img.dwstatic.com/www/1903/417368995525/1553413854133.jpg"
+				class="pchide"
+			/>
+			<em class="item-title">DNF重磅发布“东方蓝图计划”</em>
+			<span>DNF重磅发布“东方蓝图计划”，引发行业关注和来自玩家的强烈反响。</span>
+		</a>
+	</li>
+	<li>
+		<a href="http://www.duowan.com/news/417455116411.html" target="_blank">
+			<img
+				src="http://img.dwstatic.com/www/1903/417368995525/1553413854133.jpg"
+				class="pchide"
+			/>
+			<em class="item-title">荒野乱斗国服预约已开启</em>
+			<span
+				>Ilkka邀请腾讯互娱集团总经理朱峥嵘扫描预约二维码，成为中国大陆预约的第一人。</span
+			>
+		</a>
+	</li>
+	<li>
+		<a href="http://www.duowan.com/news/417438938225.html" target="_blank">
 			<img
-				src="http://pub.dwstatic.com/zt2018/1803UP/dwdnkxc.14cc20c7.png"
-				alt=""
+				src="http://img.dwstatic.com/www/1903/417368995525/1553413854133.jpg"
+				class="pchide"
 			/>
+			<em class="item-title">UP2019腾讯游戏公布25款新品</em>
+			<span>持续探索游戏二元价值</span>
 		</a>
-		<h1 class="title title1"></h1>
-		<ul class="list">
-			<li>
-				<a href="#" class="type1">
-					<img
-						src="http://pub.dwstatic.com/zt2018/1803UP/placeholder.ef15846f.jpg"
-						alt=""
-					/>
-					<div class="right">
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..
-							腾讯五大文创业务集中发布</span
-						>
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..</span
-						>
-					</div>
-				</a>
-			</li>
-			<li>
-				<a href="#" class="type1">
-					<img
-						src="http://pub.dwstatic.com/zt2018/1803UP/placeholder.ef15846f.jpg"
-						alt=""
-					/>
-					<div class="right">
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..
-							腾讯五大文创业务集中发布</span
-						>
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..</span
-						>
-					</div>
-				</a>
-			</li>
-			<li>
-				<a href="#" class="type1">
-					<img
-						src="http://pub.dwstatic.com/zt2018/1803UP/placeholder.ef15846f.jpg"
-						alt=""
-					/>
-					<div class="right">
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..
-							腾讯五大文创业务集中发布</span
-						>
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..</span
-						>
-					</div>
-				</a>
-			</li>
-			<li>
-				<a href="#" class="type1">
-					<img
-						src="http://pub.dwstatic.com/zt2018/1803UP/placeholder.ef15846f.jpg"
-						alt=""
-					/>
-					<div class="right">
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..
-							腾讯五大文创业务集中发布</span
-						>
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..</span
-						>
-					</div>
-				</a>
-			</li>
-		</ul>
-		<h1 class="title title2"></h1>
-		<ul class="list">
-			<li>
-				<a href="#" class="type1">
-					<img
-						src="http://pub.dwstatic.com/zt2018/1803UP/placeholder.ef15846f.jpg"
-						alt=""
-					/>
-					<div class="right">
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..
-							腾讯五大文创业务集中发布</span
-						>
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..</span
-						>
-					</div>
-				</a>
-			</li>
-			<li>
-				<a href="#" class="type1">
-					<img
-						src="http://pub.dwstatic.com/zt2018/1803UP/placeholder.ef15846f.jpg"
-						alt=""
-					/>
-					<div class="right">
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..
-							腾讯五大文创业务集中发布</span
-						>
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..</span
-						>
-					</div>
-				</a>
-			</li>
-			<li>
-				<a href="#" class="type1">
-					<img
-						src="http://pub.dwstatic.com/zt2018/1803UP/placeholder.ef15846f.jpg"
-						alt=""
-					/>
-					<div class="right">
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..
-							腾讯五大文创业务集中发布</span
-						>
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..</span
-						>
-					</div>
-				</a>
-			</li>
-			<li>
-				<a href="#" class="type1">
-					<img
-						src="http://pub.dwstatic.com/zt2018/1803UP/placeholder.ef15846f.jpg"
-						alt=""
-					/>
-					<div class="right">
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..
-							腾讯五大文创业务集中发布</span
-						>
-						<span
-							>程武:从“泛娱乐”到“新文创”的五个关
-							键点..程武:从“泛娱乐”到“新文创”的五个关 键点..</span
-						>
-					</div>
-				</a>
-			</li>
-		</ul>
-		<h1 class="title title3"></h1>
-		<ul class="list flex-wrap">
-                                #set ($list = $data.getList("2018UP新品",60,255,0,10))
-                           		#foreach($one in $list)
-                              #set ($link = $data.getRelatedUrl($one.getString("articleid")))
-                              #set ($title = $one.getString("title"))      
-                              #set ($picurl = $one.getString("picurl"))   
-                              		<li>
-                                      <a href="$link" class="type2" target="_blank">
-                                          <img
-                                              src="$picurl"
-                                              alt=""
-                                          />
-                                          <span>$title</span>
-                                      </a>
-                                  </li>
-                            #end
-			<li>
-				<a href=""> 点击加载更多 <span>∨</span> </a>
-			</li>
-		</ul>
-		<h1 class="title title4"></h1>
-		<ul class="list flex-wrap">
-        
-                      #set ($list = $data.getList("2018UP视频",60,255,0,10))
-                           #foreach($one in $list)
-                              #set ($link = $data.getRelatedUrl($one.getString("articleid")))
-                              #set ($title = $one.getString("title"))      
-                              #set ($picurl = $one.getString("picurl"))    
-                              			<li>
-                                <a href="$link" class="type2">
-                                    <i class="icon-play"></i>
-                                    <img
-                                        src="$picurl"
-                                        alt=""
-                                    />
-                                    <span>$title</span>
-                                </a>
-                            </li>
-                      #end
-        
-			<li>
-				<a href=""> 点击加载更多 <span>∨</span> </a>
-			</li>
-		</ul>
-		<h1 class="title title5"></h1>
-		<div class="scroll">
-			<div class="guest">
-				<img
-					src="http://pub.dwstatic.com/zt2018/1803UP/guy.519305b3.png"
-					alt=""
-				/>
-				<span class="guest-name">布兰登⋅格林</span>
-				<span class="guest-desc">游戏设计师、开发者，被誉为“吃鸡之父”</span>
-			</div>
-			<div class="guest">
-				<img
-					src="http://pub.dwstatic.com/zt2018/1803UP/guy.519305b3.png"
-					alt=""
-				/>
-				<span class="guest-name">布兰登⋅格林</span>
-				<span class="guest-desc">游戏设计师、开发者，被誉为“吃鸡之父”</span>
-			</div>
-			<div class="guest">
-				<img
-					src="http://pub.dwstatic.com/zt2018/1803UP/guy.519305b3.png"
-					alt=""
-				/>
-				<span class="guest-name">布兰登⋅格林</span>
-				<span class="guest-desc">游戏设计师、开发者，被誉为“吃鸡之父”</span>
-			</div>
-			<div class="guest">
-				<img
-					src="http://pub.dwstatic.com/zt2018/1803UP/guy.519305b3.png"
-					alt=""
-				/>
-				<span class="guest-name">布兰登⋅格林</span>
-				<span class="guest-desc">游戏设计师、开发者，被誉为“吃鸡之父”</span>
-			</div>
-			<div class="guest">
-				<img
-					src="http://pub.dwstatic.com/zt2018/1803UP/guy.519305b3.png"
-					alt=""
-				/>
-				<span class="guest-name">布兰登⋅格林</span>
-				<span class="guest-desc">游戏设计师、开发者，被誉为“吃鸡之父”</span>
-			</div>
-		</div>
-		<h1 class="title title6"></h1>
-		<ul class="list news">
-                            #set ($list = $data.getList("2018腾讯UP",60,255,0,5))
-                             #foreach($one in $list)
-                                #set ($link = $data.getRelatedUrl($one.getString("articleid")))
-                                #set ($title = $one.getString("title"))         
-                                #set ($posttime = $one.getString("posttime"))
-                                <li>
-                                  <a href="$link" target="_blank">
-                                      <span
-                                          >$title</span
-                                      >
-                                      <span>$posttime</span>
-                                  </a>
-                              </li>
-                       		 #end   
-			<li class="line"></li>
-		</ul>
-		<ul class="list news" style="padding-bottom:1.081081rem;margin-bottom:0">
-			                      #set ($list = $data.getList("2018腾讯UP",60,255,10,5))
-                             #foreach($one in $list)
-                                #set ($link = $data.getRelatedUrl($one.getString("articleid")))
-                                #set ($title = $one.getString("title"))         
-                                #set ($posttime = $one.getString("posttime"))
-                                <li>
-                                  <a href="$link" target="_blank">
-                                      <span
-                                          >$title</span
-                                      >
-                                      <span>$posttime</span>
-                                  </a>
-                              </li>
-                       		 #end  
-			<li class="more"><a href=""> 更多新闻 ></a></li>
-		</ul>
-		<script src="http://pub.dwstatic.com/zt2018/1803UP/scripts.c5d1ff24.js"></script>
-	</body>
-</html>
+	</li>
+</ul>