我自己做的B站排行榜
只做了个样式
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>热门视频排行榜</title>
<link rel="stylesheet" href="css/d2.css" />
<link rel="stylesheet" type="text/css" media="screen" href="https://cdn.staticfile.org/ionicons/2.0.1/css/ionicons.min.css" />
</head>
<body>
<!-- 导航栏 -->
<header class="header">
<ul>
<li class="zz"><a class="active" href="../jwj/B站首页/index.html" target="_blank"><img src="img/tv.png">主站</a></li>
<li><a href="#news">番剧</a></li>
<li><a href="../game-bilibili-com-fgu24je2/index.html" target="_blank">游戏中心</a></li>
<li><a href="#news">直播</a></li>
<li><a href="#news">会员购</a></li>
<li><a href="#news">漫画</a></li>
<li><a href="#news">赛事</a></li>
<li><a href="../B站app下载/app.html"><img src="img/phone.png">下载APP</a></li>
<li><a class="search" href="#news"><input type="text" placeholder="搜索" name="serch">
<div class="i2"><img src="img/search.png"></div></a></li>
<li class="user"><a href="#news"><img src="img/1.jpg"></a></li>
<li class="da"><a href="#news">大会员</a></li>
<li><a href="#news">消息</a></li>
<li><a href="../yemian/8/index.html" target="_blank">动态</a></li>
<li><a href="#news">收藏</a></li>
<li><a href="#news">历史</a></li>
<li><a href="#news">创作中心</a></li>
<li class="tou"><a href="#news">投稿</a></li>
</ul>
</header>
<!-- 分类 -->
<div class="f1">
<div class="f11">
<div class="f11-l">
<img src="img/s1.png"><a href="../jwj/B站首页/index.html" target="_blank" class="p1">首页</a>
<img src="img/s2-1.png"><a href="" class="p2">动态</a>
<img src="img/s3.png"><a href="" class="p3">排行榜</a>
<img src="img/pay-alert.png"><a href="" class="p4">频道</a>
</div>
</div>
<div class="f12">
<div class="daohanglan-item-2">
<div class="daohanglan-item-2-a">
<div>动画<span>900+</span></div>
<br />
<div>番剧<span>999+</span></div>
</div>
<div class="daohanglan-item-2-a">
<div>音乐<span>900+</span></div>
<br />
<div>国创<span>900+</span></div>
</div>
<div class="daohanglan-item-2-a">
<div>舞蹈<span>99+</span></div>
<br />
<div>游戏<span>900+</span></div>
</div>
<div class="daohanglan-item-2-a">
<div>知识<span>900+</span></div>
<br />
<div>数码<span>900+</span></div>
</div>
<div class="daohanglan-item-2-a">
<div>生活<span>900+</span></div>
<br />
<div>鬼畜<span>900+</span></div>
</div>
<div class="daohanglan-item-2-a">
<div>时尚<span>900+</span></div>
<br />
<div>资讯<span>900+</span></div>
</div>
<div class="daohanglan-item-2-a">
<div>娱乐<span>900+</span></div>
<br />
<div>影视<span>900+</span></div>
</div>
<div class="daohanglan-item-2-a">
<div>放映厅<span>60+</span></div>
<br />
<div>更多</div>
</div>
</div>
</div>
<div class="f"></div>
<div class="f13">
<span>
<div class="x1">
<a class="x2" href="#news">
<i class="icon ion-iphone"></i>
<span>专栏</span>
</a>
</div>
</span>
<span>
<div class="x1">
<a class="x3" href="#news">
<i class="icon ion-videocamera"></i>
<span>直播</span>
</a>
</div>
</span>
<span>
<div class="x1">
<a class="x4" href="../yemian/10/bili/index.html" target="_blank">
<i class="icon ion-flag"></i>
<span>活动</span>
</a>
</div>
</span>
<span>
<div class="x1">
<a class="x5" href="#news">
<i class="icon ion-university"></i>
<span>课堂</span>
</a>
</div>
</span>
<span>
<div class="x1">
<a class="x6" href="../bilinili/index.htm" target="_blank">
<i class="icon ion-network"></i>
<span>小黑屋</span>
</a>
</div>
</span>
<span>
<div class="x1">
<a class="x7" href="#news">
<i class="icon ion-music-note"></i>
<span>音乐PLUS</span>
</a>
</div>
</span>
</div>
</div>
<div class="f2">
<div class="f21">
<span><img src="img/data.png" /></span>
<span><a href="">全站榜</a></span>
</div>
<div class="f22">
<span><img src="img/crown.png" /></span>
<span><a href="">原创榜</a></span>
</div>
<div class="f23">
<span><img src="img/circle.png" /></span>
<span><a href="">新番榜</a></span>
</div>
<div class="f24">
<span><img src="img/movie.png" /></span>
<span><a href="">影视榜</a></span>
</div>
<div class="f25">
<span><img src="img/Measuring%20Tape.png" /></span>
<span><a href="">新人榜</a></span>
</div>
</div>
<div class="f3">
<div class="i1 b1"><a href="#news">全站</a></div>
<div class="i1"><a href="#news">动画</a></div>
<div class="i1"><a href="#news">国创相关</a></div>
<div class="i1"><a href="#news">音乐</a></div>
<div class="i1"><a href="#news">舞蹈</a></div>
<div class="i1"><a href="#news">游戏</a></div>
<div class="i1"><a href="#news">知识</a></div>
<div class="i1"><a href="#news">数码</a></div>
<div class="i1"><a href="#news">生活</a></div>
<div class="i1"><a href="#news">美食</a></div>
<div class="i1"><a href="#news">鬼畜</a></div>
<div class="i1"><a href="#news">时尚</a></div>
<div class="i1"><a href="#news">娱乐</a></div>
<div class="i1"><a href="#news">影视</a></div>
<!-- 下拉框 -->
<div class="i1 right">
<button class="dropbtn">全部投稿<i class="icon ion-chevron-down"></i></button>
<div class="dropdown-content">
<a href="#">近期投稿</a>
</div>
</div>
<div class="i1 right">
<button class="dropbtn">三日排行<i class="icon ion-chevron-down"></i></button>
<div class="dropdown-content">
<a href="#">日排行</a>
<a href="#">周排行</a>
<a href="#">月排行</a>
</div>
</div>
</div>
<!-- 提示 -->
<div class="t1">
<img src="img/exclamation-circle.png" />
<a>根据稿件内容质量、近期的数据综合展示，动态更新</a>
</div>
<!-- 内容 -->
<div class="n1">
<div class="n2">
<div class="num">1</div>
<div class="img"><img src="im/1.png" /></div>
<div class="n4">
<a class="title" href="../VideoPlayer/index.html">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">654645</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">2</div>
<div class="img"><img src="im/2.png" /></div>
<div class="n4">
<a class="title" href="../VideoPlayer/index.html">儿子，你赢了吗？</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
153.3万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
1800
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
GODVCENT
</span></a>
</div>
<div class="box2">
<div class="fs">336205</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">3</div>
<div class="img"><img src="im/3.png" /></div>
<div class="n4">
<a class="title">论：如何足不出户，量产粉丝</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
271.7万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
1.7万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
绵羊料理
</span></a>
</div>
<div class="box2">
<div class="fs">254645</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">4</div>
<div class="img"><img src="im/4.png" /></div>
<div class="n4">
<a class="title">新 概 念 健 身</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
244.4万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5.0万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
花少北丶
</span></a>
</div>
<div class="box2">
<div class="fs">154645</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">5</div>
<div class="img"><img src="im/5.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">154645</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">6</div>
<div class="img"><img src="im/6.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">156645</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">7</div>
<div class="img"><img src="im/7.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">144645</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">8</div>
<div class="img"><img src="im/8.png" /></div>
<div class="n4">
<a class="title">【Clash动画短片】《丢失的皇冠》</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
25.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2456
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Py
</span></a>
</div>
<div class="box2">
<div class="fs">134645</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">9</div>
<div class="img"><img src="im/9.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">124645</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">10</div>
<div class="img"><img src="im/10.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">125465</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">11</div>
<div class="img"><img src="im/11.png" /></div>
<div class="n4">
<a class="title">【别丧了】看完这些纪录片你会发现人间值得！励志向纪录片TOP10</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
75.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5.1万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
温柔JUNZ
</span></a>
</div>
<div class="box2">
<div class="fs">115465</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">12</div>
<div class="img"><img src="im/12.png" /></div>
<div class="n4">
<a class="title">好起来了？2020十月新番毒奶推荐</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
25.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2532
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
瓶子君152
</span></a>
</div>
<div class="box2">
<div class="fs">105465</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">13</div>
<div class="img"><img src="im/13.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">125465</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">14</div>
<div class="img"><img src="im/14.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">115465</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">15</div>
<div class="img"><img src="im/15.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">105465</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">16</div>
<div class="img"><img src="im/16.png" /></div>
<div class="n4">
<a class="title">【Clash动画短片】《丢失的皇冠》</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
25.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2456
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Py
</span></a>
</div>
<div class="box2">
<div class="fs">109465</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">17</div>
<div class="img"><img src="im/17.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">108465</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">18</div>
<div class="img"><img src="im/18.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">108459</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">19</div>
<div class="img"><img src="im/19.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">108321</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">20</div>
<div class="img"><img src="im/20.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">108213</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">21</div>
<div class="img"><img src="im/21.png" /></div>
<div class="n4">
<a class="title">新 概 念 健 身</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
244.4万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5.0万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
花少北丶
</span></a>
</div>
<div class="box2">
<div class="fs">107890</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">22</div>
<div class="img"><img src="im/22.png" /></div>
<div class="n4">
<a class="title">【Clash动画短片】《丢失的皇冠》</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
25.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2456
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Py
</span></a>
</div>
<div class="box2">
<div class="fs">107543</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">23</div>
<div class="img"><img src="im/23.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">107432</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">24</div>
<div class="img"><img src="im/24.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">107321</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">25</div>
<div class="img"><img src="im/25.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">107210</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">26</div>
<div class="img"><img src="im/26.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">107102</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">27</div>
<div class="img"><img src="im/27.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">107012</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">28</div>
<div class="img"><img src="im/28.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">106987</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">29</div>
<div class="img"><img src="im/29.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">106876</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">30</div>
<div class="img"><img src="im/30.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">105876</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">31</div>
<div class="img"><img src="im/60.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">105543</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">32</div>
<div class="img"><img src="im/32.png" /></div>
<div class="n4">
<a class="title">【Clash动画短片】《丢失的皇冠》</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
25.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2456
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Py
</span></a>
</div>
<div class="box2">
<div class="fs">105321</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">33</div>
<div class="img"><img src="im/33.png" /></div>
<div class="n4">
<a class="title">新 概 念 健 身</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
244.4万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5.0万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
花少北丶
</span></a>
</div>
<div class="box2">
<div class="fs">103987</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">34</div>
<div class="img"><img src="im/34.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">103654</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">35</div>
<div class="img"><img src="im/35.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">103543</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">36</div>
<div class="img"><img src="im/36.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">103432</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">37</div>
<div class="img"><img src="im/37.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">103321</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">38</div>
<div class="img"><img src="im/38.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">103210</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">39</div>
<div class="img"><img src="im/39.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">103109</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">40</div>
<div class="img"><img src="im/40.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">102987</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">41</div>
<div class="img"><img src="im/41.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">102954</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">42</div>
<div class="img"><img src="im/42.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">102856</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">43</div>
<div class="img"><img src="im/43.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">102820</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">44</div>
<div class="img"><img src="im/44.png" /></div>
<div class="n4">
<a class="title">新 概 念 健 身</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
244.4万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5.0万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
花少北丶
</span></a>
</div>
<div class="box2">
<div class="fs">101110</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">45</div>
<div class="img"><img src="im/45.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">101011</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">46</div>
<div class="img"><img src="im/46.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">101001</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">47</div>
<div class="img"><img src="im/47.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">98756</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">48</div>
<div class="img"><img src="im/48.png" /></div>
<div class="n4">
<a class="title">新 概 念 健 身</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
244.4万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5.0万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
花少北丶
</span></a>
</div>
<div class="box2">
<div class="fs">97654</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">49</div>
<div class="img"><img src="im/49.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">96987</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">50</div>
<div class="img"><img src="im/50.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">96587</div>
综合得分
</div>
</div>
</div><div class="n1">
<div class="n3">
<div class="num">51</div>
<div class="img"><img src="im/51.png" /></div>
<div class="n4">
<a class="title">【Clash动画短片】《丢失的皇冠》</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
25.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2456
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Py
</span></a>
</div>
<div class="box2">
<div class="fs">96586</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">52</div>
<div class="img"><img src="im/52.png" /></div>
<div class="n4">
<a class="title">儿子，你赢了吗？</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
153.3万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
1800
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
GODVCENT
</span></a>
</div>
<div class="box2">
<div class="fs">96585</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">53</div>
<div class="img"><img src="im/53.png" /></div>
<div class="n4">
<a class="title">论：如何足不出户，量产粉丝</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
271.7万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
1.7万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
绵羊料理
</span></a>
</div>
<div class="box2">
<div class="fs">96562</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">54</div>
<div class="img"><img src="im/54.png" /></div>
<div class="n4">
<a class="title">新 概 念 健 身</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
244.4万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5.0万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
花少北丶
</span></a>
</div>
<div class="box2">
<div class="fs">96555</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">55</div>
<div class="img"><img src="im/55.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">96523</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">56</div>
<div class="img"><img src="im/56.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">96505</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">57</div>
<div class="img"><img src="im/57.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">96205</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">58</div>
<div class="img"><img src="im/58.png" /></div>
<div class="n4">
<a class="title">【Clash动画短片】《丢失的皇冠》</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
25.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2456
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Py
</span></a>
</div>
<div class="box2">
<div class="fs">96032</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">59</div>
<div class="img"><img src="im/59.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">95656</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">60</div>
<div class="img"><img src="im/60.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">95253</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">61</div>
<div class="img"><img src="im/3.png" /></div>
<div class="n4">
<a class="title">【别丧了】看完这些纪录片你会发现人间值得！励志向纪录片TOP10</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
75.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5.1万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
温柔JUNZ
</span></a>
</div>
<div class="box2">
<div class="fs">95032</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">62</div>
<div class="img"><img src="im/30.png" /></div>
<div class="n4">
<a class="title">好起来了？2020十月新番毒奶推荐</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
25.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2532
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
瓶子君152
</span></a>
</div>
<div class="box2">
<div class="fs">95002</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">63</div>
<div class="img"><img src="im/33.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">94236</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">64</div>
<div class="img"><img src="im/13.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">94120</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">65</div>
<div class="img"><img src="im/1.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">94032</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">66</div>
<div class="img"><img src="im/10.png" /></div>
<div class="n4">
<a class="title">【Clash动画短片】《丢失的皇冠》</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
25.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2456
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Py
</span></a>
</div>
<div class="box2">
<div class="fs">94003</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">67</div>
<div class="img"><img src="im/2.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">94000</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">68</div>
<div class="img"><img src="im/20.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">92312</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">69</div>
<div class="img"><img src="im/22.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">86512</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">70</div>
<div class="img"><img src="im/4.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">85645</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">71</div>
<div class="img"><img src="im/40.png" /></div>
<div class="n4">
<a class="title">新 概 念 健 身</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
244.4万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5.0万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
花少北丶
</span></a>
</div>
<div class="box2">
<div class="fs">85521</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">72</div>
<div class="img"><img src="im/44.png" /></div>
<div class="n4">
<a class="title">【Clash动画短片】《丢失的皇冠》</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
25.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2456
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Py
</span></a>
</div>
<div class="box2">
<div class="fs">84512</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">73</div>
<div class="img"><img src="im/5.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">82312</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">74</div>
<div class="img"><img src="im/50.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">83212</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">75</div>
<div class="img"><img src="im/6.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">83202</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">76</div>
<div class="img"><img src="im/60.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">83112</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">77</div>
<div class="img"><img src="im/7.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">82212</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">78</div>
<div class="img"><img src="im/17.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">82112</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">79</div>
<div class="img"><img src="im/8.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">82021</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">80</div>
<div class="img"><img src="im/18.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">81202</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">81</div>
<div class="img"><img src="im/9.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">80121</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">82</div>
<div class="img"><img src="im/59.png" /></div>
<div class="n4">
<a class="title">【Clash动画短片】《丢失的皇冠》</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
25.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2456
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Py
</span></a>
</div>
<div class="box2">
<div class="fs">80032</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">83</div>
<div class="img"><img src="im/19.png" /></div>
<div class="n4">
<a class="title">新 概 念 健 身</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
244.4万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5.0万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
花少北丶
</span></a>
</div>
<div class="box2">
<div class="fs">80006</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">84</div>
<div class="img"><img src="im/45.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">79121</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">85</div>
<div class="img"><img src="im/12.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">78521</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">86</div>
<div class="img"><img src="im/23.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">77921</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">87</div>
<div class="img"><img src="im/55.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">74921</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">88</div>
<div class="img"><img src="im/56.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">74901</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">89</div>
<div class="img"><img src="im/48.png" /></div>
<div class="n4">
<a class="title">女 装 全 B 站（一）</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
65.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5646
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
看不见的罗杰
</span></a>
</div>
<div class="box2">
<div class="fs">73921</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">90</div>
<div class="img"><img src="im/25.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">72921</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">91</div>
<div class="img"><img src="im/28.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">70921</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">92</div>
<div class="img"><img src="im/29.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">69921</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">93</div>
<div class="img"><img src="im/48.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">68921</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">94</div>
<div class="img"><img src="im/39.png" /></div>
<div class="n4">
<a class="title">新 概 念 健 身</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
244.4万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5.0万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
花少北丶
</span></a>
</div>
<div class="box2">
<div class="fs">63921</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">95</div>
<div class="img"><img src="im/38.png" /></div>
<div class="n4">
<a class="title">花了2万多买的Python教程全套，现在分享给大家，入门到精通(Python全栈开发教程)</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">62921</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">96</div>
<div class="img"><img src="im/36.png" /></div>
<div class="n4">
<a class="title">史上最高杰作！恋爱游戏里竟然没有妹子【阅片无数动漫篇09】</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
35.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
木
</span></a>
</div>
<div class="box2">
<div class="fs">61921</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">97</div>
<div class="img"><img src="im/35.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2134
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
子木
</span></a>
</div>
<div class="box2">
<div class="fs">62221</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">98</div>
<div class="img"><img src="im/32.png" /></div>
<div class="n4">
<a class="title">新 概 念 健 身</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
244.4万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
5.0万
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
花少北丶
</span></a>
</div>
<div class="box2">
<div class="fs">60221</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">99</div>
<div class="img"><img src="im/30.png" /></div>
<div class="n4">
<a class="title">中美竞争的脚本：中国是市场经济，美国是计划经济？！</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
55.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2122
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python_子木
</span></a>
</div>
<div class="box2">
<div class="fs">58221</div>
综合得分
</div>
</div>
</div>
<div class="n3">
<div class="num">100</div>
<div class="img"><img src="im/10.png" /></div>
<div class="n4">
<a class="title">【毕导】大学如何不虚度？清华辅导员的50条真诚建议</a>
<div class="box">
<span class="date-box">
<i class="icon ion-play"></i>
45.1万
</span>
<span class="date-box">
<i class="icon ion-clipboard"></i>
2322
</span>
<a><span class="date-box">
<i class="icon ion-person"></i>
Python
</span></a>
</div>
<div class="box2">
<div class="fs">45221</div>
综合得分
</div>
</div>
</div>
</div></div>
<!-- 底部 -->
<div title="返回顶部" class="ding"><a href="#"><img src="img/chevron-up.png"></a></div>
<div class="d">
<img src="img/d4.png" />
</div>
<div class="d1">
<div class="d2">
<img src="img/dibu.png" />
</div>
</div>
</body>
</html>
底部没做
*{
margin: 0;
padding: 0;
}
.header{
width: 100%;
height: 155px;
background-image:url(../img/55.png);
margin: 0 auto;
position: relative;
z-index: 0;
min-height: 155px;
min-width: 999px;
background-color: #f9f9f9;
display: flex;
justify-content: center;
background-repeat: no-repeat;
background-position: center 0;
background-size: cover;
}
ul{
height: 100px;
position: relative;
top: 0;
display: flex;
justify-content: center;
list-style-type: none;
overflow: hidden;
}
.zz a{
position: relative;
top: -4px;
}
li a{
display: block;
color: white;
text-align: center;
padding: 15px 8px;
text-decoration: none;
font-size: 15px;
}
li img{
width: 20px;
height: 20px;
transform: translateY(5px)
}
.user img{
width: 30px;
height: 30px;
border-radius: 50%;
position: relative;
top: -10px;
}
.da{
position: relative;
}
.bili-vip{
height: 30px;
width: 20px;
border-radius: 5px;
background-color:white;
position: absolute;
display: none;
}
.da:hover .bili-vip{
display: block;
}
.search input[type=text] {
width: 250px;
padding: 5px;
border: none;
margin-top: 2px;
margin-left: 30px;
margin-right: 30px;
font-size: 10px;
}
.search input[type=text] {
border: 1px solid #ccc;
}
.i2{
background-color: #E7E7E7;
width: 30px;
height: 25px;
transform: translateX(262px) translateY(-25.5px);
}
.tou{
width: 100px;
height: 36px;
margin: 15 auto;
margin-top: 10px;
background-color: #FB7299;
transform: translateX(30px);
}
.tou a{
line-height: 8px;
position: relative;
top: -2px;
left: -15px;
}
/* 分类 */
.f1{
position: relative;
width: 1060px;
height: 110px;
margin: 0 auto;
display: flex;
border-bottom: solid 1px #EEEEEE;
}
.f11 a{
text-decoration: none;
font-size: 10px;
color: #000000;
position: relative;
}
.f11 img{
position: relative;
margin-right: -16px;
top: -23px;
right: -14px;
}
.f11-l{
position: relative;
bottom: -33px;
height: 50px;
border-right: 1px solid #e7e7e7;
}
.f11{
width: 280px;
height: 110px;
}
.f11 img{
margin-top: 20px;
}
.daohanglan-item-2{
height: 80px;
width: 680px;
display: flex;
justify-content: space-between;
flex-flow: row wrap;
align-items: center;
margin-left: 10px;
margin-bottom: 5px;
}
.daohanglan-item-2-a{
width: 75px;
font-size: 13px;
position: relative;
bottom: -15px;
}
.daohanglan-item-2-a > div > span{
font-size: 12px;
color: rgb(255,255,255);
background-color: rgb(115,201,229);
border-radius: 3px;
}
.f{
position: relative;
bottom: -25px;
height: 50px;
border-right: 1px solid #e7e7e7;
}
.f13{
width: 190px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 68px;
margin-top: 25px;
}
.x1{
height: 34px;
display: flex;
font-size: 15px;
}
span{
margin-left: 4px;
}
.x1:hover{
color: #2196F3;
}
.x2 i{
color: #00A1D6;
}
.x3 i{
color: #00A1D6;
}
.x4 i{
color: #F39800;
}
.x5 i{
color: #F39800;
}
.x6 i{
color: #F39800;
}
.x7 i{
color: #00A1D6;
}
.f2{
position: relative;
width: 1060px;
height: 50px;
margin: 0 auto;
display: flex;
justify-content: center;
position: relative;
transform: translateX(20px);
margin-top: 25px;
font-size: 15px;
}
.f2 img{
width: 20px;
height: 20px;
margin-top: 2px;
transform: translateY(5px);
}
.f2 a{
text-decoration: none;
color: #000000;
}
.f21{
text-align: center;
width: 130px;
color: #00A1D6;
border-bottom:solid 2px #00A1D6;
transform: translateX(-120px);
}
.f21 a{
color: #00A1D6;
}
.f22{
text-align: center;
width: 130px;
transform: translateX(-60px);
}
.f23{
text-align: center;
width: 130px;
}
.f24{
text-align: center;
width: 130px;
transform: translateX(60px);
}
.f25{
text-align: center;
width: 130px;
transform: translateX(120px);
}
.f3{
position: relative;
width: 1060px;
height: 40px;
margin: 0 auto;
background-color: #EDF2F9;
border-radius: 5px;
display: flex;
font-size: 15px;
}
.i1{
display: inline-block;
margin-top: 10px;
margin-left: 10px;
margin-right: 2px;
text-align: center;
}
.x1 a{
text-decoration: none;
color: #000000;
}
.f3 a{
text-decoration: none;
color: #000000;
}
.b1 a{
color: #00A1D6;
}
/* 定位下拉内容 */
.right {
position: relative;
display: inline-block;
right: 0;
}
.dropbtn {
background-color: white;
color: black;
padding: 4px;
font-size: 10px;
border: none;
cursor: pointer;
border-radius: 5px;
transform: translateX(270px);
}
/* 下拉内容 (默认隐藏) */
.dropdown-content {
display: none;
position: absolute;
right: 0;
background-color: #f9f9f9;
width:100%;
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
z-index: 1;
transform: translateX(270px);
}
/* 下拉菜单的链接 */
.dropdown-content a {
color: black;
text-decoration: none;
display: block;
font-size: 10px;
}
/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content a:hover {background-color: #f1f1f1}
/* 在鼠标移上去后显示下拉菜单 */
.right:hover .dropdown-content {
display: block;
}
.t1{
width: 1060px;
height: 30px;
margin: 0 auto;
background-color: #EDF2F9;
border-radius: 5px;
transform: translateY(15px);
}
.t1 a{
font-size: 10px;
}
.t1 img{
margin-top: 5px;
margin-left: 10px;
width: 18px;
height: 18px;
transform: translateY(4px);
}
.n1 a{
text-decoration: none;
}
.n1{
position: relative;
width: 1060px;
margin:0 auto;
border-radius: 5px;
margin-top: 15px;
}
.n2{
position: relative;
width: 1060px;
height: 100px;
margin-top: 30px;
border-bottom: solid 1px #EEEEEE;
}
.n2:hover{
box-shadow: 1px 3px 3px 2px rgba(0,0,0,0.2);
}
.num{
position: relative;
width: 70px;
height: 70px;
top: 15px;
left: 0;
line-height: 70px;
text-align: center;
font-size: 36px;
font-weight: 700;
color: #b8c0cc;
font-family: simhei;
}
.img{
position: relative;
width: 114px;
height: 70px;
transform: translateY(-55px) translateX(90px);
display: inline-block;
}
.img img{
display: block;
border-radius: 4px;
}
.n4{
width: 870px;
padding-bottom: 20px;
margin-left: 130px;
height: 70px;
position: relative;
display: block;
transform: translateX(80px) translateY(-130px);
}
.title{
height: 20px;
line-height: 20px;
font-weight: 700;
font-size: 14px;
color: #222;
display: inline-block;
}
.title:hover{
color: #2196F3;
}
.box{
margin-top: 20px;
color: #99a2aa;
}
.date-box{
width: 80px;
margin-right: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 14px;
}
.box2{
height: 20px;
color: #b8c0cc;
line-height: 20px;
position: absolute;
bottom: 40px;
right: 20px;
text-align: center;
font-size: 14px;
}
.fs{
color: #00a1d6;
font-weight: 700px;
font-size: 16px;
margin-bottom: 12px;
}
.date-box:hover{
color: #2196F3;
}
.n3{
width: 1060px;
height: 100px;
border-bottom: solid 1px #EEEEEE;
}
.n3:hover{
box-shadow: 1px 3px 3px 2px rgba(0,0,0,0.2);
}
.ding{
position: fixed;
top: 85%;
right: 90px;
width: 40px;
height: 40px;
background-color: #F6F9FA;
border: 1px solid #e5e9ef;
border-radius: 3px;
}
.ding img{
width: 100%;
height: 100%;
}
.ding:hover{
background-color: #00A1D6;
}
.d{
width: 1060px;
height: 90px;
margin: 20px auto;
border-radius: 5px;
}
.d1{
width: 100%;
height: 390px;
margin-top: 20px;
background-color:#F6F9FA;
}
.d2{
width: 1060px;
margin: 0 auto;
}
有些要图片的你们自己对着找吧
扫一扫
521
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
