制作首页的显示列表。
1. 在首页添加显示问答的列表，并定义好相应的样式。
无序列表
<ul >
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>li</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-big">
<div class="indexSliders__slide" style="height: 300px; overflow: hidden; width: 870px;">
<div class="js-slider-prev slider-prev">
<img src="//pubin.bcyimg.com/Image/slider-prev-c34ddf2cdb.png">
</div>
<div class="js-slider-next slider-next">
<img src="//pubin.bcyimg.com/Image/slider-next-1d538c40d5.png">
</div>
<div id="slides" class="center old-slides ovf" style="overflow: hidden;">
<div class="slidesjs-container" style="overflow: hidden; position: relative; width: 870px; height: 300px;"><div class="slidesjs-control" style="position: relative; left: 0px; width: 870px; height: 300px;"><a href="https://bcy.net/circle/index/7926" target="_blank" class="slidesjs-slide" slidesjs-index="0" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; backface-visibility: hidden; display: none;">
<img class="js-indexSlidersItem" src="https://img9.bcyimg.com/editor/flag/c0c56/6d946700d57d11e7b633fb6c35284257.jpg" style="width: 100%;">
</a><a href="https://bcy.net/huodong/139" target="_blank" class="slidesjs-slide" slidesjs-index="1" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none; backface-visibility: hidden;">
<img class="js-indexSlidersItem" src="https://img5.bcyimg.com/editor/flag/c0c4z/5bdf55b0d00011e79f89b5662295138c.jpg" style="width: 100%;">
</a><a href="https://bcy.net/huodong/141" target="_blank" class="slidesjs-slide" slidesjs-index="2" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none; backface-visibility: hidden;">
<img class="js-indexSlidersItem" src="https://img9.bcyimg.com/editor/flag/c0c53/ac585110d34611e79cd21b9d2335a667.jpg" style="width: 100%;">
</a><a href="https://bcy.net/huodong/138" target="_blank" class="slidesjs-slide" slidesjs-index="3" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 10; display: block; backface-visibility: hidden;">
<img class="js-indexSlidersItem" src="https://img5.bcyimg.com/editor/flag/c0c4r/f3e351a0c9c911e78b7e617593516c03.jpg" style="width: 100%;">
</a><a href="https://bcy.net/static/yysxhtg2017rule" target="_blank" class="slidesjs-slide" slidesjs-index="4" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none; backface-visibility: hidden;">
<img class="js-indexSlidersItem" src="https://img5.bcyimg.com/editor/flag/178f2/fd630270c43311e7b9429f7ef5f686a6.jpg" style="width: 100%;">
</a><a href="https://bcy.net/tags/name/%E9%AD%94%E9%83%BDCP21?filter=all&sort=create" target="_blank" class="slidesjs-slide" slidesjs-index="5" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none; backface-visibility: hidden;">
<img class="js-indexSlidersItem" src="https://img9.bcyimg.com/editor/flag/c0c4q/62d272e0c8e311e7add2595e8f4a3d48.jpg" style="width: 100%;">
</a><a href="https://bcy.net/huodong/140" target="_blank" class="slidesjs-slide" slidesjs-index="6" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none; backface-visibility: hidden;">
<img class="js-indexSlidersItem" src="https://img5.bcyimg.com/editor/flag/c0c4w/37e61220cdbc11e78a9b9d2e6761ccad.jpg" style="width: 100%;">
</a><a href="http://bcy.net/zhipin" target="_blank" class="slidesjs-slide" slidesjs-index="7" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none; backface-visibility: hidden;">
<img class="js-indexSlidersItem" src="https://img5.bcyimg.com/editor/flag/178nd/cec6c400235311e7bdd91dab1dc9b760.jpg" style="width: 100%;">
</a><a href="http://moe.hao123.com/" target="_blank" class="slidesjs-slide" slidesjs-index="8" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none; backface-visibility: hidden;">
<img class="js-indexSlidersItem" src="https://img5.bcyimg.com/editor/flag/c04cc/efdf9ce0969d11e6bbe1e997da522b55.jpg" style="width: 100%;">
</a><a href="/u/1472590" target="_blank" class="slidesjs-slide" slidesjs-index="9" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none; backface-visibility: hidden;">
<img class="js-indexSlidersItem" src="https://img5.bcyimg.com/editor/flag/c0c4y/99630100cf5d11e789584947802159b7.jpg" style="width: 100%;">
<p class="slider_title cut">本期封面绘师：Barabababa</p> </a><a href="/u/2181721" target="_blank" class="slidesjs-slide" slidesjs-index="10" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none; backface-visibility: hidden;">
<img class="js-indexSlidersItem" src="https://img5.bcyimg.com/editor/flag/c0c53/6e3d1460d35f11e7997d7dbedf62089c.jpg" style="width: 100%;">
<p class="slider_title cut">本期封面coser：受受SAMA__wb</p> </a></div></div>
<div class="slider__ft"><ul class="slidesjs-pagination"><li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="0" class="">1</a></li><li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="1" class="">2</a></li><li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="2" class="">3</a></li><li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="3" class="active">4</a></li><li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="4">5</a></li><li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="5">6</a></li><li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="6">7</a></li><li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="7">8</a></li><li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="8">9</a></li><li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="9">10</a></li><li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="10">11</a></li></ul></div></div> <script type="text/javascript">slidersWidth =870;slidersHeight =300;</script>
<script src="//pubin.bcyimg.com/JS/module/newIndexSliders-e41de8f34c.js"></script>
</div>
</div>
<div class="col-small">
<div class="login-register-box">
<div class="login-register-box__hd">
<label>每种爱都很有爱 >></label>
<a href="/register">马上注册</a>
</div>
<div class="login-register-box__bd">
<div class="login-register-box__title-wrap"><h3 class="login-register-box__title">半次元，第一中文COS绘画小说社区</h3></div>
<form action="/public/dologin" method="post" class="login-register-box__form">
<div class="login-register-box__email">
<input type="text" placeholder="邮箱/手机" name="email">
</div>
<div class="login-register-box__password">
<input type="password" placeholder="密码" name="password">
</div>
<label class="login-register-box__auto-login-check"><input name="remember" type="checkbox" value="1" checked="checked">下次自动登录</label><a href="/home/public/sendmobilepassword" class="login-register-box__forget-password">忘记密码?</a>
<input type="submit" value="登录">
</form>
</div>
<div class="login-register-box__ft js-one-key-login">
<label class="mr15 l-left">一键登录</label>
<a href="/home/public/sina" title="微博登录" class="l-left mr15 thridLogin thridLogin--weibo"></a>
<a href="/home/public/qq" title="QQ登录" class="l-left mr15 thridLogin thridLogin--qq"></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="mt35 channel-panel mb40">
<header class="iLHd mb15 l-clearfix">
<a href="/illust" class="channel-panel__indexHd fz26">
<img src="//pubin.bcyimg.com/Image/icon/TPAINTING-3245d35ee9.png" class="dib vat l-left mr8">
<h2 class="iLHd__tit mr10">绘画频道</h2>
</a>
<nav class="l-left mt12 fz14 channel-panel__split">
<a href="/illust">频道首页</a>
<a href="/illust/allfanart">全部作品</a>
<a href="/illust/alldrawer">绘师们</a>
<a href="/illust/yuegao">约稿情报站</a>
<a href="/static/projectzhipin">制品计划</a>
</nav>
<a class="l-right _btn _btn--icon _btn--redBorder fz12" href="/illust">前往绘画频道
<span>
<i class="i-arrow-next vat mt1"></i>
</span>
</a>
</header>
<div class="channel-panel__bd">
<div class="row mb10">
<div class="l-grid l-grid--10">
<div class="l-grid__inner">
<div class="l-grid__item _box l-newTopList">
<div class="illustNewTopList">
<header class="l-clearfix ml10 mr10">
<div class="illustNewTopList__title">
<a href="/illust/toppost100" class="js-nologinLink">
<div class="fz16 mt20 l-left text"><span class="mr6 fz20 red">本周</span>热门 <span class="fz12">······（<span class="red">查看TOP100</span>）</span></div>
</a>
<a href="/illust/monthTopPost?type=week" class="js-nologinLink">
<div class="l-right calendarEnt _btn--default _btn--secondary mt13">
<span>周榜日历</span>
</div>
</a> </div>
</header>
<div class="illustNewTopList__item l-left">
<a class="newThumbnail__img" href="/illust/detail/27023/1751432" target="_blank" title="miku 鱼">
<img src="https://img9.bcyimg.com/drawer/27023/cover/c0c50/e8089cb0d0c611e780b4a9ff513728b2.jpg" alt=" ">
<span class="illustNewTopList__No1 rankBadge">No.1</span>
</a>
<div class="mt5">
<a class="_avatar _avatar--xxxsm _avatar--user l-left mr6" href="/u/1304328" target="_blank">
<img src="https://user.bcyimg.com/Public/Upload/avatar/1304328/2cc5cca63bbd41ea8ab194c9276a9f4f/fat.jpg/amiddle">
</a>
<a class="db blue1 lh18 cut" href="/u/1304328" target="_blank">
千夜QYS3 </a>
</div>
</div><div class="illustNewTopList__item l-left">
<a class="newThumbnail__img" href="/illust/detail/8372/1751196" target="_blank" title="永远的7日之都">
<img src="https://img5.bcyimg.com/drawer/8372/cover/c0c50/6e2f0a10d07f11e7a50f2965180bae5a.jpg" alt=" ">
<span class="illustNewTopList__No2 rankBadge">No.2</span>
</a>
<div class="mt5">
<a class="_avatar _avatar--xxxsm _avatar--user l-left mr6" href="/u/464562" target="_blank">
<img src="https://user.bcyimg.com/Public/Upload/avatar/464562/ac9c3954262d46ddb65872770bbe54a4/fat.jpg/amiddle">
</a>
<a class="db blue1 lh18 cut" href="/u/464562" target="_blank">
Hanasa </a>
</div>
</div><div class="illustNewTopList__item l-left">
<a class="newThumbnail__img" href="/illust/detail/17733/1757401" target="_blank" title="HP paro">
<img src="https://img5.bcyimg.com/drawer/17733/cover/c0c52/c9c930f0d20311e792fd99b1d55f3190.jpg" alt=" ">
<span class="illustNewTopList__No3 rankBadge">No.3</span>
</a>
<div class="mt5">
<a class="_avatar _avatar--xxxsm _avatar--user l-left mr6" href="/u/1017074" target="_blank">
<img src="https://user.bcyimg.com/Public/Upload/avatar/1017074/81be30983e6f47ffa7ccb0516e1d8d1d/fat.jpg/amiddle">
</a>
<a class="db blue1 lh18 cut" href="/u/1017074" target="_blank">
疯捏风車車 </a>
</div>
</div> <div class="illustNewTopList__more l-left">
<ul>
<li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/10609/1760147" target="_blank" title="VC海报图ww">
<img src="https://img5.bcyimg.com/drawer/10609/cover/c0c52/73a8c7c0d2a411e7a94ac5bd1e67368a.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.4</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/326473" target="_blank">
Godlailer </a>
</div>
</li><li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/139873/1761812" target="_blank" title="法斯">
<img src="https://img5.bcyimg.com/drawer/139873/cover/c0c53/5ecf8b30d34a11e7853cc384b05e9b48.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.5</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/2807743" target="_blank">
韭方JoFang </a>
</div>
</li><li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/104854/1751078" target="_blank" title="伴（黄泉路上不孤单）">
<img src="https://img9.bcyimg.com/drawer/104854/cover/c0c50/de2065c0d06c11e7a55f417f715b6cb6.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.6</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/2466983" target="_blank">
澪BK201 </a>
</div>
</li><li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/3489/1751384" target="_blank" title="周泽楷">
<img src="https://img5.bcyimg.com/drawer/3489/cover/c0c50/43989940d0bd11e79ee8a3ccaf160bab.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.7</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/236152" target="_blank">
RUKa炎 </a>
</div>
</li> </ul>
</div> </div>
</div>
<div class="l-grid__item _box l-newTopList">
<div class="illustNewTopList">
<header class="l-clearfix ml10 mr10">
<div class="illustNewTopList__title">
<a href="/illust/toppost100?type=lastday" class="js-nologinLink">
<div class="fz16 mt20 l-left text"><span class="mr6 fz20 red">今日</span>热门 <span class="fz12">······（<span class="red">查看TOP30</span>）</span></div>
</a>
<a href="/illust/monthTopPost?type=lastday" class="js-nologinLink">
<div class="l-right calendarEnt _btn--default _btn--secondary mt13">
<span>日榜日历</span>
</div>
</a> </div>
</header>
<div class="illustNewTopList__item l-left">
<a class="newThumbnail__img" href="/illust/detail/17112/1763458" target="_blank" title="">
<img src="https://img5.bcyimg.com/drawer/17112/cover/c0c54/c7fu1oe3grtwa4uohmcg1oq04oqikpk2.jpg" alt=" ">
<span class="illustNewTopList__No1 rankBadge">No.1</span>
</a>
<div class="mt5">
<a class="_avatar _avatar--xxxsm _avatar--user l-left mr6" href="/u/983582" target="_blank">
<img src="https://user.bcyimg.com/Public/Upload/avatar/983582/8fa69a6c2a014bc098385db9f88f45ad/fat.jpg/amiddle">
</a>
<a class="db blue1 lh18 cut" href="/u/983582" target="_blank">
Mirta </a>
</div>
</div><div class="illustNewTopList__item l-left">
<a class="newThumbnail__img" href="/illust/detail/127869/1764543" target="_blank" title="刀，刀子">
<img src="https://img9.bcyimg.com/drawer/127869/cover/c0c54/8f94c77e0b0c40aa95baf124083ea98d.jpg" alt=" ">
<span class="illustNewTopList__No2 rankBadge">No.2</span>
</a>
<div class="mt5">
<a class="_avatar _avatar--xxxsm _avatar--user l-left mr6" href="/u/2700609" target="_blank">
<img src="https://user.bcyimg.com/Public/Upload/avatar/2700609/67fcbe9787584e8d9caea909b05a1bc8/fat.jpg/amiddle">
</a>
<a class="db blue1 lh18 cut" href="/u/2700609" target="_blank">
远仙儿ʕ•ﻌ•ʔ_qq </a>
</div>
</div><div class="illustNewTopList__item l-left">
<a class="newThumbnail__img" href="/illust/detail/17112/1765590" target="_blank" title="">
<img src="https://img9.bcyimg.com/drawer/17112/cover/c0c55/ou62stvsaj24xraalnh4n0uerbnn27yh.jpg" alt=" ">
<span class="illustNewTopList__No3 rankBadge">No.3</span>
</a>
<div class="mt5">
<a class="_avatar _avatar--xxxsm _avatar--user l-left mr6" href="/u/983582" target="_blank">
<img src="https://user.bcyimg.com/Public/Upload/avatar/983582/8fa69a6c2a014bc098385db9f88f45ad/fat.jpg/amiddle">
</a>
<a class="db blue1 lh18 cut" href="/u/983582" target="_blank">
Mirta </a>
</div>
</div> <div class="illustNewTopList__more l-left">
<ul>
<li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/13323/1763442" target="_blank" title="宝石之国-合辑一">
<img src="https://img5.bcyimg.com/drawer/13323/cover/c0c54/k6c2qfcihprw7ufxdvrrldcji3kyvrdg.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.4</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/503489" target="_blank">
血猫bloodcat </a>
</div>
</li><li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/66721/1763638" target="_blank" title="绝对服从×ss凹凸执事">
<img src="https://img5.bcyimg.com/drawer/66721/cover/c0c54/05ef119c3b274e499ca6312eb2170678.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.5</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/1980299" target="_blank">
咩哈哈大人 </a>
</div>
</li><li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/45320/1766413" target="_blank" title="爱丽丝和白雪">
<img src="https://img5.bcyimg.com/drawer/45320/cover/c0c55/f7eb1360d4ef11e79b2a0db5d671c291.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.6</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/1554734" target="_blank">
犬川茶 </a>
</div>
</li><li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/8078/1765028" target="_blank" title="逼你去看流星雨">
<img src="https://img5.bcyimg.com/drawer/8078/cover/c0c54/00369e10d44911e7a5388b8efcdb66c7.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.7</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/440675" target="_blank">
一锅玄哥 </a>
</div>
</li> </ul>
</div> </div>
</div>
<div class="l-grid__item _box l-newTopList">
<div class="illustNewTopList">
<header class="l-clearfix ml10 mr10">
<div class="illustNewTopList__title">
<a href="/illust/toppost100?type=artwork" class="js-nologinLink">
<div class="fz16 mt20 l-left text"><span class="mr6 fz20 red">原创</span>榜 <span class="fz12">······（<span class="red">查看TOP30</span>）</span></div>
</a>
</div>
</header>
<div class="illustNewTopList__item l-left">
<a class="newThumbnail__img" href="/illust/detail/27023/1761391" target="_blank" title="千夜 墨镜">
<img src="https://img9.bcyimg.com/drawer/27023/cover/c0c53/9c567c50d31f11e7870dbbadfa3fe67a.jpg" alt=" ">
<span class="illustNewTopList__No1 rankBadge">No.1</span>
</a>
<div class="mt5">
<a class="_avatar _avatar--xxxsm _avatar--user l-left mr6" href="/u/1304328" target="_blank">
<img src="https://user.bcyimg.com/Public/Upload/avatar/1304328/2cc5cca63bbd41ea8ab194c9276a9f4f/fat.jpg/amiddle">
</a>
<a class="db blue1 lh18 cut" href="/u/1304328" target="_blank">
千夜QYS3 </a>
</div>
</div><div class="illustNewTopList__item l-left">
<a class="newThumbnail__img" href="/illust/detail/12269/1750939" target="_blank" title="草莓大福">
<img src="https://img5.bcyimg.com/drawer/12269/cover/c0c4z/2612c200d06411e78799490c311489e6.jpg" alt=" ">
<span class="illustNewTopList__No2 rankBadge">No.2</span>
</a>
<div class="mt5">
<a class="_avatar _avatar--xxxsm _avatar--user l-left mr6" href="/u/787452" target="_blank">
<img src="https://user.bcyimg.com/Public/Upload/avatar/787452/df791b183eff47c8820a0b1394998a13/fat.jpg/amiddle">
</a>
<a class="db blue1 lh18 cut" href="/u/787452" target="_blank">
小塞 </a>
</div>
</div><div class="illustNewTopList__item l-left">
<a class="newThumbnail__img" href="/illust/detail/141670/1749462" target="_blank" title="【Lost Crusade】平塚雷鸟">
<img src="https://img5.bcyimg.com/drawer/141670/cover/c0c4z/89aeb650d00211e7b20b334502ca0ad5.jpg" alt=" ">
<span class="illustNewTopList__No3 rankBadge">No.3</span>
</a>
<div class="mt5">
<a class="_avatar _avatar--xxxsm _avatar--user l-left mr6" href="/u/2825982" target="_blank">
<img src="https://user.bcyimg.com/Public/Upload/avatar/2825982/ae3974bdc1ff43acba1d31037ed9ded1/fat.jpg/amiddle">
</a>
<a class="db blue1 lh18 cut" href="/u/2825982" target="_blank">
Leo_Thasario </a>
</div>
</div> <div class="illustNewTopList__more l-left">
<ul>
<li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/80103/1757381" target="_blank" title="武装JK">
<img src="https://img9.bcyimg.com/drawer/80103/cover/c0c52/00423a30d20111e78c7785795e385473.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.4</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/2050299" target="_blank">
zｚZ然Zｚz </a>
</div>
</li><li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/141670/1749390" target="_blank" title="【関ヶ原演義】狐变化">
<img src="https://img5.bcyimg.com/drawer/141670/cover/c0c4z/89b7c290cff811e7a963156826338fef.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.5</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/2825982" target="_blank">
Leo_Thasario </a>
</div>
</li><li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/42576/1754834" target="_blank" title="苏拉女王">
<img src="https://img5.bcyimg.com/drawer/42576/cover/c0c51/ef44b210d1b211e7b09ca1323bd6f974.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.6</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/1521332" target="_blank">
Wait-PPP </a>
</div>
</li><li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/42576/1754844" target="_blank" title="雯">
<img src="https://img9.bcyimg.com/drawer/42576/cover/c0c51/3b053e40d1b311e7bc74e7338d9207fc.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.7</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/1521332" target="_blank">
Wait-PPP </a>
</div>
</li> </ul>
</div> </div>
</div>
<div class="l-grid__item _box l-newTopList">
<div class="illustNewTopList">
<header class="l-clearfix ml10 mr10">
<div class="illustNewTopList__title">
<a href="/illust/toppost100?type=newPeople" class="js-nologinLink">
<div class="fz16 mt20 l-left text"><span class="mr6 fz20 red">新人</span>榜 <span class="fz12">······（<span class="red">查看TOP30</span>）</span></div>
</a>
</div>
</header>
<div class="illustNewTopList__item l-left">
<a class="newThumbnail__img" href="/illust/detail/153474/1752493" target="_blank" title="Equestria[04]">
<img src="https://img5.bcyimg.com/drawer/153474/cover/c0c50/aa0174b0d11511e7bc6fed36dc2ad525.jpg" alt=" ">
<span class="illustNewTopList__No1 rankBadge">No.1</span>
</a>
<div class="mt5">
<a class="_avatar _avatar--xxxsm _avatar--user l-left mr6" href="/u/2940141" target="_blank">
<img src="https://user.bcyimg.com/Public/Upload/avatar/2940141/d9a03f1061ed4a50b3d6dda8cc055bf6/fat.jpg/amiddle">
</a>
<a class="db blue1 lh18 cut" href="/u/2940141" target="_blank">
XIE_ </a>
</div>
</div><div class="illustNewTopList__item l-left">
<a class="newThumbnail__img" href="/illust/detail/157894/1759627" target="_blank" title="过度的劳累对身体不好啊哥哥">
<img src="https://img9.bcyimg.com/drawer/157894/cover/c0c52/2db188f0d29111e7a736f972b643b9b6.jpg" alt=" ">
<span class="illustNewTopList__No2 rankBadge">No.2</span>
</a>
<div class="mt5">
<a class="_avatar _avatar--xxxsm _avatar--user l-left mr6" href="/u/2976132" target="_blank">
<img src="https://user.bcyimg.com/Public/Upload/avatar/2976132/8015de4c4641483aaf4ae747e98ac17d/fat.jpg/amiddle">
</a>
<a class="db blue1 lh18 cut" href="/u/2976132" target="_blank">
Gin渣渣 </a>
</div>
</div><div class="illustNewTopList__item l-left">
<a class="newThumbnail__img" href="/illust/detail/10771/1758437" target="_blank" title="雜圖（？">
<img src="https://img5.bcyimg.com/drawer/10771/cover/c0c52/dvgst12qymyyz77hn6k5btkkpfpqnhai.jpg" alt=" ">
<span class="illustNewTopList__No3 rankBadge">No.3</span>
</a>
<div class="mt5">
<a class="_avatar _avatar--xxxsm _avatar--user l-left mr6" href="/u/185204" target="_blank">
<img src="https://user.bcyimg.com/Public/Upload/avatar/185204/082c6871ced74e54aaaa9a6e8e3ef3ee/fat.jpg/amiddle">
</a>
<a class="db blue1 lh18 cut" href="/u/185204" target="_blank">
MIKAN </a>
</div>
</div> <div class="illustNewTopList__more l-left">
<ul>
<li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/156957/1751527" target="_blank" title="中国paro的胜出XD">
<img src="https://img5.bcyimg.com/drawer/156957/cover/c0c50/b74c1076f3854380bbcd94888e17c151.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.4</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/2968645" target="_blank">
玄栎栎_ </a>
</div>
</li><li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/157826/1758981" target="_blank" title="百鬼夜行">
<img src="https://img5.bcyimg.com/drawer/157826/cover/c0c52/635976a0d27a11e785e0cf6b55a1c410.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.5</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/2941911" target="_blank">
电动四大爷 </a>
</div>
</li><li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/146763/1761593" target="_blank" title="钻石组">
<img src="https://img5.bcyimg.com/drawer/146763/cover/c0c53/fa295dd0d33211e7b6228b20ac43e7ef.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.6</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/2876634" target="_blank">
暴躁REd </a>
</div>
</li><li class="illustNewTopList__moreListItem mb2">
<a class="newThumbnail__img" href="/illust/detail/158456/1764806" target="_blank" title="钻石组！！！！！">
<img src="https://img9.bcyimg.com/drawer/158456/cover/c0c54/mtus22n4pgh0pgldhoyxpo0inhec6pit.jpg" alt=" ">
<span class="illustNewTopList__No rankBadge">No.7</span>
</a>
<div class="mt5">
<a class="db blue1 lh18 cut" href="/u/2980882" target="_blank">
九九九歌歌歌 </a>
</div>
</li> </ul>
</div> </div>
</div>
</div>
</div>
</div>
</div>
<a class="newBtn _btn--whiteRed _btn--block _btn--icon" href="/illust">更多绘画作品<span class="ml5"><i class="i-right-arrow"></i></span></a>
</div>
<div class="channel-panel mb40">
<header class="iLHd mb15 l-clearfix">
<a href="/novel" class="channel-panel__indexHd fz26">
<img src="//pubin.bcyimg.com/Image/icon/TWORD-8b62b64969.png" class="dib vat l-left mr8">
<h2 class="iLHd__tit mr10">写作频道</h2>
</a>
<nav class="l-left mt12 fz14 channel-panel__split">
<a href="/novel">频道首页</a>
<a href="/novel/workSort">全部作品</a>
<a href="/novel/allwriter">写手们</a>
<a href="/novel/set/all">连载</a>
</nav>
<a class="l-right _btn _btn--icon _btn--redBorder fz12" href="/novel">前往写作频道
<span>
<i class="i-arrow-next vat mt1"></i>
</span>
</a>
</header>
<div class="channel-panel__bd">
<div class="row mb10">
<div class="_box ph10 pt10">
<header class="lCHd__tit fz16 mb10 pt2 pb2">
热门同人
</header>
<div class="channel-index popular-Original hAuto l-left mb10 posr mr10">
<a href="/novel/listhotwork/6806" target="_blank">
<img src="https://img9.bcyimg.com/core/work/flag/1791i/13b357b0a2aa11e7b593cd1e10237c2f.jpg/2X3">
<div class="popular-Original__index1">1</div>
</a><footer class="posa bottom"><a href="/novel/listhotwork/6806" target="_blank">
</a><div class="cut"><a href="/novel/listhotwork/6806" target="_blank">
</a><a href="/novel/listhotwork/6806" class="text" target="_blank">
<span class="fz16">
王者荣耀 </span>
</a>
</div>
<p class="text mt5">本周更新<span class="red">1770</span>篇</p>
</footer>
</div><div class="channel-index popular-Original hAuto l-left mb10 posr mr10">
<a href="/novel/listhotwork/6332" target="_blank">
<img src="https://img5.bcyimg.com/core/work/flag/1791b/e68283109ceb11e7876739e6c6b80f9c.jpg/2X3">
<div class="popular-Original__index2">2</div>
</a><footer class="posa bottom"><a href="/novel/listhotwork/6332" target="_blank">
</a><div class="cut"><a href="/novel/listhotwork/6332" target="_blank">
</a><a href="/novel/listhotwork/6332" class="text" target="_blank">
<span class="fz16">
凹凸世界 </span>
</a>
</div>
<p class="text mt5">本周更新<span class="red">1535</span>篇</p>
</footer>
</div><div class="channel-index popular-Original hAuto l-left mb10 posr mr10">
<a href="/novel/listhotwork/4268" target="_blank">
<img src="https://img9.bcyimg.com/drawer/49551/post/c0c4m/55d05f90c55911e7908e1bafa543a83a.png/2X3">
<div class="popular-Original__index3">3</div>
</a><footer class="posa bottom"><a href="/novel/listhotwork/4268" target="_blank">
</a><div class="cut"><a href="/novel/listhotwork/4268" target="_blank">
</a><a href="/novel/listhotwork/4268" class="text" target="_blank">
<span class="fz16">
全职高手 </span>
</a>
</div>
<p class="text mt5">本周更新<span class="red">290</span>篇</p>
</footer>
</div><div class="channel-index popular-Original hAuto l-left mb10 posr mr10">
<a href="/novel/listhotwork/7619" target="_blank">
<img src="https://img5.bcyimg.com/core/work/flag/1791i/80b572f0a2a811e79d8079e344e8f58d.jpg/2X3">
<div class="popular-Original__index">4</div> </a><footer class="posa bottom"><a href="/novel/listhotwork/7619" target="_blank">
</a><div class="cut"><a href="/novel/listhotwork/7619" target="_blank">
</a><a href="/novel/listhotwork/7619" class="text" target="_blank">
<span class="fz16">
阴阳师手游 </span>
</a>
</div>
<p class="text mt5">本周更新<span class="red">185</span>篇</p>
</footer>
</div><div class="channel-index popular-Original hAuto l-left mb10 posr mr10">
<a href="/novel/listhotwork/3793" target="_blank">
<img src="https://img5.bcyimg.com/drawer/4159/post/c0c4n/0ec18370c63c11e78568e969a098e66a.jpg/2X3">
<div class="popular-Original__index">5</div> </a><footer class="posa bottom"><a href="/novel/listhotwork/3793" target="_blank">
</a><div class="cut"><a href="/novel/listhotwork/3793" target="_blank">
</a><a href="/novel/listhotwork/3793" class="text" target="_blank">
<span class="fz16">
盗墓笔记 </span>
</a>
</div>
<p class="text mt5">本周更新<span class="red">109</span>篇</p>
</footer>
</div><div class="channel-index popular-Original hAuto l-left mb10 posr mr10">
<a href="/novel/listhotwork/6429" target="_blank">
<img src="https://img5.bcyimg.com/drawer/45435/post/c0c4y/b7dc5da0cf8211e7a7ed8b9d1a3530a9.jpg/2X3">
<div class="popular-Original__index">6</div> </a><footer class="posa bottom"><a href="/novel/listhotwork/6429" target="_blank">
</a><div class="cut"><a href="/novel/listhotwork/6429" target="_blank">
</a><a href="/novel/listhotwork/6429" class="text" target="_blank">
<span class="fz16">
魔道祖师 </span>
</a>
</div>
<p class="text mt5">本周更新<span class="red">106</span>篇</p>
</footer>
</div><div class="channel-index popular-Original hAuto l-left mb10 posr ">
<a href="/novel/listhotwork/1827" target="_blank">
<img src="https://img5.bcyimg.com/drawer/17112/post/c0c4z/83hnalxtqerqcnkxsxichfv9gjv11gix.jpg/2X3">
<div class="popular-Original__index">7</div> </a><footer class="posa bottom"><a href="/novel/listhotwork/1827" target="_blank">
</a><div class="cut"><a href="/novel/listhotwork/1827" target="_blank">
</a><a href="/novel/listhotwork/1827" class="text" target="_blank">
<span class="fz16">
黑塔利亚 </span>
</a>
</div>
<p class="text mt5">本周更新<span class="red">103</span>篇</p>
</footer>
</div> </div>
</div>
<div class="row">
<div class="_box ph10 mb10 pt10">
<header class="lCHd__tit fz16 mb10 pt2 pb2">
推荐CP
</header>
<div class="panel__bd grid4">
<div class="grid__inner">
<ul>
<li class="span1">
<div class="channel-index l-novelHotWork" title="by 禅三">
<a href="/tags/name/信白?filter=novel" target="_blank">
<header class="posr">
<img src="https://img9.bcyimg.com/editor/flag/178qe/6c8d0dd041bc11e7a2497d97fd76ee4a.jpg" class="posa">
<div class="cardHoverMask">
<p class="text-shadow center mt45 white fz16"><i class="i-tag-white mr3"></i>信白</p>
</div>
</header>
</a>
<ul class="ph10 l-novelHotWork__list">
<li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/93918/1769807" target="_blank" title="信白(19)：韩跳跳-欧阳萌时">
信白(19) </a>
<a class="l-right fz12 blue1" href="/u/2769791">
韩跳跳-欧… </a>
</li><li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/98548/1769765" target="_blank" title="【信白】四世轮回：柚熙的男神是李白哥哥">
【信白】四世轮回 </a>
<a class="l-right fz12 blue1" href="/u/2917893">
柚熙的男神… </a>
</li><li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/100633/1769704" target="_blank" title="孤(3)：染撒子">
孤(3) </a>
<a class="l-right fz12 blue1" href="/u/2949642">
染撒子 </a>
</li><li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/100167/1769666" target="_blank" title="信白小段子（6）：小无ღ">
信白小段子（6） </a>
<a class="l-right fz12 blue1" href="/u/2584307">
小无ღ </a>
</li> </ul>
</div>
</li><li class="span1">
<div class="channel-index l-novelHotWork" title="by M_泊远">
<a href="/tags/name/云亮?filter=novel" target="_blank">
<header class="posr">
<img src="https://img9.bcyimg.com/editor/flag/178qe/6ca095d041bc11e7a2497d97fd76ee4a.jpg" class="posa">
<div class="cardHoverMask">
<p class="text-shadow center mt45 white fz16"><i class="i-tag-white mr3"></i>云亮</p>
</div>
</header>
</a>
<ul class="ph10 l-novelHotWork__list">
<li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/101870/1769802" target="_blank" title="校园王者有点乱(2)：社会你鹊哥就不奶李白">
校园王者有点乱(2) </a>
<a class="l-right fz12 blue1" href="/u/2969048">
社会你鹊哥… </a>
</li><li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/101870/1769793" target="_blank" title="校园王者有点乱(1)：社会你鹊哥就不奶李白">
校园王者有点乱(1) </a>
<a class="l-right fz12 blue1" href="/u/2969048">
社会你鹊哥… </a>
</li><li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/102815/1769700" target="_blank" title="王者三国的逗比日常(2)：霍桐玥">
王者三国的逗比日常(2) </a>
<a class="l-right fz12 blue1" href="/u/2604998">
霍桐玥 </a>
</li><li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/83771/1769574" target="_blank" title="【信白】跨越千年来爱你：宝宝是受_反攻是家族宿命">
【信白】跨越千年来爱你 </a>
<a class="l-right fz12 blue1" href="/u/2686880">
宝宝是受_… </a>
</li> </ul>
</div>
</li><li class="span1">
<div class="channel-index l-novelHotWork" title="by T岚yusa">
<a href="/tags/name/瑞金?filter=novel" target="_blank">
<header class="posr">
<img src="https://img9.bcyimg.com/editor/flag/178vl/7ef77b40678c11e7ab75ddc38f90bcc7.jpg" class="posa">
<div class="cardHoverMask">
<p class="text-shadow center mt45 white fz16"><i class="i-tag-white mr3"></i>瑞金</p>
</div>
</header>
</a>
<ul class="ph10 l-novelHotWork__list">
<li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/62212/1769873" target="_blank" title="瑞金——生日快乐？：阳桥">
瑞金——生日快乐？ </a>
<a class="l-right fz12 blue1" href="/u/1737711">
阳桥 </a>
</li><li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/99459/1769801" target="_blank" title="凹凸那些事╭(15)：前方高萌">
凹凸那些事╭(15) </a>
<a class="l-right fz12 blue1" href="/u/2913971">
前方高萌 </a>
</li><li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/87667/1769712" target="_blank" title="【ABO】绝对概率（27）：-欺诈师-">
【ABO】绝对概率（27） </a>
<a class="l-right fz12 blue1" href="/u/2369297">
-欺诈师- </a>
</li><li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/97100/1769660" target="_blank" title="收养者的观察日记(1)预告：烁盏是水熊虫之王">
收养者的观察日记(1)预… </a>
<a class="l-right fz12 blue1" href="/u/2893583">
烁盏是水熊… </a>
</li> </ul>
</div>
</li><li class="span1">
<div class="channel-index l-novelHotWork" title="by 读然">
<a href="/tags/name/安雷?filter=novel" target="_blank">
<header class="posr">
<img src="https://img9.bcyimg.com/editor/flag/4bou/aa25b04060a011e788c87dfa46d1c149.jpg" class="posa">
<div class="cardHoverMask">
<p class="text-shadow center mt45 white fz16"><i class="i-tag-white mr3"></i>安雷</p>
</div>
</header>
</a>
<ul class="ph10 l-novelHotWork__list">
<li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/102957/1769825" target="_blank" title="（安雷）我做的一个前言不搭后语的梦，大概有隐藏剧情：顾白辰-">
（安雷）我做的一个前言… </a>
<a class="l-right fz12 blue1" href="/u/1078706">
顾白辰- </a>
</li><li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/102684/1769805" target="_blank" title="凹凸无聊本（1）：豆腐渣豆腐花豆腐脑">
凹凸无聊本（1） </a>
<a class="l-right fz12 blue1" href="/u/2978865">
豆腐渣豆腐… </a>
</li><li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/96747/1769742" target="_blank" title="论雷狮海盗团的狐妖小姐预告：勒琦">
论雷狮海盗团的狐妖小姐… </a>
<a class="l-right fz12 blue1" href="/u/2771956">
勒琦 </a>
</li><li class="ovf">
<a class="l-left fz14 text" href="/novel/detail/51548/1769724" target="_blank" title="违逆(6)：专业服务二十年">
违逆(6) </a>
<a class="l-right fz12 blue1" href="/u/2043690">
专业服务二… </a>
</li> </ul>
</div>
</li> </ul>
</div>
</div>
</div>
</div> </div>
<a class="newBtn _btn--whiteRed _btn--block _btn--icon" href="/novel">更多文字作品<span class="ml5"><i class="i-right-arrow"></i></span></a>
</div>
<div class="channel-panel mb40">
<header class="iLHd mb15 l-clearfix">
<a href="/coser" class="channel-panel__indexHd fz26">
<img src="//pubin.bcyimg.com/Image/icon/TCOS-8747e945c8.png" class="dib vat l-left mr8">
<h2 class="iLHd__tit mr10">COS频道</h2>
</a>
<nav class="l-left mt12 fz14 channel-panel__split">
<a href="/coser">频道首页</a>
<a href="/coser/allwork">最新COS</a>
<a href="/coser/allcoser">Cosers</a>
<a href="/tags/name/COS二手?filter=all">二手</a>
<a href="/tags/name/COS%E6%8B%9B%E5%8B%9F?filter=all">招募</a>
</nav>
<a class="l-right _btn _btn--icon _btn--redBorder fz12" href="/coser">前往COS频道
<span>
<i class="i-arrow-next vat mt1"></i>
</span>
</a>
</header>
<a class="newBtn _btn--whiteRed _btn--block _btn--icon" href="/coser">更多COS作品<span class="ml5"><i class="i-right-arrow"></i></span></a>
</div>
<div class="row mb40">
<div class="channel-index">
<header class="iLHd mb15 l-clearfix">
<span class="icon-text l-left mr8">
<i class="i-index-recommend"></i>
</span>
<h2 class="iLHd__tit mr10">精选推荐</h2>
<nav class="l-left mt12 fz14 channel-panel__split">
<a href="/special" target="_blank"><span>最新专题</span></a>
<a href="/discover" target="_blank"><span>精选作品</span></a>
</nav>
<a class="l-right _btn _btn--icon _btn--redBorder fz12" href="/discover">查看更多 <span>
<i class="i-arrow-next vat mt1"></i>
</span>
</a>
</header>
<div class="l-clearfix mb10">
<div class="l-grid l-grid--10">
<div class="l-grid__inner">
<a class="l-grid__item specialCard _box" href="/special/detail/913" target="_blank">
<header class="specialCard__tit">
<img src="https://img9.bcyimg.com/editor/flag/c0c56/e937c8b0d5ba11e7908f734d9c19e6e1.jpg">
<ul class="specialCard__badges">
<li class="specialCardBadge specialCardBadge--user">达人</li> <li class="specialCardBadge specialCardBadge--novel">写作</li> </ul> </header>
<div class="specialCard__bd">
<h4 class="cut lh24 fz18 mb9 text">【写手推荐】七海の鱼</h4>
<p class="minor fz14 lh1d5">文笔超棒的农药写手，信白狄芳邦良等各CP都有涉及，吃粮吃得好满足！封面感谢@神秘星球的…</p>
</div>
</a><a class="l-grid__item specialCard _box" href="/special/detail/912" target="_blank">
<header class="specialCard__tit">
<img src="https://img9.bcyimg.com/editor/flag/c0c55/34fcf230d4de11e7be8e7ff8d41b33e3.jpg">
<ul class="specialCard__badges">
<li class="specialCardBadge specialCardBadge--illust">绘画</li> </ul> </header>
<div class="specialCard__bd">
<h4 class="cut lh24 fz18 mb9 text">【国人绘师推荐】Leo_Thasario</h4>
<p class="minor fz14 lh1d5">笔下的人物灵气舒展，张力十足！每一幅完成度都超高哒！喜欢的小伙伴快来点击关注吧~</p>
</div>
</a><a class="l-grid__item specialCard _box" href="/special/detail/911" target="_blank">
<header class="specialCard__tit">
<img src="https://img9.bcyimg.com/editor/flag/c0c54/c8311520d40e11e7a194b3423a57fd31.jpg">
<ul class="specialCard__badges">
<li class="specialCardBadge specialCardBadge--illust">绘画</li> </ul> </header>
<div class="specialCard__bd">
<h4 class="cut lh24 fz18 mb9 text">兔女郎有三妙，黑丝紧身肉感好！</h4>
<p class="minor fz14 lh1d5">视觉满分享受！听说点进来的都出不去了！</p>
</div>
</a><a class="l-grid__item specialCard _box" href="/special/detail/910" target="_blank">
<header class="specialCard__tit">
<img src="https://img9.bcyimg.com/editor/flag/c0c53/6e2dab10d35f11e7997d7dbedf62089c.jpg">
<ul class="specialCard__badges">
<li class="specialCardBadge specialCardBadge--cos">COS</li> <li class="specialCardBadge specialCardBadge--user">达人</li> </ul> </header>
<div class="specialCard__bd">
<h4 class="cut lh24 fz18 mb9 text">【封面coser推荐】受受SAMA__wb</h4>
<p class="minor fz14 lh1d5">知名舞台COS社团【暗荣骑士团】团长他不仅是一名出色的舞台coser，在平面上也有着极为优…</p>
</div>
</a><a class="l-grid__item specialCard _box" href="/special/detail/909" target="_blank">
<header class="specialCard__tit">
<img src="https://img5.bcyimg.com/editor/flag/c0c50/f32c0e60d10211e78bdc89220676b93c.jpg">
<ul class="specialCard__badges">
<li class="specialCardBadge specialCardBadge--user">达人</li> <li class="specialCardBadge specialCardBadge--illust">绘画</li> </ul> </header>
<div class="specialCard__bd">
<h4 class="cut lh24 fz18 mb9 text">【编辑精选】本周新入驻人气绘师</h4>
<p class="minor fz14 lh1d5">【11.18-11.24】一起来围观绘师发的CP糖or刀吧，最后有瑞金狗粮瞩目XD</p>
</div>
</a><a class="l-grid__item specialCard _box" href="/special/detail/908" target="_blank">
<header class="specialCard__tit">
<img src="https://img5.bcyimg.com/editor/flag/c0c50/c03bff70d0f211e786f8adcc8d247360.jpg">
<ul class="specialCard__badges">
<li class="specialCardBadge specialCardBadge--cos">COS</li> <li class="specialCardBadge specialCardBadge--user">达人</li> </ul> </header>
<div class="specialCard__bd">
<h4 class="cut lh24 fz18 mb9 text">本周新人之星&新入驻Coser推荐TOP5</h4>
<p class="minor fz14 lh1d5">【11.18-11.24】宝石之国拍摄构思极佳！阴阳师农药再度霸榜！</p>
</div>
</a> </div>
</div>
</div>
<a class="newBtn _btn--whiteRed _btn--block _btn--icon" href="/discover">更多精选推荐<span class="ml5"><i class="i-right-arrow"></i></span></a>
</div>
</div>
</div>
<div class="row border-top pt10 pl10">
<div class="l-clearfix mb10 fz14 lh1">
<label class="l-left text w142">专栏合作平面媒体</label>
<nav class="ovf">
<a class="minor l-left mr20 mb5" href="http://weibo.com/2dmania" target="_blank" rel="nofollow">二次元狂热</a>
</nav>
</div>
<div class="l-clearfix mb10 fz14 lh1">
<label class="l-left text w142">专栏合作网络媒体</label>
<nav class="ovf">
<a class="minor l-left mr20 mb5" href="http://acg.17173.com" target="_blank">17173动漫</a>
<a class="minor l-left mr20 mb5" href="http://cartoon.tudou.com" target="_blank" rel="nofollow">土豆动漫</a>
<a class="minor l-left mr20 mb5" href="http://17173.tv.sohu.com" target="_blank" rel="nofollow">17173视频</a>
<a class="minor l-left mr20 mb5" href="http://acfun.tv" target="_blank" rel="nofollow">ACFUN</a>
<a class="minor l-left mr20 mb5" href="http://iqiyi.com" target="_blank" rel="nofollow">爱奇艺PPS影音</a>
</nav>
</div>
<div class="l-clearfix mb10 fz14 lh1">
<label class="l-left text w142">友情链接</label>
<nav class="ovf">
<a class="minor l-left mr20 mb5" href="http://www.lanqb.com" target="_blank" title="蓝铅笔">蓝铅笔</a>
<a class="minor l-left mr20 mb5" href="http://moe.hao123.com" target="_blank" title="萌主页">萌主页</a>
<a class="minor l-left mr20 mb5" href="http://www.missevan.com" target="_blank" title="音频弹幕M站">音频弹幕M站</a>
<a class="minor l-left mr20 mb5" href="http://www.hexieshe.com" target="_blank" title="和邪社" rel="nofollow">和邪社</a>
<a class="minor l-left mr20 mb5" href="http://news.comicyu.com" target="_blank" title="漫域联播" rel="nofollow">漫域联播</a>
<a class="minor l-left mr20 mb5" href="http://www.c3acg.com" target="_blank" title="C3动漫网">C3动漫网</a>
<a class="minor l-left mr20 mb5" href="http://acg.178.com" target="_blank" title="178动漫频道" rel="nofollow">178动漫频道</a>
<a class="minor l-left mr20 mb5" href="http://acg.17173.com" target="_blank" title="17173动漫频道">17173动漫频道</a>
<a class="minor l-left mr20 mb5" href="http://www.moejam.com" target="_blank" title="梦域动漫网">梦域动漫网</a>
<a class="minor l-left mr20 mb5" href="http://www.gn00.com" target="_blank" title="技术宅社区">技术宅社区</a>
<a class="minor l-left mr20 mb5" href="http://zh.moegirl.org" target="_blank" title="萌娘百科" rel="nofollow">萌娘百科</a>
<a class="minor l-left mr20 mb5" href="http://www.ibantang.com" target="_blank" title="半糖">半糖</a>
</nav>
</div>
<div class="l-clearfix mb10 fz14 lh1">
<label class="l-left text w142">友情贴吧</label>
<nav class="ovf">
<a class="minor l-left mr20 mb5" href="http://tieba.baidu.com/f?kw=%E6%89%8B%E7%BB%98" target="_blank" title="手绘吧" rel="nofollow">手绘吧</a>
<a class="minor l-left mr20 mb5" href="http://tieba.baidu.com/f?kw=%E6%9D%BF%E7%BB%98" target="_blank" title="板绘吧">板绘吧</a>
<a class="minor l-left mr20 mb5" href="http://tieba.baidu.com/f?kw=%E6%BC%AB%E7%94%BB" target="_blank" title="漫画吧">漫画吧</a>
<a class="minor l-left mr20 mb5" href="http://tieba.baidu.com/f?kw=lovelive" target="_blank" title="lovelive吧">lovelive吧</a>
<a class="minor l-left mr20 mb5" href="http://tieba.baidu.com/f?kw=lovelivesunshine" target="_blank" title="lovelive吧">lovelivesunshine吧</a>
<a class="minor l-left mr20 mb5" href="http://tieba.baidu.com/f?kw=%C2%E5%CC%EC%D2%C0" target="_blank" title="洛天依吧">洛天依吧</a>
<a class="minor l-left mr20 mb5" href="http://tieba.baidu.com/f?kw=%E9%BB%91%E5%AD%90%E7%9A%84%E7%AF%AE%E7%90%83" target="_blank" title="黑子的篮球吧">黑子的篮球吧</a>
<a class="minor l-left mr20 mb5" href="http://tieba.baidu.com/f?kw=%C3%CE%CD%F5%B9%FA%D3%EB%B3%C1%CB%AF%B5%C4100%CD%F5%D7%D3" target="_blank" title="梦王国与沉睡的100王子吧">梦王国与沉睡的100王子吧</a>
<a class="minor l-left mr20 mb5" href="http://tieba.baidu.com/f?kw=cos%E9%81%93%E5%85%B7" target="_blank" title="cos道具吧">cos道具吧</a>
<a class="minor l-left mr20 mb5" href="http://tieba.baidu.com/f?kw=cos%E5%90%8E%E6%9C%9F" target="_blank" title="cos后期吧">cos后期吧</a>
<a class="minor l-left mr20 mb5" href="http://tieba.baidu.com/f?kw=%E6%B2%88%E9%98%B3cos" target="_blank" title="沈阳cos吧">沈阳cos吧</a>
<a class="minor l-left mr20 mb5" href="http://tieba.baidu.com/f?kw=cos%E6%91%84%E5%BD%B1" target="_blank" title="cos摄影吧">cos摄影吧</a>
</nav>
</div>
</div>
</div>
</body>
</html>
2. 用字典向index.html传递参数。
@app.route('/')
def myweb():
context={
'user':lh'
}
return render_template("myweb.html",**context)
