北大青鸟第十五章蘑菇视频案例

这篇具有很好参考价值的文章主要介绍了北大青鸟第十五章蘑菇视频案例。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>蘑菇视频</title>
		<meta name="description" content="国内知名的视频弹幕网站,这里有最及时的动漫新番,最棒的ACG氛围,最有创意的Up主。大家可以在这里找到许多欢乐。">
		<meta name="keywords" content="弹幕,字幕,AMV,MAD,MTV,ANIME,动漫,动漫音乐,游戏,游戏解说,ACG,galgame,动画,番组,新番,初音,洛天依,vocaloid">
		<link rel="shortcut icon" href="images/favicon.ico">
		<link href="css/reset.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	</head>
	<body>
		<div class="topcontainer"><!-- 头部开始 -->
			<div class="topbar"><!-- topbar部分开始 -->
				<div class="topmain wrapper-min clearFix">
					<div class="topnav fl"><!-- 头部左侧导航开始 -->
						<ul>
							<li class="home">
								<a href="#" class="t-links">主站</a>
							</li>
							<li>
								<a href="#" class="t-links">番剧</a>
							</li>
							<li>
								<a href="#" class="t-links">游戏中心</a>
							</li>
							<li>
								<a href="#" class="t-links">直播</a>
							</li>
							<li>
								<a href="#" class="t-links">会员购</a>
							</li>
							<li>
								<a href="#" class="t-links">漫画</a>
							</li>
							<li>
								<a href="#" class="t-links">赛事</a>
							</li>
							<li>
								<a href="#" class="t-links">下载APP</a>
							</li>
						</ul>

					</div><!-- 头部左侧导航结束 -->
					<div class="search fl"><!-- 右侧搜索框部分开始 -->
						<form class="searchform">
							<input class="search-box" type="text" name="" placeholder="开学(x)继续睡觉(√)" />
							<button class="submit fl"></button>
						</form>

					</div><!-- 右侧搜索框部分结束 -->
					<div class="topright fr">
						<ul>
							<li>
								<a href="#" class="t-links">大会员</a>
							</li>
							<li>
								<a href="#" class="t-links">消息</a>
							</li>
							<li>
								<a href="#" class="t-links">动态</a>
							</li>
							<li>
								<a href="#" class="t-links">收藏</a>
							</li>
							<li>
								<a href="#" class="t-links">历史记录</a>
							</li>
							<li>
								<a href="#" class="t-links">创作中心</a>
							</li>

							<li class="post">
								<a href="#">投稿</a>
							</li>
						</ul>
					</div>
				</div>
			</div><!-- topbar部分结束 -->

		</div><!-- 头部结束 -->
		<div class="main-container">
			<div class="main wrapper"><!-- 页面主体部分开始 -->
				<div class="nav"><!-- 主导航部分开始 -->
					<ul class="clearFix">
						<li class="nav-item home">
							<a class="nav-link" href="#">
								<div class="nav-name">主页</div>
							</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">500</span>
								</div>
								<div class="nav-name">动画</div>
							</a>
							<ul class="sub-nav">
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>MAD·AMV</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>MMD·3D</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>短片·手书·配音</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>综合</span>
										<i class="arrow"></i>
									</a>
								</li>
							</ul>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">60</span>
								</div>
								<div class="nav-name">番剧</div>
							</a>
							<ul class="sub-nav">
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>连载动画</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>完结动画</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>资讯</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>官方延伸</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>新番时间表</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>番剧索引</span>
										<i class="arrow"></i>
									</a>
								</li>
							</ul>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">46</span>
								</div>
								<div class="nav-name">国创</div>
							</a>
							<ul class="sub-nav">
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>国产动画</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>国产原创相关</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>布袋戏</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>资讯</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>新番时间表</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>国产动画索引</span>
										<i class="arrow"></i>
									</a>
								</li>
							</ul>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">898</span>
								</div>
								<div class="nav-name">音乐</div>
							</a>
							<ul class="sub-nav">
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>原创音乐</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>翻唱</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>VOCALOID·UTAU</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>演奏</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>三次元音乐</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>OP/ED/OST</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>音乐选集</span>
										<i class="arrow"></i>
									</a>
								</li>
							</ul>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">120</span>
								</div>
								<div class="nav-name">舞蹈</div>
							</a>
							<ul class="sub-nav">
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>宅舞</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>三次元舞蹈</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>舞蹈教程</span>
										<i class="arrow"></i>
									</a>
								</li>
							</ul>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">999+</span>
								</div>
								<div class="nav-name">游戏</div>
							</a>
							<ul class="sub-nav">
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>单机游戏</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>电子游戏</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>手机游戏</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>网络游戏</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>桌游棋牌</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>GMV</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>音游</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>Mugen</span>
										<i class="arrow"></i>
									</a>
								</li>

							</ul>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">699</span>
								</div>
								<div class="nav-name">科技</div>
							</a>
							<ul class="sub-nav">
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>纪录片</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>趣味科普人文</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>野生技术协会</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>演讲·公开课</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>星海</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>数码</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>机械</span>
										<i class="arrow"></i>
									</a>
								</li>
							</ul>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">999+</span>
								</div>
								<div class="nav-name">生活</div>
							</a>
							<ul class="sub-nav">
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>搞笑</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>日常</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>美食圈</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>动物圈</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>手工</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>绘画</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>运动</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>其他</span>
										<i class="arrow"></i>
									</a>
								</li>
							</ul>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">51</span>
								</div>
								<div class="nav-name">鬼畜</div>
							</a>
							<ul class="sub-nav">
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>鬼畜调教</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>MAD</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>人力VOCALOID</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>教程演示</span>
										<i class="arrow"></i>
									</a>
								</li>
							</ul>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">294</span>
								</div>
								<div class="nav-name">时尚</div>
							</a>
							<ul class="sub-nav">
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>美妆</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>服饰</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>健身</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>资讯</span>
										<i class="arrow"></i>
									</a>
								</li>
							</ul>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">62</span>
								</div>
								<div class="nav-name">广告</div>
							</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">903</span>
								</div>
								<div class="nav-name">娱乐</div>
							</a>
							<ul class="sub-nav">
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>综艺</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>明星</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>Korea相关</span>
										<i class="arrow"></i>
									</a>
								</li>
							</ul>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">
								<div class="num-wrap">
									<span class="num">339</span>
								</div>
								<div class="nav-name">影视</div>
							</a>
							<ul class="sub-nav">
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>电影</span>
										<i class="arrow"></i>
									</a>
								</li>
								<li class="sub-nav-item">
									<a class="sub-nav-link" href="#">
										<span>电视剧</span>
										<i class="arrow"></i>
									</a>
								</li>
							</ul>
						</li>
						<li class="nav-item side-nav nav-square">
							<a class="side-link" href="#">
								<i class="square"></i>
								<span>广场</span>
							</a>
							<div class="sub-nav square-wrap">
								<ul>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="icon icon-activity"></i>
											<span>活动中心</span>
										</a>
									</li>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="icon icon-game"></i>
											<span>游戏中心</span>
										</a>
									</li>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="icon icon-news"></i>
											<span>新闻中心</span>
										</a>
									</li>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="icon icon-hy"></i>
											<span>画友</span>
										</a>
									</li>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="icon icon-mango"></i>
											<span>芒果TV</span>
										</a>
									</li>
								</ul>
								<div class="square-field">
									<div class="square-pmt-item">
										<a href="#" target="_blank" title="bilibili 活动">
											<div class="lazy-img">
												<img alt="" src="images/480w_168h.webp">
											</div>
										</a>
									</div>
									<div class="square-pmt-item">
										<a href="#" target="_blank" title="话题列表">
											<div class="lazy-img">
												<img alt="" src="images/480w_168h02.webp">
											</div>
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="nav-item side-nav nav-square">
							<a class="side-link" href="#">
								<i class="live"></i>
								<span>直播</span>
							</a>
							<div class="sub-nav nav-live">
								<ul class="fl">
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="arrow"></i>
											<span>推荐主播</span>
										</a>
									</li>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="arrow"></i>
											<span>生活娱乐</span>
										</a>
									</li>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="arrow"></i>
											<span>绘画专区</span>
										</a>
									</li>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="arrow"></i>
											<span>唱见舞见</span>
										</a>
									</li>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="arrow"></i>
											<span>御宅文化</span>
										</a>
									</li>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="arrow"></i>
											<span>单机联机</span>
										</a>
									</li>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="arrow"></i>
											<span>网络游戏</span>
										</a>
									</li>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="arrow"></i>
											<span>电子竞技</span>
										</a>
									</li>
									<li class="sub-nav-item">
										<a href="" class="sub-nav-link">
											<i class="arrow"></i>
											<span>手游直播</span>
										</a>
									</li>
								</ul>
								<div class="live-field fl">
									<a target="_blank" href="#" class="pic">
										<img src="images/wh2.b3a4614.png" alt="有文画">
									</a>
									<a target="_blank" href="//vc.bilibili.com" class="pic">
										<img src="images/sp2.61d42f1.png" alt="小视频">
									</a>
								</div>
								<div class="square-field"></div>
							</div>
						</li>
						<li class="nav-item side-nav nav-square">
							<a class="side-link" href="#">
								<i class="blackroom"></i>
								<span>小黑屋</span>
							</a>
						</li>
					</ul>
					<div class="gif-menu nav-gif">
						<a href="#" target="_blank" title="熊猫" class="random-p">
							<img src="images/gif.gif" alt="">
						</a>
					</div>
				</div><!-- 主导航部分结束 -->
				<div class="topbox clearFix"><!-- 顶部轮播图部分开始 -->
					<div class="slidebox banner fl">
						<ul class="img clearFix">
							<li>
								<a href="#">
									<img src="images/01.webp" alt="">
								</a>
								<a class="slide-title" href="#">更新活动介绍!</a>
							</li>
							<li>
								<a href="#">
									<img src="images/02.webp" alt="">
								</a>
								<a class="slide-title" href="#">《碧蓝航线》全新活动开启</a>
							</li>
							<li>
								<a href="#">
									<img src="images/03.webp" alt="">
								</a>
								<a class="slide-title" href="#">夏天到了,变可爱魔法~</a>
							</li>
							<li>
								<a href="#">
									<img src="images/04.webp" alt="">
								</a>
								<a class="slide-title" href="#">收膝盖时间到~</a>
							</li>
							<li>
								<a href="#">
									<img src="images/05.webp" alt="">
								</a>
								<a class="slide-title" href="#">上影节特辑2!还有抽奖哦!</a>
							</li>
						</ul>
						<a class="more-text">更多 &gt;</a>
						<ul class="num" id="ppq">
						</ul>
					</div>
					<div class="r-topbox fl">
						<ul class="r-t-list clearFix">
							<li>
								<a href="#" title="【第9回东方NICO童祭】暁Records / 秘封俱乐部【东方PV】">
									<div class="lasy-img">
										<img src="images/r-t-list01.webp" alt="【第9回东方NICO童祭】暁Records / 秘封俱乐部【东方PV】">
									</div>
									<div class="card-mark">
										<p class="title">【第9回东方NICO童祭】暁Records / 秘封俱乐部【东方PV</p>
										<p class="author">up主:伊吹小秋</p>
										<p class="play">播放:3.2</p>
									</div>
								</a>
								<div class="later-icon"></div>
							</li>
							<li>
								<a href="#" title="【宅语异闻录】从圈地自萌到大众二次元,脱宅离我们有多远?">
									<div class="lasy-img">
										<img src="images/r-t-list02.webp" alt="【宅语异闻录】从圈地自萌到大众二次元,脱宅离我们有多远?">
									</div>
									<div class="card-mark">
										<p class="title">【宅语异闻录】从圈地自萌到大众二次元,脱宅离我们有多远?</p>
										<p class="author">up主:尕丶天堂</p>
										<p class="play">播放:9.4</p>
									</div>
								</a>
								<div class="later-icon"></div>
							</li>
							<li>
								<a href="#" title="【凹凸世界手书】MAD HEAD LOVE【安雷】">
									<div class="lasy-img">
										<img src="images/r-t-list03.webp" alt="【凹凸世界手书】MAD HEAD LOVE【安雷】">
									</div>
									<div class="card-mark">
										<p class="title">【凹凸世界手书】MAD HEAD LOVE【安雷】</p>
										<p class="author">up主:濑见驰</p>
										<p class="play">播放:2.5</p>
									</div>
								</a>
								<div class="later-icon"></div>
							</li>
							<li>
								<a href="#" title="【嘉瑞】妄想感傷代償連盟">
									<div class="lasy-img">
										<img src="images/r-t-list04.webp" alt="【嘉瑞】妄想感傷代償連盟">
									</div>
									<div class="card-mark">
										<p class="title">【嘉瑞】妄想感傷代償連盟</p>
										<p class="author">up主:灼熱射線</p>
										<p class="play">播放:8752</p>
									</div>
								</a>
								<div class="later-icon"></div>
							</li>
							<li>
								<a href="#" title="【碧蓝航线MMD/60帧】新来的 来给提督跳个桃园恋歌">
									<div class="lasy-img">
										<img src="images/r-t-list05.webp" alt="【碧蓝航线MMD/60帧】新来的 来给提督跳个桃园恋歌">
									</div>
									<div class="card-mark">
										<p class="title">【碧蓝航线MMD/60帧】新来的 来给提督跳个桃园恋歌</p>
										<p class="author">up主:菌冷</p>
										<p class="play">播放:5.8</p>
									</div>
								</a>
								<div class="later-icon"></div>
							</li>
							<li>
								<a href="#" title="【兄贵】埃罗芒♂啊老师ED">
									<div class="lasy-img">
										<img src="images/r-t-list06.webp" alt="【兄贵】埃罗芒♂啊老师ED">
									</div>
									<div class="card-mark">
										<p class="title">【兄贵】埃罗芒♂啊老师ED</p>
										<p class="author">up主:工口咖啡师</p>
										<p class="play">播放:12.7</p>
									</div>
								</a>
								<div class="later-icon"></div>
							</li>
						</ul>
					</div>
				</div><!-- 顶部轮播图部分结束 -->
				<div class="popular clearFix"><!-- 推广部分开始 -->
					<div class="l-con"><!-- 推广左边部分开始 -->
						<div class="headline clearFix">
							<i class="icon icon_t icon-promote"></i><span class="name">推广</span>
							<a href="#" target="_blank" class="fire">来来来!跟着BDF学地理看风景啦</a>
						</div>
						<div class="pro-list"><!-- 推广列表部分开始 -->
							<div class="pro-item">
								<a href="#">
									<div class="pic">
										<div class="lasy-img">
											<img src="images/pro-list01.webp" alt="【天谕/全职业萝莉】和萝莉一起玩耍才是正经事">
										</div>
										<div class="mask-video"></div>
										<span class="dur">04:59</span>
										<img src="images/cm_1.b0dd15f.png" class="gg-pic">
										<div class="later-icon"></div>
									</div>
									<p title="【天谕/全职业萝莉】和萝莉一起玩耍才是正经事" class="t">【天谕/全职业萝莉】和萝莉一起玩耍才是正经事</p>
								</a>
							</div>
							<div class="pro-item">
								<a href="#">
									<div class="pic">
										<div class="lasy-img">
											<img src="images/pro-list02.webp" alt="进去随便跑跑就能让人心旷神怡的赛车游戏,风景美不胜收">
										</div>
										<div class="mask-video"></div>
										<span class="dur">04:00</span>
										<div class="later-icon"></div>
									</div>
									<p title="进去随便跑跑就能让人心旷神怡的赛车游戏,风景美不胜收" class="t">进去随便跑跑就能让人心旷神怡的赛车游戏,风景美不胜收</p>
								</a>
							</div>
							<div class="pro-item">
								<a href="#">
									<div class="pic">
										<div class="lasy-img">
											<img src="images/pro-list03.webp" alt="【芜湖大司马单曲】你若成皮">
										</div>
										<div class="mask-video"></div>
										<span class="dur">03:14</span>
										<div class="later-icon"></div>
									</div>
									<p title="【芜湖大司马单曲】你若成皮" class="t">【芜湖大司马单曲】你若成皮</p>
								</a>
							</div>
							<div class="pro-item">
								<a href="#">
									<div class="pic">
										<div class="lasy-img">
											<img src="images/pro-list04.webp" alt="【第9回东方NICO童祭】暁Records / 秘封俱乐部【东方PV】">
										</div>
										<div class="mask-video"></div>
										<span class="dur">04:19</span>
										<div class="later-icon"></div>
									</div>
									<p title="【第9回东方NICO童祭】暁Records / 秘封俱乐部【东方PV】" class="t">【第9回东方NICO童祭】暁Records /
										秘封俱乐部【东方PV</p>
								</a>
							</div>
						</div><!-- 推广列表部分结束 -->
					</div><!-- 推广左边部分结束 -->
					<div class="r-con"><!-- 推广右边部分开始 -->
						<div class="online">
							<a href="#" title="在线观看:966409">观看列表</a>
						</div>
						<div class="adpos">
							<a href="">
								<div class="lasy-img">
									<img src="images/pro-list05.webp" alt="八周年生日祭,献上游戏福利">
								</div>
							</a>
						</div>
					</div><!-- 推广右边部分结束 -->
				</div><!-- 推广部分结束 -->
				<div id="live" class="zone-wrap clearFix"><!-- 直播部分开始 -->
					<div class="live-con clearFix">
						<div class="gg-floor"><!-- 直播顶部广告开始 -->
							<a href="#">
								<img src="images/ad-banner01.webp">
							</a>
						</div><!-- 直播顶部广告结束 -->
						<div class="l-con"><!-- 直播左侧部分开始 -->
							<div class="zone-title"><!-- 标题区域开始 -->
								<div class="headline clearFix">
									<i class="icon icon_t icon-live"></i>
									<a href="#" class="name">正在直播</a>
									<p class="online">当前共有<span>4544</span>个在线直播</p>
									<a href="#" class="link-more">更多
										<i class="icon"></i>
									</a>
									<div class="read-push">
										<i class="icon icon_read"></i>
										<span class="info">
											换一换
										</span>
									</div>
								</div>
							</div><!-- 标题区域结束 -->
							<div class="list-box"><!-- 直播列表部分开始 -->
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="唱歌唱歌!(  ω`)" src="images/live-list01.webp">
											</div>
											<span class="type">唱见舞见</span>
											<div class="mask">
												<div class="lazy-img face">
													<img alt="" src="images/live-avatar01.webp">
												</div>
												<span class="onair">
													<i></i>Live
												</span>
											</div>
										</div>
										<p title="唱歌唱歌!(  ω`)" class="t">唱歌唱歌!( ω`)</p>
										<p class="num">
											<span class="auther">
												<i class="icon"></i>sakamakiryoryo
											</span>
											<span class="online">
												<i class="icon"></i>1.0</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【坂本】射豹" src="images/live-list02.webp">
											</div>
											<span class="type">单机联机</span>
											<div class="mask">
												<div class="lazy-img face">
													<img alt="" src="images/live-avatar02.webp">
												</div>
												<span class="onair">
													<i></i>Live
												</span>
											</div>
										</div>
										<p title="【坂本】射豹" class="t">【坂本】射豹</p>
										<p class="num">
											<span class="auther">
												<i class="icon"></i>坂本叔
											</span>
											<span class="online">
												<i class="icon"></i>2.8</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="自定义时间!【绝地求生大逃杀】" src="images/live-list03.webp">
											</div>
											<span class="type">单机联机</span>
											<div class="mask">
												<div class="lazy-img face">
													<img alt="" src="images/live-avatar03.webp">
												</div>
												<span class="onair">
													<i></i>Live
												</span>
											</div>
										</div>
										<p title="自定义时间!【绝地求生大逃杀】" class="t">自定义时间!【绝地求生大逃杀】</p>
										<p class="num">
											<span class="auther">
												<i class="icon"></i>铃花
											</span>
											<span class="online">
												<i class="icon"></i>249
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="我也算个声优暖吧" src="images/live-list04.webp">
											</div>
											<span class="type">电子竞技</span>
											<div class="mask">
												<div class="lazy-img face">
													<img alt="" src="images/live-avatar04.webp">
												</div>
												<span class="onair">
													<i></i>Live
												</span>
											</div>
										</div>
										<p title="我也算个声优暖吧" class="t">我也算个声优暖吧</p>
										<p class="num">
											<span class="auther">
												<i class="icon"></i>苏暖小污婆
											</span>
											<span class="online">
												<i class="icon"></i>1.4</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="突然出现 ヽ(`Д´)ノ" src="images/live-list05.webp">
											</div>
											<span class="type">唱见舞见</span>
											<div class="mask">
												<div class="lazy-img face">
													<img alt="" src="images/live-avatar05.webp">
												</div>
												<span class="onair">
													<i></i>Live
												</span>
											</div>
										</div>
										<p title="突然出现 ヽ(`Д´)ノ" class="t">突然出现 (`Д´)</p>
										<p class="num">
											<span class="auther">
												<i class="icon"></i>wuli浅浅
											</span>
											<span class="online">
												<i class="icon"></i>1197
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="赛季末的最后咸鱼挣扎" src="images/live-list06.webp">
											</div>
											<span class="type">生活娱乐</span>
											<div class="mask">
												<div class="lazy-img face">
													<img alt="" src="images/live-avatar06.webp">
												</div>
												<span class="onair">
													<i></i>Live
												</span>
											</div>
										</div>
										<p title="赛季末的最后咸鱼挣扎" class="t">赛季末的最后咸鱼挣扎</p>
										<p class="num">
											<span class="auther">
												<i class="icon"></i>良太也想要
											</span>
											<span class="online">
												<i class="icon"></i>1904
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="守望先锋B站最强安娜" src="images/live-list07.webp">
											</div>
											<span class="type">网络游戏</span>
											<div class="mask">
												<div class="lazy-img face">
													<img alt="" src="images/live-avatar07.webp">
												</div>
												<span class="onair">
													<i></i>Live
												</span>
											</div>
										</div>
										<p title="守望先锋B站最强安娜" class="t">守望先锋B站最强安娜</p>
										<p class="num">
											<span class="auther">
												<i class="icon"></i>瞬间爆炸型LowSing
											</span>
											<span class="online">
												<i class="icon"></i>3685
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="超aSMr日语娇吟=99壁咚/10超级咚❤圣地巡游" src="images/live-list08.webp">
											</div>
											<span class="type">网络游戏</span>
											<div class="mask">
												<div class="lazy-img face">
													<img alt="" src="images/live-avatar08.gif">
												</div>
												<span class="onair">
													<i></i>Live
												</span>
											</div>
										</div>
										<p title="超aSMr日语娇吟=99壁咚/10超级咚❤圣地巡游" class="t">超aSMr日语娇吟=99壁咚/10超级咚❤圣地巡游</p>
										<p class="num">
											<span class="auther">
												<i class="icon"></i>遥か~
											</span>
											<span class="online">
												<i class="icon"></i>486
											</span>
										</p>
									</a>
								</div>
							</div><!-- 直播列表部分结束 -->
						</div><!-- 直播左侧部分结束 -->
						<div class="r-con"><!-- 直播右侧部分开始 -->
							<div class="tabs">
								<div class="bili-tab-item on">直播排行</div>
								<div class="bili-tab-item">关注的主播</div>
								<div class="bili-tab-item">为你推荐</div>
							</div>
							<div class="tab-box"><!-- 选项卡盒子开始 -->
								<div class="tab-con">
									<div class="tab-item rank on"><!-- 直播排行开始 -->
										<div class="r-item">
											<span class="number">1</span>
											<a href="#" class="preview">
												<div class="lazy-img">
													<img alt="" src="images/live-rank01.webp">
												</div>
											</a>
											<a href="#">
												<div class="r-i">
													<p class="r-i-t">
														<span class="u-name">淳色</span> <span class="u-online">
															<i></i> <em>6.1</em>
														</span>
													</p>
													<div title="【荣耀一吹】牙不疼了,嘴巴交流" class="r-i-st">【荣耀一吹】牙不疼了,嘴巴交流</div>
												</div>
											</a>
										</div>
										<div class="r-item">
											<span class="number">2</span>
											<a href="#" class="preview">
												<div class="lazy-img">
													<img alt="" src="images/live-rank02.webp">
												</div>
											</a>
											<a href="#">
												<div class="r-i">
													<p class="r-i-t">
														<span class="u-name">坂本叔</span> <span class="u-online">
															<i></i> <em>2.8</em>
														</span>
													</p>
													<div title="【坂本】射豹" class="r-i-st">【坂本】射豹</div>
												</div>
											</a>
										</div>
										<div class="r-item">
											<span class="number">3</span>
											<a href="#" class="preview">
												<div class="lazy-img">
													<img alt="" src="images/live-rank03.gif">
												</div>
											</a>
											<a href="#">
												<div class="r-i">
													<p class="r-i-t">
														<span class="u-name">心暖西瓜君</span> <span class="u-online">
															<i></i> <em>2.6</em>
														</span>
													</p>
													<div title="心暖:B站气人主播,最后一天带皮直播" class="r-i-st">心暖:B站气人主播,最后一天带皮直播
													</div>
												</div>
											</a>
										</div>
										<div class="r-item">
											<span class="number">4</span>
											<a href="#" class="preview">
												<div class="lazy-img">
													<img alt="" src="images/live-rank04.webp">
												</div>
											</a>
											<a href="#">
												<div class="r-i">
													<p class="r-i-t">
														<span class="u-name">黑桐谷歌</span> <span class="u-online">
															<i></i> <em>2.0</em>
														</span>
													</p>
													<div title="地平线 黎明时分 hard一周目" class="r-i-st">地平线 黎明时分 hard一周目</div>
												</div>
											</a>
										</div>
										<div class="r-item">
											<span class="number">5</span>
											<a href="#" class="preview">
												<div class="lazy-img">
													<img alt="" src="images/live-rank05.webp">
												</div>
											</a>
											<a href="#">
												<div class="r-i">
													<p class="r-i-t">
														<span class="u-name">神奇陆夫人</span> <span class="u-online">
															<i></i> <em>2.3</em>
														</span>
													</p>
													<div title="英雄萨姆" class="r-i-st">英雄萨姆</div>
												</div>
											</a>
										</div>
										<div class="r-item">
											<span class="number">6</span>
											<a href="#" class="preview">
												<div class="lazy-img">
													<img alt="" src="images/live-rank06.webp">
												</div>
											</a>
											<a href="#">
												<div class="r-i">
													<p class="r-i-t">
														<span class="u-name">两仪滚</span> <span class="u-online">
															<i></i> <em>1.8</em>
														</span>
													</p>
													<div title="【滚】狼人杀" class="r-i-st">【滚】狼人杀</div>
												</div>
											</a>
										</div>
									</div><!-- 直播排行结束 -->
									<div class="tab-item">
										<div class="load-state">
											<span class="empty">没有数据(-_-#)</span>
										</div>
									</div>
									<div class="tab-item tuijian"><!-- 为你推荐部分开始 -->
										<div class="slider-box">
											<div class="carousel-module slider" id="wzry">
												<div class="panel">
													<ul class="pic" style="width: 300%; margin-left: 0;">
														<li class="scrollx on">
															<a href="#">
																<div class="lazy-img">
																	<img alt="" src="images/live-slide01.webp">
																</div>
															</a>
														</li>
														<li class="scrollx off">
															<a href="#">
																<div class="lazy-img">
																	<img alt="" src="images/live-slide02.webp">
																</div>
															</a>
														</li>
														<li class="scrollx off">
															<a href="#">
																<div class="lazy-img">
																	<img alt="" src="images/live-slide03.webp">
																</div>
															</a>
														</li>
													</ul>
													<ul class="title">
														<a href="#" class="on">最新活动上线,神秘组织出现?</a>
														<a href="#" class="">直播12个挑战节目,就等你啦</a>
														<a href="#" class="">拍摄小视频 领取b坷垃</a>
													</ul>
													<ul class="trig">
														<span class="on"></span>
														<span class=""></span>
														<span class=""></span>
													</ul>
												</div>
											</div>
										</div>
										<div class="anchor clearFix">
											<a href="#" class="pic fl">
												<img src="images/wh.e47004e.png" alt="有文画">
											</a>
											<a href="#" class="pic fr">
												<img src="images/sp.b4bc4ee.png" alt="小视频">
											</a>
										</div>
									</div><!-- 为你推荐部分结束 -->
								</div>
							</div><!-- 选项卡盒子结束 -->
						</div><!-- 直播右侧部分结束 -->
					</div>
				</div><!-- 直播部分结束 -->
				<div id="douga" class="zone-wrap clearFix"><!-- 动画部分开始 -->
					<div class="l-con"><!-- 动画左侧部分开始 -->
						<div class="zone-title"><!-- 标题区域开始 -->
							<div class="headline clearFix">
								<i class="icon icon_t icon-douga"></i>
								<a href="#" class="name">动画</a>
								<a href="#" class="link-more">更多
									<i class="icon"></i>
								</a>
								<div class="read-push">
									<i class="icon icon_read"></i>
									<span class="info">
										换一换
									</span>
								</div>
							</div>
						</div><!-- 标题区域结束 -->
						<div class="tab-content">
							<div class="list-box active"><!-- 动画列表部分开始 -->
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【笑抽】日漫角色飙中文是什么感觉?(不是空耳)【盘点向】" src="images/dh-list01.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">07:27</span>
											<div class="later-icon"></div>
										</div>
										<p title="【笑抽】日漫角色飙中文是什么感觉?(不是空耳)【盘点向】" class="t">【笑抽】日漫角色飙中文是什么感觉?(不是空耳)【盘点向】
										</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>7.2</span>
											<span class="danmu">
												<i class="icon"></i>2272
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="那年那兔催泪弹【重置版】那年那兔那些事儿催泪合集" src="images/dh-list02.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">17:54</span>
											<div class="later-icon"></div>
										</div>
										<p title="那年那兔催泪弹【重置版】那年那兔那些事儿催泪合集" class="t">那年那兔催泪弹【重置版】那年那兔那些事儿催泪合集</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>16.2</span>
											<span class="danmu">
												<i class="icon"></i>5738
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【诚实吐槽】唐僧用飘柔,悟空会焗油,十分钟带你看完这部另类版西游记"
													src="images/dh-list03.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">11:59</span>
											<div class="later-icon"></div>
										</div>
										<p title="【诚实吐槽】唐僧用飘柔,悟空会焗油,十分钟带你看完这部另类版西游记" class="t">
											【诚实吐槽】唐僧用飘柔,悟空会焗油,十分钟带你看完这部另类版西游记</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>73.3</span>
											<span class="danmu">
												<i class="icon"></i>7358
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="[Top10]十大有隐藏力量/能力的动漫男主角 [PART 1ᴴᴰ]"
													src="images/dh-list04.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">10:16</span>
											<div class="later-icon"></div>
										</div>
										<p title="[Top10]十大有隐藏力量/能力的动漫男主角 [PART 1ᴴᴰ]" class="t">[Top10]十大有隐藏力量/能力的动漫男主角
											[PART 1ᴴᴰ]</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>3.8</span>
											<span class="danmu">
												<i class="icon"></i>640
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="听说你们想要毒哥的腰。OK。【极乐净土】" src="images/dh-list05.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">03:39</span>
											<div class="later-icon"></div>
										</div>
										<p title="听说你们想要毒哥的腰。OK。【极乐净土】" class="t">听说你们想要毒哥的腰。OK。【极乐净土】</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>1975
											</span>
											<span class="danmu">
												<i class="icon"></i>66
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【冰上的尤里】勇利决赛自由滑" src="images/dh-list06.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">08:48</span>
											<div class="later-icon"></div>
										</div>
										<p title="【冰上的尤里】勇利决赛自由滑" class="t">【冰上的尤里】勇利决赛自由滑</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>2511
											</span>
											<span class="danmu">
												<i class="icon"></i>17
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【APH】奥利弗!现在从你房间里出来!" src="images/dh-list07.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">00:31</span>
											<div class="later-icon"></div>
										</div>
										<p title="【APH】奥利弗!现在从你房间里出来!" class="t">APH】奥利弗!现在从你房间里出来!</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>1.4</span>
											<span class="danmu">
												<i class="icon"></i>89
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【新弹丸论破v3】在vocaloid曲中选择的印象曲集" src="images/dh-list08.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">28:38</span>
											<div class="later-icon"></div>
										</div>
										<p title="【新弹丸论破v3】在vocaloid曲中选择的印象曲集" class="t">【新弹丸论破v3】在vocaloid曲中选择的印象曲集</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>1402
											</span>
											<span class="danmu">
												<i class="icon"></i>465
											</span>
										</p>
									</a>
								</div>
							</div><!-- 动画列表部分结束 -->
						</div>
					</div><!-- 动画左侧部分结束 -->
					<div class="r-con"><!-- 动画右侧部分开始 -->
						<div class="rank-head clearFix">
							<h3>排行</h3>
							<div class="tabs clearFix">
								<div class="bili-tab-item on">全部</div>
								<div class="bili-tab-item">原创</div>
							</div>
							<div class="bili-dropdown rank-dropdown">
								<span class="selected">三日</span>
								<i class="icon icon-arrow-down"></i>
								<ul class="dropdown-list">
									<li class="dropdown-item" style="display: none;">三日</li>
									<li class="dropdown-item">一周</li>
								</ul>
							</div>
						</div>
						<div class="rank-list-wrap clearFix"><!-- 选项卡盒子开始 -->
							<ul class="rank-list hot-list">
								<li class="rank-item  show-detail first highlight">
									<i class="ri-num">1</i>
									<a href="#" title="【个人向】入宅10年,细数这些年换过的二次元老婆 播放:186378 38:16"
										class="ri-info-wrap clearfix">
										<div class="lazy-img ri-preview">
											<img alt="【个人向】入宅10年,细数这些年换过的二次元老婆" src="images/dh-rank01.webp">
										</div>
										<div class="ri-detail">
											<p class="ri-title">【个人向】入宅10年,细数这些年换过的二次元老婆</p>
											<p class="ri-point">综合评分:30.0</p>
										</div>
										<div class="later-icon"></div>
									</a>
								</li>
								<li class="rank-item  highlight">
									<i class="ri-num">2</i>
									<a href="#" title="[Top10]十大最佳动作/奇幻/爱情/后宫动漫 播放:87109 4:23"
										class="ri-info-wrap clearfix">
										<div class="ri-detail">
											<p class="ri-title">[Top10]十大最佳动作/奇幻/爱情/后宫动漫</p>
											<p class="ri-point">综合评分:19.2</p>
										</div>
									</a>
								</li>
								<li class="rank-item  highlight">
									<i class="ri-num">3</i>
									<a href="#" title="【宅语异闻录】从圈地自萌到大众二次元,脱宅离我们有多远? 播放:101854 5:40"
										class="ri-info-wrap clearfix">
										<div class="ri-detail">
											<p class="ri-title">【宅语异闻录】从圈地自萌到大众二次元,脱宅离我们有多远?</p>
											<p class="ri-point">综合评分:18.5</p>
										</div>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">4</i>
									<a href="#" title="千军易得,一将难求!且看五位御姐上将军帅酷拉风的一骑当千!~求各位看官老板打赏~老板大发财~~ 播放:76989 3:29"
										class="ri-info-wrap clearfix">
										<div class="ri-detail">
											<p class="ri-title">千军易得,一将难求!且看五位御姐上将军帅酷拉风的一骑当千!~求各位看官老板打赏~老板大发财~~</p>
											<p class="ri-point">综合评分:16.0</p>
										</div>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">5</i>
									<a href="#" title="【桃园恋歌x崩坏3】泳装芽衣/琪亚娜/德丽莎三人联合放毒 播放:66340 3:47"
										class="ri-info-wrap clearfix">
										<div class="ri-detail">
											<p class="ri-title">【桃园恋歌x崩坏3】泳装芽衣/琪亚娜/德丽莎三人联合放毒</p>
											<p class="ri-point">综合评分:12.4</p>
										</div>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">6</i>
									<a href="#" title="【废柴君】盘点动画中超污的糟糕台词! 还有这种操作? 播放:87291 10:16"
										class="ri-info-wrap clearfix">
										<div class="ri-detail">
											<p class="ri-title">【废柴君】盘点动画中超污的糟糕台词! 还有这种操作?</p>
											<p class="ri-point">综合评分:12.0</p>
										</div>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">7</i>
									<a href="#" target="_blank" title="喜欢色色的图,但并不色情啊!《黄漫老师》完结吐槽 播放:63723 8:35"
										class="ri-info-wrap clearfix">
										<div class="ri-detail">
											<p class="ri-title">喜欢色色的图,但并不色情啊!《黄漫老师》完结吐槽</p>
											<p class="ri-point">综合评分:11.8</p>
										</div>
									</a>
								</li>
							</ul>
							<ul class="rank-list origin-list">
								<li class="rank-item  show-detail first highlight">
									<i class="ri-num">1</i>
									<a href="#" title="【个人向】入宅10年,细数这些年换过的二次元老婆 播放:192109 38:16"
										class="ri-info-wrap clearfix">
										<div class="lazy-img ri-preview">
											<img alt="【个人向】入宅10年,细数这些年换过的二次元老婆" src="images/dh-rank01.webp">
										</div>
										<div class="ri-detail">
											<p class="ri-title">【个人向】入宅10年,细数这些年换过的二次元老婆</p>
											<p class="ri-point">综合评分:30.6</p>
										</div>
										<div class="later-icon"></div>
									</a>
								</li>
								<li class="rank-item  highlight"><i class="ri-num">2</i>
									<a href="#" title="【宅语异闻录】从圈地自萌到大众二次元,脱宅离我们有多远? 播放:104546 5:40"
										class="ri-info-wrap clearfix">
										<div class="ri-detail">
											<p class="ri-title">【宅语异闻录】从圈地自萌到大众二次元,脱宅离我们有多远?</p>
											<p class="ri-point">综合评分:18.9</p>
										</div>
									</a>
								</li>
								<li class="rank-item  highlight">
									<i class="ri-num">3</i>
									<a href="#" target="_blank"
										title="千军易得,一将难求!且看五位御姐上将军帅酷拉风的一骑当千!~求各位看官老板打赏~老板大发财~~ 播放:78131 3:29"
										class="ri-info-wrap clearfix">
										<div class="ri-detail">
											<p class="ri-title">千军易得,一将难求!且看五位御姐上将军帅酷拉风的一骑当千!~求各位看官老板打赏~老板大发财~~</p>
											<p class="ri-point">综合评分:16.2</p>
										</div>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">4</i>
									<a href="#" title="【桃园恋歌x崩坏3】泳装芽衣/琪亚娜/德丽莎三人联合放毒 播放:68150 3:47"
										class="ri-info-wrap clearfix">
										<div class="ri-detail">
											<p class="ri-title">【桃园恋歌x崩坏3】泳装芽衣/琪亚娜/德丽莎三人联合放毒</p>
											<p class="ri-point">综合评分:12.8</p>
										</div>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">5</i>
									<a href="#" target="_blank" title="【碧蓝航线MMD/60帧】新来的 来给提督跳个桃园恋歌 播放:71468 3:55"
										class="ri-info-wrap clearfix">
										<div class="ri-detail">
											<p class="ri-title">【碧蓝航线MMD/60帧】新来的 来给提督跳个桃园恋歌</p>
											<p class="ri-point">综合评分:12.4</p>
										</div>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">6</i>
									<a href="#" target="_blank" title="【废柴君】盘点动画中超污的糟糕台词! 还有这种操作? 播放:90073 10:16"
										class="ri-info-wrap clearfix">
										<div class="ri-detail">
											<p class="ri-title">【废柴君】盘点动画中超污的糟糕台词! 还有这种操作?</p>
											<p class="ri-point">综合评分:12.3</p>
										</div>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">7</i>
									<a href="#" target="_blank" title="喜欢色色的图,但并不色情啊!《黄漫老师》完结吐槽 播放:64500 8:35"
										class="ri-info-wrap clearfix">
										<div class="ri-detail">
											<p class="ri-title">喜欢色色的图,但并不色情啊!《黄漫老师》完结吐槽</p>
											<p class="ri-point">综合评分:11.9</p>
										</div>
									</a>
								</li>
							</ul>
						</div><!-- 选项卡盒子结束 -->
						<a href="#" class="more-link">查看更多
							<i class="icon icon-arrow-r"></i>
						</a>
					</div><!-- 动画右侧部分结束 -->
				</div><!-- 动画部分结束 -->
				<div id="bangumi" class="zone-wrap clearFix"><!-- 番剧部分开始 -->
					<div class="l-con">
						<div class="headline clearFix">
							<i class="icon icon_t icon-bangumi"></i>
							<a href="#" class="name">番剧</a>
							<div class="bili-tab">
								<div class="bili-tab-item on">最新</div>
								<div class="bili-tab-item"></div>
								<div class="bili-tab-item"></div>
								<div class="bili-tab-item"></div>
								<div class="bili-tab-item"></div>
								<div class="bili-tab-item"></div>
								<div class="bili-tab-item"></div>
								<div class="bili-tab-item"></div>
							</div>
							<a href="#" class="c-clink">新番时间表
								<i class="icon"></i>
							</a>
						</div>
						<div class="timing-box-con">
							<div class="timing-box custom-scrollbar clearFix active" id="qqpl">
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="覆面系 NOISE" class="pic">
										<div class="lazy-img">
											<img alt="覆面系 NOISE" src="images/bangumi01.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="覆面系 NOISE" class="t">覆面系 NOISE</a>
										<p class="update on">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="偶像大师灰姑娘剧场" class="pic">
										<div class="lazy-img">
											<img alt="偶像大师灰姑娘剧场" src="images/bangumi02.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="偶像大师灰姑娘剧场" class="t">偶像大师灰姑娘剧场</a>
										<p class="update on">
											<span>更新至
												<a href="#">13-2</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="少年阿贝 GO!GO!小芝麻 第二季" class="pic">
										<div class="lazy-img">
											<img alt="少年阿贝GO!GO!小芝麻 第二季" src="images/bangumi03.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="少年阿贝 GO!GO!小芝麻 第二季" class="t">少年阿贝 GO!GO!小芝麻 第二季</a>
										<p class="update on">
											<span>更新至
												<a href="#">11</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" target="_blank" title="美妙天堂 偶像时间" class="pic">
										<div class="lazy-img">
											<img alt="美妙天堂 偶像时间" src="images/bangumi04.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" target="_blank" title="美妙天堂 偶像时间" class="t">美妙天堂 偶像时间</a>
										<p class="update on">
											<span>更新至
												<a href="#" target="_blank">13</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="飙速宅男 新世代" class="pic">
										<div class="lazy-img">
											<img alt="飙速宅男 新世代" src="images/bangumi05.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="飙速宅男 新世代" class="t">飙速宅男 新世代</a>
										<p class="update ">
											<span>更新至
												<a href="#">25</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="从零开始的魔法书" class="pic">
										<div class="lazy-img">
											<img alt="从零开始的魔法书" src="images/bangumi06.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="从零开始的魔法书" class="t">从零开始的魔法书</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="智龙迷城X" class="pic">
										<div class="lazy-img">
											<img alt="智龙迷城X" src="images/bangumi07.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="智龙迷城X" class="t">智龙迷城X</a>
										<p class="update ">
											<span>更新至
												<a href="#">51</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="世界黑暗图鉴" class="pic">
										<div class="lazy-img">
											<img alt="世界黑暗图鉴" src="images/bangumi08.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="世界黑暗图鉴" class="t">世界黑暗图鉴</a>
										<p class="update ">
											<span>更新至
												<a href="#">13</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="小魔女学园 TV版" class="pic">
										<div class="lazy-img">
											<img alt="小魔女学园 TV版" src="images/bangumi09.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="小魔女学园 TV版" class="t">小魔女学园 TV</a>
										<p class="update ">
											<span>更新至
												<a href="#">25</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="ID-0" class="pic">
										<div class="lazy-img">
											<img alt="ID-0" src="images/bangumi10.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="ID-0" class="t">ID-0</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="爱丽丝与藏六" class="pic">
										<div class="lazy-img">
											<img alt="爱丽丝与藏六" src="images/bangumi11.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="爱丽丝与藏六" class="t">爱丽丝与藏六</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="甜甜私房猫 第三季 中配版" class="pic">
										<div class="lazy-img">
											<img alt="甜甜私房猫 第三季 中配版" src="images/bangumi12.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="甜甜私房猫 第三季 中配版" class="t">甜甜私房猫 第三季 中配版</a>
										<p class="update ">
											<span>更新至
												<a href="#">23</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="甜甜私房猫 第三季" class="pic">
										<div class="lazy-img">
											<img alt="甜甜私房猫 第三季" src="images/bangumi12.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="甜甜私房猫 第三季" class="t">甜甜私房猫 第三季</a>
										<p class="update ">
											<span>更新至
												<a href="#">38</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="梦王国与沉睡的100王子 短篇动画" class="pic">
										<div class="lazy-img">
											<img alt="梦王国与沉睡的100王子 短篇动画" src="images/bangumi13.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="梦王国与沉睡的100王子 短篇动画" class="t">梦王国与沉睡的100王子 短篇动画</a>
										<p class="update ">
											<span>更新至
												<a href="#">4</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="埃罗芒阿老师" class="pic">
										<div class="lazy-img">
											<img alt="埃罗芒阿老师" src="images/bangumi14.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="埃罗芒阿老师" class="t">埃罗芒阿老师</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="阿童木起源" class="pic">
										<div class="lazy-img">
											<img alt="阿童木起源" src="images/bangumi15.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="阿童木起源" class="t">
											阿童木起源</a>
										<p class="update ">
											<span>更新至
												<a href="#">10</a>
											</span>
										</p>
									</div>
								</div>
							</div>
							<div class="timing-box custom-scrollbar clearFix ">
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="从零开始的魔法书" class="pic">
										<div class="lazy-img">
											<img alt="从零开始的魔法书" src="images/bangumi06.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="从零开始的魔法书" class="t">从零开始的魔法书</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="怪怪守护神" class="pic">
										<div class="lazy-img">
											<img alt="怪怪守护神" src="images/bangumi16.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="怪怪守护神" class="t">怪怪守护神</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="小魔女学园 TV版" class="pic">
										<div class="lazy-img">
											<img alt="小魔女学园 TV版" src="images/bangumi09.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="小魔女学园 TV版" class="t">小魔女学园 TV</a>
										<p class="update ">
											<span>更新至
												<a href="#">25</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="世界黑暗图鉴" class="pic">
										<div class="lazy-img">
											<img alt="世界黑暗图鉴" src="images/bangumi08.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="世界黑暗图鉴" class="t">世界黑暗图鉴</a>
										<p class="update ">
											<span>更新至
												<a href="#">13</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="笑面推销员" class="pic">
										<div class="lazy-img">
											<img alt="笑面推销员" src="images/bangumi17.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="笑面推销员" class="t">笑面推销员</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="ID-0" class="pic">
										<div class="lazy-img">
											<img alt="ID-0" src="images/bangumi10.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="ID-0" class="t">ID-0</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="智龙迷城X" class="pic">
										<div class="lazy-img">
											<img alt="智龙迷城X" src="images/bangumi07.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="智龙迷城X" class="t">智龙迷城X</a>
										<p class="update ">
											<span>更新至
												<a href="#">51</a>
											</span>
										</p>
									</div>
								</div>
							</div>
							<div class="timing-box custom-scrollbar clearFix ">
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="机甲少女 FRAME ARMS GIRL" class="pic">
										<div class="lazy-img">
											<img alt="机甲少女 FRAME ARMS GIRL" src="images/bangumi18.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="机甲少女 FRAME ARMS GIRL" class="t">
											机甲少女 FRAME ARMS GIRL</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="覆面系 NOISE" class="pic">
										<div class="lazy-img">
											<img alt="覆面系 NOISE" src="images/bangumi01.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="覆面系 NOISE" class="t">覆面系 NOISE</a>
										<p class="update on">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="飙速宅男 新世代" class="pic">
										<div class="lazy-img">
											<img alt="飙速宅男 新世代" src="images/bangumi05.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="飙速宅男 新世代" class="t">飙速宅男 新世代</a>
										<p class="update ">
											<span>更新至
												<a href="#">25</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="高校星歌剧 第二季" class="pic">
										<div class="lazy-img">
											<img alt="高校星歌剧 第二季" src="images/bangumi19.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="高校星歌剧 第二季" class="t">高校星歌剧 第二季</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="偶像大师灰姑娘剧场" class="pic">
										<div class="lazy-img">
											<img alt="偶像大师灰姑娘剧场" src="images/bangumi02.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="偶像大师灰姑娘剧场" class="t">偶像大师灰姑娘剧场</a>
										<p class="update on">
											<span>更新至
												<a href="#">13-2</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" target="_blank" title="美妙天堂 偶像时间" class="pic">
										<div class="lazy-img">
											<img alt="美妙天堂 偶像时间" src="images/bangumi04.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" target="_blank" title="美妙天堂 偶像时间" class="t">美妙天堂 偶像时间</a>
										<p class="update on">
											<span>更新至
												<a href="#" target="_blank">13</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="少年阿贝 GO!GO!小芝麻 第二季" class="pic">
										<div class="lazy-img">
											<img alt="少年阿贝GO!GO!小芝麻 第二季" src="images/bangumi03.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="少年阿贝 GO!GO!小芝麻 第二季" class="t">少年阿贝 GO!GO!小芝麻 第二季</a>
										<p class="update on">
											<span>更新至
												<a href="#">11</a>
											</span>
										</p>
									</div>
								</div>
							</div>
							<div class="timing-box custom-scrollbar clearFix ">
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="博人传 火影忍者新时代" class="pic">
										<div class="lazy-img">
											<img alt="博人传 火影忍者新时代" src="images/bangumi20.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="博人传 火影忍者新时代" class="t">
											博人传 火影忍者新时代</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="夏目友人帐 陆" class="pic">
										<div class="lazy-img">
											<img alt="夏目友人帐 陆" src="images/bangumi21.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="夏目友人帐 陆" class="t">夏目友人帐 陆</a>
										<p class="update">
											<span>更新至
												<a href="#">11</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="王室教师海涅" class="pic">
										<div class="lazy-img">
											<img alt="王室教师海涅" src="images/bangumi22.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="王室教师海涅" class="t">王室教师海涅</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="Room Mate" class="pic">
										<div class="lazy-img">
											<img alt="Room Mate" src="images/bangumi23.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="Room Mate" class="t">Room Mate</a>
										<p class="update ">
											<span>更新至
												<a href="#">11</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="不要输!!恶之军团!" class="pic">
										<div class="lazy-img">
											<img alt="不要输!!恶之军团!" src="images/bangumi24.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="不要输!!恶之军团!" class="t">不要输!!恶之军团!</a>
										<p class="update">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
							</div>
							<div class="timing-box custom-scrollbar clearFix ">
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="月色真美" class="pic">
										<div class="lazy-img">
											<img alt="月色真美" src="images/bangumi25.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="月色真美" class="t">
											月色真美</a>
										<p class="update ">
											<span>更新至
												<a href="#">11</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="樱花任务" class="pic">
										<div class="lazy-img">
											<img alt="樱花任务" src="images/bangumi26.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="樱花任务" class="t">樱花任务</a>
										<p class="update">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="心灵的声音" class="pic">
										<div class="lazy-img">
											<img alt="心灵的声音" src="images/bangumi27.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="心灵的声音" class="t">心灵的声音</a>
										<p class="update ">
											<span>更新至
												<a href="#">78</a>
											</span>
										</p>
									</div>
								</div>
							</div>
							<div class="timing-box custom-scrollbar clearFix ">
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="恋爱暴君" class="pic">
										<div class="lazy-img">
											<img alt="恋爱暴君" src="images/bangumi28.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="恋爱暴君" class="t">
											恋爱暴君</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="时钟机关之星" class="pic">
										<div class="lazy-img">
											<img alt="时钟机关之星" src="images/bangumi29.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="时钟机关之星" class="t">时钟机关之星</a>
										<p class="update">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="雏子的笔记" class="pic">
										<div class="lazy-img">
											<img alt="雏子的笔记" src="images/bangumi30.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="雏子的笔记" class="t">雏子的笔记</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="青春歌舞伎" class="pic">
										<div class="lazy-img">
											<img alt="青春歌舞伎" src="images/bangumi31.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="青春歌舞伎" class="t">青春歌舞伎</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="快盗天使 BREAK" class="pic">
										<div class="lazy-img">
											<img alt="快盗天使 BREAK" src="images/bangumi32.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="快盗天使 BREAK" class="t">快盗天使 BREAK</a>
										<p class="update">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
							</div>
							<div class="timing-box custom-scrollbar clearFix ">
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="忍者少女千鸟~伊势・金崎篇~" class="pic">
										<div class="lazy-img">
											<img alt="忍者少女千鸟~伊势・金崎篇~" src="images/bangumi33.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="忍者少女千鸟~伊势・金崎篇~" class="t">
											忍者少女千鸟~伊势・金崎篇~</a>
										<p class="update ">
											<span>更新至
												<a href="#">38</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="暖暖日记 2nd" class="pic">
										<div class="lazy-img">
											<img alt="暖暖日记 2nd" src="images/bangumi34.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="暖暖日记 2nd" class="t">暖暖日记 2nd</a>
										<p class="update ">
											<span>更新至
												<a href="#">63</a>
											</span>
										</p>
									</div>
								</div>
							</div>
							<div class="timing-box custom-scrollbar clearFix ">
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="埃罗芒阿老师" class="pic">
										<div class="lazy-img">
											<img alt="埃罗芒阿老师" src="images/bangumi14.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="埃罗芒阿老师" class="t">埃罗芒阿老师</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="Re:CREATORS" class="pic">
										<div class="lazy-img">
											<img alt="Re:CREATORS" src="images/bangumi35.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="Re:CREATORS" class="t">Re:CREATORS</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>

								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="進擊的巨人 第二季(僅台灣地區)" class="pic">
										<div class="lazy-img">
											<img alt="進擊的巨人 第二季(僅台灣地區)" src="images/bangumi36.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="進擊的巨人 第二季(僅台灣地區)" class="t">進擊的巨人 第二季(僅台灣地區)</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="爱丽丝与藏六" class="pic">
										<div class="lazy-img">
											<img alt="爱丽丝与藏六" src="images/bangumi11.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="爱丽丝与藏六" class="t">爱丽丝与藏六</a>
										<p class="update ">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="阿童木起源" class="pic">
										<div class="lazy-img">
											<img alt="阿童木起源" src="images/bangumi15.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="阿童木起源" class="t">
											阿童木起源</a>
										<p class="update ">
											<span>更新至
												<a href="#">10</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="甜甜私房猫 第三季" class="pic">
										<div class="lazy-img">
											<img alt="甜甜私房猫 第三季" src="images/bangumi12.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="甜甜私房猫 第三季" class="t">甜甜私房猫 第三季</a>
										<p class="update ">
											<span>更新至
												<a href="#">38</a>
											</span>
										</p>
									</div>
								</div>
								<div class="card-timing-module clearfix card-timing">
									<a href="#" title="World Fool News 2E" class="pic">
										<div class="lazy-img">
											<img alt="World Fool News 2E" src="images/bangumi37.webp">
										</div>
									</a>
									<div class="r-text">
										<a href="#" title="World Fool News 2E" class="t">World Fool News 2E</a>
										<p class="update on">
											<span>更新至
												<a href="#">12</a>
											</span>
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="r-con">
						<div class="rank-head clearFix">
							<h3>排行</h3>
							<div class="bili-dropdown rank-dropdown">
								<span class="selected">三日</span>
								<i class="icon icon-arrow-down"></i>
								<ul class="dropdown-list">
									<li class="dropdown-item" style="display: none;">三日</li>
									<li class="dropdown-item">一周</li>
								</ul>
							</div>
						</div>
						<div class="rank-list-wrap clearFix"><!-- 选项卡盒子开始 -->
							<ul class="bangumi-rank-list rank-list">
								<li class="rank-item  highlight">
									<i class="ri-num">1</i>
									<a href="#" title="埃罗芒阿老师 播放:41579640" class="ri-info-wrap">
										<p class="ri-title">埃罗芒阿老师</p>
										<span class="ri-total">12</span>
									</a>
								</li>
								<li class="rank-item  highlight">
									<i class="ri-num">2</i>
									<a href="#" title="Re:CREATORS 播放:19354372" class="ri-info-wrap">
										<p class="ri-title">Re:CREATORS</p>
										<span class="ri-total">更新至第12</span>
									</a>
								</li>
								<li class="rank-item  highlight">
									<i class="ri-num">3</i>
									<a href="#" title="从零开始的魔法书 播放:17347446" class="ri-info-wrap">
										<p class="ri-title">从零开始的魔法书</p>
										<span class="ri-total">12</span>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">4</i>
									<a href="#" title="小魔女学园 TV版 播放:9037830" class="ri-info-wrap">
										<p class="ri-title">小魔女学园 TV</p>
										<span class="ri-total">25</span>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">5</i>
									<a href="#" title="恋爱暴君 播放:14897598" class="ri-info-wrap">
										<p class="ri-title">恋爱暴君</p>
										<span class="ri-total">12</span>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">6</i>
									<a href="#" title="博人传 火影忍者新时代 播放:22780292" class="ri-info-wrap">
										<p class="ri-title">博人传 火影忍者新时代</p>
										<span class="ri-total">更新至第12</span>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">7</i>
									<a href="#" title="爱丽丝与藏六 播放:4627034" class="ri-info-wrap">
										<p class="ri-title">爱丽丝与藏六</p>
										<span class="ri-total">12</span>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">8</i>
									<a href="#" title="夏目友人帐 陆 播放:13540225" class="ri-info-wrap">
										<p class="ri-title">夏目友人帐 陆</p>
										<span class="ri-total">11</span>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">9</i>
									<a href="#" title="小林家的龙女仆 播放:59611438" class="ri-info-wrap">
										<p class="ri-title">小林家的龙女仆</p>
										<span class="ri-total">13</span>
									</a>
								</li>
								<li class="rank-item">
									<i class="ri-num">10</i>
									<a href="#" title="世界黑暗图鉴 播放:4316399" class="ri-info-wrap">
										<p class="ri-title">世界黑暗图鉴</p>
										<span class="ri-total">13</span>
									</a>
								</li>
							</ul>
						</div><!-- 选项卡盒子结束 -->
						<a href="#" class="more-link">查看更多
							<i class="icon icon-arrow-r"></i>
						</a>
					</div>
				</div><!-- 番剧部分结束 -->
				<div id="bangumi_news" class="clearFix"><!-- 番剧动态部分开始 -->
					<div class="l-con"><!-- 番剧动态左侧部分开始 -->
						<div class="zone-title"><!-- 标题区域开始 -->
							<div class="headline clearFix">
								<a href="#" class="name">番剧动态</a>

								<a href="#" class="link-more">更多
									<i class="icon"></i>
								</a>
								<div class="read-push">
									<i class="icon icon_read"></i>
									<span class="info">
										换一换
									</span>
								</div>
							</div>
						</div><!-- 标题区域结束 -->
						<div class="tab-content">
							<div class="list-box active"><!-- 番剧动态列表1部分开始 -->
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【笑抽】日漫角色飙中文是什么感觉?(不是空耳)【盘点向】" src="images/dh-list01.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">07:27</span>
											<div class="later-icon"></div>
										</div>
										<p title="【笑抽】日漫角色飙中文是什么感觉?(不是空耳)【盘点向】" class="t">【笑抽】日漫角色飙中文是什么感觉?(不是空耳)【盘点向】
										</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>7.2</span>
											<span class="danmu">
												<i class="icon"></i>2272
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="那年那兔催泪弹【重置版】那年那兔那些事儿催泪合集" src="images/dh-list02.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">17:54</span>
											<div class="later-icon"></div>
										</div>
										<p title="那年那兔催泪弹【重置版】那年那兔那些事儿催泪合集" class="t">那年那兔催泪弹【重置版】那年那兔那些事儿催泪合集</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>16.2</span>
											<span class="danmu">
												<i class="icon"></i>5738
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【诚实吐槽】唐僧用飘柔,悟空会焗油,十分钟带你看完这部另类版西游记"
													src="images/dh-list03.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">11:59</span>
											<div class="later-icon"></div>
										</div>
										<p title="【诚实吐槽】唐僧用飘柔,悟空会焗油,十分钟带你看完这部另类版西游记" class="t">
											【诚实吐槽】唐僧用飘柔,悟空会焗油,十分钟带你看完这部另类版西游记</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>73.3</span>
											<span class="danmu">
												<i class="icon"></i>7358
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="[Top10]十大有隐藏力量/能力的动漫男主角 [PART 1ᴴᴰ]"
													src="images/dh-list04.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">10:16</span>
											<div class="later-icon"></div>
										</div>
										<p title="[Top10]十大有隐藏力量/能力的动漫男主角 [PART 1ᴴᴰ]" class="t">[Top10]十大有隐藏力量/能力的动漫男主角
											[PART 1ᴴᴰ]</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>3.8</span>
											<span class="danmu">
												<i class="icon"></i>640
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="听说你们想要毒哥的腰。OK。【极乐净土】" src="images/dh-list05.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">03:39</span>
											<div class="later-icon"></div>
										</div>
										<p title="听说你们想要毒哥的腰。OK。【极乐净土】" class="t">听说你们想要毒哥的腰。OK。【极乐净土】</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>1975
											</span>
											<span class="danmu">
												<i class="icon"></i>66
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【冰上的尤里】勇利决赛自由滑" src="images/dh-list06.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">08:48</span>
											<div class="later-icon"></div>
										</div>
										<p title="【冰上的尤里】勇利决赛自由滑" class="t">【冰上的尤里】勇利决赛自由滑</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>2511
											</span>
											<span class="danmu">
												<i class="icon"></i>17
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【APH】奥利弗!现在从你房间里出来!" src="images/dh-list07.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">00:31</span>
											<div class="later-icon"></div>
										</div>
										<p title="【APH】奥利弗!现在从你房间里出来!" class="t">APH】奥利弗!现在从你房间里出来!</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>1.4</span>
											<span class="danmu">
												<i class="icon"></i>89
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【新弹丸论破v3】在vocaloid曲中选择的印象曲集" src="images/dh-list08.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">28:38</span>
											<div class="later-icon"></div>
										</div>
										<p title="【新弹丸论破v3】在vocaloid曲中选择的印象曲集" class="t">【新弹丸论破v3】在vocaloid曲中选择的印象曲集</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>1402
											</span>
											<span class="danmu">
												<i class="icon"></i>465
											</span>
										</p>
									</a>
								</div>
							</div><!-- 番剧动态列表1部分结束 -->
							<div class="list-box"><!-- 番剧动态列表2部分开始 -->
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【笑抽】日漫角色飙中文是什么感觉?(不是空耳)【盘点向】" src="images/dh-list2-01.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">07:27</span>
											<div class="later-icon"></div>
										</div>
										<p title="【笑抽】日漫角色飙中文是什么感觉?(不是空耳)【盘点向】" class="t">【笑抽】日漫角色飙中文是什么感觉?(不是空耳)【盘点向】
										</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>7.2</span>
											<span class="danmu">
												<i class="icon"></i>2272
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="那年那兔催泪弹【重置版】那年那兔那些事儿催泪合集" src="images/dh-list2-02.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">17:54</span>
											<div class="later-icon"></div>
										</div>
										<p title="那年那兔催泪弹【重置版】那年那兔那些事儿催泪合集" class="t">那年那兔催泪弹【重置版】那年那兔那些事儿催泪合集</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>16.2</span>
											<span class="danmu">
												<i class="icon"></i>5738
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【诚实吐槽】唐僧用飘柔,悟空会焗油,十分钟带你看完这部另类版西游记"
													src="images/dh-list2-03.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">11:59</span>
											<div class="later-icon"></div>
										</div>
										<p title="【诚实吐槽】唐僧用飘柔,悟空会焗油,十分钟带你看完这部另类版西游记" class="t">
											【诚实吐槽】唐僧用飘柔,悟空会焗油,十分钟带你看完这部另类版西游记</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>73.3</span>
											<span class="danmu">
												<i class="icon"></i>7358
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="[Top10]十大有隐藏力量/能力的动漫男主角 [PART 1ᴴᴰ]"
													src="images/dh-list2-04.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">10:16</span>
											<div class="later-icon"></div>
										</div>
										<p title="[Top10]十大有隐藏力量/能力的动漫男主角 [PART 1ᴴᴰ]" class="t">[Top10]十大有隐藏力量/能力的动漫男主角
											[PART 1ᴴᴰ]</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>3.8</span>
											<span class="danmu">
												<i class="icon"></i>640
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="听说你们想要毒哥的腰。OK。【极乐净土】" src="images/dh-list2-05.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">03:39</span>
											<div class="later-icon"></div>
										</div>
										<p title="听说你们想要毒哥的腰。OK。【极乐净土】" class="t">听说你们想要毒哥的腰。OK。【极乐净土】</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>1975
											</span>
											<span class="danmu">
												<i class="icon"></i>66
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【冰上的尤里】勇利决赛自由滑" src="images/dh-list2-06.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">08:48</span>
											<div class="later-icon"></div>
										</div>
										<p title="【冰上的尤里】勇利决赛自由滑" class="t">【冰上的尤里】勇利决赛自由滑</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>2511
											</span>
											<span class="danmu">
												<i class="icon"></i>17
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【APH】奥利弗!现在从你房间里出来!" src="images/dh-list2-07.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">00:31</span>
											<div class="later-icon"></div>
										</div>
										<p title="【APH】奥利弗!现在从你房间里出来!" class="t">APH】奥利弗!现在从你房间里出来!</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>1.4</span>
											<span class="danmu">
												<i class="icon"></i>89
											</span>
										</p>
									</a>
								</div>
								<div class="list-item">
									<a href="#">
										<div class="pic">
											<div class="lazy-img">
												<img alt="【新弹丸论破v3】在vocaloid曲中选择的印象曲集" src="images/dh-list2-08.webp">
											</div>
											<div class="mask-video"></div>
											<span class="dur">28:38</span>
											<div class="later-icon"></div>
										</div>
										<p title="【新弹丸论破v3】在vocaloid曲中选择的印象曲集" class="t">【新弹丸论破v3】在vocaloid曲中选择的印象曲集</p>
										<p class="num">
											<span class="play">
												<i class="icon"></i>1402
											</span>
											<span class="danmu">
												<i class="icon"></i>465
											</span>
										</p>
									</a>
								</div>
							</div><!-- 番剧动态列表2部分结束 -->
						</div>
					</div><!-- 番剧动态左侧部分结束 -->
					<div class="r-con"><!-- 番剧动态右侧部分开始 -->
						<div class="rank-head clearFix">
							<h3>特别推荐</h3>
						</div>
						<div class="slider-box">
							<div class="carousel-module slider">
								<div class="panel">
									<ul class="pic" style="width: 200%; margin-left: 0;">
										<li class="scrollx on">
											<a href="#">
												<div class="lazy-img">
													<img alt="" src="images/bangumi-r01.webp">
												</div>
											</a>
										</li>
										<li class="scrollx off">
											<a href="#">
												<div class="lazy-img">
													<img alt="" src="images/bangumi-r02.webp">
												</div>
											</a>
										</li>
									</ul>
									<ul class="title">
										<a href="#" class="on">相信的心就是大家的魔法。</a>
										<a href="#" class="">下周没有纱雾看我要死了</a>
									</ul>
									<ul class="trig" id="qas">
										<span class="on"></span>
										<span class=""></span>
									</ul>
								</div>
							</div>
						</div>
					</div><!-- 番剧动态右侧部分结束 -->
				</div><!-- 番剧动态部分结束 -->

			</div><!-- 页面主体部分结束 -->
			<div class="footer"><!-- 页脚部分开始 -->
				<div class="footer-wrap">
					<div class="footer-cnt clearFix">
						<ul class="boston-postcards clearFix">
							<li>
								<div class="tips">蘑菇视频</div>
								<div class="cards">
									<a target="_blank" href="//www.bilibili.com/blackboard/aboutUs.html">关于我们</a>
								</div>
								<div class="cards">
									<a target="_blank" href="//www.bilibili.com/blackboard/friends-links.html">友情链接</a>
								</div>
								<div class="cards">
									<a target="_blank" href="//bmall.bilibili.com/#!/">哔哩哔哩周边</a>
								</div>
								<div class="cards">
									<a target="_blank" href="//www.bilibili.com/blackboard/contact.html">联系我们</a>
								</div>
								<div class="cards">
									<a target="_blank" href="//www.bilibili.com/blackboard/join.html">加入我们</a>
								</div>
								<div class="cards">
									<a target="_blank" href="https://account.bilibili.com/site/ident.html">官方认证</a>
								</div>
								<div class="cards">
									<a target="_blank" href="//www.bilibili.com/blackboard/join.html">加入我们</a>
								</div>
								<div class="cards">
									<a target="_blank" href="https://account.bilibili.com/site/ident.html">官方认证</a>
								</div>
							</li>
							<li>
								<div class="tips">传送门</div>
								<div class="cards">
									<a target="_blank" href="//www.bilibili.com/blackboard/help.html">帮助中心</a>
								</div>
								<div class="cards">
									<a target="_blank" href="//www.bilibili.com/video/av120040/">高级弹幕</a>
								</div>
								<div class="cards">
									<a target="_blank" href="//www.bilibili.com/event">活动专题页</a>
								</div>
								<div class="cards">
									<a target="_blank" href="//www.bilibili.com/blackboard/copyright.html">侵权申诉</a>
								</div>
								<div class="cards">
									<a target="_blank" href="https://account.bilibili.com/answer/addq">分院帽计划</a>
								</div>
								<div class="cards">
									<a target="_blank" href="//activity.bilibili.com/">活动中心</a>
								</div>
								<div class="cards">
									<a target="_blank" href="http://link.acg.tv">用户反馈论坛</a>
								</div>
								<div class="cards">
									<a target="_blank" href="http://h.bilibili.com/wallpaper?action=list">壁纸站</a>
								</div>
								<div class="cards">
									<a target="_blank" href="http://www.bilibili.com/html/cele.html">名人堂</a>
								</div>
							</li>
							<li>
								<div class="block right">
									<a target="_blank" href="//app.bilibili.com/">
										<div class="phone">
											<div class="pic"></div>
											<em>手机端下载</em>
											<div class="qrcode-box-wrp">
												<div class="qrcode-box qrcode-app">
													<div class="qrcode-box-arrow">
													</div>
												</div>
											</div>
										</div>
									</a>
									<a target="_blank" href="http://weibo.com/bilibiliweb">
										<div class="weibo">
											<div class="pic"></div>
											<em>新浪微博</em>
											<div class="qrcode-box-wrp">
												<div class="qrcode-box qrcode-weibo">
													<div class="qrcode-box-arrow"></div>
												</div>
											</div>
										</div>
									</a>
									<a id="weixin">
										<div class="weixin">
											<div class="pic"></div>
											<em>官方微信</em>
											<div class="qrcode-box-wrp bigvip-qrcode">
												<div class="qrcode-box qrcode-weixin">
													<div class="qrcode-box-arrow"></div>
												</div>
											</div>
										</div>
									</a>
								</div>
							</li>
						</ul>
						<div class="partner">
							<div class="block left" style="padding-top: 0px;">
								<div class="partner-banner"></div>
							</div>
							<div class="block left" style="margin: 0px 68px 0 115px;line-height:24px;float: none;">
								<p>广播电视节目制作经营许可证:<span>(沪)字第1248</span> | 网络文化经营许可证:<span>沪网文[2013]0480-056</span> |
									信息网络传播视听节目许可证:<span>0910417</span> | 互联网ICP备案:<span>ICP13002172-3</span>ICP证:<span>B2-20100043</span> | 违法不良信息举报邮箱:help@bilibili.com |
									违法不良信息举报电话:40002332333</p>
								<p>网上有害信息举报专区:
									<a href="http://www.12377.cn/?spm=a2hww.20023042.0.0" target="_blank">
										<img src="images/12377.png" width="16" height="16" style="vertical-align: sub;">
										中国互联网违法和不良信息举报中心</a> |<a href="http://www.shjbzx.cn" target="_blank"><i
											class="icons-footer icons-footer-report"></i><span>上海互联网举报中心</span></a> |<a
										href="http://jb.ccm.gov.cn/" target="_blank">12318 全国文化市场举报网站</a>
								</p>
								<p>
									<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502001911"
										target="_blank"><img src="images/beiantubiao.png"
											style="margin-right:5px;">沪公网安备 31011502001911</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div><!-- 页脚部分结束 -->
		</div>
		<script type="text/javascript" src="js/jQuery.js"></script>
		<script>
			$(".sub-nav-link").children("i").hide();
			$(".sub-nav-link").hover(function() {
				$(this).children(".arrow").attr("class", "sub-nav-link arrow").animate({
					"left": 27 + $(this).children("span").width(),
					"opacity": "1"
				}, 50);
				$(this).children("i").show();
			}, function() {
				$(".arrow").attr("class", "sub-nav-link arrow").animate({
					"opacity": "0"
				}, 50);
				$(this).children("i").hide();
			})
			for (let i = 0; i < 5; i++) {
				$("#ppq").append("<li>");
			}
			$(".num li").first().addClass("on");
			let i = -1
			function lbt() {
				i++;
				if (i === 5) {
					i = 0;
				}
				$(".banner .img").stop().animate({
					left: -i * 440
				}, 500);
				$(".banner .num li").eq(i).addClass("on").siblings().removeClass("on");
			}
			let qw = setInterval(lbt, 1000)
			$(".banner .num li").hover(function() {
				let index = $(this).index();
				$(".banner .img").stop().animate({
					left: -index * 440
				}, 500);
				$(this).addClass("on").siblings().removeClass("on");
				clearInterval(qw)
			}, function() {
				qw = setInterval(lbt, 1000)
			});
			//3次点击
			$("#live .bili-tab-item").click(function() {
				$(this).addClass("on").siblings().removeClass("on"); // 1185
				$("#live .tab-con").css("marginLeft", -260 * $(this).index()); // 1230
			});
			//动画模板
			$(".rank-head .bili-tab-item").hover(function() {
				$(this).addClass("on").siblings().removeClass("on");
				$(".rank-list-wrap").eq(0).css("marginLeft", -260 * $(this).index());
			})
			//番剧模板
			$(".headline .bili-tab-item").hover(function() { // 1583
				$(this).addClass("on").siblings().removeClass("on");
				$(".tab-content  .list -box").eq($(this).index()).addClass("active").siblings().removeClass("active");
				$(".timing-box-con  .timing-box").eq($(this).index()).
				addClass("active").siblings().removeClass("active");
			}, function() {
				$(".headline .bili-tab-item:first()").addClass("on").siblings().removeClass("on");
				$(".tab-content  .list-box").eq(0).addClass("active").siblings().removeClass("active");
				$(".timing-box-con  #qqpl").eq(0).addClass("active").siblings().removeClass("active");
			});
			//特别推荐轮播图
			$("ul[class=trig] span").eq(3).click(function() {
				$(this).addClass("on").siblings().removeClass("on");
				$(".carousel-module .panel .scrollx").next().eq(2).css("display", "none");
				$(".carousel-module .panel .scrollx").eq(3).css("display", "block");
			});
			$("ul[class=trig] span").eq(4).click(function() {
			
				$(this).addClass("on").siblings().removeClass("on");
				$(".carousel-module .panel .scrollx").eq(3).css("display", "none");
				$(".carousel-module .panel .scrollx").next().eq(2).css("display", "block");
			});
			let index_sw = 0;
			function kk() {
				if (index_sw % 2 == 0) {
					$("ul[class=trig] span").eq(3).addClass("on").siblings().removeClass("on");
					$(".carousel-module .panel .scrollx").next().eq(2).css("display", "none");
					$(".carousel-module .panel .scrollx").eq(3).css("display", "block");
				} else {
					$("ul[class=trig] span").eq(4).addClass("on").siblings().removeClass("on");
					$(".carousel-module .panel .scrollx").eq(3).css("display", "none");
					$(".carousel-module .panel .scrollx").next().eq(2).css("display", "block");
				}
				index_sw++;
			}
			let jishiqi = setInterval(kk, 1000);
			$(".carousel-module").eq(1).hover(function() {
				clearInterval(jishiqi)
			}, function() {
				jishiqi = setInterval(kk, 1000)
			})
			function kk(index) {
				$(".carousel-module span").eq(index).addClass("on");
				$(".carousel-module span").eq(index).siblings().removeClass("on");
				$(".pic li").eq(index).css("display", "block");
				$(".pic li").eq(index).siblings().css("display", "none");
			}
			$(".carousel-module span").click(function() {
				let index = $(this).index();
				kk(index);
				cz(); 
			});
			let sy = 0;
			let totalImages = $(".pic li img").length - 2;
			function startTimer() {
				qc = setInterval(function() {
					sy++;
					if (sy >= totalImages) {
						sy = 0;
					}
					kk(sy);
				}, 1000);
			}
			function cz() {
				clearInterval(qc);
				startTimer();
			}
			startTimer();
			$(".pic li").hover(
				function() {
					clearInterval(qc);
				},
				function() {
					startTimer();
				}
			);
		</script>
	</body>
</html>

总结

实现了北大青鸟十五章蘑菇视频所有功能,复制展示的代码可以直接使用,最后底部的切换使用点击事件自行更改即可文章来源地址https://www.toymoban.com/news/detail-720012.html

到了这里,关于北大青鸟第十五章蘑菇视频案例的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 第十五章 RabbitMQ 延迟队列

    实际业务中,例如秒杀系统,秒杀商品成功会有截止时间,这时需要用到RabbitMQ延迟服务。 TTL ,即 Time-To-Live,存活时间,消息和队列都可以设置存活时间 Dead Letter,即死信,若给消息设置了存活时间,当超过存活时间后消息还没有被消费,则该消息变成了死信 Dead Letter Exc

    2024年01月25日
    浏览(41)
  • 【OpenCV】第十五章: 模板匹配

    第十五章: 模板匹配 模板匹配就是在给定的图片中查找和模板最相似的区域。 实现的方法是:将模板在图片上滑动(从左向右,从上向下),遍历所有滑窗,计算匹配度,将所有计算结果保存在一个矩阵种,并将矩阵中匹配度最高的值作为匹配结果。 一、单模板匹配 1、匹配函

    2024年02月02日
    浏览(44)
  • [C国演义] 第十五章

    力扣链接 子数组 ⇒ dp[i]的含义: 以arr[i] 结尾的所有子数组中的最长湍流子数组的长度 子数组 ⇒ 状态转移方程根据 最后一个位置来划分 👇👇👇 初始化: 都初始化为1 ⇒ 1. 一个数字也是一个湍流子数组. 2. 可以少考虑四种状态 遍历方向: 从前往后遍历 返回结果: 返回g表 和

    2024年02月07日
    浏览(45)
  • WEB核心【会话技术】第十五章

    目录 💂 个人主页:  爱吃豆的土豆 🤟 版权:  本文由【爱吃豆的土豆】原创、在CSDN首发、需要转载请联系博主 💬 如果文章对你有帮助、 欢迎关注、点赞、收藏(一键三连)和订阅专栏哦 🏆 人必有所执,方能有所成! 🐋希望大家多多支持😘一起进步呀! 1,会话技术   

    2023年04月17日
    浏览(42)
  • 第十五章 Unity 角色移动旋转实例

    本章节我们创建一个“RoleDemoProject”工程,然后导入我们之前创建地形章节中的“TerrainDemo.unitypackage”资源包,这个场景很大,大家需要调整场景视角才能看清。 接下来,我们添加一个人物模型,操作方式就是将模型文件目录复制到“Assets”下 然后Unity会自动同步该文件,我

    2024年02月06日
    浏览(38)
  • 第十五章行为性模式—命令模式

    行为型模式用于描述程序在运行时复杂的流程控制,即描述多个类或对象之间怎样相互协作共同完成单个对象无法单独完成的任务,它涉及算法与对象间职责的分配。行为型模式分为类行为模式和对象行为模式: 类行为模式:采用继承机制来在类间分派行为 对象行为模式:

    2024年02月07日
    浏览(42)
  • 《TCP IP 网络编程》第十五章

     标准 I/O 函数的两个优点:         除了使用 read 和 write 函数收发数据外,还能使用标准 I/O 函数收发数据。下面是标准 I/O 函数的两个优点: 标准 I/O 函数具有良好的移植性 标准 I/O 函数可以利用缓冲提高性能         创建套接字时,操作系统会准备 I/O 缓冲。 此缓

    2024年02月14日
    浏览(50)
  • 【Rust】Rust学习 第十五章智能指针

    指针  ( pointer )是一个包含内存地址的变量的通用概念。这个地址引用,或 “指向”(points at)一些其他数据。Rust 中最常见的指针是第四章介绍的  引用 ( reference )。引用以   符号为标志并借用了他们所指向的值。除了引用数据没有任何其他特殊功能。它们也没有任

    2024年02月12日
    浏览(34)
  • 【设计模式】第十五章:责任链模式详解及应用案例

    【设计模式】七大设计原则 【设计模式】第一章:单例模式 【设计模式】第二章:工厂模式 【设计模式】第三章:建造者模式 【设计模式】第四章:原型模式 【设计模式】第五章:适配器模式 【设计模式】第六章:装饰器模式 【设计模式】第七章:代理模式 【设计模式

    2024年02月13日
    浏览(46)
  • 【新版系统架构】第十五章-面向服务架构设计理论与实践

    软考-系统架构设计师知识点提炼-系统架构设计师教程(第2版) 第一章-绪论 第二章-计算机系统基础知识(一) 第二章-计算机系统基础知识(二) 第三章-信息系统基础知识 第四章-信息安全技术基础知识 第五章-软件工程基础知识(一) 第五章-软件工程基础知识(需求工

    2024年02月16日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包