<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
<title>哔哩哔哩(*˘︶˘*).。.:♡轻栈演示</title>
<style>
* {
margin: 0px;
padding: 0px;
}
.bqbj2{height:auto; white-space: nowrap;overflow-y:auto;}.bqbj2::-webkit-scrollbar{display: none;}.bqbj2 .card{min-width:100px;vertical-align:top;display: inline-block;text-align: center;margin-top:5px;margin-left:1%;margin-right:1%;border:1px solid #ccc;border-radius:10px;position:relative;height:auto;}.bqbj2 .card a{text-decoration: none;color: #000;}.bqbj2 .card p {min-height:20px;white-space:normal;font-size:10px;}
.dbbj{margin: 0;z-index:999;display: flex;position: fixed;bottom: 0;left: 0;right: 0;background: #fff;height: 50px;}.dbbj a{text-decoration: none;color: #333;}.dbbj .dbbj-tab{flex: 1;text-align: center;box-sizing: border-box;}.dbbj-icon{display: block;}.dbbj-icon img{width: 16px;height: 16px;margin: 5px 0;}.dbbj .dbbj-tab a{display: block;height: 50px;line-height: 20px;}
.tbbj{box-shadow: 0 0 5px 0 black;position:fixed;left:0px;top:0px;z-index:999;width:100%;height:auto;background:white}
.xjbj-sm-4{position:relative;min-height:1px}.xjbj-sm-4{width:22.5%;margin:1.25%;}.xjbj-sm-3{width:30.8%;margin:1.25%;}.xjbj-sm-2{width:47.5%;margin:1.25%;}.xjbj{padding:0;}.xjbj li{list-style:none;float: left;padding: 0;}.xjbj li a{border-radius: 5px;display: inline-block; padding:0; font-size: 12px;background-color: #eee; color: #333; background: linear-gradient(to right,#eeeeee 0,#f6f6f6 100%);TEXT-DECORATION:none;display: block; padding: 8px 0 8px 0; text-align: center; width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.xfyxan:hover {background-color: rgb(240, 240, 240);bottom:50px;right:20px;}.xfyxan{position: fixed;background-color: #fff;width: 40px; height: 40px;border-radius: 50%;color: #999; display: flex;align-items: center; justify-content: center;font-size: 20px;box-shadow: 0 0 6px rgba(0,0,0,.12);cursor: pointer;z-index: 5;bottom:50px;right:20px;}.xfyxan a{width: 0;height: 0;position: fixed;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 7px solid #999;}
.wbbj{text-align:center;padding:20px 0;background:#f6f6f6}.wbbj a,.wbbj p{font-size:12px;color:#999}.wbbj img{max-width:100%}
.hxtplb{height:auto; white-space: nowrap;overflow-y:auto;}.hxtplb::-webkit-scrollbar{display: none;}.hxtplb .card{width:200px;vertical-align:top;display: inline-block;text-align: center;margin-top:5px;margin-left:1%;margin-right:1%;min-height:84px;border:1px solid #ccc;border-radius:10px;position:relative;height:auto;}.hxtplb .card a{text-decoration: none;color: #000;}.hxtplb .card p {white-space:normal;font-size:10px;}.hxtplb .card .zuo{position:absolute;top:4px;left:4px;}.hxtplb .card .zuo img{height:70px;width:90px;border:1px solid #ccc;padding:2px;border-radius:5%}.hxtplb .card .you{margin-left:110px;}
.pblbj{display:flex;flex-direction:row;width:100%;}
.pblbj .rq{width:96%;padding:2%;}
.pblbj .rq .nxq{width:98%;border: 1px solid;border-radius: 5px;background:#ffffff;}
.pblbj .rq img {display: inline-block;width: 100%;border-radius: 4px;}
.pblbj .rq a{text-decoration:none;color:#000000;}
.pblbj .item{width:50%;}
.zbbj{padding-top:auto}
.kpbj{width:90%;margin:0 auto;margin-top:10px;margin-bottom:10px;padding-right:3px;box-shadow: 0 4px 8px 0 #aaa;border-radius: 10px;position:relative;}.kpbj a{text-decoration: none;color: #000;}.kpbj h3 {font-size:12px;color:#0066CC;line-height:2em;}.kpbj p {font-size:12px;line-height:1.5em;}.kpbj .zuo {position:absolute;top:4px;left:4px;}.kpbj .zuo img{height:40px;width:40px;border:1px solid #ccc;padding:2px;border-radius:50%}.kpbj .you {margin-left:60px;}
.crymbj{border: medium none;padding:0;width: 100%;height:auto;}
*{-webkit-tap-highlight-color:rgba(0,232,204,0.1);}
.ssk{position: fixed;width:100%; height:35px; display: flex;z-index: 10000;top:0px;right:0px;}
input[type=text] {
width: 20%;
position: fixed;
right:5%;
height:40px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
font-size: 16px;
background-color: white;
padding: 12px 12px 12px 12px;
/* 设置动画 */
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
input[type=text]:focus {
width:90%;
}
.bqbj{margin:0;height:auto;overflow:hidden;overflow-x:auto;white-space:nowrap;width:auto;background:#fcfcfc;padding:0.5rem}.bqbj::-webkit-scrollbar{display: none;}.bqbj li{height:auto;color:#282828;display:inline-block;width:auto;text-align:center;}.bqbj li a{text-decoration:none;color:#00ffdd;}
</style>
</head>
<body>
<div class="tbbj"><div style="margin:5px"><svg width="55px" height="25px" version="1.1" id="Bilibili" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2200 1000" xml:space="preserve">
<g>
<path d="M2030.61,892.82c-9.77,0-18.55,0-26.37-0.98c-16.6-0.97-33.2-1.95-49.8-1.95c-10.74,0-10.74,0-11.72-10.74
l-15.63-177.74l-15.62-147.46l-10.74-90.82l-9.77-79.1l-17.58-123.05c-5.86-43.94-12.69-86.91-21.48-130.86
c-0.98-6.83-0.98-7.81,6.84-8.79c30.27-5.86,61.52-8.79,92.77-8.79h10.74c4.88,0.98,7.81,3.91,8.79,9.77l3.91,67.38l27.34,364.26
l13.67,166.99l8.79,95.71L2030.61,892.82L2030.61,892.82z M833.34,112.54h17.58c8.79,0,10.74,2.93,10.74,11.72l7.82,118.17
l17.58,245.11l10.74,127.93l7.81,98.64l15.63,169.92c0,7.81-0.98,8.79-8.79,8.79l-70.32-2.93c-4.88,0.98-7.81-1.95-7.81-6.84
l-2.93-34.18c-2.93-29.29-5.86-58.59-7.81-88.86l-15.63-154.3l-16.6-139.65l-11.72-98.63l-12.69-89.85
c-5.86-40.04-12.7-81.05-19.53-121.09l-4.89-27.34c-0.97-4.89,0-6.84,4.89-7.82C774.75,116.45,801.12,111.57,833.34,112.54
L833.34,112.54L833.34,112.54z M1815.77,506.1c24.41,0,27.34,0.98,31.25,24.41c4.88,29.3,8.79,58.6,11.72,87.89l10.74,94.73
l20.51,201.17c0.97,4.89,0,6.84-4.89,6.84l-76.17,8.79c-7.81,0.97-9.77,0-10.