B2主题仿优设网底部样式footer.php美化教程附源代码
B2主题仿优设网底部样式footer.php美化教程附源代码
网站底部样式来自（优设网）
最近很多使用B2主题或者其它主题的朋友都问我，底部是自己写的吗，很漂亮！
底部是我扒优设网的，然后在经过小修改嵌套到自己网站！
准备工作
-
请准备好B2主题的（子主题）或者直接修改主题的文件也可以，就是升级的时候会被覆盖了！
-
所以我还是推荐大家使用（子主题）来修改！
下面附上教程
-
打开B2主题把主目录里面的footer.php文件复制到子主题里面。
-
然后把下面的代码复制替换到里面，或者直接用我的文件也可以。
-
css样式代码请放到子主题的style.css文件里面（推荐把css代码放最底部）
HTML代码+footer.php文件+CSS样式代码
</div>
<style>
.site-footer{
background-color:<?php echo b2_get_option('template_footer','footer_color'); ?>
}
.site-footer-nav{
background-color:<?php echo b2_get_option('template_footer','footer_nav_color'); ?>
}
#bigTriangleColor{
background-color:<?php echo b2_get_option('template_footer','footer_color'); ?>
}
</style>
<!-- <svg id="bigTriangleColor" width="100%" height="40" viewBox="0 0 100 102" preserveAspectRatio="none"><path d="M0 0 L50 100 L100 0 Z"></path></svg> -->
<!-- 第一段 -->
<div class="footer-fav">
<div class="container">
<div class="fl site-info">
<h2> <a href="/about" target="_blank" se_prerender_url="complete"> 爱Q时尚网 iQSHV.COM </a> </h2>
<div class="site-p">
<a href="/about" target="_blank">
<p>2013年成立至今，是国内极具人气的用户权益交流学习平台</p>
<p>分享生活，权益咨询，职业进阶，尽在爱Q时尚网</p>
</a>
</div>
</div>
<div class="fr site-fav">
<a href="#" class="btn btn-fav btn-orange"> <i class="icon-1-heart-border"></i> 按Ctrl+D收藏本站 </a> </div>
<div class="site-girl">
<a href="#" target="_blank">
<div class="girl fl"> <i class="thumb " style="background-image:url(https://img.iqshv.com/sc/ling.png)"></i> </div>
<div class="girl-info hide_md">
<h4> 爱Q网客服 </h4>
<h4> @林佳妮 </h4>
</div>
</a>
</div>
</div>
</div>
<!-- 第二段 -->
<div class="footer-navi">
<div class="container">
<div class="about widget fl">
<h2 class="title">关于我们</h2>
<p> 爱Q时尚网(www.iqshv.com)致力于打造高端的站长服务市场，wordpress主题，软件工具，网站模板，特效代码，整理了权威站长资讯服务为一体化的站长资源网，帮您解决各种网站方面的问题。</p>
</div>
<div class="navis fl hide_sm">
<div class="navi">
<h2 class="title">热门频道</h2>
<ul>
<li> <a href="/talk" target="_blank">文章专题</a> </li>
<li> <a href="/talk" target="_blank">热门话题</a> </li>
<li> <a href="/talk" target="_blank">设计大赛</a> </li>
<li> <a href="/talk" target="_blank">免费教程</a> </li>
<li> <a href="/talk" target="_blank">设计导航</a> </li>
<li> <a href="/talk" target="_blank">设计课程</a> </li>
</ul>
</div>
<div class="navi">
<h2 class="title">设计灵感</h2>
<ul>
<li> <a href="/featured" target="_blank">主编推荐</a> </li>
<li> <a href="/banner" target="_blank">Banner设计</a> </li>
<li> <a href="/poster" target="_blank">海报设计</a> </li>
<li> <a href="/logo" target="_blank">Logo设计</a> </li>
<li> <a href="/illustrations" target="_blank">插画绘画</a> </li>
<li> <a href="/fontdesign" target="_blank">字体设计</a> </li>
</ul>
</div>
<div class="navi">
<h2 class="title">支持与服务</h2>
<ul>
<li> <a href="/contact" target="_blank">联系我们</a> </li>
<li> <a href="/about" target="_blank">广告投放</a> </li>
<li> <a href="https://www.iqshv.com/13203.html" target="_blank">注册问题</a> </li>
<li> <a href="/tougao" target="_blank">作者投稿</a> </li>
<li> <a href="/yqlj" target="_blank">友链申请</a> </li>
<li> <a href="https://wpa.qq.com/msgrd?v=3&uin=787947717&site=qq&menu=yes" target="_blank">意见反馈</a> </li>
</ul>
</div>
</div>
<div class="ewms widget fr hide_sm">
<ul class="clearfix">
<li>
<div>
<i class="iconfont icon-10"></i>
<h4>权益客服</h4>
</div>
<div class="ewm-content hide ewm-weibo">
<div class="ewm-main clearfix">
<div class="thumb-div fl"> <i class="thumb" style="background-image:url(https://img.iqshv.com/sc/jqqd.png);"></i> </div>
<h4>每天10篇原创干货</h4>
<h4>如需投稿请联系微信客服</h4>
<h4> <a href="https://wpa.qq.com/msgrd?v=3&uin=787947717&site=qq&menu=yes" target="_blank"> <i class="icon-sina-1"></i> 联系官方QQ </a> </h4>
</div>
</div>
</li>
<li>
<div>
<i class="iconfont icon-weixinxiaochengxu1"></i>
<h4>小程序</h4>
</div>
<div class="ewm-content hide ewm-douyin">
<div class="ewm-main clearfix">
<div class="ewm-douyin-1 fl">
<div class="thumb-div"> <i class="thumb" style="background-image:url(https://img.iqshv.com/sc/jqqd.png);"></i> </div>
<h4>微信小程序</h4>
<h5>小程序：云主机</h5>
</div>
<div class="ewm-douyin-2 fr">
<div class="thumb-div"> <i class="thumb" style="background-image:url(https://img.iqshv.com/sc/jqqd.png);"></i> </div>
<h4>QQ小程序</h4>
<h5>小程序：云主机</h5>
</div>
</div>
</div>
</li>
<li>
<div>
<i class="iconfont icon-fuli1"></i>
<h4>爱Q网福利</h4>
</div>
<div class="ewm-content hide ewm-wechat">
<div class="ewm-main clearfix">
<div class="thumb-div fl"> <i class="thumb" style="background-image:url(https://img.iqshv.com/sc/jqqd.png);"></i> </div>
<h4>权益包专属福利</h4>
<h4>购买阿里云享受九折优惠</h4>
<h4> <span> <i class="icon-wechat-1"></i> 扫码享受 </span> </h4>
</div>
</div>
</li>
</ul>
<div class="like">
<strong>1000W</strong>
<h3>爱Q时尚网新媒体矩阵等你来关注</h3>
</div>
</div>
</div>
<div class="container container-bq">
<div class="bands">
<ul>
<li> <a href="#" class="thumb band band-uisdc" target="_blank"> <span class="hidden">爱Q时尚网</span> </a> </li>
<li> <a href="#" class="thumb band band-uiii" target="_blank"> <span class="hidden">优优教程网</span> </a> </li>
<li> <a href="#" class="thumb band band-uisdc-xue" target="_blank"> <span class="hidden">爱Q时尚网大课堂</span> </a> </li>
<li> <a href="#" class="thumb band band-uisdc-hao" target="_blank"> <span class="hidden">设计师导航</span> </a> </li>
<li> <a href="#" class="thumb band band-uisdc-hunter" target="_blank"> <span class="hidden">细节猎人</span> </a> </li>
<li> <a href="#" class="thumb band band-uisdc-basic" target="_blank"> <span class="hidden">爱Q时尚网训练营</span> </a> </li>
</ul>
</div>
<div class="qqgroup fr hide_sm">
<a href="//shang.qq.com/wpa/qunwpa?idkey=9f559daf06585282116786c8948a5bb2e2256205466d802d559de041553060fa"> <i class="iconfont icon-qq3"></i> 爱Q时尚网官方QQ群 </a>
</div>
</div>
</div>
<!-- 第三段 -->
<div class="footer">
<div class="footer-colors"></div>
<div class="footer-colors colors-shadow"></div>
<div class="container">
<?php
$link_cats = b2_get_option('template_footer','link_cat');
$beian = b2_get_option('template_footer','footer_beian');
$gongan = b2_get_option('template_footer','footer_gongan');
$gongan_code = (int) filter_var($gongan, FILTER_SANITIZE_NUMBER_INT);
?>
<?php if(is_home() && !empty($link_cats)){ ?>
<div class="friendlinks hide_sm">
<h6>友情链接：</h6>
<?php
$ids = array();
foreach($link_cats as $v){
$links = get_term_by('slug', $v, 'link_category');
$ids[] = $links->term_id;
}
$ids = implode(",", $ids);
$bookmarks = get_bookmarks(array(
'category'=>$ids,
'orderby'=>'link_rating',
'order'=>'DESC'
));
if ( !empty($bookmarks)) {
echo '<ul class="friendlinks-ul">';
foreach ($bookmarks as $bookmark) {
echo '<li><a href="' . $bookmark->link_url . '" title="' . $bookmark->link_name . '" target="_blank">' . $bookmark->link_name . '</a></li>';
}
echo '</ul>';
}
?>
</div>
<?php } ?>
<div class="copyright">
<p>
<?php echo 'Copyright © '.date('Y').'<i class="asline"><strong> <a class="site-link" href="'.B2_HOME_URI.'" title="'.get_bloginfo('name').'" rel="home"><span> '.get_bloginfo('name').'</span></a></strong> </i>'; ?>
<i class="asline hide_sm">- 官方客服：787947717</i>
<?php if($beian){
echo '<span class="b2-dot"> - </span><a rel="nofollow" target="__blank" href="http://www.beian.miit.gov.cn">'.$beian.'</a>';
} ?>
<?php if($gongan){
echo '<span class="b2-dot"> - </span><a rel="nofollow" target="__blank" href="http://www.beian.miit.gov.cn">'.$gongan.'</a>';
} ?>
<i class="asline hide_sm">
<?php
echo sprintf(__('查询 %s 次，','b2'),get_num_queries());
echo sprintf(__('耗时 %s 秒'),timer_stop(0,4));
?>
</i>
</p>
</div>
</div>
</div>
<?php
$footer_menu_setting = b2_get_option('template_footer','footer_menu_open');
if($footer_menu_setting){ ?>
<div class="mobile-footer-menu mobile-show <?php echo (string)$footer_menu_setting === '2' ? 'footer-fixed' : ''; ?>">
<div class="mobile-footer-left">
<?php echo B2ModulesTemplatesFooter::footer_menu_left(); ?>
</div>
<div class="mobile-footer-center">
<a href="<?php echo (int)b2_get_option('normal_write','write_allow') === 1 ? b2_get_custom_page_url('write') : 'javascript:void(0)'; ?>"><span><?php echo b2_get_icon('b2-jia b2-radius'); ?></span></a>
</div>
<div class="mobile-footer-right">
<?php echo B2ModulesTemplatesFooter::footer_menu_right(); ?>
</div>
</div>
<?php } ?>
</div>
<?php wp_footer(); ?>
</body>
</html>
CSS样式代码
下面样式代码丢到子主题里面的style.css文件里面（推荐把css代码放最底部）
.btn{display:block;cursor:pointer;border-radius:3px;text-align:center;line-height:2.4;outline:0;border:0}.btn-orange{background-color:#fe5b34;background-image:-webkit-linear-gradient(left,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%);background-image:linear-gradient(to right,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%);border:1px solid #fd592b;border-radius:3px;color:#fff}.btn-orange:hover{color:#fff;background-color:#fe5b34;background-image:-webkit-linear-gradient(left,#fe5b34 0,#fe3d7d 50%,#fe5b34 100%);background-image:linear-gradient(to right,#fe5b34 0,#fe3d7d 50%,#fe5b34 100%);border:1px solid #fd592b;border-radius:3px}.btn-orange-light{background-color:#fe5b34;background-image:-webkit-linear-gradient(left,#fe5b34 0,#fe3d7d 50%,#fe5b34 100%);background-image:linear-gradient(to right,#fe5b34 0,#fe3d7d 50%,#fe5b34 100%);border:1px solid #fd592b;border-radius:3px}.btn-group{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between}.btn-group>.btn{border-radius:0}.btn-group>.btn:first-child{border-radius:3px 0 0 3px}.btn-group>.btn:last-child{border-radius:0 3px 3px 0}.container{width:100%;margin:0 auto;padding:0 15px;position:relative;overflow:hidden;*zoom:1;}@media(min-width:768px){.container{max-width:768px;overflow:visible}}@media(min-width:1024px){.container{max-width:1330px}}.container:before,.container:after{content:"";height:0;line-height:0;display:block;visibility:none;clear:both}.footer-fav{position:relative;z-index:1;background:#f7fafc;background:#edf3f9;width:100%;overflow:hidden}@media(min-width:768px){.footer-fav{width:auto;overflow:visible;background:#edf3f9;margin-top: 40px;}}.footer-fav .container{padding-top:36px;padding-bottom:36px;overflow:visible}.footer-fav .site-info{width:60%}@media(min-width:768px){.footer-fav .site-info{width:auto}}.footer-fav .site-info h2{font-size:20px;line-height:1.4;margin-bottom:10px;text-transform:uppercase}@media(min-width:768px){.footer-fav .site-info h2{font-size:26px}}.footer-fav .site-info h2 a{color:#000}.footer-fav .site-info .site-p{margin-bottom:10px}.footer-fav .site-info .site-p p:first-child::after{content:','}@media(min-width:768px){.footer-fav .site-info .site-p{margin-bottom:0}.footer-fav .site-info .site-p p:first-child::after{content:''}}.footer-fav .site-info p{font-size:12px;color:#797979;line-height:1.8;margin-bottom:10px;display:inline}@media(min-width:768px){.footer-fav .site-info p{font-size:14px;margin-bottom:0;display:block}}.footer-fav .site-fav{padding-top:5px}@media(min-width:768px){.footer-fav .site-fav{padding-top:24px}}.footer-fav .site-fav .btn-orange{font-size:14px;line-height:2.5;padding:0 1.2em}@media(min-width:768px){.footer-fav .site-fav .btn-orange{font-size:16px;line-height:3.5;padding:0 2em}}.footer-fav .site-girl{position:absolute;left:50%;bottom:0}.footer-fav .site-girl .girl{width:180px;position:absolute;left:0;bottom:0;transition:all .3s}@media(min-width:768px){.footer-fav .site-girl .girl{left:-50px}}.footer-fav .site-girl .girl::after{content:'Hi~';display:block;position:absolute;left:100%;top:40%;color:#a7a7a7;font-size:20px;visibility:hidden;opacity:0;transition:all .2s;transition:all .3s}.footer-fav .site-girl .thumb{padding-top:116.667%}.footer-fav .site-girl .girl-info{margin-left:150px;margin-bottom:55px}.footer-fav .site-girl h4{font-size:14px;font-weight:normal;color:#797979;line-height:1.8}.footer-fav .site-girl a{color:#797979}.footer-fav .site-girl a:hover{color:#ff5c00}@media(min-width:768px){.footer-fav:hover .site-girl .girl{left:-80px}.footer-fav:hover .site-girl .girl::after{visibility:visible;opacity:1;transition:all .2s}}@media(max-width:767px){.home .footer-fav{display:none}}}@media(max-width:767px){.footer-fav .btn-group>.btn:last-child{border-radius:3px}}}.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:none;clear:both}@media(min-width:768px){.fl{float:left}}@media(min-width:768px){.fr{float:right}}a,a:active,a:visited{text-decoration:none;transition:all .2s}.thumb{display:block;width:100%;height:0;padding-top:66.7%;background-position:center;background-repeat:no-repeat;background-size:cover;background-color:transparent;position:relative;overflow:hidden;transition:all .2s}.hide{visibility:hidden;opacity:0;transition:all .2s}.hidden{display:none !important}@media(max-width:1023px){.hide_sm{display:none !important}}.container{width:100%;margin:0 auto;padding:0 15px;position:relative;overflow:hidden;*zoom:1;}@media(min-width:768px){.container{max-width:768px;overflow:visible}}@media(min-width:1024px){.container{max-width:1330px}}.container:before,.container:after{content:"";height:0;line-height:0;display:block;visibility:none;clear:both}.footer-navi{position:relative;background:#2a2a32;color:#949498;line-height:1.9286;padding:15px 0;z-index:1;display:none;background:url(https://img.iqshv.com/sc/1755ed04e6d6bd.jpg) no-repeat;background-size:cover}@media(min-width:768px){.footer-navi{display:block}}@media(min-width:1024px){.footer-navi{padding:40px 0}}@media(min-width:1330px){.footer-navi{overflow:visible}}.footer-navi .container{overflow:visible}.footer-navi a{color:#949498;font-size:14px}.footer-navi a:hover{color:#fff}.footer-navi .title{font-size:16px;color:#fff;font-weight:normal;line-height:1.38889;margin-bottom:14px}.footer-navi .widget{box-sizing:border-box;position:relative}@media(min-width:1024px){.footer-navi .widget::before{content:'';width:0;height:95%;border-left:1px solid #33333c;position:absolute;right:0;top:20px}.footer-navi .widget::after{content:'';width:0;height:95%;border-right:1px solid #222229;position:absolute;right:1px;top:20px}}.footer-navi .about{margin:15px 0 30px}@media(min-width:1024px){.footer-navi .about{width:32.1538%;padding-right:15px;margin:0;font-size:13px}}@media(min-width:1330px){.footer-navi .about{font-size:14px;padding-right:60px}}@media(min-width:768px){.footer-navi .container-bq{padding-top:32px}}.footer-navi .navis{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:nowrap;justify-content:space-around;box-sizing:border-box;width:100%;margin-bottom:30px}@media(min-width:768px){.footer-navi .navis{width:60%;margin-bottom:0}}@media(min-width:1024px){.footer-navi .navis{width:40%}}.footer-navi .navis .navi{flex:1;text-align:center}@media(min-width:1330px){.footer-navi .navis{width:40%}.footer-navi .navis .navi{text-align:left;padding-left:60px}}.footer-navi .ewms{margin:0 auto}@media(min-width:768px){.footer-navi .ewms{width:270px;padding-left:50px;margin:0}}.footer-navi .ewms::before,.footer-navi .ewms::after{right:auto;left:0}.footer-navi .ewms::before{left:1px}.footer-navi .ewms .like{text-align:center}.footer-navi .ewms .like strong{color:#fe3d7d;font-size:54px;line-height:1.24;font-family:Impact;font-weight:400;background-image:linear-gradient(to right,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:masked-animation 2s infinite linear}.footer-navi .ewms .like h3{font-size:14px;font-weight:normal;line-height:1.1}.footer-navi .ewms ul{text-align:center;margin-bottom:35px}.footer-navi .ewms li{float:left;width:33.3333%;box-sizing:border-box;display:inline;position:relative;line-height:1.3;margin-top:0}.footer-navi .ewms li i{font-size:35px;}.footer-navi .ewms li:hover .ewm-content{visibility:visible;bottom:100%;opacity:1}.footer-navi .ewms .ico{font-size:46px;cursor:pointer;transition:all .2s}.footer-navi .ewms .ico:hover{color:#fff}.footer-navi .ewms .ico i{display:block}.footer-navi .ewms h4{font-size:12px;font-weight:normal;margin:0}.footer-navi .ewms .ewm-content{position:absolute;left:50%;bottom:200%;background:#fff;border-radius:3px;box-shadow:0 16px 32px 0 rgba(0,0,0,0.1);box-sizing:border-box;width:330px;transform:translate(-50%,0)}.footer-navi .ewms .ewm-content::before{content:'';display:block;position:absolute;margin-left:-6px;left:50%;top:100%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff}@media(max-width:1600px){.footer-navi .ewms .ewm-content.ewm-douyin,.footer-navi .ewms .ewm-content.ewm-wechat{left:auto;right:0;transform:translate(0,0)}.footer-navi .ewms .ewm-content.ewm-douyin::before,.footer-navi .ewms .ewm-content.ewm-wechat::before{left:auto;right:30px}.footer-navi .ewms .ewm-content.ewm-douyin{transform:translate(70px,0)}.footer-navi .ewms .ewm-content.ewm-douyin::before{right:100px}}.footer-navi .ewms .ewm-content.ewm-douyin{width:400px}.footer-navi .ewms .ewm-content.ewm-douyin .ewm-main .thumb-div{width:160px}.footer-navi .ewms .ewm-main{padding:40px 25px 40px 30px;text-align:left}.footer-navi .ewms .ewm-main .fl{float:left}.footer-navi .ewms .ewm-main .fr{float:right}.footer-navi .ewms .ewm-main .thumb-div{width:120px;margin-right:30px}.footer-navi .ewms .ewm-main .thumb{padding-top:100%}.footer-navi .ewms .ewm-main h4{font-size:14px;font-weight:normal;color:#333;line-height:1.714;margin-top:4px}.footer-navi .ewms .ewm-main h4 span{color:#47c333}.footer-navi .ewms .ewm-main a{color:#ff3401}.footer-navi .ewms .ewm-main a:hover{color:#ff5c00}.footer-navi .ewms .ewm-main h5{font-weight:normal;font-size:12px;color:#888}.footer-navi .ewms .ewm-douyin .ewm-main{padding-left:0;padding-right:0;text-align:center}.footer-navi .ewms .ewm-douyin .ewm-main .thumb-div{margin:0 auto}.footer-navi .ewms .ewm-douyin .ewm-douyin-1,.footer-navi .ewms .ewm-douyin .ewm-douyin-2{width:50%}.footer-navi .ewms .ewm-douyin .ewm-douyin-1{position:relative}.footer-navi .ewms .ewm-douyin .ewm-douyin-1:after{content:'';display:block;position:absolute;right:0;top:10%;width:1px;height:80%;background:#f3f3f3}@media(min-width:768px){.footer-navi .bands{float:left;width:100%}}@media(min-width:1024px){.footer-navi .bands{width:73%}}.footer-navi .bands ul{margin:0 -8px 0 -7px;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:wrap}.footer-navi .bands ul li{padding:0 8px 15px 7px;width:33.3333%;box-sizing:border-box}@media(min-width:768px){.footer-navi .bands ul li{width:16.6667%}}.footer-navi .bands .band{background-color:#42424d;padding-top:52px;border-radius:3px;transition:all .2s}.footer-navi .bands .band::after{content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;right:0;top:0;transition:all .2s}.footer-navi .bands .band:hover{background-color:#24242d}.footer-navi .bands .band:hover::after{background:transparent}.footer-navi .bands .band-uisdc{background-image:url(https://img.iqshv.com/sc/17e9debd95954b.png);background-size:125px 45px}.footer-navi .bands .band-uiii{background-image:url(https://img.iqshv.com/sc/1b524539ddb2f9.png);background-size:125px 45px}.footer-navi .bands .band-uisdc-xue{background-image:url(https://img.iqshv.com/sc/15dbc3d490b54f.png);background-size:125px 45px}.footer-navi .bands .band-uisdc-hao{background-image:url(https://img.iqshv.com/sc/18205b54ad46db.png);background-size:125px 45px}.footer-navi .bands .band-uisdc-hunter{background-image:url(https://img.iqshv.com/sc/15f0ddb5959224.png);background-size:125px 45px}.footer-navi .bands .band-uisdc-basic{background-image:url(https://img.iqshv.com/sc/1baed9548d5f6f.png);background-size:125px 45px}.footer-navi .qqgroup{width:100%}@media(min-width:1024px){.footer-navi .qqgroup{width:auto}}.footer-navi .qqgroup a{display:block;width:220px;height:52px;line-height:52px;background:#222228;border-radius:3px;text-align:center;margin:0 auto}.home .footer-navi{display:block}}@media(max-width:1023px){.hide_sm{display:none !important}}.container{width:100%;margin:0 auto;padding:0 15px;position:relative;overflow:hidden;*zoom:1;}@media(min-width:768px){.container{max-width:768px;overflow:visible}}@media(min-width:1024px){.container{max-width:1330px}}.container:before,.container:after{content:"";height:0;line-height:0;display:block;visibility:none;clear:both}.footer{background:#121212;position:relative;z-index:1}.footer .container{padding-top:20px;padding-bottom:20px;letter-spacing:.02px}.footer .footer-colors{width:100%;height:4px;background-color:#333;background-position:0 0;background-repeat:repeat;background-image:-webkit-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);background-image:-o-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);background-image:-moz-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);background-image:repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);animation:animate-colors 200s infinite linear;animation-play-state:paused}.footer .colors-shadow{position:absolute;left:0;top:4px;right:0;height:50px}.footer .colors-shadow::after{content:'';display:block;width:100%;height:100%;background:linear-gradient(to bottom,rgba(18,18,18,0.8),#121212)}.footer .friendlinks{font-size:12px;color:#4f4f4f;line-height:2;margin:0 -.5em 20px;}.footer .friendlinks h6{font-size:12px;font-weight:normal;display:inline;margin:0 .5em}.footer .friendlinks ul{display:inline}.footer .friendlinks li{display:inline;margin:0 .5em}.footer .friendlinks a{color:#4f4f4f}.footer .friendlinks a:hover{color:#acacac}.footer .copyright{color:#7f7f7f;line-height:1.5;font-size:12px;text-align:center}@media(min-width:768px){.footer .copyright{color:#545454}}.footer .copyright .asline{font-style:normal;display:block}@media(min-width:768px){.footer .copyright .asline{display:inline}}.footer .copyright p{padding:.5em 0;border-radius:4px}@media(min-width:768px){.footer .copyright p{background:#000;display:inline-block;padding:.5em 1.5em}}.footer .copyright a{color:#7f7f7f}@media(min-width:768px){.footer .copyright a{color:#545454}}.footer .copyright a:hover{color:#acacac}@media all{.footer:hover .footer-colors{animation-play-state:running}}@keyframes animate-colors{0%{background-position:0 0}100%{background-position:7000px 0}}.fixed-sidebar{position:fixed;left:50%;top:120px;z-index:19;transform:translate(-100%,0)}.fixed-sidebar .menu{position:relative;background:#fdfdfd;border:1px solid #f3f3f3;box-shadow:0 8px 16px 0 rgba(0,0,0,0.04);font-size:14px}.fixed-sidebar .menu a{white-space:nowrap}.fixed-sidebar .menu .link-0{display:block;padding:10px 15px 12px;color:#888}.fixed-sidebar .menu .link-0 i{color:#bebebe;font-size:15px;margin-right:5px}.fixed-sidebar .menu .link-0 i::before{margin:0}.fixed-sidebar .menu .link-0:hover{color:#ff5c00}.fixed-sidebar .menu .link-0:hover i{color:#ff5c00}.fixed-sidebar .menu .nav-1{position:absolute;left:90%;top:0;min-height:100%;background:#312f2f;box-shadow:0 16px 32px 0 rgba(0,0,0,0.04);visibility:hidden;opacity:0;transition:all .2s;border-radius:3px}.fixed-sidebar .menu .item-0:hover .link-0{background-color:#fe5b34;background-image:-webkit-linear-gradient(left,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%);background-image:linear-gradient(to right,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%);border-radius:2px;color:#fff}.fixed-sidebar .menu .item-0:hover .link-0 i{color:#fff}.fixed-sidebar .menu .item-0:hover .link-0::after{color:#fff}.fixed-sidebar .menu .item-0:hover .nav-1{left:100%;visibility:visible;opacity:1;transition:all .2s}.fixed-sidebar .menu .link-1{display:block;min-width:5em;text-align:left;padding:12px 30px;color:#e0e0e0;white-space:nowrap}.fixed-sidebar .menu .link-1:hover{background-color:#fe5b34;background-image:-webkit-linear-gradient(left,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%);background-image:linear-gradient(to right,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%);border-radius:2px;color:#fff}.fixed-sidebar .menu .has-children .link-0{position:relative}.fixed-sidebar .menu .has-children .link-0::after{content:'e6b1';font-family:"weian";font-style:normal;font-weight:normal;speak:none;color:#ebebeb;display:block;position:absolute;right:1px;top:50%;transform:translate(0,-50%);text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fixed-sidebar .underline{position:relative}.fixed-sidebar .underline::before{content:'';position:absolute;left:0;right:0;bottom:0;display:block;height:0;width:80%;margin:0 10%;border-bottom:1px solid #f1f1f1}.fixed-sidebar .underline:hover::before{display:none}.home .fixed-sidebar{top:120px}}.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:none;border:0;color:#fff}.flickity-button:hover{background:none;cursor:pointer}.flickity-button:focus{outline:0}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%);margin-top:-22px}.flickity-prev-next-button.previous{left:50px}.flickity-prev-next-button.next{right:50px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:60px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:60px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:20px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:8px;height:8px;margin:0 5px;background:#fff;border-radius:50%;opacity:.5;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider>.is-selected{pointer-events:auto;z-index:1}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.toasted{padding:0 20px}.toasted.rounded{border-radius:24px}.toasted.primary{border-radius:2px;min-height:38px;line-height:1.1em;background-color:#353535;padding:0 20px;font-size:15px;font-weight:300;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.toasted.primary.success{background:#4caf50}.toasted.primary.error{background:#f44336}.toasted.primary.info{background:#3f51b5}.toasted.primary .action{color:#a1c2fa}.toasted.bubble{border-radius:30px;min-height:38px;line-height:1.1em;background-color:#ff7043;padding:0 20px;font-size:15px;font-weight:300;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.toasted.bubble.success{background:#4caf50}.toasted.bubble.error{background:#f44336}.toasted.bubble.info{background:#3f51b5}.toasted.bubble .action{color:#8e2b0c}.toasted.outline{border-radius:30px;min-height:38px;line-height:1.1em;background-color:#fff;border:1px solid #676767;padding:0 20px;font-size:15px;color:#676767;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);font-weight:700}.toasted.outline.success{color:#4caf50;border-color:#4caf50}.toasted.outline.error{color:#f44336;border-color:#f44336}.toasted.outline.info{color:#3f51b5;border-color:#3f51b5}.toasted.outline .action{color:#607d8b}.toasted-container{position:fixed;z-index:10000}.toasted-container,.toasted-container.full-width{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.toasted-container.full-width{max-width:86%;width:100%}.toasted-container.full-width.fit-to-screen{min-width:100%}.toasted-container.full-width.fit-to-screen .toasted:first-child{margin-top:0}.toasted-container.full-width.fit-to-screen.top-right{top:0;right:0}.toasted-container.full-width.fit-to-screen.top-left{top:0;left:0}.toasted-container.full-width.fit-to-screen.top-center{top:0;left:0;transform:translateX(0)}.toasted-container.full-width.fit-to-screen.bottom-right{right:0;bottom:0}.toasted-container.full-width.fit-to-screen.bottom-left{left:0;bottom:0}.toasted-container.full-width.fit-to-screen.bottom-center{left:0;bottom:0;transform:translateX(0)}.toasted-container.top-right{top:10%;right:7%}.toasted-container.top-left{top:10%;left:7%}.toasted-container.top-center{top:10%;left:50%;transform:translateX(-50%)}.toasted-container.bottom-right{right:5%;bottom:7%}.toasted-container.bottom-left{left:5%;bottom:7%}.toasted-container.bottom-center{left:50%;transform:translateX(-50%);bottom:7%}.toasted-container.bottom-left .toasted,.toasted-container.top-left .toasted{float:left}.toasted-container.bottom-right .toasted,.toasted-container.top-right .toasted{float:right}.toasted-container .toasted{top:35px;width:auto;clear:both;margin-top:10px;position:relative;max-width:100%;height:auto;word-break:normal;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;box-sizing:inherit}.toasted-container .toasted .fa,.toasted-container .toasted .material-icons,.toasted-container .toasted .mdi{margin-right:.5rem;margin-left:-.4rem}.toasted-container .toasted .fa.after,.toasted-container .toasted .material-icons.after,.toasted-container .toasted .mdi.after{margin-left:.5rem;margin-right:-.4rem}.toasted-container .toasted .action{text-decoration:none;font-size:.8rem;padding:8px;margin:5px -7px 5px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.03em;font-weight:600;cursor:pointer}.toasted-container .toasted .action.icon{padding:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.toasted-container .toasted .action.icon .fa,.toasted-container .toasted .action.icon .material-icons,.toasted-container .toasted .action.icon .mdi{margin-right:0;margin-left:4px}.toasted-container .toasted .action.icon:hover{text-decoration:none}.toasted-container .toasted .action:hover{text-decoration:underline}@media only screen and (max-width:600px){#toasted-container{min-width:100%}#toasted-container .toasted:first-child{margin-top:0}#toasted-container.top-right{top:0;right:0}#toasted-container.top-left{top:0;left:0}#toasted-container.top-center{top:0;left:0;transform:translateX(0)}#toasted-container.bottom-right{right:0;bottom:0}#toasted-container.bottom-left{left:0;bottom:0}#toasted-container.bottom-center{left:0;bottom:0;transform:translateX(0)}#toasted-container.bottom-center,#toasted-container.top-center{-ms-flex-align:stretch!important;align-items:stretch!important}#toasted-container.bottom-left .toasted,#toasted-container.bottom-right .toasted,#toasted-container.top-left .toasted,#toasted-container.top-right .toasted{float:none}#toasted-container .toasted{border-radius:0}}@media screen and (max-width:720px){.btn-group>.btn:last-child{border-radius:3px 3px 3px 3px}.site-content{margin:0 5px;padding-bottom:5px}.home .site-content{margin:0}.mg-b{margin-bottom:8px}.mg-t{margin-top:8px}.modal-content{margin-top:0;max-width:95%}.ds-box .modal-content{width:21rem}.btn-group button{display:none}.mobile-show{display:block}.mobile-hidden{display:none}.about-widget .footer-logo{margin-top:10px}.post-style-2 .single-article{margin-top:0}.post-list-meta-avatar::after{background-size:66px 24px;top:-8px;left:-20px;height:19px}.post-list-meta-avatar img{margin-top:-2px}.post-tags-meat{margin-bottom:8px;padding:10px 10px 0}.home-collection-title{padding-bottom:8px}.home-collection-title a{font-size:14px}.home-collection .flickity-prev-next-button.next{right:8px}.home-row-left .flickity-page-dots{display:none}.flickity-prev-next-button .flickity-button-icon{width:16px;height:10px}.flickity-prev-next-button{width:16px;height:10px}.flickity-prev-next-button .flickity-button-icon{left:0;top:29%}.post-list-cats button .flickity-button-icon{top:29%}.download-item{flex-flow:column;margin:0 -12px}.download-thumb{width:100%;opacity:.2}.download-rights{width:100%}.download-info{padding:10px}.download-info li{width:100%}.download-button-box button{display:inline-block;margin-bottom:10px}.download-rights ul li{border-color:#fff;padding:5px 0}.download-info h2{font-size:16px}.download-rights .mobile-show{position:absolute;right:10px;top:10px}.download-page-box{margin:40px 10px}.download-middle-ads{max-width:100%;margin-bottom:20px}.download-page-box .download-meta li{width:100%}.download-page-box .download-meta{padding-right:10px}.download-page-info{flex-flow:column-reverse}.download-page-button button{margin:0 auto;display:block}.download-page-box h1{font-weight:bold;font-size:16px}.download-page-button .tqma{flex-flow:column}.tqma .fuzhi{margin:0;margin-bottom:10px}.pay-type li>div{font-size:12px}.ds-price{padding:0}.header{height:52px !important}.header .wrapper{height:52px;position:unset;display:flex;width:100%;align-items:center;flex-flow:inherit}.mobile-box{position:fixed;padding:0;background:#fff;left:0;top:0;bottom:0;overflow-y:auto;display:none;overflow-x:hidden;z-index:4;width:100%}.mobile-box.show-menu-box{display:block}.header .top-style.animateIn,.header .top-style.animateOut{left:0}.header .animateIn{transform:initial}.header .close-button{color:initial;height:55px;line-height:47px}.header-user{position:absolute;top:0;right:0;padding:13px 8px;z-index:2}.login-button .mobile-show{padding:0;margin:0}.login-button .b2-user{font-size:27px;line-height:1;margin:0 !important;color:#333}.top-user-avatar img{width:27px;height:27px}.header-banner-content div.announcement-list,.header-banner-content .typed-cursor{display:none}.header-banner-content{padding:0 8px}.ads-tips{font-size:10px}.login-button{padding:0}.header-logo{margin:0 auto;padding:10px 0}.top-menu{padding:16px !important}.logo-top .header-logo{height:auto;justify-content:space-between;width:100%;position:unset}.logo-center .header-logo,.menu-center .header-logo{position:unset}.user-panel-editor-button .user-follow{width:auto;justify-content:center}.user-follow button{margin:0}.user-follow button+button{margin-left:10px}.menu_2-item ul>li{width:33.3333%;margin:0;border:4px solid #fff}.menu_2-item li h2{margin-top:5px}.site-title{font-size:18px}.top-menu-ul>li.depth-0:first-child>a{color:#333 !important}.post-style-2 .top-menu ul li.depth-0>a{color:#333 !important}.top-menu .top-menu-ul{display:block}.logo-top .header-top{margin:10px auto}.top-menu ul li.depth-0>a,.logo-top .top-menu ul li.depth-0>a{display:inline-block;background:#f5f5f5;padding:5px 10px;font-size:13px;margin-bottom:16px}.top-menu-ul>li.depth-0:first-child>a{padding:5px 10px}.top-menu ul li.depth-0.has_children>a{margin:0}.b2-menu-3 .sub-menu-0 a{font-size:13px}.top-menu ul li.depth-0{display:block}.has_children .sub-menu{position:relative;opacity:1;visibility:visible;top:0;width:100%;padding:10px;justify-content:flex-start}.b2-menu-4 .sub-menu-0{display:block;padding:10px}.b2-menu-4 .sub-menu-0>li>a{border:0;justify-content:space-between}.b2-menu-4 .sub-menu-0 li ul{display:none;margin-left:10px}.b2-menu-1 .sub-menu-0 li{width:25%;margin:0;min-width:auto}.b2-menu-1 .sub-menu-0 li a{padding:5px}.logo-left .mobile-box{padding:0;margin:0}.b2-menu-1 .sub-menu-0 li span{font-size:11px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding-bottom:3px}.b2-menu-1 .sub-menu-0 li a img{max-width:100%;max-height:100%}.b2-menu-2 .sub-menu-0>li{display:block}.b2-menu-2 .sub-menu-0>li+li{margin-top:20px}.b2-menu-2 .menu_2-item{position:relative;left:0;top:0}.b2-menu-2 .sub-menu-0>li>a{width:100%;padding-bottom:5px;color:#999;display:flex;justify-content:space-between;font-size:12px}.b2-menu-2 .sub-menu-0>li>a:after{content:'全部'}.menu_2-item ul{flex-flow:wrap;margin:-5px}.b2-menu-2 .sub-menu-0>li>a{border-bottom:1px dashed #ebeef5}.top-menu ul li.depth-0>a .hob{display:none}.top-menu ul li.depth-0.has_children>a .hob{display:block;transform:scale(1);top:inherit;bottom:0;height:1px}.b2-menu-4 .sub-menu-0 li a i,.b2-menu-3 .sub-menu-0 li a i{position:absolute;right:0;top:0;padding:6px 10px;width:100px;text-align:right}.logo-top .header-user{top:0;bottom:inherit;display:block}.b2-menu-3 .sub-menu-0 li ul{position:relative;display:none;opacity:1;visibility:visible;left:0;margin-bottom:20px;padding-top:10px}.b2-menu-3 .sub-menu-0 li ul li{box-shadow:none}.b2-menu-3 .sub-menu-0 li ul.m-show-sub,.b2-menu-4 .sub-menu-0 li ul.m-show-sub{display:block;margin:0;width:100%;padding:0}.b2-menu-4 .sub-menu-0>li>a:hover{background:#f5f5f5}.b2-menu-4 .sub-menu-0>li>a{padding:6px 10px;margin:0;width:100%;font-size:13px}.b2-menu-4 .sub-menu-0>li{margin:0;margin-bottom:5px}.b2-menu-1 .sub-menu-0{padding:5px;flex-flow:wrap}.has_children .sub-menu-0 li ul a{font-size:11px;height:30px;-webkit-line-clamp:2}.has_children .sub-menu{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);margin-bottom:20px;box-shadow:none;border:1px solid #ebeef5}.has_children:hover .sub-menu{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.logo-top .header-user{bottom:unset}.top-user-box-drop{right:0;top:37px}.top-user-box-drop.jt::before,.top-user-box-drop.jt::after{right:5px}.top-user-box-drop p span.top-user-link-des{font-size:10px}.top-my-home b{font-size:12px}.logo-top .b2-menu-3>.sub-menu{top:0}.header-tools{display:flex;position:unset;justify-content:space-between;align-items:center;height:56px;border-bottom:1px solid #ccc;padding-left:20px}.tax-title h1{font-size:17px;font-weight:700}.home_row_0.module-sliders{margin-top:-8px}.home_row{padding:5px !important}.slider-info:after{display:none}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.slider-2-right-item h2,.slider-2-carousel h2,.slider-3-item h2,.slider-3-carousel h2,.slider-4-item h2,.slider-4-carousel h2,.slider-5-item h2,.slider-5-carousel h2,.slider-6-item h2,.slider-6-carousel h2{display:none}.slider-user-info{display:none}.slider-info-in h2{font-size:14px;font-weight:700}.slider-2-bottom>div+div{margin-top:5px !important}.slider-2 .slider-in-out{margin-right:5px !important}.slider-3 .carousel{margin-bottom:5px !important}.slider-3-item+.slider-3-item{margin-left:5px !important}.slider-4 .slider-row-2{margin-top:5px !important}.slider-4 .slider-row-2 .slider-4-item+.slider-4-item .slider-in,.slider-4 .slider-row-1 .slider-4-item .slider-in{margin-left:5px !important}.slider-5 .slider-in-out{margin-right:5px !important}.slider-5 .slider-5-bottom .slider-in:nth-child(1),.slider-5-1 .slider-5-bottom .slider-in:nth-child(2){margin-bottom:5px !important}.slider-5 .slider-5-bottom .slider-height{margin-right:5px !important}.slider-5 .slider-5-bottom{margin-right:-5px !important}.slider-6-middle{margin:0 5px !important}.slider-6-item+.slider-6-item{margin-top:5px !important}.home-collection{overflow:hidden}.home-collection-box-1 ul li{width:40% !important;margin-right:8px}.collection-out>ul{margin-right:0}.slider-5 h2,.slider-3 h2,.slider-6 h2{display:none}.home-collection .flickity-button{display:none}.home-collection-box-1 .home-collection-content{margin-bottom:0;margin-right:0}.home-collection-row-2 a{font-size:10px;-webkit-line-clamp:2}.mobile-footer-menu.footer-fixed{position:fixed;bottom:0}.top-slider.home_row{margin:-8px -8px 0 !important;padding:0 !important}.post-carts-list-row button{width:20px}.comment-author a{font-size:14px}.comment-author .user-title{font-size:10px}.post-modules-top{flex-flow:column}.post-list-cats{width:100%}.post-list-cats a{padding:16px 10px 14px 10px}.post-carts-list-row .flickity-prev-next-button{display:none}.modules-title-box{flex-flow:column;text-align:center;align-items:center}.post-info{padding:10px}.item-in{margin:4px}.b2_gap.grid li.grid-item{width:calc(50% - 4px) !important}.post-list .module-title{margin-bottom:10px;margin-right:0;font-size:22px}.post-list .module-desc{margin:0;text-align:center;line-height:1.5;font-size:14px}.home-collection-info h2{font-size:14px}.home-collection-in{margin-bottom:0}.post-list-cat{top:10px;left:10px}.mobile-hidden.widget{display:none}.content-area{width:100%}.b2-content{display:block}.post-excerpt{font-size:12px;height:33px}.post-3 ul.b2_gap li.post-3-li{width:100% !important}.post-3 ul.b2_gap li.post-3-li .post-module-thumb{margin:0;width:34%}.post-3 ul.b2_gap>li+li{margin-top:8px}.post-3 .post-module-thumb a{height:100%}.post-3 .post-list-meta li:nth-child(2){flex:1}.post-3 .post-excerpt{display:none}.post-3 .post-info h2{font-size:16px;margin:5px 0;height:44px;font-weight:400}.post-3 .item-in{flex-direction:row-reverse}.post-3 .post-list-cat{margin-bottom:0}.post-3 .post-info{margin-right:10px;min-width:180px;margin-left:0}.post-3 .post-list-meta-user{display:none}.post-3 .post-list-meta{margin-top:0;font-size:10px}.post-list-meta-box i{font-size:14px !important}.post-list .post-list-cat a{font-size:10px;margin-right:5px;height:16px;line-height:17px;padding:0 3px}.post-3 .post-list-cat a{opacity:.4}.post-meta-right button{padding:5px 10px}.comment_at{margin:0 5px}.sidebar-innter section{margin-top:8px}ul.b2_gap{margin:-4px}.home_row>div{flex-flow:column}.header-search-select a{padding:9px 7px;font-size:12px}.search-box-content.modal-content{width:21rem;padding:40px 10px 10px}.search-box-content .search-input{padding:10px}.mobile-search{padding:0 8px 8px}.mobile-search-input input{background-color:#fff;font-size:13px;border-radius:50px;padding:8px;text-align:center;width:100%;border:0}.m-open .header-banner{z-index:2}.insert-post-desc{font-size:12px;display:none}.b2-single-content{display:block}.widget-area{width:100%;padding:0}.post-list-meta-avatar .Zi{left:23px}.comment-author{font-size:12px}.comment .comment-item{padding:8px 8px 8px 46px}.comment .gravatar{width:30px;height:30px;left:8px;top:8px;flex-flow:column}.comment-content-text{margin:0}.comment-content-text p{line-height:1.6;font-size:15px}.comment-list .children article .comment-item{margin-left:0;padding:8px 8px 8px 44px}.comment-list .children article .gravatar{left:8px}.comment-list .children article .gravatar img{width:30px;height:30px;border-radius:3px;display:block;margin:0}.comment-item-hidden{visibility:visible;top:4px}.comment-footer{position:relative}.comment-footer-tools button{margin-right:0;margin-left:10px}.comment-footer-tools .comment-vote-hidden button{margin-left:0;margin-right:8px}.gravatar .user-vip{font-size:10px;margin-top:2px}.comment-tips{display:none}.comments-title{padding:8px}.comment-nav .ajax-pager{padding:8px}.single-article{margin-bottom:8px}.pager-center{display:block}.respond{padding:8px}.com-info{display:none}.com-form{margin:0}.content-hidden-before{top:-7px}.content-hidden-before i{font-size:16px}.post-meta li{margin-right:8px}.single-article{padding:10px}.post-meta .post-meta-right button{margin-left:5px;padding:5px 10px;font-size:10px;display:flex;align-items:center}.post-meta .post-meta-right div{display:flex}.single-article h1{margin-bottom:10px;font-size:22px;line-height:28px}.entry-header{margin-bottom:30px}.entry-content .content-ds-users{max-width:100%}.entry-content video{margin:0 auto;max-width:100%;min-height:192px;display:block}pre{margin:0;margin-bottom:16px;padding:16px}.entry-content>p{margin-bottom:16px}.entry-content p{font-size:16px}blockquote{padding:16px}blockquote:before{margin-bottom:8px}.entry-content>h2,.entry-content>h3,.entry-content>h4,.entry-content>h5,.entry-content>h6{font-size:18px;margin:0 0 16px}.entry-content>ul,.entry-content>ol{margin:0 0 30px 0}.entry-content>li{margin:0 0 .8em 2em}.insert-post-thumb img{height:100%;width:100%;object-fit:cover}.content-ds{margin-top:30px}.content-excerpt{line-height:24px;padding:16px;margin-bottom:16px}.file-down-icon{display:none}.file-down-box{padding-left:0}.file-down-icon img{width:30px;height:30px}.file-down-box h2{margin-bottom:5px;font-size:15px}.insert-post-thumb{height:62px}.entry-content .insert-post-content h2{font-size:13px;font-weight:400;margin-bottom:5px;line-height:1.5}.insert-post h2,.file-down h2{-webkit-line-clamp:2}.entry-content .insert-post{padding:10px;flex-direction:row-reverse}.insert-post-content{padding-left:0;position:unset;margin-right:10px}.content-show-roles{padding:8px;min-height:120px}.content-user-lv{margin-bottom:16px}.content-cap-title{margin-bottom:16px}.poster-content{flex-flow:column}.poster-image{min-height:300px}.poster-share{width:auto;flex-flow:wrap;justify-content:space-between}.poster-share div{flex-flow:wrap;display:block}.poster-content button,.poster-content .button{width:64px;display:inline-block;padding:5px}.poster-box .modal-content{width:100%;padding:24px;margin:16px}.file-down-pass code{font-size:12px}.site-footer-nav{padding-bottom:55px}.site-footer .wrapper{flex-flow:wrap}.site-footer .widget{padding:0;width:100%}.site-footer .widget+.widget{margin-top:24px}.site-footer{padding:20px 16px}.site-footer .widget-title{padding-bottom:10px}.footer a{font-size:12px}.footer-links{padding:10px;margin:16px}.widget ul.team-widget li{border:2px solid #454545}.about-widget{margin-top:0}.widget ul.team-widget{margin-top:10px}.widget ul.team-widget li{width:10%}.mobile-footer-menu{position:fixed;bottom:-56px;width:100%;box-shadow:0 -1px 3px 0 rgba(26,26,26,.1);background:#fff;padding:8px;z-index:5;flex-flow:nowrap;display:flex;justify-content:space-between}.mobile-footer-center{margin:0 auto;width:55px}.mobile-footer-center a{width:100%}.mobile-footer-center i{font-size:24px;color:#fff;height:39px !important;display:block;text-align:center;line-height:39px !important}.mobile-footer-menu img{height:23px}.mobile-footer-menu a{padding:0 10px;display:block;text-align:center;line-height:1}.mobile-footer-menu a i{font-size:23px;line-height:28px}.mobile-footer-menu a span{display:block;height:23px}.mobile-footer-menu a b{font-size:12px;display:block;margin-top:5px}.mobile-footer-left,.mobile-footer-right{display:flex;flex-flow:wrap}.mobile-footer-menu.animateOut,.mobile-footer-menu.animateIn{transition:transform .3s}.m-open .animateOut{transform:initial}.collection-item{width:100%;margin-bottom:-14px}.search-page-title p{margin-bottom:12px}.post-tags-meat{margin:-9px;margin-top:8px}.post-style-2-top-header{margin:-16px -16px 16px -16px}.post-style-2-top-header{height:196px !important}.post-style-2 .user-tools i{color:initial}.post-style-2 .login-button button.empty{border-color:initial;color:initial}.post-style-2 .entry-header-meta{text-align:center;width:90%}.footer-bottom{flex-flow:column;font-size:12px;padding:10px;height:auto}.footer-bottom-left{flex-flow:column}.beian>span:nth-child(1){display:none}.footer-bottom-left .beian{margin:10px 0;display:flex;align-items:center}.post-style-3-top{height:300px !important;margin:-16px -16px -90px}.post-style-3-title{padding:0 16px;text-align:center}.entry-header .post-meta{margin-bottom:10px}.post-style-3-top .wrapper{padding-bottom:100px}.post-style-3-title h1{font-size:18px}.post-style-3-title .mg-b{margin:0}.post-list-cat{margin-bottom:10px}.post-style-4-top{margin:-16px -16px -40px}.post-style-5-video-box{width:auto}.post-style-5-top .wrapper{flex-flow:column}.post-video-list{margin:0 !important;width:auto !important;max-height:133px}.post-style-5-top{margin:-8px 0 8px}.post-style-2 i.b2-user{color:#fff}.post-list-meta-avatar span{margin-top:10px}.post-list-meta-avatar{margin-top:-20px}.post-list-meta-avatar img{border-width:2px;width:26px;height:26px}ul.b2_gap>li{width:50% !important}.mobile-filter{display:flex;margin-bottom:8px;justify-content:space-between;padding:8px;position:relative;font-size:12px;align-items:center}.filters-box.b2-show{display:block}.filter-box-top{padding:8px 0;border-bottom:1px solid #efefef;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.filter-close{font-size:30px;display:block;line-height:34px;text-align:center;cursor:pointer;color:#b2bac2}.tax-image{display:none}.filters-box{padding:10px;padding:10px;display:none;position:fixed;top:0;left:0;background:#fff;z-index:10;border-radius:0;height:100%;overflow-y:auto;overflow-x:hidden}.filters-box ul li{flex-flow:column}.filter-name{text-align:left}.filter-items{margin-top:5px}.tax-header{margin:8px 0 8px;height:auto}.filter-items a{background:#f5f5f5;font-size:12px;margin-left:0;margin-right:5px}.filters-box ul li+li{margin-top:0}.post-style-2 .header .button.mobile-show{background:none}.b2-pagenav{margin-top:8px}trix-toolbar .trix-button span{display:none !important}.toasted-container .toasted.primary{display:block;padding:8px}.user-cover-button{right:10px;top:10px}.user-panel{padding:10px;margin:0;flex-flow:column;align-items:center;margin-top:-46px}.user-panel .avatar{border:0;width:80px;height:80px;max-width:80px;min-width:80px;border-radius:100%;border:3px solid #fff}.user-panel .avatar:hover .editor-avatar{border-radius:100%}.user-panel .avatar:hover .editor-avatar span{display:none}.user-panel-info{margin:0;padding:0;margin-top:14px}.user-cover-button label.empty{padding:4px 6px;font-size:12px}.user-panel-info{font-size:17px;text-align:center;display:block}.user-panel-info p{margin-bottom:20px}.user-panel-info .user-page-lv{position:absolute;left:16px;top:55px;display:flex;flex-flow:column;margin:0}.user-panel-info .lv-icon{margin:5px 0 0;text-align:left;padding:0;font-size:10px}.duk{display:none}.comment-author .lv-icon{font-size:11px}.user-eidt-button{position:absolute;right:10px;top:56px}.mask-wrapper{padding-top:40%}.user-panel-editor-button{text-align:center}.author-page-right{width:100%;margin:0}.user-sidebar{margin-bottom:8px}.author-page-left{width:100%;z-index:2}.author-table{flex-flow:column-reverse}.author-page{padding:10px}.collections-menu ul{margin:-10px;margin-bottom:10px;padding:0 10px}.following-avatar{width:60px;height:60px;max-width:60px;min-width:60px}.collections-post-list .following-avatar{max-width:60px;min-width:60px;width:60px;height:36px;margin-right:8px;display:none}.following-name a{font-weight:400;font-size:14px}.following-cancel{width:80px;flex-grow:0;max-width:80px;min-width:80px}.following-cancel button{padding:4px 6px}.author-edit-page .author-edit-list>li{flex-flow:column}.user-edit-button{opacity:1;visibility:visible}.author-edit-page .edit-name{margin-bottom:10px}.user-avatar-chose li{width:78px;height:78px}.user-open-list{display:block}.user-open-list li{margin-bottom:10px;width:100%}.author-edit-page{padding:10px}.user-panel-editor-button button,.user-panel-editor-button .button{font-size:12px;padding:4px 6px;font-weight:400}table td{min-width:auto}.tab-mobile-hidden{display:none}.vip-count ul li .vip-in{margin:8px}.vip-count ul li{width:50%}.vip-top>div p{font-size:16px;margin:16px}.vip-count{margin-top:20px}.vip-item{width:50%;padding:8px;margin-bottom:20px}.gold-list-row-1,.gold-list-row-2,.gold-list-row-3,.gold-list-row-4{width:25%}.gold-list-row-5{display:none}.vip-footer{margin-top:20px}.menu-icon{width:19px;height:27px;padding:6px 0;margin-left:10px;cursor:pointer;position:absolute;left:0;z-index:2}.menu-icon .line-1,.menu-icon .line-2,.menu-icon .line-3{height:2px;width:100%;border-radius:1px;transition:background-color .2s ease-in-out;background-color:#333}.menu-icon .line-1{-webkit-animation:animate-line-1-rev .7s ease-in-out;animation:animate-line-1-rev .7s ease-in-out}.menu-icon .line-2{margin:4px 0;-webkit-animation:animate-line-2-rev .7s ease-in-out;animation:animate-line-2-rev .7s ease-in-out}.menu-icon .line-3{-webkit-animation:animate-line-3-rev .7s ease-in-out;animation:animate-line-3-rev .7s ease-in-out}.menu-icon.active .line-1{-webkit-animation:animate-line-1 .7s cubic-bezier(0.3,1,.7,1) forwards;animation:animate-line-1 .7s cubic-bezier(0.3,1,.7,1) forwards}.menu-icon.active .line-2{-webkit-animation:animate-line-2 .7s cubic-bezier(0.3,1,.7,1) forwards;animation:animate-line-2 .7s cubic-bezier(0.3,1,.7,1) forwards}.menu-icon.active .line-3{-webkit-animation:animate-line-3 .7s cubic-bezier(0.3,1,.7,1) forwards;animation:animate-line-3 .7s cubic-bezier(0.3,1,.7,1) forwards}.no-animation{-webkit-animation:none !important;animation:none !important}.go-top{bottom:20px;right:20px}.dmsg-to-box li{padding:10px}.dmsg-to-box{padding:0}.my-dmsg-content{font-size:14px}.dmsg-list li{padding:10px}.verify-users-title{display:flex;flex-flow:column}.verify-users-title:before,.verify-users-title:after{margin:0 auto}.verify-users-title span{margin:16px 40px}.verify-users ul{padding:10px}.verify-users ul li{width:25%;padding:1px}.verify-box-desc{font-size:12px}.verify-box-name{font-size:14px}.verify-desc{padding:20px}.verify-step-2{padding:0;padding-bottom:30px}.verify-button{margin-bottom:30px}.verify-step-2 h2{margin-left:20px}.verify-chenghao h2{margin-left:0}.verify-mp{flex-flow:column}.verify-mp-left{margin-left:0}.verify-mp-right{width:100%;min-width:100%;text-align:center}@-webkit-keyframes animate-line-1{0%{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}50%{-webkit-transform:translate3d(0,6px,0) rotate(0);transform:translate3d(0,6px,0) rotate(0)}100%{-webkit-transform:translate3d(0,6px,0) rotate(45deg);transform:translate3d(0,6px,0) rotate(45deg)}}@keyframes animate-line-1{0%{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}50%{-webkit-transform:translate3d(0,6px,0) rotate(0);transform:translate3d(0,6px,0) rotate(0)}100%{-webkit-transform:translate3d(0,6px,0) rotate(45deg);transform:translate3d(0,6px,0) rotate(45deg)}}@-webkit-keyframes animate-line-2{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes animate-line-2{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@-webkit-keyframes animate-line-3{0%{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}50%{-webkit-transform:translate3d(0,-6px,0) rotate(0);transform:translate3d(0,-6px,0) rotate(0)}100%{-webkit-transform:translate3d(0,-6px,0) rotate(135deg);transform:translate3d(0,-6px,0) rotate(135deg)}}@keyframes animate-line-3{0%{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}50%{-webkit-transform:translate3d(0,-6px,0) rotate(0);transform:translate3d(0,-6px,0) rotate(0)}100%{-webkit-transform:translate3d(0,-6px,0) rotate(135deg);transform:translate3d(0,-6px,0) rotate(135deg)}}@-webkit-keyframes animate-line-1-rev{0%{-webkit-transform:translate3d(0,6px,0) rotate(45deg);transform:translate3d(0,6px,0) rotate(45deg)}50%{-webkit-transform:translate3d(0,6px,0) rotate(0);transform:translate3d(0,6px,0) rotate(0)}100%{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}}@keyframes animate-line-1-rev{0%{-webkit-transform:translate3d(0,6px,0) rotate(45deg);transform:translate3d(0,6px,0) rotate(45deg)}50%{-webkit-transform:translate3d(0,6px,0) rotate(0);transform:translate3d(0,6px,0) rotate(0)}100%{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}}@-webkit-keyframes animate-line-2-rev{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes animate-line-2-rev{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes animate-line-3-rev{0%{-webkit-transform:translate3d(0,-6px,0) rotate(135deg);transform:translate3d(0,-6px,0) rotate(135deg)}50%{-webkit-transform:translate3d(0,-6px,0) rotate(0);transform:translate3d(0,-6px,0) rotate(0)}100%{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}}@keyframes animate-line-3-rev{0%{-webkit-transform:translate3d(0,-6px,0) rotate(135deg);transform:translate3d(0,-6px,0) rotate(135deg)}50%{-webkit-transform:translate3d(0,-6px,0) rotate(0);transform:translate3d(0,-6px,0) rotate(0)}100%{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}}}.vue-tooltip{background-color:#000;box-sizing:border-box;color:#fff;max-width:320px;padding:6px 10px;border-radius:3px;z-index:1;box-shadow:2px 2px 3px rgba(0,0,0,.4)}.vue-tooltip.vue-tooltip-hidden{transform:translateX(-100000px)!important}.vue-tooltip .vue-tooltip-content{text-align:center}.vue-tooltip .tooltip-arrow{content:"";width:0;height:0;border-style:solid;position:absolute;margin:5px}.vue-tooltip[x-placement^=top]{margin-bottom:5px}.vue-tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0;border-top-color:#000;border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;bottom:-5px;margin-top:0;margin-bottom:0}.vue-tooltip[x-placement^=bottom]{margin-top:5px}.vue-tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px;border-bottom-color:#000;border-top-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;top:-5px;margin-top:0;margin-bottom:0}.vue-tooltip[x-placement^=right]{margin-left:5px}.vue-tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-right-color:#000;border-top-color:transparent!important;border-left-color:transparent!important;border-bottom-color:transparent!important;left:-5px;margin-left:0;margin-right:0}.vue-tooltip[x-placement^=left]{margin-right:5px}.vue-tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-left-color:#000;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;margin-left:0;margin-right:0}
本文最后更新于2020年3月14日，若涉及的内容可能已经失效，直接留言反馈补链即可，我们会处理，谢谢
常见问题FAQ
- 1.关于新手解压出错 必看（附电脑+安卓WINRAR APP）
- 新手必看 本站资源解压教程：http://www.52cgzys.com/76304/
- 2.本站Telegram群组链接
- 3.所有礼包码下载地址：http://www.52cgzys.com/422289/
- 4.各类问题及解决处理方法合集
