森语 – 第 491 页 – 二次元星球

游戏介绍

这是一款基于UE4引擎打造的卡通渲染风格剧情向游戏。在游戏中，你是联邦研究保护局FBRP的研究员，为保护人类应对来源不明的各种超自然现象及物体的研究工作。你将走进一个位面重叠的平行宇宙世界，人类面临的不可知事物何其之多，你所做出的每个选择都将影响游戏的结局。

游戏视频

游戏截图

版本介绍

Build.10337655|容量14.4GB|官方简体中文|支持键盘.鼠标

2023年1月20日

灵媒/The Medium – Deluxe Edition|豪华版

游戏介绍

《灵媒》是由Bloober Team SA制作发行的一款心理恐怖游戏，游戏中玩家将扮演一位能在现实世界和灵魂世界之间往来的灵媒。一个孩子被杀的异象一直萦绕在你脑际，这驱使你前往一处废弃的度假村进行调查。多年前，这里曾发生过一场惨不忍睹的悲剧。你将在这里揭开惨剧背后的真相。作为在两个世界间往来的灵媒，你拥有特殊的视角。你明白，常人眼中的世界只是真相的残片。真相远不止表象那么简单，一切都有另一面。

游戏视频

游戏截图

中文设置

Settings-TEXT-Language-中文

版本介绍

v20211121豪华版|容量42.8GB|官方简体中文|支持键盘.鼠标.手柄

2023年1月17日

效果截图

角标底色同步你站点

css样式

.post-1 a.post-list-cat-item {
    background:  var(--b2color);
    color: #fff!important;
    padding: 4px;
    line-height: 12px;
    border-radius: 4px;
}
.post-list-meta-box {
	justify-content: space-between;
	margin: 0px;
	color: #AAAEB3;
}
.post-list-cat {
    font-size: 12px;
    margin: 10px;
    top: 0px;
    position: absolute;
    z-index: 2;
    display: none;
}
.post-list .b2_gap .post-list-item :hover .post-list-cat{
	display: block;
}

2023年1月4日

游戏介绍

一股暗黑势力吞噬了美国边境。作为最高机密吸血鬼狩猎机构的仅存特工，你是人类与那些黑暗邪恶怪物之间的最后一道防线。挺身而出，成为‘西大荒超级英雄’，根除吸血鬼的威胁，拯救美国！

游戏截图

包含DLC

• Evil West – Wild Wild East Skin Pack

版本介绍

2022年12月30日

游戏介绍

《使命召唤10：幽灵》是一款由Infinity Ward制作Activision发行的第一人称射击类游戏，游戏主要讲述了一个被称为“联合会”的南美洲政权集合体迅速强大崛起成为了新的“超级大国”，劫持了美国的太空武器“奥丁”对美国本土发动了毁灭性的打击，在奥丁的攻击之下，使美国瓦解，不再为超级大国，而联合会也对美国发动了全面进攻。

游戏截图

版本介绍

全DLC终极版|支持BOT多人|容量46.3GB|内置简中汉化|支持键盘.鼠标.手柄

2022年12月23日

游戏介绍

《使命召唤8：现代战争3》是由Sledgehammer Games,Infinity Ward联合制作，Activision发行的一款第一人称FPS游戏，是是“现代战争”系列的第三部，《使命召唤》系列第八部作品。游戏主要讲述了以马卡洛夫为首的极端左派组织控制了俄罗斯绝大部分军火资源和军事资源，企图独裁整个俄罗斯和欧洲，马卡洛夫凭借军事上的优势，攻占了俄罗斯机场和总统的飞机，策划并绑架了俄罗斯总统和其女儿，挑起了第三次世界大战，整个美国和欧洲都陷入战火之中。游戏同时揭晓了“现代战争”系列主角的去向与秘密。

游戏截图

版本介绍

2022年12月23日

【7B2主题美化】首页动态搜索模块

背景是动态的哦！可自定义视频

1.b2后台模块管理-首页-添加自定义模块页面选择铺满，放入以下代码

