酷炫数据营销平台

home1.html 45KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>视频号 - 问星数据</title>
  8. <meta name="keywords" content="问星数据视频号版,问星数据视频号,问星数据, 视频号直播电商, 视频号短视频电商,直播数据分析,视频数据分析,视频号主播排行,点赞评论排行,电商数据导出,商品数据分析">
  9. <meta name="description" content="为视频号电商量身打造的数据分析产品,提供视频号直播带货数据和短视频带货数据,视频号核心数据实时监控,视频号热门话题及视频创意素材,助力直播电商变现和粉丝快速增长。">
  10. <link rel="stylesheet" href="./common/reset.css">
  11. <link rel="stylesheet" href="./common/common.css">
  12. <link rel="stylesheet" href="./css/home.css">
  13. </head>
  14. <body>
  15. <header class="clear">
  16. <div class="left">
  17. <a href="https://www.wenxingshuju.com">
  18. <img class="ku" src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/logo.png" alt="">
  19. <a>
  20. <div class="search_input">
  21. <div class="search_img">
  22. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/wxVideo/wxVideo_logo.png" alt="">
  23. <span class="platform_name">视频号</span>
  24. <img class="el-icon-caret-bottom" src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/f11.png" alt="">
  25. <ul class="selectBox">
  26. <li>
  27. <a href="https://www.wenxingshuju.com/bigData/index.html" target="_blank">
  28. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/kuai.png" alt="">
  29. <span>快手</span>
  30. </a>
  31. </li>
  32. <li>
  33. <a href="https://www.wenxingshuju.com/bigData/dou/index.html" target="_blank">
  34. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/dou.png" alt="">
  35. <span>抖音</span>
  36. </a>
  37. </li>
  38. </ul>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="right clear">
  43. <div class="type">
  44. <a class="oneLevel type-active">
  45. <span>首页</span>
  46. </a>
  47. <a class="oneLevel">
  48. <span>达人广场</span>
  49. </a>
  50. <a class="oneLevel">
  51. <span>创意中心</span>
  52. </a>
  53. </div>
  54. <!-- <div class="login_info">
  55. <button @click="goLogin('/')">登录</button>
  56. </div>
  57. <div class="name">
  58. <div @click="toUrl" class="worker">
  59. <img style="margin-right:5px;" src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/nworker.png" alt="">
  60. 工作台
  61. </div>
  62. </div> -->
  63. </div>
  64. </header>
  65. <div id="homeCantiner">
  66. <!-- banner -->
  67. <div id="home_banner">
  68. <div style="height:400px;overflow:hidden;">
  69. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/homeBanner.png" class="homeBanner"/>
  70. </div>
  71. <div class="homeContent">
  72. <h2>领先的视频号大数据分析平台</h2>
  73. <p class="title_hint">查找优质视频博主,获取最新创意素材,追踪热门内容趋势</p>
  74. <div class="search_div">
  75. <ul class="search_type clear"></ul>
  76. <div class="search_item">
  77. <div class="search_input">
  78. <div class="search_img">
  79. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/wxVideo/wxVideo_logo.png" alt="">
  80. </div>
  81. <input placeholder="请输入视频号名称" id="searchInput"/>
  82. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/search.png" onclick="inputSearchEvent()" class="search_icon" alt="">
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. <!-- 榜单 -->
  89. <div class="rankBigBox">
  90. <div class="bigTitle">视频号热门榜单</div>
  91. <p class="rankTime">日榜 2020-11-11</p>
  92. <div class="rankBox">
  93. <!-- 热门直播 -->
  94. <div class="itemBox">
  95. <div class="rankTitle clear">
  96. <div class="title">热门直播</div>
  97. <a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/liveBast">
  98. <div class="more">更多</div>
  99. </a>
  100. </div>
  101. <div>
  102. <div class="table_title clear">
  103. <div class="info1">直播</div>
  104. <div class="info2">人气峰值</div>
  105. </div>
  106. <!-- 循环-------- -->
  107. <div class="table_info clear">
  108. <div class="left">
  109. <div class="imgBox">
  110. <img src="http://ali-p1.yximgs.com/uhead/AB/2021/02/26/06/BMjAyMTAyMjYwNjA3MThfMTAzMzMyXzc3MzQyNzMyNDJfbHY=.jpg" alt="">
  111. </div>
  112. <p class="name">北京天安门升国旗</p>
  113. </div>
  114. <div class="right">10w+</div>
  115. </div>
  116. <div class="table_info clear">
  117. <div class="left">
  118. <div class="imgBox">
  119. <img src="http://ali-p1.yximgs.com/uhead/AB/2021/02/26/06/BMjAyMTAyMjYwNjA3MThfMTAzMzMyXzc3MzQyNzMyNDJfbHY=.jpg" alt="">
  120. </div>
  121. <p class="name">北京天安门升国旗</p>
  122. </div>
  123. <div class="right">10w+</div>
  124. </div>
  125. <div class="table_info clear">
  126. <div class="left">
  127. <div class="imgBox">
  128. <img src="http://ali-p1.yximgs.com/uhead/AB/2021/02/26/06/BMjAyMTAyMjYwNjA3MThfMTAzMzMyXzc3MzQyNzMyNDJfbHY=.jpg" alt="">
  129. </div>
  130. <p class="name">北京天安门升国旗</p>
  131. </div>
  132. <div class="right">10w+</div>
  133. </div>
  134. <div class="table_info clear">
  135. <div class="left">
  136. <div class="imgBox">
  137. <img src="http://ali-p1.yximgs.com/uhead/AB/2021/02/26/06/BMjAyMTAyMjYwNjA3MThfMTAzMzMyXzc3MzQyNzMyNDJfbHY=.jpg" alt="">
  138. </div>
  139. <p class="name">北京天安门升国旗</p>
  140. </div>
  141. <div class="right">10w+</div>
  142. </div>
  143. <div class="table_info clear">
  144. <div class="left">
  145. <div class="imgBox">
  146. <img src="http://ali-p1.yximgs.com/uhead/AB/2021/02/26/06/BMjAyMTAyMjYwNjA3MThfMTAzMzMyXzc3MzQyNzMyNDJfbHY=.jpg" alt="">
  147. </div>
  148. <p class="name">北京天安门升国旗</p>
  149. </div>
  150. <div class="right">10w+</div>
  151. </div>
  152. <!-- ---------- -->
  153. </div>
  154. </div>
  155. <!-- 带货达人 -->
  156. <div class="itemBox itemBox_dr">
  157. <div class="rankTitle clear">
  158. <div class="title">带货达人</div>
  159. <a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/liveBroadcasting">
  160. <div class="more">更多</div>
  161. </a>
  162. </div>
  163. <div>
  164. <div class="table_title clear">
  165. <div class="info1">达人</div>
  166. <div class="info2">销售额</div>
  167. </div>
  168. <!-- 循环------------ -->
  169. <div class="table_info clear" style="padding:19px 0">
  170. <div class="left">
  171. <div class="imgBox" style="width:42px;height:42px;border-radius:50%;">
  172. <img src="http://ali-p1.yximgs.com/uhead/AB/2020/12/25/21/BMjAyMDEyMjUyMTMxNTRfMTQyNDEyODY1Nl8yX2hkMTI5XzcwNg==_b.jpg" alt="">
  173. </div>
  174. <p class="name">瑜大公子</p>
  175. </div>
  176. <div class="right" style="line-height:42px">2亿</div>
  177. </div>
  178. <div class="table_info clear" style="padding:19px 0">
  179. <div class="left">
  180. <div class="imgBox" style="width:42px;height:42px;border-radius:50%;">
  181. <img src="http://ali-p1.yximgs.com/uhead/AB/2020/12/25/21/BMjAyMDEyMjUyMTMxNTRfMTQyNDEyODY1Nl8yX2hkMTI5XzcwNg==_b.jpg" alt="">
  182. </div>
  183. <p class="name">瑜大公子</p>
  184. </div>
  185. <div class="right" style="line-height:42px">2亿</div>
  186. </div>
  187. <div class="table_info clear" style="padding:19px 0">
  188. <div class="left">
  189. <div class="imgBox" style="width:42px;height:42px;border-radius:50%;">
  190. <img src="http://ali-p1.yximgs.com/uhead/AB/2020/12/25/21/BMjAyMDEyMjUyMTMxNTRfMTQyNDEyODY1Nl8yX2hkMTI5XzcwNg==_b.jpg" alt="">
  191. </div>
  192. <p class="name">瑜大公子</p>
  193. </div>
  194. <div class="right" style="line-height:42px">2亿</div>
  195. </div>
  196. <div class="table_info clear" style="padding:19px 0">
  197. <div class="left">
  198. <div class="imgBox" style="width:42px;height:42px;border-radius:50%;">
  199. <img src="http://ali-p1.yximgs.com/uhead/AB/2020/12/25/21/BMjAyMDEyMjUyMTMxNTRfMTQyNDEyODY1Nl8yX2hkMTI5XzcwNg==_b.jpg" alt="">
  200. </div>
  201. <p class="name">瑜大公子</p>
  202. </div>
  203. <div class="right" style="line-height:42px">2亿</div>
  204. </div>
  205. <div class="table_info clear" style="padding:19px 0">
  206. <div class="left">
  207. <div class="imgBox" style="width:42px;height:42px;border-radius:50%;">
  208. <img src="http://ali-p1.yximgs.com/uhead/AB/2020/12/25/21/BMjAyMDEyMjUyMTMxNTRfMTQyNDEyODY1Nl8yX2hkMTI5XzcwNg==_b.jpg" alt="">
  209. </div>
  210. <p class="name">瑜大公子</p>
  211. </div>
  212. <div class="right" style="line-height:42px">2亿</div>
  213. </div>
  214. <!-- -------------- -->
  215. </div>
  216. </div>
  217. <!-- 爆款商品 -->
  218. <div class="itemBox itemBox_goods">
  219. <div class="rankTitle clear">
  220. <div class="title">爆款商品</div>
  221. <a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/saleHall">
  222. <div class="more">更多</div>
  223. </a>
  224. </div>
  225. <div>
  226. <div class="table_title clear">
  227. <div class="info1">商品</div>
  228. <div class="info2">销量</div>
  229. </div>
  230. <!-- 循环------------ -->
  231. <a class="table_info clear" style="padding:19px 0">
  232. <div class="left">
  233. <div class="imgBox" style="width:42px;height:42px;">
  234. <img src="http://ali-ec.static.yximgs.com/ufile/adsocial/5e082a95-3b74-4a5a-b031-f5adb58a0d5e.jpg" alt="">
  235. </div>
  236. <p class="name">20新品 Apple/苹果 128GB iPhone 12苹果手机 5G版</p>
  237. </div>
  238. <div class="right" style="line-height:42px">1698</div>
  239. </a>
  240. <a class="table_info clear" style="padding:19px 0">
  241. <div class="left">
  242. <div class="imgBox" style="width:42px;height:42px;">
  243. <img src="http://ali-ec.static.yximgs.com/ufile/adsocial/5e082a95-3b74-4a5a-b031-f5adb58a0d5e.jpg" alt="">
  244. </div>
  245. <p class="name">20新品 Apple/苹果 128GB iPhone 12苹果手机 5G版</p>
  246. </div>
  247. <div class="right" style="line-height:42px">1698</div>
  248. </a>
  249. <a class="table_info clear" style="padding:19px 0">
  250. <div class="left">
  251. <div class="imgBox" style="width:42px;height:42px;">
  252. <img src="http://ali-ec.static.yximgs.com/ufile/adsocial/5e082a95-3b74-4a5a-b031-f5adb58a0d5e.jpg" alt="">
  253. </div>
  254. <p class="name">20新品 Apple/苹果 128GB iPhone 12苹果手机 5G版</p>
  255. </div>
  256. <div class="right" style="line-height:42px">1698</div>
  257. </a>
  258. <a class="table_info clear" style="padding:19px 0">
  259. <div class="left">
  260. <div class="imgBox" style="width:42px;height:42px;">
  261. <img src="http://ali-ec.static.yximgs.com/ufile/adsocial/5e082a95-3b74-4a5a-b031-f5adb58a0d5e.jpg" alt="">
  262. </div>
  263. <p class="name">20新品 Apple/苹果 128GB iPhone 12苹果手机 5G版</p>
  264. </div>
  265. <div class="right" style="line-height:42px">1698</div>
  266. </a>
  267. <a class="table_info clear" style="padding:19px 0">
  268. <div class="left">
  269. <div class="imgBox" style="width:42px;height:42px;">
  270. <img src="http://ali-ec.static.yximgs.com/ufile/adsocial/5e082a95-3b74-4a5a-b031-f5adb58a0d5e.jpg" alt="">
  271. </div>
  272. <p class="name">20新品 Apple/苹果 128GB iPhone 12苹果手机 5G版</p>
  273. </div>
  274. <div class="right" style="line-height:42px">1698</div>
  275. </a>
  276. <!-- -------------- -->
  277. </div>
  278. </div>
  279. <!-- 热门视频 -->
  280. <div class="itemBox itemBox_video">
  281. <div class="rankTitle clear">
  282. <div class="title">热门视频</div>
  283. <a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/materiaSwelling">
  284. <div class="more">更多</div>
  285. </a>
  286. </div>
  287. <div>
  288. <div class="table_title clear">
  289. <div class="info1">视频</div>
  290. <div class="info2">点赞</div>
  291. </div>
  292. <!-- 循环------------ -->
  293. <div class="table_info clear">
  294. <div class="left">
  295. <div class="imgBox">
  296. <img src="http://tx2.a.yximgs.com/ksc1/RZfumW066JVbJHbDAcVK1KtvuleWGZTQylHhtKkd8Z4c5JeWdihyU8VXDeI7KFcWsLdRJx0JiPyVkML5jtO5cSihTaAEI7Ifi1047XQGX4UR-cxGPtzrPDDsI8f01AwQ73zyKQlv12hc8TsgTr4co7lyXiqrWe0gRVu3Yl_W3tUNotkd9iWNOclHUX3d9WY3.webp?tag=1-1614920482-p-0-5967be10b83044ab-3d4b358efb604372&clientCacheKey=3xf" alt="">
  297. </div>
  298. <p class="name">别人都是宝藏女孩 而你不一样 你是把肚子吃的又饱又胀的饱胀女孩</p>
  299. </div>
  300. <div class="right">2937</div>
  301. </div>
  302. <div class="table_info clear">
  303. <div class="left">
  304. <div class="imgBox">
  305. <img src="http://tx2.a.yximgs.com/ksc1/RZfumW066JVbJHbDAcVK1KtvuleWGZTQylHhtKkd8Z4c5JeWdihyU8VXDeI7KFcWsLdRJx0JiPyVkML5jtO5cSihTaAEI7Ifi1047XQGX4UR-cxGPtzrPDDsI8f01AwQ73zyKQlv12hc8TsgTr4co7lyXiqrWe0gRVu3Yl_W3tUNotkd9iWNOclHUX3d9WY3.webp?tag=1-1614920482-p-0-5967be10b83044ab-3d4b358efb604372&clientCacheKey=3xf" alt="">
  306. </div>
  307. <p class="name">别人都是宝藏女孩 而你不一样 你是把肚子吃的又饱又胀的饱胀女孩</p>
  308. </div>
  309. <div class="right">2937</div>
  310. </div>
  311. <div class="table_info clear">
  312. <div class="left">
  313. <div class="imgBox">
  314. <img src="http://tx2.a.yximgs.com/ksc1/RZfumW066JVbJHbDAcVK1KtvuleWGZTQylHhtKkd8Z4c5JeWdihyU8VXDeI7KFcWsLdRJx0JiPyVkML5jtO5cSihTaAEI7Ifi1047XQGX4UR-cxGPtzrPDDsI8f01AwQ73zyKQlv12hc8TsgTr4co7lyXiqrWe0gRVu3Yl_W3tUNotkd9iWNOclHUX3d9WY3.webp?tag=1-1614920482-p-0-5967be10b83044ab-3d4b358efb604372&clientCacheKey=3xf" alt="">
  315. </div>
  316. <p class="name">别人都是宝藏女孩 而你不一样 你是把肚子吃的又饱又胀的饱胀女孩</p>
  317. </div>
  318. <div class="right">2937</div>
  319. </div>
  320. <div class="table_info clear">
  321. <div class="left">
  322. <div class="imgBox">
  323. <img src="http://tx2.a.yximgs.com/ksc1/RZfumW066JVbJHbDAcVK1KtvuleWGZTQylHhtKkd8Z4c5JeWdihyU8VXDeI7KFcWsLdRJx0JiPyVkML5jtO5cSihTaAEI7Ifi1047XQGX4UR-cxGPtzrPDDsI8f01AwQ73zyKQlv12hc8TsgTr4co7lyXiqrWe0gRVu3Yl_W3tUNotkd9iWNOclHUX3d9WY3.webp?tag=1-1614920482-p-0-5967be10b83044ab-3d4b358efb604372&clientCacheKey=3xf" alt="">
  324. </div>
  325. <p class="name">别人都是宝藏女孩 而你不一样 你是把肚子吃的又饱又胀的饱胀女孩</p>
  326. </div>
  327. <div class="right">2937</div>
  328. </div>
  329. <div class="table_info clear">
  330. <div class="left">
  331. <div class="imgBox">
  332. <img src="http://tx2.a.yximgs.com/ksc1/RZfumW066JVbJHbDAcVK1KtvuleWGZTQylHhtKkd8Z4c5JeWdihyU8VXDeI7KFcWsLdRJx0JiPyVkML5jtO5cSihTaAEI7Ifi1047XQGX4UR-cxGPtzrPDDsI8f01AwQ73zyKQlv12hc8TsgTr4co7lyXiqrWe0gRVu3Yl_W3tUNotkd9iWNOclHUX3d9WY3.webp?tag=1-1614920482-p-0-5967be10b83044ab-3d4b358efb604372&clientCacheKey=3xf" alt="">
  333. </div>
  334. <p class="name">别人都是宝藏女孩 而你不一样 你是把肚子吃的又饱又胀的饱胀女孩</p>
  335. </div>
  336. <div class="right">2937</div>
  337. </div>
  338. <!-- -------------- -->
  339. </div>
  340. </div>
  341. <!-- 热门音乐 -->
  342. <div class="itemBox itemBox_music">
  343. <div class="rankTitle clear">
  344. <div class="title">热门音乐</div>
  345. <a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/materiaMusic">
  346. <div class="more">更多</div>
  347. </a>
  348. </div>
  349. <div>
  350. <div class="table_title clear">
  351. <div class="info1">音乐</div>
  352. <div class="info2">视频数</div>
  353. </div>
  354. <!-- 循环------------ -->
  355. <div class="table_info clear" style="padding:19px 0">
  356. <div class="left">
  357. <div class="imgBox" style="width:42px;height:42px;border-radius:50%;">
  358. <img src="http://ali2.a.yximgs.com/bs2/ost/NDUyOTg0MTQwMDZfMjcyNzIzMjE.jpg" alt="">
  359. </div>
  360. <p class="name">阿涵特能说(虎超超)的作品原声</p>
  361. </div>
  362. <div class="right" style="line-height:42px">1</div>
  363. </div>
  364. <div class="table_info clear" style="padding:19px 0">
  365. <div class="left">
  366. <div class="imgBox" style="width:42px;height:42px;border-radius:50%;">
  367. <img src="http://ali2.a.yximgs.com/bs2/ost/NDUyOTg0MTQwMDZfMjcyNzIzMjE.jpg" alt="">
  368. </div>
  369. <p class="name">阿涵特能说(虎超超)的作品原声</p>
  370. </div>
  371. <div class="right" style="line-height:42px">1</div>
  372. </div>
  373. <div class="table_info clear" style="padding:19px 0">
  374. <div class="left">
  375. <div class="imgBox" style="width:42px;height:42px;border-radius:50%;">
  376. <img src="http://ali2.a.yximgs.com/bs2/ost/NDUyOTg0MTQwMDZfMjcyNzIzMjE.jpg" alt="">
  377. </div>
  378. <p class="name">阿涵特能说(虎超超)的作品原声</p>
  379. </div>
  380. <div class="right" style="line-height:42px">1</div>
  381. </div>
  382. <div class="table_info clear" style="padding:19px 0">
  383. <div class="left">
  384. <div class="imgBox" style="width:42px;height:42px;border-radius:50%;">
  385. <img src="http://ali2.a.yximgs.com/bs2/ost/NDUyOTg0MTQwMDZfMjcyNzIzMjE.jpg" alt="">
  386. </div>
  387. <p class="name">阿涵特能说(虎超超)的作品原声</p>
  388. </div>
  389. <div class="right" style="line-height:42px">1</div>
  390. </div>
  391. <div class="table_info clear" style="padding:19px 0">
  392. <div class="left">
  393. <div class="imgBox" style="width:42px;height:42px;border-radius:50%;">
  394. <img src="http://ali2.a.yximgs.com/bs2/ost/NDUyOTg0MTQwMDZfMjcyNzIzMjE.jpg" alt="">
  395. </div>
  396. <p class="name">阿涵特能说(虎超超)的作品原声</p>
  397. </div>
  398. <div class="right" style="line-height:42px">1</div>
  399. </div>
  400. <!-- -------------- -->
  401. </div>
  402. </div>
  403. <!-- 神回复 -->
  404. <div class="itemBox itemBox_comment">
  405. <div class="rankTitle clear">
  406. <div class="title">神回复</div>
  407. <a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/materiaReply">
  408. <div class="more">更多</div>
  409. </a>
  410. </div>
  411. <div>
  412. <div class="table_title clear">
  413. <div class="info1">评论</div>
  414. <div class="info2">点赞</div>
  415. </div>
  416. <!-- 循环------------ -->
  417. <div class="table_info clear">
  418. <div class="left">
  419. <div class="imgBox">
  420. <img src="http://ali2.a.yximgs.com/ksc1/svvLqnqkXlM6HANdQwFfA-AB0fFx6k2IiOfTbjPhZ3Fuepj7CsnX3-PStCNp-tixE3f-i9IP4UL8AocTyK_XiLkQD1VAyJ_6ibm44tBgsxDoOof_8zFQGNvqgO80BBxkmkmEbyDBiri51OZp-DajNc-YZXpSxbnqDS02go6sE360vPR5Y_kAtdQVLk-GBrmP.webp?tag=1-1614740109-p-0-5967be10b83044ab-3d4b358efb604372&type=hot&clientCa" alt="">
  421. </div>
  422. <p class="name">这可能是他不用瞄准镜打的最准的一次</p>
  423. </div>
  424. <div class="right">3.9w</div>
  425. </div>
  426. <div class="table_info clear">
  427. <div class="left">
  428. <div class="imgBox">
  429. <img src="http://ali2.a.yximgs.com/ksc1/svvLqnqkXlM6HANdQwFfA-AB0fFx6k2IiOfTbjPhZ3Fuepj7CsnX3-PStCNp-tixE3f-i9IP4UL8AocTyK_XiLkQD1VAyJ_6ibm44tBgsxDoOof_8zFQGNvqgO80BBxkmkmEbyDBiri51OZp-DajNc-YZXpSxbnqDS02go6sE360vPR5Y_kAtdQVLk-GBrmP.webp?tag=1-1614740109-p-0-5967be10b83044ab-3d4b358efb604372&type=hot&clientCa" alt="">
  430. </div>
  431. <p class="name">这可能是他不用瞄准镜打的最准的一次</p>
  432. </div>
  433. <div class="right">3.9w</div>
  434. </div>
  435. <div class="table_info clear">
  436. <div class="left">
  437. <div class="imgBox">
  438. <img src="http://ali2.a.yximgs.com/ksc1/svvLqnqkXlM6HANdQwFfA-AB0fFx6k2IiOfTbjPhZ3Fuepj7CsnX3-PStCNp-tixE3f-i9IP4UL8AocTyK_XiLkQD1VAyJ_6ibm44tBgsxDoOof_8zFQGNvqgO80BBxkmkmEbyDBiri51OZp-DajNc-YZXpSxbnqDS02go6sE360vPR5Y_kAtdQVLk-GBrmP.webp?tag=1-1614740109-p-0-5967be10b83044ab-3d4b358efb604372&type=hot&clientCa" alt="">
  439. </div>
  440. <p class="name">这可能是他不用瞄准镜打的最准的一次</p>
  441. </div>
  442. <div class="right">3.9w</div>
  443. </div>
  444. <div class="table_info clear">
  445. <div class="left">
  446. <div class="imgBox">
  447. <img src="http://ali2.a.yximgs.com/ksc1/svvLqnqkXlM6HANdQwFfA-AB0fFx6k2IiOfTbjPhZ3Fuepj7CsnX3-PStCNp-tixE3f-i9IP4UL8AocTyK_XiLkQD1VAyJ_6ibm44tBgsxDoOof_8zFQGNvqgO80BBxkmkmEbyDBiri51OZp-DajNc-YZXpSxbnqDS02go6sE360vPR5Y_kAtdQVLk-GBrmP.webp?tag=1-1614740109-p-0-5967be10b83044ab-3d4b358efb604372&type=hot&clientCa" alt="">
  448. </div>
  449. <p class="name">这可能是他不用瞄准镜打的最准的一次</p>
  450. </div>
  451. <div class="right">3.9w</div>
  452. </div>
  453. <div class="table_info clear">
  454. <div class="left">
  455. <div class="imgBox">
  456. <img src="http://ali2.a.yximgs.com/ksc1/svvLqnqkXlM6HANdQwFfA-AB0fFx6k2IiOfTbjPhZ3Fuepj7CsnX3-PStCNp-tixE3f-i9IP4UL8AocTyK_XiLkQD1VAyJ_6ibm44tBgsxDoOof_8zFQGNvqgO80BBxkmkmEbyDBiri51OZp-DajNc-YZXpSxbnqDS02go6sE360vPR5Y_kAtdQVLk-GBrmP.webp?tag=1-1614740109-p-0-5967be10b83044ab-3d4b358efb604372&type=hot&clientCa" alt="">
  457. </div>
  458. <p class="name">这可能是他不用瞄准镜打的最准的一次</p>
  459. </div>
  460. <div class="right">3.9w</div>
  461. </div>
  462. <!-- -------------- -->
  463. </div>
  464. </div>
  465. </div>
  466. <!-- 新闻 -->
  467. <div class="liveBoard">
  468. <div class="liveBoardBox clear">
  469. <div class="self_select">
  470. <div class="self_select_input" onclick="selectClick(event)">
  471. <input type="text" readonly="readonly" autocomplete="off" class="self_select_input_inner" value="现在入局视频号,晚吗?">
  472. <img class="icon" id="select_jt" src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/f12.png" alt="">
  473. </div>
  474. <div class="self_popper">
  475. <ul class="select_dropdown_list">
  476. <a class="select_dropdown_item" href="http://wenxingshuju.com/information-13/17.html">现在入局视频号,晚吗?</a>
  477. <a class="select_dropdown_item" href="http://wenxingshuju.com/information-13/16.html">新政出台,刷单和虚高假战报的照妖镜</a>
  478. <a class="select_dropdown_item" href="http://wenxingshuju.com/information-13/15.html">又一“网红”带货翻车!</a>
  479. <a class="select_dropdown_item" href="http://wenxingshuju.com/information-13/3.html">短视频平台“三岔口”:做抖音、快手还是视频号?</a>
  480. <a class="select_dropdown_item" href="http://wenxingshuju.com/information-13/19.html">什么?抖音运营“雷区”你还不知道</a>
  481. </ul>
  482. <div class="popper_arrow"></div>
  483. </div>
  484. </div>
  485. <button class="self_selet_button" onclick="toUrl()">确定</button>
  486. </div>
  487. </div>
  488. <!-- 爆款视频 -->
  489. <div class="bigTitle">爆款视频</div>
  490. <div class="rankBox hotVideoBox">
  491. <!-- 循环------------ -->
  492. <a class="hotVideo">
  493. <div class="imgBox">
  494. <img src="http://tx2.a.yximgs.com/ksc1/IhLEGezyoqlmWBuolYkbJsSexOieYd25_yrX5V3NUIWnq8Bjm3a78vCOFLgxkCismcQmhxzy8KdGPAdW2erjjFPd6esR-AWRc52aWhxs0PyGuBaI6FGQZendBZM9O30ibZ3dufRlXU7M90-we9zOTlIIdy3HgnUz842DHrtNiRMIIhTHUHLaMoS7MyVjVe9N.webp?tag=1-1614914780-p-0-5967be10b83044ab-3d4b358efb604372&clientCacheKey=3x2" alt="">
  495. </div>
  496. <div class="vidoe_info">
  497. <p class="video_name">视频标题视频标题视频标题视频标题视频标题视频标题视频标题视频标题视频标题</p>
  498. <div class="video_user">
  499. <img src="http://ali2.a.yximgs.com/uhead/AB/2020/11/25/05/BMjAyMDExMjUwNTI1MzlfNDA5NDU2NjgwXzFfaGQ4NzhfMzQ4_b.jpg" alt="">
  500. <span>李沁李沁李沁李沁李沁李沁李沁李沁李沁</span>
  501. </div>
  502. <div class="zan">
  503. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/userDetail_icon_fan.png" alt="">
  504. <span>234567890</span>
  505. </div>
  506. </div>
  507. </a>
  508. <a class="hotVideo">
  509. <div class="imgBox">
  510. <img src="http://tx2.a.yximgs.com/ksc1/IhLEGezyoqlmWBuolYkbJsSexOieYd25_yrX5V3NUIWnq8Bjm3a78vCOFLgxkCismcQmhxzy8KdGPAdW2erjjFPd6esR-AWRc52aWhxs0PyGuBaI6FGQZendBZM9O30ibZ3dufRlXU7M90-we9zOTlIIdy3HgnUz842DHrtNiRMIIhTHUHLaMoS7MyVjVe9N.webp?tag=1-1614914780-p-0-5967be10b83044ab-3d4b358efb604372&clientCacheKey=3x2" alt="">
  511. </div>
  512. <div class="vidoe_info">
  513. <p class="video_name">视频标题视频标题视频标题视频标题视频标题视频标题视频标题视频标题视频标题</p>
  514. <div class="video_user">
  515. <img src="http://ali2.a.yximgs.com/uhead/AB/2020/11/25/05/BMjAyMDExMjUwNTI1MzlfNDA5NDU2NjgwXzFfaGQ4NzhfMzQ4_b.jpg" alt="">
  516. <span>李沁李沁李沁李沁李沁李沁李沁李沁李沁</span>
  517. </div>
  518. <div class="zan">
  519. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/userDetail_icon_fan.png" alt="">
  520. <span>234567890</span>
  521. </div>
  522. </div>
  523. </a>
  524. <a class="hotVideo">
  525. <div class="imgBox">
  526. <img src="http://tx2.a.yximgs.com/ksc1/IhLEGezyoqlmWBuolYkbJsSexOieYd25_yrX5V3NUIWnq8Bjm3a78vCOFLgxkCismcQmhxzy8KdGPAdW2erjjFPd6esR-AWRc52aWhxs0PyGuBaI6FGQZendBZM9O30ibZ3dufRlXU7M90-we9zOTlIIdy3HgnUz842DHrtNiRMIIhTHUHLaMoS7MyVjVe9N.webp?tag=1-1614914780-p-0-5967be10b83044ab-3d4b358efb604372&clientCacheKey=3x2" alt="">
  527. </div>
  528. <div class="vidoe_info">
  529. <p class="video_name">视频标题视频标题视频标题视频标题视频标题视频标题视频标题视频标题视频标题</p>
  530. <div class="video_user">
  531. <img src="http://ali2.a.yximgs.com/uhead/AB/2020/11/25/05/BMjAyMDExMjUwNTI1MzlfNDA5NDU2NjgwXzFfaGQ4NzhfMzQ4_b.jpg" alt="">
  532. <span>李沁李沁李沁李沁李沁李沁李沁李沁李沁</span>
  533. </div>
  534. <div class="zan">
  535. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/userDetail_icon_fan.png" alt="">
  536. <span>234567890</span>
  537. </div>
  538. </div>
  539. </a>
  540. <a class="hotVideo">
  541. <div class="imgBox">
  542. <img src="http://tx2.a.yximgs.com/ksc1/IhLEGezyoqlmWBuolYkbJsSexOieYd25_yrX5V3NUIWnq8Bjm3a78vCOFLgxkCismcQmhxzy8KdGPAdW2erjjFPd6esR-AWRc52aWhxs0PyGuBaI6FGQZendBZM9O30ibZ3dufRlXU7M90-we9zOTlIIdy3HgnUz842DHrtNiRMIIhTHUHLaMoS7MyVjVe9N.webp?tag=1-1614914780-p-0-5967be10b83044ab-3d4b358efb604372&clientCacheKey=3x2" alt="">
  543. </div>
  544. <div class="vidoe_info">
  545. <p class="video_name">视频标题视频标题视频标题视频标题视频标题视频标题视频标题视频标题视频标题</p>
  546. <div class="video_user">
  547. <img src="http://ali2.a.yximgs.com/uhead/AB/2020/11/25/05/BMjAyMDExMjUwNTI1MzlfNDA5NDU2NjgwXzFfaGQ4NzhfMzQ4_b.jpg" alt="">
  548. <span>李沁李沁李沁李沁李沁李沁李沁李沁李沁</span>
  549. </div>
  550. <div class="zan">
  551. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/userDetail_icon_fan.png" alt="">
  552. <span>234567890</span>
  553. </div>
  554. </div>
  555. </a>
  556. <a class="hotVideo">
  557. <div class="imgBox">
  558. <img src="http://tx2.a.yximgs.com/ksc1/IhLEGezyoqlmWBuolYkbJsSexOieYd25_yrX5V3NUIWnq8Bjm3a78vCOFLgxkCismcQmhxzy8KdGPAdW2erjjFPd6esR-AWRc52aWhxs0PyGuBaI6FGQZendBZM9O30ibZ3dufRlXU7M90-we9zOTlIIdy3HgnUz842DHrtNiRMIIhTHUHLaMoS7MyVjVe9N.webp?tag=1-1614914780-p-0-5967be10b83044ab-3d4b358efb604372&clientCacheKey=3x2" alt="">
  559. </div>
  560. <div class="vidoe_info">
  561. <p class="video_name">视频标题视频标题视频标题视频标题视频标题视频标题视频标题视频标题视频标题</p>
  562. <div class="video_user">
  563. <img src="http://ali2.a.yximgs.com/uhead/AB/2020/11/25/05/BMjAyMDExMjUwNTI1MzlfNDA5NDU2NjgwXzFfaGQ4NzhfMzQ4_b.jpg" alt="">
  564. <span>李沁李沁李沁李沁李沁李沁李沁李沁李沁</span>
  565. </div>
  566. <div class="zan">
  567. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/userDetail_icon_fan.png" alt="">
  568. <span>234567890</span>
  569. </div>
  570. </div>
  571. </a>
  572. <a class="hotVideo">
  573. <div class="imgBox">
  574. <img src="http://tx2.a.yximgs.com/ksc1/IhLEGezyoqlmWBuolYkbJsSexOieYd25_yrX5V3NUIWnq8Bjm3a78vCOFLgxkCismcQmhxzy8KdGPAdW2erjjFPd6esR-AWRc52aWhxs0PyGuBaI6FGQZendBZM9O30ibZ3dufRlXU7M90-we9zOTlIIdy3HgnUz842DHrtNiRMIIhTHUHLaMoS7MyVjVe9N.webp?tag=1-1614914780-p-0-5967be10b83044ab-3d4b358efb604372&clientCacheKey=3x2" alt="">
  575. </div>
  576. <div class="vidoe_info">
  577. <p class="video_name">视频标题视频标题视频标题视频标题视频标题视频标题视频标题视频标题视频标题</p>
  578. <div class="video_user">
  579. <img src="http://ali2.a.yximgs.com/uhead/AB/2020/11/25/05/BMjAyMDExMjUwNTI1MzlfNDA5NDU2NjgwXzFfaGQ4NzhfMzQ4_b.jpg" alt="">
  580. <span>李沁李沁李沁李沁李沁李沁李沁李沁李沁</span>
  581. </div>
  582. <div class="zan">
  583. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/userDetail_icon_fan.png" alt="">
  584. <span>234567890</span>
  585. </div>
  586. </div>
  587. </a>
  588. <!-- -------------- -->
  589. </div>
  590. <!-- 更多功能 -->
  591. <div class="bigTitle" style="margin-top: 76px;">更多功能</div>
  592. <ul class="moreFunction clear">
  593. <li>
  594. <div class="functionImg">
  595. <a rel="external nofollow" href="" alt="">
  596. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/wxVideo/home_1.png" alt="">
  597. </a>
  598. </div>
  599. <p class="functionName">达人查找</p>
  600. </li>
  601. <li>
  602. <div class="functionImg">
  603. <a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/search">
  604. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/wxVideo/home_2.png" alt="">
  605. </a>
  606. </div>
  607. <p class="functionName">指数榜单</p>
  608. </li>
  609. <li>
  610. <div class="functionImg">
  611. <a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/hotBrand">
  612. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/wxVideo/home_3.png" alt="">
  613. </a>
  614. </div>
  615. <p class="functionName">热门话题</p>
  616. </li>
  617. <li>
  618. <div class="functionImg">
  619. <a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/liveSearch">
  620. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/wxVideo/home_4.png" alt="">
  621. </a>
  622. </div>
  623. <p class="functionName">暴涨榜单</p>
  624. </li>
  625. </ul>
  626. </div>
  627. </div>
  628. <!-- 底部 -->
  629. <footer>
  630. <div class="con clear">
  631. <div class="left">
  632. <a href="https://www.wenxingshuju.com/bigData/seo/home/home_index.html"></a>
  633. <img class="logo" src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/logo.png" alt="">
  634. </a>
  635. <ul class="outerChainBox">
  636. <li>合作</li>
  637. <li><a rel="external nofollow" href="http://www.kuxuan.com/#/shortVideoMarketing" target="_blank">短视频营销</a></li>
  638. <li><a rel="external nofollow" href="http://www.kuxuan.com/#/whLiveBroadcast" target="_blank">网红直播</a></li>
  639. <li><a rel="external nofollow" href="http://www.kuxuan.com/#/businessCooperation" target="_blank">业务合作</a></li>
  640. </ul>
  641. <ul class="outerChainBox">
  642. <li>功能</li>
  643. <li><a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/search" target="_blank">达人广场</a></li>
  644. <li><a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/liveSearch" target="_blank">直播大厅</a></li>
  645. <li><a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/commoditySearch" target="_blank">电商中心</a></li>
  646. <li><a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/materiaVideo" target="_blank">创意中心</a></li>
  647. <li><a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/commodityAdvert" target="_blank">广告中心</a></li>
  648. </ul>
  649. <ul class="outerChainBox">
  650. <li>资源</li>
  651. <li style="cursor: not-allowed;">案例分析</li>
  652. <li style="cursor: not-allowed;">达人动态</li>
  653. <li style="cursor: not-allowed;">视频创作</li>
  654. </ul>
  655. <ul class="outerChainBox">
  656. <li>关于</li>
  657. <li><a rel="external nofollow" href="http://www.kuxuan.com/#/aboutUs" target="_blank">关于我们</a></li>
  658. <li><a rel="external nofollow" href="https://www.wenxingshuju.com/bigData/index.html#/feedback" target="_blank">问题反馈</a></li>
  659. </ul>
  660. </div>
  661. <div class="right">
  662. <div class="evmBox">
  663. <div class="imgBox">
  664. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/kol_public.jpg" alt="">
  665. </div>
  666. <p class="desc">关注问星数据公众号</p>
  667. </div>
  668. <div class="evmBox">
  669. <div class="imgBox" style="padding:5px">
  670. <img src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/newIcon/applet_kx.jpg" alt="">
  671. </div>
  672. <p class="desc">关注问星数据小程序</p>
  673. </div>
  674. </div>
  675. </div>
  676. <div class="recordBottom">
  677. Copyright © 2018-2020 问星数据视频号 | 北京问星数据网络技术股份有限公司 All rights reserved 京ICP备 14056088号-15
  678. </div>
  679. </footer>
  680. </body>
  681. </html>
  682. <script>
  683. document.body.onclick = function(){
  684. document.getElementsByClassName('self_popper')[0].style.transform='scaleY(0)'
  685. document.getElementById('select_jt').style.transform = 'none'
  686. }
  687. function selectClick (e) {
  688. e.stopPropagation();//阻止点击事件向上冒泡
  689. if(document.getElementsByClassName('self_popper')[0].style.transform == 'scaleY(0)'){
  690. document.getElementsByClassName('self_popper')[0].style.transform='scaleY(1)'
  691. document.getElementById('select_jt').style.transform = 'rotate(180deg)'
  692. }else{
  693. document.getElementsByClassName('self_popper')[0].style.transform='scaleY(0)'
  694. document.getElementById('select_jt').style.transform = 'none'
  695. }
  696. }
  697. function toUrl(){
  698. window.open('http://wenxingshuju.com/information-13/17.html')
  699. }
  700. function inputSearchEvent(){
  701. window.open('https://www.wenxingshuju.com/bigData/wxVideo/index.html#/talent?keyword=' + document.getElementById('searchInput').value)
  702. }
  703. </script>