<!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">更多 ></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>沪ICP备13002172号-3</span>
沪ICP证:<span>沪B2-20100043</span> | 违法不良信息举报邮箱:help@bilibili.com |
违法不良信息举报电话:4000233233转3</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
文章来源:https://www.toymoban.com/news/detail-720012.html
到了这里,关于北大青鸟第十五章蘑菇视频案例的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!