<!--首页视频区块-->
<div id="page-wrapper">
	
	<div class="home-banner por">
		<section class="section">
			<div class="video-wrapper">
				<video poster="/pic/2f518848202a4.jpg" autoplay playsinline="" loop muted="" src="https://tongji.baidu.com/web5/image/banner/analytics.mp4" __idm_id__="2285569"></video>
			</div>
			<div class="video-overlay"></div>
		</section>
		<div class="layout-center poa" style="width: 1200px;top: 0;left: 50%;margin-left: -600px;">
			<div class="home-banner-content clearfix">
				<div class="slogan-text por fl">
					<p>
						森鹿语-二次元拯救世界</p>
					<i class="iblock poa corner"></i>
					<p class="promote-sub-title line-one">已发布<span style="display: inline-block;overflow: hidden;line-height: 34px;vertical-align: -9px;">
							<em id="goal-works" value="5351266">
								<ps style="color: #26d6c8;">52<ps>
							</em>
						</span>篇文章内容，运行了<ps style="color: #26d6c8;">816</ps>天</p>
				</div>
			</div>
			<div class="home-banner-search por searchv2-top-m">
				<div class="primary-menus" style=" width: 92%; position: unset;transform: translate(1px, 1px);">
					<div class="search-types-cycles poa">
						<ul class="selects">
							<li data-target="search_1">百度 </li>
							<li data-target="search_2">Bing </li>
							<li data-target="search_3" class="current">站内搜索 </li>
							<li data-target="search_4">360 </li>
							<li data-target="search_5">哔哩哔哩 </li>
							<li data-target="search_6">头条搜索 </li>
							<li data-target="search_8">知乎 </li>
						</ul>
					</div>
					<div class="cont">
						<div class="left-cont">
							<form class="search hidden" id="search_1" action="https://www.baidu.com/s?wd=" method="get" target="_blank">
								<input type="text" name="wd" class="s" placeholder="请输入关键词">
								<button type="submit" name="" class="btn">百度搜索</button>
							</form>
							<form class="search hidden" id="search_2" action="https://cn.bing.com/search?q=" method="get" target="_blank">
								<input type="text" name="q" class="s" placeholder="请输入关键词">
								<button type="submit" name="" class="btn">Bing搜索</button>
							</form>
							<form class="search" id="search_3" action="/?s=" method="get" target="_blank">
								<input type="text" name="s" class="s" placeholder="请输入关键词">
								<button type="submit" name="" class="btn">站内搜索</button>
							</form>
							<form class="search hidden" id="search_4" action="https://www.so.com/s?q=" method="get" target="_blank">
								<input type="text" name="query" class="s" placeholder="请输入关键词">
								<button type="submit" name="" class="btn">360搜索</button>
							</form>
							<form class="search hidden" id="search_5" action="https://search.bilibili.com/all?keyword=" method="get" target="_blank">
								<input type="text" name="q" class="s" placeholder="请输入关键词">
								<button type="submit" name="" class="btn">哔哩哔哩</button>
							</form>
							<form class="search hidden" id="search_6" action="https://so.toutiao.com/search?dvpf=pc&source=input&keyword=" method="get" target="_blank">
								<input type="text" name="q" class="s" placeholder="请输入关键词">
								<button type="submit" name="" class="btn">头条搜索</button>
							</form>
							<form class="search hidden" id="search_8" action="https://www.zhihu.com/search?q=" method="get" target="_blank">
								<input type="text" name="q" class="s" placeholder="请输入关键词">
								<button type="submit" name="" class="btn">知乎搜索</button>
							</form>
							<a class="hot-top text-notify" href="/cnjz" target="_blank" tips="教程分享" direction="bottom">
								<img src="/pic/rank.svg" class="icon-rank" height="15"> 热门教程</a>
						</div>
					</div>
				</div>
				<p class="home-banner-links line-one">热搜词：<a href="/?s=vip会员页面" target="_blank" class="iblock">vip会员页面</a>
					<a href="/?s=弹幕高级插件" target="_blank" class="iblock">弹幕高级插件</a>
					<a href="/?s=bilibili" target="_blank" class="iblock">bilibili</a>
					<a href="/?s=限制重复评论" target="_blank" class="iblock">限制重复评论</a>
					<a href="/?s=随机访问浏览量" target="_blank" class="iblock">随机访问浏览量</a>
				</p>
				<script src="/hitokoto/?format=js&charset=utf-8"></script>
				<style>
					p.home-banner-linkss.line-one1 { width: 80%; font-size: 14px; height: 20px; line-height: 20px; color: #fff; text-shadow: 0 2px 4px rgb(0 0 0 / 27%); margin-top: 40px; text-align: center; }
				</style>
				<p class="home-banner-linkss line-one1">
					<script>
						hitokoto()
					</script>
				</p>
				<!--<a href="https://shipin520.com/shipin/58.html" target="_blank" class="iblock">美食</a><a href="https://shipin520.com/shipin/53.html" target="_blank" class="iblock">水墨</a><a href="https://shipin520.com/shipin/62.html" target="_blank" class="iblock">航拍</a><a href="https://shipin520.com/shipin/843.html" target="_blank" class="iblock">动感</a><a href="https://shipin520.com/shipin/19.html" target="_blank" class="iblock">粒子</a><a href="https://shipin520.com/shipin/20904.html" target="_blank" class="iblock">VJ</a><a href="https://shipin520.com/shipin/2510.html" target="_blank" class="iblock">演出</a><a href="https://shipin520.com/shipin/32.html" target="_blank" class="iblock">AE模板</a><a href="https://shipin520.com/shipin/589.html" target="_blank" class="iblock">宣传片</a><a href="https://shipin520.com/shipin/54.html" target="_blank" class="iblock">地图</a>-->
			</div>
		</div> <!-- 头部快速链接导航 -->
		<div class="top-navs poa">
			<div class="layout-center clearfix" style="width: 1200px;">
				<div class="top-navs-l fl">
					<div class="top-navs-l-item fl">
						<p class="top-navs-l-title">
							<a href="/cnjz/jzzn" target="_blank" class="block">
								<svg class="icon-dhs" aria-hidden="true">
									<use xlink:href="#hg-zixun1"></use>
								</svg> <!-- <img src="//js.shipin520.com/pc/images/home/ae.png" alt="AE模板"> --> 建站指南
							</a>
						</p>
						<p class="top-navs-l-links">
							<a href="/?s=从零开始" class="fl" target="_blank">五步曲</a>
							<a href="/961.html" class="fl" target="_blank">备份</a>
						</p>
					</div>
					<div class="top-navs-l-item fl">
						<p class="top-navs-l-title">
							<a href="/cnjz/chajian" target="_blank" class="block">
								<svg class="icon-dhs" aria-hidden="true">
									<use xlink:href="#hg-huodong"></use>
								</svg> <!-- <img src="//js.shipin520.com/pc/images/home/pr.png" alt="Pr模板"> --> B2插件
							</a>
						</p>
						<p class="top-navs-l-links">
							<a href="/169.html" class="fl" target="_blank">统计插件</a>
							<a href="/921.html" class="fl" target="_blank">弹幕插件</a>
						</p>
					</div>
					<div class="top-navs-l-item fl">
						<p class="top-navs-l-title">
							<a href="/cnjz/bmh" target="_blank" class="block">
								<svg class="icon-dhs" aria-hidden="true">
									<use xlink:href="#hg-gongwenbao"></use>
								</svg>B2美化
							</a>
						</p>
						<p class="top-navs-l-links">
							<a href="/841.html" class="fl" target="_blank">昼夜模式</a>
							<a href="/576.html" class="fl" target="_blank">会员美化</a>
						</p>
					</div>
					<div class="top-navs-l-item fl">
						<p class="top-navs-l-title">
							<a href="/cnjz/wpxg" target="_blank" class="block">
								<svg class="icon-dhs" aria-hidden="true">
									<use xlink:href="#hg-chakansousuo"></use>
								</svg>WP修改
							</a>
						</p>
						<p class="top-navs-l-links">
							<a href="/1045.html" class="fl" target="_blank">订单通知</a>
							<a href="/1109.html" class="fl" target="_blank">评论IP</a>
						</p>
					</div>
					<div class="top-navs-l-item fl">
						<p class="top-navs-l-title">
							<a href="https://wpa.qq.com/msgrd?v=3&uin=1580292799&site=qq&menu=yes" target="_blank" class="block">
								<svg class="icon-dhs" aria-hidden="true">
									<use xlink:href="#hg-dingwei"></use>
								</svg>合作伙伴
							</a>
						</p>
						<p class="top-navs-l-links">
							<a href="https://wpa.qq.com/msgrd?v=3&uin=1580292799&site=qq&menu=yes" class="fl" target="_blank">广告投放</a>
							<a href="https://wpa.qq.com/msgrd?v=3&uin=1580292799&site=qq&menu=yes" class="fl" target="_blank">友情链接</a>
						</p>
					</div>
				</div>
				<div class="top-navs-m fl">
					<a href="/gold-top" target="_blank" class="fl">财富排行</a>
					<a href="/dark-room" target="_blank" class="fl">小黑屋</a>
					<a href="/task" target="_blank" class="fl">任务大厅</a>
					<a href="/mission/today" target="_blank" class="fl">签到管理</a>
				</div>
				<div class="top-navs-r fl clearfix">
					<a class="fl" rel="nofollow" target="_blank" href="/verify">
						<svg class="icon-dhs" aria-hidden="true">
							<use xlink:href="#hg-yonghu"></use>
						</svg>
						<p>高级认证</p>
					</a>
					<a class="fl" target="_blank" href="/vips">
						<svg class="icon-dhs" aria-hidden="true">
							<use xlink:href="#hg-huiyuan"></use>
						</svg>
						<p>会员办卡</p>
					</a>
				</div>
			</div>
		</div>
	</div>
</div>

2、以下JS代码放入child.js

没有child.js请在B2主题目录下新建一个

/*首页动态大图搜索开始*/
(function($){
  var m=$('.primary-menus');
  if(m.length<1) return;
  var ul=m.find('.selects');
  if(ul.length<1) return;
  var lis=ul.children('li');
  if(lis.length<1) return;
  var s=m.find('.search');
  var sVal=s.find('.s').val();
  lis.on('click',function () {
    var d=$(this).attr('data-target');
    if (d) {
      lis.removeClass('current');
      $(this).addClass('current');
      s.addClass('hidden');
      s.filter('#'+d).removeClass('hidden');
      //s.filter('#'+d).find('.s').val('');
      s.filter('#'+d).find('.s').trigger('focusin');
    }
  });
  s.find('.s').on('focusin',function () {
    if ($(this).val()==sVal) {
      $(this).val('');
    }
  })
  s.find('.s').on('focusout',function () {
    var v=$(this).val();
    if (orz.isEmpty(v)) {
      v=sVal;
    }
    s.find('.s').val(v);
  })
})(jQuery);
/*首页动态大图搜索结束*/

3.引入阿里矢量图标，该链接失效后请自行修改

这里放在：B2主题设置–>常规设置–>综合设置–>头部HTML标签

<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_3290918_bwveur0fle.css" />
<script src="//at.alicdn.com/t/font_3290918_bwveur0fle.js"></script>

4.代码放到你的css样式

这里放到：点击外观–>点击自定义–>点击额外css–>复制进去发布即可！

/*首页动态大图开始*/
@media screen and (max-width: 768px){
    
    .home-banner-links{
        width:100%!important;
    }
    .home-banner-content .slogan-text p {
    font-weight: 400!important;
    font-size: 16px!important;
    line-height: 24px!important;
    letter-spacing: 3px!important;
    text-shadow: 0 2px 4px rgb(0 0 0 / 25%);
    margin-bottom: 0px!important;
}
    .home-banner-content,.slogan-text.por.fl{
   
    margin-left: 10px!important;
    margin-bottom:10px!important;
    
}
    .home-banner .search-types-cycles,.home-banner-linkss{
        display:none;
    }
    .layout-center{
        width:100%!important;
        margin-left:0px!important;
        left:0px!important;
    }
    .primary-menus{
        width:100%!important;
    }
 .html-box {
    width: 100%!important;
}
.top-navs{
    display:none;
}
.home-banner .section {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 400px!important;
    height: 100vh;
}
.home-banner{
    height:400px!important;
    width:100%!important;
    
    }
    
    .home-banner-search {
    width: 90%!important;
    margin-left: 10px!important;
    }
.home-banner-search form {
    margin-left: 10px;
    width: 90%;
}
}
    
#page-wrapper {
	min-height:100%;
	margin-top:-10px
}
.home-banner {
	height:600px;
	position:relative;
	z-index:1;
	background-position:0 100%;
	animation:gradient 12s ease-in-out infinite;
	margin-bottom:20px;
}
.home-banner .section {
	position:relative;
	width:100%;
	overflow:hidden;
	max-height:600px;
	height:100vh
}
.home-banner .section .video-wrapper {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	z-index:0
}
.home-banner .section .video-wrapper video {
	visibility:visible;
	pointer-events:none;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:100%;
	width:100%;
	object-fit:cover
}
.home-banner .section .video-overlay {
	height:100%;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	background:rgba(45,47,54,.15)
}
.home-banner .corner {
	width:28px;
	height:21px;
	border-radius:4px;
	left:500px;
	top:0;
	background:url(/pic/corner-8k.gif) no-repeat;
	background-size:100%
}
.home-banner .home-menus {
	margin-left:70px
}
.home-banner .home-menus .cus-dropbox-trigger a,.home-banner .home-menus>a {
	color:#fff;
	font-size:14px;
	margin-right:20px;
	line-height:60px
}
.home-banner .home-menus .cus-dropbox-trigger a:hover,.home-banner .home-menus>a:hover {
	color:#21cec0
}
.home-banner>.layout-center {
	height:100%
}
.home-banner-content {
	padding-top:150px;
	margin-left:182px;
	margin-bottom:22px
}
.home-banner-content .slogan-text p {
	font-size:18px;
	line-height:24px;
	letter-spacing:6px;
	color:#fff
}
.home-banner-content .slogan-text p:nth-of-type(1) {
	font-weight:600;
	font-size:28px;
	line-height:46px;
	letter-spacing:6px;
	text-shadow:0 2px 4px rgba(0,0,0,.25);
	margin-bottom:10px
}
.home-banner-search {
	width:800px;
	margin-left:209px;
	height:auto
}
.home-banner-search form {
	margin-bottom:10px
}
.home-banner-search form>input {
	width:100%;
	height:48px;
	background:#fff;
	border-radius:8px 0 0 8px;
	border:none;
	padding:18px 22px;
	font-size:14px;
	color:#333
}
.home-banner-search form>input::placeholder {
	color:#979797
}
.home-banner-search .hot-top {
	position:absolute;
	top:13px;
	right:115px;
	font-size:13px
}
.home-banner-search .hot-top i {
	margin-right:4px
}
.home-banner-search .hot-words-container,.home-banner-search .rec-words-container {
	width:100%;
	top:56px
}
.home-banner-links {
	width:80%;
	font-size:14px;
	height:20px;
	line-height:20px;
	color:#fff;
	text-shadow:0 2px 4px rgba(0,0,0,.27)
}
.home-banner-links a {
	margin-right:19px;
	color:inherit
}
.home-banner-links a:hover {
	color:#35eee3
}
.home-banner .search-types-cycles {
	width:106px;
	height:290px;
	background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(53,238,227,.1445) 51.04%,rgba(0,0,0,0) 100%);
	left:630px;
	top:-121px;
	text-align:center;
	z-index:-1
}
.home-banner .search-types-cycles .search-types-btn {
	width:100%;
	height:20px;
	line-height:20px;
	cursor:pointer;
	user-select:none;
	left:0;
	bottom:-20px;
	z-index:1
}
.home-banner .search-types-cycles .search-types-btn i {
	color:#fff;
	font-size:12px
}
.home-banner .search-types-cycles .search-types-btn:nth-of-type(1) {
	bottom:auto;
	top:-20px
}
.home-banner .search-types-cycles .search-types-btn:nth-of-type(1) i {
	transform:rotate(180deg)
}
.home-banner .search-types-cycles .search-types-btn:hover i {
	color:#35eee3
}
.home-banner .search-types-cycles ul {
	width:100%;
	height:100%;
	padding-top:5px
}
.home-banner .search-types-cycles ul:after,.home-banner .search-types-cycles ul:before {
	content:'';
	width:1px;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(0,transparent 0,#35eee3 50%,transparent 100%)
}
.home-banner .search-types-cycles ul:after {
	left:auto;
	right:0
}
.home-banner .search-types-cycles ul li {
	height:40px !important;
	line-height:40px !important;
	font-size:16px;
	color:rgba(255,255,255,.6);
	text-align:center;
	cursor:pointer;
	user-select:none
}
.layout-center {
	width:1200px;
	margin:0 auto
}
.slogan-text.por.fl {
	margin-left:100px
}
.iblock {
	display:inline-block
}
.block {
	display:block
}
.line-one {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.line-two {
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.line-three {
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical
}
.primary-menus .left-cont button {
	height:48px;
	box-sizing:border-box;
	min-width:100px;
	margin-left:-5px;
	cursor:pointer;
	background-color:#65d0c5;
	color:#fff;
	font-size:15px;
	line-height:40px;
	position:absolute;
	right:0;
	top:0;
	border:1px solid #65d0c5;
	border-radius:1px;
	padding:0 15px;
	width:106px;
	transform:translateY(0px)
}
.home-banner .search-types-cycles ul li:hover {
	color:#35eee3
}
.home-banner .search-types-cycles ul li:nth-of-type(4) {
	height:80px;
	line-height:80px
}
.home-banner .search-types-cycles ul li a {
	color:rgba(255,255,255,.6);
	transition:none
}
.home-banner .search-types-cycles ul li a:hover {
	color:#35eee3
}
.home-banner .search-types-cycles button:hover {
	background:#46dacf !important;
	opacity:1;
	transition:opacity .2s
}
.home-banner .search-types-cycles button i {
	font-size:18px;
	color:#fff;
	margin-right:6px
}
.home-banner .search-types-cycles button span {
	font-size:16px;
	color:#fff
}
.home-banner:after {
	content:'';
	width:100%;
	height:120px;
	position:absolute;
	bottom:0;
	left:0;
	background:linear-gradient(180deg,#282a30ab 0,rgba(0,0,0,0) 100%);
	transform:rotate(-180deg);
	z-index:0
}
.home-banner-search>form>button {
	box-sizing:border-box;
	min-width:100px;
	transform:translateY(0px);
	font-size:15px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	position:absolute;
	right:1px;
	top:0;
	z-index:1;
	border:1px solid #23d1c3;
	padding:0 15px;
	width:147px;
	height:56px;
	background:linear-gradient(90deg,#35eee3 0,#21cec0 100%);
	border-radius:0 8px 8px px 0;
	right:0;
	text-align:center;
	padding-left:25px;
	margin-right:-7px;
	border-bottom-left-radius:1px;
	border-top-left-radius:1px
}
.home-banner-search .search.hidden {
	display:none
}
a.hot-top.text-notify:hover {
	color:#26d6c8
}
.por {
	position:relative
}
.poa {
	position:absolute
}
.pof {
	position:fixed
}
.clearfix:after {
	content:'';
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	font-size:0;
	line-height:0
}
.fl {
	float:left
}
.fr {
	float:right
}
.ovh {
	overflow:hidden
}
.hide {
	display:none
}
.nb-icon-wrap {
	right:-9999px!important
}
.icon-rank {
	width:auto;
	display:inline-block;
	border:none;
	overflow:hidden;
	vertical-align:-3px
}
img.icon-rank {
	width:20px;
	height:20px;
	margin-right:-5px
}
.icon-dhs {
	width:2em;
	height:2em
}
p.top-navs-l-title {
	margin-bottom:8px
}
.top-navs {
	width:100%;
	height:70px;
	bottom:28px;
	left:0;
	padding:12px 0;
	z-index:1
}
.top-navs .top-navs-l {
	width:850px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 -10px;
	border-right:1px solid rgba(255,255,255,.25)
}
.top-navs .top-navs-l-item {
	width:132px;
	margin:0 18px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.top-navs .top-navs-l-item .top-navs-l-title a {
	font-weight:600;
	font-size:18px;
	line-height:25px;
	height:25px;
	margin-bottom:12px;
	color:#fff;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-l-item .top-navs-l-title a i {
	font-size:34px;
	margin-right:8px;
	vertical-align:-4px
}
.top-navs .top-navs-l-item .top-navs-l-title a img {
	float:left;
	width:34px;
	height:34px;
	margin-right:8px;
	vertical-align:-4px
}
.top-navs .top-navs-l-item .top-navs-l-title a:hover {
	color:#21cec0
}
.top-navs .top-navs-l-item .top-navs-l-links {
	font-size:14px;
	line-height:20px;
	display:flex;
	justify-content:space-around;
	margin:0 -10px
}
.top-navs .top-navs-l-item .top-navs-l-links a {
	color:#b5b5b5;
	margin:0 10px;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-l-item .top-navs-l-links a:hover {
	color:#21cec0
}
.top-navs .top-navs-m {
	width:176px;
	height:61px;
	border-right:1px solid rgba(255,255,255,.25);
	padding:0 24px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center
}
.top-navs .top-navs-m a,.top-navs .top-navs-m p,.top-navs .top-navs-m>div {
	width:50%;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:20px;
	cursor:pointer;
	user-select:none;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-m a:hover,.top-navs .top-navs-m p:hover,.top-navs .top-navs-m>div:hover {
	color:#21cec0
}
.top-navs .top-navs-m div p,.top-navs .top-navs-m>a {
	margin-bottom:20px
}
.top-navs .top-navs-m div p {
	width:100%;
	margin-bottom:0;
	margin-top:-20px
}
.top-navs .top-navs-m .top-navs-m-box {
	top:-16px;
	left:-72px;
	width:157px;
	height:66px;
	background:#444;
	border-radius:8px;
	padding:8px 14px 0;
	display:none;
	margin-top:-70px
}
.top-navs .top-navs-m .top-navs-m-box a {
	margin-bottom:9px
}
.top-navs .top-navs-m .top-navs-m-box a:hover {
	color:#21cec0
}
.top-navs .top-navs-r {
	width:176px
}
.top-navs .top-navs-r a {
	width:50%;
	padding-left:30px;
	text-align:center;
	line-height:34px
}
.top-navs .top-navs-r a i {
	font-size:36px;
	margin-bottom:10px
}
.top-navs .top-navs-r a p {
	font-size:14px;
	line-height:20px;
	color:#b5b5b5;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-r a p:hover {
	color:#21cec0
}
.popular-area {
	margin-bottom:60px
}
.popular-area-top {
	height:34px;
	margin-bottom:22px
}
.popular-area-top-title {
	height:34px;
	line-height:34px;
	font-weight:600;
	font-size:24px;
	color:#4a4a4a;
	margin-right:94px
}
.popular-area-top-title span {
	height:inherit;
	font-size:18px;
	font-weight:100;
	color:#979797;
	margin-left:24px;
	vertical-align:3px;
	line-height:34px
}
.popular-area-top .popular-area-nav {
	width:116px;
	height:34px;
	padding-top:3px
}
.popular-area-top .popular-area-nav button {
	width:28px;
	height:28px;
	background:0 0;
	border-radius:4px;
	text-align:center;
	line-height:28px;
	cursor:pointer;
	transition:all .2s;
	top:3px;
	right:0
}
.popular-area-top .popular-area-nav button i {
	color:#00d1c1;
	font-size:12px
}
.popular-area-top .popular-area-nav button:hover {
	background:#e1fffd
}
.popular-area-top .popular-area-nav button:nth-of-type(1) {
	right:auto;
	left:0
}
.popular-area-top .popular-area-nav p {
	width:60px;
	height:28px;
	margin:0 auto;
	line-height:28px;
	text-align:center;
	font-size:16px;
	color:#c5c5c5;
	font-weight:700
}
.popular-area-top .popular-area-nav p span {
	color:#00d1c1
}
.popular-area-content {
	height:342px
}
.popular-area-content .popular-content-l {
	width:594px;
	height:inherit;
	margin-right:22px
}
.html-box img{
    display:inline-block!important;
}
/*首页动态大图结束*/

2022年12月16日